.demand{margin-bottom: 20px;}
.demand .demand-left{width: 896px;}
/* 新闻轮播样式 */
.demand .demand-left .swiper-container{width: 896px;height: 380px;margin-bottom: 16px;}
.swiper-button-next,.swiper-button-prev{transition:opacity .5s;width: 30px;height: 50px;background-size: 30px 50px;}
.demand .demand-left .swiper-container .hide{opacity:0;}
.demand .demand-left .swiper-container .swiper-button-prev{background-image: url(../../img/icon/news-prev-icon.png);left: 0;}
.demand .demand-left .swiper-container .swiper-button-next{background-image: url(../../img/icon/news-next-icon.png);right: 0;}
.demand .demand-left .swiper-container .swiper-pagination-bullet{width:8px;height:8px;background-color: #000;opacity:0.4;border-radius:50%;}
.demand .demand-left .swiper-container .swiper-pagination-bullet-active{background-color: #FFF;opacity: .9;}
.demand .demand-left .swiper-container a{display: block;height: 100%;}
.demand .demand-left .swiper-container a img{width: 100%;height: 100%;}

/* 分类筛选 */
.demand .demand-left .screen{position: relative; width: auto;height: auto;padding: 30px 16px 30px 30px;background-color: #fff;margin-bottom: 16px;}
.demand .demand-left .screen .liuhu{position: relative; width: 860px;margin-bottom: 20px;}
.demand .demand-left .liuhu h2{color: #333;height: 24px;line-height: 24px;}
.demand .demand-left .liuhu ul{width: 790px; display: flex;flex-wrap: wrap;}
.demand .demand-left .liuhu ul li{float: left;width: auto;height: 24px;line-height: 24px;padding: 0 12px;border-radius:2px;cursor: pointer;margin:0 0 10px 8px;}
.demand .demand-left .liuhu ul li.layui-this{background-color: #e1251b;}
.demand .demand-left .liuhu ul li.layui-this a{color: #fff;}
.demand .demand-left .city{height: 24px;overflow: hidden;}
.demand .demand-left .city ul {width: 770px;height: auto;padding-right: 20px;}
.demand .demand-left .city ul li{margin-bottom: 10px;}
.demand .demand-left .city .iocsan{position: absolute;top: 0;right: 20px;cursor: pointer;width: 24px;height: 24px;line-height: 24px;text-align: center;transition: transform .5s;}
.demand .demand-left .city .open{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

/* 数据列表 */
.demand .demand-left .dataBox{width: 896px;background-color: #fff;}

/* 默认排序和搜索框 */
.demand .demand-left .dataBox .screen-sort{width: auto;height: 38px;padding: 25px 30px;background-color: #fff;display: flex;justify-content: space-between;align-items:center;}
.demand .demand-left .dataBox .screen-sort ul{width: auto; display: flex;flex-wrap: wrap;}
.demand .demand-left .dataBox .screen-sort ul li{float: left;width: auto;height: 28px;line-height: 28px;padding: 0 12px;border-radius:2px;cursor: pointer;margin-right: 16px;font-size: 14px;color: #333;}
.demand .demand-left .dataBox .screen-sort ul li.layui-this{background-color: #e1251b;}
.demand .demand-left .dataBox .screen-sort ul li.layui-this a{color: #fff;}
.demand .demand-left .dataBox .screen-sort .screen-search-form{float: right; width: auto;height: 38px;}
.demand .demand-left .dataBox .screen-sort .screen-search-form .layui-input{width: 238px;height: 38px;line-height: 38px;border: 2px solid #e1251b;border-radius: 0;color: #999;}
.demand .demand-left .dataBox .screen-sort .screen-search-form .layui-btn{width: 62px;height: 38px;line-height: 38px;background-color: #e1251b;font-size: 14px;color: #fff;border-radius: 0;border: 0px none !important;}

/* 需求列表样式 */
.demand .demand-left .dataBox .demand-list{display: flex;flex-wrap: wrap;width: 896px; height: auto;background-color: #fff;}
.demand .demand-left .dataBox .demand-list:after{content: " ";display: block;height: 0;clear: both;float: unset;}
.demand .demand-left .dataBox .demand-list li{float: left; position: relative;width: 388px;height: 223px; padding: 30px 30px 20px;}
.demand .demand-left .dataBox .demand-list li.demand-done{background: url(../../img/demand-done.png) no-repeat 282px 124px;}
.demand .demand-left .dataBox .demand-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 .demand-left .dataBox .demand-list li:hover:nth-child(odd):after{border-left: 1px dashed transparent;}
.demand .demand-left .dataBox .demand-list li:nth-child(even):after{content: " ";display: block;position: absolute;left: 0;top: 30px; width: 1px; height: 223px;clear: both;}
.demand .demand-left .dataBox .demand-list li:hover:nth-child(even):after{background: #fff;}
.demand .demand-left .dataBox .demand-list li:hover{box-shadow:0 6px 24px rgba(0, 0, 0, 0.1);}
.demand .demand-left .dataBox .demand-list li .details{display: block;padding-bottom: 18px;}
.demand .demand-left .dataBox .demand-list li .details .list-title{width: auto;height: 17px;line-height: 17px;font-size: 16px;margin-bottom: 15px;}
.demand .demand-left .dataBox .demand-list li .details .list-title h2{float: left; width: 300px;color: #333;}
.demand .demand-left .dataBox .demand-list li:hover .details .list-title h2{color: #e1251b;}
.demand .demand-left .dataBox .demand-list li .details .list-title em{float: right;font-size: 12px;color: #999;height: 17px;line-height: 22px;}
.demand .demand-left .dataBox .demand-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 .demand-left .dataBox .demand-list li .details .end.i1{max-height: 38px;height: 36px;overflow: hidden;}
.demand .demand-left .demand-list li .details .end.i2{background-image: url(../../img/icon/number-icon.png);}
.demand .demand-left .dataBox .demand-list li .details .end.i3{background-image: url(../../img/icon/name-icon.png);}
.demand .demand-left .dataBox .demand-list li .details .end.i4{background-image: url(../../img/icon/place-icon.png);}
.demand .demand-left .demand-list li .details .receipt{width: auto;height: auto;margin-top: 18px;}
.demand .demand-left .demand-list li .details .receipt .portrait {display: flex;width: auto;height: 30px;margin-left: 10px;}
.demand .demand-left .demand-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 .demand-left .dataBox .demand-list li .details .receipt .portrait p img{width: 100%;height: 100%;}
.demand .demand-left .dataBox .demand-list li .details .receipt .number{line-height: 30px;}
.demand .demand-left .dataBox .demand-list li .attend{height: 27px;}
.demand .demand-left .demand-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 .demand-left .dataBox .demand-list li .attend span:hover{color: #e1251b;}
.demand .demand-left .dataBox .demand-list li .attend span.i2{background-image: url(../../img/icon/evaluate-icon.png);margin: 0 18px;}
.demand .demand-left .dataBox .demand-list li .attend span.i3{background-image: url(../../img/icon/preview-icon.png);}
.demand .demand-left .dataBox .demand-list li .attend span.i3:hover{color: #666;}
.demand .demand-left .dataBox .demand-list li .attend span.i1:hover{background-image: url(../../img/icon/like-active-icon.png);}
.demand .demand-left .dataBox .demand-list li .attend span.i2:hover{background-image: url(../../img/icon/evaluate-active-icon.png);}
.demand .demand-left .dataBox .demand-list li .attend span.yes1{background-image: url(../../img/icon/like-active-icon.png);color: #e1251b;}
.demand .demand-left .dataBox .demand-list li .attend span.yes2{background-image: url(../../img/icon/evaluate-active-icon.png);color: #e1251b;}
.demand .demand-left .dataBox .demand-list li .attend .contact{position: relative; width: 144px;border: 1px solid #e1251b;border-radius:13px;}
.demand .demand-left .dataBox .demand-list li .attend .clearfix:after{content: " ";position: absolute;top: 0;left: 71.5px; width: 1px;height: 25px;background-color: #e1251b;visibility: inherit;}
.demand .demand-left .dataBox .demand-list li .attend .contact a{position: relative;float: left;display:block;height: 25px;line-height: 25px; width: 72px;text-align: center;color: #e1251b;}
.demand .demand-left .dataBox .demand-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 .demand-left .dataBox .demand-list li .attend .contact a.he:hover .number-bottom{display: block;}
.demand .demand-left .dataBox .demand-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 .demand-left .dataBox .demand-list li .attend .contact a.he .number-bottom .fuwuh .sjiao{position: absolute;top: -18px;right: 58px;}
.demand .demand-left .dataBox .demand-list li .attend .contact a.he .number-bottom .fuwuh dl{width: auto;height: 86px;margin: 0 26px 0 30px;}
.demand .demand-left .dataBox .demand-list li .attend .contact a.he .number-bottom .fuwuh dl dt{width: 86px;height: 80px;}
.demand .demand-left .dataBox .demand-list li .attend .contact a.he .number-bottom .fuwuh dl dt img{width: 100%;height: 100%;}
.demand .demand-left .dataBox .demand-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 .recommend{width: 288px;height: auto;}
.demand .recommend .list{padding: 20px 16px; background-color: #fff;margin-bottom: 16px;}
.demand .recommend .list li{border-bottom: 1px solid #EBEBEB;padding-bottom: 10px;margin-bottom: 20px;}
.demand .recommend .list li:last-child {border-bottom: 0 none;margin-bottom: 0;padding-bottom: 0;}
.demand .recommend .list li:hover{border-bottom-color: #e1251b;}
.demand .recommend .list li .details{display: block;}
.demand .recommend .list li .details .list-title{width: auto;height: 17px;line-height: 17px;font-size: 16px;margin-bottom: 10px;color: #333;}
.demand .recommend .list li:hover .details .list-title{color: #e1251b;}
.demand .recommend .list li .details .end{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 .list li .details .end.i1{max-height: 38px;height: 36px;}
.demand .recommend .list li .details .end.i2{background-image: url(../../img/icon/number-icon.png);}
.demand .recommend .list li .details .end.i3{background-image: url(../../img/icon/name-icon.png);}

/* 广告图 */
.gungt{width: 288px;}
.gungt a{display:block;}
.gungt a img{width: 100%;height: 100%;}

/* 底部横幅开始 */
.banner{position: fixed;bottom: 0;right: 100%;width: 100%;height: 150px;background: url(../../img/banner.png) no-repeat center center;z-index: 1001;}
.banner .thumbnail{position: fixed;left: 0px;bottom: 30px;width: 160px;height: 120px;cursor: pointer;}
.banner .thumbnail img{width: 160px;}
.banner .box{height: 150px;}
.banner .box .closeee{position: relative;right: -20px;cursor: pointer;}
.banner .box a{margin: 40px -20px 0 0;}

/* 接单弹出层 */
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;}