@keyframes scaleimg
{
    0% {transform: scale(1);}
    50% {transform: scale(1.2);}
    100% {transform: scale(1);}
}

@-webkit-keyframes scaleimg /* Safari 与 Chrome */
{
    0% {transform: scale(1);}
    50% {transform: scale(1.2);}
    100% {transform: scale(1);}
}
.kfbox{width:60px;  position: fixed; z-index: 999; right: 0;bottom:40px; height: 440px;}
.kfbox1{ width: 60px; height: 61px;  background:url("../img/kf_bg0.png") top center no-repeat; background-size: 100%;overflow: hidden; transition: all .3s linear; box-shadow: 0 0 20px rgba(51,80,105,.32);}
.kfbox2{ width: 60px; height:73px;  background:url("../img/kf_bg2.png") top center no-repeat; background-size: 100%; margin-top: 40px;box-shadow: 0 0 20px rgba(51,80,105,.32)}
.kfbox1:hover{ height: 360px; background:url("../img/kf_bg1.png") top center no-repeat; background-size:cover}
.kfbox ul{display: flex; flex-direction: column;}
.kfbox ul>li{ cursor: pointer;}
.kfbox ul>li>a{ display: flex; flex-direction: column; justify-content: center; align-items: center;padding:0 10px; box-sizing: border-box;}
.kfbox ul>li i{margin-top:10px;}

.kfbox ul>li i img{display: block; margin: 0 auto;max-width: 100%;}
.kfbox ul>li i img:nth-child(2){ display: none;}
.kfbox ul>li:first-child i img{ animation: scaleimg 5s; animation-iteration-count:infinite;
    -webkit-animation: scaleimg 1.5s; /* Safari 与 Chrome */ -webkit-animation-iteration-count: infinite;animation-timing-function:linear;
    -webkit-animation-timing-function:linear; /* Safari and Chrome */}
.kfbox ul>li span{ max-width: 40px; display: block; font-size: 14px; margin: 8px auto 0; text-align: center; padding-bottom: 8px; border-bottom: solid #d3deed 1px; line-height: 1.2;}
.kfbox ul>li:last-child{padding-bottom: 10px;}
.kfbox ul>li:last-child span{border-bottom: none;}
.kfbox ul>li:hover{ background:#e62914; border-left: none; }
.kfbox ul>li:first-child:hover{ border-top: none;}
.kfbox ul>li:last-child:hover{ border-bottom:none;}
.kfbox ul>li:hover span{ color: #fff;}
.kfbox ul>li:hover i img:nth-child(1){ display: none;}
.kfbox ul>li:hover i img:nth-child(2){ display: block;}