@charset "utf-8";
/* QQbox */
.kefu{overflow:visible; background: url('../images/kefu/kefu.png') no-repeat; width:272px; height:296px; position:absolute; top:-240px; right:-287px; z-index:99999; }
.k_top{background:url('../images/kefu/k_top.png') no-repeat; width:287px; height:60px; margin-left:-27px;}
.k_top .k_logo{margin-left:260px;}
.k_content{overflow:hidden; padding:10px; width:220px; height:160px;margin: 60px 0 0 50px; }
.k_content ul{overflow:hidden;}
.k_content ul li{float:left; overflow:hidden; width:90px; height:24px; margin:0 10px 0px 0; padding:5px;}
.k_content ul li span{float:left; display:inline;}
.k_content ul li a{float:left; display:inline; line-height:24px; margin-left:5px;}
.k_content ul li a:hover{color:#555;}
.k_bottom{overflow:visible; width:240px; margin:0 auto; border-top:2px solid #e74c3c; height:68px; padding:10px 0;}
.k_bottom .xunz{float:left; overflow:hidden;}
.xunz_l{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);
-o-transform:rotate(10deg);-webkit-transform-origin:top center;/*-webkit-transform-origin设定了变换源点*/}
.xunz_r{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);
-o-transform:rotate(-10deg);-webkit-transform-origin:top center;/*-webkit-transform-origin设定了变换源点*/}
.k_bottom .ecode{float:right; overflow:hidden;}

.kf_stone{width:55px; height:56px; background:url('../images/kefu/qq_bg.png') no-repeat; color:#ffffff; text-align:center; line-height:50px;}
.kefu_ewm{
    position: absolute;
    bottom: 10px;
    left: 65px;

}
/*摇摆*/
/* animation */
@keyframes xunz_an {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes xunz_an {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes xunz_an {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes xunz_an {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

.xunz_an{
  -webkit-animation: xunz_an 0.5s alternate;
  -moz-animation: xunz_an 0.5s alternate;
  -o-animation: xunz_an 0.5s alternate;
  animation: xunz_an 0.5s alternate;
}