@charset "utf-8";
/* AB模板网提供代码 www.adminbuy.cn */

/*浮动客服 - 固定右下角版本*/
.toolbar{
    position: fixed;  /* 固定定位 */
    right: 1%;        /* 距离右侧1% */
    bottom: 10%;       /* 距离底部1%（核心：替换top为bottom） */
    margin-top: 0;    /* 取消垂直居中的margin-top */
    z-index: 100;     /* 确保在最上层 */
    width: 60px;
}
.toolbar dd{
    position: relative;
    float: left;
    clear: both;      /* 新增：确保按钮垂直排列，不换行 */
    width: 60px;
    height: 60px;
    background: #017045;
    margin: 2px 0 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{
    width: 100%;
    height: 30px;
    display: block;
    margin-top: 13px;
    background: url(../images/toolbar.png) no-repeat center 0;
}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff; text-align:center}
.toolbar dd.tel .box{
    position: absolute;
    top: 0;
    width: 190px;
    right: -200px;
    height: 100%;
    margin-right: 10px;
    border-radius: 5px;
    background: #017045;
    opacity: 0;
    transition: all .5s; 
    text-align:center
}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px; text-align:center}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;text-align:center}
.toolbar dd.tel .box:after{
    display: block;
    content: " ";
    border-style: solid dashed dashed dashed;
    border-color: transparent  transparent transparent #017045;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -18px;
    margin-left: -12px;
}
.toolbar dd.code .box{
    position: absolute;
    top: 0;
    width: 162px;
    right: -172px;
    height: 162px;
    margin-right: 10px;
    border-radius: 5px;
    background: #017045;
    opacity: 0;
    transition: all .5s;
}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{
    display: block;
    content: " ";
    border-style: solid dashed dashed dashed;
    border-color: transparent  transparent transparent #017045;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: 30px;
    right: -18px;
    margin-left: -12px;
}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}




/* 修复拨号链接的样式，继承按钮原有样式 */
.toolbar dd.tel a{
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;  /* 文字颜色继承按钮的白色 */
  text-decoration: none;  /* 去掉下划线 */
}
/* 弹窗内号码链接样式 */
.toolbar dd.tel .box h3 a{
  width: auto;
  height: auto;
  color: #fff;
}