/*默认蓝色*/
.SonlineBox{ width:82px;font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:108px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(../images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ background: url(../images/q1.png) no-repeat;
    height: 67px;}

.SonlineBox .titleBox span{ position: absolute;
    text-align: center;
    top: 43px;height: 22px;cursor: pointer;
    line-height: 22px;
    width: 100%;color:#fff; font-size:12px; font-family:'微软雅黑','黑体';}
.SonlineBox .titleBox span:hover{ color:#f6b743;}
.SonlineBox .contentBox{ width:82px; height:auto; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{cursor: pointer;
    display: block;
    font-size: 0;
    height: 9px;
    line-height: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 9px;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:4px;border: 1px solid #BECFCF; border-top:none;background:#fff;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:77px;line-height: 22px; margin:6px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{display: block;
    float: left;height:22px;
    line-height: 22px;
    text-align: center;
    width: 100%;}
.SonlineBox .contentBox