@CHARSET "UTF-8";
.merchants{width:auto; height:auto; margin:5px 0 0 0; border:1px solid #ccc;}
.merchants h2{height:40px; line-height:40px; padding:0 0 0 25px; background:#C70B00 url(../images/merchants/agentlogo.png) 10px center no-repeat; border-bottom:1px solid #ccc; color:white; text-indent:20px;}
.merchants ul{width:auto; clear:both; padding:6px;}

/* 每个卡片容器 */
.merchants ul li{
    display: inline-block;
    width: 180px;
    height: 110px;                  /* 保持原有的 110px 高度 */
    margin: 5px 0 0 10px;
    background: url(../img/merchants.png) no-repeat;
    background-size: 100% 100%;     /* 核心：确保图片完整缩放入 110px 容器 */
    vertical-align: top;
    position: relative;             /* 开启相对定位，方便内部绝对定位或控制 */
}

/* 核心：文字外层的 a 标签 */
.merchants ul li a{
    display: block;
    height: 100%;
    text-decoration: none;
    box-sizing: border-box;
    /* 关键：通过大内边距，把第一行字直接精准推到红色区域的轴线上 */
    padding-top: 55px;
}

/* 第一行：商户名字样式 */
.merchants ul li span.n {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff8d0;                 /* 原图红底区上尊贵的淡金黄色 */
    font-size: 16px;
    font-weight: bold;
    display: block;
    line-height: 1.2;
}

/* 第二行：QQ号样式 */
.merchants ul li span.q {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff8d0;                 /* 原图红底区上尊贵的淡金黄色 */
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin-top: 3px;               /* 与名字错开一点间距 */
}

/* 保留你原有的其他可能用到的样式 */
.merchants ul li span.uname{ margin:60px 0 0 40px; display:block; }
.merchants ul li span.uqq{ margin:5px 0 0 40px; display:block; }
.merchants ul li span.usm{ float:right; margin:-10px 10px 0 0px; display:block; width:80px; text-align:center; }