.market-header{background: #f5f5f5;background-image: url(../imgs/market/img_market_demand_banner.png); background-size: contain; background-repeat: no-repeat; background-position: top; padding: 30px 0px; }
.market-header .common-item{padding: 40px; background: #fff; border-radius: 6px; box-shadow: 0px 0px 6px #999999;}
.market-header input{font-size: 16px;}
.market-header button{font-size: 16px;}

.market-body{background-color: #f5f5f5; display: flex; flex-direction: column; gap: 20px; justify-content:space-between;}


.market-filter{margin: 0 auto; border-radius: 6px; box-shadow: 0px 0px 6px #999999; padding: 20px;background-color: #fff; }
.market-filter-item{display: flex; flex-direction: row; gap: 20px; align-items: center;}
.market-filter-item>label{display: inline-block; padding: 4px;  font-size: 16px; font-weight: 400; }
.market-filter-item ul li{display: inline-block;}
.market-filter-item span{display: inline-block; padding: 4px 6px; border-radius: 4px;  font-size: 14px; cursor: pointer;}
.market-filter-item span.active{background-color: #e5effe; color: #145cfa; }
.market-filter-item span:hover{background-color: #e5effe;}
.market-filter-item>div>label{font-size: 14px;}
.market-filter-item a{font-size: 16px; color: #145cfa;}

.market-list{  display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px;}
.market-list-item{ border-radius: 6px; box-shadow: 0px 0px 6px #999999;background-color: #fff; width: 630px; }
.market-list-header{display: flex; flex-direction: row; justify-content: space-between;}
.market-list-header>div{padding-left: 20px; padding-top: 20px; display: flex; align-items: center; gap: 10px;}
.market-list-header h3{display: inline-block; width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.market-list-header span{ float: right; color: #549371; height: 28px; background-color: #e9f6f1; padding: 4px 6px; border-bottom-left-radius: 6px; font-size: 12px;}

.market-list-content{padding: 20px; justify-content:space-between;}
.market-list-content p{font-size: 14px; color: #333333; width: 590px; height: 48px; text-overflow: ellipsis; overflow: hidden; white-space: wrap;}
.market-list-content span{font-size: 14px; color: #999999;}

.market-list-footer{display: flex; flex-direction: row; justify-content: space-between; padding: 0px 20px;}
.market-list-footer>div{display: flex; align-items: center; gap: 20px;}
.market-list-footer>div label{font-size: 30px; font-weight: 500; color: #eb5647;}