/* 浮动客服面板 */
#cmsFloatPanel { overflow: hidden; }
#cmsFloatPanel .ctrolPanel { width: 50px; height: 203px; background: url(../images/panel-bg.png) no-repeat left top; position: fixed; right: 20px; top: 200px; overflow: hidden; z-index: 10000; _position: absolute; _top:expression(eval(documentElement.scrollTop + 200));
}
#cmsFloatPanel .ctrolPanel a { width: 50px; height: 50px; font-size: 12px; color: #ff3300; text-align: center; overflow: hidden; text-decoration: none; }
#cmsFloatPanel .ctrolPanel a:hover { background: rgba(255,255,255,0.3); }
#cmsFloatPanel .ctrolPanel .arrow { line-height: 28px; display: block; margin: 1px auto; }
#cmsFloatPanel .ctrolPanel .arrow span { display: none; }
#cmsFloatPanel .ctrolPanel .arrow:hover { }
#cmsFloatPanel .ctrolPanel .arrow:hover span { display: block; }
#cmsFloatPanel .ctrolPanel .service { display: block; margin: 2px auto; }
#cmsFloatPanel .ctrolPanel .service span { color: #09F; line-height: 90px; }
#cmsFloatPanel .ctrolPanel .message { display: block; margin: 2px auto; }
#cmsFloatPanel .ctrolPanel .message span { color: #ff3300; line-height: 90px; }
#cmsFloatPanel .ctrolPanel .qrcode { display: block; margin: 2px auto; }
#cmsFloatPanel .ctrolPanel .qrcode span { color: #0C6; line-height: 90px; }
#cmsFloatPanel .arrow01 { width: 0; height: 0; font-size: 0; line-height: 0; border-top: 10px solid transparent; _border-top: 10px solid black; _filter: chroma(color=black); border-right: 10px solid transparent; _border-right: 10px solid black; _filter: chroma(color=black); border-bottom: 10px solid transparent; _border-bottom: 10px solid black; _filter: chroma(color=black); border-left: 10px solid #ddd; position: absolute; bottom: 0; position: absolute; left: 2px; top: 0; }
#cmsFloatPanel .arrow02 { width: 0; height: 0; font-size: 0; line-height: 0; border-top: 10px solid transparent; _border-top: 10px solid black; _filter: chroma(color=black); border-right: 10px solid transparent; _border-right: 10px solid black; _filter: chroma(color=black); border-bottom: 10px solid transparent; _border-bottom: 10px solid black; _filter: chroma(color=black); border-left: 10px solid #fff; position: absolute; bottom: 0; position: absolute; left: 0; top: 0; }
#cmsFloatPanel .servicePanel { width: 128px; height: 400px; position: fixed; right: 70px; top: 200px; z-index: 10000; overflow: visible; display: none; _position: absolute; _top:expression(eval(documentElement.scrollTop + 200));
}
#cmsFloatPanel .servicePanel .servicePanel-inner { width: 128px; position: relative; overflow: visible; }
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel { display: none; width: 10px; height: 30px; position: absolute; right: 1px; top: 50px; }
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02 { border-left: 10px solid #348ee3; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel { width: 128px; position: absolute; left: 0; top: 0; overflow: hidden; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd { width: 128px; height: 31px; background: url(../images/top.png) no-repeat left top; overflow: hidden; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a { width: 24px; height: 24px; font-size: 12px; color: #fff; line-height: 24px; display: block; float: right; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a span { display: none; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd { width: 128px; background: url(../images/middle.png) repeat-y left top; overflow: hidden; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup { width: 100px; margin: 0 15px; padding: 4px 0px 4px 0px; text-align: center; line-height: 20px; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup a { font-size: 12px; color: #000; }
.qqimg { margin-bottom: -3px; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft { width: 128px; height: 22px; background: url(../images/bottom.png) no-repeat left top; overflow: hidden; }
#cmsFloatPanel .messagePanel { width: 280px; height: 90px; position: fixed; right: 70px; top: 255px; z-index: 10000; overflow: visible; display: none; _position: absolute; _top:expression(eval(documentElement.scrollTop + 200));
}
#cmsFloatPanel .messagePanel .messagePanel-inner { width: 280px; position: relative; overflow: visible; }
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel { width: 10px; height: 30px; position: absolute; right: 1px; top: 15px; }
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow01 { border-left: 10px solid #fff; left: 1px; }
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02 { border-left: 10px solid #fff; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel { width: 270px; background: #fff; position: absolute; left: 0; top: 0; overflow: hidden; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd { height: 32px; font-family: ""; font-size: 14px; color: #fff; line-height: 32px; text-indent: 10px; background: url(../images/cmsfloatformpanel-hd-bg.gif) no-repeat left top; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a { width: 32px; height: 32px; font-family: "宋体"; font-size: 12px; color: #fff; line-height: 32px; letter-spacing: 1px; text-indent: 0; display: block; float: right; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span { display: none; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd { padding: 7px 15px; overflow: hidden; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd p { font-size: 12px; color: #666; line-height: 22px; overflow: hidden; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft { height: 30px; background: #f4f4f4; text-align: right; padding: 0 10px; overflow: hidden; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a { font-size: 12px; color: #999; line-height: 30px; letter-spacing: 1px; }
#cmsFloatPanel .qrcodePanel { width: 210px; height: 240px; position: fixed; right: 70px; top: 143px; z-index: 10000; overflow: visible; display: none; _position: absolute; _top:expression(eval(documentElement.scrollTop + 200));
}
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner { width: 210px; position: relative; overflow: visible; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel { width: 10px; height: 30px; position: absolute; right: 1px; top: 180px; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow01 { border-left: 10px solid #fff; left: 1px; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02 { border-left: 10px solid #fff; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel { width: 200px; background: #fff; border:position:absolute;
left: 0; top: 0; overflow: hidden; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd { height: 32px; font-family: ""; font-size: 14px; color: #fff; line-height: 32px; text-indent: 10px; background: url(../images/cmsfloatqrcodepanel-hd-bg.gif) no-repeat left top; overflow: hidden; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a { width: 32px; height: 32px; font-family: "宋体"; font-size: 12px; color: #fff; line-height: 32px; letter-spacing: 1px; text-indent: 0; display: block; float: right; overflow: hidden; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a span { display: none; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd { padding: 10px; overflow: hidden; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img { max-width: 200px; border: none; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft { height: 30px; background: #f4f4f4; text-align: center; padding: 0 10px; overflow: hidden; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a { font-size: 12px; color: #666; line-height: 30px; letter-spacing: 1px; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover { color: #F00; }