/*红色*/
.SonlineBox{ width:200px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:31px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#c30202 url(../images/redOpen.jpg) no-repeat;} 
.SonlineBox .titleBox{ width:200px; height:35px; line-height:35px; background:#dc1e32;repeat-x; border-bottom:2px solid #dc1e32;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:15px; font-family:'Open Sans',Arial,Helvetica,sans-senif,'Microsoft Yahei',SimSun,\u5b8b\u4f53;font-weight:bold;}
.SonlineBox .contentBox{ width:195px; height:auto; border:2px solid #dc1e32; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{background:#dc1e32;url(../images/closeBtnImg.gif) no-repeat; overflow:hidden; width:38px; height:37px; display:block; cursor:pointer;  position:absolute; top:px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox .contentBox .listBox .QQList a{float:left;}