.price-red{ color: #FF0000}

.white-bg {
    background: #fff;
    margin-top: 18px;
}

.pagination-wrapper{
    margin-top: 30px;
    /*margin-bottom: 40px;*/
}
main.container{margin-bottom: 50px}
main.container .left{
    width: 924px;
}

main.container .right{
    width: 260px;
}

.task-filtrate .task-filtrate-top {
    border: 1px solid #eee;
}

.task-filtrate-bottom {
    padding: 20px 20px 20px 0;
}

.task-filtrate-bottom ul li{
    padding: 0 20px; cursor: pointer;
}
.task-filtrate-bottom ul li:hover{ color: #0092FF }
.task-filtrate-bottom ul li.active img{transform: rotate(180deg)}

.task-filtrate .task-filtrate-row {
    display: flex;
    align-items: center;
}

.task-filtrate .task-filtrate-row:not(:last-child) {
    border-bottom: 1px dashed #DCDCDC;
}

.task-filtrate .task-filtrate-row .row-right ul {
    display: flex;
}

.task-filtrate .task-filtrate-row  div.row-left {
    font-size: 13px;
    color: #151519;
    height: 44px;
    line-height: 44px;
}

.task-filtrate .task-filtrate-row  div.row-left,
.task-filtrate .task-filtrate-row  li {
    white-space: nowrap;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
}

.task-filtrate .task-filtrate-row li{
    font-family: "Microsoft YaHei";
    font-size: 12px;
    color: #535353;
    margin: 0 20px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
}

.task-filtrate .task-filtrate-row li:hover{
    background: #efefef;
}

.task-filtrate .task-filtrate-row .row-right li.active {
    background: #0092FF;color: #fff;
}

.task-filtrate-bottom .task-status img {width: 10px;}
.task-filtrate-bottom .task-status{font-size: 12px;}
.task-filtrate-bottom button.task-doing.active {
    background: #0587E8;
    color: #FFFFFF;
}

.task-filtrate-bottom .task-operate a{
    color: #fff;
}

.task-filtrate-bottom .task-operate button {
    border-radius: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
}

.task-filtrate-bottom .task-operate button img {
    margin-right: 4px;
}

.task-filtrate-bottom .task-operate .task-announce {
    background: #0587E8;
    margin-right: 10px;
}

.task-filtrate-bottom .task-operate .task-refresh {
    background: #06CC1E;
}

.task-filtrate-bottom .task-operate .search button{
    background: #0092FF;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.task-filtrate-bottom .task-operate .search{
    padding: 0  0 0 10px;
    margin-right: 10px;
    border-radius: 4px;
}
.task-filtrate-bottom .task-operate .search .search-left{
    border: 1px solid #E0E0E0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.task-filtrate-bottom .task-operate .search .search-left input{height: 28px;padding: 0 .5em;width: 120px}
.task-filtrate-bottom .task-operate .search .search-left  div{font-size: 12px}

/*  任务列表  */
.task-list {
    display: flex;
    flex-wrap: wrap;
}

.task-list .task-item {
    width: 924px;
    background: #fff;
    padding: 20px;
    margin-top: 16px;
    color: #999999;
    -webkit-box-shadow: 0 1px 3px 0 rgba(206, 210, 214, 0.6);
    box-shadow: 0 1px 3px 0 rgba(206, 210, 214, 0.6);
    -webkit-transition: all .2s;
    transition: all .2s;
}

.task-list .task-item:hover {
    -webkit-box-shadow: 0px 6px 12px 0px rgba(206, 210, 214, 0.2);
    box-shadow: 0px 6px 12px 0px rgba(206, 210, 214, 0.2);
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     transform: translate3d(0, -2px, 0);
}

.task-list .task-item .task-type-logo{
    width: 150px; height: 110px;
    margin-right: 20px;
}

.task-item h2 {
    width: 30em;
    font-size: 16px;
    color: #000;
    font-family: 'proxima-nova';
    font-weight: bold;
    margin-bottom: 16px;

}
.task-item h2:hover{
    color: #2093ff;
}

.task-item span.tag{
    color: #4d4d4d;
    background: #F5F5F5;
    padding: 6px 12px;
    border-radius: 4px;
    margin-right: 10px;
}

.task-item h3 {color: #666666}
.task-item .time {margin-bottom: 25px;}
.task-item .price {
    font-size: 18px;
    font-weight: bold;
}

.task-item .task-item-right {flex: 1;position: relative}
.task-item .task-item-right .grey-text{font-family: 'Microsoft YaHei','sans-serif';color: #999999;font-size: 14px}
.task-item .task-item-right .announce-date{margin-left: 6px}
.task-item .task-item-right .join-bid-num{padding-right: 14px;margin-right: 14px}
.task-item .task-item-right .num-count{color: #333}
.task-item .task-item-right .money{font-size:16px;color: #FF0000;position: absolute;right: 0}

.color-light-orange {
    color: #F66902;
}

.layui-progress-bar {
    height: 2px;
}

.layui-progress {
    width: 100px;
    margin: 10px 0;
    height: 2px;
}

.layui-progress-bar{
    background-color: #AD9347;
}

.sub-category-item a{
    color: #666;
    margin-right: 20px;
    padding: 4px;
    cursor: pointer;
}

.sub-category-item a:hover{
    color: #000;
}

/* 哈哈 */
.right{
    margin-top: 20px;
}

/* 快速发布 */

.fast-task{background: #fff}
.fast-task .fast-task-top {
    padding: 12px;
    border-bottom: 1px dashed #DCDCDC;
}

.fast-task .fast-task-bottom {
    padding: 12px 26px 28px 26px;
}

.fast-task .fast-task-bottom button {
    border-radius: 0;
}

.fast-task .fast-task-bottom button.free {
    height: 36px;
    width: 100%;
}

.fast-task .fast-task-bottom > div:not(:last-child) {
    display: flex;
    white-space: nowrap;
    margin-bottom: 12px;
}

.fast-task .fast-task-bottom input {
    border: 1px solid #DCDCDC;
    height: 36px;
    padding: 0 10px;
}

.fast-task .fast-task-bottom input.phone-number {
    width: 100%;
}

.fast-task .fast-task-bottom input.auth-code {
    margin-right: 6px;
    width: 140px;
}

.fast-task .fast-task-top h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}

.right .new-deal{
    color: #333;
    background: #fff;
    padding: 0 10px;
    margin-top: 16px;
}

.right .new-deal .swiper-slide .deal-item{
    padding: 14px 0 0 0;
    border-top: 1px dashed #8c8c8c;
    font-size: 13px;
}

.right .new-deal .swiper-slide.swiper-slide-active .deal-item{
    border-top: none;
}

.right .new-deal h3{
    display: inline-block;
    font-size: 15px;
    padding: 10px 0 7px 0;
    border-bottom: 2px solid #0092FF;
}

.right .new-deal .deal-title{
    background: #F1F3F4;
    padding: 10px 8px;
    border-radius: 4px;
}
.right .new-deal .deal-title .status{
    color: #1890ff;
}
.right .new-deal .deal-info{
    /*padding: 10px 0;*/
    height: 40px; line-height: 40px;
}
.right .new-deal .deal-info .project-name{width: 8em}

.right .ad img{width: 260px;height: 103px;margin-top: 16px}


/* 该雇主其他任务 */
.other-task .other-task-title {
    font-size: 16px;
    font-family: 'xinzongyi', 'Microsoft YaHei';
    color: #fff;
    height: 50px;
    line-height: 50px;
    background: #0092FF;
    padding: 0 12px;
    border-bottom: 1px solid #EEEEEE;
}
.other-task .other-task-title a{color: #fff;font-size: 13px;font-family:  'sans-serif';margin-left: auto}

.other-task .other-task-list {
    padding: 12px;
}

.other-task .other-task-list .other-task-item {
    border: 1px solid #E5E5E5;

}
.other-task .other-task-list .other-task-item:not(:last-child){margin-bottom: 16px;}

.other-task .other-task-list .other-task-item .top {padding: 8px 6px;}
.other-task .other-task-item .top .project-name-price {margin-bottom: 8px;}
.other-task .other-task-item .top .project-name-price .name {width: 130px;}
.other-task .other-task-item .price-status {font-size: 12px;margin: 10px 0 4px 0;}

.other-task .other-task-item .bottom button {
    padding: 2px 0;
    flex: 1;
    border-radius: 0;
    color: #888888;
    text-align: center;
    border-right: 1px solid #EEEEEE;
    border-top: 1px solid #eee;
    font-size: 12px;
    padding: 6px 0;
}

.other-task .other-task-item .price-status span {
    font-size: 12px;
    padding: 0 6px;
    border: 1px solid #0092FF;
    border-radius: 8px;
    margin-left: 10px;
}

/* 该雇主其他任务 End */

/* 统一设置圆角 */
.task-filtrate .task-filtrate-row:first-child,
.task-filtrate .task-filtrate-top{    border-top-left-radius: 3px;border-top-right-radius: 3px;}
.task-filtrate,
.task-item,
.fast-task,
.new-deal,
.ad img,
.contact,
.swiper-container{border-radius: 3px}

.other-task .other-task-title{border-top-left-radius: 3px;border-top-right-radius: 3px;}
.other-task .other-task-list{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
/* 统一设置圆角 end */