/* 过度 */
.tm-transition { transition: all 0.5s; }

/* 浮动 */
.tm-float-left { float: left; }
.tm-float-right { float: right; }
[class*='tm-float-'] { max-width: 100%; }

/* 清除浮动 */
.tm-clearfix::before { content: ""; display: table-cell; }
.tm-clearfix::after { content: ""; display: table; clear: both; }

.tm-side-bar {
	position: fixed;
  	top: 40%;
  	right: 0;
  	z-index: 999999;
}
.tm-side-bar .tm-side {
  	position: absolute;
  	right: -160px;
  	width: 210px;
	background: rgba(255,255,255,0.75);
  	cursor: pointer;
  	overflow: hidden;
}
.tm-side-bar .tm-side:hover {
	right: 0;
}
.tm-side-bar .tm-side:first-child,
.tm-side-bar .tm-side + .tm-side {
	border-top: 1px solid rgba(0,0,0,0.1);
}
.tm-side-bar .tm-side:last-child {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.tm-side-bar .tm-side:nth-child(1) {
	top: 0;
}
.tm-side-bar .tm-side:nth-child(2) {
	top: 50px;
}
.tm-side-bar .tm-side:nth-child(3) {
	top: 100px;
}
.tm-side-bar .tm-side:nth-child(4) {
	top: 150px;
}
.tm-side-bar .tm-side:hover .tm-icon,
.tm-side-bar .tm-side:hover .tm-content {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.tm-side-bar .tm-side .tm-icon {
  	display: flex;
  	justify-content: center;
  	align-items: center;
	width: 50px;
  	height: 50px;
  	border-left: 1px solid rgba(0,0,0,0.1);
  	border-right: 1px solid rgba(0,0,0,0.1);
}
.tm-side-bar .tm-side .tm-content {
  	display: flex;
  	justify-content: center;
  	align-items: center;
	padding: 8px;
  	width: 160px;
  	height: 50px;
}
.tm-side-bar .tm-side.tm-tel .tm-number {
	font-size: 20px;
  	font-weight: 700;
  	color: #FF6000;
}
.tm-side-bar .tm-side.tm-tel .tm-text {
 	position: relative;
  	top: -4px;
	text-align: center;
}

/* .tm-side-bar . tm-side. tm-back .tm-icon { background: #ffffff; }  */

.tm-side-bar .tm-side.tm-back:hover {
	right: -160px;
}

/*PC电脑*/
@media ( min-width : 1200px) { 
	.tm-side-bar {
  		display: block;
  	}
}
.main {
	width: 100vw;
  	overflow: hidden;
}