/*首页*/
.tuijian{float:left;width:1250px;text-align:left;}
.tuijian .dlist{float:left;border:#DDDDDD solid 1px;margin:20px 0 0 23px;width:399px;height:320px;background-color:#fff;}
.tuijian .dlist .d1{float:left;width:122px;height:122px;margin:20px 0 0 20px;}
.tuijian .dlist .d1 img{border:#ddd solid 1px;}
.tuijian .dlist .u1{float:left;margin:20px 0 0 15px;width:242px;height:122px;}
.tuijian .dlist .u1 li{float:left;}
.tuijian .dlist .u1 .l1{width:242px;font-size:15px;height:20px;overflow:hidden;}
.tuijian .dlist .u1 .l1 span{float:left;padding:1px 4px 1px 4px;cursor:pointer;border-radius:2px;font-family:Arial, Helvetica, sans-serif;background-color:#ff6600;border:#ff6600 solid 1px;color:#fff;margin:0 5px 0 0;font-size:12px;}
.tuijian .dlist .u1 .l2{width:242px;height:25px;margin:20px 0 0 0;}
.tuijian .dlist .u1 .l3{width:242px;height:30px;}
.tuijian .dlist .u1 .l4{width:242px;color:#888;}
.tuijian .dlist .u1 .l4 a{float:left;border:#DDDDDD solid 1px;border-radius:4px;margin-right:10px;padding:4px 0 0 0;height:20px;width:68px;text-align:center;background-color:#F4F4F4;}
.tuijian .dlist .u1 .l4 a:hover{text-decoration:none;background-color:#f2f2f2;}
.tuijian .dlist .d2{float:left;width:379px;border-top:#ddd solid 1px;margin:20px 0 0 0;height:46px;font-size:14px;padding:10px 0 0 20px;background:url(../img/xian.gif) left bottom no-repeat;}
.tuijian .dlist .d2 a:hover{color:#ff6600;text-decoration:none;}
.tuijian .dlist .d3{float:left;width:388px;padding-left:7px;}
.tuijian .dlist .d3 a{float:left;width:70px;height:70px;border:#ddd solid 1px;margin:10px 0 0 13px;}
.tuijian .dlist0{margin-left:0;}
.tuijian .dlist3{margin-left:0;}
.tuijian .xuwei{float:left;border:#DDDDDD solid 1px;margin:20px 0 0 23px;width:399px;height:320px;font-size:30px;text-align:center;}
.tuijian .xuwei a{color:#D0CCCC;float:left;width:399px;height:190px;padding:130px 0 0 0;background-color:#f2f2f2;}
.tuijian .xuwei a:hover{background-color:#f8f8f8;width:399px;text-decoration:none;}

/* 基础布局 - 商家列表核心样式 */
.sleft {
    float: left;
    text-align: left;
    width: 100%; /* 适配父容器宽度 */
    max-width: 1480px; /* 保留最大宽度，防止过宽 */
    box-sizing: border-box; /* 盒模型包含内边距/边框 */
    padding: 0 10px; /* 左右留白，避免卡片贴边 */
}

/* 商家卡片样式 - 一行3列核心设置 */
.sleft .list {
    float: left;
    width: calc(33.333% - 10px); /* 三等分，减去margin宽度 */
    margin: 10px 5px 0 5px; /* 左右margin各5px，总间距10px */
    height: 163px;
    padding: 30px;
    background-color: #fff;
    border-radius: 5px;
    transition: all 0.25s ease-in;
    box-sizing: border-box; /* 确保padding不影响宽度计算 */
}

/* 商家头像容器 */
.sleft .list .tx {
    float: left;
    width: 75px;
    height: 75px;
}
.sleft .list .tx span {
    float: left;
    width: 73px;
    height: 73px;
    overflow: hidden;
    border-radius: 38px;
    border: #f2f2f2 solid 1px;
}
.sleft .list .tx span img {
    width: 73px;
}

/* 商家信息列表 */
.sleft .list .u1 {
    float: left;
    width: calc(100% - 95px); /* 适配卡片宽度，相对计算 */
    margin: 0 0 0 20px;
}
.sleft .list .u1 li {
    float: left;
}
.sleft .list .u1 .l1 {
    width: 100%; /* 适配父容器宽度 */
    height: 30px;
    padding: 7px 0 0 0;
    font-size: 16px;
}
.sleft .list .u1 .l1 a {
    float: left;
    width: 100%;
    height: 20px;
    overflow: hidden;
}
.sleft .list .u1 .l2 {
    width: 90px;
    height: 27px; /* 修复原代码typo：27x → 27px */
    text-align: right;
    padding: 10px 0 0 0;
    color: #999;
}
.sleft .list .u1 .l2 strong {
    color: #FA4A4D;
    font-weight: 100;
}
.sleft .list .u1 .l3 {
    width: 100%;
    color: #999;
    margin: 5px 0 0 0;
}

/* 商家简介容器 */
.sleft .list .d2 {
    height: 36px;
    float: left;
    width: 100%; /* 适配卡片宽度 */
    color: #6F7484;
    margin: 18px 0 0 0;
    background-position: 0 2px;
    padding: 0 0 0 20px;
    box-sizing: border-box; /* 防止padding溢出 */
}
.sleft .list .d2 span {
    float: left;
    height: 16px;
    width: calc(100% - 20px); /* 适配padding，避免文字溢出 */
    overflow: hidden;
}

/* 备用容器（若有需要） */
.sleft .list .d3 {
    height: 27px;
    float: left;
    width: 255px;
    color: #6F7484;
    margin: 18px 0 0 0;
    background: url(../img/dt.gif) no-repeat;
    background-position: 0 3px;
    padding: 0 0 0 20px;
}
.sleft .list .d3 span {
    float: left;
    height: 17px;
    width: 205px;
    overflow: hidden;
    font-size: 13px;
}

/* 更新时间容器 - 补充完整样式 */
.sleft .list .d4 {
    height: 27px;
    float: left;
    width: 100%; /* 适配卡片宽度 */
    color: #00B4C5;
    margin: 18px 0 0 0;
    background-position: 0 3px;
    text-align: right;
    /* 新增更新时间样式 */
    font-size: 13px; /* 统一字体大小 */
    line-height: 27px; /* 垂直居中 */
    font-family: "Microsoft Yahei", sans-serif; /* 统一字体 */
    letter-spacing: 0.5px; /* 字间距优化 */
    padding-right: 5px; /* 右侧留白 */
}
/* 更新时间文本美化（可选，若HTML加了内层span则生效） */
.sleft .list .d4 span {
    display: inline-block;
    padding: 2px 8px;
    background-color: #f5fafe; /* 浅蓝背景突出 */
    border-radius: 12px; /* 圆角美化 */
    color: #0099aa; /* 协调文字颜色 */
}

/* 卡片hover效果 */
.sleft .list:hover {
    transform: translateY(-5px);
    box-shadow: 4px 4px 5px #ECECEC;
}

/* 分页栏样式 */
.sleft .npa {
    margin: 10px 5px 0 5px; /* 适配卡片margin */
    clear: both; /* 清除浮动，避免错位 */
    float: left;
    width: 100%;
}

/* 响应式适配 - 兼容不同屏幕 */
@media (max-width: 1200px) {
    .sleft .list {
        width: calc(33.333% - 8px); /* 减小margin，适配中等屏幕 */
        margin: 10px 4px 0 4px;
    }
}
@media (max-width: 768px) {
    .sleft .list {
        width: calc(50% - 8px); /* 平板/小屏改为2列 */
    }
}
@media (max-width: 480px) {
    .sleft .list {
        width: 100%; /* 手机端改为1列 */
        margin: 10px 0 0 0;
    }
}

/* 页面原有其他样式（保留） */
body{background-color:#212429;}
.sleft .list .d4 {
    width: 100%;
}
.sleft .list .u1 .l1 a {
    float: left;
color: #fff;
}
.sleft .list {
    background-color: #2a2e34;
}
.sright .remeqy{
    background-color: #2a2e34;
}

.sright{float:right;width:280px;text-align:left;}
.sright .remeqy{float:left;width:280px;margin:10px 0 0 0;min-height:89px;background-color:#fff;border:#F0F0F0 solid 1px;border-radius:5px;padding:0 0 15px 0;}
.sright .remeqy .u1{float:left;width:280px;height:58px;}
.sright .remeqy .u1 li{float:left;}
.sright .remeqy .u1 .l1{width:110px;padding:22px 0 0 20px;font-weight:700;color:#fff;font-size:16px;}
.sright .remeqy .u1 .l2{width:130px;padding:25px 20px 0 0;font-size:12px;text-align:right;}
.sright .remeqy .u1 .l2 a{color:#fff;}
.sright .remeqy .rmqy{float:left;margin:10px 8px 0 8px;width:262px;background-color:#fff;border-radius:5px;height:139px;}
.sright .remeqy .rmqy .d1{float:left;width:50px;}
.sright .remeqy .rmqy .d1 .s1{float:left;background:url(../img/pm1.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;}
.sright .remeqy .rmqy .d1 .s2{float:left;background:url(../img/pm2.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;}
.sright .remeqy .rmqy .d1 .s3{float:left;background:url(../img/pm3.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;}
.sright .remeqy .rmqy .d1 .s4{float:left;background:url(../img/pm4.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;}
.sright .remeqy .rmqy .d1 .s5{float:left;background:url(../img/pm5.gif) center top no-repeat;width:55px;height:30px;margin:37px 0 0 0;}
.sright .remeqy .rmqy .nu1{float:left;width:212px;margin:25px 0 0 0;}
.sright .remeqy .rmqy .nu1 li{float:left;}
.sright .remeqy .rmqy .nu1 .l1{width:65px;}
.sright .remeqy .rmqy .nu1 .l1 img{width:50px;}
.sright .remeqy .rmqy .nu1 .l2{width:140px;height:40px;margin-right:5px;overflow:hidden;color:#999999;}
.sright .remeqy .rmqy .nu1 .l2 .a1{float:left;width:100%;height:18px;font-size:14px;margin:0 0 5px 0;overflow:hidden;color:#333;}
.sright .remeqy .rmqy .nu1 .l2 .a1:hover{color:#ff6600;}
.sright .remeqy .rmqy .nu1 .l2 .a2{color:#999999;}
.sright .remeqy .rmqy .nu1 .l2 .a2:hover{color:#000;}
.sright .remeqy .rmqy .nu1 .l3{width:212px;height:40px;overflow:hidden;margin:6px 0 0 0;}
.sright .remeqy .rmqy .nu1 .l3 span{float:left;border:#F0F0F0 solid 1px;border-radius:4px;margin-right:4px;margin-bottom:13px;padding:4px 6px 0 6px;height:22px;}
.sright .remeqy .rmqy1{border:#FCEDED solid 1px;}
.sright .remeqy .rmqy2{background-color:#FAFAFA;border:#D9EFFF solid 1px;}
.sright .remeqy .rmqy3{background-color:#FAFAFA;border:#BCEFE3 solid 1px;}
.sright .remeqy .rmqy4{background-color:#FAFAFA;border:#FAFAFA solid 1px;}
.sright .remeqy .rmqy5{background-color:#FAFAFA;border:#FAFAFA solid 1px;}