.page-main{
    width: 100%;
    min-width: 800px;
    min-height: 600px; /*使内容高度和body一样*/
    /*向上缩减80像素，不至于footer超出屏幕可视范围*/
}

.page-table-main{
    width: 1160px;
    margin: 25px auto;
}

.page-table-title{
    width: 100%;
    height: 80px;

}

.projectCount{
    float: left;
    font-size: 16px;
    border-left: 2px solid #0099e5;
    color: #6e818e;
    height: 40px;
    line-height: 20px;
    padding: 8px;
    padding-left: 10px;

}

.page-table-content{
    width: 100%;
    overflow:hidden;
    background-color: #ffffff;
    margin-top: 16px;
}

.type-table-view{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #6e818e;
    padding: 5px 15px 15px 106px;
    /*border-bottom: 1px solid #dddddd;*/
    position: relative;
}

.type-table-cell{
    float: left;
    padding: 5px 15px;
    cursor: pointer;
}

.table-cell-item{
    padding: 5px 5px;
    margin: 10px 5px;
    text-align: center;
}

.active-table{
    background-color: #0099e5;
    color: #ffffff;
    border-radius: 3px;
}

.type-table-title{
    position: absolute;
    left: 20px;
    top: 20px;
    color: #0b1261;
}

.project-table-view{
    width: 100%;
    float: left;
}

.project-info{
    width: 50%;
    margin-top:3px;
    height: 354px;
    float: right;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;

}
.project-up{
    position: relative;
    margin-left: 30px;
    margin-top: 30px;
    height: 70px;
    width: 100%;
}

.prject-middle{
    margin: 5px auto;
    width: 90%;
    height: 70px;
    border-bottom: 1px solid #dddddd;

}

.prject-middle .trade ,.prject-middle .location{
    position: relative;
    color: #00a0e9;
    padding: 3px 20px;
    border: 1px solid #00a0e9;
    border-radius: 15px;
    top: 25px;
    margin-right: 20px;
}

.prject-middle  .hits,.prject-middle  .date{
    float: right;
    top: 25px;
    position: relative;
    padding: 0 3px ;
    color: #999999;
    font-size: 14px;

}
.prject-middle  .hits{
    margin-right: 10px;
}
.prject-middle  .icon-eye2{
    margin-right: 5px;
}


.project-up .logo{
    height: 55px;
    width: 75px;
    text-align: center;
}

.project-name{
    position: absolute;
    width: 350px;
    top:0;
    left: 80px;
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}

.project-company{
    position: absolute;
    width: 350px;
    top: 28px;
    left: 80px;
    color: #666666;
    font-size: 16px;
    line-height: 20px;
}

.project-desc{
    height: 90px;
    color: #999999;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    width: 90%;
    margin-left: 30px;
}

.project-state{
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    padding-top: 10px;
}

.project-state .call{

    color: #2bb567;
}
.project-state .review{

    color: #00a0e9;
}

.project-status{
    height: 60px;
    padding-left: 15px;
    position: relative;
    margin-top: 25px;
}

.project-status:before{}

.project-status>span{
    font-size: 13px;
    width: 8px;
    height: 8px;
    position: absolute;
}

.status-item{
    width: 200px;
    position: absolute;
    height: 80px;
    font-size: 13px;
    padding-top: 20px;
    text-align: center;
}

.status-item-chat{
    background: url("../images/chat.png") 0 0 no-repeat;
    background-size: cover;
    width: 75px;
    height: 40px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.status-item>span{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    background-color: #b2bec6;
}

.status-item .active{
        z-index: 999;
            background-color: #008aff;
    
}



.project-status>div:nth-child(1){
    left: 0;
}

.project-status>div:nth-child(1)>span{
    left: 96px;
    bottom: -5px;
}

.project-status>div:nth-child(2){
    left: 0;
    right: 0;
    margin: auto;
}

.project-status>div:nth-child(2)>span{
    bottom: -4px;
    right: 0;
    left: 0;
    margin: auto;
}

.project-status>div:nth-child(3){
    right: 5px;
    bottom: -4px;
}

.project-status>div:nth-child(3)>span{
    right: 0;
    margin: auto;
    left: 0;
}

.status-item>div{
    line-height: 32px;
}

.project-bottom .left{
    height: 5px;
    position: absolute;
    bottom: 0;
    left:  -166px; 
    right: 0;
    margin: auto;
    width: 180px;
    background-color: #b2bec6;
}

.project-bottom .leftactive{
    height: 5px;
    position: absolute;
    bottom: 0;
    left:  -166px; 
    right: 0;
    margin: auto;
    width: 180px;
    background-color: #008aff;
}

.project-bottom .right{
    height: 5px;
    position: absolute;
    bottom: 0;
    left:  166px; 
    right: 0;
    margin: auto;
    width: 180px;
    background-color: #b2bec6;
}

.project-info-btn{
    width: 50%;
    position: absolute;
    bottom: 30px;
    right: 0;
    margin: auto;
    text-align: center;
    height: 45px;
}

.project-info-btn span{
    width: 215px;
    height: 45px;
    background-color: #008aff;
    color: #fff;
    line-height: 45px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    z-index: 1;
    cursor: pointer;
}

.prject-bottom{
    margin-top: 20px;
}

.project-comment{
    width: 50%;
    float: left;
    float: left;
    margin-top: 30px;
    padding: 0 50px 0 65px;
}

.project-comment-main{
    width: 90%;
    height: 30px;
    text-align: left;
    color: #464646;
    margin-top: 10px;
}

.project-comment-main .project-comment-title{
    float: left;
}

.project-comment-main .process{
    float: left;
    margin-top: -7px;
}


.project-comment-main  .process img {
    width: 30px !important;
    height: 25px !important;
}

.project-comment-title  .project-comment-price{
    width: 90%;
    height: 30px;
    text-align: left;
    color: #464646;

}

.project-comment-price>span:last-child{
    font-size: 18px;
    text-align: center;
    margin-left: 15px;
    color: #464646;
}

.project-comment-title{
    text-align: left;
    margin-left: 30px;
    font-weight: bold;
    font-size: 18px;
    color: #464646;
}

.project-comment-main>img{
    width: 65%;
    margin-top: 13px;
}

.fenye-view-main{
    position: relative;
    text-align: center;
    width: 100%;
    float: left;
    height: 27px;
}

.fenye-view{
    height: 27px;
    width: 80%;
    float: left;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.fenye-item{
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
    border: 2px solid #dddddd;
    background-color: #ffffff;
    margin-right: 15px;
    color: #848484;
    padding: 2px 6px;
    cursor: pointer;
}

.fenye-active{
    border-style: none;
    background: none;
    color: #008aff;
}

.next-page-btn{
    width: 88px;
    font-size: 14px;
    height: 27px;
    line-height: 25px;
    border-radius: 3px;
    border: 2px solid #dddddd;
    background: #ffffff;
    color: #848484;
    padding: 2px 10px;
    cursor: pointer;
}

.footer-main{
    height: 185px;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    background-color: #181c24;
    float: left;
    color: #ffffff;
    padding: 15px 40px;
    margin-top: 20px;
}

.ftCon-Wrapper{
    width: 100%;
}


.project-main{
    width: 1160px;
    margin: auto;
}
.good-project-main{
    width: 100%;
    float: left;
    padding: 10px 15px;
    background-color: #fff;
    margin: 20px 0 0 0;
}





.good-comment{
    width: 100%;
    float: left;
    color: #279bfd;
    font-size: 14px;
    text-align: center;
    margin: 15px 0 0 0;
}

.good-project-comment>img{
    width: 180px;
    margin-top: 15px;
}

.good-price{
    width: 100%;
    float: left;
    color: #279bfd;
    font-size: 14px;
    text-align: center;
    margin: 15px 0 0 0;
}

.good-price-item{
    color: #767676;
    font-size: 17px;
    width: 100%;
    float: left;
    margin: 20px 0;
}



.good-info{
    width: 70%;
    float: left;
    background-color: #fff;
    margin-top: 20px;
}

.project-info-tab{
    font-size: 14px;
    height: 45px;
    padding: 0 15px;
    border-bottom: 1px solid #dddddd;
}

.tab-item{
    height: 44px;
    float: left;
    margin: 0 15px 0 0;
    width: 100px;
    text-align: center;
    line-height: 44px;
}

.tab-acitve{
    border-bottom: 2px solid #008aff;
    color: #008aff;
}



.table-chart-main{
    width: 100%;
    float: left;
    padding: 15px 15px;
}





.good-data-left-main{
    width: 30%;
    float: left;
    border-right: 1px solid #ddd;
}

.good-data-top{
    width: 100%;
    float: left;
    height: 140px;
    padding: 18px 0;
    border-bottom: 1px solid #dddddd;
}

.good-data-top>img{
    width: 180px;
    margin: 25px 0 0 15px;
}

.good-data-bottom{
    width: 100%;
    float: left;
    height: 140px;
    padding: 20px 0;
    
}.good-project-main{
     width: 100%;
     float: left;
     padding: 10px 15px;
     background-color: #fff;
     margin: 20px 0 0 0;
 }

.good-project-item{
    width: 100%;
    float: left;
}

.good-project-item>img{
    width: 70%;
}

.good-project-info{
    width: 30%;
    float: right;
    padding: 10px 15px 0 0;
    text-align: left;
}

.good-project-name{
    width: 50%;
    float: left;
    color: #464646;
    font-size: 18px;
    margin: 15px 0 0 0;
}

.guanzhu-btn{
    text-align: center;
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 40px;
    background-color: #0099e5;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px ;

}

.shape-icon{
    background: url('../images/shape.png') 0 0 no-repeat;
    background-size: cover;
    float: left;
    width: 20px;
    height: 18px;
    margin: 10px 5px 0 0px;
}

.good-project-desc{
    width: 100%;
    float: left;
    color: #939393;
    font-size: 13px;
    margin: 0 0 0 0;
}

.good-project-comment{
    width: 100%;
    float: left;
    border: 1px solid #dddddd;
    background-color: #f8f8f8;
    border-radius: 3px;
    text-align: center;
    margin: 30px 0;
}

.good-comment{
    width: 100%;
    float: left;
    color: #279bfd;
    font-size: 14px;
    text-align: center;
    margin: 15px 0 0 0;
}

.good-project-comment>img{
    width: 180px;
    margin-top: 15px;
}

.good-price{
    width: 100%;
    float: left;
    color: #279bfd;
    font-size: 14px;
    text-align: center;
    margin: 15px 0 0 0;
}

.good-price-item{
    color: #767676;
    font-size: 16px;
    width: 100%;
    float: left;
    margin: 20px 0;
}

.touzhi-btn{
    float: left;
    width: 140px;
    height: 45px;
    background-color: #008aff;
    color: #fff;
    line-height: 45px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
    margin-left: 15px;
}

.left-btn-close {
       float: left;
    width: 140px;
    height: 45px;
      color: #919191;
    line-height: 45px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
    margin-left: 15px;
    border: 1px solid #919191;
}

.pingshen-btn{
    float: right;
    width: 140px;
    height: 45px;
    background-color: #ffffff;
    color: #008aff;
    line-height: 43px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
     font-size: 16px;
    margin-top: 40px;
    margin-right: 15px;
    border: 1px solid #008aff;
}



.pingshen-btn-close{
    float: right;
    width: 140px;
    height: 45px;
    color: #919191;
    line-height: 43px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
     font-size: 16px;
    margin-top: 40px;
    margin-right: 15px;
    border: 1px solid #919191;
}
.good-info{
    width: 70%;
    float: left;
    background-color: #fff;
    margin-top: 16px;
}

.project-info-tab{
    font-size: 14px;
    height: 45px;
    padding: 0 15px;
    border-bottom: 1px solid #dddddd;
}

.tab-item{
    height: 44px;
    float: left;
    margin: 0 15px 0 0;
    width: 100px;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
}

.tab-acitve{
    border-bottom: 2px solid #008aff;
    color: #008aff;
}
.topprocess {
    margin-top: 45px;
    margin-left:  auto;
    margin-right:  auto;
    
}
.topprocess  img {
    width: 30px;
    height: 25px;
}

.good-info-data{
    width: 100%;
    float: left;
    background: #f8f8f8;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

.good-data-top  .process {
    margin: 62px 0 0 20px;
}

.project-comment-star .process{
      float: left;
     margin: 11px 0 0 10px;
    
}
.good-info-data  .process img {
    width: 30px;
    height: 25px;
}


.good-data-left{
    width: 100%;
    float: left;
    text-align: center;
}

.good-data-right{
    width: 70%;
    float: right;
    padding: 0px 0;
}

.table-chart-main{
    width: 100%;
    float: left;
    padding: 15px 15px;
}

.project-comment-star{
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 15px;
}

.project-comment-star>img{
    width: 180px;
    float: left;
    margin: 10px 0 0 15px;
}

.project-comment-value{
    float: left;
    color: #939393;
    font-size: 14px;
    margin: 15px 0 0 0;
}

.project-comment-price-itme{
    color: #939393;
    font-size: 14px;
    float: left;
    left: 200px;
    margin: 15px 0 0 75px;
}

.project-comment-name{
    font-size: 15px;
    color: #464646;
    margin-top: 15px;
    float: left;
}

.good-data-left-main{
    width: 30%;
    float: left;
    border-right: 1px solid #ddd;
}

.good-data-top{
    width: 100%;
    float: left;
    height: 140px;
    padding: 18px 0;
    border-bottom: 1px solid #dddddd;
}

.good-data-top>img{
    width: 180px;
    margin: 25px 0 0 15px;
}

.good-data-bottom{
    width: 100%;
    float: left;
    height: 140px;
    padding: 20px 0;
}

.comment-tab-main{
    width: 100%;
    float: left;
    height: 40px;
    font-size: 14px;
    color: #4f5050;
    border-bottom: 1px solid #dddddd;
    margin-top: 20px;
}

.comment-tab-main span{
    width: 85px;
    float: left;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}

.comment-tab-main .hover{
    border-radius: 3px;
    background-color: #f8f8f8;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.comment-info{
    width: 100%;
    min-height: 300px;
    float: left;
    background-color: #fff;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 15px;
    margin-bottom: 20px;
}

.comment-chart{
    width: 670px;
    float: left;
    height: 200px;
    background-color: #9E9E9E;
}

.comment-title{
    width: 100%;
    float: left;
    color: #007aa5;
    font-size: 15px;
    margin: 40px 0 0 0;
}

.comment-desc{
    width: 100%;
    float: left;
    font-size: 13px;
    color: #4f5050;
    line-height: 2.3;
}

.good-project-other{
    width: 30%;
    float: right;
    padding: 0 0 0 15px;
    margin: 16px 0 0 0;
}

.pingshen-cailiao{
    width: 100%;
    float: left;
    background-color: #ffffff;
}

.pingshen-title{
    width: 100%;
    float: left;
    height: 45px;
    line-height: 44px;
    border-bottom: 1px solid #dddddd;
    padding: 0 15px;
    font-size: 14px;
    color: #5f5f5f;
    background-color: #f8f8f8;
}

.pingshen-main{
    width: 100%;
    text-align: center;
    position: relative;
    height: 190px;
}

.pingshen-main>img{
    width: 75px;
    border-radius: 3px;
    position: absolute;
    left: 90px;
    top: 115px;
}

.shangyejihuashu{
    font-size: 18px;
    color: #333333;
    position: absolute;
    left: 185px;
    top: 115px;
}

.pingshen-download-btn{
    cursor: pointer;
    border: 1px solid #0099e5;
    color: #0099e5;
    text-align: center;
    height: 30px;
    width: 60px;
    font-size: 18px;
    line-height: 26px;
    position: absolute;
    border-radius: 3px;
    left: 185px;
    top: 154px;
}

.guanzhu-table-view{
    width: 100%;
    float: left;
    padding: 30px 0 15px 0;
}

.guanzhu-table-cell{
    width: 33%;
    float: left;
    text-align: center;
}

.guanzhu-table-cell>img{
    width: 80px;
}

.guanzhu-table-cell>span{
    width: 100%;
    float: left;
    font-size: 12px;
    margin: 10px 0 15px 0;
}

.guanzhu-main{
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    background-color: #Ffffff;
}

.project-photo{
    width: 100%;
    margin-bottom: 15px;
    float: left;
}