﻿* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}
/*客服代码部分*/
.qqserver .qqserver-header:after, .qqserver .qqserver-header:before, .qqserver li a:after, .qqserver li a:before {
    display: table;
    content: ' '
}

.qqserver .qqserver-header:after, .qqserver li a:after {
    clear: both
}

.qqserver .qqserver-header, .qqserver li a, .tabs, .user-main, .view-category, .view-category-list > li {
    *zoom: 1
}

.qqserver {
    position: fixed;
    top: 50%;
    right: 0;
    height: 209px;
    margin-top: -104px;
    z-index: 90;
}

    .qqserver.unfold .qqserver-body {
        right: 0
    }

    .qqserver .qqserver-body {
        position: absolute;
        right: -144px;
        width: 122px;
        height: 183px;
        padding: 12px 10px;
        -webkit-transition: .3s cubic-bezier(.19,1,.22,1);
        -o-transition: .3s cubic-bezier(.19,1,.22,1);
        transition: .3s cubic-bezier(.19,1,.22,1);
        border: 1px solid #1d2088;
        border-radius: 4px;
        background: #f4f7fa
    }

    .qqserver .qqserver_fold {
        position: absolute;
        right: 0;
        padding: 10px 7px 18px 7px;
        cursor: pointer;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background: #1d2088
    }

    .qqserver .qqserver-header {
        padding-bottom: 10px;
        padding-left: 6px;
        border-bottom: 1px dashed #d1d4cc;
        cursor:pointer;
    }

        .qqserver .qqserver-header * {
            float: left
        }

    .qqserver .qqserver_arrow {
        margin-top: -1px;
        margin-left: 7px;
        cursor: pointer
    }

    .qqserver li {
        margin-top:12px
    }

        .qqserver li a {
            display: block;
        }

            .qqserver li a div {
                font-size: 15px;
                float: left;
                color: #697466;
                padding-left: 25px;
            }

            .qqserver li a span {
                font-size: 12px;
                line-height: 18px;
                float: left;
                text-indent: 4px;
                color: #fff
            }

                .qqserver li a span.qqserver-service-alert {
                    font-weight: 400;
                    display: block
                }

            .qqserver li a:hover {
                text-decoration: none;
                border-radius: 4px;
                background: #eaebe9
            }

                .qqserver li a:hover div {
                    color: #1d2088
                }

    .qqserver .qqserver-footer {
        margin-top: 10px;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 11px;
        border-top: 1px dashed #d1d4cc
    }

        .qqserver .qqserver-footer .text-primary {
            color: #1d2088;
            font-size: 14px;
        }

    .qqserver .qqserver_icon-alert {
        display: inline-block;
        margin-right: 10px;
        vertical-align: -3px;
        *display: inline;
        *zoom: 1;
        *vertical-align: -1px
    }

.qqserver-header div {
    width: 90px;
    height: 18px;
}

.qqserver_icon-alert {
    width: 16px;
    height: 14px;
}

.qqserver li a .qqserver-service-alert {
    height: 22px;
}

.qqserver_fold {
    width: 26px;
    height: 132px;
}

    .qqserver_fold:hover {
        width: 26px;
        height: 132px;
    }

.starthead {
    height: 28px;
    background-image: url(images/kefu.png);
    background-repeat: no-repeat;
    background-size: 27px 27px;
}

.startbody {
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin-top:5px;
}

.startbtm {
    height: 28px;
    background-image: url(images/turning_left.png);
    background-repeat: no-repeat;
    background-size: 27px 27px;
}

.hdleft {
    height: 22px;
    background-image: url(images/kefu_green.png);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    width: 22px;
}

.hdcenter {
    font-size: 15px;
    color: #1d2088;
    text-align: center;
    margin-left:10px;
}

.hdright {
    background-image: url(images/turning_right.png);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    width:22px;
    height:22px;
}
.qqserver-body ul li a.aimqq {
    height: 22px;
    background-image: url(/html/SkinStyles/Images/Oauth/QQ.png);
    background-repeat: no-repeat;
    background-size: 22px 22px;
    margin-left: 10px;
    margin-bottom:9px;
}
/*以下为颜色调整*/
.qqserver .qqserver_fold {
    background-color: #008151;
}
.hdcenter, .qqserver li a:hover div {
    color: #008151;
}
.qqserver .qqserver-body {
border-color:#008151;
}