/* 
* @Author: Marte
* @Date:   2018-10-09 17:30:32
* @Last Modified by:   Marte
* @Last Modified time: 2018-10-24 13:50:50
*/
/*专家列表*/
.detailBanner{
    width: 100%;
    height:400px;
    background:  url(../images/index/detailBanner.jpg) center center no-repeat;
}
.erpertsList{
    padding-top: 40px;
}
.erpertsList .taskTab{
    padding-bottom: 30px;
}
.erpertsBox ul>li{
    float: left;
    margin:0 14px 28px;
}
.erpertsBox ul>li:hover{
     box-shadow: 0px 0px 14px rgba(0,0,0,0.2);
}
.erpertsBox ul>li .elliteListBox{
    float:none;
}
.erpertsBox>ul{
    padding-left: 44px;
}
/*专家详情*/
.expertsIntroduce{
    padding-bottom: 30px;
}
.expertInfo{
    position:relative;
    height:165px;
    text-align: center;
    color:#666;
    margin-bottom: 20px;
}
.expertInfo h4{
    font-weight: normal;
    font-size: 24px;
    color:#151515;
    padding:104px 0 10px;
}
.faceImg{
    width: 168px;
    height: 168px;
    border-radius: 50%;
    background-color: #fff;
    position:absolute;
    left:50%;
    top:-50%;
    transform:translate(-50%, 0);
    text-align: center;
    padding-top: 4px;
}
.introduceContent{
    background-color: #fff;
    padding:25px 70px;
}
.contentPart{
    margin-bottom: 25px;
}
.contentPart h5{
    color:#333;
    font-size: 16px;
    padding-bottom: 18px;
}
.contentPart .contentDetail{
    background-color: #f8f9fb;
    padding:25px;
    line-height: 28px;
}
/*任务详情*/
.taskIntroduce{
    padding-bottom: 30px;
}
.breadcrumb{
    padding:20px 0;
}
.breadcrumb a{
    font-size: 16px;
    color:#666;
}
.breadcrumb a.current{
    color:#ffb400;
}
.taskProgress{
    background-color: #fff;
    margin-bottom: 15px;
    position:relative;
    padding:30px 100px;
}
.taskProgress ul>li{
    float: left;
    color:#333;
    text-align: center;
}
.taskProgress ul>.line.active{
    background-color: #ffd100;
}
.taskProgress ul>li.active span{
    background-color: #ffd100;
}
.taskProgress ul>li p{
    color:#333;
}
.taskProgress ul>li+li{
    margin-left: 232px;
}
.taskProgress ul>li.three{
    margin-left:203px ;
}
.taskProgress ul>li.four{
    margin-left:213px ;
}
.taskProgress ul>.line{
    width: 300px;
    height: 2px;
    background-color: #dbdbdb;
    position:absolute;
    left:145px;
    top:38px;
    margin-left: 0;
    z-index: 1;
}
.taskProgress ul>.line2{
    left:455px;
}
.taskProgress ul>.line3{
    left:767px;
}
.taskProgress ul>li>span{
    width: 12px;
    height: 12px;
    display:inline-block;
    border-radius: 50%;
    background-color: #dbdbdb;
}
.taskDetail{
    background-color: #fff;
    padding:24px 72px;
}
.taskContent{
    width: 745px;
    margin:0 55px 0 25px;
    color:#333;
}
.taskContent h3{
    font-weight: normal;
    font-size: 22px;
    padding:10px 0 20px;
}
.taskFare{
    font-size: 20px;
    color:#ff8a00;
    padding-bottom: 18px;
}
.require{
    padding-top: 10px;
    line-height: 22px;
}
.like{
    padding-top: 15px;
}
.taskDemand{
    padding:16px 0 30px ;
}
.taskDemand>li{
    width: 245px;
    height: 160px;
    background-color: #f8f9fb;
    text-align: center;
    font-size: 16px;
    color:#666;
    float: left;
}
.taskDemand>li+li{
    margin-left: 25px;
}
.taskDemand>li h4{
    font-size: 20px;
    color:#333;
    font-weight: normal;
    padding:45px 0 25px;
}
.taskDescription h5{
    font-size: 16px;
    padding-bottom: 16px;
    font-weight: normal;
}
.taskDescription div{
    background-color: #f8f9fb;
    padding:24px;
    line-height: 24px;
}

/*关于我们*/
.aboutBanner{
    width:100%;
    height:440px;
    background: url(../images/aboutus/aboutBanner.jpg);
}
.aboutContent{
    padding: 50px 0 95px;
    background-color: #f5f5f5;
}
.aboutTitle h2{
    font-size: 46px;
    font-weight: normal;
    color:#333;
    padding-bottom: 10px;
}
.about{
    font-size: 20px;
    padding-bottom: 15px;
}
.titleLine{
    width: 66px;
    height: 4px;
    background-color: #e5e5e5;
    display:inline-block;
}
.inContent{
    font-size: 16px;
    color:#333;
    line-height: 28px;
}
.inContentBox{
    border-bottom: 1px solid #c0c0c0;
    padding:30px 0 35px;
}
.inContentBox:nth-last-of-type(1){
    border-bottom: 0;
}
.textIndem{
    text-indent: 2em;
}
.mb25{
    margin-bottom: 25px;
}
.contract span{
    margin-right: 28px;
}
/*常见问题*/
.questionContent{
    padding-top: 65px;
}
.slideDown{
    cursor: pointer;
    padding-right: 20px;
    margin-top: -2px;
}
.questionContent>ul>li{
    /*margin-bottom: 50px;*/
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
    padding:25px 0;
}
.questionContent>ul>li:nth-of-type(1){
    border-top: 1px solid #e5e5e5;
}
.questionContent .q{
    color:#1a1a1a;
    font-size: 16px;
    /*padding-bottom: 25px;*/

}
.questionContent .q:hover{
    color:#1875DE;
}
.questionContent .q.active{
     color:#1875DE;
}
.questionContent .a{
    text-indent: 2em;
    font-size: 14px;
    color:#4d4d4d;
    padding-top: 25px;
    display:none;
    /*border-top: 1px solid #e5e5e5;*/
    width:1165px;
    position:relative;
    margin-top: 25px;
}
.questionContent .a::before{
    position:absolute;
    left:0;
    top:0;
    content:'';
    width:1200px;
    height:1px;
    background-color: #e3e3e3;
}
.questionContent .a>div{
    line-height: 24px;
}

.answerStep{
    float: left;
    position:relative;
    width:25%;
    background:url(../images/aboutus/stepIcon.png) 0 0 no-repeat;
    min-height: 100px;
    text-indent: 0em;
    font-size: 12px;
    padding:0 20px 0 90px;
}
.answerStep>div{
    line-height: 18px;
}
.answerStep>span{
    position:absolute;
    left:26px;
    top:58px;
    color:#fff;
    font-size: 30px;
}
.answerStep:nth-of-type(1){
    width:21%;
}
.answerStep:nth-of-type(2),.answerStep:nth-of-type(4){
    width:27%;
}
.answerStep>h5{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
    color:#29a7db;
}
.answerStep:nth-of-type(2)>h5{
    color:#f98116;
}
.answerStep:nth-of-type(3)>h5{
    color:#ff5d50;
}
.answerStep:nth-of-type(4)>h5{
    color:#70aca0;
}