.procurement{width:100%;padding:30px 0}
.procurement .procurement-box{width:100%;background:#ffffff;border-radius:16px;padding:32px 40px 40px}
.procurement-head{margin-bottom:40px}
.procurement-head form{display:flex;align-items:flex-end;gap:56px;flex-wrap:wrap}
.industry,.region{display:flex;gap:8px;align-items:center;position:relative}
.industry-title,.region-title{font-size:16px;color:#212121;font-weight:400}
.industry-select-wrap{position:relative;width:240px}
.industry-select-trigger{width:100%;height:44px;padding:0 12px;border:1px solid #e0e0e0;border-radius:8px;background:#F5F5F7;color:#000;font-size:14px;outline:none;cursor:pointer;transition:border-color 0.3s ease;display:flex;align-items:center;justify-content:space-between;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path stroke='rgba(153,153,153,1)' stroke-width='1.333' stroke-linejoin='round' stroke-linecap='round' d='M12 6L8 10L4 6'></path></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;box-sizing:border-box}
.industry-select-trigger:focus,.industry-select-trigger.active{border-color:#4096ff;outline:none}
.industry-select-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:200px;padding:4px 0;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow-y:auto;z-index:999;display:none}
.industry-select-options.show{display:block}
.industry-select-option{height:36px;padding:0 12px;line-height:36px;font-size:14px;color:#212121;cursor:pointer;transition:background-color 0.2s ease}
.industry-select-option:hover{background-color:#F5F5F7}
.industry-select-option.active{color:#4096ff;background:#f0f7ff}
.industry-select-option.disabled{color:#aaa;cursor:not-allowed;background:none}
.industry-select-option.child-option{padding-left:20px}
.region-select-wrap{position:relative;width:240px}
.region-select-trigger{width:100%;height:44px;padding:0 12px;border:1px solid #e0e0e0;border-radius:8px;background:#F5F5F7;color:#000;font-size:14px;outline:none;cursor:pointer;transition:border-color 0.3s ease;display:flex;align-items:center;justify-content:space-between;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path stroke='rgba(153,153,153,1)' stroke-width='1.333' stroke-linejoin='round' stroke-linecap='round' d='M12 6L8 10L4 6'></path></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;box-sizing:border-box}
.region-select-trigger:focus,.region-select-trigger.active{border-color:#4096ff;outline:none}
.region-select-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:200px;padding:4px 0;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow-y:auto;z-index:999;display:none}
.region-select-options.show{display:block}
.region-option{height:36px;padding:0 12px;line-height:36px;font-size:14px;color:#212121;cursor:pointer;transition:background-color 0.2s ease}
.region-option:hover{background-color:#F5F5F7}
.region-option.active{color:#4096ff;background:#f0f7ff}
.city-option{padding-left:20px}
.region-option.disabled{color:#aaa;cursor:not-allowed;background:none}
.back-to-province{height:36px;padding:0 12px;line-height:36px;font-size:14px;color:#4096ff;cursor:pointer;border-bottom:1px solid #f0f0f0}
.back-to-province:hover{background-color:#f0f7ff}
.input-box{flex:1;display:flex;gap:8px;min-width:280px}
.input-box input{flex:1;height:44px;padding:0 16px;border:1px solid #e0e0e0;background:#F5F5F7;border-radius:8px;font-size:14px;color:#333;outline:none;transition:border-color 0.3s ease}
.input-box input::placeholder{color:#999}
.input-box input:focus{border-color:#4096ff}
.input-box .btn{width:80px;height:44px;background-color:#0F73FF;color:#ffffff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color 0.3s ease}
.input-box .btn:hover{background-color:#3385ff}
.procurement-body .procurement-box{margin-bottom:30px;padding:0}
.procurement-li{display:flex;align-items:center;border-radius:12px;padding:24px 0;border-bottom:0.5px solid #F0F0F0;transition:box-shadow 0.3s ease;justify-content:space-between}
.procurement-li:last-child{margin-bottom:0}
.procurement-li:hover{}
.procurement-li .li-left{width:136px;height:136px;border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;justify-content:center;align-items:center}
.procurement-li .li-left img{width:100%}
.procurement-li .li-middle{max-width:810px;min-width:810px;min-height:140px;position:relative;}
.middle-title{display:flex;align-items:center;gap:4px;margin-bottom:8px}
.middle-title .shu-fangkuai{width:6px;height:16px;}
.middle-title .title{font-size:20px;font-weight:500;color:#212121;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.middle-desc{display:flex;gap:40px;margin-bottom:16px;font-size:14px;color:#666;font-weight:400}
.description{position:relative;font-size:14px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height: 67px;}
.description .text{}
.description.active .text{filter:blur(2px)}
.description.active .overlay{position:absolute}
.overlay{position:unset;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:5}
.overlay .btn{display:inline-block;padding:8px 16px;background-color:#F22E2E;color:#ffffff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background-color 0.3s ease}
.overlay .btn:hover{background-color:#ff0000}
.procurement-li .li-right{font-size:20px;font-weight:500;color:#F22E2E}
.pages{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:14px;color:#666}
.pages .total{color:#666}
.pages-select{height:36px;padding:0 10px;border:1px solid #e5e6eb;border-radius:6px;background-color:#ffffff;color:#333;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}
.pages .iconfont{font-size:16px;color:#666;cursor:pointer;transition:color 0.3s ease}
.pages .iconfont:hover{color:#4096ff}
.pages .num-list{display: flex;gap: 10px;}
.pages .num{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}
.pages .num:hover{background-color:#e6f0ff;color:#4096ff}
.pages .num.active{background-color:#4096ff;color:#ffffff}
.pages .tolink{display:flex;align-items:center;gap:8px}
.pages .tolink input{width:50px;height:36px;padding:0 8px;border:1px solid #e5e6eb;border-radius:6px;text-align:center;outline:none;color:#333}
.pages .tolink input:focus{border-color:#4096ff}
@media (max-width:768px){.industry,.region{align-items:flex-start;flex-direction:column}
    .procurement .procurement-box{padding:20px 15px}
    .procurement-head{margin-bottom:20px}
    .procurement-head form{flex-direction:column;align-items:stretch;gap:15px}
    .industry-select,.region-select{width:100%;height:42px}
    .input-box{min-width:auto;gap:10px}
    .input-box .btn{width:80px;height:42px}
    .procurement-li{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}
    .procurement-li .li-left{width:50px;height:50px}
    .middle-title .title{font-size:14px}
    .middle-desc{flex-direction:column;gap:5px;font-size:12px}
    .procurement-li .li-right{align-self:flex-end;font-size:14px;padding-top:0}
    .pages{gap:8px;font-size:12px}
    .pages .total{width:100%;text-align:center}
    .pages-select{height:32px}
    .pages .num{width:32px;height:32px}
    .pages .tolink input{width:40px;height:32px}
    .procurement-li .li-middle{max-width: unset;min-width: unset;}
}@media (max-width:375px){.procurement{padding:20px 0}
    .procurement-li .li-middle{min-height:100px}
    .overlay .btn{padding:6px 12px;font-size:12px}
}