.cangku{width: 30%; height:50%; position: absolute; left: 25%; top: 10%;}
.gongsi{width: 30%; height:50%; position: absolute;  top: 10%;right: 7%;}
	.bottom_float{ position: fixed; bottom: 0; z-index: 1000000;}
		.bottom_float .audio_bottom{ width: 30%; height:50%; position: absolute; left: 23%; top: 10%; }
		.bottom_float .audio_bottom .bottom_voice{ width: 16%; left: 10%; top: 20%;position: absolute;}
		.bottom_float .audio_bottom span{ left: 35%; top:24%; position: absolute;font-size: 18px}
		.bottom_float .audio_bottom em{ 
			width: .4rem; height: .4rem; border-radius: 50%; background: #ff3d6d; display: inline-block; position: absolute; right: 1rem; top: .6rem; 
			animation: shake .5s ease infinite alternate; -webkit-animation: shake .5s ease infinite alternate; -moz-animation: shake .5s ease infinite alternate; -ms-animation: shake .5s ease infinite alternate; -o-animation: shake .5s ease infinite alternate;
		}
		.bottom_float .bottom_btn{ width: 24%; position: absolute; right: 2%; top: 30%; animation: big 2.4s ease infinite alternate; -webkit-animation: big 2.4s ease infinite alternate; -moz-animation: big 2.4s ease infinite alternate; -ms-animation: big 2.4s ease infinite alternate; -o-animation: big 2.4s ease infinite alternate;}
		.bottom_float .bottom_btn img{width: 100%;}
		.bottom_float img{width: 100%;}
		@keyframes shake{
			0%{ opacity: 1; }
			100%{ opacity: .1; }
		}
		@-webkit-keyframes shake{
			0%{ opacity: 1; }
			100%{ opacity: .1; }
		}
		@-moz-keyframes shake{
			0%{ opacity: 1; }
			100%{ opacity: .1; }
		}
		@-ms-keyframes shake{
			0%{ opacity: 1; }
			100%{ opacity: .1; }
		}
		@-o-keyframes shake{
			0%{ opacity: 1; }
			100%{ opacity: .1; }
		}

		.qq_Mask{ position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); z-index: 1000000000; display: none; max-width: 640px;}
		.qq_Mask img{ width: 100%}
		.qq_Mask .Mask_txt{ position: absolute; /*left: 8rem;*/ bottom: 50%; left:10%; width: 100%;font-size: 44px;font-weight: bold;color:#000;text-align: center;z-index: 9999999999999999999999999999999999999999}
		.qq_Mask .Mask_txt h3{ font-weight: bold; margin-bottom: .6rem; }
		.qq_Mask .close_Mask{ width: 98%; padding-top: 20%; position: absolute; right: 0%;top:0%; }
		.pr{position: relative;position: absolute; left: 50%; top:6rem; width: 100%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
	@keyframes moveleft{ 
			0%{ right: -100%;opacity: 0;}
			100%{ right: 0%;opacity: 1;}
		}
		@-webkit-keyframes moveleft{ 
			0%{ right: -100%;opacity: 0;}
			100%{ right: 0%;opacity: 1;}
		}
		@-moz-keyframes moveleft{ 
			0%{ right: -100%;opacity: 0;}
			100%{ right: 0%;opacity: 1;}
		}
		@-o-keyframes moveleft{ 
			0%{ right: -100%;opacity: 0;}
			100%{ right: 0%;opacity: 1;}
		}
		@-ms-keyframes moveleft{ 
			0%{ right: -100%;opacity: 0;}
			100%{ right: 0%;opacity: 1;}
		}


		@keyframes big{ 
			0%{ transform: scale(1);}
			18%{ transform: scale(1.1);}
			32%{ transform: scale(1);}
			48%{ transform: scale(1.1);}
			64%{ transform: scale(1);}
			80%{ transform: scale(1.1);}
			100%{ transform: scale(1);}
		}
		@-webkit-keyframes big{ 
			0%{ -webkit-transform: scale(1);}
			18%{ -webkit-transform: scale(1.1);}
			32%{ -webkit-transform: scale(1);}
			48%{ -webkit-transform: scale(1.1);}
			64%{ -webkit-transform: scale(1);}
			80%{ -webkit-transform: scale(1.1);}
			100%{ -webkit-transform: scale(1);}
		}
		@-moz-keyframes big{ 
			0%{ -moz-transform: scale(1);}
			18%{ -moz-transform: scale(1.1);}
			32%{ -moz-transform: scale(1);}
			48%{ -moz-transform: scale(1.1);}
			64%{ -moz-transform: scale(1);}
			80%{ -moz-transform: scale(1.1);}
			100%{ -moz-transform: scale(1);}
		}
		@-o-keyframes big{ 
			0%{ -o-transform: scale(1);}
			18%{ -o-transform: scale(1.1);}
			32%{ -o-transform: scale(1);}
			48%{ -o-transform: scale(1.1);}
			64%{ -o-transform: scale(1);}
			80%{ -o-transform: scale(1.1);}
			100%{ -o-transform: scale(1);}
		}
		@-ms-keyframes big{ 
			0%{ -ms-transform: scale(1);}
			18%{ -ms-transform: scale(1.1);}
			32%{ -ms-transform: scale(1);}
			48%{ -ms-transform: scale(1.1);}
			64%{ -ms-transform: scale(1);}
			80%{ -ms-transform: scale(1.1);}
			100%{ -ms-transform: scale(1);}
		}
		@media screen and (max-width: 768px){
			.qq_Mask .Mask_txt{
				font-size: 38px;
			}
		}
		@media screen and (max-width: 568px){
			.qq_Mask .Mask_txt{
				font-size: 32px;
			}
		}
		@media screen and (max-width: 368px){
			.qq_Mask .Mask_txt{
				font-size: 24px;
			}
		}