﻿#online_service{height:198px;position:fixed;right:0;top:50%; margin-top:-99px;width:48px;z-index: 999; }
#online_service ul li{border-radius:5px;height:48px;width:48px; margin-bottom:3px; position:relative}
#online_service li.icon_0{background:url(../images/online_service.png) no-repeat #009ff1 0 -10px; height:96px;}
#online_service li.icon_1{background:url(../images/online_service.png) no-repeat #009ff1 0 -103px; height:96px;}
#online_service li.icon_2{background:url(../images/online_service.png) no-repeat #009ff1 0 -200px;}
#online_service li.icon_3{background:url(../images/online_service.png) no-repeat #009ff1 0 -251px;}
#online_service ul li:hover{background-color:#0275e1; border-radius:0}
#online_service ul .service{background-color:#0275e1; color:#fff; height:96px;text-align:center;position:absolute; top:0; right:48px; width:150px; display:none}
#online_service ul .service p{font-size:16px; height:30px; line-height:30px; margin-top:10px;}
#online_service ul .service span{line-height:1.6}
#online_service ul .qr_code{background-color:#0275e1; color:#fff; height:150px;text-align:center;position:absolute; top:-51px; right:48px; width:150px;display:none}
#online_service ul .qr_code dt{ height:100px; background:#000; margin:0 auto;width:100px;}
#online_service ul .qr_code dd{font-size:16px; height:35px; line-height:35px;font-size:16px;}
#online_service li.icon_0:hover .service,#online_service li.icon_1:hover .service,#online_service li.icon_2:hover .wx_code,#online_service li.icon_3:hover .app_code{display:block}