/* Code tidied up by ScrapBook */
#cmsFloatPanel { overflow: hidden; }
#cmsFloatPanel .ctrolPanel { width: 50px; height: 203px; background: rgba(0, 0, 0, 0) url("../images/panel-bg.png") no-repeat scroll left top; position: fixed; right: 20px; top: 200px; overflow: hidden; z-index: 10000; }
#cmsFloatPanel .ctrolPanel a { width: 50px; height: 50px; font-size: 12px; color: rgb(255, 51, 0); text-align: center; overflow: hidden; text-decoration: none; }
#cmsFloatPanel .ctrolPanel a:hover { background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%; }
#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: rgb(0, 153, 255); line-height: 90px; }
#cmsFloatPanel .ctrolPanel .message { display: block; margin: 2px auto; }
#cmsFloatPanel .ctrolPanel .message span { color: rgb(255, 51, 0); line-height: 90px; }
#cmsFloatPanel .ctrolPanel .qrcode { display: block; margin: 2px auto; }
#cmsFloatPanel .ctrolPanel .qrcode span { color: rgb(0, 204, 102); line-height: 90px; }
#cmsFloatPanel .arrow01 { width: 0px; height: 0px; font-size: 0px; line-height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent transparent rgb(221, 221, 221); bottom: 0px; position: absolute; left: 2px; top: 0px; }
#cmsFloatPanel .arrow02 { width: 0px; height: 0px; font-size: 0px; line-height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); bottom: 0px; position: absolute; left: 0px; top: 0px; }
#cmsFloatPanel .servicePanel { width: 120px; height: 400px; position: fixed; right: 70px; top: 167px; z-index: 10000; overflow: visible; display: none; }
#cmsFloatPanel .servicePanel .servicePanel-inner { width: 120px; position: relative; overflow: visible; }
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel { width: 10px; height: 30px; position: absolute; right: 1px; top: 50px; }
#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02 { border-left: 10px solid rgb(215, 238, 254); }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel { width: 110px; position: absolute; left: 0px; top: 0px; overflow: hidden; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd { width: 110px; height: 60px; background: rgba(0, 0, 0, 0) url("../images/kf-top.jpg") no-repeat scroll left top; overflow: hidden; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a { width: 24px; height: 24px; font-size: 12px; color: rgb(255, 255, 255); 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: 110px; background: rgba(0, 0, 0, 0) url("../images/kf-middle.gif") repeat-y scroll left top; overflow: hidden; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup { width: 90px; margin: 0px 15px; padding: 4px 0px; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup a { font-size: 12px; color: rgb(0, 0, 0); }
.qqimg { margin-bottom: -3px; }
#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft { width: 110px; height: 49px; background: rgba(0, 0, 0, 0) url("../images/kf-bottom.gif") no-repeat scroll left top; overflow: hidden; }
#cmsFloatPanel .messagePanel { width: 305px; height: 90px; position: fixed; right: 70px; top: 255px; z-index: 10000; overflow: visible; display: none; }
#cmsFloatPanel .messagePanel .messagePanel-inner { width: 305px; 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 rgb(255, 255, 255); left: 1px; }
#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02 { border-left: 10px solid rgb(255, 255, 255); }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel { width: 295px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: absolute; left: 0px; top: 0px; overflow: hidden; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd { height: 32px; font-family: "微软雅黑"; font-size: 14px; color: rgb(255, 255, 255); line-height: 32px; text-indent: 10px; background: rgba(0, 0, 0, 0) url("../images/cmsfloatformpanel-hd-bg.gif") no-repeat scroll left top; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a { width: 32px; height: 32px; font-family: "宋体"; font-size: 12px; color: rgb(255, 255, 255); line-height: 32px; letter-spacing: 1px; text-indent: 0px; display: block; float: right; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span { display: none; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd { padding: 10px 15px; overflow: hidden; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd p { font-size: 12px; color: rgb(102, 102, 102); line-height: 22px; overflow: hidden; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft { height: 30px; background: rgb(244, 244, 244) none repeat scroll 0% 0%; text-align: right; padding: 0px 10px; overflow: hidden; }
#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a { font-size: 12px; color: rgb(153, 153, 153); 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; }
#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 rgb(255, 255, 255); left: 1px; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02 { border-left: 10px solid rgb(255, 255, 255); }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel { width: 200px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; left: 0px; top: 0px; overflow: hidden; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd { height: 32px; font-family: "微软雅黑"; font-size: 14px; color: rgb(255, 255, 255); line-height: 32px; text-indent: 10px; background: rgba(0, 0, 0, 0) url("../images/cmsfloatqrcodepanel-hd-bg.gif") no-repeat scroll left top; overflow: hidden; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a { width: 32px; height: 32px; font-family: "宋体"; font-size: 12px; color: rgb(255, 255, 255); line-height: 32px; letter-spacing: 1px; text-indent: 0px; 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: medium none; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft { height: 30px; background: rgb(244, 244, 244) none repeat scroll 0% 0%; text-align: center; padding: 0px 10px; overflow: hidden; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a { font-size: 12px; color: rgb(102, 102, 102); line-height: 30px; letter-spacing: 1px; }
#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover { color: rgb(255, 0, 0); }
