.sideNavbar {
    width: 62px;
    height: 186px;
    position: fixed;
    right: 0px;
    top: 50%;
    top: calc(50% - 93px);
    z-index: 99999;
}

.sideNavbar  .sideNavbarUnit {
    width: 62px;
    height: 62px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    cursor: pointer;
    position: relative;
}

.sideNavbar  .sideNavbarUnit#sideGoBackToTop {
    display: none;
}

.sideNavbar  .sideNavbarUnit .sideNavbarUnitImg {
    width: 20px;
    height: 20px;
    margin-top: 13px;
    display: inline-block;
}

.sideNavbar  .sideNavbarUnit .sideNavbarUnitImg.side1 {
    background: url(./img/sideNavbar-phone.png) center no-repeat;
}

.sideNavbar  .sideNavbarUnit .sideNavbarUnitImg.side2 {
    background: url(./img/sideNavbar-wetchat.png) center no-repeat;
}

.sideNavbar  .sideNavbarUnit .sideNavbarUnitImg.side3 {
    height: 100%;
    margin: 0;
    background: url(./img/sideNavbar-totop.png) center no-repeat;
}

.sideNavbar  .sideNavbarUnit .info {
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
    letter-spacing: 0.25px;
    text-align: center;
    display: block;
}

.sideNavbar  .sideNavbarUnit .cellPhone {
    position: absolute;
    right: 76px;
    bottom: 6px;
    background: white;
    box-shadow: 0 2px 10px 0 rgba(0, 81, 129, 0.25);
    border-radius: 4px;
    letter-spacing: 0.44px;
    width: 270px;
    height: 40px;
    color: #303133;
    display: none;
}

.sideNavbar  .sideNavbarUnit .cellPhone p {
    padding: 4px 0;
    text-align: left;
    margin: 0 12px;
    font-size: 16px;
    line-height: 32px;
    color: #303133;
    letter-spacing: 0.56px;
}

.sideNavbar  .sideNavbarUnit .cellPhone i {
    display: inline-block;
    position: absolute;
    right: -10px;
    width: 18px;
    height: 18px;
    background: url(./img/sideNavbar-triangle.png) center no-repeat;
    bottom: 11px;
}

.sideNavbar  .sideNavbarUnit .wechat {
    position: absolute;
    right: 78px;
    bottom: -30px;
    background: white;
    box-shadow: 0 2px 10px 0 rgba(0, 81, 129, 0.25);
    border-radius: 4px;
    letter-spacing: 0.44px;
    width: 120px;
    height: 120px;
    display: none;
}

.sideNavbar  .sideNavbarUnit .wechat .code {
    width: 110px;
    height: 110px;
    margin: 5px;
    display: block;
    background: url(./img/sideNavbar-ercode.jpg) center no-repeat;
}

.sideNavbar  .sideNavbarUnit .wechat i {
    display: inline-block;
    position: absolute;
    right: -12px;
    width: 18px;
    height: 18px;
    background: url(./img/sideNavbar-triangle.png) center no-repeat;
    bottom: 50px;
}

.sideNavbar  .sideNavbarUnit:hover {
    background-color: #0E6EF0;
}

.sideNavbar  .sideNavbarUnit#sidePhoneBtn:hover .cellPhone{
    display: block;
}

.sideNavbar  .sideNavbarUnit#sideFocusUsBtn:hover .wechat{
    display: block;
}