﻿.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:48px;position:fixed;right:10px;bottom:200px;z-index:9999;}
.sidebar .sidebar_in{width:48px;height:193px;}
.sidebar .wechat{transition:all ease-in 0.3s;cursor:pointer;position:relative;z-index:99;width:48px;height:48px;background:rgba(0,0,0,0.8) url(../images/icon_wx.png) no-repeat center;}
.sidebar .wechat:hover{background-color:rgba(0,0,0,0.4);}
.sidebar .QQ_chat{border-bottom:1px #444 solid;position:relative;transition:all ease-in 0.3s;cursor:pointer;position:relative;z-index:99;width:48px;height:48px;background:rgba(0,0,0,0.8) url(../images/icon_qqx.png) no-repeat center;}
.sidebar .QQ_chat .QQ_hover{width:48px;text-align:center;font-size:16px;line-height:48px;color:#fff;position:absolute;left:0;top:0;background:#aaaaaa;}

.sidebar .app_download{border-bottom:1px #444 solid;width:48px;text-align:center;font-size:16px;padding:4px 0 4px 0;line-height:20px;color:#fff;background:rgba(0,0,0,0.8);cursor:pointer;position:relative;z-index:99;}
.sidebar .app_download .app_hover{position:relative;transition:all ease-in 0.3s;position:absolute;left:0;top:0;width:48px;height:48px;background:#aaaaaa url(../images/download-app-.png) no-repeat center;}
.sidebar .go_top{cursor:pointer;width:48px;height:48px;background:rgba(0,0,0,0.8) url(../images/bg_top.png) no-repeat center;}
.sidebar .go_top:hover{background-color:rgba(0,0,0,0.4);}
.sidebar .QQgroup_chat{border-bottom:1px #444 solid;transition:all ease-in 0.3s;cursor:pointer;position:relative;z-index:99;width:48px;height:48px;background:rgba(0,0,0,0.8) url(../images/icon_qq.png) no-repeat center;}
.sidebar .QQgroup_chat .QQgroup_hover{width:48px;text-align:center;font-size:16px;padding:4px 0 4px 0;line-height:20px;color:#fff;position:absolute;left:0;top:0;background:#aaaaaa;}
.sidebar .phone_chat{border-bottom:1px #444 solid;transition:all ease-in 0.3s;cursor:pointer;position:relative;z-index:99;width:48px;height:48px;background:rgba(0,0,0,0.8) url(../images/icon_phone.png) no-repeat center;}
.sidebar .phone_chat .phone_hover{width:48px;text-align:center;font-size:16px;padding:4px 0 4px 0;line-height:20px;color:#fff;position:absolute;left:0;top:0;background:#aaaaaa;}
.show_app_ma{width:184px;height:222px;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:138px;background:url(../images/app.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;}
.show_wechat_ma, .show_QQ_ma, .show_phone_ma{height:144px;border-radius:4px;border:1px #bfbfbf solid;position:absolute;left:-240px;top:-20px;background:#fff;}
.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: 221px;border-left-color: #bfbfbf !important;z-index: 100;}
.show_QQ_ma:after{ left: 220px; 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:220px;height:32px;border-rasius: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:20px 0 0 20px;}
.show_QQ_ma .ma_erm1 .erm2{padding:0 0 10px 0;}
.show_QQ_ma .ma_erm1 .erm2 a{display:block;background:url(../images/bg_qq.png) no-repeat left center;color:#6d6d6d;font-size:14px;line-height:20px;padding:0 0 0 28px;}
.show_QQ_ma .ma_erm1 .erm2 a:hover{color:#2eab23;}
.show_phone_ma .ma_erm1{padding:20px 0 0 20px;}
.show_phone_ma .ma_erm1 .erm4{padding:0 0 10px 0;}
.show_phone_ma .ma_erm1 .erm4 a{display:block;background: url(../images/bg_phone.png) no-repeat left center;background-size:11px;color:#6d6d6d;font-size:14px;line-height:20px;padding:0 0 0 18px;}
*::before, *::after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}