@charset "utf-8";
/* 97qf 在线客服浮窗样式（移植自官网 yaojingkeji CSS/Master.css，图片路径指向 ../img/） */

#kftop{width:138px; height:107px; background: url(../img/kf-top.png) no-repeat ; }
#kfbody{ width:138px; height: auto; z-index:10000; position:fixed; top:100px; right:-2px; }
#kfcontain{width:138px; height:auto;  background: url(../img/kf-body.png) repeat-y;}
#kfbottom{width:138px; height:2px;  background: url(../img/kf-bottom.png) no-repeat ; }
#kfhide{ width:138px; height:25px; background: url(../img/kf-hide.png); border-radius:3px;  line-height:25px; cursor:pointer;}
#kfopen{ width:35px; height:150px; position:fixed;top:200px; right:0;background: url(../img/kf-open.png) no-repeat; cursor:pointer;}
#kfqq{ width:115px; margin:auto;}
#kfqq tr td { font-size:12px; height:25px; line-height:25px; padding-left:5px; }
#kfqq tr td a{ text-decoration:none; color:#03F; letter-spacing:1px;}
#kfqq tr td a:hover{ color:#F00; font-size:13px;}
#kftel{ width:126px; height: auto; margin:auto; font-size:14px;border-radius:2px; line-height:25px; text-align:center; background: url(../img/kf-tel.png) no-repeat; }
#kftel b{ font-size:20px; position:absolute; right:10px; cursor:pointer; color: #00F;}
.kf_taobao{ width:127px; height:20px; border-top:dotted 1px #CCCCCC; display:block; font-size:14px; line-height:20px; color:#F60;}
.kf_taobao:hover{ color:#FFF; background: #31CDFA;}

/* ===== 在线客服-微信咨询弹窗 ===== */
.kf-wx-modal{ display:none; position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.45); }
.kf-wx-card{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:320px; background:#F6F7FB; border-radius:14px; box-shadow:0 12px 40px rgba(0,0,0,.25); padding:24px 22px 20px; box-sizing:border-box; font-family:"Microsoft YaHei",Arial,sans-serif; }
.kf-wx-close{ position:absolute; right:16px; top:12px; font-size:24px; line-height:1; color:#8a8f99; cursor:pointer; }
.kf-wx-close:hover{ color:#333; }
.kf-wx-tag{ font-size:12px; font-weight:bold; letter-spacing:2px; color:#2563EB; }
.kf-wx-title{ margin:8px 0 6px; font-size:22px; color:#111; }
.kf-wx-desc{ margin:0 0 14px; font-size:13px; color:#555; }
.kf-wx-qrbox{ background:#FFF; border-radius:8px; padding:12px; text-align:center; }
.kf-wx-qrbox img{ width:230px; height:230px; display:block; margin:0 auto; }
.kf-wx-phone{ margin-top:14px; background:#EEF0F4; border-radius:8px; padding:12px 0; text-align:center; font-size:16px; font-weight:bold; color:#333; }
.kf-wx-phone svg{ vertical-align:-4px; margin-right:8px; }