.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; } 

.clearfix { *zoom: 1; }
.clear { clear: both; }
.display_none{display:none;}
 
.sidebar { width:80px;position:fixed;right:16px;bottom:200px;z-index:9999; }
.sidebar .sidebar_in{ position:relative; width:80px;height:240px;border-radius: 6px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.35);background-color: #3379ff;}
 /*--*/
.sidebar .sidebar_in p.aa { position:absolute; z-index:199;left:14px;top:55px;color:#fff;font-weight:bold; font-size: 14px; }
.sidebar .sidebar_in p.ab { position:absolute;z-index:222;left:14px;top:135px;color:#fff;font-weight:bold;font-size: 14px;}
.sidebar .sidebar_in p.ac { position:absolute;z-index:333;left:14px;top:215px;color:#fff;font-weight:bold;font-size: 14px;}
 
.sidebar .app_weixin{border-bottom:1px #6298ff solid;width:80px;height:80px;text-align:center;font-size:16px;padding:0px 0 0px 0;line-height:20px;color:#fff; cursor:pointer;position:relative;z-index:99; background:url(../images/kefu/download-app-.png) no-repeat center 16px;}
.sidebar .app_weixin .app_hover{ position:relative;transition:all ease-in 0.3s;position:absolute;left:0;top:0;width:80px;height:80px; border-radius: 6px 6px 0 0;}
  /*--*/

.sidebar .app_gift{border-bottom:0px #6298ff solid;width:80px;height:160px;text-align:center;font-size:16px;padding:0px 0 0px 0;line-height:20px;color:#fff; cursor:pointer;position:relative;z-index:99; background:url(../images/kefu/download-app-.png) no-repeat center 16px;}


.sidebar .qalist_chat{ border-bottom:1px #6298ff solid;position:relative;transition:all ease-in 0.3s;cursor:pointer;position:relative;z-index:99;width:80px;height:80px;background: url(../images/kefu/icon_qqx.png) no-repeat center 16px;}
.sidebar .qalist_chat           .QQ_hover{ width:80px;height:80px;text-align:center;font-size:16px;line-height:48px;color:#fff;position:absolute;left:0;top:0; background:#4272cc url(../images/kefu/icon_qqx.png) no-repeat center 16px;}

.sidebar .buy_chat{ transition:all ease-in 0.3s;cursor:pointer;position:relative;z-index:99;width:80px;height:80px;background:url(../images/kefu/icon_gd.png) no-repeat center 16px;}
.sidebar .buy_chat .QQgroup_hover{ width:80px;height:80px; overflow:hidden;text-align:center;font-size:16px; line-height:48px;color:#fff;position:absolute;left:0;top:0;background:#4272cc url(../images/kefu/icon_gd.png) no-repeat center 16px;border-radius: 0 0 6px 6px ;padding:0;margin:0;}


.sidebar .go_top{ margin-top:5px; cursor:pointer;width:80px;height:40px;background:#4272cc; border-radius: 6px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.35); background:#3379ff url(../images/kefu/bg_top.png) no-repeat center;}
.sidebar .go_top:hover{ background:#4272cc url(../images/kefu/bg_top.png) no-repeat center; } 

.show_app_ma{width:184px;height:262px;border-radius:4px;border:1px #bfbfbf solid;position:absolute;left:-202px;top:-20px;background:#fff;}
.show_app_ma .app_erm1{padding:22px 22px 0;text-align:center;}
.show_app_ma .app_erm1 .appma_img{width:138px;height:180px;background:url(../images/kefu/app2.png) no-repeat left center;background-size:138px;}
.show_app_ma .app_erm1 p{font-size:14px;color:#333;line-height:20px;padding:4px 0 0 0;}
/*--conner--*/
.show_wechat_ma, .show_QQ_ma, .show_phone_ma{height:200px;border-radius:4px;border:1px #bfbfbf solid;position:absolute;left:-250px;top:-20px;background:#fff;}
/*--conner--*/
.show_app_ma:before, .show_app_ma:after{content: ' ';height: 0;position: absolute;left: 50%;margin-left: -7px;width: 0;border: 7px solid transparent;}
.show_app_ma:before, .show_app_ma:after{top:38px;margin:0;}

.show_app_ma:before{left: 183px;border-left-color: #bfbfbf !important;z-index: 100;}
.show_app_ma:after{ left: 182px; border-left-color: white !important; z-index: 101; }
.show_wechat_ma:before, .show_wechat_ma:after{content: ' ';height: 0;position: absolute;left: 50%;margin-left: -7px;width: 0;border: 7px solid transparent;}
.show_wechat_ma:before, .show_wechat_ma:after {top:38px;margin:0;}
.show_wechat_ma:before{left: 221px;border-left-color: #bfbfbf !important;z-index: 100;}
.show_wechat_ma:after{ left: 220px; border-left-color: white !important; z-index: 101; }

 
.show_QQ_ma:before, .show_QQ_ma:after{content: ' ';height: 0;position: absolute;left: 50%;margin-left: -7px;width: 0;border: 7px solid transparent;}
.show_QQ_ma:before, .show_QQ_ma:after{top:38px;margin:0;}

.show_QQ_ma:before{left: 213px; border-left-color: #bfbfbf !important;z-index: 100;}
.show_QQ_ma:after{ left: 212px; border-left-color: white !important; z-index: 101; }

.show_phone_ma:before, .show_phone_ma:after{content: ' ';height: 0;position: absolute;left: 50%;margin-left: -7px;width: 0;border: 7px solid transparent;}
.show_phone_ma:before, .show_phone_ma:after{top:38px;margin:0;}
.show_phone_ma:before{left: 221px;border-left-color: #bfbfbf !important;z-index: 100;}
.show_phone_ma:after{ left: 220px; border-left-color: white !important; z-index: 101; }

.show_wechat_ma p, .show_QQ_ma p, .show_phone_ma p{width:212px;height:32px; border-radius:4px 4px 0 0;line-height:32px;background:#efefef;color:#333;padding:0 0 0 10px;}
.show_wechat_ma .ma_erm, .show_QQ_ma ma_erm1{width:100%;}
.show_wechat_ma .ma_erm .erm1{float:left;width:84px;height:84px;margin:12px 12px 0 ;}
.show_wechat_ma .ma_erm .erm1 img{width:84px;height:84px;}

.show_QQ_ma .ma_erm1{ padding:10px 0 0 10px;font-size:12px; color:#2eab23;}
.show_QQ_ma .ma_erm1 .erm2{padding:0 0 5px 0; }
.show_QQ_ma .ma_erm1 .erm2 a{display:block; color:#6d6d6d;font-size:14px;line-height:14px;padding:2px; font-weight: normal;}
.show_QQ_ma .ma_erm1 .erm2 a:hover{color:#2eab23;}