/*自定义 在线客服悬浮*/
.sideBar {
    position: fixed; /*固定定位*/
    right: -182px;
    top: 50%;
    background-color: #ffffff;
    border: #eea236 solid 1px;
    transition: right 0.5s;
    border: solid 1px red;
    z-index: 1999;
}

    /*点击出来*/
    .sideBar:hover {
        right: 0;
    }

    .sideBar > div {
        position: relative;
    }

    .sideBar .tips {
        position: absolute;
        height: 120px;
        line-height: 25px;
        background-color: #eea236;
        width: 40px;
        left: -40px;
        top: 50px;
        text-align: center;
        box-sizing: border-box;
        padding: 10px 10px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        font-weight: bold;
        color: #ffffff;
    }

    .sideBar .list {
        padding: 0;
        list-style: none;
        width: 180px;
        margin: 0;
    }

        .sideBar .list > li {
            padding: 15px;
            border-top: #eea236 dashed 1px;
        }

            .sideBar .list > li:hover {
                background-color: #f0ad4e;
                color: #ffffff;
            }

            /*匹配 <p> 的父元素的第一个<p>元素*/
            /*去掉第一个上边框  以免和div上框重合*/
            .sideBar .list > li:first-child {
                border-top: none;
            }