@charset "UTF-8";
.hfd-main .header {
    height: 86px;
}

.hfd-main .logo {
    margin-top: 15px;
    height: 56px;
    width: 165px;
}

.hfd-main .header .nav {
    float: left;
    min-height: 63px;
}

.hfd-main .header .nav-right {
    float: left;
    display: inline-block;
}

.hfd-main .header .nav-right ul li {
    float: left;
}

.hfd-main .header ul {
    float: left;
}

.hfd-main .header div.float-right {
    margin: 25px 0 0;
    line-height: 35px;
}

.hfd-main .login,
.hfd-main .regist,
.hfd-main .search,
.hfd-main .add-project {
    display: inline-block;
    border-radius: 5px;
}

.hfd-main .header .nav-right ul li a.add-project {
    width: 112px;
    text-align: center;
    background: #e7141a;
    color: #fff;
    font-size: 14px;
    margin: 0 20px;
}

.hfd-main .search {
    width: 142px;
    margin-right: 20px;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    padding: 0 5px;
    margin-left: 20px;
    color: #999;
    background: url("../../../images/icon/index-search.png") 120px no-repeat;
}

.hfd-main .login,
.hfd-main .regist {
    font-size: 14px;
    text-align: center;
    margin-left: 20px;
    border: 1px solid #ff685f;
    color: #ff685f !important;
    font-weight: 500 !important;
}

.hfd-main .regist {
    border: 1px solid #3ae0ab;
    color: #3ae0ab !important;
    font-weight: 500 !important;
}

.hfd-main .header li a {
    font-size: 12px;
    font-weight: 700;
    color: #333;
    padding: 0 10px;
}

.hfd-main .header li a.logout {
    font-weight: 500;
    color: #ff685f;
}

.hfd-main .header i {
    float: left;
    display: inline-block;
    width: 1px;
    height: 32px;
    background: url("../../../images/header-line.png") no-repeat;
}

.hfd-main .banner {
    height: 539px;
    width: 100%;
    background: url("../../../images/banner-bg.png") no-repeat;
}

.hfd-main .data {
    height: 120px;
    /* box-shadow:-3px 0px 6px #e0e0e0,   左边阴影
             0px 0px 0px ,  上边阴影
             3px 0px 6px #e0e0e0,  右边阴影
             0px 3px 6px #e0e0e0;" */
    box-shadow: 0 0 40px rgba(216, 216, 216, .5);
}

.hfd-main .data div {
    width: 33.33%;
    text-align: center;
}

.hfd-main .data h6 {
    font-size: 36px;
    font-weight: 500;
    color: #323232;
    margin-top: 20px;
}

.hfd-main .data h6 i {
    font-size: 30px;
}

.hfd-main .data p {
    font-size: 14px;
    color: #a5a5a5;
    background: url("../../../images/icon/yuan.png") 125px no-repeat;
}

.hfd-main .data div:nth-child(2) {
    background: url("../../../images/line2.png") left 30px no-repeat;
}

.hfd-main .data div:nth-child(3) {
    background: url("../../../images/line2.png") left 30px no-repeat;
}

.hfd-main .data div:first-child p {
    background: url("../../../images/icon/yuan.png") 135px no-repeat;
}

.hfd-main .data div:last-child p {
    background: url("../../../images/icon/renyuan.png") 125px no-repeat;
}

.hfd-main .item {
    margin-top: 40px;
    position: relative;
}

.hfd-main .item h6 {
    font-weight: 700;
    margin-bottom: 26px;
    font-size: 26px;
    color: #323232;
    background: url("../../../images/icon/tuijian.png") left no-repeat;
    padding-left: 40px;
}

.hfd-main .tuijian a.goods {
    position: relative;
    display: inline-block;
    width: 590px;
    height: 297px;
    float: left;
    display: inline-block;
}

.hfd-main .tuijian img {
    width: 590px;
    height: 297px;
}

.hfd-main .tuijian img.hot {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 53px;
}

.hfd-main .tuijian .goods:last-child {
    margin-left: 15px;
}

.hfd-main .tuijian .goods div {
    position: absolute;
    bottom: 0;
    height: 93px;
    width: 100%;
    background: url("../../../images/goods-bg.png") 100% repeat-x;
}

.hfd-main .tuijian .goods p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-top: 50px;
}

.hfd-main .remen h6 {
    background: url("../../../images/icon/remen.png") left no-repeat;
}

.hfd-main .remen li:first-child img {
    width: 588px;
    height: 456px;
    display: inline-block;
}

.hfd-main .remen li {
    float: left;
}

.hfd-main .remen li:nth-child(2n),
.hfd-main .remen li:nth-child(3),
.hfd-main .remen li:nth-child(5) {
    margin-left: 20px;
    width: 285px;
    height: 217px;
}

.hfd-main .remen li:nth-child(4),
.hfd-main .remen li:last-child {
    margin-top: 19px;
}

.hfd-main .remen li img {
    display: block;
    width: 283px;
    height: 217px;
    border: 1px solid #e0e0e0;
}

.hfd-main .shangjia h6 {
    background: url("../../../images/icon/shangjia.png") left no-repeat;
}

.hfd-main .chenggong h6 {
    background: url("../../../images/icon/chenggong.png") left no-repeat;
}

.hfd-main .zixun h6 {
    background: url("../../../images/icon/zixun.png") left no-repeat;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.hfd-main .chenggong li {
    float: left;
    width: 385px;
    height: 287px;
    position: relative;
}

.hfd-main .chenggong li img {
    width: 385px;
    height: 287px;
}

.hfd-main .chenggong li:nth-child(2) {
    margin: 0 20px;
}

.hfd-main .chenggong li div {
    position: absolute;
    left: 54px;
    top: 98px;
    color: #fff;
    width: 277px;
    height: 94px;
    text-align: center;
    background: rgba(0, 0, 0, .5);
}

.hfd-main .chenggong li h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0 5px;
}

.hfd-main .chenggong li p {
    font-size: 14px;
}

.hfd-main .chenggong li i {
    font-size: 18px;
    color: #ff685f;
}

.hfd-main .item .go-more {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 7px;
    border: 1px solid #999;
    color: #999;
    border-radius: 20px;
}

.hfd-main .zixun .fn-clearfix {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e0e0e0;
}

.hfd-main .zixun h5 {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    margin-bottom: 3px;
}

.hfd-main .zixun p {
    width: 900px;
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    line-height: 25px;
}

.hfd-main .zixun img {
    width: 211px;
    height: 134px;
}

.bottom-baner {
    height: 200px;
    background: url("../../../images/06.png") left no-repeat;
    text-align: center;
    color: #fff;
}

.bottom-baner h6 {
    font-size: 30px;
    padding-top: 30px;
}

.bottom-baner p {
    font-size: 16px;
    margin-top: 10px;
}

.bottom-baner a {
    display: inline-block;
    width: 112px;
    height: 33px;
    line-height: 33px;
    background: #e7141a;
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    border-radius: 5px;
}

.footer {
    background: #333;
    height: 220px;
}

.footer li {
    float: left;
    padding-top: 60px;
}

.footer li a {
    color: #fff;
    font-size: 16px;
}

.footer .float-left p {
    margin-top: 10px;
    color: #999;
    font-size: 14px;
}

.footer .float-right div {
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    margin-left: 20px;
}

.footer .float-right p {
    margin-bottom: 10px;
}


/* 项目列表 */

.hfd-project-list .search-condition {
    height: 128px;
    /* margin: 36px auto 25px; */
    background: #fff;
    padding: 25px 30px;
    box-sizing: border-box;
}

.hfd-project-list .search-condition span,
.hfd-project-list .search-condition select,
.hfd-project-list .search-condition ul {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    float: left;
}

.hfd-project-list .search-condition li {
    float: left;
    height: 25px;
    width: 55px;
    margin: 0 5px;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.hfd-project-list .search-condition li.current {
    color: #fff;
    background: #e7141a;
    border-radius: 13px;
}

.hfd-project-list .search-condition input {
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    width: 230px;
    height: 30px;
    padding: 0 15px;
    line-height: 30px;
    background: url("../../../images/icon/search.png") 200px no-repeat;
    border-radius: 15px;
}

.hfd-project-list .search-condition .classify {
    padding-left: 20px;
    background: url("../../../images/icon/classify.png") left no-repeat;
}

.hfd-project-list .search-condition .status {
    line-height: 30px;
    padding-left: 20px;
    background: url("../../../images/icon/status.png") left no-repeat;
}

.hfd-project-list .search-condition .sort {
    line-height: 30px;
    padding-left: 20px;
    background: url("../../../images/icon/sort.png") left no-repeat;
}

.hfd-project-list .search-condition select {
    height: 30px;
    font-weight: 500;
    margin-right: 30px;
    margin-left: 10px;
}

.hfd-project-list .search-condition span.float-right {
    float: right;
    color: #999;
}

.hfd-project-list .search-condition span.float-right i {
    color: #e7141a;
}

.hfd-project-list .list .item {
    position: relative;
    height: 280px;
    width: 1200px;
    background: #fff;
    margin: 20px auto;
}

.hfd-project-list .list .item .icon {
    position: absolute;
    left: 0;
    top: 0;
}

.hfd-project-list .list .project-img {
    width: 435px;
    height: 280px;
}

.hfd-project-list .list .project-introduce {
    width: 655px;
    padding: 40px 50px;
}

.hfd-project-list .list h6 {
    font-weight: 700;
    font-size: 24px;
    color: #333;
    background: none;
    padding: 0;
    margin-bottom: 10px;
}

.hfd-project-list .list p {
    margin-bottom: 30px;
    font-size: 14px;
    color: #999;
}

.hfd-project-list .list .status div {
    padding-left: 65px;
    margin-right: 60px;
    margin-top: 40px;
}

.hfd-project-list .list .status div:first-child {
    background: url("../../../images/icon/zhi.png") left 0px no-repeat;
}

.hfd-project-list .list .status div:nth-child(2) {
    background: url("../../../images/icon/money.png") left 0px no-repeat;
}

.hfd-project-list .list .status div:last-child {
    margin-right: 0px;
    background: url("../../../images/icon/day.png") left 0px no-repeat;
}

.hfd-project-list .list .status h5 {
    font-weight: 700;
    font-size: 20px;
    color: #333;
}

.hfd-project-list .list .status h5 i {
    font-weight: 700;
    padding-left: 5px;
    font-size: 14px;
}

.hfd-project-list .list .status p {
    margin-bottom: 0;
}


/* 项目详情 */

.hfd-project-detail .title {
    margin-top: 45px;
    margin-bottom: 25px;
}

.hfd-project-detail .title h3 {
    font-size: 30px;
    font-weight: 700;
    color: #333;
}

.hfd-project-detail .title h4 {
    font-size: 16px;
    color: #999;
}

.hfd-project-detail .title a {
    margin-top: 20px;
    display: inline-block;
    width: 134px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #999;
    border: 1px solid #e0e0e0;
    border-radius: 17px;
    background: url("../../../images/icon/back.png") 110px no-repeat;
}

.hfd-project-detail .introduce {
    position: relative;
    box-sizing: border-box;
    width: 410px;
    height: 400px;
    padding: 40px;
    background: #fff;
}

.hfd-project-detail .introduce img {
    position: absolute;
    right: 0;
    top: 0;
}

.hfd-project-detail .introduce p {
    font-size: 14px;
}

.hfd-project-detail .introduce span.red i {
    font-size: 28px;
    font-weight: 700;
}

.hfd-project-detail .introduce p.fn-clearfix {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.hfd-project-detail .introduce p.fn-clearfix i {
    font-size: 14px;
    font-weight: 700;
    color: #666;
}

.hfd-project-detail .introduce p.col999 {
    margin-top: 20px;
}

.hfd-project-detail .introduce p.col999 em {
    color: #666;
    margin-left: 20px;
}

.hfd-project-detail .introduce a {
    margin-top: 15px;
    display: block;
    width: 328px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #f6494e;
    border-radius: 8px;
}

.hfd-project-detail .project-detail,
.hfd-project-detail .project-initiator {
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    margin-top: 20px;
    border-radius: 5px;
}

.hfd-project-detail .project-detail {
    width: 790px;
    margin-bottom: 40px;
}

.hfd-project-detail .project-detail ul.tab {
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.hfd-project-detail .project-detail .tab li {
    float: left;
    width: 170px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    color: #666;
    background: url("../../../images/header-line.png") right 5px no-repeat;
    background-size: 1px 15px;
    cursor: pointer;
}

.hfd-project-detail .project-detail .tab li:last-child {
    background: none;
}

.hfd-project-detail .project-detail .tab li.current {
    color: #e7141a;
    border-bottom: 2px solid #da0c19;
}

.hfd-project-detail .project-detail .tab li span {
    font-size: 12px;
    background: #323232;
    color: #fff;
    padding: 2px 5px;
    border-radius: 10px;
}

.hfd-project-detail .project-detail .project-img img {
    width: 750px;
    margin-bottom: 20px;
}

.hfd-project-detail .hostess-list {
    width: 750px;
}

.hfd-project-detail .hostess-list dt,
.hfd-project-detail .hostess-list dd {
    height: 40px;
    line-height: 40px;
    background: #30d7a2;
    color: #fff;
    font-size: 14px;
}

.hfd-project-detail .hostess-list dd {
    color: #666;
    border-bottom: 1px solid #e0e0e0;
    background: none;
}

.hfd-project-detail .hostess-list dl span {
    display: inline-block;
    width: 33.33%;
    float: left;
    text-align: center;
}

.hfd-project-detail .hostess-list p {
    font-size: 14px;
    color: #666;
    margin-top: 20px;
}

.hfd-project-detail .hostess-list p i {
    font-size: 28px;
}

.hfd-project-detail .project-initiator {
    width: 386px;
}

.hfd-project-detail .project-initiator h4 {
    font-size: 18px;
    color: #666;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.hfd-project-detail .project-initiator img.logo {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin: 20px 0;
}

.hfd-project-detail .project-initiator div.float-right {
    width: 250px;
    margin: 20px 0;
    ;
}

.hfd-project-detail .project-initiator div.float-right p {
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.hfd-project-detail .project-initiator div.float-right p:nth-child(2) {
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    padding-bottom: 8px;
}

.hfd-project-detail .project-initiator h5 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding-left: 10px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    background: url("../../../images/icon/left-line.png") left no-repeat;
}

.hfd-project-detail .company-instal {
    font-size: 14px;
    color: #666;
    font-weight: 700;
    line-height: 25px;
}