.demand{margin-bottom: 20px;}
.demand .demand-data{width: 896px;}

/* 需求头部 */
.demand .demand-data .demand-header{padding: 30px; background-color: #fff;margin-bottom: 16px;}
.demand .demand-data .demand-header .list{width: 650px;height: auto;}
.demand .demand-data .demand-header .list .title{width: auto;margin-bottom: 20px;}
.demand .demand-data .demand-header .list .title span{float: left;width:56px;height:22px;line-height: 22px; background-color:#e1251b;border-radius:14px 2px 14px 2px;color: #fff;text-align: center;}
.demand .demand-data .demand-header .list .title h1{float: right;width: 584px;line-height: 22px;font-size: 18px;color: #333;}
.demand .demand-data .demand-header .list .nuire{margin-bottom: 12px;line-height: 14px;line-height: 18px; background: url(../../img/icon/ask-icon.png) no-repeat 0 0;padding-left: 28px;padding-top: 2px;}
.demand .demand-data .demand-header .list .nuire.i2{background-image: url(../../img/icon/number-icon.png);}
.demand .demand-data .demand-header .list .nuire.i3{background-image: url(../../img/icon/xq-category.png);}
.demand .demand-data .demand-header .list .nuire.i4{background-image: url(../../img/icon/place-icon.png);}
.demand .demand-data .demand-header .list .attend{height: 27px;margin-bottom: 29px;}
.demand .demand-data .demand-header .list .attend span{display: block;float: left;line-height: 27px;background: url(../../img/icon/like-icon.png) no-repeat 0 center;padding-left: 26px;cursor: pointer;}
.demand .demand-data .demand-header .list .attend span.i1:hover{color: #e1251b;}
.demand .demand-data .demand-header .list .attend span.i1:hover{background-image: url(../../img/icon/like-active-icon.png);}
.demand .demand-data .demand-header .list .attend span.yes1{background-image: url(../../img/icon/like-active-icon.png);color: #e1251b;}
.demand .demand-data .demand-header .list .attend span.i2{background-image: url(../../img/icon/preview-icon.png);margin: 0 18px;}
.demand .demand-data .demand-header .list .attend span.i3{background-image: url(../../img/icon/time-icon.png);}
/* 模切社区产品图列表样式 */
.demand .demand-data .demand-header .list .product-list-img{width: 590px;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.demand .demand-data .demand-header .list .product-list-img.clearfix-block:after{width: 190px;}
.demand .demand-data .demand-header .list .product-list-img li{display: inline-block; width: 190px;height: 120px;margin-bottom: 10px;}
.demand .demand-data .demand-header .list .product-list-img li img{width: 100%;height: 100%;}

/* 模切社区产品图列表样式 */
.demand .demand-data .demand-header .list .contact{width: auto;height: 40px;}
.demand .demand-data .demand-header .list .contact a{position: relative;float: left;display:block;height: 38px;line-height: 38px; width: 128px;font-size: 16px;text-align: center;color: #e1251b;border: 1px solid #e1251b;border-radius:4px;background-color: #FFF7F6;}
.demand .demand-data .demand-header .list .contact a:hover{background-color:#e1251b;color: #fff;}
.demand .demand-data .demand-header .list .contact a.he{background-color:#e1251b;color: #fff;margin-left: 60px;}
.demand .demand-data .demand-header .list .contact a.he .number-bottom{width: 130px;display: none;position: absolute;top: 36px;left: 0;z-index: 9; -webkit-animation: fadeInTop 0.1s ease-in; animation: fadeInTop 0.15s ease-in;}
.demand .demand-data .demand-header .list .contact a.he:hover .number-bottom{display: block;}
.demand .demand-data .demand-header .list .contact a.he .number-bottom .fuwuh{position: relative;left: -130px; width: 260px;height: auto;background: #fff;margin-top: 14px;padding: 20px 0; box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.15);border-radius:2px;}
.demand .demand-data .demand-header .list .contact a.he .number-bottom .fuwuh .sjiao{position: absolute;top: -25px;right: 58px;}
.demand .demand-data .demand-header .list .contact a.he .number-bottom .fuwuh dl{width: auto;height: 86px;margin: 0 26px 0 30px;}
.demand .demand-data .demand-header .list .contact a.he .number-bottom .fuwuh dl dt{width: 86px;height: 80px;}
.demand .demand-data .demand-header .list .contact a.he .number-bottom .fuwuh dl dt img{width: 100%;height: 100%;}
.demand .demand-data .demand-header .list .contact a.he .number-bottom .fuwuh dl dd{line-height: 18px; font-size: 12px;color: #666;width: 84px;text-align: left;}
.demand .demand-data .demand-header .demand-portrait{width: 120px;height: auto;margin-right: 30px;}
.demand .demand-data .demand-header .demand-portrait dt{width: 120px;height: 120px;}
.demand .demand-data .demand-header .demand-portrait dt img{width: 100%;height: 100%;}
.demand .demand-data .demand-header .demand-portrait dd{text-align: center;font-size: 16px;color: #333;margin-top: 10px;}

/* 需求大厅详情图开始 */
.demand .dataImg{width: auto;background-color: #fff;margin-bottom: 16px;}
.demand .dataImg .kind-title:after{width: 65px;}
.demand .dataImg .img-list{width: auto;height: auto;}
.demand .dataImg .img-list li{float: left;width: 272px;height: 180px;margin-left: 20px;text-align: center;margin-bottom: 20px;}
.demand .dataImg .img-list li img{width: 100%;height: 100%;cursor: pointer;}

/* 需求大厅详情图结束 */

/* 已接单-评论列表开始 */
.demand .already-tab{width: auto;padding: 30px 30px 0 30px;background-color: #fff;margin-bottom: 16px;}
.demand .already-tab .layui-tab-title{border-color: #EBEBEB;height: 33px;}
.demand .already-tab .layui-tab-title li{line-height: 18px; font-size: 16px;color: #333;padding: 0;margin-left: 40px;}
.demand .already-tab .layui-tab-title li span{color: #e1251b;}
.layui-tab-brief > .layui-tab-title .layui-this{color: #333;}
.layui-tab-title .layui-this:after{height: 34px;}
.layui-tab-brief > .layui-tab-title .layui-this:after, .layui-tab-brief > .layui-tab-more li.layui-this:after{border-bottom: 2px solid #e1251b;}

.demand .already-tab .layui-tab-content{padding: 0;}
.demand .already-tab .layui-tab-content .layui-tab-item{padding: 0;padding-top: 24px;}
.demand .already-tab .layui-tab-content .layui-tab-item .already-list{width: auto;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap; }
.demand .already-tab .layui-tab-content .layui-tab-item .already-list:after{content: " ";display: block;height: 0;clear: both;float: unset;}
.demand .already-tab .layui-tab-content .layui-tab-item .already-list li{float: left; width: 400px;height: 50px;margin-bottom: 30px;}
.demand .already-tab .layui-tab-content .layui-tab-item .portrait{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.demand .already-tab .layui-tab-content .layui-tab-item .portrait img{width: 100%;height: 100%;}
.demand .already-tab .layui-tab-content .layui-tab-item .already-list li .name{width: 340px; line-height: 18px;color: #333;font-size: 16px;margin-bottom: 10px;margin-top: 4px;}
.demand .already-tab .layui-tab-content .layui-tab-item .already-list li .time{line-height: 16px;color: #999;}
/* 评论列表样式 */
.demand .already-tab .layui-tab-content .layui-tab-item .comment-list{width: auto;padding-bottom: 1px;}
.demand .already-tab .layui-tab-content .layui-tab-item .comment-list li{width: auto;height: auto;margin-bottom: 30px;}
.demand .already-tab .layui-tab-content .layui-tab-item .comment-list li .name{width: 775px;line-height: 18px;color: #333;font-size: 16px;margin-bottom: 10px;margin-top: 4px;}
.demand .already-tab .layui-tab-content .layui-tab-item .comment-list li .name span{font-size: 12px;color: #999;}
.demand .already-tab .layui-tab-content .layui-tab-item .comment-list li .text{width: 775px; line-height: 16px;}

/* 发布评论 */
.demand .comment{width: auto;padding: 30px;background-color: #fff;margin-bottom: 16px;}
.demand .comment .layui-form .layui-form-item .layui-input-block{margin-left: 0;}
.demand .comment .layui-form .layui-form-item .layui-input{height: 46px;border-color: #E5E5E5;background-color: #F8F8F8;color: #999;}
.demand .comment .layui-form .layui-form-item .layui-form-danger:focus{border-color: #e1251b !important;}
.demand .comment .submission{text-align: right;}
.demand .comment .submission .layui-btn{height: 36px;line-height: 36px;background-color: #eee;color: #999;}
.demand .comment .submission .layui-btn:hover{background-color: #e1251b;color: #fff;}

/* 可能感兴趣的需求 */
.demand .relevant{width: auto;background-color: #fff;}
.demand .relevant .kind-title:after{width: 160px;}
.demand .relevant .relevant-list{display: flex;flex-wrap: wrap;width: 896px; height: auto;background-color: #fff;}
.demand .relevant .relevant-list:after{content: " ";display: block;height: 0;clear: both;float: unset;}
.demand .relevant .relevant-list li{float: left; position: relative;width: 388px;height: 223px; padding: 30px 30px 20px;}
.demand .relevant .relevant-list li.prev{height: 145px;}
.demand .relevant .relevant-list li.demand-done{background: url(../../img/demand-done.png) no-repeat 282px 124px;}
.demand .relevant .relevant-list li:nth-child(odd):after{content: " ";display: block;position: absolute;right: -1px;top: 30px; width: 0px; height: 223px;clear: both;border-left: 1px dashed #f2f2f2;}
.demand .relevant .relevant-list li:hover:nth-child(odd):after{border-left: 1px dashed transparent;}
.demand .relevant .relevant-list li:nth-child(even):after{content: " ";display: block;position: absolute;left: 0;top: 30px; width: 1px; height: 223px;clear: both;}
.demand .relevant .relevant-list li:hover:nth-child(even):after{background: #fff;}
.demand .relevant .relevant-list li:hover{box-shadow:0 6px 24px rgba(0, 0, 0, 0.1);}
.demand .relevant .relevant-list li .details{display: block;padding-bottom: 18px;}
.demand .relevant .relevant-list li .details .list-title{width: auto;height: 17px;line-height: 17px;font-size: 16px;margin-bottom: 15px;}
.demand .relevant .relevant-list li .details .list-title h2{float: left; width: 300px;color: #333;}
.demand .relevant .relevant-list li:hover .details .list-title h2{color: #e1251b;}
.demand .relevant .relevant-list li .details .list-title em{float: right;font-size: 12px;color: #999;height: 17px;line-height: 22px;}
.demand .relevant .relevant-list li .details .end{margin-bottom: 10px;line-height: 14px;line-height: 18px; background: url(../../img/icon/ask-icon.png) no-repeat 0 0;padding-left: 28px;padding-top: 2px;}
.demand .relevant .relevant-list li .details .end.i1{height: 36px;}
.demand .relevant .relevant-list li .details .end.i2{background-image: url(../../img/icon/number-icon.png);}
.demand .relevant .relevant-list li .details .end.i3{background-image: url(../../img/icon/place-icon.png);}
.demand .relevant .relevant-list li .details .end.i4{background-image: url(../../img/icon/place-icon.png);}
.demand .relevant .relevant-list li .details .receipt{width: auto;height: auto;margin-top: 18px;}
.demand .relevant .relevant-list li .details .receipt .portrait {display: flex;width: auto;height: 30px;margin-left: 10px;}
.demand .relevant .relevant-list li .details .receipt .portrait p{float: left; width: 26px;height: 26px;line-height: 16px;border: 2px solid #fff;border-radius: 50%;overflow: hidden;margin-left: -10px;background: #bfbfbf;text-align: center;}
.demand .relevant .relevant-list li .details .receipt .portrait p img{width: 100%;height: 100%;}
.demand .relevant .relevant-list li .details .receipt .number{line-height: 30px;}
.demand .relevant .relevant-list li .attend{height: 27px;}
.demand .relevant .relevant-list li .attend span{display: block;float: left;line-height: 27px;background: url(../../img/icon/like-icon.png) no-repeat 0 center;padding-left: 26px;cursor: pointer;}
.demand .relevant .relevant-list li .attend span:hover{color: #e1251b;}
.demand .relevant .relevant-list li .attend span.i2{background-image: url(../../img/icon/evaluate-icon.png);margin: 0 18px;}
.demand .relevant .relevant-list li .attend span.i3{background-image: url(../../img/icon/preview-icon.png);}
.demand .relevant .relevant-list li .attend span.i3:hover{color: #666;}
.demand .relevant .relevant-list li .attend span.i1:hover{background-image: url(../../img/icon/like-active-icon.png);}
.demand .relevant .relevant-list li .attend span.i2:hover{background-image: url(../../img/icon/evaluate-active-icon.png);}
.demand .relevant .relevant-list li .attend span.yes1{background-image: url(../../img/icon/like-active-icon.png);color: #e1251b;}
.demand .relevant .relevant-list li .attend span.yes2{background-image: url(../../img/icon/evaluate-active-icon.png);color: #e1251b;}
.demand .relevant .relevant-list li .attend .contact{position: relative; width: 144px;border: 1px solid #e1251b;border-radius:13px;}
.demand .relevant .relevant-list li .attend .clearfix:after{content: " ";position: absolute;top: 0;left: 71.5px; width: 1px;height: 25px;background-color: #e1251b;visibility: inherit;}
.demand .relevant .relevant-list li .attend .contact a{position: relative;float: left;display:block;height: 25px;line-height: 25px; width: 72px;text-align: center;color: #e1251b;}
.demand .relevant .relevant-list li .attend .contact a.he .number-bottom{width: 72px;display: none;position: absolute;top: 22px;left: 0;z-index: 9; -webkit-animation: fadeInTop 0.1s ease-in; animation: fadeInTop 0.15s ease-in;}
.demand .relevant .relevant-list li .attend .contact a.he:hover .number-bottom{display: block;}
.demand .relevant .relevant-list li .attend .contact a.he .number-bottom .fuwuh{position: relative;left: -158px; width: 260px;height: auto;background: #fff;margin-top: 14px;padding: 20px 0; box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.15);border-radius:2px;}
.demand .relevant .relevant-list li .attend .contact a.he .number-bottom .fuwuh .sjiao{position: absolute;top: -18px;right: 58px;}
.demand .relevant .relevant-list li .attend .contact a.he .number-bottom .fuwuh dl{width: auto;height: 86px;margin: 0 26px 0 30px;}
.demand .relevant .relevant-list li .attend .contact a.he .number-bottom .fuwuh dl dt{width: 86px;height: 80px;}
.demand .relevant .relevant-list li .attend .contact a.he .number-bottom .fuwuh dl dt img{width: 100%;height: 100%;}
.demand .relevant .relevant-list li .attend .contact a.he .number-bottom .fuwuh dl dd{line-height: 18px; font-size: 12px;color: #666;width: 84px;text-align: left;}

.demand .relevant .flese{display: flex;}
.demand .relevant .flese .kind-title{float: left; width: 408px;}
.demand .relevant .flese .kind-title:after{width: 50px;}
/* 推荐 */
.demand .recommend-right{width: 288px;height: auto;}
.demand .recommend-right .list{padding: 20px 16px; background-color: #fff;margin-bottom: 16px;}
.demand .recommend-right .list li{border-bottom: 1px solid #EBEBEB;padding-bottom: 10px;margin-bottom: 20px;}
.demand .recommend-right .list li:last-child {border-bottom: 0 none;margin-bottom: 0;padding-bottom: 0;}
.demand .recommend-right .list li:hover{border-bottom-color: #e1251b;}
.demand .recommend-right .list li .details{display: block;}
.demand .recommend-right .list li .details .list-title{width: auto;height: 17px;line-height: 17px;font-size: 16px;margin-bottom: 10px;color: #333;}
.demand .recommend-right .list li:hover .details .list-title{color: #e1251b;}
.demand .recommend-right .list li .details .end{max-height: 38px; margin-bottom: 8px;line-height: 14px;line-height: 18px; background: url(../../img/icon/ask-icon.png) no-repeat 0 0;padding-left: 28px;padding-top: 2px;}
.demand .recommend-right .list li .details .end.i2{background-image: url(../../img/icon/number-icon.png);}
.demand .recommend-right .list li .details .end.i3{background-image: url(../../img/icon/place-icon.png);}
.demand .recommend-right .list li .details .end.i4{background-image: url(../../img/icon/place-icon.png);}

/* 接单弹出层 */
body .orders-skil{
	border-radius: 6px;
}
body .orders-skil .layui-layer-title{
	background-color: initial;
	border-bottom: 0 none;
}
.ordersLayer{
	width: 473px;
	margin: 0 auto;
}
.ordersLayer .title{
	margin-bottom: 36px;
}
.ordersLayer textarea{
	min-height:160rpx !important;
	resize:none !important;
}
.ordersLayer .btnBox{
	padding: 0 50px 60px;
}
.ordersLayer .btnBox .btn{cursor: pointer; height: 38px;line-height: 38px; width: 138px;font-size: 16px;text-align: center;color: #e1251b;border: 1px solid #e1251b;border-radius:4px;background-color: #FFF7F6;}
.ordersLayer .btnBox .btn:hover{background-color:#e1251b;color: #fff;}
.ordersLayer .btnBox .btn.confirm{background-color:#e1251b;color: #fff;}