section{
    min-height: 590px;
}
/*时间轴*/
section .poster{
    background:#fff;
    margin:0 0 20px 0;
    padding:20px 0 40px;
    border:1px solid #ebebeb;
}
section .poster .wizard-steps li::before{
    top:62px;
    border-top: 3px solid #cacaca;
}
section .poster .wizard-steps li .title{
    color: #898989;
}
section .poster .wizard-steps li.active .step,section .poster .wizard-steps li.active:before,section .poster .wizard-steps li.complete .step,section .poster .wizard-steps li.complete:before{
    
    color: #fff;
}
section .poster .wizard-steps li .step{
    background: #cacaca;
    color: #fff;
    border-color: #ffffff!important;
    width: 60px;
    height:60px;
    line-height: 50px;
}

.task-l .iss-ico1{
    background: url("../../images/iss-ico.png") no-repeat 0 0;
    padding-left: 32%;
}
.task-l .iss-ico2{
    background: url("../../images/iss-ico.png") no-repeat 0 -47px;
    padding-left: 32%;
}
section .task-l .taskside{
    background: #fff;
    overflow: hidden;
    border: 1px solid #ECECEC;
    padding: 26px 19px;
}
section .task-l .taskside1{
    border: 1px solid #eaeaea;
    background: #fff;
    padding: 18px 20px;
}
section .task-l>.step{
    padding: 35px 114px;
}
.task-l .step-item{
    height: 318px;
    border-left: 2px solid #D2D2D2;
    position: relative;
}
.task-l .step-item .step-num{
    position: absolute;
    height: 116px;
    width:116px;
    border: 2px solid #C9C9C9;
    border-radius: 116px;
    left: -59px;
    padding: 4px;
    background: #fff;
    top:100px;
}
.task-l .step-item .step-action{
    border-color: #DB4A39;
}
.task-l .action{
    border-left-color:#DB4A39;
}
.task-l .step-item .step-num .num-bg{
    background: #C9C9C9;
    height:104px;
    width:104px;
    display: block;
    border-radius: 104px ;
    padding: 33px 0;
    color: #fff;
    overflow: hidden;
}
.task-l .step-item .step-num .num-pd{
    padding: 23px 0;
}
.task-l .step-item .step-num .num-action{
    background: #DB4A39;
}
.task-r{
    padding:20px 22px 32px 22px;
    color: #515151;
    background: #fff;
    border: 1px solid #ECECEC;
}
.task-r .phone{
    margin: 16px 0;
    font-weight: bold;
}
.task-r .task-tit{
    color: #515151;
    font-size: 16px;
    line-height: 34px;
    font-weight: bold;
}
.task-r .task-tit span{
   
    font-size: 22px;
    font-weight: bold;
}
.task-r .task-input{
    width: 265px;
}
.task-r .task-phone{
    margin-bottom: 33px;
}
.task-r .task-select-bottom{
    margin-bottom: 39px;
}
.task-r .task-select>a{
    display: inline-block;
    margin-right: 21px;
    padding: 10px 13px;
    border:2px solid #D9D9D9;
    color:#565656;
}
/*.task-r .task-select>a:hover,.task-r .task-select>a:focus,.task-r .task-select>a:active{*/
/*border:2px solid #2f549f;*/
/*text-decoration: none;*/
/*color: #2f549f;*/
/*}*/
.task-r .task-select>a:hover{
    text-decoration: none;
}
.task-r .task-select>.z-bule{
    text-decoration: none;
}
.task-r .task-select>.select-txt:hover,.task-r .task-select>.select-txt:focus,.task-r .task-select>.select-txt:active{
    border: 0;
}
.task-r .task-select .select-txt{
    border: 0;
}
.annex {
    margin-top: 20px;
    margin-bottom: 54px;
}
.dropzone {
    min-height: 200px;
}
.dropzone .dz-default.dz-message {
    font-size: 14px;
    line-height: 10px;
}

.task-bar{
    margin-bottom: 30px;
}
.task-bar>a{
    display: inline-block;
    padding: 7px 20px;
    border: 1px solid #D9D9D9;
    margin-right: -4px;
    color:#555555;
}
/*.task-bar>a:hover,.task-bar>a:focus,.task-bar>a:active{*/
/*background: #2f55a0;*/
/*color: #fff;*/
/*text-decoration: none;*/
/*border: 1px solid #2f55a0;*/
/*}*/
.task-bar>a{
    color: #fff;
    text-decoration: none;
}
.task-bar .bar-txt{
    background: #fff;
    border-color:#D9D9D9;
    color:#555555;
}

.task-form{
    margin-bottom: 26px;
}
.task-form .help-inline{
    padding-top: 5px;
}
.task-form .help-inline .txt-lbl{
    margin-left: 26px;
}
.task-form .form-group{
    margin-left: 0;
}


.mission-task{
    margin:12px 22px;
    padding-left: 20px;
}
.mission-tit{
    margin-top: 14px;
}
.mission-tit i{
    font-size: 18px;
    color: #01D378;
}
.mission-task .mission-ck{
    /*width: 62%;*/
    padding: 10px 8px 26px;
    border: #FFE9EB 1px solid;
    background: #fefdee;
}
.pdlihei {
    line-height: 34px;
    margin-left: 15px;
    color: #ccc;
}
.case-marbot {
    margin-bottom: 18px;
}
.mission-task .mission-ck .mis-txt{
    margin-left: 20px;
    width: 50%;
}
.mission-xs>i{
    font-size: 18px;
}
.mis-tb{
    margin-left: 20px;
    margin-bottom: 54px;
}

.list-l{
    background: none;
}
.task-bt{
    margin: 20px 0 45px 0;
    padding: 23px 36px 55px;
    color: #565656;
    background: #fff;
    border: 1px solid #ECECEC;
    font-weight: bold;
    line-height: 27px;
}
.task-bt>p>span{
    color:#ff9934;
}
.task-bt .bt-pd{
    padding: 16px;
    border: 1px solid #D5D5D5;
}
.task-bt>a{
    display: inline-block;
    padding: 13px 0;
    /*margin-top: 26px;*/
    font-weight: normal;
    margin-left: 17px;
}
.task-bt .btn-red{
    background: #DB4A39;
    color: #fff;
}
.task-bt .btn-big3{
    margin-right: 26px;
}
.vat input{
    width:14px;
    height:14px;
    margin-top: 10px;
}
.vat .checkbox span{
    width:31px;
    height:31px;
    border: 1px solid #C4C4C4;
    display: inline-block;
    line-height: 31px;
    text-align: center;
    border-radius: 31px;
    color: #AFAFAF;
    margin-left: 15px;
    margin-right: 16px;
}
.vat .checkbox .z-sp1{
    border: 1px solid #80aa00;
    color: #fff;
    background: #80aa00;
}
.vat .checkbox .z-sp2{
    border: 1px solid #f78702;
    color: #fff;
    background: #f78702;
}
.vat .checkbox .z-sp3{
    border: 1px solid #ed4240;
    color: #fff;
    background: #ed4240;
}
.vat>li{
    padding: 10px 0;
    border-bottom: 1px dashed #E3E3E3;
}
.vat>li>.vat-txt{
    padding-top: 12px;
    color:#ff9934;
}
.vat .checkbox .vat-check{
    border: 0;
    color:#555555;
}
section .task-timeSheet{
    padding-left: 20px;
}
/*标签*/
.task-r .task-select1{
    margin-bottom: 39px;
}
.task-r .chosen-container{
    width: 100%!important;
}
.task-r .chosen-container-multi .chosen-choices {
    padding: 10px;
    border: 1px solid #e7e9ee;
}
.task-r .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice {
    background: #fff;
    border: 1px solid #e7e9ee;
    border-radius: 10px;
    color: #515151;
    box-shadow: 3px 3px 8px #ECECEC;
}
.task-r .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: none;
}
.task-r .tag-input-style+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    color: #515151;
}


.task-r input[type=checkbox].ace+.lbl::before, input[type=radio].ace+.lbl::before{
    color:#01d579;
    border-radius: 100%;
}



@media (min-width:768px) and (max-width: 991px){
    .mission-task .mission-ck{
        width: 100%;
    }
    .task-r .task-input{
        width: 50%;
    }
}
@media (max-width: 767px){
    .mission-task .mission-ck{
        width: 100%;
    }
    .task-r .task-input{
        width: 70%;
    }
}


/*托管赏金*/
section .taskbg{
    background: #fff;
    border: 1px solid #ebebeb;
    margin: 20px 0 50px 0;
    padding: 30px;
}


.taskDetails .nav-tabs>.f-trubtn>a{
    padding: 12px 46px;
    margin-right: 10px;
    background: #fff;
}
.taskDetails .nav-tabs>.f-trubtn>a:hover{
    color:#2f55a0;
    border-color:#2f55a0 #2f55a0 transparent;
}
.taskDetails .f-tab .u-pay{
    padding: 24px 34px;
}
.modaltxt{
    text-decoration: underline;
}
.taskDetails .lbl span{
    display: inline-block;
    border: 1px solid #dfdfdf;
    padding: 15px 40px;
    margin-left: 10px;
}
.taskDetails .lbl span:hover{
    border-color: #2f55a0;
}
input[type=checkbox].ace+.lbl:hover::before, input[type=checkbox].ace:hover+.lbl::before, input[type=radio].ace+.lbl:hover::before, input[type=radio].ace:hover+.lbl::before{
    border-color: #2f55a0;
}
.task-r input[type=checkbox].ace+.lbl::before, input[type=radio].ace+.lbl::before{
    color: #2f55a0;
}
.taskDetails .lbl .lbl-active{
    border-color: #2f55a0;
}
.checkbox .z-check{
    padding-left: 0;
    margin-left: 20px;
}
.taskDetails .lbl .lbl-bank-weixinlogo{
    padding: 15px 31px;
}
.taskDetails .lbl .lbl-bank-weixinlogo{
    padding: 15px 31px;
}

@media (min-width: 435px) and (max-width: 768px) {
    .tabbable .check-boxItm{
        margin-bottom: 10px;
    }

}
@media (min-width: 320px) and (max-width: 434px) {
    .taskDetails .nav-tabs>.f-trubtn>a.tab-itm{
        margin-right: 0;
    }
    .taskDetails .nav-tabs>.f-trubtn>a{
        padding: 16px 22px;
    }
    .taskDetails .lbl span{
        padding: 15px;
    }
    .tabbable .check-boxItm{
        margin-bottom: 10px;
    }
    .taskDetails .lbl .lbl-bank-weixinlogo{
        padding: 15px 6px;
    }
    .task-r .task-select>a{
        margin-bottom: 5px;
    }
}

/*发布任务validform*/
.task-r .task-checkip{
    height: auto;
    margin-bottom: 0;
    line-height: 15px;
}
.task-r .task-Validform-filtersort .Validform_checktip{
    height: auto;
    padding: 0;
    line-height: 0;
    margin: 0;
}
.task-r .task-Validform-filtersort .Validform_right{
    padding-left: 20px;
}
.task-r .task-Validform-filtersort .Validform_wrong{
    padding-left: 20px;
}
@media (min-width: 1200px) {

    .task-r .task-input-depivt{
        width: 446px;
    }

}
.task-r .task-input-depivt{
    margin-right: 44px;
}
.task-r .task-case-middel{
    padding-top: 5px;
}
.task-r .task-case-middel .txt-lbl{
    margin-left: 26px;
}
@media (min-width: 768px){
    section .taskbg .modal-dialog {
        width: 467px;
        margin: 30px auto;
    }
}

.nav-tabs>li>a>.badge{
    opacity: 1;
}

/*回复*/
.widget-box{
    border: 0;
}
.form-actions{
    background: none;
    border: 0;
}

.widget-box .body .time,.widget-box .body .time span{
    color: #d2d2d2!important;
    font-weight:normal;
}
.widget-box .body .time span{
    margin-left: 4px;
}
.personal-case-evaluate-words a{
    color: #2f549f;
}

.task-checkip-wrong{
    margin-left: 15px;
}
.task-validform-right .Validform_right{
    display: none;
}
.z-check-validform .Validform_checktip{
    margin-left: 15px;
}
.z-check-validform-ck .Validform_checktip{
    margin-left: 20px;
}
.task-r .task-checkip-right .Validform_right{
    height: 30px;
}
.task-filtersort .Validform_right{
    display: none;
}
.Validform-wysiwyg-editor .Validform_checktip{
    position: relative;
    top: 5px;
}
.annex-validform .Validform_right{
    display: none;
}

section .taskSuccess{
    margin-top: 0;
    min-height: 494px;
    padding-top: 156px;
}
section .task-l .taskside-points{
    border-bottom: 0;
}
section .task-l .taskside-points .taskside-points-border{
    border-right: 1px solid #ECECEC;
}
#template-content ul{
    width: auto!important;
}
.pd-border{
    padding-left: 30px;
    border-left: 1px solid #ebebeb;
}
.timer-shaft{
    background: #fcfcfc;
    border-top:0;
}
.timer-shaft .wizard-steps{
    padding: 15px 0 0;
}
.timer-shaft .wizard-steps li:before{
    border-width: 2px;
    top: 12px;
}
.timer-shaft .wizard-steps li .step{
    width: 20px;
    height: 20px;
}
.timer-shaft .wizard-steps li .step{
    line-height: 7px;
}
.timer-shaft .wizard-steps li .step{
    font-size: 12px;
}
/*
@media (min-width: 768px) {
    section .taskSuccess {


    }
}*/
.mission-task .mission-ck .process{
    margin-top: 34px;
}
.mission-task .mission-ck .process li{
    position: relative;
    width:16.6%;
}
.mission-task .mission-ck .process li:before{
    content:'';
    display: block;
    width:80.6%;
    height:1px;
    background:#d5d5d5;
    position: absolute;
    left:15px;
    top:4px;
}
.mission-task .mission-ck .process li:last-child:before{
    width:0;
}
.mission-task .mission-ck .process li span{
    display: block;
    width:10px;
    height:10px;
    border:1px solid #d5d5d5;
    border-radius: 50%;
    margin-bottom: 13px;
}
.mission-task .mission-ck .process li p{
    font-size:12px;
    color:#8a8a8a;
}

/*.panel-group*/
.panel-group{
    margin-bottom: :0;
}
.panel{
    border:none;
    box-shadow:none;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color:#fff;
}


.tasksidebg-white{
    padding:0 28px 0;
    
}
.task-sidetime.time{
    font-size:16px;
    color:#515151;
    line-height: 68px;
}
.tasksidebg-white .btn{
    padding:6px 45px;
}
.taskside ul.process{
    margin:0;
}
.taskside ul.process li{
    margin-bottom: 22px;
    font-size:12px;
    color:#515151;
}
.taskside ul.process li.active{
    color:#db4a39;
}
.taskside ul.process li span{
    display: inline-block;
    width:9px;
    height:9px;
    border:1px solid #e5e5e5;
    border-radius: 50%;
    margin-right: 12px;
    position: relative;
}
.taskside ul.process li.active span{
    border:1px solid #db4a39;
}
.taskside ul.process li span:before{
    content: '';
    display: block;
    width:1px;
    height:32px;
    background:#e5e5e5;
    position: absolute;
    left:3px;
    top:-32px;
}
.taskside ul.process li.active span:before{
    background:#db4a39;
}
.taskside ul.process li:first-child span:before{
    width:0;
    height:0;
}
.bg-white .task-description{
    margin:0 28px;
    padding:0;
}
.bg-white .task-description .h4{
    padding:0 15px;
    border-left:3px solid #db4a39;
}
.bg-white .task-description .h5{
    padding-left: 15px;
}
.list-l .tab-content,
.evaluate{
    margin-bottom: 0!important;
}
.norecord{
    margin-top: 0!important;
}

.evaluatemain .evaluateinfo .price{
    line-height:31px;
    margin-left: 20px;
    display: block;
    width:180px;
    height:33px;
    background:url(../../images/price_bg.png)no-repeat left;
    background-size: 100% 100%;
    padding-left: 20px;
}
.evaluatemain .evaluateinfo .price img{
    margin-top: -3px;
}