/* 联系方式卡片（商详页 + 右侧悬浮“在线咨询”弹层）20261015 */
.dtx-contact{width:492px;max-width:100%;margin-top:20px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:18px;display:flex;gap:18px;align-items:center;box-sizing:border-box;font-family:"PingFang SC","Microsoft YaHei",sans-serif;}
.dtx-contact *{box-sizing:border-box;}
.dtx-contact .dc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:13px;}
.dtx-contact .dc-row{display:flex;gap:10px;align-items:center;}
.dtx-contact .dc-icon{flex:0 0 33px;width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.dtx-contact .dc-icon svg{display:block;}
.dtx-contact .dc-icon--phone{background:#FFF1E8;}
.dtx-contact .dc-icon--mobile{background:#EAF6EF;}
.dtx-contact .dc-icon--clock{background:#FFF8E6;}
.dtx-contact .dc-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.dtx-contact .dc-label{font-size:11.4px;line-height:1.4;color:#9A9A9A;}
.dtx-contact .dc-value,.dtx-contact a.dc-value:hover{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:17.6px;font-weight:700;line-height:1.3;letter-spacing:.2px;color:#212529;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dtx-contact .dc-value--ml{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:11.4px;font-weight:500;line-height:16.5px;letter-spacing:normal;white-space:normal;}
.dtx-contact .dc-qr{flex:0 0 234px;width:234px;background:#F7F8FA;border:1px solid #EBEEF2;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:9px;}
.dtx-contact .dc-qr-head{display:flex;gap:5px;align-items:center;}
.dtx-contact .dc-qr-head svg{flex:0 0 12px;display:block;}
.dtx-contact .dc-qr-title{font-size:11.4px;font-weight:500;line-height:1.4;color:#2C7CD6;}
.dtx-contact .dc-qr-row{display:flex;gap:10px;align-items:flex-start;}
.dtx-contact .dc-qr-item{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:center;}
.dtx-contact .dc-qr-code{width:93px;height:93px;background:#fff;border-radius:4px;overflow:hidden;display:block;}
.dtx-contact .dc-qr-code img{width:100%;height:100%;object-fit:contain;display:block;}
.dtx-contact .dc-qr-label{display:flex;gap:4px;align-items:center;justify-content:center;}
.dtx-contact .dc-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;}
.dtx-contact .dc-dot--work{background:#2C7CD6;}
.dtx-contact .dc-dot--personal{background:#07C160;}
.dtx-contact .dc-qr-name{font-size:11.4px;font-weight:500;line-height:1.4;color:#374151;white-space:nowrap;}
.dtx-contact .dc-qr-desc{font-size:10.3px;line-height:1.4;color:#9AA3AF;text-align:center;}
/* 右侧悬浮栏“在线咨询”弹层 */
.side ul li.shangqiao .dtx-contact-pop{display:none;position:absolute;right:100%;top:50%;transform:translateY(-50%);width:500px;padding-right:8px;cursor:default;text-align:left;line-height:normal;}
.side ul li.shangqiao:hover .dtx-contact-pop{display:block;animation:dtxFadein .3s;}
.dtx-contact-pop .dtx-contact{margin-top:0;box-shadow:0 6px 24px rgba(0,0,0,.12);}
/* 悬浮栏 .side ul li i 的图标样式会作用到卡片圆点，这里复位 */
.side .dtx-contact i.dc-dot{display:block;position:static;margin:0;padding:0;height:8px;overflow:visible;transition:none;background-size:auto;}
@keyframes dtxFadein{from{opacity:0}to{opacity:1}}
.side ul li:hover .dtx-contact a.dc-value{color:#212529;}
/* 商详页往下滚动时，右侧购买框变成悬浮窄框(.confr-box.fixed，宽382px)：改成联系方式在上、二维码在下 20261016 */
.confr-box.fixed .dtx-contact{flex-direction:column;align-items:stretch;gap:12px;padding:14px;margin-top:14px;}
.confr-box.fixed .dtx-contact .dc-info{gap:8px;}
.confr-box.fixed .dtx-contact .dc-qr{flex:none;width:100%;padding:10px 12px;gap:8px;}
.confr-box.fixed .dtx-contact .dc-qr-code{width:84px;height:84px;}