.topBox{
    background-color: #ffffff;
}
/* 置顶、客服 */
.topping{
width:50px;
position: fixed;
left: 50px;
bottom: 150px;
}

.topping img{
width: 50px;

}

.service{
width: 130px;
position: fixed;
right: 50px;
bottom: 150px;
}

.service .ewm{
width: 90px;
height: 90px;
background-color: #3A3A3A;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
position: relative;
top: 12px;
z-index: -1;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
animation-name: service;
animation-duration: .5s;
}
.service .serviceImg{
width: 130px;

}
.service .ewmImg{
width: 80px;
animation-name: ewm;
animation-duration: .5s;
}

.search {
width: 430px;
height: 50px;
background-color: #ffffff;
position: relative;
padding: 0px 0px 0px 15px;
border-radius: 12px;
margin-right: 30px;
}

.search input {
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
width: 280px;
height: 48px;
border: none;
outline: none;
background-color: #ffffff;
font-size: 16px;
/* border-radius: 15px; */
}

.search .searchBtn {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
width: 100px;
height: 38px;
background-color: #000000;
color: white;
border-radius: 24px;
border: none;
display: flex;
align-items: center;
justify-content: space-around;
margin-right: 5px;
line-height: 38px;
vertical-align: middle;
}

.search .searchBtn img {
width: 15px;
height: 15px;
margin-right: 5px;
}
.search .searchBtn span{
margin-left: 5px;
}
@keyframes service {
0%{height: 0px;}
100%{height: 90px;}
}
@keyframes ewm {
0%{height: 0px;}
100%{height: 80px;}
}