.flex{
	display: flex;
}
.flex-justify-center{
	justify-content: center;
}
.flex-column{
	flex-direction: column;
}
.m-t-4 {
   margin-top: 4px  ;
}
.m-t-6 {
   margin-top: 6px  ;
}
.m-t-8 {
   margin-top: 8px  ;
}
.m-t-10 {
   margin-top: 10px  ;
}
.m-l-4 {
   margin-left: 4px  ;
}
.m-l-6 {
   margin-left: 6px  ;
}
.m-l-8 {
   margin-left: 8px  ;
}
.p-l-10 {
   padding-left: 10px  ;
}
.w-16 {
  width: 16px;
}
.w-12 {
  width: 12px;
}
.w-30 {
  width: 30px;
}
.w-108 {
  width: 108px;
}
.h-12 {
  height: 12px;
}
.h-16 {
  height: 16px;
}
.h-30 {
  height: 30px;
}
.h-108 {
  height: 108px;
}
.f-s-14 {
  font-size: 14px;
}
.align-center{
	align-items: center;
}
.pointer{
	cursor: pointer;
}
#side{
	width: 120px;
	height: 480px;
	position: fixed;
	right: 20px;
	top:50%;
	transform: translateY(-50%);
	z-index: 99;
}
#side .kefu{
	width: 120px;
	height: 173px;
	background: #fff;
	border-radius: 63px 63px 4px 4px;
	box-shadow: 0px 3px 10px rgba(5,36,82,0.08);
	position: relative;
}
#side .kefu .kefu_avatar{
	width: 90px;
	height: 90px;
	margin-top: 15px;
}
#side .kefu  .hot_phone{
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #999999;
	padding-left: 2px;
}
#side .kefu  .phone_number{
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 600;
	line-height: 16px;
	color: #333333;
	margin-top: 8px;
}
#side .kefu  .kefu_btn{
	width: 88px;
	height: 28px;
	background: #2A7EFB;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	padding-bottom: 1px;
}
#side .work_code{
	width: 120px;
	height: 145px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 3px 10px rgba(5,36,82,0.08);
}
#side .work_code .code_text{
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
}
#side .contact{
	width: 120px;
	height: 44px;
	background: linear-gradient(135deg, #3E9FFF 0%, #176FF2 100%);
	border-radius: 4px;
	color: #fff;
	position: relative;
	box-shadow: 0px 3px 10px rgba(5,36,82,0.08);
}