@font-face {
  font-family: "oliconfont";
  src: url('../font/font_2289826_absk7cecxt6.woff2') format('woff2'), url('../font/font_2289826_absk7cecxt6.woff') format('woff'), url('../font/font_2289826_absk7cecxt6.ttf') format('truetype')
}
.oliconfont {
  font-family: "oliconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
/*默认蓝色*/
/*.SonlineBox{ overflow: hidden; }*/
.SonlineBox{ z-index: 999999990; font-family:"Microsoft YaHei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Segoe UI Symbol"}
.SonlineBox .contentBox{ border-radius:6px;}
.SonlineBox .openTrigger{ width: 50px; height: 50px; line-height: 50px; text-align: center; position:absolute; top:0px; border-radius: 6px; z-index:1; cursor:pointer; background:#2589ff; box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); }
.SonlineBox .openTrigger:before{ content: '\E6E0'; font-family: 'oliconfont'; font-size: 30px; color: #FFF; }
.SonlineBox{ width:162px; font-size:12px; top:-600px; z-index:9999;}
.SonlineBox .titleBox{ width:100%; height:35px; line-height:35px; background:#2589ff; position:relative; z-index:1;}
.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox .contentBox{ display:block; min-width: 160px; width:100%; height:auto; border:2px solid #2589ff; overflow:hidden; background:#fff; position:absolute; z-index:2; }
.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; text-align: center; line-height: 25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px; z-index:2; }
.SonlineBox .contentBox .closeTrigger:before{ content: '\e61e'; font-family: 'oliconfont'; font-weight: bold; color: #FFF; }
.SonlineBox .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox .contentBox .listBox{overflow:hidden; margin:6px 0; position:relative;}
.SonlineBox .contentBox .listBox .QQList{ display:block; width:100%; margin:5px auto 5px auto; padding:0px 0;}
.SonlineBox .contentBox .listBox .QQList span{ display:block; width:47%; height:25px; overflow:hidden; text-align:right;float:left; line-height:26px; color:#444;}
.SonlineBox .contentBox .listBox .QQList div.ico{ width:52%; height:25px; overflow:hidden; float:left;}
.SonlineBox .contentBox .listBox .QQList div.ico a{}
.SonlineBox .contentBox .listBox .QrList{ margin: 10px 20px; text-align: center; }
.SonlineBox .contentBox .listBox .QrList img{ width: 100%; max-width: 130px; margin-bottom: 5px; }
.SonlineBox .contentBox .listBox .QrList span{ display: block; color: #515259; }
.SonlineBox .contentBox .listBox .TelList a{ line-height: 26px; color: #0d84ff; }
.SonlineBox .contentBox .listBox .LinkList{ margin: 5px 10px; color: #0d84ff; }

.SonlineBox .contentBox .tels{ width:90%; margin:0 auto; border-top:1px dotted #ccc; height:auto; padding-bottom:10px; line-height:200%; text-align:center;}
.SonlineBox .contentBox .tels font{ display:block; line-height:35px; font-family:'微软雅黑','黑体'; font-size:16px; color:#555;}
.SonlineBox .contentBox .tels span{ display:block; line-height:25px; font-family:"Palatino Linotype", "Book Antiqua"; font-size:20px; color:#555; font-weight:bold;}