.lineBox{

        position: fixed!important;

        bottom: 30%;

        right: 0px;

        left: auto;

        z-index: 999999;

    }

    .lineBox .lineItem{

        cursor: pointer;

        width: 50px;

        height: 55px;

        background: #135a66;

        margin-bottom: 1px;

        color: #fff;

        line-height: 55px;

        text-align: center;

        position: relative;

    }

    .lineItem .layui-icon{

        font-size: 26px;

    }

    .lineItem:hover{

        opacity: 0.8;

    }

    .lineTop{

        margin-top: 4px;

    }

    .lineTip{

        border-radius: 2px;

        box-shadow: 1px 1px 3px rgba(0,0,0,.2);

        position: absolute;

        top:0px;

        right: 59px;

        color: #000;

        padding: 0 10px;

        background: #fff;

        display: none;

    }

    .lineTip:before, .lineTip:after {

        content: "";

        display: block;

        position: absolute;

        width: 0;

        height: 0;

        border: 8px solid transparent;

        border-left-color: rgba(255,255,255,1);

        right: -16px;

        top: 10px;

        z-index: 1;

    }



    .lineTip:after{

        right: -18px;

        border-left-color: rgb(237,237,237);

        z-index: 0;

    }

    .lineWechat{

        width: 100px;

        height: 100px;

        padding: 0px;

    }