/* 列表页面开始 */
.community-list{width: 896px;margin: 0;}
/* 选择类型 */
.community-list .layui-tab-title{height: 50px;border-bottom: 0 none;}
.community-list .layui-tab-title li{height: 50px;line-height: 50px;min-width: auto;font-size: 16px;color: #333;margin-right: 10px;}
.community-list .layui-tab-title li.layui-this{color: #e1251b;}
.community-list .layui-tab-title .layui-this:after{height: 38px;border-bottom: 2px solid #e1251b;}

/*供应-库存-其他列表统一样式---修改慎重*/
.community-list .layui-tab-content{background-color: #fff;padding: 0;}
.community-list .layui-tab-content .layui-tab-item{padding-bottom: 40px;}
.community-list .layui-tab-content .layui-tab-item .list-block-3{position: relative; width: auto;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 30px 30px;margin-left: -30px;}
.community-list .layui-tab-content .layui-tab-item .clearfix-block:after{width: 260px;float: unset;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li{float: left; width: 260px;height: auto;background-color: #fff;margin: 16px 0 0 28px;position: relative;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .gallery-top{height: 150px;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .gallery-top .swiper-wrapper .swiper-slide img{width: 100%;height: 100%;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .gallery-thumbs {height: auto;box-sizing: border-box;padding: 0px;margin: 5px 0 15px 0;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .gallery-thumbs .swiper-slide {width: 40px;height: 40px;opacity: 0.4;position: relative;padding-top: 4px;cursor: pointer;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .gallery-thumbs .swiper-slide img{width: 100%;height: 100%;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;background: url(../../img/triangle-sui.png) no-repeat center 0;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .gallery-thumbs .swiper-slide-thumb-active:after{position: absolute;top: 4px;left: 0;content:'';height: 36px;width: 40px; border: 2px solid #e1251b;z-index: 9;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .title{width: auto;height: 38px;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .title a{color: #333;font-size: 14px;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .title a:hover{color: #e1251b;}

.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend{height: 27px;margin-top: 5px;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 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;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend span:hover{color: #e1251b;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend span.i2{background-image: url(../../img/icon/evaluate-icon.png);margin: 0 10px;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend span.i3{background-image: url(../../img/icon/preview-icon.png);}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend span.i3:hover{color: #666;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend span.i1:hover{background-image: url(../../img/icon/like-active-icon.png);}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend span.i2:hover{background-image: url(../../img/icon/evaluate-active-icon.png);}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend span.yes1{background-image: url(../../img/icon/like-active-icon.png);color: #e1251b;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend span.yes2{background-image: url(../../img/icon/evaluate-active-icon.png);color: #e1251b;}
.community-list .layui-tab-content .layui-tab-item .list-block-3 li .attend .time{line-height: 27px;}

/* 求职列表 */
.community-list .layui-tab-content .layui-tab-item .demand-list{display: flex;flex-wrap: wrap;width: 896px; height: auto;background-color: #fff;margin-bottom: 30px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li{position: relative;width: 388px;height: 140px; padding: 30px 30px}
.community-list .layui-tab-content .layui-tab-item .demand-list li:nth-child(odd):after{content: " ";display: block;position: absolute;right: -1px;top: 30px; width: 0px; height: 140px;clear: both;border-left: 1px dashed #f2f2f2;}
.community-list .layui-tab-content .layui-tab-item .demand-list li:hover:nth-child(odd):after{border-left: 1px dashed transparent;}
.community-list .layui-tab-content .layui-tab-item .demand-list li:nth-child(even):after{content: " ";display: block;position: absolute;left: 0;top: 30px; width: 1px; height: 140px;clear: both;}
.community-list .layui-tab-content .layui-tab-item .demand-list li:hover:nth-child(even):after{background: #fff;}
.community-list .layui-tab-content .layui-tab-item .demand-list li:hover{box-shadow:0 6px 24px rgba(0, 0, 0, 0.1);}
.community-list .layui-tab-content .layui-tab-item .demand-list li a{display: block;}
.community-list .layui-tab-content .layui-tab-item .demand-list li dl{width: auto;height: 60px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li dl dt{float: left;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;margin-right: 12px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li dl dt img{width: 100%;height: 100%;}
.community-list .layui-tab-content .layui-tab-item .demand-list li dl dd{float: left;width: 316px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li dl dd.name{line-height: 16px;font-size: 16px;color: #333;margin: 8px 0 8px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li a:hover dl dd.name{color: #e1251b;}
.community-list .layui-tab-content .layui-tab-item .demand-list li dl dd.name span{float: right;font-size: 12px;color: #999;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .text{height: 53px;line-height: 53px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend{height: 27px;}
.community-list .layui-tab-content .layui-tab-item .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;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend span:hover{color: #e1251b;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend span.i2{background-image: url(../../img/icon/evaluate-icon.png);margin: 0 18px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend span.i3{background-image: url(../../img/icon/preview-icon.png);}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend span.i3:hover{color: #666;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend span.i1:hover{background-image: url(../../img/icon/like-active-icon.png);}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend span.i2:hover{background-image: url(../../img/icon/evaluate-active-icon.png);}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend span.yes1{background-image: url(../../img/icon/like-active-icon.png);color: #e1251b;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend span.yes2{background-image: url(../../img/icon/evaluate-active-icon.png);color: #e1251b;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend .contact{position: relative; width: 144px;border: 1px solid #e1251b;border-radius:13px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend .clearfix:after{content: " ";position: absolute;top: 0;left: 71.5px; width: 1px;height: 25px;background-color: #e1251b;visibility: inherit;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend .contact a{position: relative;float: left;display:block;height: 25px;line-height: 25px; width: 72px;text-align: center;color: #e1251b;}
.community-list .layui-tab-content .layui-tab-item .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;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend .contact a.he:hover .number-bottom{display: block;}
.community-list .layui-tab-content .layui-tab-item .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;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend .contact a.he .number-bottom .fuwuh .sjiao{position: absolute;top: -18px;right: 58px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend .contact a.he .number-bottom .fuwuh dl{width: auto;height: 86px;margin: 0 26px 0 30px;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend .contact a.he .number-bottom .fuwuh dl dt{width: 86px;height: 80px;border-radius: 0;}
.community-list .layui-tab-content .layui-tab-item .demand-list li .attend .contact a.he .number-bottom .fuwuh dl dt img{width: 100%;height: 100%;}
.community-list .layui-tab-content .layui-tab-item .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;}


/* 推荐 */
.recommend-right{width: 288px;height: auto;padding-top: 50px;}
.recommend-right .list{padding: 20px 16px; background-color: #fff;margin-bottom: 16px;}
.recommend-right .list li{border-bottom: 1px solid #EBEBEB;padding-bottom: 10px;margin-bottom: 20px;}
.recommend-right .list li:last-child {border-bottom: 0 none;margin-bottom: 0;padding-bottom: 0;}
.recommend-right .list li:hover{border-bottom-color: #e1251b;}
.recommend-right .list li .details{display: block;}
.recommend-right .list li .details .list-title{width: auto;height: 17px;line-height: 17px;font-size: 16px;margin-bottom: 10px;color: #333;}
.recommend-right .list li:hover .details .list-title{color: #e1251b;}
.recommend-right .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;}
.recommend-right .list li .details .end.i2{background-image: url(../../img/icon/number-icon.png);}
.recommend-right .list li .details .end.i3{background-image: url(../../img/icon/name-icon.png);}