#Content {width: 1200px;margin: 0 auto;min-height: 450px;}
.search-content{text-align:center;margin:50px 0;}
.search-input{font-size:0;display:inline-block;}
.search-left{display:inline-block;border:1px solid #c4c4c4;font-size:21px;background-color:#fff;vertical-align:middle;}
.search-select{height:54px;line-height:54px;padding:0 19px;display:inline-block;vertical-align:middle;position:relative;width:160px;text-align:left;box-sizing: content-box;}
.search-select::before{content:"";position:absolute;width:2px;height:20px;background-color:#eee;top:0;right:0;bottom:0;margin:auto;}
.search-select::after{content:"";position:absolute;border:6px solid transparent;border-top-color:#7f92a5;top:25px;right:15px;}
.search-select ul{position:absolute;top:102%;left:0;right:0;box-shadow:0 4px 12px 0 rgba(0,0,0,0.08);background-color:#fff;border:1px solid #eee;border-radius:0 0 4px 4px;z-index:10;display:none;}
.search-select.active ul{display:block;}
.search-select ul li{line-height:46px;padding:0 20px;cursor:pointer;}
.search-select ul li:hover{background-color:#e2e2e2;}
.search-word{vertical-align:middle;width:488px;height:54px;outline:none;border:none;padding:0 50px 0 22px;color:#999;box-sizing:border-box;font-size:21px;}
.search-button{width:76px;height:56px;background-color:#025293;display:inline-block;vertical-align:middle;text-align:center;line-height:56px;cursor:pointer;display: inline-flex
;justify-content: center;align-items: center;}
.search-info{text-align:center;color:#999;font-size:14px;line-height:20px;margin-top:50px;}
.search-info>div{display:inline-block;margin:0 10px;}
.search-info .count{color:red;}
.search-info .ui-radio{position:relative;display:inline-block;padding-left:25px;margin-right:16px;background:url(https://sousuo.www.gov.cn/sousuo/images/search_radio.png) no-repeat 0 center;background-size:16px;color:#333;cursor:pointer;}
.search-info .ui-radio.active::before{content:"";position:absolute;width:10px;height:10px;border-radius:5px;left:3px;top:0;bottom:0;margin:auto;background-color:#025293;}
.search-date{position:relative;color:#666;}
.search-date::after{content:"";position:absolute;border:6px solid transparent;border-top-color:#7f92a5;top:12px;right:15px;}
.date-value{width:208px;height:26px;background:#ffffff;border:1px solid #cecece;font-size:14px;color:#999;line-height:26px;padding:0 0 0 10px;background-size:16px;cursor:pointer;}
.select-date{position:absolute;top:102%;left:0;right:0;box-shadow:0 4px 12px 0 rgba(0,0,0,0.08);background-color:#fff;border:1px solid #eee;border-radius:0 0 4px 4px;z-index: 1; display:none;}
.search-date .date-value.active+.select-date{display:block;}
.select-date ul{padding:7px 0;}
.select-date ul li{line-height:28px;margin-bottom:7px;cursor:pointer;}
.select-date ul li:hover{color:#025293;background:#F7F7F7}
.date-custom{padding:0 16px;border-top:1px solid #EBEBEB;margin:0 10px;}
.date-custom>div{line-height:46px;}
.date-custom input{width:116px;height:30px;border:1px solid #EBEBEB;padding:0 10px;margin-left:5px;color:#666;}
.date-custom .btn{width:56px;background:#025293;border-radius:3px;color:#fff;line-height:32px;text-align:center;margin:16px auto;cursor:pointer;}
.search-result{padding:36px;background-color:#fff;}
.search-result,.search-serve{box-sizing: content-box;}
.search-list li{margin-bottom:20px;}
.search-list li a{color: #333;}
.search-list li+li .partitions{height:12px;background:#f5f9ff;border-radius:1px;border-top:1px solid #d3d3d3;margin-bottom:31px;}
.search-list h2{margin-bottom:28px;font-size:24px;color:#025293;line-height:36px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.search-list h2 em{padding:0 8px;color:#166FC6;font-size:14px;display:inline-block;border:1px solid #166FC6;border-radius:3px;margin-right:12px;line-height:24px;vertical-align:middle;font-style:normal;}
.search-list .des{overflow:hidden;}
.search-list .des>img{float:left;width:173px;height:115px;margin-right:15px;object-fit:contain;}
.search-list .des>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:57px;text-overflow:ellipsis;line-height:26px;color:#333;margin-bottom:10px;}
.search-list .des>img+p{margin-top:10px;}
.search-list .des>span{color:#999;margin-top:10px;display:inline-block;font-size:14px;line-height:20px;}
.search-list .des>span+span{float:right;}
.search-none{width:300px;margin:0 auto;}
.search-none .title{margin-top:38px;font-weight:bold;color:#333;line-height:22px;margin-bottom:12px;}
.search-none li{font-size:14px;font-weight:400;color:#666666;line-height:30px;}
.search-loading{text-align:center;padding:50px 0;line-height:50px;}

/* 分页 */
.pages{background:#fff;margin:10px auto;overflow:hidden;padding:10px 0;}
.pages .page{float:left;color:#999;font-size:14px;line-height:34px;margin-left:230px;margin-right:30px;}
.pages .page{margin-left:0;}
.pages ul{overflow:hidden;}
.pages ul li{float:left;overflow:hidden;text-align:center;}
.pages ul li a{float:left;color:#666;background:#FFF;border:1px solid #D3D3D3;border-radius:5px;margin:0 3px;padding:0 13px;text-align:center;line-height:32px;}
.pages ul li a.hov{background-color:#015293;color:#FFF;font-weight:bold;}
.pages ul li a.disabled{background-color:#d9d9d9;}


/* 适老化 */
.oldModel .search-info{line-height:1.5}
.oldModel .search-list .des>p{max-height:initial;line-height:1.5}
.search-box{display:flex;justify-content:space-between;}
.search-result{width:63%;align-self:flex-start;/* 添加这行 */
}
.search-serve{width:24%;padding:36px;background-color:#fff;align-self:flex-start;/* 添加这行 */
}
.search-serve-tit{font-size: 22px;color:#025293;font-weight: 600;}
.search-serve ul li{padding-top:10px;border-bottom:1px dotted #c4c4c4;padding-bottom:10px}
.search-serve ul li h4{color:#025293;font-size:17px;}
.search-serve ul li h4 span{font-size: 17px;}
.search-serve .clickbtn{padding:5px 10px;background-color:#025293;color:#FFF;border-radius:26px;margin-top: 20px;}
.search-serve ul li span{color:#999;margin-top:10px;font-size:14px;line-height:20px;display:inline-block;}
.clickbtn{background:linear-gradient(90deg,#007bff,#00bcd4,#007bff);background-size:200% 100%;color:white;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.search-serve .deptName{display: block;float: right;margin-top: 25px;}
.clickbtn:hover{background:linear-gradient(90deg,#00bcd4,#007bff,#00bcd4);background-size:200% 100%;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15);}
.clickbtn:active{animation:gradientFlow 0.5s ease,clickEffect 0.5s ease;transform:translateY(1px);box-shadow:0 2px 3px rgba(0,0,0,0.1);}
@keyframes gradientFlow{0%{background-position:0% 50%;}
100%{background-position:200% 50%;}
}
@keyframes clickEffect{0%{transform:scale(1);}
50%{transform:scale(0.95);}
100%{transform:scale(1);}
}
/* 添加波纹效果 */
.clickbtn::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,0.5);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%;}
.clickbtn:active::after{animation:ripple 0.6s ease-out;}
@keyframes ripple{0%{transform:scale(0);opacity:1;}
100%{transform:scale(50);opacity:0;}
}

@media (max-width: 768px) {
    #Content{width: 100%;}
    .search-word{width: 360px;}
    .search-box {flex-wrap: wrap;}
    .search-result,.search-serve{width: 100%;box-sizing: border-box;}
}