#cmsFloatPanel{position:fixed;top:200px;right:0;width:54px;height:200px;z-index:999;}
#cmsFloatPanel .ctrolPanel{width:54px;float:left;display:inline;position:relative;}
#cmsFloatPanel .ctrolPanel .bg{position:absolute;left:0;top:0;width:54px;height:200px;background:#f60;border-radius:6px 0 0 6px;}
#cmsFloatPanel .ctrolPanel ul{position:relative;z-index:2;}
#cmsFloatPanel .ctrolPanel li{width:54px;height:56px;line-height:16px;text-align:center;color:#fff;font-size:12px;cursor:pointer;}
#cmsFloatPanel .ctrolPanel li i{display:block;width:26px;height:26px;margin:6px auto 0;}
#cmsFloatPanel .ctrolPanel li span{display:block;}

#cmsFloatPanel .servicePanel,
#cmsFloatPanel .messagePanel,
#cmsFloatPanel .qrcodePanel{position:absolute;right:54px;top:0;width:300px;background:#fff;border:1px solid #ddd;display:none;}
#cmsFloatPanel .close{position:absolute;right:10px;top:10px;width:20px;height:20px;line-height:20px;text-align:center;background:#f60;color:#fff;cursor:pointer;}

@media(max-width:768px){
#cmsFloatPanel{display:none;}
}