@charset "utf-8";
body{background-color:#ebebeb;}


@media (max-width: 768px) {
    /* 卡片整体：上下布局，无内边距 */
    .prolist.box {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        background: #fff !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
        margin-bottom: 15px !important;
    }

    /* 图片区域：通栏16:9大图 */
    .protp {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/9 !important;
        background: #f5f5f5 !important;
    }
    .protp img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* 文字区域：统一内边距，避免贴边 */
    .dmain.flex {
        padding: 12px !important;
    }

    /* 标题：突出显示，限制2行 */
    .tit {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #222 !important;
        line-height: 1.5 !important;
        margin-bottom: 10px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 隐藏模板编号、类型、关注量、专营店这些非必要信息 */
    .clear.clear1,
    .clear.clear2,
    .xsnum,
    .shoptype {
        display: none !important;
    }

    /* 价格：放大突出，现价+原价对比 */
    .money {
        margin: 0 !important;
        font-size: 15px !important;
    }
    .money strike {
        font-size: 13px !important;
        color: #999 !important;
    }
    .money strong {
        font-size: 20px !important;
        color: #e63946 !important;
        font-weight: bold !important;
    }
}



/*列表*/

.psel{border-bottom:#ddd solid 1px;height:45px;background-color:#FBFBFB;}
.psel .search{margin:0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;font-size:14px;}
.psel .search .d1{position:relative;float:left;width:calc(33% - 5px);height:27px;padding:3px 0 0 5px;overflow:hidden;border-right:#DCDCDC solid 1px;margin-top:8px;text-align:left;}
.psel .search .d1 .s1 span{overflow:hidden;width:80%;height:20px;float:left;}
.psel .search .d1 .s1:after{width:12px;height:7px;background: url(../img/jiana.gif) 0 0 no-repeat;display:inline-block;position:absolute;top:11px;margin-left:5px;content:'';}
.psel .search .d0{border-right:0;}
.sertj{background-color:#fff;width:100%;z-index:8;text-align:left;max-height:300px;overflow-y:scroll;position:absolute;}
.sertj .d1{margin:0 0 0 0;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;font-size:14px;}
.sertj .d1 a{display:block;padding:15px 0 0 10px;height:29px;border-bottom:#F3F3F3 solid 1px;border-right:#F3F3F3 solid 1px;}
.sertj .d1 .nx{color:#ff0000;}
.prolist{/*! padding:15px 0; *//*! border-bottom:#f6f6f6 solid 1px; *//*! background-color:#fff; */}
.prolist .protp{/*! margin:0 10px 0 10px; *//*! width: 45%; */}
.prolist .protp img{/*! width:100%; *//*! height: 130px; *//*! border-radius:3px; */}
.prolist .dmain{/*! margin:0 10px 0 0; */}
.prolist .dmain .tit{/*! font-size:15px; *//*! font-weight:500; *//*! float:left; *//*! width:100%; *//*! height:40px; *//*! line-height:20px; *//*! overflow:hidden; *//*! margin-bottom:9px; */}
.prolist .dmain .money{/*! float:left; *//*! color:#f83d3d; *//*! font-weight:700; *//*! font-size:13px; *//*! line-height:22px; */}
.prolist .dmain .xsnum{float:left;line-height:22px;color:#b3b3b3;margin:0 0 0 22px;font-size:11px;display: none;}
.prolist .dmain .shoptype{float:left;color:#fff;border-radius:3px;line-height:22px;padding:0 6px;margin:0 12px 0 0;}
.prolist .dmain .shoptype0{background-color:#f83d3d;}
.prolist .dmain .shoptype1{background:url(../img/shili.png) 5px center no-repeat;background-size:auto 15px;padding-left:20px;background-color:#2a82e4;}
.prolist .dmain .shoptype2{background-color:#05bb8d;}
.prolist .dmain .bao{float:left;background-color:#f83d3d;color:#fff;border-radius:22px;width:22px;height:22px;text-align:center;line-height:22px;margin:0 12px 0 0;}
.prolist .dmain .nian{float:left;color:#f83d3d;line-height:22px;margin:0 12px 0 0;}
.prolist .dmain .gs{/*! float:left; *//*! width:calc(100% - 50px); */}
.prolist .dmain .gs span{float:left;width:100%;font-size:10px;}
.prolist .dmain .tui{float:right;width:50px;text-align:right;color:#999;}
.prolist .dmain .clear{width:100%;float:left;}
.prolist .dmain .clear1{/*! margin-top:11px; */}
.prolist .dmain .clear2{margin-top:7px;}

.pjlist{background-color:#fff;border-bottom:#ddd solid 1px;padding:0 0 10px 0;}
.pjlist .d1{margin:10px 10px 0 10px;text-align:center;width:50px;}
.pjlist .d1 img{margin:0 0 7px 0;border-radius:8px;}
.pjlist .d2{margin:10px 10px 0 10px;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
.pjlist .d2 .s0{float:left;color:#fff;margin:0 5px 0 0;}
.pjlist .d2 .s01{background-color:#FFAC13;}
.pjlist .d2 .s02{background-color:#83C44E;}
.pjlist .d2 .s03{background-color:#2196F3;}
.pjlist .d2 .s1{width:80px;height:28px;float:left;}
.pjlist .d2 .s1 .img1{float:left;}
.pjlist .d2 .s1 .pf{float:left;margin-top:-15px;height:15px;overflow:hidden;}
.pjlist .d2 .s2{float:right;}
.pjlist .d2 .s3{float:left;width:100%;line-height:20px;border-top:#dddddd dotted 1px;padding:6px 0 0 0;}
.pjlist .d2 .s5{float:left;width:100%;padding:6px 0 0 0;}
.pjlist .d2 .s4{float:left;width:100%;line-height:20px;padding:6px 0 0 0;color:#ff6600;}

.wutulist1{}
.wutulist1 .dmain{margin:10px 10px 0 10px;width:calc(100% - 20px);padding:11px 0 10px 0;border-radius:5px;background-color:#fff;}
.wutulist1 .dmain .dtit{float:left;width:calc(100% - 20px);height:25px;line-height:25px;margin:0 10px;overflow:hidden;font-size:14px;font-weight:700;}
.wutulist1 .dmain .dtit span{float:left;}
.wutulist1 .dmain .dtit .s1{width:16px;height:16px;margin-top:5px;}
.wutulist1 .dmain .dtit .s1 img{width:16px;height:16px;border-radius:3px;}
.wutulist1 .dmain .dtit .s2{width:calc(100% - 21px);margin:0 0 0 5px;}
.wutulist1 .dmain .u1{float:left;width:calc(100% - 20px);margin:0 10px;font-size:12px;}
.wutulist1 .dmain .u1 li{float:left;height:27px;line-height:27px;overflow:hidden;color:#666;}
.wutulist1 .dmain .u1 .l0{width:41%;}
.wutulist1 .dmain .u1 .l1{width:34%;}
.wutulist1 .dmain .u1 .l2{text-align:right;width:25%;}
.wutulist1 .dmain .u1 .l3{width:41%;}
.wutulist1 .dmain .u1 .l4{width:34%;}
.wutulist1 .dmain .u1 .l5{text-align:right;color:#ff0000;font-size:15px;font-weight:700;width:25%;}
.wutulist1zd .dmain{border:#ff0000 solid 1px;margin:10px 9px 0 9px;}

.nopro{}
.nopro .dmain{margin:50px 20px;background-color:#fff3e2;border:#ffb05a solid 1px;padding:30px 0 20px 0;line-height:40px;text-align:center;font-size:14px;}
.nopro .dmain strong{font-size:17px;font-weight:700;}
.nopro .dmain img{margin-bottom:20px;}


@media (max-width: 768px) {
    /* 1. 排序栏（综合/销量/价格/关注）上下间距收紧 */
    .glopaixu.box {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0 !important;
        margin-bottom: 1px !important;
    }

    /* 2. 筛选栏（商品分类/自动发货）上下间距收紧 */
    .gloshaixuan.box {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0 !important;
    }

    /* 3. 让排序和筛选栏之间更紧凑 */
    .glopaixu.box + .gloshaixuan.box {
        margin-top: 0 !important;
    }
}