.show_hotline {
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 99;
}

.show_hotline ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}

.show_hotline ul li {
	position: relative;
	display: table;
	margin: 0 0 10px;
	padding: 0;
}

.show_hotline ul li .hidehotline {
	display: none;
}

.show_hotline ul li .simage {
	margin: 0;
	padding: 0;
	position: relative;
	width: 50px;
	height: 50px;
	float: left;
	text-align: center;
	z-index: 2;
}

.show_hotline ul li .simage img {
	margin: 0;
	padding: 0;
	position: relative;
	max-width: 100%;
}

.show_hotline ul li .stitle {

	z-index: 1;
	margin: 7px 0 0 -50px;
	padding: 8px 60px 8px 20px;
	position: absolute;
	right: -400px;
	float: left;
	background-color: var(--brand-main-color);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	white-space: nowrap;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #fff;
}

.show_hotline ul li :hover .stitle {

	right: 0px;
}

.show_hotline ul li .stitle span {

	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 10px;
	font-weight: 600;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.show_hotline ul li .stitle:hover {

	color: #333;
}

.show_hotline ul li .stitle:hover span {

	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

@media (max-width: 499px) {

	.show_hotline {

		margin: 0;
		padding: 0;
		position: fixed;
		top: unset !important;
		bottom: 5px !important;
		left: 5px !important;
		width: auto;
		z-index: 99;
		bottom: 0;
	}
	.show_hotline ul li {
		margin: 0 5px 0px 0;
	}
	.show_hotline ul li .stitle {
		display: none;
	}
}