* {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	border-style: none;
}

html {
	overflow-x: hidden;
}
body,
html {
	font-family: "microsoft yahei";
}
.celan{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 44444;
	height:120px;
	width: 100%;
	/* background: pink; */
	overflow: hidden;
}
.cl_b{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 66px;
	width: 100%;
	background: #2468f2;
}
.cl_box{
	position: absolute;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
}
.cl_ul{
	display: flex;
	justify-content: space-between;
}
/* .cl_ul li{
	float: left;
} */
.cl_ul li:nth-child(1) img{
	margin-top: -50px;
}
.cl_ul li:nth-child(2){
	margin: 18px 0 0 0;
}

.cl_inp input::-ms-clear{display: none;}
.cl_inp input::-ms-reveal{display: none;}
.cl_inp input:focus {
	outline: medium;
}

.cl_inp input {
	float: left;
	font-size: 14px;
	color: #666;
	height: 31px;
	width: 180px;
	border-radius: 2px 0 0 2px;
	padding-left: 10px;
	background: #fff;
	border: none;
}

.cl_inp input::-webkit-input-placeholder {
	font-size: 14px;
	color: #666;
}

.cl_inp input:-ms-input-placeholder {
	font-size: 14px;
	color: #666;
	font-family: "microsoft yahei";
}
.cl_inp p{
	float: left;
	height: 31px;
	width: 112px;
	cursor: pointer;
	font-size: 14px;
	border-radius: 0 2px 2px 0;
	line-height: 31px;
	overflow: hidden;
	background: #094bd0;
}
.cl_inp{
	margin: 18px 0 0 0;
}
.cl_p i{
	float: left;
}
.cl_p img{
	height: 46px;
	margin: -6px 0 0 -2px;
}
.cl_p span{
	margin-left: -10px;
	float: left;
	color: #fff;
	font-size: 14px;
}
.donghua{
	position:relative;
	z-index: 10000;
}
.hq{
	width: 100px;
	height: 31px;
	border-radius: 2px;
	margin-top: 18px;
	text-align: center;
	line-height: 31px;
	background: #ff780a;
	/* margin-left: 20px; */
}
.hq a{
	display: block;
	overflow: hidden;
	margin-left: 19px;
}
.hq span{
	display: block;
	float: left;
	font-size: 14px;
	color: #fff;
	
}
/* 获取动画 */
@keyframes button{
	0%   {margin-top:0;}
	40%  {margin-top:-10px;}
	text-shadow: 0 3px 1px rgba(0, 0, 0, .4);
}
.button span:nth-child(1){
	-webkit-animation: button 0.8s linear;
	          animation: button 0.8s linear 
}
.button span:nth-child(2){
	-webkit-animation: button 0.8s linear  0.08s ;
	          animation: button 0.8s linear  0.08s 
}
.button span:nth-child(3){
	-webkit-animation: button 0.8s linear  0.16s ;
	          animation: button 0.8s linear  0.16s 
}
.button span:nth-child(4){
	-webkit-animation: button 0.8s linear  0.24s ;
	          animation: button 0.8s linear  0.24s 
}
.cl_b>p{
	position: absolute;
	top: 10px;
	right: 2%;
	cursor: pointer;
	
}
.celan_xian{
	position: fixed;
	bottom: 100px;
	left: -20px;
	display: none;
	cursor: pointer;
}
.celan_tan{
	position: fixed;
	bottom: 100px;
	left: 50%;
	padding: 0 15px;
	/* width: 120px; */
	height: 30px;
	display: none;
	line-height: 30px;
	text-align: center;
	color: #fff;
	z-index: 44444;
	font-size: 16px;
	background: rgba(0,0,0,0.3);
}
/* 手机跳动 */
@keyframes move
{
    0%, 65%{
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {
      -webkit-transform:rotate(12deg);
      transform:rotate(12deg);
    }
    75% {
      -webkit-transform:rotate(-12deg);
      transform:rotate(-12deg);
    }
    80% {
      -webkit-transform:rotate(12deg);
      transform:rotate(12deg);
    }
    85% {
      -webkit-transform:rotate(-12deg);
      transform:rotate(-12deg);
    }
    90% {
      -webkit-transform:rotate(12deg);
      transform:rotate(12deg);
    }
    95% {
      -webkit-transform:rotate(-12deg);
      transform:rotate(-12deg);
    }
    100% {
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}
.cl_p img{
	animation:move 3s 0s infinite;
}