﻿ ul{list-style: none;}
 .sha_contact {
        position: fixed;
        bottom: 0;
        right: 331px;
        z-index: 10000;
        width: 460px;
        height: 60px;
    }
    .sha_contact .text {
        width: 160px;
        float: left;
        padding: 12px 30px;
        color: #fff;
        background: #f38800;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        font-weight: bold;
        font-style: italic;
        height: 60px;
    }
    .sha_contact .Li {
        float: left;
        width: 60px;
        height: 60px;
        position: relative;
        cursor: pointer;
    }
    .sha_contact .Li .box {
        width: 60px;
        height: 60px;
        background: #eb6349;
        text-align: center;
        padding-top: 8px;
        margin-top:0;
    }
        .sha_contact .Li .showserver {
            width: 292px;
            padding: 10px;
            background: #eb6349;
            position: absolute;
            bottom: 60px;
            left: 50%;
            margin-left: -154px;
            display: none;
        }
        .sha_contact .Li .showserver .left {
            height: 100%;
            float: left;
            background: #fff;
            padding: 10px 10px 0px 10px
        }
    .sha_contact .Li .showserver .left p {
        width: 100%;
        line-height: 10px;
        text-align: center;
        font-size: 12px;
        padding: 5px 0px;
    }
    .sha_contact .Li .box img {
        border-radius: 50%;
        display: block;
        margin: 0 auto;
    }
    .sha_contact .Li .box span {
        color: #fff;
        font-size: 13px;
    }
        .sha_contact .Li .showserver .right {
            width: 158px;
            height: 100%;
            padding-left: 10px; 
            float: right;
        }
        .sha_contact .Li .showserver .right ul{padding:0px;}
        .sha_contact .Li .showserver .right li {
            height: 40px;
            padding-left: 24px;
            background: url(/temp_img/Kefu/phone.png) no-repeat left 1px;
        }
    .sha_contact .Li .showserver .right li h4 {
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        line-height: 16px;
        margin-bottom: 0px;
    }
    .sha_contact .Li .showserver .right li h5 {
        font-size: 12px;
        color: #fff;
        opacity: .9;
        font-weight: normal;
    }
        .sha_contact .Li .showserver .right .skype {
            background: url(/temp_img/Kefu/skype.png) no-repeat left 1px;
        }
        .sha_contact .Li .showserver .right .whatsApp {
            background: url(/temp_img/Kefu/whatsapp.png) no-repeat left 1px;
        }
        .sha_contact .Li .showserver .right .twitter {
            background: url(/temp_img/Kefu/twitter.png) no-repeat left 1px;
        }
        .sha_contact .Li .showserver .right .line {
            background: url(/temp_img/Kefu/line.png) no-repeat left 1px;
        }
        .sha_contact .Li .showserver .right .Facebook {
            background: url(/temp_img/Kefu/Facebook.png) no-repeat left 1px;
        }
        .sha_contact .Li .showserver .right .ins {
            background: url(/temp_img/Kefu/ins.png) no-repeat left 1px;
        }
        .sha_contact .Li .showserver .right .Instgram {
            background: url(/temp_img/Kefu/Instgram.png) no-repeat left 1px;
        }
        .sha_contact .Li .showserver .right .qq {
            background: url(/temp_img/Kefu/qq.png) no-repeat left 1px;
        }

        .sha_contact .Li .showserver .right .email {
            background: url(/temp_img/Kefu/email.png) no-repeat left 1px;
        }


    .sha_contact .li2 .box {
        background: #1e9ef6;
    }
    .sha_contact .li2 .showserver {
        background: #1e9ef6;
    }
    .sha_contact .li2 .left p {
        color: #1e9ef6;
    }


        .sha_contact .li3 .box {
            background: #169e41;
        }

        .sha_contact .li3 .showserver {
            background: #169e41;
        }

        .sha_contact .li3 .left p {
            color: #169e41;
        }


        .sha_contact .li4 .box {
            background: #8dc249;
        }

        .sha_contact .li4 .showserver {
            background: #8dc249;
        }

        .sha_contact .li4 .left p {
            color: #8dc249;
        }