.case{width: 1380px;margin:0 auto;}
.case .menu{width: 100%;display: flex; justify-content: center;align-items: center;padding-top: 50px; padding-bottom: 50px;}
.case .menu li{background:#f0f0f0;height:45px;border-radius:45px; line-height:45px;text-align:center;margin-right:10px;margin-left:10px;cursor:pointer;font-size:18px; padding-left: 30px;padding-right: 30px;}
.case .menu li a{ font-size:18px; color:#333;display: block;}
.case .menu li.on{ background: linear-gradient(90deg, #f65420, #f49f2f);  height:45px;line-height:45px;border-radius:45px; color:#fff; text-align:center;}
.case .menu li.on a{ color:#fff;}
.case .list{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.case .list li{width: 23%; margin-right: 2.666%;border:1px solid #f0f0f0;border-radius: 10px; overflow: hidden;}
.case .list li:nth-child(4n){margin-right: 0;}
.case .list li a{ display: block; }
.case .list li dl{width: 100%;}
.case .list li dl img{width: 100%; display: block; border-radius: 10px 10px 0 0;}
.case .list li .info{width: 100%;padding: 10px;}
.case .list li .info .title{font-size: 16px;}
.case .list li .info .tag{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.case .list li .info .tag dd{ margin-right:10px; color: #999; font-size: 14px; padding-top: 5px;}
.case .list li .info .tag dd a{color: #999; display: block;}

.case_show{width: 1260px;margin:0 auto; padding-top: 50px; padding-bottom: 50px;}
.case_show .title{width: 100%;text-align: center;font-size: 30px;font-weight: bold;}
.case_show .info{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%; height: 467px; padding-top: 50px;}
.case_show .info .info_left{width: 850px;}
.case_show .info .info_right{width: 410px; padding-left: 20px;}
.case_show .info .info_right li{width:100%;border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px;}
.case_show .info .info_right li a{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%;}
.case_show .info .info_right li .number{width: 30px;display: flex;align-items: center;}
.case_show .info .info_right li .pic{width: 80px;display: flex; justify-content: center;align-items: center;}
.case_show .info .info_right li .pic img{width: 80px; display: block;}
.case_show .info .info_right li .txt{width: calc(100% - 110px); padding-left: 15px;}
.case_show .info .info_right li .txt dl{font-size: 14px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case_show .info .info_right li .txt dd{font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #5f6061}


/*tag标签*/
.list_tag{margin-top:20px; margin-bottom:10px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%}
.list_tag dd{width: 40px;display: flex; justify-content: center;align-items: center;}
.list_tag dd img{ width:40px;display: block;}
.list_tag ul{width: calc(100% - 40px);padding-left: 10px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.list_tag ul li{ text-align:center; padding:5px 10px 5px 10px; border:1px solid #eee; margin-right:10px;}
.list_tag ul li a{ display:block; }
.list_tag ul li:hover{ background:#fe5f03;}
.list_tag ul li:hover a{color: #fff;}


/*搜索结果*/
.search{width: 1380px;margin:0 auto;padding-top: 50px; padding-bottom: 50px;}

.search .loacl{width: 100%;padding-bottom: 30px;font-size: 16px;}
.search .loacl span{color: #f65420; font-weight: bold;}

.search .list{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.search .list li{width: 23%; margin-right: 2.666%;border:1px solid #f0f0f0;border-radius: 10px; overflow: hidden;}
.search .list li:nth-child(4n){margin-right: 0;}
.search .list li a{ display: block; }
.search .list li dl{width: 100%;}
.search .list li dl img{width: 100%; display: block; border-radius: 10px 10px 0 0;}
.search .list li .info{width: 100%;padding: 10px;}
.search .list li .info .title{font-size: 16px;}
.search .list li .info .tag{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.search .list li .info .tag dd{ margin-right:10px; color: #999; font-size: 14px; padding-top: 5px;}
.search .list li .info .tag dd a{color: #999; display: block;}