.side-buttons {
  	opacity: 0;
  	visibility: hidden;
  	z-index: 9998;
  	position: fixed;
  	bottom: 0;
  	display: flex;
  	justify-content: center;
  	flex-direction: column;
  	align-items: center;
  	right: 0!important;
  	transition: all .2s ease;
  	margin: 10px;
  	background-color: #64b51a;
  	cursor: pointer;
  	width: 60px;
  	height: 60px;
  	box-sizing: border-box;
  	border-radius: 8px;
  	text-align: center;
  	padding: 0 2px;
  }
  
  .side-buttons .iconkefu {
  	font-size: 16px;
  	line-height: 1;
  	margin-bottom: 2px;
  }
  
  .side-buttons p {
  	text-align: center;
  	width: 100%;
  	line-height: 1.2;
  	font-size: 12px;
  }
  
  .side-buttons:hover {
  	opacity: 0.75!important;
  }
  
  .need-help {
  	background-color: #64b51a;
  	color: #FFFFFF;
  	padding: 40px 0;
  	box-sizing: border-box;
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 50%;
  	transition: all .8s ease-out;
  	overflow: hidden;
  	position: relative;
  }
  
  .need-help .flex_cen_cen {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	/*flex-wrap: wrap;*/
  }
  
  .need-help .flex_cen_cen .s1 {
  	margin: 0 13px;
  	line-height: 44px;
  }
  
  .need-help .flex_cen_cen .d1 {
  	margin: 0 13px;
  	width: 200px;
  	height: 50px;
  	box-sizing: border-box;
  	border-radius: 3px;
  	border: 1px solid rgba(255, 255, 255, 1);
  	cursor: pointer;
  }
  
  .need-help .flex_cen_cen .d1 .iconkefu {
  	font-size: 23px;
  	margin-left: 8px;
  }
  
  .need-help .flex_cen_cen .d1:hover {
  	background-color: #fff;
  	color: #64b51a;
  }
  
  .need-help-hide {
  	width: 0;
  	padding: 0;
  	position: relative;
  	left: 100%;
  	overflow: hidden;
  }
  
  .need-help-hide .side-buttons {
  	opacity: 1;
  	visibility: inherit;
  	transition: opacity .1s ease-in .2s;
  }
  
  .font_36_bold {
  	font-size: 36px;
  	font-weight: bold;
  }
  
  .iconkefu {
  	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjNweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMjMgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU2LjIgKDgxNjcyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7lvaLnirbnu5PlkIg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5pyA57uI56i/IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMS7lrpjnvZHkuLvpobVfUEMxNDQwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODgyLjAwMDAwMCwgLTQ4MTYuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC05IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDc2Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNyI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuW4ruWKqSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwMS4wMDAwMDAsIDQwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0yMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM4LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNC4wMDAwMDAsIDE0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5a+56K+d5qGGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDkuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3LjI0MjA1MDUsLTEuNDIxMDg1NDdlLTE0IEwxNy4yNDIwMzgsLTEuNDIxMDg1NDdlLTE0IEMyMC40MDMxODMxLC0xLjQyMTA4NTQ3ZS0xNCAyMi45ODkzMzgyLDIuNTg2NTA0OTcgMjIuOTg5MzM4Miw1Ljc0NzM1MDE3IEwyMi45ODkzMzgyLDkuNTc4ODgzNjMgQzIyLjk4OTMzODIsMTIuNzM5NzI4OCAyMC40MDMxODMxLDE1LjMyNjIwODggMTcuMjQyMDM4LDE1LjMyNjIwODggTDEzLjI3MjUyOSwxNS4zMjYyMDg4IEw2LjcwNTIyMTA0LDIxLjA3MzUzNCBMNi43MDUyMjEwNCwxNS4zMjYyMDg4IEw1Ljc0NzMyNTE4LDE1LjMyNjIwODggQzIuNTg1NTMwNSwxNS4zMjYyMDg4IC0zLjY5NDgyMjIzZS0xMywxMi43Mzk3Mjg4IC0zLjY5NDgyMjIzZS0xMyw5LjU3ODg4MzYzIEwtMy42OTQ4MjIyM2UtMTMsNS43NDczMjUxOCBDLTMuNjk0ODIyMjNlLTEzLDIuNTg2NTA0OTcgMi41ODU1MzA1LC0xLjQyMTA4NTQ3ZS0xNCA1Ljc0NzMyNTE4LC0xLjQyMTA4NTQ3ZS0xNCBMMTcuMjQyMDUwNSwtMS40MjEwODU0N2UtMTQgWiBNNi41LDkgQzcuMzI4NDI3MTIsOSA4LDguMzI4NDI3MTIgOCw3LjUgQzgsNi42NzE1NzI4OCA3LjMyODQyNzEyLDYgNi41LDYgQzUuNjcxNTcyODgsNiA1LDYuNjcxNTcyODggNSw3LjUgQzUsOC4zMjg0MjcxMiA1LjY3MTU3Mjg4LDkgNi41LDkgWiBNMTEuNSw5IEMxMi4zMjg0MjcxLDkgMTMsOC4zMjg0MjcxMiAxMyw3LjUgQzEzLDYuNjcxNTcyODggMTIuMzI4NDI3MSw2IDExLjUsNiBDMTAuNjcxNTcyOSw2IDEwLDYuNjcxNTcyODggMTAsNy41IEMxMCw4LjMyODQyNzEyIDEwLjY3MTU3MjksOSAxMS41LDkgWiBNMTYuNSw5IEMxNy4zMjg0MjcxLDkgMTgsOC4zMjg0MjcxMiAxOCw3LjUgQzE4LDYuNjcxNTcyODggMTcuMzI4NDI3MSw2IDE2LjUsNiBDMTUuNjcxNTcyOSw2IDE1LDYuNjcxNTcyODggMTUsNy41IEMxNSw4LjMyODQyNzEyIDE1LjY3MTU3MjksOSAxNi41LDkgWiIgaWQ9IuW9oueKtue7k+WQiCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=') no-repeat center center;
  	background-size: 100%;
  	display: inline-block;
  	width: 26px;
  	height: 34px;
  }
  
  .side-buttons .iconkefu {
  	width: 18px;
  	height: 16px;
  }
  
  .need-help .flex_cen_cen .d1:hover .iconkefu {
  	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjNweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMjMgMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU2LjIgKDgxNjcyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT7lvaLnirbnu5PlkIg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0i5pyA57uI56i/IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMS7lrpjnvZHkuLvpobVfUEMxNDQwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODgyLjAwMDAwMCwgLTQ4MTYuMDAwMDAwKSIgZmlsbD0iIzY0YjUxYSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC05IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDc2Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNyI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuW4ruWKqSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtNDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwMS4wMDAwMDAsIDQwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0yMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjM4LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNC4wMDAwMDAsIDE0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5a+56K+d5qGGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDkuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3LjI0MjA1MDUsLTEuNDIxMDg1NDdlLTE0IEwxNy4yNDIwMzgsLTEuNDIxMDg1NDdlLTE0IEMyMC40MDMxODMxLC0xLjQyMTA4NTQ3ZS0xNCAyMi45ODkzMzgyLDIuNTg2NTA0OTcgMjIuOTg5MzM4Miw1Ljc0NzM1MDE3IEwyMi45ODkzMzgyLDkuNTc4ODgzNjMgQzIyLjk4OTMzODIsMTIuNzM5NzI4OCAyMC40MDMxODMxLDE1LjMyNjIwODggMTcuMjQyMDM4LDE1LjMyNjIwODggTDEzLjI3MjUyOSwxNS4zMjYyMDg4IEw2LjcwNTIyMTA0LDIxLjA3MzUzNCBMNi43MDUyMjEwNCwxNS4zMjYyMDg4IEw1Ljc0NzMyNTE4LDE1LjMyNjIwODggQzIuNTg1NTMwNSwxNS4zMjYyMDg4IC0zLjY5NDgyMjIzZS0xMywxMi43Mzk3Mjg4IC0zLjY5NDgyMjIzZS0xMyw5LjU3ODg4MzYzIEwtMy42OTQ4MjIyM2UtMTMsNS43NDczMjUxOCBDLTMuNjk0ODIyMjNlLTEzLDIuNTg2NTA0OTcgMi41ODU1MzA1LC0xLjQyMTA4NTQ3ZS0xNCA1Ljc0NzMyNTE4LC0xLjQyMTA4NTQ3ZS0xNCBMMTcuMjQyMDUwNSwtMS40MjEwODU0N2UtMTQgWiBNNi41LDkgQzcuMzI4NDI3MTIsOSA4LDguMzI4NDI3MTIgOCw3LjUgQzgsNi42NzE1NzI4OCA3LjMyODQyNzEyLDYgNi41LDYgQzUuNjcxNTcyODgsNiA1LDYuNjcxNTcyODggNSw3LjUgQzUsOC4zMjg0MjcxMiA1LjY3MTU3Mjg4LDkgNi41LDkgWiBNMTEuNSw5IEMxMi4zMjg0MjcxLDkgMTMsOC4zMjg0MjcxMiAxMyw3LjUgQzEzLDYuNjcxNTcyODggMTIuMzI4NDI3MSw2IDExLjUsNiBDMTAuNjcxNTcyOSw2IDEwLDYuNjcxNTcyODggMTAsNy41IEMxMCw4LjMyODQyNzEyIDEwLjY3MTU3MjksOSAxMS41LDkgWiBNMTYuNSw5IEMxNy4zMjg0MjcxLDkgMTgsOC4zMjg0MjcxMiAxOCw3LjUgQzE4LDYuNjcxNTcyODggMTcuMzI4NDI3MSw2IDE2LjUsNiBDMTUuNjcxNTcyOSw2IDE1LDYuNjcxNTcyODggMTUsNy41IEMxNSw4LjMyODQyNzEyIDE1LjY3MTU3MjksOSAxNi41LDkgWiIgaWQ9IuW9oueKtue7k+WQiCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center center;
  	background-size: 100%;
  }
  
  @media only screen and (max-width: 524px) {
  	.need-help {
  		padding: 50px 0;
  	}
  	.need-help .flex_cen_cen {
  		flex-wrap: wrap;
  	}
  	.need-help .flex_cen_cen .s1 {
  		width: 100%;
  		text-align: center;
  		margin: 0;
  		font-size: 24px;
  		line-height: 29px;
  	}
  	.need-help .flex_cen_cen .d1 {
  		margin: 24px 0 0!important;
  	}
  }