.cd-top {
  display: inline-block;
  height: 68px;
  width: 68px;
  border:solid 0px #ededed; 
  border-radius:0px;
  position: fixed;
  bottom: 200px;
  right: 0px;
  overflow: hidden;
  white-space: nowrap;
  background: #fff url(../images/top-arrow.png) no-repeat center 14px;
  background-size:30%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 5px 17px 0 rgba(0,0,0,.15);
  color:#1d1d1d;
  text-align: center;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: 1;
}
.cd-top:hover {
  background-color: #fff;
  opacity: 1;
  box-shadow: 0 4px 30px rgba(138,141,147,.4);
}

.cd-top span{ display: block; font-size:12px; color:#1d1d1d; padding-top: 40px;  }


.fixed-nav{ position: fixed; right:0px;bottom:268px; display: flex; flex-direction: column; box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);font-family:Arial,sans-serif;}
.fixed-nav-item{ width: 68px; height:68px; background: #fff; color:#1d1d1d; border-bottom:solid 1px #efefef; text-align: center; padding-top: 8px;margin-top: 0px; position: relative; }
.fixed-nav-item:first-child{ border-radius: 0 ; }
.fixed-nav-item:last-child{ border-radius:0 ; border: 0;}
.fixed-nav-item .iconfont{ display: inline-block; height:34px; font-size:22px; vertical-align: top; color:#289575;}
.fixed-nav-item .icon-jilu{ height:36px;font-size:25px;  }
.fixed-nav-item .icon-xianshang{ margin-top: 2px;height:32px; }
.fixed-nav-item .icon-qq1{ font-size: 26px; display: block; margin-top: -2px; height:37px; }
.fixed-nav-item .icon-weixin{ font-size: 23px;  }
.fixed-nav-item .icon-dianhua1{ font-size: 24px;  }
.fixed-nav-item .fix-nav-text{ display: block; font-size:12px; line-height: 1; margin-top: 1px; }
.fixed-nav-item .fn-link{ display: block; color:#1d1d1d;}
.fixed-nav-item:hover .fn-link{ display: block; color:#fff;}
.fixed-nav-show{ display: none;}
.fixed-nav-item:hover{ background: #289575; color:#fff; border-color:#289575;}
.fixed-nav-item:hover .iconfont{ color:#fff;}
.fixed-nav-item:hover .fixed-nav-show{ display: block; position: absolute; right:64px; top: 0;}
.fixed-nav-item:hover .fixed-nav-show-bottom{ top:inherit; bottom:0}
.show-content{ padding: 20px; text-align: center; background: #fff;box-shadow: 0 5px 15px 0 rgba(138,141,147,.4); margin-right: 18px; position: relative; }
.show-content:before{ content:'';position: absolute;top:15px; right:-16px; border: 8px solid transparent;border-left: 8px solid #fff;width: 0;height: 0px;}
.show-content-zc{ width: 230px;}
.show-content-qq{ text-align: center; padding:22px 39px; min-width: 170px; min-height: 68px;  }
.show-content-weixin{ padding:5px }
.show-content-tel{ width: 240px; text-align: left;color:#333; }
.show-content-qun{ width: 320px; text-align: left;color:#333;}
.show-content-qun:before{ top:inherit; bottom:26px }
.show-content a{ color:#333; display: inline-block;}
.show-content a.btn-primary{ color:#fff}

.show-qq-num{ display: inline-block; font-size: 12px; text-align: left; line-height: 22px;}
.show-qq-num b{ font-size: 20px; font-weight: normal;}
.fn-erweima { width: 160px; height:160px;}
.fn-erweima img{ width: 160px; height:160px;}
.icon-circle{display:inline-block; width: 44px; height:44px; line-height: 44px; text-align: center; background: #f1f1f3; border-radius: 50%; overflow: hidden; vertical-align: top; margin-right: 8px;}
.icon-circle .iconfont{ font-size: 26px; color:#777 !important;}

.show-title{ font-size: 16px; border-bottom: solid 1px #ededed; padding-bottom: 10px; margin-bottom: 10px; clear: both; font-weight: bold;}

.qun-list{ clear: both; padding-bottom: 20px;}
.qun-item{ margin-bottom: 12px; width: 49%; display: inline-block;}
.qun-item a{ line-height: 22px;}
.qun-item a:hover{ color: #2a92ff;}

.icon-img-qq{ display:inline-block; width: 22px; height:22px; background: #f1f1f3 url(../images/icon-qq.png) no-repeat center 6px; background-size:72% auto ; border-radius: 50%; overflow: hidden; vertical-align: top; margin-right: 8px; transition: .5s;}
.qun-item:hover a .icon-img-qq{ background: #f1f1f3 url(../images/icon-qq.png) no-repeat center center; background-size:72% auto ;} 
.qun-ft{ color:#adb6c4; border-top:solid 1px #ededed; padding: 10px 0 4px; margin-top: -10px; font-size: 13px;}


@media (max-width: 640px){ 
  .cd-top {
    right: 14px;
    bottom: 76px;
    border-radius: 4px;
    height:44px;
    width: 44px;
    background-size:35%;
  }
  .cd-top span{ display: none;}
  .fixed-nav{ width: 100%; left:0; right:0px;bottom:0px;flex-direction: row;box-shadow: 0 0px 20px 0 rgba(0,0,0,.2);}
  .fixed-nav-item{ width: auto; height:60px; flex:1; border-bottom: 0;padding-top: 5px;}
  .show-content{ margin-right: 0px; margin-bottom: 18px; }
  .show-content:before{ top:inherit; right:inherit; left:30px; bottom:-16px; border: 8px solid transparent;border-top: 8px solid #fff;}
  .fixed-nav-item:hover .fixed-nav-show,.fixed-nav-item:active .fixed-nav-show{ right:inherit; top: inherit; bottom:57px;}
  .fixed-nav-item:hover .fixed-nav-show-bottom,.fixed-nav-item:active .fixed-nav-show-bottom{ position: fixed; top:inherit; bottom:57px; right:15px; left:15px;}
  .fixed-nav-item:hover .fixed-nav-show-weixin,.fixed-nav-item:active .fixed-nav-show-weixin{ top:inherit; bottom:57px; right:0px; left:50%; margin-left:-85px ;}
  .fixed-nav-item:hover .fixed-nav-show-weixin .show-content:before,.fixed-nav-item:active .fixed-nav-show-weixin .show-content:before{ left:50%; right:inherit; margin-left: -8px; }
  .fixed-nav-show-weixin .show-content{ width: 170px;}
  .fixed-nav-item:hover .fixed-nav-show-tel,.fixed-nav-item:active .fixed-nav-show-tel{ top:inherit; bottom:56px; right:0px; left:inherit;}
  .fixed-nav-item:hover .fixed-nav-show-tel .show-content:before,.fixed-nav-item:active .fixed-nav-show-tel .show-content:before{ left:inherit; right:30px; }
  .fixed-nav-item:hover .fixed-nav-show-bottom .show-content,.fixed-nav-item:active .fixed-nav-show-bottom .show-content{ width: 100%;}
  .fixed-nav-item:hover .fixed-nav-show-bottom .show-content:before,.fixed-nav-item:active .fixed-nav-show-bottom .show-content:before{ left:inherit; right:15px; }
  .fixed-nav-item .fadeInRight{ 
    -webkit-animation-name: fadeInUp !important;
	  animation-name: fadeInUp !important;
  }
}