.horizonhomecard .hide{
    display: none !important;
}
.horizonhomecard .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	min-height: 150px;
	margin-top: 24px;
	padding-bottom: 8px;
	overflow: visible;
	flex-wrap: wrap
}

.horizonhomecard .bottom .item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-preferred-size: 12.5%;
	flex-basis: 12.5%;
	cursor: pointer;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 150px;
	margin-bottom: 12px;
}
.horizonhomecard .bottom .item>div {
	width: 72px;
	text-align: center;
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.horizonhomecard .bottom .item>div>span {
	width: 100% !important;
	margin: 2px auto;
	text-align: center
}

.horizonhomecard .bottom .item>div .img {
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	background: #f2f2f2;
}

.horizonhomecard .bottom .item:hover>div {
	width: 82px;
	text-align: center
}

.horizonhomecard .bottom .item:hover>div>span {
	width: 100% !important;
	margin: 5px auto;
	text-align: center
}

.horizonhomecard .bottom .item:hover .img {
	width: 82px;
	height: 82px;
}

.horizonhomecard .bottom .item:hover .label {
	width: 104px
}

.horizonhomecard .bottom .item .img {
	width: 72px;
	height: 72px;
	border-radius: 12px;
}

.horizonhomecard .bottom .item .label {
	width: 72px;
	position: relative;
	display: inline-block;
	height: 20px;
	line-height: 14px;
	font-size: 13px;
	text-align: center;
	margin: 5px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	font-family: Microsoft YaHei, Arial, Hiragino Sans GB, "sans-serif", Source HanSans SC, "Source HanSerif SC";
}

.horizonhomecard .bottom .item .buttom {
	position: absolute;
	left: 50%;
	top: 110px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	display: block;
	min-width: 72px;
	height: 28px;
	padding: 0 12px;
	font-size: 14px;
	border-radius: 14px;
	color: var(--c11);;
	background: rgba(0, 0, 0, .05);
	border: 0;
	outline: none;
	cursor: pointer;
	font-family: Microsoft YaHei, Arial, Hiragino Sans GB, "sans-serif", Source HanSans SC, "Source HanSerif SC";
	font-weight: bold;
}

.horizonhomecard .bottom .item .buttom div {
	width: auto;
	max-width: 158px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.horizonhomecard .bottom .item .buttom:hover {
	color: rgba(10, 89, 247, .8);
	background: rgba(0, 0, 0, .03)
}

.horizonhomecard .bottom .item .buttom:active {
	color: #0a59f7;
	background: rgba(0, 0, 0, .1)
}

.horizonhomecard .both_ends_positive:first-child>div,
.horizonhomecard .both_ends_reversed:nth-child(8)>div {
	left: 0
}

.horizonhomecard .both_ends_positive:nth-child(8)>div,
.horizonhomecard .both_ends_reversed:first-child>div {
	right: 0
}

@media screen and (max-width: 480px) {
	.horizonhomecard .bottom .item {
	    -ms-flex-preferred-size: 25% !important;
	    flex-basis: 25% !important;
	}
	.horizonhomecard .bottom{margin-top: 16px !important;}
	.horizonhomecard .bottom .item .buttom{display: none;}
	.horizonhomecard .bottom .item {min-height: 100px;}
	.horizonhomecard .bottom .item .ibox {height: 110px;}
}

.rm-tuijian{display: none !important;}
.show-rm-tuijian{display: flex !important;}