.demand-hall{border-top:2px solid #28a7e1;background:#fff;width:100%}.demand-hall .main{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0}.demand-main{-webkit-box-flex:1;-ms-flex:1;flex:1}.demand-main .dem-top-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.demand-main .dem-top-type .demt-type{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.demand-main .dem-top-type .demt-type button{background:#eee;border-radius:4px;color:#666;height:48px;width:156px;margin-right:20px;margin-bottom:26px;position:relative}.demand-main .dem-top-type .demt-type .active,.demand-main .dem-top-type .demt-type button:hover{color:#fff;background:#ffae00}.demand-main .dem-top-type .demt-type .active:after{content:"";position:absolute;left:0;right:0;margin:auto;bottom:-8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #ffae00}.demand-main .dem-top-type .demt-release .el-button{height:48px;width:156px;font-size:16px}.demand-main .dem-top{height:48px;border:1px solid #eee;background:#f8f8f8;color:#666;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px}.demand-main .dem-top,.demand-main .dem-top .sort{display:-webkit-box;display:-ms-flexbox;display:flex}.demand-main .dem-top .sort{height:100%;line-height:48px}.demand-main .dem-top .sort li{cursor:pointer;padding:0 20px}.demand-main .dem-top .sort li.active{background:#fff;color:#28a7e1}.demand-main .dem-top .sort li:hover{color:#28a7e1}.demand-main .dem-top .other{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.demand-main .dem-top .other li{margin-right:15px}.demand-main .dem-top .other .sum{line-height:48px}.demand-main .dem-top .other .sum span{color:#28a7e1;font-size:16px}.demand-main .dem-top .other .page{line-height:48px}.demand-main .dem-top .other .page span{color:#28a7e1}.demand-main .dem-top .other .turn span{display:inline-block;width:50px;height:28px;line-height:28px;text-align:center;border:1px solid #e0e0e0;cursor:pointer}.demand-main .dem-top .other .turn span:first-child{color:#28a7e1}.demand-main .dem-top .other .turn span:last-child{border-left:none;background:#fff}.demand-main .patDem-list{margin:20px 0 0;border:1px solid #eee;border-bottom:none}.demand-main .patDem-list .demand-item{border-bottom:1px solid #eee;text-align:left;padding:0 0 20px 30px;font-size:14px}.demand-main .patDem-list .demand-item .demi-title{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0 0;line-height:24px}.demand-main .patDem-list .demand-item .demi-title ul{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.demand-main .patDem-list .demand-item .demi-title ul span{display:block;margin-top:4px}.demand-main .patDem-list .demand-item .demi-title ul .demit-inTop span{background:#ff5a5a;color:#fff;border-radius:4px;text-align:center;padding:0 9px;margin-right:12px}.demand-main .patDem-list .demand-item .demi-title ul .demit-title{height:24px;font-size:16px}.demand-main .patDem-list .demand-item .demi-title ul .demit-title span{max-width:580px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demand-main .patDem-list .demand-item .demi-title ul .demit-classify span{background:#eee;font-size:12px;margin-left:20px;padding:0 12px;border-radius:4px}.demand-main .patDem-list .demand-item .demi-title .demit-perNum{height:40px;line-height:40px;color:#fff;background:#9fd727;border-top-left-radius:20px;border-bottom-left-radius:20px;text-align:center;font-size:14px}.demand-main .patDem-list .demand-item .demit-right{width:150px;text-align:center}.demand-main .patDem-list .demand-item .demi-date{color:#999;line-height:24px;margin:0 0 10px}.demand-main .patDem-list .demand-item .demi-date .state{display:inline-block;background:#ffae00;color:#fff;font-size:12px;border-radius:4px;padding:0 12px;margin-left:20px}.demand-main .patDem-list .demand-item .demi-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.demand-main .patDem-list .demand-item .demi-info .demit-info{color:#999;width:70%}.demand-main .patDem-list .demand-item .demi-info .demit-right{color:#f10215}.demand-main .patDem-list .demand-item .demi-info .demit-right span{font-size:20px;font-weight:700}.demand-main .patDem-list .demand-item:hover{background:#f4fafd}.demand-main .patDem-list .noData{border-bottom:1px solid #eee;padding:150px 0}.demand-main .patDem-list .noData div{color:#999}.demand-main .traDem-list .tradem-item{border:1px solid #eee;margin:10px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#666;font-size:14px;padding:20px 20px 20px 30px}.demand-main .traDem-list .tradem-item .trad-left{text-align:left;-webkit-box-flex:1;-ms-flex:1;flex:1}.demand-main .traDem-list .tradem-item .trad-left .tradl-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.demand-main .traDem-list .tradem-item .trad-left .tradl-top .el-image{width:34px;height:34px;border-radius:50%}.demand-main .traDem-list .tradem-item .trad-left .tradl-top .tel{font-size:18px;font-weight:700;margin:0 20px}.demand-main .traDem-list .tradem-item .trad-left .tradl-top button{border:1px solid #28a7e1;border-radius:4px;width:120px;height:34px;background:#fff;color:#28a7e1}.demand-main .traDem-list .tradem-item .trad-left .tradl-date{color:#999;line-height:12px;margin:16px 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex}.demand-main .traDem-list .tradem-item .trad-left .tradl-date div{margin-right:60px}.demand-main .traDem-list .tradem-item .trad-right{width:240px;text-align:right}.demand-main .traDem-list .tradem-item .trad-right p{display:inline-block;color:#f10215}.demand-main .traDem-list .tradem-item .trad-right span{font-size:20px;font-weight:700}.demand-main .traDem-list .tradem-item.inTop{position:relative}.demand-main .traDem-list .tradem-item.inTop:after{content:"\7F6E\9876";position:absolute;width:32px;height:18px;color:#fff;background:#ff5a5a;left:-1px;top:-1px;font-size:12px;line-height:22px}.demand-main .traDem-list .tradem-item.inTop:before{content:"";position:absolute;left:0;top:17px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:9px solid #ff5a5a}.demand-main .pagination-row{margin:20px 0}.recommend-wrap{bottom:0}