/* 官网右下角客服浮层 —— 前缀 kfz- 避免与站点现有样式冲突 */
#kfzBtn{position:fixed;right:22px;bottom:96px;width:54px;height:54px;border-radius:50%;
	background:linear-gradient(135deg,#ff8a3d,#ff6b1a);color:#fff;border:0;cursor:pointer;
	box-shadow:0 6px 18px rgba(255,107,26,.38);z-index:999998;display:flex;align-items:center;justify-content:center;
	font-size:22px;line-height:1;padding:0;transition:transform .15s ease;}
#kfzBtn:hover{transform:scale(1.06);}
#kfzBtn .kfz-dot{position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;
	background:#ff3b30;border:2px solid #fff;display:none;}
#kfzBtn.has-msg .kfz-dot{display:block;}

#kfzPanel{position:fixed;right:22px;bottom:96px;width:380px;height:560px;max-height:calc(100vh - 130px);
	background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);z-index:999999;
	display:none;overflow:hidden;flex-direction:column;}
#kfzPanel.open{display:flex;}
#kfzPanel .kfz-bar{flex:0 0 auto;height:44px;background:#ff6b1a;color:#fff;display:flex;align-items:center;
	padding:0 6px 0 14px;font-size:14px;font-weight:600;}
#kfzPanel .kfz-bar .kfz-sp{flex:1 1 auto;}
#kfzPanel .kfz-bar button{background:transparent;border:0;color:#fff;font-size:20px;line-height:1;
	cursor:pointer;padding:6px 10px;opacity:.9;}
#kfzPanel .kfz-bar button:hover{opacity:1;}
#kfzPanel iframe{flex:1 1 auto;width:100%;border:0;display:block;background:#f4f5f7;}

@media (max-width:768px){
	#kfzBtn{right:14px;bottom:76px;width:48px;height:48px;font-size:20px;}
	#kfzPanel{right:0;bottom:0;width:100%;height:100%;max-height:100%;border-radius:0;}
	#kfzPanel .kfz-bar{height:50px;padding-top:env(safe-area-inset-top);}
}