.elevator {
    position: fixed;
    right: 15px;
    bottom: 110px;
    z-index:8;
}
.elevator a {
    display: block;
    position: relative;
    margin: 1px 0;
    outline: none;
    height: 60px;
    width: 60px;
    -webkit-transition: background-position 0.15s;
    -moz-transition: background-position 0.15s;
    transition: background-position 0.15s;
    background:url(https://www.peixun.net/static/2017/images/elevator2023.png) no-repeat;
}
.elevator .elevator-weixin {
    background-position: 0 -568px;
}
.elevator .elevator-weixin-box {
    position: absolute;
    /* display: none; */
    width: 172px;
    height: 212px;
    bottom: -10px;
    right: 55px;
    -webkit-transition: opacity 0.25s, transform .3s;
    -moz-transition: opacity 0.25s, transform .3s;
    transition: opacity 0.25s, transform .3s;
    opacity: 0;
    filter: alpha(opacity=0);
    max-width: 0;
    -webkit-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01);
    -webkit-transform-origin: 100% 95%;
    -ms-transform-origin: 100% 95%;
    transform-origin: 100% 95%;
    background: url(https://www.peixun.net/static/2017/images/elevator2023.png) no-repeat 0 0;
}
.elevator .elevator-msg {
    background-position: 0 -426px;
}
.elevator .elevator-app {
    background-position: 0 -708px;
}
.elevator .elevator-app-box {
    position: absolute;
    width: 172px;
    height: 194px;
    bottom: -10px;
    right: 55px;
    -webkit-transition: opacity 0.25s, transform .3s;
    -moz-transition: opacity 0.25s, transform .3s;
    transition: opacity 0.25s, transform .3s;
    opacity: 0;
    filter: alpha(opacity=0);
    max-width: 0;
    -webkit-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01);
    -webkit-transform-origin: 100% 95%;
    -ms-transform-origin: 100% 95%;
    transform-origin: 100% 95%;
    background: url(https://www.peixun.net/static/2017/images/elevator2023.png) no-repeat 0 -222px;
}
.elevator .elevator-top {
    background-position: 0 -849px;
}
.elevator .elevator-weixin:hover {
    background-position: 0 -638px;
}
.elevator .elevator-kefu{
    background-position: 0 -428px;
}
.elevator .elevator-kefu:hover{
    background-position: 0 -498px;
}
.elevator .elevator-weixin:hover .elevator-weixin-box,
.elevator .elevator-app:hover .elevator-app-box{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=1);
    max-width:172px;
}
.elevator .elevator-app:hover {
    background-position: 0 -778px;
}
.elevator .elevator-top:hover {
    background-position: 0 -918px;
}


.elevator .elevator-weixin .elevator-weixin-box div {
    width: 140px;
    height: 185px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    color: #555;
    font-size: 12px;
    line-height: 16px;
    padding-top: 8px;
    margin-top: 10px;
    display: none;
}
.elevator .elevator-weixin .elevator-weixin-box div img {
    width: 140px;
    height: 140px;
}
.elevator .elevator-weixin:hover .elevator-weixin-box div {
    display: block;
}


.elevator a.elevator-kefu {
    display: block;
    position: relative;
    margin: 1px 0;
    outline: none;
    height: 60px;
    width: 60px;
    -webkit-transition: background-position 0.15s;
    -moz-transition: background-position 0.15s;
    transition: background-position 0.15s;
    background:url(https://bbs-cdn.datacourse.cn/peixun/2025/kf.png) no-repeat;
}
.elevator a.elevator-kefu {
    background-position: 0 -215px;
}
.elevator a.elevator-kefu:hover {
    background-position: 0 -285px;
}
.elevator .elevator-kefu-box {
    position: absolute;
    width: 172px;
    height: 194px;
    bottom: -10px;
    right: 55px;
    -webkit-transition: opacity 0.25s, transform .3s;
    -moz-transition: opacity 0.25s, transform .3s;
    transition: opacity 0.25s, transform .3s;
    opacity: 0;
    filter: alpha(opacity=0);
    max-width: 0;
    -webkit-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01);
    -webkit-transform-origin: 100% 95%;
    -ms-transform-origin: 100% 95%;
    transform-origin: 100% 95%;
    background: url(https://bbs-cdn.datacourse.cn/peixun/2025/kf.png) no-repeat 0 -15px;
}
.elevator a.elevator-kefu:hover .elevator-kefu-box{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=1);
    max-width:172px;
}