
.dmkefu{position:fixed;top:35%;right:0px;width:50px;background: rgba(0,0,0,0.3);z-index:200}
.dmkefu.close{z-index:50}
.dmkefu ul.icons{position:absolute;list-style:none;right:0px;padding:0px;width:50px;border:1px solid #333;border-right:none;background:#111;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.dmkefu.close ul.icons{right:-70px}
.dmkefu ul.icons li i{display:block;position:relative;width:50px;height:50px;background:url(../images/icons.png) no-repeat;cursor:pointer;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:210}
.dmkefu ul.icons li.active i{-moz-opacity:0.4;opacity:0.4}
.dmkefu ul.icons li.up i{background-position:-63px -150px}
.dmkefu ul.icons li.tel i{background-position:-62px -108px}
.dmkefu ul.icons li.im i{background-position:-63px -20px}
.dmkefu ul.icons li.wechat i{background-position:-59px -66px}
.dmkefu ul.icons li.down i{background-position:-63px -190px}
.dmkefu ul.icons li a{color:#fff;}
.dmkefu ul.icons li p{font-size:12px;display:block;position:absolute;top:50px;right:-260px;padding:15px 20px; color:white;line-height:30px;border:1px solid #333;border-right:none; -moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;
background: #333;
-webkit-transition:all .4s ease-in-out .1s;-moz-transition:all .4s ease-in-out .1s;-ms-transition:all .4s ease-in-out .1s;-o-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;overflow:hidden;z-index:201}
.dmkefu ul.icons li.active p{right:50px; }
 
.dmkefu ul.icons li.kfhover p{width:145px}
 
.dmkefu ul.icons li.im p a{display:block;margin-top:12px;width:110px;height:35px;line-height:32px;color:#1366B9;font-size:16px;text-align:center;text-decoration:none;border:1px solid #1366B9;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.dmkefu ul.icons li.im p a:hover{color:white;background:#0B77D1;border:1px solid #3DA8E0}
.dmkefu ul.icons li.wechat p{width:118px}
.dmkefu ul.icons li.wechat p img{width:115px;border:2px solid white}
.kefuonoff{position:absolute;display:block;top:270px;right:11px;width:26px;height:26px;background:url(../images/icons.png) no-repeat 0px -640px;cursor:pointer;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-ms-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}
.kefuonoff.off{background-position:-32px -640px}
