/* 代码整理：大头网 www.datouwang.com */
/*默认蓝色*/
.SonlineBox{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#0176ba url(/templates/user_templates_O2O/images/openTrigger.jpg) no-repeat;}
.SonlineBox .titleBox{ width:158px; height:35px; line-height:35px; background:#038bdc url(/templates/user_templates_O2O/images/SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #0176ba;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ width:158px; height:auto; border:2px solid #0176ba; background:#fff; position:absolute; z-index:2;}
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;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;}

/*灰色*/
.SonlineBox2{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox2 .openTrigger{ width:31px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#7b7b7b url(/templates/user_templates_O2O/images/grayOpen.jpg) no-repeat;} 
.SonlineBox2 .titleBox{ width:158px; height:35px; line-height:35px; background:#00a91c url(/templates/user_templates_O2O/images/grayTitleBg.gif) repeat-x; border-bottom:2px solid #7b7b7b;}
.SonlineBox2 .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox2 .contentBox{ width:158px; height:auto; border:2px solid #7b7b7b; background:#fff; position:absolute; z-index:2;}
.SonlineBox2 .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox2 .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox2 .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox2 .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox2 .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox2 .contentBox .listBox .QQList a{float:left;}

/*绿色*/
.SonlineBox3{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox3 .openTrigger{ width:30px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#00a91c url(/templates/user_templates_O2O/images/greenOpen.jpg) no-repeat;} 
.SonlineBox3 .titleBox{ width:158px; height:35px; line-height:35px; background:#00a91c url(/templates/user_templates_O2O/images/greenTitleBg.gif) repeat-x; border-bottom:2px solid #00a91c;}
.SonlineBox3 .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox3 .contentBox{ width:158px; height:auto; border:2px solid #00a91c; background:#fff; position:absolute; z-index:2;}
.SonlineBox3 .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox3 .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox3 .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox3 .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox3 .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox3 .contentBox .listBox .QQList a{float:left;}

/*红色*/
.SonlineBox4{ width:162px; font-size:12px;overflow:hidden; z-index:9999;}
.SonlineBox4 .openTrigger{ width:31px; height:110px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:#c30202 url(/templates/user_templates_O2O/images/redOpen.jpg) no-repeat;} 
.SonlineBox4 .titleBox{ width:158px; height:35px; line-height:35px; background:#00a91c url(/templates/user_templates_O2O/images/redTitleBg.gif) repeat-x; border-bottom:2px solid #c30202;}
.SonlineBox4 .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox4 .contentBox{ width:158px; height:auto; border:2px solid #c30202; background:#fff; position:absolute; z-index:2;}
.SonlineBox4 .contentBox .closeTrigger{ width:25px; height:25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px;-webkit-transition:all 0.8s ease-out;}
.SonlineBox4 .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox4 .contentBox .listBox{overflow:hidden; margin-bottom:10px;}
.SonlineBox4 .contentBox .listBox .QQList{ display:block; width:86%; height:22px; margin:10px auto 0px auto;}
.SonlineBox4 .contentBox .listBox .QQList span{float:left; line-height:22px;}
.SonlineBox4 .contentBox .listBox .QQList a{float:left;}
/*
     FILE ARCHIVED ON 23:21:50 Jun 17, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:25:21 Mar 28, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.568
  exclusion.robots: 0.026
  exclusion.robots.policy: 0.016
  esindex: 0.009
  cdx.remote: 42.715
  LoadShardBlock: 153.541 (3)
  PetaboxLoader3.datanode: 127.758 (5)
  PetaboxLoader3.resolve: 407.53 (3)
  load_resource: 455.451 (2)
*/