body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
th,
td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

img {
	border: 0
}

em,
strong,
th,
b,
i {
	font-style: normal;
	font-weight: 400
}

ol,
ul,
dl {
	list-style: none
}

th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

input,
textarea,
select,
button {
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	border-radius: 0
}

img,
input,
label,
button {
	vertical-align: middle
}

input:focus,
button:focus,
select:focus,
textarea:focus {
	outline: 0
}

a::-moz-focus-inner,
input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0
}

ins,
s,
u,
del {
	text-decoration: none
}

/*! 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%
}

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 {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: 0;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit
}

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
}

button,
html [type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	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] {
	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
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #333
}

.g-ib {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	*vertical-align: middle
}

.g-hide {
	display: none
}

.g-vi-hide {
	visibility: hidden
}

.g-hu:hover {
	text-decoration: underline
}

.g-hu:hover span {
	text-decoration: underline
}

.g-cp {
	cursor: pointer
}

.g-tof {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.c-link {
	color: #19477D
}

.c-tool {
	color: #666
}

.f-14 {
	font-size: 14px
}

.f-16 {
	font-size: 16px
}

.box-shadow {
	box-shadow: 0 0 2px #f6f6f6
}

.g-blk {
	border: 1px solid #ededed;
	background: #fff;
	margin-bottom: 20px;
	display: block;
	box-shadow: 0 0 2px #f6f6f6
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -10px, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

.fadeInDown {
	animation-name: fadeInDown
}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.grew-filter {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#grayscale);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1)
}

body {
	font-family: "PingFang SC", "Microsoft YaHei", arial, "Hiragino Sans GB", "Hiragino Sans GB W3";
	font-size: 14px;
	color: #333;
	background-color: #fafafa;
	min-width: 1190px
}

.g-red {
	color: #f50
}

.layout-main {
	margin: 0 auto;
	width: 1190px;position: relative;z-index: 1;
}

.layout-left {
	position: relative;
	*float: right;
	box-sizing: border-box;
	width: 900px;
	*width: 896px;
	min-height: 172px;
	border: solid 1px #DEE3EB;
	*overflow: hidden
}

.layout-left .fixed-left:before {
	content: '';
	display: block;
	height: 43px;
	background-color: #fff
}

.layout-left .fixed-left .layout-left-title {
	position: fixed;
	top: 120px;
	z-index: 2
}

.layout-left .fixed-left .layout-left-title .tab {
	top: 1px
}

.layout-left .layout-left-title {
	position: relative;
	box-sizing: border-box;
	width: 898px;
	*width: 846px;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-size: 18px;
	background-color: #FAFBFC;
	box-shadow: 0 0 2px #f6f6f6
}

.layout-left .layout-left-title .title-wrap {
	position: relative;
	width: 100%;
	height: 100%
}

.layout-left .layout-left-title .tab {
	position: absolute;
	top: -1px;
	display: block;
	height: 100%
}

.layout-left .layout-left-title .tab .item {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	box-sizing: border-box;
	margin:5px 0;
	 line-height: 32px;
	text-align: center;
	position: relative;
	border-top: solid 2px transparent
}

.layout-left .layout-left-title .tab .item.active {color:#fff !important;border-radius:4px;
	background-color:#2A5AF6;
}

.layout-left .layout-left-title .tab .item.first {
	margin-left:20px
}
.layout-left .layout-left-title .tab .tab-list{position: relative; display: inline-block;}
.layout-left .layout-left-title .tab .item:hover {
	color: #2A5AF6;
}

.layout-left .layout-left-title .tab .g-icon-redpoint {
	position: absolute;
	width: 5px;
	height: 5px;
	opacity: 1;
	z-index: 1;
	top: 8px;
	right: -2px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.layout-left .layout-left-title .tab .g-icon-redpoint:hover {
	opacity: 0
}

.layout-left .layout-left-title .tab .g-icon-redpoint:hover+.nav-tip-hover img {
	opacity: 1;
	z-index: 1
}

.layout-left .layout-left-title .tab .icon-new {
	position: absolute;
	top: 8px;
	width: 25px;
	height: 10px
}

.layout-left .layout-left-title .tab .nav-tip-hover img {
	opacity: 0;
	z-index: -1;
	position: absolute;
	bottom: 3px;
	background-repeat: no-repeat;
	left: 17px;
	height: 40px;
	width: 70px
}

.layout-left .layout-left-title .tab .nav-tip-hover img:hover {
	opacity: 1;
	z-index: 1
}

.layout-left .layout-left-title .tab .nav-tip-hover img:hover+.g-icon-redpoint {
	opacity: 0
}

.layout-left .layout-left-title .tab .nav-tip-hover img:hover+.g-icon-redpoint {
	opacity: 0
}

.layout-left .layout-left-title .tab .first {
	 
}

.layout-left .layout-left-title .tab.title a {
	font-size: 16px;padding:0 15px;
}

.layout-left .layout-left-title .tab.reload {
	right: 0
}

.layout-left .layout-left-title .tab.reload a {
	position: relative;
	 
	text-align: right;
	font-size: 14px;
	color: #333
}

.layout-left .layout-left-title .tab.reload a:hover {
	color: #08A770
}

.layout-left .layout-left-title .tab.reload a:hover:after {
	background-repeat: no-repeat;
}

.layout-left .layout-left-title .tab.reload a:after {
	content: '';
	position: absolute;
	top: 19px;
	left: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

.layout-left .layout-left-title .right-img {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 40px;
	display: none
}

.layout-left .layout-left-title .right-img .img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%
}

.layout-left .layout-left-title .right-img .icon {
	transform-origin: right bottom;
	transform: scale(0.5);
	position: absolute;
	right: 0;
	bottom: 0;
	width: 44px;
	height: 28px;
	background: rgba(0, 0, 0, .1);
	border-radius: 4px;
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: rgba(255, 255, 255, .8);
	letter-spacing: 0;
	line-height: 28px;
	text-align: center
}

.layout-left .layout-left-title .right-img .right-ad-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px
}

.layout-left .layout-left-title .right-img .right-ad-close img {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 12px
}

.layout-right {
	position: relative;
	float: left;
	width: 280px;
	margin-right: 10px
}

.fixed-right .fixed-cont {
	position: fixed;
	top: 120px
}

.default-list-box {
	margin-bottom: 40px;
	position: relative
}

.feed-wrap {
	border: 1px solid #EFEFEF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .06)
}

.small-tip-box {
	width: 230px;
	position: absolute;
	left: 0;
	top: 0
}

.see-all-block {
	width: 988px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	text-align: center;
	display: block
}

.layout-list {
	width: 988px;
	margin: 30px auto 0
}

.layout-list-sider {
	width: 270px
}

.layout-list-main {
	width: 718px
}

.feed-load-tip {
	text-align: center;
	height: 80px;
	line-height: 80px;
	background: #fff
}

.g_red {
	color: #f50
}

.s-fc5,
.g-fc5,
.s-fc5h:hover,
.g-fc5h:hover {
	color: #fff
}

button[data-balloon] {
	overflow: visible
}

[data-balloon] {
	position: relative
}

[data-balloon]:before,
[data-balloon]:after {
	-ms-filter: "alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .18s ease-out .18s;
	transition: all .18s ease-out .18s;
	bottom: 70%;
	left: 50%;
	position: absolute;
	z-index: 10;
	-webkit-transform: translate(-50%, 10px);
	-ms-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

[data-balloon]:after {
	background: #0f94f7;
	color: #fff;
	content: attr(data-balloon);
	font-size: 12px;
	padding: .5em 1em;
	white-space: nowrap;
	margin-bottom: 11px;
	box-shadow: 0 1px 3px gray;
	height: 25px;
	line-height: 25px;
	font-size: 14px
}

[data-balloon]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20wmode%3D%22transparent%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22%230f94f7%22%20transform%3D%22rotate%280%29%22%20d%3D%22M%206%200%20L28%200%20L18%2012%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 6px;
	width: 18px;
	content: "";
	margin-bottom: 5px
}

[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after {
	-ms-filter: "alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

[data-balloon].font-awesome:after {
	font-family: FontAwesome
}

[data-balloon][data-balloon-break]:after {
	white-space: pre
}

[data-balloon-pos=down]:before,
[data-balloon-pos=down]:after {
	bottom: auto;
	left: -95%;
	top: 73%;
	-webkit-transform: translate(-50%, -10px);
	-ms-transform: translate(-50%, -10px);
	transform: translate(-50%, -10px)
}

[data-balloon-pos=down]:after {
	margin-top: 11px
}

[data-balloon-pos=down]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20wmode%3D%22transparent%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22%230f94f7%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M%206%200%20L28%200%20L18%2012%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 6px;
	width: 18px;
	margin-top: 5px;
	margin-bottom: 0;
	left: 49%
}

[data-balloon-pos=down]:hover:before,
[data-balloon-pos=down][data-balloon-visible]:before,
[data-balloon-pos=down]:hover:after,
[data-balloon-pos=down][data-balloon-visible]:after {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

[data-balloon-pos=left]:before,
[data-balloon-pos=left]:after {
	bottom: auto;
	left: auto;
	right: 100%;
	top: 50%;
	-webkit-transform: translate(10px, -50%);
	-ms-transform: translate(10px, -50%);
	transform: translate(10px, -50%)
}

[data-balloon-pos=left]:after {
	margin-right: 11px
}

[data-balloon-pos=left]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20wmode%3D%22transparent%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22%230f94f7%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M%206%200%20L28%200%20L18%2012%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 18px;
	width: 6px;
	margin-right: 5px;
	margin-bottom: 0
}

[data-balloon-pos=left]:hover:before,
[data-balloon-pos=left][data-balloon-visible]:before,
[data-balloon-pos=left]:hover:after,
[data-balloon-pos=left][data-balloon-visible]:after {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[data-balloon-pos=right]:before,
[data-balloon-pos=right]:after {
	bottom: auto;
	left: 93%;
	top: 50%;
	-webkit-transform: translate(-10px, -50%) rotate(-90deg);
	-ms-transform: translate(-10px, -50%) rotate(-90deg);
	transform: translate(-10px, -50%) rotate(-90deg)
}

[data-balloon-pos=right]:after {
	margin-left: 11px
}

[data-balloon-pos=right]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20wmode%3D%22transparent%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22%230f94f7%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M%206%200%20L28%200%20L18%2012%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 18px;
	width: 6px;
	margin-bottom: 0;
	margin-left: 5px
}

[data-balloon-pos=right]:hover:before,
[data-balloon-pos=right][data-balloon-visible]:before,
[data-balloon-pos=right]:hover:after,
[data-balloon-pos=right][data-balloon-visible]:after {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[data-balloon-length]:after {
	white-space: normal
}

[data-balloon-length=small]:after {
	width: 80px
}

[data-balloon-length=medium]:after {
	width: 150px
}

[data-balloon-length=large]:after {
	width: 260px
}

[data-balloon-length=xlarge]:after {
	width: 90vw
}

@media screen and (min-width:768px) {
	[data-balloon-length=xlarge]:after {
		width: 380px
	}
}

[data-balloon-length=fit]:after {
	width: 100%
}

button[data-oldballoon] {
	overflow: visible
}

[data-oldballoon] {
	position: relative;
	cursor: pointer
}

[data-oldballoon]:before,
[data-oldballoon]:after {
	-ms-filter: "alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .18s ease-out .18s;
	transition: all .18s ease-out .18s;
	bottom: 100%;
	left: 50%;
	position: absolute;
	z-index: 10;
	-webkit-transform: translate(-50%, 10px);
	-ms-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

[data-oldballoon]:after {
	font-family: sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	text-shadow: none !important;
	font-size: 12px !important;
	background: rgba(17, 17, 17, .9);
	border-radius: 4px;
	color: #fff;
	content: attr(data-oldballoon);
	padding: .5em 1em;
	white-space: nowrap;
	margin-bottom: 11px
}

[data-oldballoon]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 6px;
	width: 18px;
	content: "";
	margin-bottom: 5px
}

[data-oldballoon]:hover:before,
[data-oldballoon][data-oldballoon-visible]:before,
[data-oldballoon]:hover:after,
[data-oldballoon][data-oldballoon-visible]:after {
	-ms-filter: "alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

[data-oldballoon].font-awesome:after {
	font-family: FontAwesome
}

[data-oldballoon][data-oldballoon-break]:after {
	white-space: pre
}

[data-oldballoon-blunt]:before,
[data-oldballoon-blunt]:after {
	-webkit-transition: none;
	transition: none
}

[data-oldballoon-pos=down]:before,
[data-oldballoon-pos=down]:after {
	bottom: auto;
	left: 50%;
	top: 100%;
	-webkit-transform: translate(-50%, -10px);
	-ms-transform: translate(-50%, -10px);
	transform: translate(-50%, -10px)
}

[data-oldballoon-pos=down]:after {
	margin-top: 11px
}

[data-oldballoon-pos=down]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 6px;
	width: 18px;
	margin-top: 5px;
	margin-bottom: 0
}

[data-oldballoon-pos=down]:hover:before,
[data-oldballoon-pos=down][data-oldballoon-visible]:before,
[data-oldballoon-pos=down]:hover:after,
[data-oldballoon-pos=down][data-oldballoon-visible]:after {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

[data-oldballoon-pos=down-left]:before,
[data-oldballoon-pos=down-left]:after {
	bottom: auto;
	left: 0;
	top: 100%;
	-webkit-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

[data-oldballoon-pos=down-left]:after {
	margin-top: 11px
}

[data-oldballoon-pos=down-left]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 6px;
	width: 18px;
	margin-top: 5px;
	margin-bottom: 0;
	left: 5px
}

[data-oldballoon-pos=down-left]:hover:before,
[data-oldballoon-pos=down-left][data-oldballoon-visible]:before,
[data-oldballoon-pos=down-left]:hover:after,
[data-oldballoon-pos=down-left][data-oldballoon-visible]:after {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-oldballoon-pos=down-right]:before,
[data-oldballoon-pos=down-right]:after {
	bottom: auto;
	right: 0;
	top: 100%;
	-webkit-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

[data-oldballoon-pos=down-right]:after {
	margin-top: 11px
}

[data-oldballoon-pos=down-right]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 6px;
	width: 18px;
	margin-top: 5px;
	margin-bottom: 0;
	right: 5px
}

[data-oldballoon-pos=down-right]:hover:before,
[data-oldballoon-pos=down-right][data-oldballoon-visible]:before,
[data-oldballoon-pos=down-right]:hover:after,
[data-oldballoon-pos=down-right][data-oldballoon-visible]:after {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-oldballoon-pos=left]:before,
[data-oldballoon-pos=left]:after {
	bottom: auto;
	left: auto;
	right: 100%;
	top: 50%;
	-webkit-transform: translate(10px, -50%);
	-ms-transform: translate(10px, -50%);
	transform: translate(10px, -50%)
}

[data-oldballoon-pos=left]:after {
	margin-right: 11px
}

[data-oldballoon-pos=left]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 18px;
	width: 6px;
	margin-right: 5px;
	margin-bottom: 0
}

[data-oldballoon-pos=left]:hover:before,
[data-oldballoon-pos=left][data-oldballoon-visible]:before,
[data-oldballoon-pos=left]:hover:after,
[data-oldballoon-pos=left][data-oldballoon-visible]:after {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[data-oldballoon-pos=right]:before,
[data-oldballoon-pos=right]:after {
	bottom: auto;
	left: 100%;
	top: 50%;
	-webkit-transform: translate(-10px, -50%);
	-ms-transform: translate(-10px, -50%);
	transform: translate(-10px, -50%)
}

[data-oldballoon-pos=right]:after {
	margin-left: 11px
}

[data-oldballoon-pos=right]:before {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
	background-size: 100% auto;
	height: 18px;
	width: 6px;
	margin-bottom: 0;
	margin-left: 5px
}

[data-oldballoon-pos=right]:hover:before,
[data-oldballoon-pos=right][data-oldballoon-visible]:before,
[data-oldballoon-pos=right]:hover:after,
[data-oldballoon-pos=right][data-oldballoon-visible]:after {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[data-oldballoon-length]:after {
	white-space: normal
}

[data-oldballoon-length=small]:after {
	width: 80px
}

[data-oldballoon-length=medium]:after {
	width: 150px
}

[data-oldballoon-length=large]:after {
	width: 260px
}

[data-oldballoon-length=xlarge]:after {
	width: 90vw
}

@media screen and (min-width:768px) {
	[data-oldballoon-length=xlarge]:after {
		width: 380px
	}
}

[data-oldballoon-length=fit]:after {
	width: 100%
}

.g-imglink,
.g-imglink-img,
.g-imglink-title {
	display: block
}

.g-imglink {
	position: relative;
	*zoom: 1
}

.g-imglink-title {
	overflow: hidden;
	height: 28px;
	line-height: 28px;
	vertical-align: baseline;
	cursor: pointer
}

.g-imglink-tag {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 3px;
	line-height: 18px;
	font-size: 12px;
	cursor: pointer
}

.g-imglink-img-mask {
	cursor: pointer;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: #000;
	opacity: .2;
	filter: alpha(opacity=20)
}

.g-imglink:hover {
	padding: 0;
	text-decoration: none
}

.g-imglink:hover .g-imglink-title {
	text-decoration: underline
}

.g-imglink:hover .g-imglink-img-mask {
	visibility: visible
}

.g-imglink:hover .g-imglink-tag {
	text-decoration: none
}

.tdn .g-imglink:hover,
.tdn .g-imglink:hover .g-imglink-title {
	text-decoration: none
}

.g-imglink-over .g-imglink-title-bg {
	content: "";
	position: absolute;
	height: 39px;
	width: 100%;
	left: 0;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.g-imglink-over .g-imglink-title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.animating .g-imglink-over .g-imglink-title-bg {
	filter: none
}

.g-slider,
.g-slider-grid,
.g-slider-slides {
	position: relative;
	*zoom: 1
}

.g-slider-grid,
.g-slider-slides,
.g-slider-slide {
	overflow: hidden
}

.g-slider-grid {
	width: 100%
}

.g-slider-slide {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top
}

.g-slider-prev,
.g-slider-next {
	position: absolute;
	top: 50%;
	cursor: pointer
}

.g-slider-prev {
	left: 0
}

.g-slider-next {
	right: 0
}

.g-slider-pagination {
	position: absolute
}

.g-slider-page {
	display: inline-block;
	*zoom: 1;
	overflow: hidden;
	cursor: pointer
}

.g-slider-fade .g-slider-prev,
.g-slider-fade .g-slider-next {
	display: none;
	z-index: 5
}

.g-slider-fade .g-slider-slide {
	display: none;
	position: absolute;
	top: 0;
	left: 0
}

.g-slider-fade .animating,
.g-slider-fade .selected {
	display: block
}

.g-slider-fade .selected {
	z-index: 2
}

.s-slider1 .g-slider-prev,
.s-slider1 .g-slider-next {
	margin-top: -27px;
	width: 37px;
	height: 55px
}

.s-slider1 .g-slider-prev {
	background-repeat: no-repeat;
}

.s-slider1 .grid_hover .g-slider-prev {
	background-repeat: no-repeat;
}

.s-slider1 .grid_hover .g-slider-prev:hover {
	background-repeat: no-repeat;
}

.s-slider1 .g-slider-next {
	background-repeat: no-repeat;
}

.s-slider1 .grid_hover .g-slider-next {
	background-repeat: no-repeat;
}

.s-slider1 .grid_hover .g-slider-next:hover {
	background-repeat: no-repeat;
}

.s-slider2 .g-slider-prev,
.s-slider2 .g-slider-next {
	display: none;
	margin-top: -18px;
	width: 24px;
	height: 24px;
	opacity: .6;
	filter: alpha(opacity=60)
}

.s-slider2 .grid_hover .g-slider-prev,
.s-slider2 .grid_hover .g-slider-next {
	display: block
}

.s-slider2 .g-slider-prev {
	background-repeat: no-repeat;
}

.s-slider2 .g-slider-next {
	background-repeat: no-repeat;
}

.s-slider2 .g-slider-prev:hover,
.s-slider2 .g-slider-next:hover {
	opacity: .9;
	filter: alpha(opacity=90)
}

.g-tabs {
	padding:10px;
}

.g-tabs,
.g-tab,
.g-tab-sw {
	position: relative;
	*zoom: 1;
	vertical-align: top
}

.g-tab {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding:0 10px;
	height:32px;
	line-height:32px;
	cursor: pointer;
	text-align: center
}

.g-tab:hover {
	text-decoration: none;
	color: #2A5AF6;
}

.g-tab-selected {
	 
	margin-top: -1px;
	background-color:#2A5AF6;border-radius:4px;
	color: #fff
}

.g-tab-sw {
	margin-left: 1px
}

.g-tab-sw .g-tab-s {
	position: absolute;
	top: 12px;
	left: -1px;
	width: 1px;
	height: 16px;
	background: #e9e9e9
}

.rightbottom {
	position: fixed;
	left: 50%;
	bottom: 30px;
	margin-left: 555px
}

.rightbottom .backtop {
	display: block;
	height: 40px;
	width: 40px;
	cursor: pointer;
	border-radius: 5px;
	background: #fff
}

.rightbottom .backtop:before {
	content: ' ';
	display: block;
	margin: auto;
	top: 18px;
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: transparent transparent #2196f3
}

.rightbottom .backtop:hover:before {
	border-bottom-color: #147afc
}

.gu-mirror {
	position: fixed !important;
	z-index: 9999 !important;
	margin: 0;
	opacity: .8;
	-ms-filter: "alpha(Opacity=80)";
	filter: alpha(opacity=80)
}

.gu-hide {
	display: none !important
}

.gu-unselectable {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important
}

.gu-transit {
	opacity: .2;
	-ms-filter: "alpha(Opacity=20)";
	filter: alpha(opacity=20)
}

.webuploader-container {
	position: relative
}

.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px)
}

.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	text-align: center;
	overflow: hidden
}

#bottom-be {
	width: 278px;
	border: 1px solid #DEE3EB;
	margin-bottom: 10px
}

.site-add-wraper {
	position: absolute;
	top: 0;
	right: 20px;
	display: none;
	width: 40px;
	height: 26px;
	cursor: pointer;
	z-index: 15
}

.site-add-wraper .site-add-icon {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center
}

.site-add-wraper .site-add-icon:after {
	content: "+";
	display: block;
	width: 24px;
	height: 24px;
	margin: auto;
	font-size: 24px;
	line-height: 20px;
	color: #fff;
	border-radius: 12px;
	background: #2196f3;
	font-weight: 200
}

.site-add-wraper .site-add-icon:hover:before {
	content: " ";
	background-repeat: no-repeat;
}

.site-add-wraper .site-add-icon:hover:after {
	background: #0076ff
}

.site-add-wraper .pop .list-wrap {
	display: none
}

.site-add-wraper .pop-list-open .list-wrap {
	display: block
}

.site-add-wraper .pop-list-open .site-wrap {
	display: none
}

.site-add-wraper .pop {
	position: absolute;
	z-index: 10;
	top: 35px;
	left: -41px;
	width: 330px;
	border: 1px solid #eee;
	text-align: left;
	border-radius: 8px;
	background: #fff;
	box-shadow: -1px 1px 5px #eaeaea
}

.site-add-wraper .pop .hd {
	position: relative;
	height: 40px;
	padding: 10px 25px 15px;
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	color: #2196f3
}

.site-add-wraper .pop .status {
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	height: 16px;
	margin-top: -8px;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	color: #737373
}

.site-add-wraper .pop .status:after {
	content: " ";
	display: inline-block;
	width: 16px;
	height: 100%;
	margin-left: 3px;
	vertical-align: top
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.site-add-wraper .pop span[status=loading]:after {
	-webkit-animation: rotate 1s infinite linear;
	animation: rotate 1s infinite linear;
	background-repeat: no-repeat;
}

.site-add-wraper .pop span[status=success]:after {
	background-repeat: no-repeat;
}

.site-add-wraper .pop span[status=fail]:after {
	background-repeat: no-repeat;
}

.site-add-wraper .pop .op {
	margin: 10px 25px 20px
}

.site-add-wraper .pop .op a {
	display: inline-block;
	width: 60px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer
}

.site-add-wraper .pop .op .submit {
	margin-right: 10px;
	color: #fff;
	background: #2196f3
}

.site-add-wraper .pop .list-name {
	max-width: 140px;
	margin-right: 8px;
	margin-left: 8px;
	padding-right: 23px;
	cursor: pointer;
	position: relative
}

.site-add-wraper .pop .list-name:after {
	content: " ";
	position: absolute;
	top: 18px;
	right: 0;
	display: inline-block;
	width: 13px;
	height: 7px;
	vertical-align: top;
	transition: transform .2s linear;
	transform-origin: 6px 3px;
	background-repeat: no-repeat;
}

.site-add-wraper .pop .list-open:after {
	transform: rotate(180deg)
}

.site-add-wraper .pop ul li {
	height: 30px;
	padding: 0 25px;
	line-height: 30px;
	cursor: pointer
}

.site-add-wraper .pop ul li:hover {
	background: #fafafa
}

.site-add-wraper .list-wrap {
	overflow-y: scroll;
	max-height: 182px;
	margin-bottom: 10px;
	line-height: 30px
}

.site-add-wraper .list-wrap input {
	width: 250px;
	height: 30px;
	padding-left: 25px;
	border: 0;
	line-height: 30px;
	background: 0 0
}

.site-add-wraper .list-wrap .addbtn {
	height: 20px;
	width: 24px;
	font-size: 24px;
	line-height: 16px;
	font-weight: 200;
	border: 1px solid #2196f3;
	border-radius: 3px;
	text-align: center;
	margin-top: 3px;
	color: #0076FF
}

.site-add-wraper .label {
	margin: 0 25px;
	font-size: 14px;
	line-height: 20px;
	color: #737373
}

.site-add-wraper .textarea {
	overflow: auto;
	width: 280px;
	max-height: 66px;
	margin: 5px 20px;
	padding: 0 5px;
	padding-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #eee;
	line-height: 22px;
	word-break: break-all;
	resize: none
}

.site-add-wraper .pointer {
	position: absolute;
	left: 50px
}

.site-add-wraper .pointer:after,
.site-add-wraper .pointer:before {
	content: " ";
	position: absolute;
	top: -20px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 10px solid #fff
}

.site-add-wraper .pointer:before {
	top: -21px;
	border-bottom-color: #eee
}

.aging-tools {
	position: fixed;
	z-index: 201;
	width: 50px;
	height: 93px;
	background-color: #fff;
	bottom: 60px;
	left: 50%;
	margin-left: 604px;
	cursor: pointer;
	border: 1px #E6E6E6 solid
}

.aging-tools:hover {
	background-color: #F9F9F9
}

.aging-icon {
	width: 36px;
	height: 36px;
	margin-top: 12px;
	margin-left: 7px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/aging-tools/img/tools.b04b47d.png) no-repeat center / 100%
}

.aging-tools-word {
	font-size: 13px;
	color: #636675;
	text-align: center;
	line-height: 13px;
	width: 30px;
	height: 27px;
	margin-left: 10px;
	margin-top: 6px;
	letter-spacing: 1px
}

.calendar2 {
	position: relative;
	white-space: nowrap;
	padding: 8px;
	width: 105px;
	height: 33px
}

.calendar2:hover {
	background: #f2f4f8
}

.calendar2 .item-link {
	position: absolute;
	top: 8px;
	right: 10px;
	display: none;
	color: #333
}

.calendar2 .t26 {
	top: 26px
}

.calendar2__week {
	padding-left: 13px
}

.calendar2__lhl-slide {
	position: relative
}

.calendar2__lhl-info {
	position: relative;
	margin-top: 3px;
	overflow: hidden;
	width: 105px;
	height: 16px;
	line-height: 16px
}

.calendar2__lhl-yi,
.calendar2__lhl-ji {
	float: left;
	width: 16px;
	height: 16px;
	*margin-right: -3px
}

.calendar2__lhl-yi {
	background-repeat: no-repeat;
}

.calendar2__lhl-ji {
	background-repeat: no-repeat;
}

.calendar2__lhl-word {
	margin-left: 6px
}

.calendar2__link {
	position: absolute;
	width: 121px;
	height: 51px;
	left: 0;
	top: 0
}

.calendar__cont {
	top: 0
}

.sam-A .calendar2 {
	width: 151px
}

.sam-A .calendar2 .item-link {
	display: block
}

.sam-A .header--r1 {
	margin-left: 8px
}

.sam-A .header--r2 {
	margin-left: 40px
}

.sam-A .header--r3 {
	width: 167px
}

.cars-box {
	margin: 0 30px;
	padding: 15px 0
}

.cars-list-item {
	width: 264px;
	height: 283px;
	display: inline-block;
	margin-right: 20px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 4px
}

.cars-list-item:last-child {
	margin-right: 0
}

.cars-list-top {
	width: 100%;
	height: 39px;
	overflow: hidden;
	border-bottom: solid 1px #ededed
}

.cars-list-title {
	float: left;
	margin-left: 14px;
	height: 40px;
	font-size: 18px;
	font-weight: 700;
	line-height: 40px;
	color: #333
}

.cars-list-btn {
	position: relative;
	float: right;
	height: 40px;
	margin-right: 10px;
	line-height: 40px;
	text-align: right;
	font-size: 14px;
	color: #333
}

.cars-list-btn:hover {
	color: #08A770
}

.cars-list-btn:hover::before {
	background: url(refresh-hover.png?__sprite) no-repeat;
	background-size: 16px 16px
}

.cars-list-btn::before {
	position: absolute;
	top: 12px;
	left: 0;
	content: '';
	width: 16px;
	height: 16px;
	background: url(refresh.png?__sprite) no-repeat;
	background-size: 16px 16px
}

.cars-list-btn-value {
	color: #666;
	line-height: 1
}

.cars-rank {
	padding: 12px
}

.cars-normal-rank {
	padding: 0 10px 11px
}

.cars-rank-item {
	height: 72px;
	overflow: hidden;
	position: relative
}

.cars-index-image {
	display: inline-block;
	width: 18px;
	line-height: 72px;
	margin-right: 9px
}

.cars-index-image img {
	width: 100%;
	height: 100%
}

.cars-type-image {
	display: inline-block;
	width: 86px;
	line-height: 72px
}

.cars-type-image img {
	width: 100%;
	height: 100%
}

.info {
	width: 127px;
	padding-top: 22px;
	float: right
}

.cars-rank-publish {
	width: 24px;
	line-height: 72px;
	display: inline-block;
	font-size: 12px;
	color: #333
}

.cars-rank-image {
	width: 86px;
	line-height: 72px;
	display: inline-block
}

.cars-rank-image img {
	width: 100%;
	height: 100%
}

.cars-info {
	width: 117px;
	float: right;
	padding-top: 20px;
	font-size: 14px;
	color: #333
}

.cars-info-item {
	width: 100%;
	line-height: 16px
}

.cars-info-name {
	width: 62px;
	display: inline-block;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.cars-info-tag {
	padding: 0 4px 0 2px;
	display: inline-block;
	font-size: 12px;
	border-radius: 2px;
	color: #333;
	background: #eee;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.cars-info-tag-val {
	display: inline-block;
	transform: scale(0.83)
}

.cars-info-price {
	margin-top: 2px;
	font-size: 12px;
	color: #FE4455;
	line-height: 12px
}

.cars-rank-type {
	font-size: 10px;
	margin-top: 8px;
	padding: 0 10px;
	text-align: right
}

.cars-type-item {
	cursor: pointer
}

.cars-type-item.active {
	color: #08A770
}

.info-content {
	display: inline-block;
	width: 60%;
	font-size: 14px;
	line-height: 14px;
	color: #333
}

.info-price {
	margin-top: 5px;
	font-size: 12px;
	line-height: 12px;
	color: #fe4455
}

.info-name-series,
.info-price {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.cars-pop {
	width: 40%;
	text-align: right;
	float: right;
	font-size: 10px;
	color: #999
}

.cars-pop-item {
	margin-top: 4px;
	transform: scale(0.83)
}

.cars-video-image {
	width: 90px;
	height: 50px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: inline-block;
	border-radius: 4px;
	overflow: hidden
}

.cars-video-image img {
	width: 100%;
	height: 100%
}

.cars-video-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 19px;
	height: 19px;
	background: url(play-icon.png) no-repeat
}

.cars-video-info {
	width: 148px;
	margin-left: 6px;
	display: inline-block;
	font-size: 12px;
	color: #333;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

.cars-video-desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.cars-video-tips {
	margin-top: 4px;
	color: #999
}

.cars-brand {
	padding: 0 30px;
	padding-bottom: 30px;
	width: 100%;
	box-sizing: border-box
}

.car-brand-link {
	width: 100%
}

.car-brand-link .car-brand-logo-wrapper:last-child {
	margin-right: 0
}

.car-brand-logo-wrapper {
	display: inline-block;
	margin-right: 38px
}

.car-brand-logo {
	width: 40px;
	height: 40px;
	margin: 0 auto
}

.car-brand-logo img {
	width: 100%;
	height: 100%
}

.car-brand-name {
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
	color: #333
}

#carsBox {
	position: relative
}

#carsBoxClose {
	display: block;
	position: absolute;
	width: 45px;
	height: 15px;
	right: 0;
	bottom: 0;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/carsbox/img/boxclose.4f25ef7.png) no-repeat center / 100%
}

.arrow-right {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-top: -2px
}

.collection {
	width: 40px;
	height: 40px;
	cursor: pointer;
	line-height: 20px;
	background-repeat: no-repeat;
}

.collection:hover {
	background-repeat: no-repeat;
}

.collection.has-status {
	background-repeat: no-repeat;
}

.collection.has-status:hover {
	background-repeat: no-repeat;
}

.content-cover {
	position: absolute;
	bottom: 0;
	left: 0;
	*z-index: 100;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-top: 8px;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#85FFFFFF', endColorStr='#FFFFFFFF', gradientType='0');
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(65%, #fff));
	background-image: -moz-linear-gradient(top, #000, #fff);
	background-image: -o-linear-gradient(top, #000, #fff);
	background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0, #fff 65%);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.content-cover .spread {
	color: #5F84C0
}

.content-cover .spread:hover {
	color: #7BADFF
}

.content-cover .spread:hover .arrow.down {
	background-repeat: no-repeat;
}

.content-cover .spread:hover .arrow.up {
	background-repeat: no-repeat;
}

.content-cover .spread .arrow {
	display: inline-block;
	width: 12px;
	height: 7px;
	margin-left: 5px
}

.content-cover .spread .arrow.down {
	background-repeat: no-repeat;
}

.content-cover .spread .arrow.up {
	background-repeat: no-repeat;
}

.dropdown-frame {
	width: 116px;
	border: 1px solid #efefef;
	border-radius: 5px;
	background-color: #fff;
	padding: 10px 0;
	position: absolute;
	left: -42px;
	top: 42px;
	z-index: 50
}

.dropdown-frame .dropdown-row {
	padding-left: 20px
}

.dropdown-frame.hide {
	display: none
}

.dropdown-frame .bg-triangle-top {
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 12px solid #efefef;
	position: absolute;
	left: 50%;
	top: -12px;
	margin-left: -11px
}

.dropdown-frame .bg-triangle-btm {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 12px solid #fff;
	position: absolute;
	left: 50%;
	top: -11px;
	margin-left: -11px
}

.dropdown-row {
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	color: #333;
	display: block;
	cursor: pointer;
	font-size: 14px
}

.dropdown-row.unable {
	background-color: #ccc
}

.dropdown-row img {
	border: 0;
	outline: 0;
	margin-left: -10px
}

.dropdown-row:hover {
	background-color: #f6f6f6
}

.hot-goods .goods-list {
	box-sizing: border-box;
	overflow: hidden;
	width: 278px;
	height: 203px;
	padding: 10px 11px 0;
	border-top: 1px solid #dee3eb;
	background: #fff
}

.hot-goods .goods-list .good {
	position: relative;
	overflow: hidden;
	margin-bottom: 16px
}

.hot-goods .goods-list .paiming {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	font-family: DINRoundPro-Medium;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	text-align: center
}

.hot-goods .goods-list .paiming1 {
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon1.e43823f.png);
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon1@2x.7179181.png) center / contain
}

.hot-goods .goods-list .paiming2 {
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon2.9f01e34.png);
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon2@2x.612fa46.png) center / contain
}

.hot-goods .goods-list .paiming3 {
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon3.f6290f3.png);
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon3@2x.93af566.png) center / contain
}

.hot-goods .goods-list .paiming4 {
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon4.a030575.png);
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon4@2x.e427aa8.png) center / contain
}

.hot-goods .goods-list .title {
	display: block;
	overflow: hidden;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #333
}

.hot-goods .goods-list .good-normal {
	height: 18px
}

.hot-goods .goods-list .good-normal .img {
	display: none
}

.hot-goods .goods-list .good-normal .title {
	padding-left: 20px;
	height: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #333;
	line-height: 18px
}

.hot-goods .goods-list .good-normal .detail {
	display: none
}

.hot-goods .goods-list .good-normal .product-link {
	display: none
}

.hot-goods .goods-list .good-active {
	height: 90px;
	padding-top: 6px
}

.hot-goods .goods-list .good-active .img {
	float: left;
	width: 90px;
	height: 100%
}

.hot-goods .goods-list .good-active .info {
	float: right;
	width: 158px;
	height: 100%
}

.hot-goods .goods-list .good-active .title {
	height: 36px;
	margin-top: -2px;
	line-height: 18px
}

.hot-goods .goods-list .good-active .activity {
	margin-top: 12px
}

.hot-goods .goods-list .good-active .detail {
	overflow: hidden;
	margin-top: 7px;
	height: 18px;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #ff3b1f;
	line-height: 20px
}

.hot-goods .goods-list .good-active .price {
	font-family: DINRoundPro-Medium;
	font-size: 20px
}

.hot-goods .goods-list .good-active .tags {
	position: relative;
	top: -2px;
	margin-left: 3px
}

.hot-goods .goods-list .good-active .product-link {
	right: 0;
	bottom: 0
}

.left-ecommerce-box {
	position: relative;
	z-index: 100;
	width: 278px;
	border: 1px solid #dee3eb;
	margin-bottom: 10px;
	background: #f5f5f6
}

.left-ecommerce-box .activity {
	overflow: hidden;
	height: 16px;
	line-height: 16px
}

.left-ecommerce-box .activity-title {
	float: left;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #ff3b1f
}

.left-ecommerce-box .time-detail {
	float: left
}

.left-ecommerce-box .time-detail span {
	float: left;
	min-width: 14px;
	height: 16px;
	text-align: center;
	background: rgba(255, 209, 202, .4);
	border-radius: 2px;
	font-family: DINRoundPro-Medium;
	font-size: 11px;
	color: #ff3b1f
}

.left-ecommerce-box .time-detail i {
	float: left;
	width: 6px;
	margin-top: -2px;
	text-align: center;
	color: #ff3b1f
}

.left-ecommerce-box .activity-end .activity-title {
	color: #999
}

.left-ecommerce-box .activity-end .time-detail span {
	background: rgba(191, 191, 191, .4);
	color: #999
}

.left-ecommerce-box .activity-end .time-detail i {
	color: #dfd6cc
}

.left-ecommerce-box .close-btn {
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: 4px;
	right: 4px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/close.cce26ad.png) no-repeat;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/close@2x.273d715.png) no-repeat center / contain;
	cursor: pointer
}

.left-ecommerce-box .close-btn:hover {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/closeh.905a9ff.png) no-repeat;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/closeh@2x.4b5a02c.png) no-repeat center / contain
}

.left-ecommerce-box .expand-btn {
	display: none;
	position: absolute;
	width: 13px;
	height: 8px;
	bottom: 3px;
	left: 50%;
	transform: translateX(-50%);
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/expand.438d653.png) no-repeat;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/expand@2x.1e79c91.png) no-repeat center / contain;
	cursor: pointer
}

.left-ecommerce-box .slideUp {
	transform: rotate(180deg)
}

.left-ecommerce-box .product-link {
	position: absolute;
	right: 8px;
	bottom: 12px;
	width: 64px;
	height: 21px;
	background: #ff3b1f;
	border-radius: 14px;
	font-family: PingFangSC-Medium;
	font-size: 12px;
	color: #fff;
	line-height: 21px;
	text-align: center
}

.left-ecommerce-box .product-link:hover {
	background: #ff1800
}

.haohuimai {
	padding-bottom: 15px;
	background: linear-gradient(#fff 0, #f5f5f6 100%)
}

.haohuimai .haohuimai-title {
	position: relative;
	padding-left: 12px;
	height: 47px
}

.haohuimai .haohuimai-title .haohuimai-logo {
	display: inline-block;
	padding-top: 14px;
	width: 80px;
	height: 19px
}

.haohuimai .haohuimai-title .haohuimai-logo-img {
	display: block;
	width: 100%;
	height: 100%;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/logo.e6628e8.png) no-repeat;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/logo@2x.eaa2702.png) no-repeat center / contain
}

.haohuimai .haohuimai-title .more-url {
	position: absolute;
	right: -1px;
	top: 11px;
	width: 68px;
	height: 24px;
	padding-left: 10px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	background: rgba(255, 209, 202, .4);
	font-family: MicrosoftYaHei;
	line-height: 24px;
	font-size: 12px;
	color: #ff3b1f;
	text-align: justify
}

.haohuimai .haohuimai-title .more-url:hover {
	text-decoration: underline
}

.haohuimai .haohuimai-title .more-icon {
	position: relative;
	left: 3px;
	top: 3px;
	display: inline-block;
	width: 8px;
	height: 14px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/more.f733598.png) no-repeat;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/ecommerce/more@2x.b81b721.png) no-repeat center / contain
}

.haohuimai .product-banner-wrap {
	position: relative;
	height: 258px
}

.haohuimai .product-banner {
	position: relative;
	overflow: hidden;
	height: 100%
}

.haohuimai .product-list {
	position: absolute;
	left: -160px;
	top: 0;
	overflow: hidden;
	width: 999em;
	height: 100%
}

.haohuimai .product {
	float: left;
	overflow: hidden;
	transition: all 400ms ease;
	width: 200px;
	height: 100%;
	border-radius: 6px;
	background: #fff;
	transform: scale(0.8);
	cursor: pointer
}

.haohuimai .product-active {
	transform: scale(1)
}

.haohuimai .product-active .leftCover {
	display: none
}

.haohuimai .product-active .rightCover {
	display: none
}

.haohuimai .product-show {
	position: relative;
	height: 200px
}

.haohuimai .product-show .coupon-purchase {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.haohuimai .product-show .product-img {
	width: 100%;
	height: 100%
}

.haohuimai .product-show .product-title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 22px;
	padding-top: 18px;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff
}

.haohuimai .product-show .product-title .icon {
	width: auto;
	height: 14px;
	padding-left: 8px;
	padding-right: 4px;
	border-radius: 2px
}

.haohuimai .product-show .product-title .title {
	font-family: MicrosoftYaHei;
	font-size: 13px;
	text-align: justify;
	line-height: 13px;
	padding-bottom: 2px
}

.haohuimai .product-show .product-title .title:hover {
	text-decoration: underline
}

.haohuimai .atmosphere-area {
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 64px;
	cursor: pointer
}

.haohuimai .atmosphere-area .atmosphere-ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 999em
}

.haohuimai .atmosphere-area .word {
	overflow: hidden;
	height: 28px;
	margin-bottom: 4px;
	line-height: 28px;
	font-size: 12px;
	color: #ba3e00
}

.haohuimai .atmosphere-area span {
	float: left;
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
	padding: 0 12px;
	background: #fff;
	background: rgba(255, 255, 255, .6)
}

.haohuimai .product-active .atmosphere-area {
	display: block
}

.haohuimai .product-info {
	height: 38px;
	padding: 8px 8px 12px
}

.haohuimai .product-info .price {
	padding-top: 2px
}

.haohuimai .product-info .discount-price {
	font-family: DINRoundPro-Medium;
	font-size: 20px;
	color: #ff3b1f;
	line-height: 22px
}

.haohuimai .product-info .discount-price i {
	font-family: Arial-BoldMT;
	font-size: 12px;
	color: #ff3b1f;
	line-height: 22px
}

.haohuimai .product-info .initial-price {
	margin-left: 7px;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #999;
	line-height: 12px;
	text-decoration: line-through
}

.haohuimai .leftCover {
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 100%;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, 0) 100%)
}

.haohuimai .leftCover:hover {
	opacity: 0
}

.haohuimai .rightCover {
	position: absolute;
	right: 0;
	top: 0;
	width: 23px;
	height: 100%;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 100%)
}

.haohuimai .rightCover:hover {
	opacity: 0
}

.hasBangdan {
	padding-bottom: 16px
}

#feed_news_wrap {
	min-height: 1190px;
	background: #fff;
	padding-bottom: 33px
}

#feed_news_wrap .top-news {
	padding: 20px 0 16px 32px;
	border-bottom: 1px dashed #EBEEF3;
	font-size: 18px
}

#feed_news_wrap .top-news span {
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#feed_news_wrap .top-news span::before {
	content: "";
	position: absolute;
	left: 0;
	width: 5px;
	border-radius: 100%;
	height: 5px;
	background-color: red;
	top: 8px
}

#feed_news_wrap .top-news .second {
	margin-top: 14px
}

#feed_news_wrap .top-news a:hover {
	text-decoration: underline;
	color: #ff5502
}

#feed_news_wrap .feed_news_item,
#feed_news_wrap .loadingfeed {
	margin: 0 20px;
	height: 130px;
	border-bottom: 1px dashed #EBEEF3;
	position: relative
}

#feed_news_wrap .feed_news_item.hasimg .feednews-header,
#feed_news_wrap .loadingfeed.hasimg .feednews-header,
#feed_news_wrap .feed_news_item.hasimg .feednews-main,
#feed_news_wrap .loadingfeed.hasimg .feednews-main,
#feed_news_wrap .feed_news_item.hasimg .feednews-footer,
#feed_news_wrap .loadingfeed.hasimg .feednews-footer {
	padding-left: 163px;
	*padding-left: 0
}

#feed_news_wrap .feed_news_item.tuji,
#feed_news_wrap .loadingfeed.tuji {
	height: 180px;
	padding-top: 15px
}

#feed_news_wrap .feed_news_item.tuji h3,
#feed_news_wrap .loadingfeed.tuji h3 {
	width: 100%;
	margin: 0 0 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px
}

#feed_news_wrap .feed_news_item.tuji h3 a:hover,
#feed_news_wrap .loadingfeed.tuji h3 a:hover {
	text-decoration: underline;
	color: #ff5502
}

#feed_news_wrap .feed_news_item.tuji img,
#feed_news_wrap .loadingfeed.tuji img {
	width: 150px;
	height: 100px;
	margin-right: 6px
}

#feed_news_wrap .feed_news_item.tuji .more-img,
#feed_news_wrap .loadingfeed.tuji .more-img {
	width: 150px;
	height: 100px;
	line-height: 100px;
	background-color: #f2f2f2;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	color: #999
}

#feed_news_wrap .feed_news_item.tuji .more-img:hover,
#feed_news_wrap .loadingfeed.tuji .more-img:hover {
	background-color: rgba(0, 0, 0, .08)
}

#feed_news_wrap .feed_news_item.tuji .tip,
#feed_news_wrap .loadingfeed.tuji .tip {
	margin-top: 17px;
	font-size: 14px;
	color: #999
}

#feed_news_wrap .feed_news_item.tuji .tip a,
#feed_news_wrap .loadingfeed.tuji .tip a {
	margin-right: 11px;
	color: #999
}

#feed_news_wrap .feed_news_item.tuji .tip a:hover,
#feed_news_wrap .loadingfeed.tuji .tip a:hover {
	text-decoration: underline;
	color: #ff5502
}

#feed_news_wrap .feed_news_item.tuji .tip .notlink:hover,
#feed_news_wrap .loadingfeed.tuji .tip .notlink:hover {
	text-decoration: none;
	color: #999;
	cursor: text
}

#feed_news_wrap .feed_news_item:hover {
	background: #FAFBFC
}

#feed_news_wrap .feednews-header {
	font-size: 18px
}

#feed_news_wrap .feednews-header h3 {
	margin-top: 4px;
	line-height: 1.4
}

#feed_news_wrap .feednews-header a {
	max-width: 675px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block
}

#feed_news_wrap .feednews-header a:hover {
	text-decoration: underline;
	color: #ff5502
}

#feed_news_wrap .item_cont {
	position: relative;
	padding-top: 12px
}

#feed_news_wrap .no-desc .feednews-header {
	margin-top: 20px
}

#feed_news_wrap .no-desc .feednews-footer {
	margin-top: -30px
}

#feed_news_wrap .feednews-main {
	margin-top: 6px
}

#feed_news_wrap .feednews-main .description {
	height: 40px;
	overflow: hidden;
	line-height: 20px;
	color: #999
}

#feed_news_wrap .feednews-main .thumbnail {
	width: 150px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 0
}

#feed_news_wrap .feednews-main .thumbnail img {
	width: 100%;
	height: 100%
}

#feed_news_wrap .feednews-main .playicon-wrapper {
	position: absolute;
	top: 15px;
	left: 0;
	width: 150px;
	height: 100px;
	background: rgba(0, 0, 0, .1)
}

#feed_news_wrap .feednews-main .playicon-wrapper .playicon {
	display: block;
	position: absolute;
	top: 35px;
	left: 58px;
	width: 34px;
	height: 34px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/feednews/play-icon.76435ac.png) no-repeat;
	background-size: 34px
}

#feed_news_wrap .feednews-main .playicon-wrapper .duration {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 46px;
	height: 16px;
	line-height: 16px;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background: rgba(0, 0, 0, .35)
}

#feed_news_wrap .feednews-main .playicon-wrapper .duration span {
	opacity: .75
}

#feed_news_wrap .feednews-footer {
	margin-top: 9px;
	font-size: 14px;
	color: #999
}

#feed_news_wrap .feednews-footer .news-dot {
	font-weight: 100;
	margin: 0 9px;
	overflow: hidden
}

#feed_news_wrap .feednews-footer .author a:hover {
	text-decoration: underline
}

#feed_news_wrap .feednews-footer .author .g-hu {
	color: #419bf9
}

#feed_news_wrap .feednews-footer .author .g-gray {
	color: #999
}

#feed_news_wrap .feednews-footer .author .g-gray:hover {
	text-decoration: underline;
	color: #ff5502
}

#feed_news_wrap .feednews-footer .author .notlink:hover {
	text-decoration: none;
	color: #999;
	cursor: text
}

#feed_news_wrap .loadingfeed {
	display: block
}

#feed_news_wrap .loadingfeed h3,
#feed_news_wrap .loadingfeed p,
#feed_news_wrap .loadingfeed span {
	background: #e8e8e8
}

#feed_news_wrap .loadingfeed h3 {
	height: 20px;
	width: 299px;
	margin-top: 5px;
	margin-left: 182px
}

#feed_news_wrap .loadingfeed .p1,
#feed_news_wrap .loadingfeed .p2,
#feed_news_wrap .loadingfeed .p3,
#feed_news_wrap .loadingfeed .p4 {
	width: 462px;
	height: 14px;
	margin-left: 163px;
	margin-top: 6px
}

#feed_news_wrap .loadingfeed .p1 {
	margin-top: 18px
}

#feed_news_wrap .loadingfeed .p2 {
	margin-top: 14px
}

#feed_news_wrap .loadingfeed .p3 {
	margin-top: 12px;
	width: 256px
}

#feed_news_wrap .loadingfeed .p4 {
	margin-top: 26px;
	width: 162px
}

#feed_news_wrap .loadingfeed .loadingimg {
	width: 150px;
	height: 100px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 15px
}

#feed_news_wrap .loadingfeed .loadingimg img {
	margin-top: 21px
}

#feed_news_wrap .loadingfeed .loadingimg .dots {
	position: absolute;
	left: 53px;
	top: 46px
}

#feed_news_wrap .loadingfeed .loadingimg i {
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	margin-right: 7px
}

#feed_news_wrap .loadingfeed .loadingimg .dot1 {
	background: rgba(0, 0, 0, .1)
}

#feed_news_wrap .loadingfeed .loadingimg .dot2 {
	background: rgba(0, 0, 0, .2)
}

#feed_news_wrap .loadingfeed .loadingimg .dot3 {
	background: rgba(0, 0, 0, .5)
}

#feed_news_wrap .morefeed {
	display: none;
	text-align: center;
	padding: 25px 0;
	color: #999
}

#feed_news_wrap .morefeed a {
	color: #0AA770
}

#feed_news_wrap .morefeed img {
	margin-right: 18px;
	height: 46px;
	width: 46px
}

#feed_news_wrap .noimg .thumbnail {
	display: none
}

#feed_news_wrap .noimg .feednews-header h3 {
	width: 670px
}

#feed_news_wrap .wm {
	position: relative;
	margin: 0 30px;
	border-bottom: 1px dashed #EBEEF3
}

#feed_news_wrap .wm iframe {
	margin-top: 15px
}

#feed_news_wrap .live-inner {
	padding: 20px 0 0 28px;
	font-size: 0
}

#feed_news_wrap .live-inner .feed_live_item {
	display: inline-block;
	*display: inline;
	position: relative;
	width: 200px;
	height: 234px;
	margin-right: 12px;
	margin-bottom: 12px;
	vertical-align: middle;
	border: 1px solid #E8E8E8
}

#feed_news_wrap .live-inner .feed_live_item:hover .text .title {
	color: #FF5B79
}

#feed_news_wrap .live-inner .feed_live_item:hover .coverimg .mask {
	display: block
}

#feed_news_wrap .live-inner .feed_live_item .coverimg {
	position: relative;
	width: 200px;
	height: 200px
}

#feed_news_wrap .live-inner .feed_live_item .coverimg img {
	width: 100%;
	height: 100%
}

#feed_news_wrap .live-inner .feed_live_item .coverimg .status {
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1;
	width: auto;
	height: 15px;
	line-height: 15px;
	padding: 0 5px;
	border-radius: 7.5px;
	background: #FF5B79;
	color: #FFF;
	font-size: 12px;
	text-align: center
}

#feed_news_wrap .live-inner .feed_live_item .coverimg .live {
	display: block
}

#feed_news_wrap .live-inner .feed_live_item .coverimg .mask {
	display: none;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .2)
}

#feed_news_wrap .live-inner .feed_live_item .coverimg .mask img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px
}

#feed_news_wrap .live-inner .feed_live_item .text {
	height: 34px;
	line-height: 34px;
	padding: 0 8px
}

#feed_news_wrap .live-inner .feed_live_item .text .title {
	float: left;
	font-size: 14px;
	color: #333
}

#feed_news_wrap .live-inner .feed_live_item .text .charm {
	float: right;
	color: #FF5B79;
	font-size: 14px
}

#feed_news_wrap .live-inner .feed_live_item .text .charm img {
	width: 13px;
	height: 13px;
	margin-top: -2px;
	margin-right: 4px
}

#feed_news_wrap .live-inner .no-live-data {
	margin-top: 70px;
	text-align: center;
	font-size: 14px;
	color: #D0D0D0
}

#feed_news_wrap .live-inner .lesslive {
	text-align: center
}

#feed_news_wrap .live-inner .lesslive h3 {
	width: 127px;
	line-height: 20px;
	margin: 100px auto 0;
	text-align: center;
	font-size: 14px;
	color: #D0D0D0
}

#feed_news_wrap .live-loading {
	display: none;
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	color: #CCC
}

#feed_news_wrap .video-inner {
	padding: 20px 0 0 30px
}

#feed_news_wrap .video-inner .feed_video_item {
	display: inline-block;
	*display: inline;
	width: 198px;
	height: 155px;
	margin-right: 16px;
	margin-bottom: 30px;
	vertical-align: middle
}

#feed_news_wrap .video-inner .feed_video_item .item-link {
	display: block;
	width: 100%;
	height: 100%
}

#feed_news_wrap .video-inner .feed_video_item .item-link:hover .coverimg img {
	transform: scale(1.2)
}

#feed_news_wrap .video-inner .feed_video_item .item-link:hover .text .fl {
	color: #F50
}

#feed_news_wrap .video-inner .feed_video_item .item-link:hover .text .sl {
	transform: translateY(100%)
}

#feed_news_wrap .video-inner .feed_video_item .item-link .coverimg {
	position: relative;
	width: 198px;
	height: 111px;
	margin-bottom: 6px;
	overflow: hidden;
	border-radius: 3px
}

#feed_news_wrap .video-inner .feed_video_item .item-link .coverimg img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	transition: all 1.5s
}

#feed_news_wrap .video-inner .feed_video_item .item-link .coverimg .duration {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 46px;
	height: 16px;
	line-height: 16px;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background: rgba(0, 0, 0, .35)
}

#feed_news_wrap .video-inner .feed_video_item .item-link .coverimg .duration span {
	opacity: .75
}

#feed_news_wrap .video-inner .feed_video_item .item-link .text {
	position: relative;
	overflow: hidden
}

#feed_news_wrap .video-inner .feed_video_item .item-link .text .fl {
	line-height: 1.5
}

#feed_news_wrap .video-inner .feed_video_item .item-link .text .sl {
	position: absolute;
	top: 17px;
	left: 0;
	width: 100%;
	height: 12px;
	padding-top: 9px;
	transition: all .5s;
	font-size: 12px;
	color: #BBB;
	background: #fff
}

#feed_news_wrap .video-inner .feed_video_item .item-link .text .sl .icon {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px
}

#feed_news_wrap .video-inner .feed_video_item .item-link .text .sl .icon.play {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/feednews/playcnt-icon.1ed8c4f.png) no-repeat center / 100%
}

#feed_news_wrap .video-inner .feed_video_item .item-link .text .sl .icon.comment {
	width: 12px;
	height: 11px;
	margin-left: 30px;
	vertical-align: bottom;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/feednews/comment-icon.707c075.png) no-repeat center / 100%
}

#feed_news_wrap .mini-video-inner {
	padding: 20px 0 0 30px
}

#feed_news_wrap .mini-video-inner .no-video-data,
#feed_news_wrap .mini-video-inner .lesslive {
	text-align: center;
	color: #666
}

#feed_news_wrap .mini-video-inner .mini-video-item {
	display: inline-block;
	*display: inline;
	width: 183px;
	height: 312px;
	margin-right: 34px;
	margin-bottom: 30px;
	vertical-align: middle
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link {
	display: block;
	width: 100%;
	height: 100%
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link:hover .coverimg img {
	transform: scale(1.2)
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link:hover .text .fl {
	color: #F50;
	max-height: 41px
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .coverimg {
	position: relative;
	width: 183px;
	height: 262px;
	margin-bottom: 6px;
	overflow: hidden;
	border-radius: 5px;
	background-color: #e6e6e6;
	background-image: linear-gradient(0deg, #e6e6e6 20%, #f2f2f2 38%)
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .coverimg img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	transition: all 1.5s;
	object-fit: cover
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .coverimg .duration {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 46px;
	height: 16px;
	line-height: 16px;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background: rgba(0, 0, 0, .35)
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .coverimg .duration span {
	opacity: .75
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .text {
	position: relative;
	height: 41px;
	overflow: hidden
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .text .fl {
	max-height: 21px;
	line-height: 1.5;
	transition: max-height .5s;
	text-align: justify
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .text .sl {
	position: absolute;
	width: 100%;
	height: 16px;
	padding-top: 3px;
	font-size: 12px;
	color: #BBB;
	background: #fff;
	line-height: 16px
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .text .sl .play-wrapper {
	width: 70px;
	float: left;
	display: block
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .text .sl .comment-wrapper {
	width: 113px;
	display: inline-block;
	*display: inline;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .text .sl .icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: bottom
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .text .sl .icon.play {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/feednews/mini-video-play-icon.a413751.png) no-repeat center center / 100% auto
}

#feed_news_wrap .mini-video-inner .mini-video-item .item-link .text .sl .icon.comment {
	width: 16px;
	height: 16px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/feednews/author-icon.4692d5c.png) no-repeat center center / 100% auto
}

#feed_news_wrap .lives-inner {
	padding: 20px 0 20px 30px
}

#feed_news_wrap .lives-inner .lesslive {
	text-align: center
}

#feed_news_wrap .lives-inner .lesslive h3 {
	width: 127px;
	line-height: 20px;
	margin: 80px auto 0;
	text-align: center;
	font-size: 14px;
	color: #D0D0D0
}

#feed_news_wrap .lives-inner .feed_lives_item {
	display: inline-block;
	*display: inline;
	width: 198px;
	height: 161px;
	margin-right: 16px;
	margin-bottom: 24px;
	vertical-align: middle
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .cover-box {
	width: 100%;
	height: 112px;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .cover-box .cover-img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .cover-box .state-box {
	position: absolute;
	z-index: 1;
	top: 6px;
	left: 6px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .2);
	display: flex
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .cover-box .state-box .number {
	margin-left: 3px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	text-align: justify;
	color: #fff;
	padding-right: 7px
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .cover-box .state-box .state {
	padding: 3px 6px 3px 5px;
	white-space: nowrap;
	border-radius: 100px;
	background: #f35;
	align-items: center;
	display: flex
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .cover-box .state-box .state img {
	width: 14px;
	height: 14px
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .cover-box .state-box .state p {
	margin-bottom: 0;
	margin-left: 4px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 14px;
	white-space: nowrap;
	color: #fff
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .title {
	font-size: 14px;
	margin-top: 10px;
	line-height: 14px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .user {
	height: 14px;
	margin-top: 6px;
	cursor: pointer;
	display: flex
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .user .user-head {
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	object-fit: cover
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .user .user-name {
	margin-left: 5px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	line-height: 14px;
	color: #333
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .shade {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: none;
	width: 198px;
	height: 112px
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li .shade img {
	display: block;
	width: 31px;
	height: 31px;
	margin: 41px auto
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li a {
	display: block
}

#feed_news_wrap .lives-inner .feed_lives_item .live-li:hover .title {
	color: #ff4d4d
}

#feed_news_wrap .lives-inner .feed_lives_item .cover-box:hover .shade {
	display: block
}

.feed-border {
	margin-left: -1px;
	margin-right: -1px;
	height: 10px;
	background-color: #fafafa;
	border-top: 1px solid #DEE3EB;
	border-bottom: 1px solid #DEE3EB
}

.no-border {
	border-bottom: 0 !important
}

.top-html {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/feednews/bg.812f584.png) no-repeat center center / 100% 100%
}

.top-html .feed_news_item:hover {
	background: transparent !important
}

.all-title {
	width: 78px;
	height: 44px;
	display: none;
	position: absolute;
	top: 0;
	left: -36px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/feednews/all.c1d4b57.png) no-repeat center center / 100% auto
}

.has-icon {
	display: block
}

.feed-right-icon {
	float: right;
	opacity: .5
}

.feed-right-icon .feed-ad-icon {
	margin-right: 1px
}

.feed-right-icon .feed-close-icon:hover {
	cursor: pointer
}

@keyframes moveright {
	from {
		transform: translateX(0)
	}

	to {
		transform: translateX(1428.33333333%)
	}
}

@keyframes moverightshadow {
	from {
		transform: translateX(-1428.33333333%)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes moverightmirror {
	from {
		transform: translateX(0)
	}

	to {
		transform: translateX(952.14285714%)
	}
}

@keyframes moverightshadowmirror {
	from {
		transform: translateX(-952.14285714%)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes scalecircle {
	0% {
		r: 5
	}

	50% {
		r: 4
	}

	100% {
		r: 5
	}
}

@keyframes light {
	0% {
		opacity: .4
	}

	33.33% {
		opacity: 1
	}

	66.66% {
		opacity: .4
	}

	100% {
		opacity: .4
	}
}

#realtimepulse {
	margin: 0 30px;
	min-height: 26px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#realtimepulse #realtime-switch {
	height: 24px;
	width: 132px;
	margin: 0 auto 10px;
	position: relative;
	background-color: #fafbfc;
	border-radius: 0 0 12px 12px;
	text-align: center;
	color: #0aa770;
	font-size: 14px;
	line-height: 24px;
	cursor: pointer
}

#realtimepulse #realtime-switch:hover {
	background-color: #f3fdf7
}

#realtimepulse #realtime-switch #wave-arrow {
	margin: 5px;
	vertical-align: top;
	transition: all .3s
}

#realtimepulse .realtime-wave-box {
	display: block;
	width: 100%;
	height: 98px;
	border-bottom: 1px dashed #EBEEF3;
	transform: translateX(0)
}

#realtimepulse .realtime-wave-box .wave {
	stroke-width: 1px;
	cursor: pointer;
	clip-path: url(#clip-wave)
}

#realtimepulse .realtime-wave-box .move {
	animation: moveright 400s linear infinite;
	animation-play-state: running
}

#realtimepulse .realtime-wave-box .move .animate-circle {
	animation-name: moveright, scalecircle
}

#realtimepulse .realtime-wave-box .shadow-group {
	transform: translateX(-1428.33333333%);
	animation-name: moverightshadow
}

#realtimepulse .realtime-wave-box .shadow-group .animate-circle {
	animation-name: moverightshadow, scalecircle
}

#realtimepulse .realtime-wave-box .normal-circle {
	fill: #0aa770;
	stroke: transparent
}

#realtimepulse .realtime-wave-box .animate-circle {
	r: 5;
	fill: rgba(10, 167, 112, .2);
	stroke: transparent;
	animation-timing-function: linear, ease
}

#realtimepulse .realtime-wave-box .animate-circle:hover {
	r: 5
}

#realtimepulse .realtime-wave-box .point-text {
	text-anchor: middle;
	font-size: 12px;
	color: #333
}

#realtimepulse .realtime-wave-box .point-arrow-left,
#realtimepulse .realtime-wave-box .point-arrow-right {
	stroke-width: 1;
	fill: transparent;
	stroke: #0AA770;
	stroke-linecap: round;
	stroke-linejoin: round
}

#realtimepulse .realtime-wave-box .point-arrow-right {
	stroke-opacity: .5
}

#realtimepulse .realtime-wave-box .point-hover {
	opacity: .4;
	z-index: 1;
	cursor: pointer;
	transition: opacity .3s;
	animation: light 6s infinite
}

#realtimepulse .realtime-wave-box .point-hover:hover {
	opacity: 1
}

#realtimepulse .realtime-wave-box .g1 {
	transform: translateX(-150px)
}

#realtimepulse .realtime-wave-box .g1 .wave {
	stroke: rgba(94, 218, 128, .15);
	fill: rgba(134, 231, 255, .15)
}

#realtimepulse .realtime-wave-box .g1 .move {
	animation-duration: 360s
}

#realtimepulse .realtime-wave-box .g2 .point-hover {
	animation-delay: 2s
}

#realtimepulse .realtime-wave-box .g2 .wave {
	stroke: rgba(124, 227, 156, .4);
	fill: url(#fill-normal)
}

#realtimepulse .realtime-wave-box .g2 .move {
	animation-duration: 400s
}

#realtimepulse .realtime-wave-box .g3 {
	transform: translateX(150px)
}

#realtimepulse .realtime-wave-box .g3 .point-hover {
	animation-delay: 4s
}

#realtimepulse .realtime-wave-box .g3 .wave {
	stroke: rgba(132, 223, 169, .4);
	fill: url(#fill-fast)
}

#realtimepulse .realtime-wave-box .g3 .move {
	animation-duration: 440s
}

#realtimepulse .realtime-wave-box:hover .move {
	animation-play-state: paused
}

#realtimepulse .realtime-wave-box:hover .point-hover {
	animation: none
}

#realtimepulse.realtime-wave-fold #wave-arrow {
	transform: rotate(180deg)
}

#realtimepulse.realtime-wave-fold .realtime-wave-box {
	display: none
}

.realtimepulse-left {
	width: 280px;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #DEE3EB;
	margin-bottom: 10px
}

.realtimepulse-left #realtimepulse {
	margin: 0
}

.realtimepulse-left #realtimepulse #realtime-switch {
	width: 100%;
	margin: 0;
	height: 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f0f3f6;
	padding-left: 14px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	background-color: transparent;
	border-radius: 0;
	text-align: left;
	cursor: default;
	margin-bottom: 20px
}

.realtimepulse-left #realtimepulse #realtime-switch:hover {
	background-color: transparent
}

.realtimepulse-left #realtimepulse #realtime-switch #wave-arrow {
	display: none
}

.realtimepulse-left #realtimepulse .realtime-wave-box {
	border-bottom: 0
}

.realtimepulse-left #realtimepulse .realtime-wave-box .move {
	animation-name: moverightmirror;
	animation-direction: reverse
}

.realtimepulse-left #realtimepulse .realtime-wave-box .move .animate-circle {
	animation-name: moverightmirror, scalecircle
}

.realtimepulse-left #realtimepulse .realtime-wave-box .shadow-group {
	transform: translateX(-952.14285714%);
	animation-name: moverightshadowmirror
}

.realtimepulse-left #realtimepulse .realtime-wave-box .shadow-group .animate-circle {
	animation-name: moverightshadowmirror, scalecircle
}

.realtimepulse-left #realtimepulse .realtime-wave-box .point-hover {
	animation-duration: 3s
}

.realtimepulse-left #realtimepulse .realtime-wave-box .g1 .move {
	animation-duration: 290s
}

.realtimepulse-left #realtimepulse .realtime-wave-box .g2 .move {
	animation-duration: 320s
}

.realtimepulse-left #realtimepulse .realtime-wave-box .g3 .move {
	animation-duration: 350s
}

#footer {
	position: fixed;
	width: 100%;
	height: 40px;
	bottom: 0;
	z-index: 201;
	background: #f7f7f7;
	clear: both
}

.hao123-footer {
	width: 1190px;
	height: 40px;
	margin: 0 auto;text-align: center;
}

.hao123-footer .item {
	margin-right: 20px;
	height: 40px;
	font: 400 12px/40px "Microsoft YaHei";
	color: #9195A3
}

.hao123-footer .item:hover {
	color: #333
}

.hao123-footer .report:hover {
	color: #9195A3
}

.hao123-footer .mr12 {
	margin-right: 20px
}

.hao123-footer .mr0 {
	display: none;
	margin-right: 0
}

.hao123-footer .icon {
	width: 18px;
	height: 16px;
	cursor: pointer;
	float: left;
	margin-top: 8px
}

.hao123-footer .tuiguang .icon {
	height: 15px;
	background-repeat: no-repeat;
}

.hao123-footer .beian .icon {
	height: 14px;
	background-repeat: no-repeat;
}

.hao123-footer .bottom-fawu {
	margin-right: 16px
}

.hao123-footer .bottom-fawu .icon {
	width: 16px;
	height: 16px;
	margin-top: 12px
}

.hao123-footer .bottom-fawu .icon1 {
	background: url(https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1029517817,889612583&fm=179&app=35&f=PNG?w=16&h=16) center !important;
	background: url(https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1705121720,3179906428&fm=179&app=35&f=PNG?w=32&h=32&s=E7B10B644BD7A0034F1CECD60300A091) center / contain !important
}

.hao123-footer .bottom-fawu .icon1:hover {
	background: url(https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2312129166,2588624959&fm=179&app=35&f=PNG?w=16&h=16) center !important;
	background: url(https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3606685464,3370580513&fm=179&app=35&f=PNG?w=32&h=32&s=25D1286C4B47A5244F5CFC940300A09A) center / contain !important
}

.hao123-footer .bottom-fawu .icon2 {
	background: url(https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1029517817,889612583&fm=179&app=35&f=PNG?w=16&h=16) center !important;
	background: url(https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=4243834510,1939453461&fm=179&app=35&f=PNG?w=32&h=32&s=E3F11B6447D3813E087935DA0300C092) center / contain !important
}

.hao123-footer .bottom-fawu .icon2:hover {
	background: url(https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2312129166,2588624959&fm=179&app=35&f=PNG?w=16&h=16) center !important;
	background: url(https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=567068557,1898328329&fm=179&app=35&f=PNG?w=32&h=32&s=25D1386CCF03B73C4E35848B03005092) center / contain !important
}

.hao123-footer .bottom-fawu .icon3 {
	background: url(https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1004360197,3059327329&fm=179&app=35&f=PNG?w=16&h=16) center !important;
	background: url(https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2048418804,3718773494&fm=179&app=35&f=PNG?w=32&h=32&s=A5F7CB24EBCEAD136935308A03008093) center / contain !important
}

.hao123-footer .bottom-fawu .icon3:hover {
	background: url(https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=550165222,3564044165&fm=179&app=35&f=PNG?w=16&h=16) center !important;
	background: url(https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=113844528,4327541&fm=179&app=35&f=PNG?w=32&h=32&s=25D1286CE9EE27324875208B0300C083) center / contain !important
}

.hao123-footer .mobile .icon {
	background-repeat: no-repeat;
}

.fullpage-pop {
	position: absolute;
	min-width: 1190px;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3000;
	background-color: rgba(0, 0, 0, .6)
}

.fullpage-pop .fullpage-pop-main {
	position: absolute;
	z-index: 4000;
	top: 1000px;
	left: 50%;
	margin-left: -325px;
	-ms-animation: show 1s forwards;
	-o-animation: show 1s forwards;
	-webkit-animation: show 1s forwards;
	-moz-animation: show 1s forwards;
	animation: show 1s forwards
}

.fullpage-pop .fullpage-pop-main img {
	width: 650px;
	height: 650px;
	-o-animation: shaking 1s 1s forwards;
	-webkit-animation: shaking 1s 1s forwards;
	-ms-animation: shaking 1s 1s forwards;
	-moz-animation: shaking 1s 1s forwards;
	animation: shaking 1s 1s forwards
}

.fullpage-pop .fullpage-pop-main:hover {
	cursor: pointer
}

@-moz-keyframes show {
	100% {
		top: 50%;
		margin-top: -325px
	}
}

@-ms-keyframes show {
	100% {
		top: 50%;
		margin-top: -325px
	}
}

@-webkit-keyframes show {
	100% {
		top: 50%;
		margin-top: -325px
	}
}

@-o-keyframes show {
	100% {
		top: 50%;
		margin-top: -325px
	}
}

@keyframes show {
	100% {
		top: 50%;
		margin-top: -325px
	}
}

@-moz-keyframes shaking {
	5% {
		-moz-transform: translateX(20px)
	}

	10% {
		-moz-transform: translateX(-20px)
	}

	15% {
		-moz-transform: translateX(10px)
	}

	20% {
		-moz-transform: translateX(-10px)
	}

	25% {
		-moz-transform: translateX(20px)
	}

	30% {
		-moz-transform: translateX(-20px)
	}

	35% {
		-moz-transform: translateX(10px)
	}

	40% {
		-moz-transform: translateX(-10px)
	}

	45% {
		-moz-transform: translateX(20px)
	}

	50% {
		-moz-transform: translateX(-20px)
	}

	55% {
		-moz-transform: translateX(10px)
	}

	60% {
		-moz-transform: translateX(-10px)
	}

	65%,
	100% {
		-moz-transform: translateX(0px)
	}
}

@-ms-keyframes shaking {
	5% {
		-ms-transform: translateX(20px)
	}

	10% {
		-ms-transform: translateX(-20px)
	}

	15% {
		-ms-transform: translateX(10px)
	}

	20% {
		-ms-transform: translateX(-10px)
	}

	25% {
		-ms-transform: translateX(20px)
	}

	30% {
		-ms-transform: translateX(-20px)
	}

	35% {
		-ms-transform: translateX(10px)
	}

	40% {
		-ms-transform: translateX(-10px)
	}

	45% {
		-ms-transform: translateX(20px)
	}

	50% {
		-ms-transform: translateX(-20px)
	}

	55% {
		-ms-transform: translateX(10px)
	}

	60% {
		-ms-transform: translateX(-10px)
	}

	65%,
	100% {
		-ms-transform: translateX(0px)
	}
}

@-webkit-keyframes shaking {
	5% {
		-webkit-transform: translateX(20px)
	}

	10% {
		-webkit-transform: translateX(-20px)
	}

	15% {
		-webkit-transform: translateX(10px)
	}

	20% {
		-webkit-transform: translateX(-10px)
	}

	25% {
		-webkit-transform: translateX(20px)
	}

	30% {
		-webkit-transform: translateX(-20px)
	}

	35% {
		-webkit-transform: translateX(10px)
	}

	40% {
		-webkit-transform: translateX(-10px)
	}

	45% {
		-webkit-transform: translateX(20px)
	}

	50% {
		-webkit-transform: translateX(-20px)
	}

	55% {
		-webkit-transform: translateX(10px)
	}

	60% {
		-webkit-transform: translateX(-10px)
	}

	65%,
	100% {
		-webkit-transform: translateX(0px)
	}
}

@-o-keyframes shaking {
	5% {
		-o-transform: translateX(20px)
	}

	10% {
		-o-transform: translateX(-20px)
	}

	15% {
		-o-transform: translateX(10px)
	}

	20% {
		-o-transform: translateX(-10px)
	}

	25% {
		-o-transform: translateX(20px)
	}

	30% {
		-o-transform: translateX(-20px)
	}

	35% {
		-o-transform: translateX(10px)
	}

	40% {
		-o-transform: translateX(-10px)
	}

	45% {
		-o-transform: translateX(20px)
	}

	50% {
		-o-transform: translateX(-20px)
	}

	55% {
		-o-transform: translateX(10px)
	}

	60% {
		-o-transform: translateX(-10px)
	}

	65%,
	100% {
		-o-transform: translateX(0px)
	}
}

@keyframes shaking {
	5% {
		transform: translateX(20px)
	}

	10% {
		transform: translateX(-20px)
	}

	15% {
		transform: translateX(10px)
	}

	20% {
		transform: translateX(-10px)
	}

	25% {
		transform: translateX(20px)
	}

	30% {
		transform: translateX(-20px)
	}

	35% {
		transform: translateX(10px)
	}

	40% {
		transform: translateX(-10px)
	}

	45% {
		transform: translateX(20px)
	}

	50% {
		transform: translateX(-20px)
	}

	55% {
		transform: translateX(10px)
	}

	60% {
		transform: translateX(-10px)
	}

	65%,
	100% {
		transform: translateX(0px)
	}
}

.fullpage-pop .fullpage-pop-advertisement {
	position: absolute;
	z-index: 3000;
	right: 20px;
	bottom: 20px
}

.fullpage-pop .fullpage-pop-advertisement img {
	width: 32px;
	height: 20px
}

.fullpage-pop .red-envelopes {
	position: absolute;
	z-index: 3000;
	top: 50%;
	left: 50%;
	width: 650px;
	height: 650px;
	margin-top: -325px;
	margin-left: -325px
}

.fullpage-pop .red-envelopes .fullpage-pop-close {
	position: absolute;
	top: -1px;
	right: -223px
}

.fullpage-pop .red-envelopes .fullpage-pop-close img {
	width: 35px;
	height: 35px
}

.fullpage-pop .red-envelopes .fullpage-pop-close:hover {
	cursor: pointer
}

.fullpage-pop .red-envelopes .red-envelopes-first {
	position: absolute;
	top: -500px;
	left: 227px;
	-o-animation: throw-first 1s 1s forwards;
	-webkit-animation: throw-first 1s 1s forwards;
	-ms-animation: throw-first 1s 1s forwards;
	-moz-animation: throw-first 1s 1s forwards;
	animation: throw-first 1s 1s forwards
}

.fullpage-pop .red-envelopes .red-envelopes-second {
	position: absolute;
	top: -500px;
	left: 242px;
	-o-animation: throw-second 1s 1s forwards;
	-webkit-animation: throw-second 1s 1s forwards;
	-ms-animation: throw-second 1s 1s forwards;
	-moz-animation: throw-second 1s 1s forwards;
	animation: throw-second 1s 1s forwards
}

.fullpage-pop .red-envelopes .red-envelopes-third {
	position: absolute;
	top: -500px;
	left: 241px;
	-o-animation: throw-third 1s 1s forwards;
	-webkit-animation: throw-third 1s 1s forwards;
	-ms-animation: throw-third 1s 1s forwards;
	-moz-animation: throw-third 1s 1s forwards;
	animation: throw-third 1s 1s forwards
}

.fullpage-pop .red-envelopes .red-envelopes-fourth {
	position: absolute;
	top: -500px;
	right: 241px;
	-o-animation: throw-fourth 1s 1s forwards;
	-webkit-animation: throw-fourth 1s 1s forwards;
	-ms-animation: throw-fourth 1s 1s forwards;
	-moz-animation: throw-fourth 1s 1s forwards;
	animation: throw-fourth 1s 1s forwards
}

.fullpage-pop .red-envelopes .red-envelopes-fifth {
	position: absolute;
	top: -500px;
	right: 227px;
	-o-animation: throw-fifth 1s 1s forwards;
	-webkit-animation: throw-fifth 1s 1s forwards;
	-ms-animation: throw-fifth 1s 1s forwards;
	-moz-animation: throw-fifth 1s 1s forwards;
	animation: throw-fifth 1s 1s forwards
}

.fullpage-pop .red-envelopes .red-envelopes-sixth {
	position: absolute;
	top: -500px;
	right: 241px;
	-o-animation: throw-sixth 1s 1s forwards;
	-webkit-animation: throw-sixth 1s 1s forwards;
	-ms-animation: throw-sixth 1s 1s forwards;
	-moz-animation: throw-sixth 1s 1s forwards;
	animation: throw-sixth 1s 1s forwards
}

.fullpage-pop .red-envelopes:hover {
	cursor: pointer
}

.fullpage-pop .red-envelopes a img {
	width: 150px;
	height: 150px;
	-o-animation: scale 1200ms 1s infinite;
	-webkit-animation: scale 1200ms 1s infinite;
	-ms-animation: scale 1200ms 1s infinite;
	-moz-animation: scale 1200ms 1s infinite;
	animation: scale 1200ms 1s infinite
}

@-o-keyframes scale {
	0% {
		-o-transform: scale(0.8)
	}

	50% {
		-o-transform: scale(1)
	}

	100% {
		-o-transform: scale(0.8)
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0.8)
	}

	50% {
		-webkit-transform: scale(1)
	}

	100% {
		-webkit-transform: scale(0.8)
	}
}

@-ms-keyframes scale {
	0% {
		-ms-transform: scale(0.8)
	}

	50% {
		-ms-transform: scale(1)
	}

	100% {
		-ms-transform: scale(0.8)
	}
}

@-moz-keyframes scale {
	0% {
		-moz-transform: scale(0.8)
	}

	50% {
		-moz-transform: scale(1)
	}

	100% {
		-moz-transform: scale(0.8)
	}
}

@keyframes scale {
	0% {
		transform: scale(0.8)
	}

	50% {
		transform: scale(1)
	}

	100% {
		transform: scale(0.8)
	}
}

@-o-keyframes throw-first {
	100% {
		top: 15px;
		left: -179px
	}
}

@-webkit-keyframes throw-first {
	100% {
		top: 15px;
		left: -179px
	}
}

@-ms-keyframes throw-first {
	100% {
		top: 15px;
		left: -179px
	}
}

@-moz-keyframes throw-first {
	100% {
		top: 15px;
		left: -179px
	}
}

@keyframes throw-first {
	100% {
		top: 15px;
		left: -179px
	}
}

@-o-keyframes throw-second {
	100% {
		top: 255px;
		left: -289px
	}
}

@-webkit-keyframes throw-second {
	100% {
		top: 255px;
		left: -289px
	}
}

@-ms-keyframes throw-second {
	100% {
		top: 255px;
		left: -289px
	}
}

@-moz-keyframes throw-second {
	100% {
		top: 255px;
		left: -289px
	}
}

@keyframes throw-second {
	100% {
		top: 255px;
		left: -289px
	}
}

@-o-keyframes throw-third {
	100% {
		top: 470px;
		left: -158px
	}
}

@-webkit-keyframes throw-third {
	100% {
		top: 470px;
		left: -158px
	}
}

@-ms-keyframes throw-third {
	100% {
		top: 470px;
		left: -158px
	}
}

@-moz-keyframes throw-third {
	100% {
		top: 470px;
		left: -158px
	}
}

@keyframes throw-third {
	100% {
		top: 470px;
		left: -158px
	}
}

@-o-keyframes throw-fourth {
	100% {
		top: 0;
		right: -162px
	}
}

@-webkit-keyframes throw-fourth {
	100% {
		top: 0;
		right: -162px
	}
}

@-ms-keyframes throw-fourth {
	100% {
		top: 0;
		right: -162px
	}
}

@-moz-keyframes throw-fourth {
	100% {
		top: 0;
		right: -162px
	}
}

@keyframes throw-fourth {
	100% {
		top: 0;
		right: -162px
	}
}

@-o-keyframes throw-fifth {
	100% {
		top: 220px;
		right: -224px
	}
}

@-webkit-keyframes throw-fifth {
	100% {
		top: 220px;
		right: -224px
	}
}

@-ms-keyframes throw-fifth {
	100% {
		top: 220px;
		right: -224px
	}
}

@-moz-keyframes throw-fifth {
	100% {
		top: 220px;
		right: -224px
	}
}

@keyframes throw-fifth {
	100% {
		top: 220px;
		right: -224px
	}
}

@-o-keyframes throw-sixth {
	100% {
		top: 470px;
		right: -167px
	}
}

@-webkit-keyframes throw-sixth {
	100% {
		top: 470px;
		right: -167px
	}
}

@-ms-keyframes throw-sixth {
	100% {
		top: 470px;
		right: -167px
	}
}

@-moz-keyframes throw-sixth {
	100% {
		top: 470px;
		right: -167px
	}
}

@keyframes throw-sixth {
	100% {
		top: 470px;
		right: -167px
	}
}

#gameBox .gameBox-item-header {
	position: absolute;
	width: 270px;
	height: 79px;
	z-index: 2
}

#gameBox .gameBox-item-header-hot {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff000000', endColorStr='#00000000', gradientType='0');
	background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .56) 98%);
	cursor: pointer
}

#gameBox .gameBox-item-header-hot-bg {
	display: block;
	width: 172px;
	height: 36px;
	margin: 17px auto;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/hottitle.0752c67.png) no-repeat center / 100%
}

#gameBox .gameBox-item-header-game {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffded5', endColorStr='#ffffffff', gradientType='0');
	background-image: linear-gradient(180deg, #ffded5 0, #fff 91%)
}

#gameBox .gameBox-item-header-game-bg {
	display: block;
	width: 115px;
	height: 36px;
	margin: 17px auto;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/like.a5d6e58.png) no-repeat center / 100%
}

#gameBox .gameBox-item-header-newgame {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffded5', endColorStr='#ffffffff', gradientType='0');
	background-image: linear-gradient(180deg, #ffded5 0, #fff 91%)
}

#gameBox .gameBox-item-header-newgame-bg {
	display: block;
	width: 174px;
	height: 36px;
	margin: 17px auto;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/newgameranktitle.5d63c72.png) no-repeat center / 100%
}

#gameBox .gameBox-item-btn {
	display: inline-block;
	position: absolute;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	bottom: 14px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1em;
	color: #fff;
	background: #f50;
	white-space: nowrap
}

#gameBox .gameBox-item-btn:hover {
	background: #e54c00
}

#gameBox .gameBox-item-hot {
	padding: 6px 32px
}

#gameBox .gameBox-item-like {
	padding: 6px 20px
}

#gameBox {
	position: relative;
	left: 93px;
	top: 425px;
	opacity: 0;
	width: 100%;
	height: 36px;
	overflow: hidden;
	line-height: 1em;
	padding: 16px 30px 0 25px;
	box-sizing: border-box;
	background-color: #fff
}

#gameBox .gameBox {
	overflow: hidden;
	height: 360px
}

#gameBox .gameBox-item {
	position: absolute;
	z-index: 0;
	width: 272px;
	height: 360px;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #dee3eb;
	border-radius: 6px
}

#gameBox .gameBox-item-title {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 18px;
	color: #333;
	line-height: 1em;
	z-index: 1
}

#gameBox #gameRecord {
	left: 311px
}

#gameBox #newGameRank {
	right: 30px
}

#gameBox .hide {
	display: none
}

#gameBox .game-line-clamp1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#gameBox .hot {
	position: relative
}

#gameBox .hot-item {
	position: absolute;
	z-index: 1;
	display: none
}

#gameBox .hot-item-fake {
	position: absolute;
	width: 100%;
	height: 167px;
	left: 0;
	bottom: 0;
	z-index: 3
}

#gameBox .hot-item-top {
	display: inline-block;
	width: 100%;
	height: 100%
}

#gameBox .hot-item-top-img {
	object-fit: cover
}

#gameBox .hot-item-bottom {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 167px;
	box-sizing: border-box;
	padding-top: 53px;
	padding-left: 16px;
	padding-right: 16px;
	bottom: 0;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00000000', endColorStr='#ff000000', gradientType='0');
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .56) 98%)
}

#gameBox .hot-item-bottom-su {
	padding-top: 74px
}

#gameBox .hot-item-bottom-title {
	text-align: center;
	margin-bottom: 7px;
	position: relative;
	z-index: 4
}

#gameBox .hot-item-bottom-title-text {
	font-size: 18px;
	line-height: 1em;
	color: #fff
}

#gameBox .hot-item-bottom-title-text:hover {
	color: #f50
}

#gameBox .hot-item-bottom-gift {
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	position: relative;
	z-index: 4
}

#gameBox .hot-item-bottom-gift-label {
	display: inline-block;
	padding: 2px 4px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1em;
	color: #fff;
	margin-right: 6px;
	background: #f33
}

#gameBox .hot-item-bottom-gift:hover {
	color: #f50
}

#gameBox .hot-arrow {
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
	top: 166px;
	z-index: 2;
	cursor: pointer;
	display: none
}

#gameBox .hot-prev {
	left: 0;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/prev.7e6bf8b.png) no-repeat center / 100%
}

#gameBox .hot-next {
	right: 0;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/next.5d6bd6c.png) no-repeat center / 100%
}

#gameBox .hot .selected {
	display: block
}

#gameBox .king {
	position: absolute;
	z-index: 1;
	box-sizing: border-box;
	padding: 15px 80px 13px 43px;
	width: 843px;
	border-bottom: 1px dashed #ebeef3
}

#gameBox .king-item {
	position: relative;
	float: left;
	color: #333
}

#gameBox .king-item-link:hover {
	text-decoration: underline;
	color: #f50
}

#gameBox .king-item img {
	position: relative;
	top: -2px;
	margin-right: 6px;
	vertical-align: bottom
}

#gameBox .king-item .label {
	position: relative;
	top: -3px;
	font-size: 16px;
	line-height: 1em
}

#gameBox .king-between {
	height: 18px;
	width: 1px;
	margin-left: 34px;
	margin-right: 34px;
	background-color: #ebeef3
}

#gameBox .king-hover-list {
	position: absolute;
	width: 280px;
	box-sizing: border-box;
	bottom: 26px;
	left: -51px;
	z-index: 2;
	padding: 24px 21px 18px;
	background-color: #FAFAFA;
	border: 1px solid #ececec;
	border-radius: 6px;
	display: none
}

#gameBox .king-hover-list-item {
	overflow: hidden
}

#gameBox .king-hover-list-title {
	overflow: hidden
}

#gameBox .king-hover-line {
	display: block;
	float: left;
	width: 4px;
	height: 16px;
	background-color: #f50;
	border-radius: 2px
}

#gameBox .king-hover-title {
	font-family: PingFangSC-Medium;
	font-size: 16px;
	color: #333;
	line-height: 16px;
	font-weight: 500;
	margin-left: 3px
}

#gameBox .king-hover-game-list {
	padding: 12px 1px 8px 7px;
	overflow: hidden
}

#gameBox .king-hover-game-item {
	float: left;
	margin-bottom: 8px
}

#gameBox .king-hover-game-name {
	display: block;
	width: 48px;
	margin-right: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	font-family: PingFangSC-Regular;
	font-size: 12px
}

#gameBox .king-hover-game-name:hover {
	color: #f50
}

#gameBox .king-hover-game-name-3,
#gameBox .king-hover-game-name-7 {
	margin-right: 0
}

#gameBox .king-hover-more {
	position: relative;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #333
}

#gameBox .king-hover-more::after {
	position: absolute;
	content: "";
	left: 136px;
	top: 0;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/more.d194dc7.png) center center / 100% no-repeat;
	width: 14px;
	height: 14px
}

#gameBox .king-hover-more-text {
	margin-left: -16px
}

#gameBox .king-hover-triangle {
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 280px;
	height: 9px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/triangle.fa9115c.png) 100px center / 100% no-repeat;
	background-size: 11px 9px
}

#gameBox .king #gameBoxClose {
	display: block;
	position: absolute;
	width: 45px;
	height: 15px;
	right: 0;
	bottom: 14px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/boxclose.4f25ef7.png) no-repeat center / 100%
}

#gameBox .king-played {
	position: absolute;
	z-index: 2;
	padding-top: 10px;
	right: 82px;
	bottom: 14px;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #fff;
	color: #333
}

#gameBox .king-played-link:hover {
	text-decoration: underline;
	color: #f50
}

#gameBox .king-played-list {
	position: absolute;
	box-sizing: border-box;
	bottom: 26px;
	left: -81px;
	z-index: 2;
	padding: 24px 21px 18px;
	background-color: #FAFAFA;
	border: 1px solid #ececec;
	border-radius: 6px;
	display: none
}

#gameBox .king-played-list-box {
	cursor: pointer;
	display: block;
	height: 22px;
	margin-bottom: 7px
}

#gameBox .king-played-list-img {
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 4px;
	float: left
}

#gameBox .king-played-list-name {
	width: 112px;
	display: block;
	line-height: 22px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 6px;
	font-size: 14px;
	float: left
}

#gameBox .king-played-list-name:hover {
	color: #f50
}

#gameBox .king-played-list-time {
	display: block;
	width: 75px;
	text-align: right;
	color: #999;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	float: left
}

#gameBox .king-played-more {
	position: relative;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #333;
	margin-top: 16px
}

#gameBox .king-played-more-text {
	position: relative;
	margin-left: -16px
}

#gameBox .king-played-more-text::after {
	position: absolute;
	content: "";
	left: 55px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/more.d194dc7.png) center center / 100% no-repeat;
	width: 14px;
	height: 14px
}

#gameBox .king-played-triangle-box {
	position: absolute;
	bottom: -6px;
	z-index: 3;
	width: 100%;
	height: 9px;
	left: 0
}

#gameBox .king-played-triangle {
	display: block;
	width: 100%;
	height: 9px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/triangle.fa9115c.png) center center no-repeat;
	background-size: 11px 9px
}

#gameBox .king-played-container {
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	margin-right: 6px
}

#gameBox .king-played-container-redtip {
	display: inline-block;
	position: absolute;
	z-index: 1;
	right: -4px;
	top: -4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #e54c00
}

#gameBox .king-played-container-img {
	border-radius: 4px;
	position: relative;
	top: -2px;
	object-fit: cover
}

#gameBox .king-played-label {
	font-size: 16px;
	line-height: 1em
}

#gameBox .hide {
	display: none
}

#gameBox #gameRecord .game {
	position: relative;
	z-index: 3;
	padding-top: 61px;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box
}

#gameBox #gameRecord .game-item {
	width: 100%;
	height: 54px;
	margin-bottom: 10px
}

#gameBox #gameRecord .game-item-left {
	position: relative;
	float: left;
	margin-right: 6px
}

#gameBox #gameRecord .game-item-left-img {
	border-radius: 4px;
	vertical-align: top;
	object-fit: cover
}

#gameBox #gameRecord .game-item-left-desc {
	position: absolute;
	font-size: 12px;
	color: #fff;
	bottom: 0;
	line-height: 2em;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 95px;
	text-align: center;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00000000', endColorStr='#ff000000', gradientType='0');
	background-image: linear-gradient(180deg, transparent, #000 97%)
}

#gameBox #gameRecord .game-item-content-title {
	font-size: 14px;
	line-height: 1em;
	color: #000
}

#gameBox #gameRecord .game-item-content-title:hover {
	color: #f50
}

#gameBox #gameRecord .game-item-content-desc {
	font-size: 12px;
	line-height: 1em;
	margin-top: 8px;
	color: #999
}

#gameBox #newGameRank .new-game-list {
	position: relative;
	z-index: 3;
	padding-top: 61px;
	box-sizing: border-box
}

#gameBox #newGameRank .game-item {
	cursor: pointer;
	display: block
}

#gameBox #newGameRank .hover-new-game-wrapper {
	background-color: #fafbfc
}

#gameBox #newGameRank .hover-new-game-wrapper .game-jump {
	display: block;
	width: 100%;
	height: 55px;
	padding: 0 15px;
	overflow: hidden;
	box-sizing: border-box
}

#gameBox #newGameRank .hover-new-game-wrapper .game-num {
	line-height: 55px
}

#gameBox #newGameRank .hover-new-game-wrapper .game-img {
	display: block;
	float: left;
	margin-left: 9px;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	margin-top: 8px;
	object-fit: cover
}

#gameBox #newGameRank .hover-new-game-wrapper .name-tag {
	float: left;
	margin-left: 8px;
	margin-top: 9px;
	height: 40px
}

#gameBox #newGameRank .hover-new-game-wrapper .name {
	display: block;
	font-size: 17px;
	line-height: 19px;
	color: #000;
	font-family: PingFangSC-Regular;
	width: 85px
}

#gameBox #newGameRank .hover-new-game-wrapper .tag {
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 14px;
	margin-top: 4px;
	font-family: PingFangSC-Regular;
	width: 60px
}

#gameBox #newGameRank .hover-new-game-wrapper .btn {
	float: right;
	margin-top: 15px;
	width: 68px;
	height: 24px;
	background-color: #f60;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	font-family: PingFangSC-Regular;
	text-align: center;
	line-height: 24px
}

#gameBox #newGameRank .new-game-wrapper {
	height: 40px;
	padding: 0 14px 0 16px;
	box-sizing: border-box
}

#gameBox #newGameRank .new-game-wrapper .game-jump {
	display: block;
	width: 241px;
	height: 40px;
	border-bottom: 1px solid #F5F6F9
}

#gameBox #newGameRank .new-game-wrapper .game-img {
	display: none
}

#gameBox #newGameRank .new-game-wrapper:last-child .game-jump {
	border-bottom: 0
}

#gameBox #newGameRank .new-game-wrapper .game-num {
	line-height: 40px
}

#gameBox #newGameRank .new-game-wrapper .game-tag {
	width: 138px
}

#gameBox #newGameRank .new-game-wrapper .text {
	display: block;
	float: left;
	line-height: 40px;
	font-size: 12px;
	font-family: PingFangSC-Regular
}

#gameBox #newGameRank .new-game-wrapper .name {
	width: 60px;
	margin-left: 8px;
	color: #000
}

#gameBox #newGameRank .new-game-wrapper .tag {
	width: 60px;
	margin-left: 18px;
	color: #999
}

#gameBox #newGameRank .new-game-wrapper .btn {
	display: block;
	float: left;
	line-height: 40px;
	font-size: 12px;
	font-family: PingFangSC-Regular;
	color: #f60;
	float: right;
	margin-right: 3px
}

#gameBox #newGameRank .game-num {
	display: block;
	float: left;
	width: 12px;
	text-align: center;
	font-size: 14px;
	color: #000;
	font-family: PingFangSC-Regular
}

#gameBox #newGameRank .text-el {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#shortcut-box #right-source-container {
	width: 52px;
	height: 80px;
	top: -84px;
	left: 0;
	z-index: 11;
	cursor: pointer
}

#shortcut-box .right-source-container {
	display: block
}

#shortcut-box .right-source-container-text {
	width: 52px;
	height: 16px;
	position: relative;
	margin-top: -6px;
	z-index: 15
}

#shortcut-box .right-source-container-text-newgame {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/newgame.7cfc8b4.png) center / 100%
}

#shortcut-box .right-source-container-text-active {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/active.13c26eb.png) center / 100%
}

#shortcut-box .right-source-container-text-leisure {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/leisure.454c417.png) center / 100%
}

#shortcut-box .right-source-container-text-pagegame {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/pagegame.2b4568f.png) center / 100%
}

#shortcut-box .right-source-container-off {
	position: absolute;
	right: -11px;
	top: -11px;
	width: 11px;
	height: 11px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/rigthsourceoff.d89fff8.png) center / 100%;
	cursor: pointer
}

#gameBox .welfare {
	left: 311px;
	border: 0;
	padding-top: 23px
}

#gameBox .welfare-header {
	width: 224px;
	height: 26px;
	margin: 0 auto;
	display: block
}

#gameBox .welfare-desc {
	width: 100%;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	text-align: center;
	font-weight: 500;
	color: #fff;
	box-sizing: border-box;
	padding: 0 8px;
	margin-top: 5px
}

#gameBox .welfare-desc-gift {
	margin: 0 2px;
	display: inline-block;
	border-bottom: 1px solid #fff;
	line-height: 1em;
	cursor: pointer;
	color: #fff
}

#gameBox .welfare-luck-draw {
	position: relative;
	width: 272px;
	box-sizing: border-box;
	padding: 61px 9px 6px
}

#gameBox .welfare-luck-draw-box {
	position: relative;
	height: 152px
}

#gameBox .welfare-luck-draw-item {
	position: relative;
	width: 82px;
	height: 49px;
	box-sizing: border-box;
	background-color: #ffffe3;
	border-radius: 8px;
	border: 2px solid #ffd632;
	margin-bottom: 3px;
	display: inline-block;
	vertical-align: middle;
	font-size: 0
}

#gameBox .welfare-luck-draw-item-active {
	background-color: #ffbd4b;
	border: 2px solid #fff
}

#gameBox .welfare-luck-draw-item-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block
}

#gameBox .welfare-luck-draw-item:nth-child(3n+2) {
	margin-left: 4px;
	margin-right: 4px
}

#gameBox .welfare-luck-draw-btn {
	border: 0;
	background-color: transparent;
	overflow: hidden
}

#gameBox .welfare-luck-draw-btn-con {
	position: relative;
	width: 82px;
	height: 49px;
	box-sizing: border-box;
	border-radius: 8px;
	border: 2px solid #fff;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffc700', endColorStr='#ff6d02', gradientType='0');
	background-image: linear-gradient(180deg, #ffc700, #ff6d02);
	color: #fff;
	padding-top: 9px;
	cursor: pointer;
	animation: gameBoxBreath .8s 2;
	-webkit-animation: gameBoxBreath .8s 2;
	-o-animation: gameBoxBreath .8s 2;
	-ms-animation: gameBoxBreath .8s 2;
	-moz-animation: gameBoxBreath .8s 2;
	overflow: hidden
}

#gameBox .welfare-luck-draw-btn-con::before {
	content: '';
	position: absolute;
	width: 200px;
	height: 35px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	transform: rotate(-45deg);
	animation: gameBoxBlink 1.5s 1s 1 linear;
	-webkit-animation: gameBoxBlink 1.5s 1s 1 linear;
	-o-animation: gameBoxBlink 1.5s 1s 1 linear;
	-ms-animation: gameBoxBlink 1.5s 1s 1 linear;
	-moz-animation: gameBoxBlink 1.5s 1s 1 linear
}

#gameBox .welfare-luck-draw-btn-top {
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 1em;
	font-weight: 700;
	font-family: PingFangSC-Semibold
}

#gameBox .welfare-luck-draw-btn-tip {
	width: 100%;
	font-family: PingFangSC-Regular;
	text-align: center;
	font-size: 12px;
	line-height: 1em;
	margin-top: 4px
}

#gameBox .welfare-carousel {
	position: relative;
	width: 255px;
	height: 21px;
	background-color: #ffbd4b;
	box-shadow: 1px 2px 8px 0 rgba(255, 203, 110, .5);
	border-radius: 10px;
	border: solid 1px #ffffe3;
	box-sizing: border-box;
	margin: 1px auto 0;
	padding-left: 31px
}

#gameBox .welfare-carousel-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/broadcasticon.5e895a0.png) center center / 100% auto no-repeat
}

#gameBox .welfare-carousel-list {
	width: 202px;
	overflow: hidden
}

#gameBox .welfare-carousel-box {
	white-space: nowrap
}

#gameBox .welfare-carousel-item {
	display: inline-block;
	line-height: 19px;
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #ffffe3;
	margin-right: 4px
}

#gameBox .welfare-bottom-btn {
	position: relative;
	display: block;
	width: 159px;
	height: 42px;
	margin: 2px auto 0;
	font-size: 14px;
	font-family: PingFangSC-Semibold;
	font-weight: 700;
	color: #fff
}

#gameBox .welfare-bottom-btn span {
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center
}

#gameBox .welfare-popup {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 8px;
	box-sizing: border-box;
	-o-animation: gameBoxPopupShow 300ms forwards;
	-webkit-animation: gameBoxPopupShow 300ms forwards;
	-ms-animation: gameBoxPopupShow 300ms forwards;
	-moz-animation: gameBoxPopupShow 300ms forwards;
	animation: gameBoxPopupShow 300ms forwards
}

#gameBox .welfare-popup-close {
	width: 30px;
	height: 30px;
	display: block;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/closebtn.3c9031c.png) center center / 100% auto no-repeat;
	margin: 20px auto 0;
	cursor: pointer
}

#gameBox .welfare-redbag {
	padding-top: 82px
}

#gameBox .welfare-redbag-img {
	width: 173px;
	height: 196px;
	display: block;
	margin: 0 auto;
	cursor: pointer
}

#gameBox .welfare-redbag-receive-btn {
	position: absolute;
	top: 175px;
	left: 50%;
	transform: translateX(-50%);
	width: 62px;
	height: 62px
}

#gameBox .welfare-prize-con {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.85)
}

#gameBox .welfare-prize-con-top {
	width: 242px;
	height: 161px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/prizebg.2db8be9.png) center center / 100% auto no-repeat
}

#gameBox .welfare-prize-con-tip {
	width: 220px;
	padding-top: 56px;
	margin: 0 auto;
	font-size: 28px;
	font-family: PingFangSC-Semibold;
	color: #f60;
	text-align: center;
	line-height: 1em;
	font-weight: 600
}

#gameBox .welfare-prize-con-btn {
	display: block;
	width: 133px;
	height: 37px;
	margin: 26px auto 0;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/lookbtn.7c0d374.png) center center / 100% auto no-repeat
}

#gameBox .welfare-task-con {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

#gameBox .welfare-task-con-top {
	position: relative;
	width: 239px;
	height: 296px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/gamebox/img/taskbg.f0497c5.png) center center / 100% auto no-repeat;
	box-sizing: border-box;
	padding-top: 19px
}

#gameBox .welfare-task-con-title {
	font-size: 18px;
	color: #f60;
	font-weight: 700;
	line-height: 1em;
	text-align: center
}

#gameBox .welfare-task-list {
	width: 239px;
	padding: 15px 12px 0;
	box-sizing: border-box
}

#gameBox .welfare-task-item {
	width: 100%;
	margin-bottom: 12px
}

#gameBox .welfare-task-item-su {
	margin-top: 2px;
	margin-bottom: 21px
}

#gameBox .welfare-task-item-icon {
	position: relative;
	top: 3px;
	vertical-align: top;
	object-fit: cover
}

#gameBox .welfare-task-item-content {
	display: inline-block;
	margin-left: 6px
}

#gameBox .welfare-task-item-content-title {
	font-size: 13px;
	line-height: 1em;
	color: #4d4d4d
}

#gameBox .welfare-task-item-content-title:hover {
	color: #f50
}

#gameBox .welfare-task-item-content-desc {
	font-size: 12px;
	line-height: 1em;
	margin-top: 3px;
	color: gray
}

#gameBox .welfare-task-item-btn {
	float: right;
	margin-top: 4px;
	min-width: 62px;
	box-sizing: border-box;
	padding: 5px;
	text-align: center;
	border: 1px solid #f50;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1em;
	color: #f50
}

#gameBox .welfare-task-item .active {
	color: #fff;
	background: #f50
}

#gameBox .welfare-task-item .active:hover {
	background: #e54c00
}

#gameBox .welfare-task-all-btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 9px;
	width: 125px;
	height: 30px;
	border-radius: 14px;
	border: solid 2px #f60;
	margin: 12px auto 0;
	padding: 6px 0;
	text-align: center;
	box-sizing: border-box;
	color: #f60;
	font-size: 14px;
	line-height: 1em;
	cursor: pointer;
	display: block
}

#gameBox .welfare-task-close {
	margin-top: 10px
}

#gameBox .welfare-toast {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 220px;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0, 0, 0, .8);
	box-sizing: border-box;
	padding: 0 12px;
	line-height: 30px;
	border-radius: 4px;
	white-space: nowrap
}

@keyframes gameBoxPopupShow {
	0% {
		transform: scale(0.5)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes gameBoxPopupShow {
	0% {
		-webkit-transform: scale(0.5)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-o-keyframes gameBoxPopupShow {
	0% {
		-o-transform: scale(0.5)
	}

	100% {
		-o-transform: scale(1)
	}
}

@-ms-keyframes gameBoxPopupShow {
	0% {
		-ms-transform: scale(0.5)
	}

	100% {
		-ms-transform: scale(1)
	}
}

@-moz-keyframes gameBoxPopupShow {
	0% {
		-moz-transform: scale(0.5)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@keyframes gameBoxBlink {
	0% {
		left: -120px;
		top: -20px
	}

	100% {
		left: 10px;
		top: 20px
	}
}

@-webkit-keyframes gameBoxBlink {
	0% {
		left: -120px;
		top: -20px
	}

	100% {
		left: 10px;
		top: 20px
	}
}

@-o-keyframes gameBoxBlink {
	0% {
		left: -120px;
		top: -20px
	}

	100% {
		left: 10px;
		top: 20px
	}
}

@-ms-keyframes gameBoxBlink {
	0% {
		left: -120px;
		top: -20px
	}

	100% {
		left: 10px;
		top: 20px
	}
}

@-moz-keyframes gameBoxBlink {
	0% {
		left: -120px;
		top: -20px
	}

	100% {
		left: 10px;
		top: 20px
	}
}

@keyframes gameBoxBreath {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(0.9)
	}
}

@-webkit-keyframes gameBoxBreath {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(0.9)
	}
}

@-o-keyframes gameBoxBreath {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(0.9)
	}
}

@-ms-keyframes gameBoxBreath {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(0.9)
	}
}

@-moz-keyframes gameBoxBreath {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(0.9)
	}
}

.puzzle-container {
	margin: auto;
	width: 267px;
	height: 267px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 300
}

.puzzle-container .game-closeBtn {
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -12px;
	top: -7px;
	z-index: 301
}

.puzzle-container .game-closeBtn:hover {
	-webkit-animation-name: rotate;
	animation-name: rotate;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-iteration-count: 1;
	-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

.puzzle-container .game-closeBtn-jishi {
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -12px;
	top: -7px;
	z-index: 301;
	right: 23px;
	text-align: center;
	line-height: 33px
}

.puzzle-container .game-ad-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 22px;
	height: 14px
}

.puzzle-container .background-img {
	width: 267px;
	height: 267px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.puzzle-container .game-bk1,
.puzzle-container .game-bk2,
.puzzle-container .game-bk3,
.puzzle-container .game-bk4 {
	width: 157px;
	height: 157px;
	position: absolute;
	opacity: 0;
	background: 0
}

.puzzle-container .game-bk1 {
	top: 18px;
	left: 4px
}

.puzzle-container .game-bk2 {
	top: 18px;
	left: 107px
}

.puzzle-container .game-bk3 {
	top: 113px;
	left: 4px
}

.puzzle-container .game-bk4 {
	top: 113px;
	left: 107px
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.puzzle-container-fix {
	margin: auto;
	width: 267px;
	height: 267px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001
}

.puzzle-container-fix .game-closeBtn {
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -12px;
	top: -7px;
	z-index: 301
}

.puzzle-container-fix .game-closeBtn:hover {
	-webkit-animation-name: rotate;
	animation-name: rotate;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-iteration-count: 1;
	-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

.puzzle-container-fix .game-closeBtn-jishi {
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	right: -12px;
	top: -7px;
	z-index: 301;
	right: 23px;
	text-align: center;
	line-height: 33px
}

.puzzle-container-fix .background-img {
	width: 267px;
	height: 267px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.puzzle-container-fix .game-bk1,
.puzzle-container-fix .game-bk2,
.puzzle-container-fix .game-bk3,
.puzzle-container-fix .game-bk4 {
	width: 157px;
	height: 157px;
	position: absolute;
	opacity: 0;
	background: 0
}

.puzzle-container-fix .game-bk1 {
	top: 18px;
	left: 4px
}

.puzzle-container-fix .game-bk2 {
	top: 18px;
	left: 107px
}

.puzzle-container-fix .game-bk3 {
	top: 113px;
	left: 4px
}

.puzzle-container-fix .game-bk4 {
	top: 113px;
	left: 107px
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

#pageMenu {
	position: relative
}

#pageMenu .gameyixing-link-left-top {
	position: absolute;
	top: 500px;
	left: 0;
	cursor: pointer;
	z-index: 200
}

#pageMenu .gameyixing-link-left-top .pulse-out {
	animation-name: pulse-out;
	-webkit-animation-name: pulse-out;
	animation-duration: .3s;
	-webkit-animation-duration: .3s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1
}

@keyframes pulse-out {
	0% {
		transform: scale(1.1);
		opacity: 1
	}

	25% {
		transform: scale(1.08);
		opacity: 1
	}

	50% {
		transform: scale(1.06);
		opacity: 1
	}

	75% {
		transform: scale(1.04);
		opacity: 1
	}

	100% {
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes pulse-out {
	0% {
		-webkit-transform: scale(1.1);
		opacity: 1
	}

	25% {
		-webkit-transform: scale(1.08);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(1.06);
		opacity: 1
	}

	75% {
		-webkit-transform: scale(1.04);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 1
	}
}

#pageMenu .gameyixing-close-top {
	width: 25px;
	height: 25px;
	z-index: 1;
	position: absolute;
	left: 0;
	top: 470px;
	border: 0;
	cursor: pointer;
	z-index: 250;
	opacity: .1;
	filter: alpha(opacity=10)
}

.pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite
}

@keyframes pulse {
	0% {
		transform: scale(1.1);
		opacity: 1
	}

	100% {
		transform: scale(1.1);
		opacity: 1
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1.1);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.1);
		opacity: 1
	}
}

body .index-page .ecc {
	background-repeat: no-repeat;
	background-position: center 82px;
	overflow: hidden
}

body .index-page .ewc {
	background-repeat: no-repeat;
	background-position: center 181px;
	overflow: hidden
}

.sk_gameyixing .g-sbg1 {
	background: 0 0
}

.gameyixing-top .gameyixing-close-top:hover {
	opacity: .3;
	filter: alpha(opacity=30)
}

.gameyixing-top .hover-left-gray:hover {
	-moz-filter: grayscale(30%);
	-ms-filter: grayscale(30%);
	-webkit-filter: grayscale(30%);
	-o-filter: grayscale(30%);
	filter: grayscale(30%)
}

.gameyixing-top .gameyixing-link-right-top {
	position: absolute;
	width: 114px;
	height: 116px;
	z-index: 100;
	right: -122px;
	top: 58px;
	cursor: pointer
}

.gameyixing-top .hover-right-gray:hover {
	-moz-filter: grayscale(30%);
	-ms-filter: grayscale(30%);
	-webkit-filter: grayscale(30%);
	-o-filter: grayscale(30%);
	filter: grayscale(30%)
}

.govsite-top {
	position: relative;
	height: 28px;
	margin: 0 auto 10px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #dee3eb
}

.govsite-top .g-gc {
	display: inline-block;
	margin: 4px 37px 4px 0;
	line-height: 20px;
	vertical-align: top
}

.govsite-top .g-gc:hover {
	text-decoration: underline;
	color: #f50
}

.govsite-top .title {
	width: 80px;
	margin-left: 10px;
	text-align: right
}

.govsite-top .last {
	margin-right: 0
}

.headjoke {
	width: 158px;
	padding: 0 0 0 7px;
	margin-bottom: 2px;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	position: relative
}

.headjoke .g_red {
	color: #f50
}

.headjoke .items {
	position: relative;
	float: left;
	width: 122px
}

.headjoke .items a {
	display: block
}

.headjoke__pre {
	margin-right: 7px;
	float: left;
	font-weight: 400
}

.layout-adbar {
	height: 32px;
	box-sizing: border-box;
	padding-top: 4px
}

.noscript .layout-adbar {
	height: 10px
}

#box-inner-adbar {
	display: none;
	padding-right: 25px
}

.widget-hlbar {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	*float: right;
	width: 462px;
	*width: 460px;
	height: 33px;
	line-height: 33px;
	margin-bottom: 10px;
	overflow: hidden;
	vertical-align: middle;
	text-align: left;
	background: #F3F3F3;
	border: 1px solid #EAEAEA;
	border-right: 0
}

.widget-hlbar span {
	display: inline-block;
	padding-left: 20px
}

.widget-hlbar .hlbar-link {
	font-size: 14px;
	color: #6B88B8
}

.widget-hlbar .hlbar-link:hover {
	text-decoration: underline
}

.widget-hlbar .hlbar-icon {
	height: 32px;
	line-height: 32px;
	vertical-align: top
}

.hlbar-show {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.hlbar-mix {
	width: 300px;
	height: 32px;
	overflow: hidden;
	display: none;
	vertical-align: top;
	text-align: right
}

.cprobox-mix {
	width: 436px;
	*width: 435px;
	height: 33px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
	padding: 0;
	border-left: 0;
	border-right: 1px solid #EAEAEA
}

.cprobox-mix .hlbar-link {
	color: #3b5998
}

.cprobox {
	text-align: left;
	height: 33px
}

.width-lg .cproad1 {
	display: block
}

.width-lg .cproad2 {
	display: none
}

.hot-goods .goods-list {
	box-sizing: border-box;
	overflow: hidden;
	width: 278px;
	height: 203px;
	padding: 10px 11px 0;
	border-top: 1px solid #dee3eb;
	background: #fff
}

.hot-goods .goods-list .good {
	position: relative;
	overflow: hidden;
	margin-bottom: 16px
}

.hot-goods .goods-list .paiming {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	font-family: DINRoundPro-Medium;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	text-align: center
}

.hot-goods .goods-list .paiming1 {
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon1.e43823f.png);
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon1@2x.7179181.png) center / contain
}

.hot-goods .goods-list .paiming2 {
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon2.9f01e34.png);
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon2@2x.612fa46.png) center / contain
}

.hot-goods .goods-list .paiming3 {
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon3.f6290f3.png);
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon3@2x.93af566.png) center / contain
}

.hot-goods .goods-list .paiming4 {
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon4.a030575.png);
	background: no-repeat url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotgoods/icon4@2x.e427aa8.png) center / contain
}

.hot-goods .goods-list .title {
	display: block;
	overflow: hidden;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #333
}

.hot-goods .goods-list .good-normal {
	height: 18px
}

.hot-goods .goods-list .good-normal .img {
	display: none
}

.hot-goods .goods-list .good-normal .title {
	padding-left: 20px;
	height: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: PingFangSC-Regular;
	font-size: 14px;
	color: #333;
	line-height: 18px
}

.hot-goods .goods-list .good-normal .detail {
	display: none
}

.hot-goods .goods-list .good-normal .product-link {
	display: none
}

.hot-goods .goods-list .good-active {
	height: 90px;
	padding-top: 6px
}

.hot-goods .goods-list .good-active .img {
	float: left;
	width: 90px;
	height: 100%
}

.hot-goods .goods-list .good-active .info {
	float: right;
	width: 158px;
	height: 100%
}

.hot-goods .goods-list .good-active .title {
	height: 36px;
	margin-top: -2px;
	line-height: 18px
}

.hot-goods .goods-list .good-active .activity {
	margin-top: 12px
}

.hot-goods .goods-list .good-active .detail {
	overflow: hidden;
	margin-top: 7px;
	height: 18px;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #ff3b1f;
	line-height: 20px
}

.hot-goods .goods-list .good-active .price {
	font-family: DINRoundPro-Medium;
	font-size: 20px
}

.hot-goods .goods-list .good-active .tags {
	position: relative;
	top: -2px;
	margin-left: 3px
}

.hot-goods .goods-list .good-active .product-link {
	right: 0;
	bottom: 0
}

.hotsearchCon {
	width: 990px;
	margin: 14px auto 0;
	*margin-left: 45px
}

.hotsearchCon .hotsearch-box {
	position: relative;
	z-index: 103;
	margin: 0 auto 0 45px;
	*margin-left: 0;
	width: 656px;
	height:26px
}

.hotsearchCon .hotsearch-box .hotsearchtop {
	overflow: hidden;
	position: relative;
	height:26px;
	z-index: 105
}

.hotsearchCon .hotsearch-box .hotsearchtop.select {
	width: 25px;
	float: right
}

.hotsearchCon .hotsearch-box .allhot-item {
	position: relative
}

.hotsearchCon .hotsearch-box .boxhot {
	overflow: hidden;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	padding: 0 18px 0 15px;
	position: relative;
	z-index: 106;
	text-align: left
}

.hotsearchCon .hotsearch-box .boxhot li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-family: "Microsoft YaHei"
}

.hotsearchCon .hotsearch-box .boxhot .hot-icon {
	position: relative;
	top: -1px;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 2px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 16px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	z-index: -1
}

.hotsearchCon .hotsearch-box .boxhot .hot-icon- {
	display: none
}

.hotsearchCon .hotsearch-box .boxhot .hot-icon-0 {
	display: none
}

.hotsearchCon .hotsearch-box .boxhot .hot-icon-1 {
	background-color: #FF455B
}

.hotsearchCon .hotsearch-box .boxhot .hot-icon-2 {
	background-color: #3CA6FF
}

.hotsearchCon .hotsearch-box .boxhot .hot-icon-3 {
	background-color: #FF9812
}

.hotsearchCon .hotsearch-box .boxhot .hot-icon-4 {
	background-color: #FF7413
}

.hotsearchCon .hotsearch-box .boxhot .hot-icon-5 {
	background-color: #D61A6E
}

.hotsearchCon .hotsearch-box .boxhot .title {
	margin-right: 6px;
	display: none
}

.hotsearchCon .hotsearch-box .boxhot .text {
	margin-right: 16px
}

.hotsearchCon .hotsearch-box .boxhot a {
	color: #333;
	font-size: 13px
}

.hotsearchCon .hotsearch-box .boxhot .js-hotword:hover {
	color: #F50;
	text-decoration: underline
}

.hotsearchCon .hotsearch-box .ctrlBtn {
	display: none;
	_display: none;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 5px;
	top: 3px;
	z-index: 107;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotsearch-top/select-bottomx1.4ab8def.png) no-repeat center;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotsearch-top/select-bottomx2.51effee.png) no-repeat center / contain
}

.hotsearchCon .hotsearch-box .ctrlBtn:hover {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotsearch-top/select-bottom-hoverx1.4410b4e.png) no-repeat center;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotsearch-top/select-bottom-hoverx2.17a7b06.png) no-repeat center / contain
}

.hotsearchCon .hotsearch-box .ctrlBtn.select {
	width: 14px;
	height: 14px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotsearch-top/select-topx1.957c4c1.png) no-repeat center;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotsearch-top/select-topx2.6497c56.png) no-repeat center / contain
}

.hotsearchCon .hotsearch-box .ctrlBtn.select:hover {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotsearch-top/select-top-hoverx1.6d27062.png) no-repeat center;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/hotsearch-top/select-top-hoverx2.7aa86f6.png) no-repeat center / contain
}

.hotsearchCon .hotsearch-box .hotsearchbottom {
	height: 146px;
	overflow: hidden;
	display: none;
	border: 1px solid #DEE3EB;
	border-top: 0;
	position: absolute;
	top: -20px;
	left: -2px;
	z-index: 104;
	width: 654px;
	background-color: #FAFBFC;
	zoom: 1;
	padding-top: 20px;
	border-radius: 0 0 10px 10px
}

.hotsearchCon .hotsearch-box .select {
	display: block
}

.hotsearchCon .hotsearch-box .hotsearchtop .boxhot {
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 24px
}

.hotsearchCon .hovercls {
	position: relative;
	color: #F50
}

.hotsearchCon .hotsearch-box .hotsearchtop .boxhot li {
	display: inline;
	font-family: "Microsoft YaHei"
}

.hotsearchCon .hotsearch-box .hotsearchtop .boxhot li a {
	display: inline
}

.hotsearchCon .hotsearch-box .hotsearchbottom .boxhot {
	margin-bottom: 0;
	padding-left: 15px
}

.hotsearchCon .hotsearch-box .hotsearchbottom .boxhot li {
	font-family: "Microsoft YaHei";
	width: 194px;
	height: 20px;
	overflow: hidden;
	margin-right: 10px;
	padding-left: 1px
}

.fixed-cont .hotsearch-box {
	width: 278px;
	min-height: 356px;
	background-color: #fff;
	margin-bottom: 10px;
	border: 1px solid #DEE3EB
}

.fixed-cont .hotsearch-box-top {
	width: 100%;
	height: 39px;
	border-bottom: solid 1px #f0f3f6
}

.fixed-cont .hotsearch-box-title {
	float: left;
	margin-left: 14px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	color: #333
}

.fixed-cont .hotsearch-refresh {
	position: relative;
	float: right;
	width: 62px;
	height: 40px;
	margin-right: 14px;
	line-height: 40px;
	text-align: right;
	font-size: 14px;
	color: #333
}

.fixed-cont .hotsearch-refresh:hover {
	color: #08A770
}

.fixed-cont .hotsearch-refresh:hover::before {
	background-repeat: no-repeat;
}

.fixed-cont .hotsearch-refresh::before {
	position: absolute;
	top: 12px;
	left: 0;
	content: '';
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

.fixed-cont .hotsearch-box-loading {
	display: block;
	height: 317px;
	width: 280px;
	text-align: center;
	line-height: 317px
}

.fixed-cont .hotsearch-box-list {
	font-size: 14px;
	color: #000;
	padding: 13px 0
}

.fixed-cont .hotsearch-box-list li {
	padding: 0 5px 0 10px;
	position: relative
}

.fixed-cont .hotsearch-box-list li:hover {
	background: #FAFBFC
}

.fixed-cont .hotsearch-box-list a {
	display: block;
	*width: 238px
}

.fixed-cont .hotsearch-box-list a:hover .keyword {
	color: #f50;
	text-decoration: underline
}

.fixed-cont .hotsearch-box-list span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	height: 29px;
	line-height: 29px;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fixed-cont .hotsearch-box-list .keyword {
	*float: left
}

.fixed-cont .hotsearch-box-list .top-num {
	*float: left;
	margin-right: 7px;
	font-size: 14px
}

.fixed-cont .hotsearch-box-list li:first-child .top-num {
	color: #F54545;
	margin-right: 10px
}

.fixed-cont .hotsearch-box-list li:nth-child(2) .top-num {
	color: #FF8547
}

.fixed-cont .hotsearch-box-list li:nth-child(3) .top-num {
	color: #FFAC39
}

.fixed-cont .hotsearch-box-list li:last-child .top-num {
	margin-right: 2px
}

.fixed-cont .hotsearch-box-list .search-num {
	float: right;
	font-size: 12px;
	color: #BBB
}

.fixed-cont .hotsearch-box-list .icon-fall,
.fixed-cont .hotsearch-box-list .icon-rise,
.fixed-cont .hotsearch-box-list .icon-fair {
	float: right;
	width: 8px;
	margin: 12px 0 0 6px;
	*margin: 0;
	*width: 0;
	*height: 0;
	height: 9px
}

.fixed-cont .hotsearch-box-list .icon-fall {
	background-repeat: no-repeat;
}

.fixed-cont .hotsearch-box-list .icon-rise {
	background-repeat: no-repeat;
}

.fixed-cont .hotsearch-box-list .icon-fair {
	background-repeat: no-repeat;
}

.fixed-cont .hotsearch-box-bottom {
	border-top: solid 1px #f0f3f6;
	height: 39px;
	text-align: left;
	padding-left: 15px;
	color: #BBB
}

.fixed-cont .hotsearch-box-bottom .link {
	font-size: 14px;
	line-height: 39px;
	color: #BBB
}

.fixed-cont .hotsearch-box-bottom .link:hover {
	text-decoration: underline
}

.leftbanner {
	margin-bottom: 10px;
	position: relative
}

.leftbanner .items {
	padding: 0 0 0 10px;
	line-height: 28px
}

.leftbanner .item {
	display: inline-block;
	margin-right: 10px
}

.leftbanner .youxi-ph {
	height: 28px;
	padding: 0 10px;
	overflow: hidden
}

.leftbanner .youxi-toplist {
	height: 28px;
	line-height: 28px;
	white-space: nowrap;
	list-style: none;
	overflow: hidden;
	text-overflow: ellipsis
}

.leftbanner .club-dianqiu {
	position: absolute;
	width: 126px;
	height: 200px;
	left: -150px;
	top: 0;
	z-index: 10;
	background: red
}

.leftbanner .sjb-box-slider {
	height: 60px
}

.leftbanner .sjb-box-slider .piclink {
	height: 60px
}

.leftbanner .sjb-box-slider .silde-btn {
	top: 50%;
	margin-top: -19px
}

.wslider {
	position: relative;
	overflow: hidden;
	zoom: 1;
	width: 278px;
	margin-bottom: 10px
}

.wslider .slider,
.wslider .slider__grid,
.wslider .slider__content,
.wslider .slider__slide {
	width: 278px;
	height: auto
}

.wslider-inner {
	width: 800%;
	font-size: 0
}

.wslider-inner .hide {
	position: absolute;
	visibility: hidden
}

.wslider-item {
	width: 278px;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.wslider-item .item-pic {
	width: 278px
}

.wslider-item .item-text {
	padding: 7px 10px;
	margin-right: -10px
}

.wslider-item .txt {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 10px;
	height: 28px;
	line-height: 28px;
	vertical-align: top
}

.wslider-item .tag {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: 1px;
	height: 18px;
	line-height: 18px;
	background-color: #9ed18e;
	padding: 0 10px 0 6px;
	margin-right: 5px;
	font-size: 12px;
	color: #fff
}

.wslider-item .tag-uparw {
	position: absolute;
	top: 0;
	right: -8px;
	border: 8px dashed transparent;
	border-top: 8px solid #fcfcfc
}

.wslider-item .tag-downarw {
	position: absolute;
	bottom: 0;
	right: -8px;
	border: 8px dashed transparent;
	border-bottom: 8px solid #fcfcfc
}

.wslider-item .link {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px
}

.wslider-loading .P {
	border: 0;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/leftbannerv2/news_loading.03ce3dc.gif) no-repeat center
}

.wslider-seenone {
	display: none
}

.lefttip-container {
	display: none;
	position: fixed;
	right: 50%;
	bottom: 0;
	z-index: 500;
	margin-right: 595px
}

#lefttip {
	display: none
}

.lefttip {
	position: fixed;
	z-index: 201
}

.lefttip .lefttip-link {
	display: block;
	cursor: pointer;
	background-repeat: no-repeat
}

.lefttip .lefttip-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background: url(https://dss2.bdstatic.com/5bVYsj_p_tVS5dKfpU_Y_D3/res/r/image/2023-1-3/guanbi2-1.png) no-repeat top right;
	background-size: 16px 16px;
	cursor: pointer
}

.lefttip .lefttip-ad-icon {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 24px;
	height: 14px
}

.lefttip .lefttip-textlink {
	width: 75px
}

.lefttip .lefttip-textlink-title {
	text-align: center
}

.lefttip-hover {
	position: absolute;
	display: none
}

.lefttip-hover.show {
	display: block
}

.lefttip-hover .lefttip-hover-link {
	display: block;
	background-repeat: no-repeat
}

.header__item--login .login {
	position: static;
	min-width: 41px;
	margin-bottom: -1px
}

.header__item--login .login--hide {
	display: none
}

.header__item--login .login__user {
	padding: 0;
	height: 12px;
	margin-bottom: 1px
}

.header__item--login .login__icon {
	width: 15px;
	height: 14px;
	margin-right: 2px;
	display: inline-block;
	vertical-align: middle;
	top: unset
}

.header__item--login .login .login__icon--user {
	margin-right: 2px;
	background-repeat: no-repeat;
}

.header__item--login .login__username {
	vertical-align: middle;
	color: #333
}

.header__item--login .login__pop {
	overflow: hidden;
	width: 100%
}

.header__item--login .login__icon--gift {
	margin-right: 2px;
	margin-left: 10px;
	background-repeat: no-repeat;
}

.header__item--login .login__item {
	display: block
}

.header__item--login .login__item--logout:hover {
	text-decoration: underline
}

.header__item--login .login__state-logout {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.header__item--login .login__state-login .login__username {
	max-width: 70px;
	_width: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.header__item--login .login--state-hover .login__pop {
	display: block
}

.header__item--login .login--state-hover .header__item--login .login__state-login .header__item--login .login__user {
	display: block;
	filter: none
}

.header__item--login .login--state-hover .header__item--login .login__state-login .header__item--login .login__user:hover .login__username {
	text-decoration: underline
}

.header__item--mail {
	width: 165px
}

.mail {
	position: relative;
	color: #999;
	padding-left: 7px
}

.mail .i-input {
	display: block;
	width: 120px;
	height: 16px;
	border: 1px solid #d1d8e5;
	float: right;
	position: relative;
	top: -2px;
	left: 7px;
	_left: 0;
	background: #fff
}

.mail__link {
	margin-top: 2px
}

.mail__link:hover {
	text-decoration: none
}

.mail__pop {
	display: none;
	position: absolute;
	z-index: 301;
	top: -24px;
	left: 0;
	padding: 24px 10px 11px 42px;
	width: 122px;
	background: #f2f4f8;
	white-space: normal
}

.mail__box {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	border: 1px solid #d1d8e5;
	width: 120px;
	height: 16px;
	line-height: 16px;
	vertical-align: top
}

.mail__box--name {
	margin-right: 5px
}

.mail__box--suffix {
	z-index: 5;
	width: 120px;
	background: #fff;
	margin-top: 2px
}

.mail__box--pwd {
	margin-right: 4px;
	margin-top: 2px;
	vertical-align: middle;
	width: 74px;
	z-index: 4
}

.mail__box--btn {
	border: 0;
	width: 42px;
	height: 22px;
	margin-top: 2px
}

.mail__suffix {
	display: block;
	text-indent: 5px;
	cursor: pointer
}

.mail__suffix,
.mail__suffix:hover {
	color: #666;
	text-decoration: none
}

.mail__icon--more {
	position: absolute;
	right: 5px;
	left: auto;
	top: 8px;
	overflow: hidden;
	width: 7px;
	height: 4px;
	background-repeat: no-repeat;
}

.mail__submit {
	border: 1px solid #d1d8e8;
	width: 42px;
	height: 18px;
	line-height: 15px;
	cursor: pointer;
	color: #666;
	vertical-align: top;
	background: #fff
}

.mail__cancel {
	display: none;
	width: 40px;
	height: 22px;
	margin-left: 2px;
	color: #333;
	cursor: pointer;
	text-align: center
}

.mail__placeholder,
.mail__input {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 5px
}

.mail__placeholder {
	cursor: text;
	z-index: 19
}

.mail__input {
	width: 99%;
	height: 16px;
	line-height: 16px;
	border: 0;
	border-width: 1px 0 0 1px
}

.mail__list {
	display: none;
	position: absolute;
	z-index: 999;
	top: 17px;
	left: -1px;
	border: 1px solid #817f82;
	width: 120px;
	color: #666;
	background: #fff;
	box-shadow: 0 0 3px #ccc;
	text-indent: 5px
}

.mail__list--state-open {
	display: block
}

.mail__list-item {
	display: block;
	height: 21px;
	line-height: 21px;
	cursor: pointer;
	text-indent: 5px
}

.mail__list-item,
.mail__list-item:hover {
	color: #333
}

.mail__list-item:hover {
	background: #ebebeb;
	text-decoration: none
}

.mail__list-item-tip {
	background: #f2f2f2;
	cursor: default
}

.mail__msg {
	overflow: hidden;
	position: absolute;
	top: 86px;
	left: 42px;
	z-index: 4;
	width: 121px;
	height: 18px;
	line-height: 16px;
	text-indent: 5px;
	border: 1px solid #ccc;
	background: #ffe1e1;
	color: #f30
}

.mail__proxy {
	display: none;
	margin-top: 2px;
	height: 20px;
	line-height: 20px
}

.mail__agree,
.mail__agree-link {
	vertical-align: middle
}

.mail__agree-link {
	color: #999
}

.mail__agree-link:hover {
	color: #999
}

.mail--state-hover .mail__mask {
	display: block
}

.mail--state-open .i-input {
	display: none
}

.mail--state-open .mail__link {
	background-color: #f2f4f8
}

.mail--state-open .mail__pop {
	display: block
}

.mail--state-163 .mail__proxy {
	display: block
}

.ie6 .mail__placeholder,
.ie7 .mail__placeholder {
	line-height: 23px
}

.ie6 .mail__submit,
.ie7 .mail__submit {
	line-height: 21px
}

.ie8 .mail__msg {
	line-height: 18px
}

#box-famous-resource {
	margin-top: -10px;
	margin-bottom: 10px;
	border: 1px solid #DEE3EB;
	border-top: 0
}

#box-famous-resource .mingzhanresource {
	display: none;
	width: 1188px;
	background: #f7f7f7;
	overflow: hidden;
	position: relative
}

#box-famous-resource .mingzhanresource .ul-btn {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden
}

#box-famous-resource .mingzhanresource a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden
}

#box-famous-resource .mingzhanresource a:hover {
	text-decoration: none
}

#box-famous-resource .mingzhanresource i,
#box-famous-resource .mingzhanresource span {
	cursor: pointer;
	display: block;
	float: left;
	font-family: "微软雅黑";
	color: #000
}

#box-famous-resource .mingzhanresource li {
	height: 100%;
	display: inline-block;
	*zoom: 1;
	*display: inline
}

#box-famous-resource .mingzhanresource .mingzhan-ad-icon {
	width: 20px;
	height: 10px;
	position: absolute;
	bottom: 0;
	right: 0
}

#box-famous-resource .mingzhanresource .mingzhandown-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 200
}

#box-famous-resource .mingzhanresource .mingzhandown-close img {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 12px
}

.moreskin .moreskin-left-close {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px
}

.moreskin .moreskin-left-close img {
	position: absolute;
	top: 0;
	width: 12px;
	height: 12px
}

.moreskin .moreskin-left-ad-icon {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 22px;
	height: 14px
}

.moreskin .moreskin-left {
	position: absolute;
	top: 255px;
	width: 1190px;
	margin: 0 auto
}

.moreskin .moreskin-left .moreskin-block0 {
	position: absolute;
	top: 50px;
	left: -90px
}

.moreskin .moreskin-left .moreskin-block1 {
	position: absolute;
	top: 165px;
	left: -30px
}

.moreskin .moreskin-left .moreskin-block2 {
	position: absolute;
	top: 271px;
	left: -90px
}

.moreskin .moreskin-right {
	position: absolute;
	top: 255px;
	width: 1190px;
	margin: 0 auto
}

.moreskin .moreskin-right .moreskin-block3 {
	position: absolute;
	top: 45px;
	right: -90px;
	z-index: 10
}

.moreskin .moreskin-right .moreskin-block4 {
	position: absolute;
	top: 155px;
	right: -30px
}

.moreskin .moreskin-right .moreskin-block5 {
	position: absolute;
	top: 265px;
	right: -90px
}

.moreskin img {
	width: 64px;
	height: 64px
}

.moreskin img:hover {
	cursor: pointer
}

#top-anim {
	position: relative;
	z-index: 109;
	margin: auto;
	width: 1190px;
	height: 0;
	line-height: 0
}

.movinglink-wrap {
	position: absolute;
	left: 0;
	top: 13px;
	width: 100%
}

.movinglink {
	position: absolute;
	cursor: pointer;
	z-index: 12
}

.movelink-close {
	display: none;
	position: absolute;
	top: -5px;
	right: -5px;
	width: 20px;
	height: 20px;
	border: 0;
	background: 0 0;
	outline: 0;
	cursor: pointer;
	padding: 0;
	margin: 0
}

.movelink-close img {
	width: 12px;
	height: 12px
}

.movelink-ad-icon {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 22px;
	height: 14px
}

#top-anim .rightanim {
	position: absolute;
	z-index: 11
}

body .widget-topbanner {
	display: none
}

.navrecommend-top .idiv {
	position: relative
}

.navrecommend-top .idiv .fold,
.navrecommend-top .idiv .open {
	width: 1190px;
	position: relative;
	display: block;
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat
}

.navrecommend-top .idiv .ad-icon {
	position: absolute;
	top: 0;
	right: 0
}

.navrecommend-top .idiv .close {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 500
}

.navrecommend-hjw {
	display: none;
	padding-bottom: 10px;
	overflow: hidden;
	position: relative
}

.navrecommend-hjw a {
	display: block;
	float: left
}

.navrecommend-hjw .item4,
.navrecommend-hjw .item3,
.navrecommend-hjw .item0 {
	margin-left: 15px
}

.navrecommend-hjw .item6,
.navrecommend-hjw .item5,
.navrecommend-hjw .item2,
.navrecommend-hjw .item1 {
	margin-left: 50px
}

.navrecommend-top .c-item1 {
	display: block
}

.navrecommend-ad-icon {
	width: 20px;
	height: 10px;
	position: absolute;
	bottom: 10px;
	right: 0
}

.navrecommend-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	cursor: pointer
}

.navrecommend-close img {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 12px
}

.notice {
	position: absolute;
	top: 0;
	right: 12px;
	*right: 200px;
	width: 197px;
	font-size: 12px
}

.notice .icon {
	position: absolute;
	top: 20px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 20px;
	background-color: #999
}

.notice a {
	display: block;
	width: 120px;
	line-height: 17px;
	font-size: 12px;
	color: #666;
	text-align: left;
	margin-top: -2px
}

.notice .noticeImg {
	position: absolute
}

.notice .noticeImg .slider,
.notice .noticeImg .slider__grid,
.notice .noticeImg .slider__content,
.notice .noticeImg .slider__slide {
	width: 150px
}

.notice .noticeImg .slider__grid {
	padding: 0 0 0 17px;
	width: 174px
}

.notice .noticeImg .slider__grid .slider__nav--next {
	right: 0;
	top: 27px
}

.notice .noticeImg img {
	width: 150px;
	height: 46px
}

.notice .noticeWord {
	position: absolute
}

.notice .noticeWord .slider,
.notice .noticeWord .slider__grid,
.notice .noticeWord .slider__content,
.notice .noticeWord .slider__slide {
	width: 120px
}

.notice .noticeWord .slider__grid {
	padding: 0 0 0 17px;
	width: 174px
}

.notice .noticeWord .slider__grid .slider__nav--next {
	right: 6px;
	top: 0
}

.notice .noticeWord .slider__content {
	margin-top: 1px
}

.notice .noticeWord .hotwords-side {
	position: absolute;
	left: 0;
	top: 0
}

.notice .slider,
.notice .slider__grid,
.notice .slider__content,
.notice .slider__slide {
	height: 46px
}

.notice .slider {
	width: 197px;
	position: absolute;
	top: 15px
}

.notice .slider__grid--hover .slider__nav--next {
	display: block
}

.notice .slider__grid--hover .s-wea {
	display: inline-block;
	width: 120px;
	color: #f50;
	text-decoration: underline
}

.notice .slider__nav {
	display: none
}

.notice .slider__grid .slider__nav--next {
	margin: 0;
	width: 15px;
	height: 15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-repeat: no-repeat;
}

.notice .slider__grid .slider__nav--next:hover {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.notice-fixed {
	display: none;
	width: 185px
}

.notice-fixed a {
	width: auto
}

.notice-fixed a:hover {
	color: #f50;
	text-decoration: underline
}

.notice-fixed .gong-down {
	border: 1px dashed #bbb;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 1px 3px
}

.notice-fixed .gong-down .g_icon {
	position: relative;
	top: -.1em;
	vertical-align: middle;
	display: inline-block;
	margin-right: 3px;
	overflow: hidden;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}

.notice-fixed .g_icon_hot .g_icon {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 16px;
	height: 15px;
	cursor: pointer;
	margin-left: 2px;
	background-repeat: no-repeat;
}

.notice-fixed .icon {
	margin: 6px
}

.search-fixed .notice a {
	display: inline;
	color: #666
}

body .search-fixed .hao123-search .notice.notice-fixed {
	margin-left: 382px
}

.pan__bar {
	border-left: 1px solid #ECEFF3;
	margin: 1px 8px;
	float: left;
	height: 10px
}

.pan__icon {
	float: left;
	width: 18px;
	height: 14px;
	background-repeat: no-repeat;
}

.popup-confirm {
	width: 310px;
	height: 170px
}

.popup-confirm .popup-head {
	height: 34px;
	line-height: 34px;
	background: #f7f7f7
}

.popup-confirm .popup-head a {
	width: 28px;
	height: 28px;
	margin-top: 3px;
	margin-right: 0;
	background-repeat: no-repeat;
}

.popup-confirm .popup-head a:hover {
	background-repeat: no-repeat;
}

.popup-confirm .popup-body {
	padding: 30px 29px 0;
	text-align: center
}

.popup-confirm .popup-body button {
	width: 67px;
	height: 26px;
	font: 14px/22px '宋体';
	_line-height: 24px;
	border-width: 1px;
	border-style: solid
}

.popup-confirm .popup-body .js_ok {
	background: #1da671;
	border-color: #1da671;
	color: #fefefe
}

.popup-confirm .popup-body .js_cancel {
	background: #fff;
	border-color: #cecece;
	color: #666
}

.popup-confirm .popup-body div {
	overflow: hidden;
	padding-top: 2px;
	text-align: center
}

.popup-confirm i {
	display: none
}

.popup-confirm strong {
	display: inline-block;
	color: #333;
	font-size: 14px;
	text-align: left
}

.popup-confirm p {
	margin-top: 35px
}

.popup-confirm .button {
	margin-right: 12px
}

body {
	padding: 0
}

.popup {
	position: absolute;
	background-color: #FFF;
	z-index: 999;
	top: 0;
	left: 0;
	border: 1px solid #B8D3AD;
	-moz-box-shadow: 4px 4px 2px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 4px 4px 2px rgba(0, 0, 0, .3);
	box-shadow: 4px 4px 2px rgba(0, 0, 0, .3)
}

.popup table {
	width: 100%;
	height: 100%
}

.popup td {
	height: 100%
}

.popup-alert {
	width: 300px
}

.popup-forever {
	width: 540px
}

.popup-head {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/popup/head-bg.70a0eb1.png) repeat-x;
	line-height: 28px;
	height: 28px;
	width: 100%
}

.popup-head span {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	margin-left: 15px
}

.popup-head a {
	cursor: pointer;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	display: inline;
	background: url(site/sprite.png) -63px -28px no-repeat;
	width: 17px;
	height: 17px
}

.popup .button {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/popup/sprite.c040b05.png) -63px -1px no-repeat;
	width: 59px;
	height: 22px;
	font-size: 12px;
	color: #333;
	border: 0;
	cursor: pointer
}

.popup-alert-w {
	padding: 20px 30px;
	font-size: 12px
}

.popup-forever-w {
	padding: 30px 10px 30px 40px
}

.popup-alert-text {
	text-align: center
}

.popup-alert-control {
	text-align: center;
	margin-top: 15px;
	line-height: 16px
}

.popup-mask {
	background-color: #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	z-index: 800;
	*z-index: 998;
	opacity: .6;
	*filter: alpha(opacity=60);
	filter: alpha(opacity=60)\0;
	_top: 0;
	_left: 0
}

.popup-forever-w i {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/popup/sprite.c040b05.png) no-repeat;
	height: 50px;
	width: 43px;
	display: inline;
	float: left
}

.popup-forever-w div {
	margin-left: 60px;
	overflow: hidden
}

.popup-forever-w strong {
	display: block;
	color: #333;
	font-size: 14px
}

.popup-forever-w p {
	margin-top: 12px
}

.popup-forever-w .button {
	margin-right: 12px
}

.tips_link {
	padding: 0;
	margin: 0;
	width: 0;
	background-image: none;
	text-decoration: none
}

.g_tips-r {
	position: relative
}

.g_icon {
	cursor: pointer
}

.g_tips-r-dot {
	position: absolute;
	width: 12px;
	height: 12px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/qipao/hint_ball.28f61f9.gif) no-repeat;
	padding: 1px 4px;
	zoom: 1;
	top: -1px;
	left: 32px
}

.g_tips-r .g_icon {
	font-family: arial, "宋体";
	position: absolute;
	margin-left: 2px;
	padding-left: 7px;
	width: 34px;
	height: 28px;
	font-size: 12px;
	overflow: hidden;
	word-wrap: break-word;
	white-space: normal;
	padding-top: 2px;
	padding-right: 2px;
	line-height: 13px;
	vertical-align: top;
	color: #ff3c00;
	text-decoration: none;
	cursor: pointer;
	left: 0;
	top: -7px;
	background-repeat: no-repeat;
}

.g_red {
	color: #f50
}

.coolsiteresource-tip {
	overflow: hidden;
	display: inline-block;
	position: absolute;
	width: 12px;
	height: 12px;
	margin-left: 4px;
	cursor: pointer;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/qipao/siteresourcetip.9dcc0a1.gif)
}

.coolsiteresource_container {
	display: none;
	position: absolute;
	width: 141px;
	height: 105px;
	z-index: 1000;
	top: -8px;
	right: -125px;
	background-repeat: no-repeat;
}

.coolsiteresource-link {
	width: 141px;
	height: 105px;
	display: block;
	position: relative;
	padding: 0
}

.coolsiteresource-title {
	display: block;
	width: 138px;
	height: 12px;
	line-height: 12px;
	padding: 7px 0 0 3px;
	text-align: center;
	font-size: 12px;
	color: #666;
	overflow: hidden
}

.coolsiteresource-img {
	position: absolute;
	width: 130px;
	height: 75px;
	left: 7px;
	bottom: 6px
}

.coolsiteresource-lgimg {
	height: 95px
}

.g_tips-r-img i {
	padding: 0;
	top: 50%;
	position: absolute;
	margin-left: -2px;
	height: 25px;
	width: 30px;
	margin-top: -12.5px
}

.qipao {
	position: relative
}

.qipao .qipao-arrow {
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: -8px;
	width: 0;
	height: 0;
	border: 4px dashed transparent;
	border-right: 4px solid #f30;
	*margin-top: -5px
}

.qipao .qipao-link,
.qipao .qipao-link:hover {
	color: #f30;
	text-decoration: none
}

.qipao .qipao-link {
	display: block;
	position: absolute;
	top: 50%;
	left: 6px;
	margin-top: -9px;
	border: 1px solid #f30;
	border-radius: 2px;
	padding: 1px 1px 0 2px;
	font: 12px/14px arial, PingFangSC-Regular, "Microsoft YaHei", sans-serif;
	white-space: nowrap;
	background: #fff;
	*margin-top: -11px;
	*padding: 1px 2px 2px
}

.qipao .width-wd-hide {
	display: none
}

.qipao-r2 .qipao-link {
	line-height: 12px;
	margin-top: -15px;
	padding: 2px 2px 1px;
	*padding: 0 2px 2px
}

.qipao-hover .qipao-redpt {
	display: block;
	_display: none;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 4px;
	margin-top: -10px;
	width: 5px;
	height: 5px;
	background: url(/static/imgs/redpt.png?__sprite) no-repeat
}

.qipao-hover:hover .qipao-redpt {
	display: none
}

.qipao-hover .qipao-link {
	display: none;
	_display: block
}

.qipao-hover:hover .qipao-link {
	display: block
}

.pop-sethome {
	position: absolute;
	z-index: 990
}

.pop-sethome .clz {
	height: 19px;
	width: 19px;
	right: 4px;
	top: 4px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: -51px -25px;
	z-index: 10
}

.pop-sethome .clz:hover {
	background-position: -51px -56px
}

.pop-sethome .info {
	font-size: 12px;
	position: absolute;
	text-align: right;
	bottom: 8px;
	right: 0;
	color: #666
}

.pop-sethome .info span {
	font-size: 12px;
	display: none;
	font-family: "Microsoft Yahei"
}

.pop-sethome .download,
.pop-sethome .go,
.pop-sethome .go2 {
	position: absolute;
	left: 50%
}

.pop-sethome .go {
	font-size: 12px;
	font-family: "Microsoft YaHei";
	line-height: 35px;
	text-decoration: none;
	text-align: center
}

.pop-sethome .go:hover {
	text-decoration: underline
}

.pop-sethome .go2 {
	bottom: 60px;
	background-position: -55px 140px
}

.pop-sethome .go2:hover {
	background-position: -55px 75px
}

.sethometype {
	overflow: hidden;
	top: 61px;
	left: 50%;
	margin-left: -595px;
	border-radius: 10px;
	width: 280px;
	height: 110px;
	-webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, .3);
	-moz-box-shadow: 1px 3px 8px rgba(0, 0, 0, .3);
	box-shadow: 1px 3px 8px rgba(0, 0, 0, .3);
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	animation-duration: .5s
}

.sethometype .go {
	bottom: 32px
}

.sethometype .info {
	overflow: hidden;
	display: block;
	zoom: 1;
	padding-top: 10px;
	width: 35px;
	height: 18px;
	line-height: 18px
}

.sethometype .info:hover {
	width: 250px;
	padding-right: 30px
}

.sethometype .info:hover:hover span {
	display: inline-block;
	*display: inline
}

.sethometype .info:hover:hover span:hover {
	text-decoration: underline
}

.sethometype .download,
.sethometype .go,
.sethometype .go2 {
	width: 169px;
	height: 35px;
	margin-left: -84px
}

.sethometype .download {
	bottom: 60px;
	background-position: -55px 140px
}

.sethometype .download:hover {
	background-position: -55px 75px
}

.sethometype .titles {
	height: 30px;
	background-color: #f7f7f7;
	color: #999;
	line-height: 2.2;
	text-indent: 20px
}

.sethometype .icon {
	position: absolute;
	right: 10px;
	bottom: 1px;
	width: 17px;
	height: 16px;
	background-position: -136px -26px
}

.sethometype .icon:hover {
	background-position: -136px -59px
}

.sethometype .contents {
	width: 280px;
	height: 110px;
	background-repeat: no-repeat;
	position: relative
}

.sethometype .contents .jiaocheng {
	text-align: center;
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: 66px;
	height: 16px;
	line-height: 16px
}

.sethometype .contents .jiaocheng:hover {
	color: #00A770
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(-10%, -10%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translate(-10%, -10%)
	}

	100% {
		opacity: 1;
		-moz-transform: translate(0, 0)
	}
}

@-ms-keyframes fadeInUp {
	0% {
		opacity: 0;
		-ms-transform: translate(-10%, -10%)
	}

	100% {
		opacity: 1;
		-ms-transform: translate(0, 0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(-10%, -10%, 0)
	}

	100% {
		opacity: 1;
		transform: none
	}
}

.sethome {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 60px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #999;
	background: #fff;
	border: 1px solid #efefef;
	left: 100%;
	top: 17px;
	border-radius: 20px;
	margin-left: 8px
}

.sethome:hover {
	text-decoration: none;
	background: #f2f4f8;
	color: #999
}

.shortcut-box {
	position: fixed;
	bottom: 160px;
	left: 50%;
	margin-left: 604px;
	z-index: 10
}

.shortcut-box .rightTip {
	display: none;
	position: absolute;
	top: -132px;
	left: -9px;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 10
}

.shortcut-box .rightTip-img {
	background-repeat: no-repeat;
	background-position: center
}

.bottom.shortcut-box .rightTip {
	-o-transform: translateY(-52px);
	-ms-transform: translateY(-52px);
	-moz-transform: translateY(-52px);
	-webkit-transform: translateY(-52px);
	transform: translateY(-52px)
}

.shortcut-box .rightTip-pos {
	top: -71px
}

.shortcut-box .rightTip-init {
	top: -188px
}

.shortcut-box .rightTip-rightSource {
	top: -150px !important
}

.shortcut-box .rightTip .rightTip-ad-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px
}

.shortcut-box .rightTip .rightTip-ad-close img {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 12px
}

.shortcut-box .rightTip .rightTip-ad-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 22px;
	height: 14px
}

.shortcut-box .game-box {
	display: block;
	left: 0;
	width: 52px;
	text-align: center;
	z-index: 9
}

.shortcut-box .game-box-top-img {
	-o-animation: gameBoxShake .3s .1s infinite;
	-webkit-animation: gameBoxShake .3s .1s infinite;
	-ms-animation: gameBoxShake .3s .1s infinite;
	-moz-animation: gameBoxShake .3s .1s infinite;
	animation: gameBoxShake .3s .1s infinite
}

@-o-keyframes gameBoxShake {
	0% {
		-o-transform: rotate(0)
	}

	25% {
		-o-transform: rotate(15deg)
	}

	50% {
		-o-transform: rotate(0)
	}

	75% {
		-o-transform: rotate(-15deg)
	}

	100% {
		-o-transform: rotate(0)
	}
}

@-webkit-keyframes gameBoxShake {
	0% {
		-webkit-transform: rotate(0)
	}

	25% {
		-webkit-transform: rotate(15deg)
	}

	50% {
		-webkit-transform: rotate(0)
	}

	75% {
		-webkit-transform: rotate(-15deg)
	}

	100% {
		-webkit-transform: rotate(0)
	}
}

@-ms-keyframes gameBoxShake {
	0% {
		-ms-transform: rotate(0)
	}

	25% {
		-ms-transform: rotate(15deg)
	}

	50% {
		-ms-transform: rotate(0)
	}

	75% {
		-ms-transform: rotate(-15deg)
	}

	100% {
		-ms-transform: rotate(0)
	}
}

@-moz-keyframes gameBoxShake {
	0% {
		-moz-transform: rotate(0)
	}

	25% {
		-moz-transform: rotate(15deg)
	}

	50% {
		-moz-transform: rotate(0)
	}

	75% {
		-moz-transform: rotate(-15deg)
	}

	100% {
		-moz-transform: rotate(0)
	}
}

@keyframes gameBoxShake {
	0% {
		transform: rotate(0)
	}

	25% {
		transform: rotate(15deg)
	}

	50% {
		transform: rotate(0)
	}

	75% {
		transform: rotate(-15deg)
	}

	100% {
		transform: rotate(0)
	}
}

.shortcut-box .game-box .rightTip-img {
	position: relative;
	z-index: 3
}

.shortcut-box .game-box-tips {
	box-sizing: border-box;
	text-align: center;
	padding-left: 13px;
	padding-right: 13px;
	font-size: 14px;
	white-space: nowrap;
	color: #333;
	z-index: 11;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
	background: #fff;
	opacity: 0
}

.shortcut-box .game-box-tips::after {
	content: "";
	position: absolute;
	z-index: 1;
	right: -8px;
	top: 17px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 4px solid #fff;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent
}

.shortcut-box .game-box-tips-no {
	display: none;
	position: absolute;
	line-height: 44px;
	right: 106px;
	top: 2px;
	z-index: 2
}

.shortcut-box .game-box-tips-no-close {
	position: absolute;
	z-index: 1;
	top: 4px;
	right: 2px;
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/shortcut/img/tipclose.8d4e3df.png) no-repeat center / 100%;
	cursor: pointer
}

.shortcut-box .game-box-tips-ch {
	display: none;
	position: absolute;
	top: -2px;
	right: 56px;
	line-height: 44px;
	z-index: 1;
	opacity: 1
}

.shortcut-box .game-box-visit {
	display: none;
	position: absolute;
	width: 70px;
	height: 45px;
	right: -9px;
	top: -64px;
	opacity: 0
}

.shortcut-box .game-box-visit-img {
	object-fit: cover
}

.shortcut-box .game-box-visit-tips {
	display: none;
	position: absolute;
	box-sizing: border-box;
	line-height: 44px;
	top: 0;
	padding-left: 13px;
	padding-right: 13px;
	min-width: 130px;
	white-space: nowrap;
	right: 80px;
	font-size: 14px;
	color: #333;
	z-index: 10;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
	background: #fff
}

.shortcut-box .game-box-visit-tips::after {
	content: "";
	position: absolute;
	right: -8px;
	top: 17px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 4px solid #fff;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent
}

.shortcut-box .game-box-wipes {
	position: absolute;
	z-index: 1;
	bottom: 1px;
	left: 0;
	width: 2px;
	height: 12px;
	background-color: #fff
}

.shortcut-box .game-box-wipes-shake {
	-o-animation: gameBoxWipes .3s .1s 1;
	-webkit-animation: gameBoxWipes .3s .1s 1;
	-ms-animation: gameBoxWipes .3s .1s 1;
	-moz-animation: gameBoxWipes .3s .1s 1;
	animation: gameBoxWipes .3s .1s 1
}

@-o-keyframes gameBoxWipes {
	0% {
		left: 0
	}

	100% {
		left: 49px
	}
}

@-webkit-keyframes gameBoxWipes {
	0% {
		left: 0
	}

	100% {
		left: 49px
	}
}

@-ms-keyframes gameBoxWipes {
	0% {
		left: 0
	}

	100% {
		left: 49px
	}
}

@-moz-keyframes gameBoxWipes {
	0% {
		left: 0
	}

	100% {
		left: 49px
	}
}

@keyframes gameBoxWipes {
	0% {
		left: 0
	}

	100% {
		left: 49px
	}
}

.shortcut-box .btn {
	position: relative;
	background: #fff;
	display: block;
	height: 18px;
	width: 18px;
	border: 1px solid #E6E6E6;
	cursor: pointer;
	padding: 16px
}

.shortcut-box .btn i {
	display: block;
	height: 18px;
	width: 18px
}

.shortcut-box .top-btn {
	border-bottom: 0;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s
}

.shortcut-box .top-btn i {
	background-repeat: no-repeat;
}

.shortcut-box .top-btn:hover {
	background: #fafafa
}

.shortcut-box .top-btn:hover .tip {
	visibility: visible;
	left: -94px;
	opacity: .9;
	filter: alpha(opacity=90)
}

.top.shortcut-box .top-btn {
	opacity: 0;
	filter: alpha(opacity=0)
}

.bottom.shortcut-box .top-btn {
	opacity: 1;
	filter: alpha(opacity=100)
}

.shortcut-box .feed-btn {
	border-top: 0
}

.shortcut-box .feed-btn i {
	background-repeat: no-repeat;
}

.shortcut-box .feed-btn:hover {
	background: #fafafa
}

.shortcut-box .feed-btn:hover .tip {
	visibility: visible;
	left: -94px;
	opacity: .9;
	filter: alpha(opacity=90)
}

.top.shortcut-box .feed-btn {
	display: block
}

.bottom.shortcut-box .feed-btn {
	display: none
}

.shortcut-box .back-btn {
	border-bottom: 0
}

.shortcut-box .back-btn i {
	background-repeat: no-repeat;
}

.shortcut-box .back-btn:hover {
	background: #fafafa
}

.shortcut-box .back-btn:hover .tip {
	visibility: visible;
	left: -94px;
	width: 90px;
	padding-left: 7px;
	opacity: .9;
	filter: alpha(opacity=90)
}

.shortcut-box .feedback-btn {
	width: 52px;
	padding: 0;
	height: auto;
	border: 0
}

.shortcut-box .feedback-btn i {
	background-repeat: no-repeat;
}

.shortcut-box .feedback-btn img {
	width: 52px
}

.shortcut-box .tip {
	position: absolute;
	width: 90px;
	height: 28px;
	line-height: 28px;
	left: -103px;
	top: 12px;
	padding-left: 14px;
	color: #fff;
	display: block;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	background-repeat: no-repeat;
}

.shortcut-box .feedback-box {
	background-color: #fff;
	position: absolute;
	height: 302px;
	width: 323px;
	bottom: 0;
	right: 52px;
	padding: 25px
}

.shortcut-box .feedback-box .close {
	height: 14px;
	width: 14px;
	background: #000;
	position: absolute;
	top: 27px;
	right: 48px
}

.shortcut-box .feedback-box form h2 {
	font-size: 20px;
	color: #000;
	line-height: 22px
}

.shortcut-box .feedback-box form input:-moz-placeholder,
.shortcut-box .feedback-box form textarea:-moz-placeholder {
	font-size: 14px;
	color: #BBB;
	font-weight: 300
}

.shortcut-box .feedback-box form input::-moz-placeholder,
.shortcut-box .feedback-box form textarea::-moz-placeholder {
	font-size: 14px;
	color: #BBB;
	font-weight: 300
}

.shortcut-box .feedback-box form input:-ms-input-placeholder,
.shortcut-box .feedback-box form textarea:-ms-input-placeholder {
	font-size: 14px;
	color: #BBB;
	font-weight: 300
}

.shortcut-box .feedback-box form input::-webkit-input-placeholder,
.shortcut-box .feedback-box form textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #BBB;
	font-weight: 300
}

.shortcut-box .feedback-box form .desc-wrap {
	margin-top: 18px;
	padding: 15px;
	height: 108px;
	width: 270px;
	border: 1px solid #EBEBEB
}

.shortcut-box .feedback-box form .desc {
	border: 0;
	resize: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	line-height: 20px
}

.shortcut-box .feedback-box form [data-hook=desc-error],
.shortcut-box .feedback-box form [data-hook=contact-error] {
	display: block;
	font-size: 12px;
	line-height: 17px;
	color: #FF6767;
	margin-top: 3px;
	visibility: hidden
}

.shortcut-box .feedback-box form .visible {
	visibility: visible
}

.shortcut-box .feedback-box form .contact-wrap {
	margin-top: 6px;
	width: 300px;
	border-bottom: 1px solid #EBEBEB;
	padding: 4px
}

.shortcut-box .feedback-box form .contact {
	border: 0;
	width: 292px;
	height: 20px
}

.shortcut-box .feedback-box form .submit-btn,
.shortcut-box .feedback-box form .submited-btn {
	margin-top: 10px;
	height: 39px;
	border: 0;
	cursor: pointer;
	color: #fff;
	text-align: center
}

.shortcut-box .feedback-box form .submit-btn {
	width: 86px;
	background: #0F94F7
}

.shortcut-box .feedback-box form .submited-btn {
	width: 100px;
	background: #e6e6e6
}

.shortcut-box .feedback-box form .button .submited-btn {
	display: none
}

.shortcut-box .feedback-box form .submited .submit-btn {
	display: none
}

.shortcut-box .feedback-box form .submited .submited-btn {
	display: block
}

.content-wrapper {
	position: relative;
	padding: 12px 22px 22px 27px
}

.content-wrapper .content-item {
	position: absolute
}

.siye {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000
}

.siye .siye-link {
	display: block;
	cursor: pointer
}

.siye .siye-img {
	width: 120px;
	height: 120px;
	-ms-interpolation-mode: bicubic
}

.siye .siye-icon {
	width: 20px;
	height: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
}

.siye .close-btn {
	width: 22px;
	height: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -11px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.siye-gap {
	top: 5px;
	right: 5px
}

.yixing-siye {
	display: block;
	top: -180px
}

.yixing-siye .yixing-siye-close {
	position: absolute;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	top: 0
}

.width-nr .layout-header.has-banner .siye,
.width-nr .layout-header.has-banner .yixing-siye {
	display: none
}

.layout-header.has-banner .siye {
	display: block
}

.skin-resource {
	display: none;
	position: fixed;
	_position: absolute;
	height: 160px;
	width: 50px;
	left: 50%;
	cursor: pointer;
	z-index: 200;
	top: 270px;
	margin-left: -652px;
	background-repeat: no-repeat
}

.skin-resource:hover {
	background-position: -50px 0
}

.skin-wrap {
	overflow: hidden;
	display: block;
	position: relative;
	border: 1px solid #dee3eb;
	border-top: 0;
	background: #fff;
	*zoom: 1
}

.skin__header {
	margin: auto;
	height: 30px;
	position: relative;
	top: -16px;
	z-index: 12;
	float: right
}

.skin__types,
.skin__type {
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #666;
	display: none
}

.skin__type-link {
	display: block;
	border-right: 1px solid #eaeaea;
	width: 100px;
	text-decoration: none;
	text-align: center;
	color: #656565
}

.skin__type-link--active {
	background: #dfe1e2;
	color: #999
}

.skin__type-link:hover {
	background: #656565;
	color: #fff;
	text-decoration: none
}

.skin__actions {
	float: right;
	height: 26px;
	line-height: 26px;
	padding-right: 30px
}

.skin__action {
	float: left;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	font-size: 12px
}

.skin__action--cancel {
	width: 56px
}

.skin__action--save,
.skin__action--save:hover {
	width: 80px;
	text-decoration: none;
	color: #fff;
	background-color: #00a770;
	margin: 0 10px
}

.skin__action--save:hover {
	background-color: #01cb88
}

.skin__action--reset,
.skin__action--reset:hover {
	width: 78px;
	height: 24px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #dee3eb
}

.skin__text {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.skin .slider,
.skin .slider__grid,
.skin .slider__content,
.skin .slider__slide {
	width: 1036px;
	height: 182px
}

.skin__slider-wrap {
	padding: 21px 0 9px;
	position: relative
}

.skin__slider-wrap .last-item,
.skin__slider-wrap .left-mask,
.skin__slider-wrap .last-item-right,
.skin__slider-wrap .right-mask {
	display: block;
	width: 72px;
	height: 146px;
	position: absolute;
	top: 30px;
	z-index: 5
}

.skin__slider-wrap .left-mask {
	left: 0;
	_display: none;
	background-repeat: no-repeat;
}

.skin__slider-wrap .last-item-right,
.skin__slider-wrap .last-item {
	z-index: 1;
	background: 0 0
}

.skin__slider-wrap .last-item-right .g-imglink-img,
.skin__slider-wrap .last-item .g-imglink-img {
	margin-left: -35px;
	opacity: .26;
	filter: alpha(opacity=26)
}

.skin__slider-wrap .last-item {
	left: 0
}

.skin__slider-wrap .last-item-right {
	right: 0
}

.skin__slider-wrap .right-mask {
	right: 0;
	_display: none;
	background-repeat: no-repeat;
}

.skin__slider-wrap .null {
	width: 105px;
	height: 146px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/skin/null2.c17d843.png) no-repeat 0 0
}

.skin .slider__slide {
	background: #fff;
	height: 155px;
	overflow: hidden
}

.skin .slider__slides {
	z-index: 2
}

.skin .slider {
	margin: auto;
	width: 100%
}

.skin .slider__grid {
	width: 100%
}

.skin .slider__content {
	margin: 0 auto;
	overflow: inherit
}

.skin .slider .slider__nav {
	width: 72px;
	height: 146px;
	opacity: .2;
	filter: alpha(opacity=20)
}

.skin .slider .slider__nav:hover {
	opacity: .5;
	filter: alpha(opacity=50)
}

.skin .slider .slider__nav--prev {
	top: 9px;
	margin-top: 0;
	left: 0;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/skin/prev.742fc2b.png) no-repeat 0 52px
}

.skin .slider .slider__nav--prev:hover {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/skin/prev.742fc2b.png) no-repeat 0 52px
}

.skin .slider .slider__nav--next {
	top: 9px;
	margin-top: 0;
	right: 0;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/skin/next.6c70e71.png) no-repeat right 52px
}

.skin .slider .slider__nav--next:hover {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/skin/next.6c70e71.png) no-repeat right 52px
}

.skin .slider .slider__nav {
	z-index: 6
}

.skin .slider__pagination {
	position: absolute;
	bottom: -11px;
	left: 0;
	width: 100%;
	height: 12px;
	text-align: center;
	z-index: 11
}

.skin .slider__pagination-item {
	overflow: hidden;
	display: inline-block;
	*zoom: 1;
	width: 10px;
	height: 10px;
	margin: 0 6px;
	outline: 0;
	background: #cedaeb;
	cursor: pointer;
	border-radius: 5px
}

.skin .slider__pagination .selected {
	background: #a4bde4
}

.skin__item {
	float: left;
	position: relative;
	display: inline;
	margin: 9px 5px 0;
	_margin: 9px 4px 0 5px;
	opacity: .26;
	filter: alpha(opacity=26);
	width: 105px
}

.skin .selected .skin__item {
	opacity: 1;
	filter: alpha(opacity=100);
	_filter: none
}

.skin .g-imglink {
	text-align: center
}

.skin .g-imglink:hover .g-imglink-bg {
	display: none;
	*display: block
}

.skin .g-skin-selected,
.skin .g-imglink-img-mask,
.skin .g-imglink-img {
	width: 103px;
	height: 144px;
	border: 1px solid #ced9ee
}

.skin .user-select .g-skin-selected {
	display: block
}

.skin .g-skin-selected {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background-repeat: no-repeat;
}

.skin .g-imglink-tag {
	padding: 0;
	width: 28px;
	height: 28px;
	right: 0;
	top: 0;
	left: auto
}

.skin .g-imglink-bg,
.skin .g-imglink-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 23px;
	line-height: 23px
}

.skin .g-imglink-title {
	text-align: center;
	color: #fff;
	z-index: 4;
	font-size: 12px
}

.skin .g-imglink-bg {
	_background: #000;
	z-index: 2;
	background-repeat: no-repeat;
}

.skin .g-imglink-img-mask {
	opacity: .25;
	filter: alpha(opacity=25);
	*display: none;
	_display: none
}

.skin .g-imglink-tag-new {
	z-index: 1;
	background-repeat: no-repeat;
}

.skin .g-imglink-tag-hot {
	z-index: 1;
	background-repeat: no-repeat;
}

.skin .g-imglink-tag-xuan {
	z-index: 1;
	display: none;
	background-repeat: no-repeat;
}

.skin .g-imglink-tag-selected {
	display: none;
	width: 99px;
	height: 140px;
	left: 0;
	top: 0;
	border: 3px solid #00a770
}

.skin .g-imglink-tag-selected b {
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	top: -3px;
	right: -3px;
	z-index: 2;
	background-repeat: no-repeat;
}

.skin__item--select .g-imglink-tag-selected {
	display: block
}

.skin-wrapper {
	position: relative;
	top: -10px;
	width: 1190px;
	margin: 0 auto
}

.skin-wrapper .page-skinbtn {
	position: relative;
	height: 1px;
	margin-top: -1px;
	z-index: 10
}

.skin-wrapper .page-skinbtn .skinbtn {
	position: absolute;
	right: -72px;
	z-index: 8888;
	height: 152px;
	overflow: hidden
}

.skin-wrapper .page-skinbtn .skinbtn__link {
	display: block;
	width: 19px;
	height: 100px;
	margin-top: -40px;
	transition: all .5s;
	margin-right: 28px;
	background-repeat: no-repeat;
}

.skin-wrapper .page-skinbtn .skinbtn__eltip {
	position: relative;
	top: 48px;
	left: 16px;
	width: 5px;
	height: 5px;
	background-repeat: no-repeat;
}

.skin-wrapper .page-skinbtn .down {
	margin-top: -20px
}

.slider,
.slider__grid {
	position: relative;
	zoom: 1
}

.slider__content {
	position: relative;
	overflow: hidden;
	width: 100%
}

.slider__slides {
	position: relative;
	width: 999999px
}

.slider__slide {
	float: left
}

.slider__pagination {
	position: relative;
	z-index: 2;
	cursor: pointer
}

.slider__nav {
	position: absolute;
	z-index: 2;
	top: 50%;
	cursor: pointer
}

.slider--type-fade .slider__slides {
	width: 100%
}

.slider--type-fade .slider__slide {
	display: none;
	position: absolute;
	top: 0;
	left: 0
}

.slider--type-fade .animating,
.slider--type-fade .selected {
	display: block
}

.slider--type-fade .animating .imglink__title-bg {
	filter: none
}

.slider--navshow-hover .slider__nav {
	display: none
}

.slider--nav-1 .slider__nav {
	width: 24px;
	height: 24px;
	margin-top: -12px;
	opacity: .6;
	filter: alpha(opacity=60)
}

.slider--nav-1 .slider__nav:hover {
	opacity: .9;
	filter: alpha(opacity=90)
}

.slider--nav-1 .slider__nav--prev {
	left: 0;
	background-repeat: no-repeat;
}

.slider--nav-1 .slider__nav--next {
	right: 0;
	background-repeat: no-repeat;
}

.slider--nav-2 .slider__grid--hover .slider__nav--prev {
	background-repeat: no-repeat;
}

.slider--nav-2 .slider__grid--hover .slider__nav--prev:hover {
	background-repeat: no-repeat;
}

.slider--nav-2 .slider__grid--hover .slider__nav--next {
	background-repeat: no-repeat;
}

.slider--nav-2 .slider__grid--hover .slider__nav--next:hover {
	background-repeat: no-repeat;
}

.slider--nav-2 .slider__nav {
	width: 37px;
	height: 55px;
	margin-top: -27.5px
}

.slider--nav-2 .slider__nav--prev {
	left: 0;
	background-repeat: no-repeat;
}

.slider--nav-2 .slider__nav--prev:hover {
	background-repeat: no-repeat;
}

.slider--nav-2 .slider__nav--next {
	right: 0;
	background-repeat: no-repeat;
}

.slider--nav-2 .slider__nav--next:hover {
	background-repeat: no-repeat;
}

.slider--nav-3 .slider__nav {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	opacity: .6;
	filter: alpha(opacity=60)
}

.slider--nav-3 .slider__nav:hover {
	opacity: .9;
	filter: alpha(opacity=90)
}

.slider--nav-3 .slider__nav--prev {
	left: 0;
	background-repeat: no-repeat;
}

.slider--nav-3 .slider__nav--next {
	right: 0;
	background-repeat: no-repeat;
}

.slider--nav-4 .slider__nav {
	width: 26px;
	height: 60px;
	margin-top: -30px
}

.slider--nav-4 .slider__nav--prev {
	left: 0;
	background-repeat: no-repeat;
}

.slider--nav-4 .slider__nav--prev:hover {
	background-repeat: no-repeat;
}

.slider--nav-4 .slider__nav--next {
	right: 0;
	background-repeat: no-repeat;
}

.slider--nav-4 .slider__nav--next:hover {
	background-repeat: no-repeat;
}

.slider,
.slider__grid,
.slider__content,
.slider__slide {
	width: 278px;
	height: 110px
}

.suggest {
	position: absolute;
	display: none
}

.suggest .suggest-item {
	cursor: pointer;
	*zoom: 1
}

.suggest .detail {
	height: 180px;
	width: 238px;
	float: right;
	display: none
}

.suggest .list-special {
	width: 200px;
	border-right: 1px solid #DDD;
	float: left
}

.suggest-hint {
	display: none;
	position: absolute;
	top: 2px;
	right: 240px;
	background-image: url(/common/images/sug-new.png);
	background-repeat: no-repeat;
	background-position: right 50%;
	background-position: right 8px \9;
	*background-position: right 7px;
	height: 24px;
	line-height: 24px;
	padding-right: 10px;
	margin-right: 10px;
	color: #666
}

.list-special .suggest-hint {
	right: 0
}

.suggest li.hover {
	background-color: #f5f5f6
}

.suggest li.video-detail-open {
	background-color: #fff
}

.suggest li.hover .video-detail {
	display: block
}

.suggest li.last-video-detail .video-detail {
	display: block
}

.suggest li.hover .video-type-icon {
	display: none
}

.suggest li.hover .video-type-label {
	display: none
}

.suggest li.last-video-detail .video-type-icon {
	display: none
}

.suggest li.last-video-detail .video-type-label {
	display: none
}

.suggest-item {
	zoom: 1;
	overflow: hidden;
	position: relative
}

.suggest-item div .suggest-text {
	float: left
}

.suggest-text {
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: #626675
}

.suggest-text span {
	margin-right: 4px
}

.suggest-text b {
	color: #222;
	font-weight: 400
}

.suggest-item .video-type-icon {
	float: left;
	overflow: hidden;
	margin-top: 4px;
	margin-left: 6px;
	width: 16px;
	height: 16px;
	background: url(/common/images/video-type-icons.png) no-repeat 0 -120px
}

.suggest-item .video-type-label {
	float: right;
	margin-right: 1em;
	display: inline;
	color: #999
}

.suggest-item .video-detail {
	clear: both;
	display: none;
	overflow: hidden;
	padding-top: 6px;
	padding-bottom: 10px;
	position: relative;
	zoom: 1
}

.suggest-item .video-detail .icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: url(/common/images/video-type-icons.png);
	padding: 0;
	margin: 0;
	opacity: .7
}

.suggest li.hover .video-detail .icon {
	opacity: 1
}

.suggest-item .video-detail .icon-tv {
	width: 85px;
	height: 51px;
	background-position: 0 -56px;
	_background: 0 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src="/common/images/video-type-tv.png")
}

.suggest-item .video-detail .icon-movie {
	width: 62px;
	height: 51px;
	_background: 0 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src="/common/images/video-type-movie.png")
}

.suggest-item .video-detail .icon-comic {
	width: 62px;
	height: 51px;
	background-position: -88px -56px;
	_background: 0 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src="/common/images/video-type-comic.png")
}

.suggest-item .video-detail .icon-show {
	width: 63px;
	height: 51px;
	background-position: -70px 0;
	_background: 0 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src="/common/images/video-type-show.png")
}

.suggest-item .video-detail .icon-short {
	width: 61px;
	height: 48px;
	background-position: -144px 0;
	_background: 0 0;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src="/common/images/video-type-short.png")
}

.suggest-item .video-detail .short-video-desc {
	font-size: 12px;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.2;
	margin-bottom: 4px
}

.suggest-item .video-detail .col-left {
	float: left;
	margin-right: 22px
}

.suggest-item .video-detail .col-right {
	float: left;
	font-size: 12px
}

.suggest-item .video-detail .col-right label {
	color: #999;
	cursor: pointer;
	vertical-align: bottom
}

.suggest-item .video-detail .col-right em {
	color: #f60
}

.suggest li.short-detail-open .video-detail {
	display: block
}

.suggest li.short-detail-open .video-type-icon {
	display: none
}

.suggest li.short-detail-open .video-type-label {
	display: none
}

.suggest-detail-w {
	padding-top: 10px;
	padding-left: 10px;
	overflow: hidden;
	*zoom: 1
}

.suggest-detail-img {
	float: left;
	margin-right: 8px;
	width: 102px;
	height: 136px
}

.suggest-detail-img img {
	width: 102px;
	height: 136px
}

.suggest-detail-play {
	padding-left: 24px;
	clear: left;
	float: left;
	width: 87px;
	height: 28px;
	margin-top: 8px;
	background-image: url(/common/images/sug_button.png);
	background-repeat: no-repeat;
	line-height: 28px;
	*line-height: 32px;
	color: #FFF;
	font-size: 14px;
	overflow: hidden
}

.suggest-detail-play:hover {
	text-decoration: none;
	color: #FFF;
	background-position: 0 -28px
}

.suggest-detail-title {
	color: #666;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 14px
}

.suggest-detail-w p {
	line-height: 22px;
	font-size: 12px;
	color: #666;
	height: 22px;
	overflow: hidden
}

.suggest-detail-w p span {
	display: inline-block
}

.suggest-detail-w em {
	color: #ff8533;
	font-weight: 700;
	font-style: normal
}

.suggest-detail-w p.linenumber {
	color: #f60;
	font-weight: 700
}

.suggest .close-history-sug,
.suggest .close-history {
	font-size: 14px
}

.tab-wrapper {
	width: 100%;
	height: 39px;
	border-bottom: 1px solid #f5f6f7
}

.tab-wrapper ul {
	line-height: 2.5;
	padding: 0 20px
}

.tab-wrapper ul li.tab-item {
	display: inline-block;
	height: 38px;
	margin-left: 30px;
	font-size: 16px;
	color: #333;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.tab-wrapper ul li.tab-item:first-child {
	margin-left: 0
}

.tab-wrapper ul li.tab-item:hover a {
	color: #08A770
}

.tab-wrapper ul li.tab-item.active a {
	color: #08A770;
	border-bottom: 2px solid #08A770
}

.tab-wrapper ul li.tab-item a {
	display: inline-block;
	width: 100%;
	height: 100%
}

.topbe-wrapper {
	display: none;
	position: relative;
	width: 100%
}

.topbe-wrapper .topbe-content {
	position: relative
}

.topbe-wrapper .topbe-content .topbe-link {
	display: block;
	position: relative;
	width: 1190px;
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat
}

.topbe-wrapper .topbe-content img {
	vertical-align: middle
}

.topbe-wrapper .topbe-content .topbe-small {
	position: absolute;
	right: 40px;
	bottom: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/topad/fangdajing.3ca061e.png?__spirte) no-repeat;
	background-size: 16px 16px
}

.top-big-wrap {
	display: block;
	position: relative;
	width: 100%;
	height: 180px
}

.top-big-wrap .topad-link-big {
	display: block;
	position: relative;
	width: 1190px;
	height: 180px;
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1190px 180px
}

.top-default-wrap {
	display: none;
	position: relative;
	width: 100%
}

.top-default-wrap .topad-link-default {
	display: block;
	position: relative;
	width: 1190px;
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat
}

.topbe-adimg {
	position: absolute;
	bottom: 0;
	right: 0
}

.topbe-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 500
}

.small-topbe-wrapper {
	position: absolute;
	top: 25px;
	margin-left: 7px
}

.small-topbe-wrapper #smallTopbeWrapper {
	display: none
}

.small-topbe-wrapper #smallTopbeWrapper .be-content {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%
}

.small-topbe-wrapper #smallTopbeWrapper .be-content .topbe-big {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}

.toppicture {
	position: relative;
	*zoom: 1;
	padding-bottom: 11px
}

.toppicture,
.toppicture .g-imglink-img {
	width: 278px;
	height: 110px;
	text-align: center
}

.toppicture-hover .slide-btn {
	display: block
}

.scrollable .g-slider-next {
	right: 10px
}

.scrollable .g-slider-prev {
	left: 10px
}

  
.topzixun,
.topzixun-over {
	height: auto;
	 
	position: relative;
	z-index: 10
}

.topzixun-more {
	height: 24px;
	line-height: 24px;
	background: #f7f7f7;
	display: none;
	margin: 3px 15px 0;
	font-size: 12px;
	text-align: center
}

.topzixun-more:hover {
	background: #f1f1f1
}

.topzixun p {
	width: 250px;
	height: 28px;
	overflow: hidden;
	margin: 0 auto
}

.topzixun-over-hidden {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.top-scroll-box {
	top: 4px;
	right: 2px;
	position: absolute;
	width: 9px;
	opacity: .3;
	filter: alpha(opacity=30);
	z-index: 595;
	display: none
}

.top-scroll-box-bg {
	position: relative;
	margin: 9px 0;
	height: 508px;
	background: #F7F7F7
}

.top-scroll-box-btn {
	z-index: 599;
	width: 8px;
	height: 32px;
	display: block;
	position: absolute;
	right: 2px;
	top: 0;
	margin-top: 5px;
	cursor: default;
	background: #DFE0E2;
	border-radius: 6px;
	display: none
}

.top-scroll-box-btn:hover {
	background: #CBCCCD
}

.user-select-none {
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.topzixun .top-scroll-tip {
	position: absolute;
	top: 225px;
	right: 4px;
	width: 11px;
	height: 20px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/topzixun/arrow.ee66aa8.gif) no-repeat
}

.topzixun-topnews {
	padding: 5px 0;
	*padding: 6px 0 4px
}

.topzixun-topnews a {
	line-height: 26px
}

.topzixun-tag,
.toplink-type,
.topzixun .toplink-tag,
.topzixun .toplink-type {
	position: relative;
	top: -1px;
	border: 1px solid #ffe7cf;
	padding: 1px 2px 1px 3px;
	font-size: 12px;
	color: #f90
}

.topzixun .toplink-tag {
	margin-right: 5px;
	border-radius: 1px;
	border-color: #f50;
	color: #f50
}

.topzixun .toplink-type,
.toplink-type {
	float: right;
	top: 5px;
	border-radius: 2px;
	border-color: #f0f0f0;
	color: #bbb
}

.topzixun .toplink-type:hover,
.toplink-type:hover {
	text-decoration: none
}

#box-toplist0 .toppicture {
	padding-bottom: 11px
}

.topzixun .rec-hotsearch {
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 4px;
	background: #fff;
	position: absolute;
	z-index: 12
}

.topzixun .rec-hotsearch a {
	display: block;
	_display: inline-block;
	width: auto;
	height: 28px;
	line-height: 28px;
	margin: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.topzixun .rec-hotsearch a:hover {
	color: #f50;
	text-decoration: underline
}

.topzixun .rec-hotsearch .rec-close {
	right: 0;
	bottom: -10px;
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 13;
	background-repeat: no-repeat;
}

.topzixun .rec-hotsearch .rec-close:hover {
	background-repeat: no-repeat;
}

.topyingshi,
.topyingshi .topyingshi-over {
	 padding-bottom: 10px;
}

.topyingshi .top-scroll-box-bg {
	height: 266px
}

.topyingshi .sublink {
	margin-left: 10px
}

.topyingshi .desc {
	font-size: 12px;
	color: #999;
	float: right;
	line-height: 28px;
	cursor: pointer
}

.topyingshi .rank {
	float: left;
	width: 14px;
	height: 16px;
	margin-top: 6px;
	margin: 6px 5px 0 0;
	_margin-right: 2px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.topyingshi .live {
	float: left;
	width: 14px;
	height: 16px;
	margin-top: 6px;
	margin: 6px 5px 0 0;
	_margin-right: 2px;
	background-color: transparent;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/component/topyingshi/live.1a32c9b.png) no-repeat 0 1px;
	background-size: 14px 14px
}

.topyingshi p {
	width: 260px
}

.toplive .toppicture,
.toplive .toppicture .g-imglink-img {
	object-fit: cover
}

.weather2 {
	margin: 20px 1px 0 52px;
	position: relative;
	white-space: nowrap
}

.weather2-inner {
	*zoom: 1;
	*position: relative;
	*display: inline
}

.weather2-city {
	width: 108px;
	float: left;
	margin-right: 4px;
	position: relative
}

.weather2-city-inner {
	height: 32px;
	padding: 8px;
	float: left
}

.weather2-city-inner:hover,
.weather2__infos:hover {
	background: #f2f4f8
}

.weather2__7day {
	margin-top: 4px
}

.weather2-item {
	display: inline-block;
	float: left;
	*zoom: 1
}

.weather2-item,
.weather2-item:hover {
	color: #444
}

.weather2-modify-btn {
	float: left;
	margin-left: 8px;
	color: #999
}

.weather2-modify-tl {
	margin-left: 2px
}

.weather2__info {
	position: relative;
	padding: 6px 8px 8px;
	float: left;
	width: 116px;
	overflow: hidden;
	color: #444
}

.weather2__yujing-icon {
	display: block;
	background: #104B9C;
	width: 70px;
	height: auto;
	line-height: 0;
	color: #fff;
	text-indent: 17px;
	border-radius: 2px;
	overflow: hidden
}

.weather2__yujing-item {
	display: block;
	height: 16px;
	line-height: 16px
}

.weather2__link {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 3
}

.weather2__tomorrow {
	_width: 66px
}

.weather2__infos {
	position: relative
}

.weather2__desc {
	overflow: hidden;
	padding: 2px 0 0 8px;
	*padding-left: 5px
}

.weather2__slider {
	position: relative;
	height: 16px;
	overflow: hidden
}

.weather2__slider-item {
	position: relative;
	top: 0
}

.weather2__info-icon {
	position: relative;
	float: left;
	display: inline;
	*zoom: 1;
	width: 38px;
	height: 35px;
	background-repeat: no-repeat
}

.weather2__static3 {
	background-repeat: no-repeat;
}

.weather2__today-icon,
.weather2__tomorrow-icon {
	width: 19px;
	height: 19px;
	position: absolute;
	right: 0;
	bottom: 0
}

.weather2__today-icon {
	background-repeat: no-repeat;
}

.weather2__tomorrow-icon {
	background-repeat: no-repeat;
}

.weather2__info-txt {
	display: block;
	height: 16px;
	line-height: 16px;
	*zoom: 1
}

.weather2__temperature {
	font-family: arial;
	margin: 4px 0 0
}

.weather2__pm25-text {
	text-align: center;
	height: 16px;
	line-height: 16px;
	background: #f50;
	color: #fff;
	border-radius: 2px;
	padding: 0 2px
}

.weather2__city-modify-panel {
	position: absolute;
	top: 0;
	left: -10px;
	z-index: 301;
	padding: 10px;
	height: 115px;
	background: #f5f7f7
}

.weather2__city-select {
	float: left;
	margin: 0 0 4px;
	width: 100px
}

.weather2__city-select-wrap {
	*zoom: 1;
	width: 100px
}

.weather2__city-select-wrap:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.weather2__city-btn {
	display: inline-block;
	vertical-align: top;
	*zoom: 1;
	*margin-top: 10px;
	text-align: center;
	cursor: pointer
}

.weather2__city-btn,
.weather2__city-btn:hover {
	color: #666
}

.weather2__city-btn--save {
	border: 1px solid #d2d9e8;
	width: 42px;
	height: 16px;
	line-height: 16px;
	background: #fff;
	color: #333
}

.weather2__city-btn--save:hover {
	text-decoration: none
}

.weather2__city-change {
	margin-bottom: 10px
}

.weather2__city-btn--cancel {
	margin-left: 6px;
	color: #999
}

.weather2__city-btn--cancel:hover {
	color: #444
}

.weather-tips {
	display: none;
	*zoom: 1;
	position: absolute;
	top: 50px;
	right: -6px;
	z-index: 210;
	border: 1px solid #e9e9e9;
	border-radius: 2px;
	padding: 0 10px;
	height: 22px;
	line-height: 21px;
	color: #c78544;
	text-align: center;
	background: #fff
}

.weather-tips .weather-tips-tr {
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -3px;
	width: 7px;
	height: 5px;
	background-repeat: no-repeat;
}

.weather-tips .weather-tips-icon {
	position: relative;
	top: 2px;
	vertical-align: top;
	margin-right: 2px;
	width: 16px;
	height: 16px
}

.headwise {
	display: none;
	margin-top: 3px;
	position: relative;
	*zoom: 1
}

.headwise__icon {
	width: 12px;
	height: 11px;
	float: left;
	margin: 2px 5px 0 0;
	background-repeat: no-repeat;
}

.headwise .headwise__pop {
	padding: 13px 10px 18px;
	position: absolute;
	background: #f2f4f8;
	left: -10px;
	top: 14px;
	z-index: 8;
	display: none;
	color: #444;
	width: 108px
}

.headwise__erweima {
	display: block;
	margin: 0 auto;
	width: 65px;
	height: 65px
}

.headwise__txt {
	display: block;
	line-height: 15px;
	margin-top: 6px;
	white-space: normal
}

.headwise__btxt {
	color: #1dbd21
}

.headwise__pop-icon {
	width: 26px;
	height: 27px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
}

.headwise:hover .headwise__pop,
.headwise--hover .headwise__pop {
	display: block
}

.login-pan-mobile {
	margin: 28px 0 0 58px
}

.login-pan-mobile .header__item {
	height: auto
}

.login-pan-mobile .header__ovitem {
	float: right;
	width: 156px
}

.login-pan-mobile .header__ovitem .hover-block {
	position: relative;
	padding: 8px 17px 8px 10px;
	top: -8px;
	margin-right: -17px
}

.login-pan-mobile .header__ovitem .hover-block:hover {
	background: #f2f4f8
}

.login-pan-mobile .islogin .hover-block {
	padding: 8px 10px;
	margin-right: -10px
}

.login-pan-mobile .islogin .head_wise .wise__erweima {
	width: 100%
}

.header--r1 {
	margin-left: 31px;
	*width: 156px
}

.header--r2 {
	margin-left: 54px
}

.header--r3 {
	margin-top: 20px;
	width: 121px
}

.login-pan-mobile.joke-mail {
	padding: 8px 8px 8px 0;
	position: relative;
	top: -8px
}

.login-pan-mobile.joke-mail:hover {
	background: #f2f4f8
}

.headlink2 {
	position: relative;
	vertical-align: top
}

.headlink2,
.headlink2__link,
.headlink2__icon,
.headlink2__text {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.headlink2__link {
	position: relative;
	z-index: 302;
	padding: 0;
	color: #444
}

.headlink2__link:hover {
	color: #444;
	text-decoration: underline
}

.headlink2__icon {
	position: relative;
	vertical-align: middle;
	top: -.1em;
	*top: .1em;
	background-repeat: no-repeat;
	cursor: pointer
}

.headlink2__text {
	vertical-align: baseline;
	white-space: normal;
	cursor: pointer
}

.headlink2__text:hover {
	color: #444;
	text-decoration: underline
}

.headlink2 .login__username {
	vertical-align: middle
}

.bottom-banner {
	position: fixed;
	z-index: 2000;
	left: 0;
	width: 100%;
	height: 0;
	bottom: 0;
	font-size: 0;
	line-height: 0
}

.bottom-banner-mask {
	position: absolute;
	width: 100%
}

.bottom-banner-link,
.bottom-banner-close {
	position: absolute;
	top: 0;
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer
}

.bottom-banner-link-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%
}

.bottom-banner-link {
	left: 50%
}

.bottom-banner-ad-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 44px;
	height: 28px
}

.bottom-banner-close-wrapper {
	position: relative;
	z-index: 2001;
	margin: auto;
	width: 1190px
}

.bottom-banner-small {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -9px;
	height: 0
}

.bottom-bannerv2 {
	left: 50%;
	width: 200px;
	margin-left: 395px
}

.bottom-banner-close-wrapperv2 {
	width: 100%
}

.bottom-banner-linkv2 {
	left: 0
}

.coolsites-wrapper {
	position: relative;
	margin-bottom: 10px;
	padding: 9px 0 40px;
	background-color: #fff;
	border: 1px solid #DEE3EB
}

.coolsites-wrapper ul .site-item {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 102px;
	height: 20px;
	line-height: 20px;
	padding: 6px 0 3px;
	vertical-align: top;
	font-size: 14px;
	color: #333
}

.coolsites-wrapper ul .site-item .sitelink:hover {
	text-decoration: underline;
	color: #f50
}

.coolsites-wrapper ul .site-item .no-icon {
	padding: 0
}

.coolsites-wrapper ul .site-item .icon-site {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 18px;
	padding-left: 16px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position-y: 2px
}

.coolsites-wrapper ul .site-item .main-site {
	padding-right: 4px
}

.coolsites-wrapper ul .site-item .sub-site {
	padding-left: 4px
}

.coolsites-wrapper ul .site-item:hover .coolsiteresource-tip {
	display: none
}

.coolsites-wrapper ul .site-item:hover .coolsiteresource_container {
	display: block
}

.coolsites-wrapper ul .site-item .inline-block-wrapper {
	display: inline-block;
	position: relative;
	margin-left: -20px
}

.coolsites-wrapper ul .first {
	width: 61px;
	margin-left: 30px
}

.coolsites-wrapper ul .first a {
	color: #0AA770
}

.coolsites-wrapper ul .first a:hover {
	text-decoration: underline
}

.coolsites-wrapper ul .last {
	width: 42px;
	float: right;
	*float: none;
	text-align: right;
	margin-right: 30px
}

.coolsites-wrapper ul .last a {
	font-size: 12px;
	color: #666
}

.coolsites-wrapper ul .last a:hover {
	color: #f30;
	text-decoration: underline
}

.coolsites-wrapper .coolsitead-tip {
	display: inline-block;
	position: relative;
	top: 2px;
	left: 6px;
	width: 18px;
	height: 14px;
	margin-left: -3px;
	padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat
}

.coolsites-wrapper .coolsiteresource-tip {
	top: -2px
}

.coolsites-wrapper .coolsiteresource_container {
	display: none;
	position: absolute;
	width: 141px;
	height: 105px;
	z-index: 1;
	top: -2px;
	right: -142px;
	background-repeat: no-repeat
}

.coolsites-wrapper .triup {
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/coolsites/up.44f5781.png)
}

.coolsites-wrapper .tridown {
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/coolsites/drop.b084916.png)
}

.coolsites-wrapper .coolsitead-container {
	width: 100%;
	*height: 78px;
	position: relative;
	text-align: center;
	padding: 10px 0;
	background-color: #f2f4f7;
	border-top: solid 1px #dee3eb;
	border-bottom: solid 1px #dee3eb;
	font-size: 12px;
	color: #333
}

.coolsites-wrapper .coolsitead-container a:hover {
	color: #f50;
	text-decoration: underline
}

.coolsites-wrapper .coolsitead-container .close {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-repeat: no-repeat;
}

.coolsites-wrapper .coolsitead-container .toptri {
	width: 0;
	height: 0;
	position: absolute;
	border-width: 8px 6px;
	border-style: dashed dashed solid;
	border-color: transparent;
	left: 50%
}

.coolsites-wrapper .coolsitead-container .con {
	width: 0;
	height: 0;
	position: absolute;
	border-width: 8px 6px;
	border-style: dashed dashed solid;
	border-color: transparent;
	left: 50%;
	border-bottom-color: #f2f4f7;
	top: -15px;
	z-index: 10
}

.coolsites-wrapper .coolsitead-container .bor {
	width: 0;
	height: 0;
	position: absolute;
	border-width: 8px 6px;
	border-style: dashed dashed solid;
	border-color: transparent;
	left: 50%;
	border-bottom-color: #dee3eb;
	top: -16px
}

.coolsites-wrapper .coolsitead-container .adlist2 .item {
	width: 190px;
	height: 22px;
	line-height: 22px;
	display: inline-block;
	text-align: left;
	overflow: hidden;
	white-space: nowrap
}

.coolsites-wrapper .coolsitead-container .adlist2 .item-text {
	display: inline-block;
	vertical-align: top
}

.coolsites-wrapper .coolsitead-container .adlist2 .item .icon {
	padding-left: 18px
}

.coolsites-wrapper .coolsitead-container .adlist2 .item .re {
	background-repeat: no-repeat;
}

.coolsites-wrapper .coolsitead-container .adlist2 .item .jian {
	background-repeat: no-repeat;
}

.coolsites-wrapper .coolsitead-container .adlist2 .item .bot {
	margin-right: 10px;
	color: #d4dae4
}

.coolsites-wrapper .coolsitead-container .adlist3 .item {
	width: 80px\9;
	display: inline-block;
	margin: 0 10px;
	overflow: hidden
}

.coolsites-wrapper .coolsitead-container .adlist3 .item-img {
	width: 80px;
	height: 55px;
	border-radius: 6px
}

.coolsites-wrapper .coolsitead-container .adlist3 .item-text {
	display: block;
	max-width: 7em;
	margin-top: 8px;
	white-space: nowrap;
	text-align: center
}

.coolsites-wrapper .coolsitead-container .adlist1 {
	height: 75px;
	overflow: hidden;
	padding: 0 89px
}

.coolsites-wrapper .coolsitead-container .adlist1 .item {
	display: inline-block;
	height: 75px;
	position: relative;
	margin: 0 6px;
	vertical-align: middle;
	text-align: center
}

.coolsites-wrapper .coolsitead-container .adlist1 .item-img {
	width: 95px;
	height: 60px
}

.coolsites-wrapper .coolsitead-container .adlist1 .item-text {
	display: block;
	width: 95px;
	line-height: 15px;
	height: 15px;
	overflow: hidden;
	margin-top: 2px;
	white-space: nowrap;
	text-align: center
}

.coolsites-wrapper .coolsitead-container .adlist1 .first {
	position: relative
}

.coolsites-wrapper .coolsitead-container .adlist1 .first .item-img {
	width: 145px;
	height: 75px
}

.coolsites-wrapper .coolsitead-container .adlist1 .first .item-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 145px;
	max-width: 145px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, .6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)\9;
	display: none
}

.coolsites-wrapper .coolsitead-container .adlist1 .first:hover .item-text {
	display: block
}

.coolsites-wrapper.nohoverbg:hover {
	background: #fff
}

.user-box {
	position: absolute;
	left: 50%;
	margin-left: 318px;
	display: block;
	top: 12px;
	z-index: 300
}

.user-box-fix {
	position: fixed
}

.header {
	margin: auto;
	text-align: right;
	position: relative;
	top: -10px;
	width: 100%;
	min-width: 1190px;
	height: 110px;
	z-index: 101;
	*z-index: 900;
	background: #fff;
	border-bottom: 1px solid #D1D8E5
}

.header .search {
	position: absolute;
	left: 0;
	min-width: 746px;
	*width: 805px;
	
}

.header-fix {
	position: fixed;
	width: 100%;
	top: 0;
	height: 200px;
	opacity: 0;
	background: #fff;
	-moz-box-shadow: 0 1px 8px #c7c7c7;
	-webkit-box-shadow: 0 1px 8px #c7c7c7;
	box-shadow: 0 1px 8px #c7c7c7;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transform: translateY(-200px)
}

.header-fix .search {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -595px
}

.header-fix-show {
	z-index: 200;
	opacity: 1;
	transform: translateY(-126px)
}

#box-hotlist .bangdan-hotlist-box {
	border: 1px solid #DEE3EB;
	margin-bottom: 10px;
	height: 506px;
	width: 280px;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fff
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	padding:5px 19px;
	line-height:30px;
	margin:5px 0;
	outline: 0;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	display: flex;
	justify-content: space-between
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .hotlist-tab-item,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .hotlist-tab-item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-right: 19px;
	color: #333;
	font-size: 16px;
	cursor: pointer
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .hotlist-tab-item:last-child,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .hotlist-tab-item:last-child {
	margin-right: 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .hotlist-tab-item:hover,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .hotlist-tab-item:hover {
	color:#2A5AF6
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .active-hotlist-tab,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .active-hotlist-tab {
	background-color:#2A5AF6;height:30px;line-height:30px; color:#fff;padding:0 10px;border-radius:4px;
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .active-hotlist-tab::after,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .active-hotlist-tab::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	 
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .left-arrow,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .left-arrow,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .right-arrow,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .right-arrow {
	height: 41px;
	padding-left: 4px;
	cursor: pointer
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .left-arrow path,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .left-arrow path,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .right-arrow path,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .right-arrow path {
	transform-origin: 50% 50%
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .left-arrow:hover path,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .left-arrow:hover path,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .right-arrow:hover path,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .right-arrow:hover path {
	fill: #0aa770
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .left-arrow path,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .left-arrow path {
	transform: rotate(0deg)
}

#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-a .right-arrow path,
#box-hotlist .bangdan-hotlist-box .hotlist-tab-list-b .right-arrow path {
	transform: rotate(180deg)
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap {
	width: 100%
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh {
	position: relative;
	display: block;
	height: 32px;
	margin: 0 20px;
	background-color: #fff;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #626675;
	cursor: pointer;
	vertical-align: top
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh::before,
#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh::after {
	content: '';
	position: absolute;
	top: 15px;
	height: 1px;
	width: 74px;
	background-color: #f5f5f6
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh::before {
	left: 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh::after {
	right: 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh .hotlist-refresh-icon {
	height: 32px;
	margin-left: 4px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh .hotlist-refresh-icon,
#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh span {
	vertical-align: top
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh:hover {
	background-color: #fafbfc;
	color: #ff5502
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh:hover::before,
#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh:hover::after {
	display: none
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-refresh:hover .hotlist-refresh-icon path {
	fill: #ff5502
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box {
	width: 100%;
	height: 417px;
	overflow: hidden
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item {
	display: block;
	width: 100%;
	min-height: 32px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal,
#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover {
	box-sizing: border-box;
	padding: 0 19px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal {
	height: 32px;
	overflow: hidden;
	visibility: visible;
	opacity: 1;
	transition: all .3s
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal .hotlist-item-index,
#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal .hotlist-item-title,
#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal .hotlist-item-score,
#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal .hotitem-status-icon {
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
	margin: 8px 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal .hotlist-item-index {
	width: 20px;
	margin: 8px 2px;
	font-size: 16px;
	color: #9195A3
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal .hotlist-item-title {
	width: 160px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal .hotlist-item-score {
	width: 40px;
	font-size: 13px;
	color: #bbb;
	margin-right: 8px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal .hotitem-status-icon {
	height: 16px;
	width: 16px;
	margin: 8px -4px;
	box-sizing: border-box;
	padding-top: 1px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-normal:hover .hotlist-item-title {
	color: #FF5502;
	text-decoration: underline
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover {
	visibility: hidden;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all .3s;
	background-color: #fafbfc
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-img-box,
#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-info {
	display: inline-block;
	vertical-align: top
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-img-box {
	position: relative;
	margin-right: 12px;
	height: 80px;
	width: 80px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-img-box .hotlist-img-border {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, .05)
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-img-box .hotlist-item-img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-img-box .hotlist-item-order {
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: #9195A3
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-img-box:hover+.hotlist-item-info .hotlist-item-info-title {
	color: #ff5502;
	text-decoration: underline
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-info {
	width: 138px;
	min-height: 56px;
	margin: 5px 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-info .hotlist-item-info-title {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 14px;
	line-height: 14px;
	color: #333;
	font-size: 14px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-info .hotlist-item-info-title span:hover {
	color: #ff5502;
	text-decoration: underline
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-info .hotlist-item-info-text {
	height: 14px;
	line-height: 14px;
	font-size: 13px;
	color: #999;
	margin-top: 8px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-item-hover .hotlist-item-more .hotlist-item-info .hotlist-item-info-text .hotitem-status-icon {
	vertical-align: top;
	margin-left: 4px;
	box-sizing: border-box
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-img_80_80 .hotlist-item-more .hotlist-item-img-box {
	height: 80px;
	width: 80px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-img_80_80 .hotlist-item-more .hotlist-item-info {
	margin: 12px 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-img_80_106 .hotlist-item-more .hotlist-item-img-box {
	height: 106px;
	width: 80px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-img_80_106 .hotlist-item-more .hotlist-item-info {
	margin: 12px 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-img_90_67 .hotlist-item-more .hotlist-item-img-box {
	height: 67px;
	width: 90px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-item .hotlist-img_90_67 .hotlist-item-more .hotlist-item-info {
	margin: 5px 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-index-first .hotlist-item-normal .hotlist-item-index {
	color: #FE2D46
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-index-first .hotlist-item-hover .hotlist-item-more .hotlist-item-img-box .hotlist-item-order {
	background-color: #FE2D46
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-index-second .hotlist-item-normal .hotlist-item-index {
	color: #FF5900
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-index-second .hotlist-item-hover .hotlist-item-more .hotlist-item-img-box .hotlist-item-order {
	background-color: #FF5900
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-index-third .hotlist-item-normal .hotlist-item-index {
	color: #FAA90E
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-index-third .hotlist-item-hover .hotlist-item-more .hotlist-item-img-box .hotlist-item-order {
	background-color: #FAA90E
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-detail .hotlist-item-hover {
	margin: 8px 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-detail .hotlist-item-normal {
	visibility: hidden;
	height: 0;
	opacity: 0
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-detail .hotlist-item-hover {
	visibility: visible;
	opacity: 1
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-detail .hotlist-img_80_80 {
	height: 80px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-detail .hotlist-img_80_106 {
	height: 106px
}

#box-hotlist .bangdan-hotlist-box .hotlist-wrap .hotlist-box .hotlist-detail .hotlist-img_90_67 {
	height: 67px
}

.shadow {
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .11);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .11);
	box-shadow: 0 0 6px rgba(0, 0, 0, .11)
}

.font {
	color: #333;
	font-size: 14px
}

.searchWrapper {
	position: relative;
	top: 10px;padding-top: 10px;
	*z-index: 999;
	width: 1190px;
	height: 46px;
	margin: 0 auto
}

.fixed-search {
	padding-top: 99px;
	-padding-top: 0
}

.fixed-search #topColumn {
	visibility: hidden
}

.fixed-search .header {
	z-index: 1000;
	opacity: 1;
	position: fixed;
	*position: relative;
	top: 0;
	background: #fff;
	-moz-transition: -moz-box-shadow .2s linear;
	-webkit-transition: -webkit-bbox-shadow .2s linear;
	transition: box-shadow .2s linear;
	-moz-box-shadow: 0 1px 8px #c7c7c7;
	-webkit-box-shadow: 0 1px 8px #c7c7c7;
	box-shadow: 0 1px 8px #c7c7c7;
	border-bottom: 0
}

.fixed-search .header .notice {
	display: none
}

.fixed-search .header .notice-fixed {
	display: block;
	position: absolute;
	top: 15px;
	*right: 0
}

.search .main-logo {
	height: 40px;
	margin-right: 18px;
	vertical-align: bottom
}

.search .main-logo img {
	width: 128px;
	height: 40px;
	margin-top: -2px
}

.search .erji-logo {
	margin-right: 20px
}

.search .tabs-toggle {
	cursor: pointer;
	position: absolute;
	top: -1px;
	left: 146px;
	*left: 145px;
	z-index: 111;
	*z-index: 1000;
	padding: 0 10px;
	width:45px;
	height: 44px;
	text-align: left;
	font: 400 12px/45px MicrosoftYaHei;
	text-decoration: none;
	color: #9195a3;
	padding-left: 16px
}

.search .tabs-toggle:hover>.arrow {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/search/arrowhover1.ad0fe3c.png) no-repeat center;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/search/arrowhover.17a7b06.png) no-repeat center / contain
}

.search .tabs-toggle .arrow {
	overflow: hidden;
	position: absolute;
	top: 16px;
	left: 44px;
	width: 11px;
	height: 12px;
	text-indent: -999px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/search/tabarrow1.bc49fe6.png) no-repeat center;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/search/tabarrow.51effee.png) no-repeat center / contain
}

.search .tabs-toggle-open .arrow {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/search/tabarrow2.6497c56.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.search .tabs-toggle-open:hover>.arrow {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/search/arrowhover2.7aa86f6.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.search .tabs {
	display: none;
	position: absolute;
	top: 42px;
	left: 146px;
	*left: 145px;
	z-index: 776;
	border: 2px solid #4E6EF2;
	border-top: 0;
	background: #fff;
	border-radius: 0 0 10px 10px
}

.search .tabs .padding-ele {
	position: absolute;
	top: -8px;
	left: -2px;
	height: 8px;
	width: 58px;
	display: block;
	border-left: 2px solid #4E6EF2;
	background-color: #fff
}

.search .tabs .tab {
	display: block;
	padding-left: 14px;
	width: 42px;
	height: 24px;
	text-align: left;
	font: 400 12px/24px MicrosoftYaHei;
	color: #9195a3;
	position: static
}

.search .tabs .last-tab {
	position: relative;
	margin-bottom: 7px
}

.search .tabs .last-tab:after {
	content: ">";
	position: absolute;
	top: -1px;
	right: 8px
}

.search .tabs .curr,
.search .tabs-hover .tab:hover {
	text-decoration: none;
	color: #333;
	background: #f5f5f6
}

.search .tabs-hover .tab {
	background: transparent
}

.search .tabs-hover .curr {
	color: #9195a3
}

.search .hotword {
	position: absolute;
	right: 14px;
	top: 11px;
	width: 18px;
	height: 18px;
	text-indent: -99999px;
	z-index: 12
}

.search .hotword:hover {
	text-decoration: none
}

.search .hot-num {
	display: block;
	width: 18px;
	height: 18px;
	text-indent: 0;
	text-align: center;
	color: #fff;
	cursor: pointer;
	line-height: 18px;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	border-radius: 20px;
	background-color: #FC561F
}

.search .hotword-off .hot-num {
	display: block;
	color: #9195a3;
	background-color: #F5F5F6
}

.search .hotword-on {
	overflow: hidden;
	border-radius: 20px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/search/hotnum3.a6b70c9.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.search .hotword-on:hover {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/search/hothover.cb7ff95.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.search .hotword-on .hot-num {
	display: none
}

.search .hotword-off .hot-num:hover {
	color: #626675
}

.logoBig {
	font-size: 42px
}

.searchForm {
	position: relative;
	z-index: 110;
	*height: 46px;
	margin: 0 auto
}

.textWrapper {
	position: relative;
	height: 40px;
	*z-index: 999;
	border-right: 0;
	background: 0 0;
	border-radius: 10px 0 0 10px;
	border: 2px solid #4E6EF2;
	border-right: 0
}

.textWrapper img {
	margin-left: 16px;
	height: 17px;
	width: 16px
}

.textInput {
	width:520px;
	height: 16px;
	line-height: 16px;
	padding: 12px 33px 12px 15px;
	margin-left: 51px;
	caret-color: #333;
	border: 0;
	*border: 0 none;
	background: 0 0;
	font-size: 16px;
	color: #333;
	font-family: "Microsoft YaHei"
}

.textInput::-webkit-input-placeholder {
	color: #c4c7ce
}

.textInput:-moz-placeholder {
	color: #c4c7ce
}

.textInput::-moz-placeholder {
	color: #c4c7ce
}

.textInput:-ms-input-placeholder {
	color: #c4c7ce
}

.submitWrapper {
	position: relative
}

.submitWrapper .submitInput {
	width: 112px;
	height: 44px;
	*height: 46px;
	background-color: #4E6EF2;
	border: 0;
	*border: 0 none;
	color: #fff;
	font-size: 17px;
	border-radius: 0 10px 10px 0
}

.submitWrapper .submitInput:hover {
	background-color: #4662d9
}

.submitWrapper .searchIcon {
	position: absolute;
	height: 21px;
	width: 21px;
	left: 32px;
	top: 12px
}

.all-hot-search-wrapper {
	overflow: hidden;
	position: absolute;
	left: 215px;
	top: 12px;
	width: 443px;
	height: 20px
}

.all-hot-search-wrapper .all-hot-search {
	position: absolute;
	top: 0;
	left: 0
}

.all-hot-search-wrapper .all-hot-search .hot-search {
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	text-align: left;
	color: #9195a3
}

.suggest-search {
	position: absolute;
	top: 33px;
	left: -2px;
	z-index: 999;
	*z-index: 555;
	width: 542px;
	font-family: Arial, "PingFang SC", Helvetica, "Microsoft YaHei", SimSun;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	border: 2px solid #4E6EF2;
	border-top: 0;
	padding-bottom: 8px
}

.suggest-search .suggest-item {
	color: #333;
	font-size: 14px;
	height: 26px;
	padding-left: 16px;
	line-height: 26px;
	text-align: left;
	cursor: pointer
}

.suggest-search .suggest-item.selected {
	background-color: #F6F6F6
}

.sug-wrap {
	font-family: Arial, "PingFang SC", Helvetica, "Microsoft YaHei", SimSun;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	background-color: #fff;
	position: absolute;
	top: 42px;
	width: 460px
}

.sug-wrap li {
	color: #333;
	font-size: 14px;
	height: 26px;
	padding-left: 16px;
	line-height: 26px;
	text-align: left;
	cursor: pointer
}

.sug-wrap li:first-child {
	margin-top: 13px
}

.sug-wrap li:last-child {
	margin-bottom: 13px
}

.sug-wrap li.selected {
	background-color: #F6F6F6
}

.suggest-search .suggest-item {
	padding: 2px 0 2px 14px;
	font: 14px \5B8B\4F53;
	font-family: MicrosoftYaHei;
	height: 26px;
	line-height: 26px;
	position: relative
}

.suggest-search b {
	font-weight: 400
}

.suggest-search .tag-type {
	float: right;
	color: #9195A3;
	font-size: 13px;
	margin-right: 14px;
	display: none
}

.suggest-search .ebeef3 {
	color: #ebeef3
}

.suggest-search .lishi {
	margin-left: 16px
}

.suggest-search .hover .lishi:hover {
	color: #222;
	margin-left: 16px
}

.hao123-indexsearchlist1 .suggest-search .history b {
	font-weight: 400;
	color: #222
}

.hao123-indexsearchlist1 .suggest-search .history .suggest-text {
	color: #222
}

.hao123-indexsearchlist1 .suggest-search .history .suggest-text b {
	margin-left: 0
}

.hao123-indexsearchlist1 .suggest-search .tag-type {
	display: block
}

.hao123-indexsearchlist1 .suggest-search .tag-type.hide {
	display: none
}

.hao123-indexsearchlist1 .suggest-search .tag-type.sugdel {
	display: none
}

.suggest-search i {
	font-size: 12px;
	padding-left: 5px
}

.suggest-search .info {
	font-size: 12px;
	font-weight: 400
}

.suggest-search .icon {
	padding-right: 8px
}

.suggest-search .define {
	font-weight: 700;
	padding-left: 18px
}

.suggest-search .hot-icon {
	display: inline-block;
	height: 16px;
	line-height: 18px;
	font-size: 14px
}

.suggest-search .hot-icon-index {
	width: 18px;
	margin-right: 2px;
	text-align: left;
	color: #fff;
	font-family: arial
}

.suggest-search .sort-hot-num {
	float: right;
	margin-right: 14px;
	font-family: MicrosoftYaHei;
	font-size: 13px;
	color: #9195A3
}

.suggest-search .hot-icon-red {
	color: #FE2D46
}

.suggest-search .hot-icon-orange {
	color: #F60
}

.suggest-search .hot-icon-green {
	color: #FAA90E
}

.suggest-search .hot-icon-dark {
	color: #9195A3
}

.suggest-search .hot-icon-new {
	width: 12px;
	height: 9px;
	margin: 0;
	background: 0 0;
	position: relative;
	bottom: 2px;
	left: 3px
}

.suggest-icon {
	width: 16px;
	height: 16px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 6px;
	margin-left: 8px;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 16px;
	text-align: center;
	color: #fff;
	border-radius: 4px
}

.icon-1 {
	background-color: #FF455B
}

.icon-2 {
	background-color: #3CA6FF
}

.icon-3 {
	background-color: #FF9812
}

.icon-4 {
	background-color: #FF7413
}

.icon-5 {
	background-color: #D61A6E
}

.suggest-search .list-hook {
	zoom: 1
}

.suggest-search .new-list-header {
	margin-left: 8px;
	margin-right: 8px;
	width: 527px;
	height: 2px;
	background: #F5F5F6;
	border-radius: 1px;
	margin-top: 7px
}

.suggest-search .footer-hook {
	font-size: 13px;
	color: #9195A3;
	line-height: 28px;
	height: 28px;
	z-index: 990;
	padding: 0 14px;
	display: none;
	border-radius: 0 0 10px 10px
}

.suggest-search .footer-hook a {
	cursor: pointer;
	color: #9195A3
}

.suggest-search .footer-hook a:hover {
	color: #222
}

.suggest-search .footer-hook .fl {
	float: left
}

.suggest-search .footer-hook .fr {
	float: right
}

.suggest-search .footer-hook .close-history-sug,
.suggest-search .footer-hook .close-history {
	font-size: 14px
}

.suggest-search .hotword-tip a {
	color: #0053a5
}

.hao123-indexsearchlist1 .suggest-search li.hover .tag-type.sugdel {
	display: block
}

.singlesite-frame {
	width: 185px;
	margin: 0 5px 5px 0;
	position: relative;
	z-index: 9
}

.singlesite-frame:hover .singlesite-handler {
	display: block
}

.singlesite-frame:hover .default-singlesite {
	-moz-box-shadow: 0 0 8px #ddd;
	-webkit-box-shadow: 0 0 8px #ddd;
	box-shadow: 0 0 8px #ddd
}

.singlesite-frame:hover .default-singlesite .folder-icon {
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/sitemanage/website/website-content/img/file-icon@2x.8b11858.png)
}

.singlesite-frame .singlesite-icon {
	margin: 11px 10px 11px 0;
	line-height: 0
}

.singlesite-frame .folder-icon {
	width: 20px;
	height: 18px;
	margin: 12px 10px 12px 0;
	background-size: 20px auto;
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/sitemanage/website/website-content/img/file-icon@2x.8b11858.png)
}

.singlesite-frame .singlesite-text {
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px
}

.singlesite-frame .default-singlesite {
	background-color: #fbfbfb;
	border: 1px solid #fbfbfb;
	width: 154px;
	height: 42px;
	line-height: 42px;
	padding: 0 9px 0 20px;
	cursor: pointer
}

.singlesite-frame .singlesite-handler {
	display: none;
	position: absolute;
	height: 20px;
	width: 20px;
	right: 3px;
	bottom: 7px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/img/handler@2x.0982591.png) center center no-repeat;
	background-size: 14px 14px
}

.sites-wrapper {
	width: 1190px;
	height: 264px;
	margin-bottom: 20px;
	background-color: #fff
}

.popup-site-w {
	position: absolute;
	top: 0;
	left: 175px;
	width: 1088px
}

.popup-site-shadow {
	float: left;
	width: 1088px;
	background: rgba(0, 0, 0, .3);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#2c000000', EndColorStr='#2c000000')
}

.popup-site {
	float: left;
	font-size: 14px;
	line-height: normal;
	border: 1px solid #c1c1c1;
	background: #fff;
	position: relative;
	top: -2px;
	left: 0;
	_left: -2px
}

.popup-site .g_clr:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.popup-site .item {
	padding-left: 26px;
	width: 105px;
	text-decoration: none;
	color: #333;
	float: left;
	height: 23px;
	line-height: 23px;
	line-height: 26px\9;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.popup-site .item-added {
	color: #666
}

.popup-site .item-added-added:hover {
	color: #666;
	text-decoration: none
}

.popup-site .item-normal:hover,
.popup-site .item-add:hover {
	color: #fff;
	text-decoration: none
}

.popup-site .item-move {
	margin: 0;
	position: absolute;
	z-index: 255
}

.popup-site .important a.item-normal {
	color: #f30
}

.popup-site .important a.item-normal:hover {
	color: #fff
}

.popup-site-layer {
	position: absolute;
	height: 588px;
	width: 750px;
	background-color: #838581;
	z-index: 599;
	top: 106px;
	left: 86px
}

.popup-site-head {
	height: 36px;
	position: relative;
	background: #fcfcfc;
	border-bottom: 1px solid #f2f2f2;
	width: 1088px;
	overflow: hidden
}

.popup-site-head span {
	position: absolute;
	left: 16px;
	top: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #333;
	width: 95px
}

.popup-site-head a {
	float: right;
	display: inline;
	margin-right: 15px;
	font-size: 12px;
	margin-top: 12px;
	color: #0053a5
}

.popup-site-head a:hover {
	color: #f30
}

.popup-site-head .close {
	height: 23px;
	width: 23px;
	margin-top: 7px
}

.popup-site-self {
	background: #f7f7f7
}

.popup-site-self-sites {
	position: relative;
	width: 1074px;
	padding: 9px 0 15px 14px;
	overflow: hidden
}

.popup-site-self-sites li {
	float: left;
	display: inline;
	margin: 4px 0 4px 5px;
	background: #fff;
	border: 1px dotted #bbb;
	width: 110px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 14px
}

.popup-site-self-sites li:hover {
	border: 1px dotted #000
}

.popup-site-self-sites a,
.popup-site-self-sites span {
	float: left;
	display: inline;
	margin-left: 5px;
	outline: 0
}

.popup-site-self-sites a {
	height: 20px
}

.popup-site-self-sites span {
	color: #999;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 69px;
	cursor: move;
	*line-height: 22px
}

.popup-site-self-sites .modify {
	width: 9px
}

.popup-site-self-sites .delete {
	width: 15px
}

.popup-site-self-fsites li.hover {
	border: 1px dotted #000
}

.popup-site-self-sug {
	position: relative;
	z-index: 100;
	margin-left: 18px;
	padding: 15px 0 15px 6px;
	width: 1064px
}

.popup-site-self-sug lable,
.popup-site-self-sug input,
.popup-site-self-sug a {
	display: inline-block;
	vertical-align: middle
}

.popup-site-self-sug input {
	margin: 0 10px 0 2px;
	border: 2px solid #0aa770;
	padding: 4px 7px 4px 4px;
	width: 300px;
	height: 16px;
	line-height: 16px;
	color: #333;
	background-color: #fff
}

.popup-site-self-sug .error {
	border-color: #e49a9a
}

.popup-site-self-sug .name {
	width: 178px;
	margin-right: 32px
}

.popup-site-self-sug .placeholder {
	line-height: normal;
	position: absolute;
	color: #999;
	font-size: 14px;
	margin: 0;
	cursor: text;
	top: 19px;
	*top: 19px;
	top: 22px \0;
	left: 365px
}

.popup-site-self-sug .placeholder-name {
	left: 90px
}

.popup-site-self-sug a {
	margin-left: 3px;
	cursor: pointer;
	text-align: center
}

.popup-site-self-sug a:hover {
	text-decoration: none
}

.popup-site-self-sug .add {
	width: 69px;
	height: 28px;
	color: #fff;
	margin-left: 0;
	line-height: 28px;
	background-position: 0 -78px;
	background-color: #0aa770
}

.popup-site-self-sug .save {
	color: #1c1c1c;
	width: 71px;
	height: 29px;
	background-position: -60px 0;
	line-height: 29px;
	_line-height: 35px;
	overflow: hidden
}

.popup-site-cms {
	overflow: hidden;
	position: relative;
	clear: both
}

.popup-site-cms dl {
	border-top: 1px solid #f2f2f2;
	padding: 12px 0 27px 110px;
	width: 855px;
	position: relative
}

.popup-site-cms dt {
	position: absolute;
	top: 18px;
	left: 0;
	padding-left: 21px;
	text-align: left;
	color: #666;
	background: #fff
}

.popup-site-cms dd {
	float: left;
	display: inline;
	margin-left: 10px;
	padding-top: 4px;
	line-height: 24px
}

.popup-site-nodata-hint {
	text-align: center;
	font-size: 12px;
	color: #666;
	line-height: 50px
}

.popup-site-loading {
	padding-bottom: 100px;
	height: 155px;
	width: 898px;
	text-align: center
}

.popup-site-loading-pic {
	margin: 70px auto 0;
	width: 220px;
	height: 55px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/sites2/loading.57f735f.png) no-repeat
}

.popup-site-blink {
	border-top: 1px solid #e6e6e6;
	background-color: #f7f7f7;
	_z-index: 900;
	_position: relative
}

.popup-site-tip-add,
.popup-site-tip-del {
	position: absolute;
	width: 149px;
	height: 27px;
	top: 135px;
	left: 310px;
	z-index: 1;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/sites2/site-tip-fs8.c6b7abf.png) no-repeat
}

.popup-site-tip-del {
	width: 189px;
	height: 36px;
	top: 16px;
	left: 236px;
	background-position: 0 -41px
}

.popup-site-tip-save {
	position: absolute;
	top: 27px;
	right: 42px;
	z-index: 1;
	width: 120px;
	height: 25px;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/sites2/tip_close-ie-fs8.5db5cda.png) no-repeat -3px 0
}

.popup-site-tip-close,
.popup-site-tip-close2 {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 12px;
	height: 12px;
	text-indent: -1000px;
	overflow: hidden;
	cursor: pointer
}

.popup-site-tip-close2 {
	left: 0;
	top: 12px
}

.popup-site .suggest-site {
	overflow: hidden;
	top: 42px;
	left: 78px;
	z-index: 999;
	border: 1px solid #817F82;
	width: 558px;
	white-space: nowrap;
	font-family: Verdana, SimSun;
	background-color: #fff
}

.popup-site .suggest-site li {
	height: 30px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid #f7f7f7;
	list-style: none;
	line-height: 30px
}

.popup-site .suggest-site span {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.popup-site .suggest-site .name {
	width: 215px;
	color: #323232
}

.popup-site .suggest-site .url {
	width: 230px;
	color: #005a94
}

.popup-site .suggest-site strong {
	font-weight: 700
}

.popup-site .sug-select {
	background-color: #e5eef7
}

.popup-site-hint {
	display: none;
	position: absolute;
	z-index: 999;
	font-size: 12px;
	line-height: 25px
}

.popup-site-hint-sug {
	padding-left: 30px;
	width: 93px;
	height: 35px
}

.popup-site-hint-added {
	padding-left: 35px;
	width: 77px;
	height: 28px
}

.popup-site-hint-noicon {
	padding-left: 6px;
	width: 101px;
	height: 35px
}

.popup-site-hint-save {
	padding-left: 25px;
	width: 176px;
	height: 35px
}

.popup-site-hint-save-forever {
	position: absolute;
	left: 579px;
	top: 26px;
	width: 202px;
	height: 33px;
	z-index: 999;
	cursor: pointer;
	display: none;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/sites2/site-save-hint0928.ea604f1.png) no-repeat
}

.sites2-wrapper {
	position: relative;
	margin-bottom: 10px;
	padding:10px 0 10px;
	transition: all .5s;
	background-color: #fff;
	border: 1px solid #DEE3EB
}

.sites2-wrapper .g-red {
	color: #f50
}

.sites2-wrapper .split-line {
	position: relative;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #F5F6F9;
	margin: 11px 0 9px;
	overflow: hidden
}

.sites2-wrapper .cls_bd {
	padding-right: 21px;
	list-style: none
}

.sites2-wrapper .cls_bd .site-item {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100px;
	height: 20px;
	line-height: 20px;
	margin-left: 23px;
	padding: 6px 0 3px;
	vertical-align: top;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis
}

.sites2-wrapper .cls_bd .site-item .sitelink:hover {
	text-decoration: underline;
	color: #f50
}

.sites2-wrapper .cls_bd .site-item .no-icon {
	padding: 0
}

.sites2-wrapper .cls_bd .site-item .icon-site {
	display: inline-block;
	_display: inline;
	_zoom: 1;
	max-width: 105.5px;
	height: 18px;
	padding-left: 25px;
	_padding-left: 7px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
	background-size: 18px 18px;
	background-repeat: no-repeat
}

.sites2-wrapper .cls_bd .site-item .main-site {
	padding-right: 4px
}

.sites2-wrapper .cls_bd .site-item .sub-site {
	padding-left: 4px;
	*vertical-align: bottom
}

.sites2-wrapper .cls_bd .site-item .fuckie {
	width: 18px;
	height: 18px;
	vertical-align: middle
}

.sites2-wrapper .cls_bd .site-item:hover .siteresource-tip {
	display: none
}

.sites2-wrapper .cls_bd .site-item:hover .siteresource_container {
	display: block
}

.sites2-wrapper .cls_bd .site-item .inline-block-wrapper {
	display: inline-block;
	position: relative
}

.sites2-wrapper .cls_bd .sitelinks-icon {
	position: absolute;
	top: 8px;
	display: inline-block;
	cursor: pointer;
	margin-left: 4px;
	width: 9px;
	height: 5px;
	background-repeat: no-repeat;
}

.sites2-wrapper .cls_bd .sitelinks-open-down {
	background-repeat: no-repeat;
}

.sites2-wrapper .cls_bd .sitelinks {
	display: none;
	margin-top: 3px;
	background: #fafafa;
	width: 82px;
	position: absolute;
	border: 1px solid #ececec
}

.sites2-wrapper .cls_bd .sitelinks a {
	display: block;
	padding: 3px 8px;
	text-align: center
}

.sites2-wrapper .cls_bd .sitelinks a:hover {
	text-decoration: underline;
	color: #f50
}

.sites2-wrapper .cls_bd .siteresource-tip {
	top: -2px;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	width: 12px;
	height: 12px;
	margin-left: 4px;
	z-index: 1;
	cursor: pointer;
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/sites2/siteresourcetip.9dcc0a1.gif)
}

.sites2-wrapper .cls_bd .siteresource_container {
	display: none;
	position: absolute;
	width: 141px;
	height: 105px;
	z-index: 2;
	top: -2px;
	right: -142px;
	background-repeat: no-repeat;
}

.sites2-wrapper .cls_bd .siteresource-link {
	width: 141px;
	height: 105px;
	display: block;
	position: relative;
	padding: 0
}

.sites2-wrapper .cls_bd .siteresource-title {
	display: block;
	width: 138px;
	height: 12px;
	line-height: 12px;
	padding: 7px 0 0 3px;
	text-align: center;
	font-size: 12px;
	color: #666;
	overflow: hidden
}

.sites2-wrapper .cls_bd .siteresource-img {
	position: absolute;
	width: 130px;
	height: 75px;
	left: 7px;
	bottom: 6px
}

.sites2-wrapper .cls_bd .site-item-add {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 18px;
	line-height: 18px;
	margin: 6px 0 0 25px;
	padding-left: 25px;
	cursor: pointer;
	vertical-align: middle
}

.sites2-wrapper .cls_bd .site-item-add:hover span {
	color: #0FA771
}

.sites2-wrapper .cls_bd .site-item-add:hover i {
	background-repeat: no-repeat;
}

.sites2-wrapper .cls_bd .site-item-add span {
	color: #a6a6a6
}

.sites2-wrapper .cls_bd .site-item-add i {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-repeat: no-repeat;
}

.sites2-wrapper .site-manage {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	cursor: pointer;
	width: 33px;
	height: 33px;
	background-repeat: no-repeat;
}

.sites2-wrapper .login-tip {
	position: relative;
	height: 30px;
	line-height: 30px;
	margin-bottom: -11px;
	font-size: 12px;
	text-align: center;
	background: #fdfff1
}

.sites2-wrapper .login-tip .tiplink {
	color: #0aa770
}

.sites2-wrapper .login-tip .tipbtn {
	margin: 5px 0 0 10px;
	padding: 0 15px;
	height: 20px;
	line-height: 20px;
	border-radius: 2px;
	background: #0aa770
}

.sites2-wrapper .login-tip .tipbtn:hover {
	text-decoration: none;
	background: #0aa770
}

.sites2-wrapper .login-tip .tipclz {
	position: absolute;
	top: 2px;
	right: 2px;
	height: 12px;
	width: 12px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.sites2-wrapper .login-tip .tipclz:hover {
	background-repeat: no-repeat;
}

.sites2-wrapper .login-tip .tipclz:active {
	top: 3px
}

.sites2-wrapper .nodata {
	text-align: center;
	line-height: 45px;
	font-size: 12px
}

.sites2-wrapper .nodata a {
	margin: 0 3px;
	color: #0053A5
}

.sites2-wrapper .nodata a:hover {
	color: #f30
}

.popup-site {}

.popup-site .item-added {
	background-repeat: no-repeat;
}

.popup-site .item-normal:hover,
.popup-site .item-add:hover {
	background-repeat: no-repeat;
}

.popup-site-head .close {
	background-repeat: no-repeat;
}

.popup-site-head .close:hover {
	background-repeat: no-repeat;
}

.popup-site-self-sites .modify {
	background-repeat: no-repeat;
}

.popup-site-self-sites .modify:hover {
	background-repeat: no-repeat;
}

.popup-site-self-sites .delete {
	background-repeat: no-repeat;
}

.popup-site-self-sites .delete:hover {
	background-repeat: no-repeat;
}

.popup-site-hint-sug {
	background-repeat: no-repeat;
}

.popup-site-hint-added {
	background-repeat: no-repeat;
}

.popup-site-hint-noicon {
	background-repeat: no-repeat;
}

.popup-site-hint-save {
	background-repeat: no-repeat;
}

.popup-site-hint-save-forever {
	background: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/sites2/site-save-hint0928.ea604f1.png) no-repeat
}

.popup-site-holder {
	position: relative;
	top: -135px;
	left: -202px;
	z-index: 999;
	width: 960px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0
}

.g-th {
	height: 30px;
	line-height: 30px
}

.g-ibv {
	display: inline-block;
	vertical-align: top
}

.g-hl:hover {
	text-decoration: underline
}

.g-r {
	float: right
}

#topColumn {
	background-color: #fff;
	width: 100%;
	position: relative;
	z-index: 555
}

#topColumn .column-layout a {
	color: #333;
	font-size: 14px
}

#topColumn .column-layout {
	height: 30px;
	margin: 0 auto;
	padding: 0 30px
}

#topColumn .goback-btn {
	margin-left: 14px
}

#topColumn .hao123-logo {
	display: inline-block;
	width: 56px;
	height: 16px;
	margin: 5px 5px 0 0
}

#topColumn .hao123-logo img {
	vertical-align: top
}

.layout-header {
	position: relative;
	z-index: 220;
	height: 86px;
	zoom: 1
}

.layout-header .page-width {
	margin: 0 auto;
	width: 1190px;
	height: 100%;
	box-sizing: border-box;
	padding-top: 27px;
	font-size: 12px;
	line-height: 1;
	color: #333
}

.layout-header .page-width .header-line {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px
}

.layout-header .page-width .header-line:first-child {
	margin-left: 0
}

.layout-header .page-width .header-line .line-item {
	height: 19px;
	line-height: 18px;
	cursor: pointer;
}

.layout-header .page-width .header-line .line-item:hover {
	text-decoration: underline
}

.layout-header .page-width .new-head-icon {
	display: inline-block;
	vertical-align: top;
	height: 14px;
	width: 14px;
	background-position: center;
	background-size: contain;
	margin: 2px 3px 0 0
}

.layout-header .page-width .head-item-calendar-area,
.layout-header .page-width .head-item-city-area,
.layout-header .page-width .head-item-links-area,
.layout-header .page-width .head-item-login-area,
.layout-header .page-width .head-item-weather-area {
	display: inline-block;
	vertical-align: middle;
	box-sizing: content-box;
	padding: 5px 8px;
	margin-top: -5px;
	border-radius: 6px
}

.layout-header .page-width .head-item-calendar-area:hover,
.layout-header .page-width .head-item-city-area:hover,
.layout-header .page-width .head-item-links-area:hover,
.layout-header .page-width .head-item-login-area:hover,
.layout-header .page-width .head-item-weather-area:hover {
	background-color: #F5F5F6
}

.layout-header .page-width .head-item-logo-area {
	display: inline-block;
	vertical-align: middle;
	height: 34px;
	width:100px;
	margin-right: 30px;
	margin-top: -7px
}

.layout-header .page-width .head-item-logo-area .hao123logo {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-right: 12px
}

.layout-header .page-width .head-item-logo-area .hao123logo .hao123-logo-text {
	position: absolute;
	height: 18px;
	top: -20px;
	background-color: #FFF;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
	border-radius: 4px;
	box-sizing: content-box;
	padding: 0 7px;
	color: #F50;
	text-align: center;
	line-height: 18px
}

.layout-header .page-width .head-item-logo-area .hao123logo .hao123-logo-text::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -3px;
	border-top: 3px solid #FFF;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 0
}

.layout-header .page-width .head-item-logo-area .new-set-home {
	display: inline-block;
	vertical-align: top;
	position: relative;
	height: 17px;
	width: 58px;
	border-radius: 10px;
	border: 1px solid #D1D8E5;
	color: #626675;
	line-height: 17px;
	text-align: center;
	margin-top: -2px
}

.layout-header .page-width .head-item-logo-area .new-set-home:hover {
	background-color: #F4F6F8
}

.layout-header .page-width .head-item-city-area {
	min-width:50px;
	margin-right: 37px;
	position: relative;top:-10px;
}

.layout-header .page-width .head-item-city-area .more-icon {
	margin: 0;
	margin-left: 8px;
	background-image: url(https://sc0.hao123img.com/res/header/20210122/left_arrow.png)
}

.layout-header .page-width .head-item-city-area .header-line .line-item:hover {
	text-decoration: none
}

.layout-header .page-width .head-item-city-area .header-line .line-item .city-change-btn:hover {
	text-decoration: underline
}

.layout-header .page-width .head-item-city-area .header-line .weather-week:hover {
	text-decoration: underline
}

.layout-header .page-width .head-item-city-area .city-change-btn {
	color: #626675;
	display: inline-block;
	margin-left:0
}

.layout-header .page-width .head-item-city-area .select-area {
	position: absolute;
	top: 0;
	left: -12px;
	background-color: #F5F5F6;
	border-radius: 6px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
	box-sizing: border-box;
	padding: 12px 8px;
	margin-top: -6px;
	display: none
}

.layout-header .page-width .head-item-city-area .select-area .select-title {
	margin-bottom: 8px
}

.layout-header .page-width .head-item-city-area .select-area .select-title .select-cancel-btn {
	margin-left: 8px;
	color: #626675;
	cursor: pointer
}

.layout-header .page-width .head-item-city-area .select-area .select-btn {
	margin-top: 8px
}

.layout-header .page-width .head-item-city-area .select-area .select-btn .select-confirm-btn {
	background-color: #4E6EF2;
	color: #FFF;
	border-radius: 4px;
	width: 48px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 13px;
	cursor: pointer
}

.layout-header .page-width .head-item-city-area .select-area .select-btn .select-confirm-btn:hover {
	background-color: #315EFB
}

.layout-header .page-width .head-item-city-area .select-area .select-line {
	margin-top: 6px
}

.layout-header .page-width .head-item-city-area .select-area .select-line:first-child {
	margin-top: 0
}

.layout-header .page-width .head-item-city-area .select-area .select-line select {
	background-color: #FFF;
	border-radius: 6px;
	border: 1px solid #D7D9E0;
	height: 24px;
	width: 104px;
	line-height: 24px;
	cursor: pointer
}

.layout-header .page-width .head-item-city-area .city-name {
	cursor: default
}

.layout-header .page-width .head-item-weather-area {
	min-width: 123px;
	margin-right: 0px
}

.layout-header .page-width .head-item-weather-area .weather-today,
.layout-header .page-width .head-item-weather-area .weather-tomorrow {
	display: block
}

.layout-header .page-width .head-item-weather-area .line-item .weather-info {
	line-height: 20px
}

.layout-header .page-width .head-item-weather-area .line-item:hover .weather-info {
	text-decoration: underline
}

.layout-header .page-width .head-item-weather-area .weather-tag-area {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	line-height: 21px;
	min-width: 74px;
	height: 18px;
	overflow: hidden;
	position: relative
}

.layout-header .page-width .head-item-weather-area .weather-tag-area i {
	margin: 2px 1px 0 -3px
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .weather-tag {
	height: 18px;
	box-sizing: border-box;
	padding: 0 6px;
	border-radius: 9px;
	line-height: 18px;
	margin-left: 2px;
	text-align: center;
	color: #FFF
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .air-weather-tag {
	padding: 0 6px
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .weather-info .weather-status,
.layout-header .page-width .head-item-weather-area .weather-tag-area .weather-info .weather-temp,
.layout-header .page-width .head-item-weather-area .weather-tag-area .weather-info .weather-air {
	margin-left: 3px
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .weather-info,
.layout-header .page-width .head-item-weather-area .weather-tag-area .weather-tag {
	position: absolute;
	top: 100%;
	left: 0;
	transition: top .3s
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .red-tag {
	background-color: #f03e3e
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .blue-tag {
	background-color: #329af0
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .orange-tag {
	background-color: #fd7e14
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .yellow-tag {
	background-color: #fcc419
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .air-darkred-tag {
	background-color: #540822
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .air-red-tag {
	background-color: #841C3C
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .air-lightred-tag {
	background-color: #E03131
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .air-orange-tag {
	background-color: #F76707
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .air-lightgreen-tag {
	background-color: #82C91E
}

.layout-header .page-width .head-item-weather-area .weather-tag-area .air-green-tag {
	background-color: #40C057
}

.layout-header .page-width .head-item-calendar-area {
	min-width: 90px;
	margin-right: 66px
}

.layout-header .page-width .head-item-calendar-area .calendar-item {
	display: block
}

.layout-header .page-width .head-item-links-area {
	margin-right: 28px;
	max-width: 300px;
	margin-top: -8px
}

.layout-header .page-width .head-item-links-area .link-item {
	margin-left: 8px;
	height: 19px;
	line-height: 19px;
	position: relative
}

.layout-header .page-width .head-item-links-area .link-item::before {
	position: absolute;
	top: 7px;
	left: -8px;
	content: '';
	height: 4px;
	width: 4px;
	background: #D8D8D8;
	border-radius: 2px
}

.layout-header .page-width .head-item-login-area {
	vertical-align: top;
	margin-top: -6px
}

.header__inner {
	position: relative;
	height: 61px;
	padding: 0 0 0 205px;
	font-size: 12px;
	font-family: Tahoma
}

.header__item {
	height: 60px
}

.header__item--logo {
	display: inline;
	position: absolute;
	top: 0;
	left: 2px
}

.header__item--logo .hao123logo {
	position: relative;
	height: 60px
}

.header__item--logo .hao123logo a {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0
}

.header__item--fl {
	float: left
}

.header__item--fr {
	float: right;
	white-space: nowrap
}

.header__item--ib {
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.header__item--weather {
	min-width: 180px
}

.header__item--calendar {
	margin-left: 2px;
	width: 170px
}

.header__item--star {
	margin-left: 2px;
	width: 74px
}

.header__item--sheshou {
	position: absolute;
	width: 36px;
	height: 36px;
	left: 166px;
	top: 13px
}

#box-toplist0,
#box-toplist1 {
	margin-bottom: 10px;
	border: 1px solid #DEE3EB;
	background: #fff
}

#box-toplist1 {
	 
	min-height: 342px
}

.toplist {
	position: relative;
	z-index: 200
}

.toplist .bangdan-title {
	height: 40px;
	margin-left: 14px;
	line-height: 40px;
	font-size: 16px
}

.toplist .link {
	*float: left;
	line-height: 28px
}

.toplist .link i {
	display: inline-block;
	width: 14px
}

.toplist .link:hover {
	color: #f50;
	text-decoration: underline
}

.toplist .link:hover i {
	text-decoration: none
}

.toplist .link .g_video i {
	background-repeat: no-repeat;
}

.toplist .link .g_live i {
	background-repeat: no-repeat;
}

.toplist .link .g_hot i {
	background-repeat: no-repeat;
}

.toplist .link .t_icon i {
	background-repeat: no-repeat;
}

#login .login-link {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 6px;
	text-align: center
}

#login .dropdown {
	min-width: 80px
}

#login .dropdown .dropdown-content {
	display: none;
	width: 100%;
	min-width: 80px;
	background-color: #fff;
	-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
	text-align: center
}

#login .dropdown .dropdown-content a {
	height: 40px;
	line-height: 40px;
	display: block
}

#login .dropdown .dropdown-content a:hover {
	background-color: #f6f6f6
}

#login .dropdown:hover .dropdown-content {
	display: block
}

.weather-block:hover {
	opacity: .8
}

.weather-block .icon {
	width: 16px;
	height: 16px;
	background-size: 16px auto;
	margin: 8px 3px 7px 0
}

.weather-block .icon-loc {
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/container/topweather/loc@2x.30c56e0.png);
	margin-top: 7px
}

.css_b6923f7_14b3 {
	height: 88px
}

.layout-left .layout-left-title .tab .g-icon-redpoint {
	background-position: -196px 0px
}

.s-slider1 .g-slider-prev {
	background-position: -164px -25px
}

.s-slider1 .grid_hover .g-slider-prev {
	background-position: -164px -100px
}

.s-slider1 .grid_hover .g-slider-prev:hover {
	background-position: -164px -175px
}

.s-slider1 .g-slider-next {
	background-position: -164px -250px
}

.s-slider1 .grid_hover .g-slider-next {
	background-position: -164px -325px
}

.s-slider1 .grid_hover .g-slider-next:hover {
	background-position: -164px -400px
}

.s-slider2 .g-slider-prev {
	background-position: -174px -478px
}

.slider--nav-1 .slider__nav--prev {
	background-position: -174px -478px
}

.slider--nav-3 .slider__nav--prev {
	background-position: -171px -475px
}

.s-slider2 .g-slider-next {
	background-position: -174px -528px
}

.slider--nav-1 .slider__nav--next {
	background-position: -174px -528px
}

.slider--nav-3 .slider__nav--next {
	background-position: -171px -525px
}

.calendar2__lhl-yi {
	background-position: -185px -575px
}

.calendar2__lhl-ji {
	background-position: -185px -611px
}

.hao123-footer .tuiguang .icon {
	background-position: -186px -647px
}

.hao123-footer .beian .icon {
	background-position: -186px -682px
}

.hao123-footer .mobile .icon {
	background-position: -187px -716px
}

.header__item--login .login .login__icon--user {
	background-position: -188px -750px
}

.header__item--login .login__icon--gift {
	background-position: -187px -782px
}

.mail__icon--more {
	background-position: -194px -817px
}

.notice .slider__grid .slider__nav--next {
	background-position: -186px -841px
}

.notice-fixed .gong-down .g_icon {
	background-position: -191px -876px
}

.notice-fixed .g_icon_hot .g_icon {
	background-position: -185px -906px
}

.pan__icon {
	background-position: -186px -940px
}

.popup-confirm .popup-head a {
	background-position: -173px -973px
}

.popup-confirm .popup-head a:hover {
	background-position: -173px -1002px
}

.g_tips-r .g_icon {
	background-position: -163px -1049px
}

.coolsiteresource_container {
	background-position: -60px -1107px
}

.siye .siye-icon {
	background-position: -181px -1229px
}

.siye .close-btn {
	background-position: -179px -1259px
}

.skin__slider-wrap .left-mask {
	background-position: -121px -1302px
}

.skin__slider-wrap .right-mask {
	background-position: -121px -1468px
}

.skin .g-skin-selected {
	background-position: -96px -1634px
}

.skin .g-imglink-bg {
	background-position: -96px -1800px
}

.skin .g-imglink-tag-new {
	background-position: -173px -1843px
}

.skin .g-imglink-tag-hot {
	background-position: -173px -1891px
}

.skin .g-imglink-tag-xuan {
	background-position: -183px -1939px
}

.skin .g-imglink-tag-selected b {
	background-position: -173px -1984px
}

.skin-wrapper .page-skinbtn .skinbtn__link {
	background-position: -182px -2032px
}

.skin-wrapper .page-skinbtn .skinbtn__eltip {
	background-position: -196px -2151px
}

.slider--nav-2 .slider__grid--hover .slider__nav--prev {
	background-position: -164px -2176px
}

.slider--nav-2 .slider__grid--hover .slider__nav--prev:hover {
	background-position: -164px -2251px
}

.slider--nav-2 .slider__nav--prev:hover {
	background-position: -164px -2251px
}

.slider--nav-2 .slider__grid--hover .slider__nav--next {
	background-position: -164px -2326px
}

.slider--nav-2 .slider__grid--hover .slider__nav--next:hover {
	background-position: -164px -2401px
}

.slider--nav-2 .slider__nav--next:hover {
	background-position: -164px -2401px
}

.slider--nav-2 .slider__nav--prev {
	background-position: -164px -2476px
}

.slider--nav-2 .slider__nav--next {
	background-position: -164px -2551px
}

.slider--nav-4 .slider__nav--prev {
	background-position: -175px -2626px
}

.slider--nav-4 .slider__nav--prev:hover {
	background-position: -175px -2706px
}

.slider--nav-4 .slider__nav--next {
	background-position: -175px -2786px
}

.slider--nav-4 .slider__nav--next:hover {
	background-position: -175px -2866px
}

.topzixun .rec-hotsearch .rec-close {
	background-position: -191px -2946px
}

.topzixun .rec-hotsearch .rec-close:hover {
	background-position: -191px -2975px
}

.topyingshi .rank {
	background-position: -187px -3003px
}

.weather2__static3 {
	background-position: -167px -3038px
}

.weather2__today-icon {
	background-position: -182px -3092px
}

.weather2__tomorrow-icon {
	background-position: -182px -3131px
}

.weather-tips .weather-tips-tr {
	background-position: -194px -3170px
}

.headwise__icon {
	background-position: -189px -3195px
}

.headwise__pop-icon {
	background-position: -175px -3226px
}

.coolsites-wrapper .coolsitead-container .close {
	background-position: -191px -3273px
}

.coolsites-wrapper .coolsitead-container .adlist2 .item .re {
	background-position: -184px -3299px
}

.coolsites-wrapper .coolsitead-container .adlist2 .item .jian {
	background-position: -184px -3330px
}

.sites2-wrapper .cls_bd .siteresource_container {
	background-position: -60px -3367px
}

.sites2-wrapper .site-manage {
	background-position: -169px -3489px
}

.sites2-wrapper .login-tip .tipclz {
	background-position: -189px -3530px
}

.sites2-wrapper .login-tip .tipclz:hover {
	background-position: -189px -3561px
}

.popup-site .item-added {
	background-position: -91px -3592px
}

.popup-site .item-normal:hover,
.popup-site .item-add:hover {
	background-position: -91px -3635px
}

.popup-site-head .close {
	background-position: -178px -3678px
}

.popup-site-head .close:hover {
	background-position: -178px -3721px
}

.popup-site-self-sites .modify {
	background-position: -192px -3764px
}

.popup-site-self-sites .modify:hover {
	background-position: -192px -3804px
}

.popup-site-self-sites .delete {
	background-position: -186px -3844px
}

.popup-site-self-sites .delete:hover {
	background-position: -186px -3884px
}

.popup-site-hint-sug {
	background-position: -78px -3924px
}

.popup-site-hint-added {
	background-position: -89px -3979px
}

.popup-site-hint-noicon {
	background-position: -94px -4027px
}

.popup-site-hint-save {
	background-position: 0px -4082px
}

.toplist .link .g_video i {
	background-position: -187px -4129px
}

.toplist .link .g_live i {
	background-position: -187px -4161px
}

.toplist .link .g_hot i {
	background-position: -188px -4192px
}

.toplist .link .t_icon i {
	background-position: -187px -4225px
}

.layout-left .layout-left-title .tab .g-icon-redpoint,
.s-slider1 .g-slider-prev,
.s-slider1 .grid_hover .g-slider-prev,
.s-slider1 .grid_hover .g-slider-prev:hover,
.s-slider1 .g-slider-next,
.s-slider1 .grid_hover .g-slider-next,
.s-slider1 .grid_hover .g-slider-next:hover,
.s-slider2 .g-slider-prev,
.slider--nav-1 .slider__nav--prev,
.slider--nav-3 .slider__nav--prev,
.s-slider2 .g-slider-next,
.slider--nav-1 .slider__nav--next,
.slider--nav-3 .slider__nav--next,
.calendar2__lhl-yi,
.calendar2__lhl-ji,
.hao123-footer .tuiguang .icon,
.hao123-footer .beian .icon,
.hao123-footer .mobile .icon,
.header__item--login .login .login__icon--user,
.header__item--login .login__icon--gift,
.mail__icon--more,
.notice .slider__grid .slider__nav--next,
.notice-fixed .gong-down .g_icon,
.notice-fixed .g_icon_hot .g_icon,
.pan__icon,
.popup-confirm .popup-head a,
.popup-confirm .popup-head a:hover,
.g_tips-r .g_icon,
.coolsiteresource_container,
.siye .siye-icon {
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/pkg/aio-all_z.94bbc42.png)
}

.siye .close-btn,
.skin__slider-wrap .left-mask,
.skin__slider-wrap .right-mask,
.skin .g-skin-selected,
.skin .g-imglink-bg,
.skin .g-imglink-tag-new,
.skin .g-imglink-tag-hot,
.skin .g-imglink-tag-xuan,
.skin .g-imglink-tag-selected b,
.skin-wrapper .page-skinbtn .skinbtn__link,
.skin-wrapper .page-skinbtn .skinbtn__eltip,
.slider--nav-2 .slider__grid--hover .slider__nav--prev,
.slider--nav-2 .slider__grid--hover .slider__nav--prev:hover,
.slider--nav-2 .slider__nav--prev:hover,
.slider--nav-2 .slider__grid--hover .slider__nav--next,
.slider--nav-2 .slider__grid--hover .slider__nav--next:hover,
.slider--nav-2 .slider__nav--next:hover,
.slider--nav-2 .slider__nav--prev,
.slider--nav-2 .slider__nav--next,
.slider--nav-4 .slider__nav--prev,
.slider--nav-4 .slider__nav--prev:hover,
.slider--nav-4 .slider__nav--next,
.slider--nav-4 .slider__nav--next:hover,
.topzixun .rec-hotsearch .rec-close,
.topzixun .rec-hotsearch .rec-close:hover,
.topyingshi .rank,
.weather2__static3,
.weather2__today-icon,
.weather2__tomorrow-icon,
.weather-tips .weather-tips-tr {
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/pkg/aio-all_z.94bbc42.png)
}

.headwise__icon,
.headwise__pop-icon,
.coolsites-wrapper .coolsitead-container .close,
.coolsites-wrapper .coolsitead-container .adlist2 .item .re,
.coolsites-wrapper .coolsitead-container .adlist2 .item .jian,
.sites2-wrapper .cls_bd .siteresource_container,
.sites2-wrapper .site-manage,
.sites2-wrapper .login-tip .tipclz,
.sites2-wrapper .login-tip .tipclz:hover,
.popup-site .item-added,
.popup-site .item-normal:hover,
.popup-site .item-add:hover,
.popup-site-head .close,
.popup-site-head .close:hover,
.popup-site-self-sites .modify,
.popup-site-self-sites .modify:hover,
.popup-site-self-sites .delete,
.popup-site-self-sites .delete:hover,
.popup-site-hint-sug,
.popup-site-hint-added,
.popup-site-hint-noicon,
.popup-site-hint-save,
.toplist .link .g_video i,
.toplist .link .g_live i,
.toplist .link .g_hot i,
.toplist .link .t_icon i {
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/pkg/aio-all_z.94bbc42.png)
}

.layout-left .layout-left-title .tab.reload a:hover:after {
	background-position: 0px 0px
}

.layout-left .layout-left-title .tab.reload a:after {
	background-position: 0px -24px
}

.fixed-cont .hotsearch-refresh:hover::before {
	background-position: 0px -48px
}

.fixed-cont .hotsearch-refresh::before {
	background-position: 0px -72px
}

.layout-left .layout-left-title .tab.reload a:hover:after,
.layout-left .layout-left-title .tab.reload a:after,
.fixed-cont .hotsearch-refresh:hover::before,
.fixed-cont .hotsearch-refresh::before {
	background-size: 16px 88px;
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/pkg/aio-all_0.4_z.5501eca.png)
}

.site-add-wraper .site-add-icon:hover:before {
	background-position: -74px 0px
}

.site-add-wraper .pop span[status=loading]:after {
	background-position: -74px 0px
}

.site-add-wraper .pop span[status=success]:after {
	background-position: -74px -26px
}

.site-add-wraper .pop span[status=fail]:after {
	background-position: -74px -52px
}

.site-add-wraper .pop .list-name:after {
	background-position: -78px -78px
}

.collection {
	background-position: -50px -94px
}

.collection:hover {
	background-position: -50px -144px
}

.collection.has-status {
	background-position: -50px -194px
}

.collection.has-status:hover {
	background-position: -50px -244px
}

.content-cover .spread:hover .arrow.down {
	background-position: -78px -294px
}

.content-cover .spread:hover .arrow.up {
	background-position: -78px -311px
}

.content-cover .spread .arrow.down {
	background-position: -78px -328px
}

.content-cover .spread .arrow.up {
	background-position: -78px -345px
}

.fixed-cont .hotsearch-box-list .icon-fall {
	background-position: -82px -362px
}

.fixed-cont .hotsearch-box-list .icon-rise {
	background-position: -82px -381px
}

.fixed-cont .hotsearch-box-list .icon-fair {
	background-position: -82px -400px
}

.shortcut-box .feed-btn i {
	background-position: -72px -419px
}

.shortcut-box .tip {
	background-position: 0px -447px
}

.sites2-wrapper .cls_bd .sitelinks-icon {
	background-position: -81px -485px
}

.sites2-wrapper .cls_bd .sitelinks-open-down {
	background-position: -81px -500px
}

.sites2-wrapper .cls_bd .site-item-add:hover i {
	background-position: -72px -515px
}

.sites2-wrapper .cls_bd .site-item-add i {
	background-position: -72px -543px
}

.site-add-wraper .site-add-icon:hover:before,
.site-add-wraper .pop span[status=loading]:after,
.site-add-wraper .pop span[status=success]:after,
.site-add-wraper .pop span[status=fail]:after,
.site-add-wraper .pop .list-name:after,
.collection,
.collection:hover,
.collection.has-status,
.collection.has-status:hover,
.content-cover .spread:hover .arrow.down,
.content-cover .spread:hover .arrow.up,
.content-cover .spread .arrow.down,
.content-cover .spread .arrow.up,
.fixed-cont .hotsearch-box-list .icon-fall,
.fixed-cont .hotsearch-box-list .icon-rise,
.fixed-cont .hotsearch-box-list .icon-fair,
.shortcut-box .feed-btn i,
.shortcut-box .tip,
.sites2-wrapper .cls_bd .sitelinks-icon,
.sites2-wrapper .cls_bd .sitelinks-open-down,
.sites2-wrapper .cls_bd .site-item-add:hover i,
.sites2-wrapper .cls_bd .site-item-add i {
	background-size: 90px 561px;
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/pkg/aio-all_0.5_z.b5152ca.png)
}

.shortcut-box .top-btn i {
	background-position: 0px 0px
}

.shortcut-box .back-btn i {
	background-position: 0px -27px
}

.shortcut-box .feedback-btn i {
	background-position: 0px -54px
}

.shortcut-box .top-btn i,
.shortcut-box .back-btn i,
.shortcut-box .feedback-btn i {
	background-size: 18px 72px;
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/pkg/aio-all_0.45_z.85f992e.png)
}

.small-topbe-wrapper #smallTopbeWrapper .be-content .topbe-big {
	background-position: 0px 0px
}

.small-topbe-wrapper #smallTopbeWrapper .be-content .topbe-big {
	background-size: 15px 15px;
	background-image: url(https://hao123-static.cdn.bcebos.com/fe-res/her/static/indexnew/pkg/aio-all_0.9375_z.3ca061e.png)
}



/* mm */
.mm-box-slide{ height:180px;overflow: hidden;margin-bottom: 10px; background-color:#fff; border:1px solid #DEE3EB;}
.mm-box-slide a.add-img figure{display: block;padding:10px;margin: 0;  height:130px;overflow: hidden;}
.mm-box-slide a.add-img img{width:100%;}
.mm-box-slide a.add-img span{display: block;line-height:30px;padding:0 10px;font-size:14px; color:#222; white-space: nowrap;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.mm-banner-left{display: block; height:130px;overflow: hidden; background-color:#fff;}
.mm-banner-left figure{display: block;padding:0 10px 0;margin: 0; width:258px; height:100px;overflow: hidden;}
.mm-banner-left figure img{width:100%;}
.mm-banner-left .g-imglink-title{padding: 0 10px; text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.mm-left-text{padding: 0 10px 10px;}
.mm-left-text p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}

.hotsearchCon .hotsearch-box .hotsearchtop-hide{height:300px;position: absolute;z-index: 999;zoom: 1;}

.mm-search-news{position: absolute;right: 0;top: 10px;}
.mm-search-news ul li {max-width:200px;width:200px;overflow: hidden;text-overflow: ellipsis; line-height:28px;white-space: nowrap;word-break: break-all;}
.mm-search-news ul li a{color:#9195A3;}
.mm-search-news-slide{position: absolute;right: 0;top:-3px;font-size:30px !important;}

.mm-web-slide{display: none; position: absolute;left:151px;top:38px; width:60px;background-color:#fff; border: 2px solid #0076FF;border-top:0;border-radius:0 0 5px 5px;z-index:9999;}
.mm-web-slide::before{content: "";display: block;position: absolute;left:-2px;top:0; width: 62px;height:4px;background-color: #fff;border-left: 2px solid #0076FF;}
.mm-web-slide a{display: block;text-align: center; line-height: 40px;overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;word-break: break-all;}
.mm-web-slide a:hover{color: #0076FF;background-color: #f5f5f5;}

.d-none {display: none !important;}
.d-block {display: block !important;}