/*fabuindex*/
/*发布步骤*/
.thd { font-size:14px; font-weight:bold; color:#333; height:33px; line-height:33px; padding:10px 0;}
.thd b,.thd span { float:left; display:block;}
.thd b { width:400px; text-align:right; color:#666;}
.thd .b2 { width:138px; text-align:right; font-weight:normal;}
.thd span { text-align:center; width:156px; background:url(../images/bg5.jpg) no-repeat 0 0; height:33px; color:#a4a4a4;}
.thd span.current { width:158px; background:url(../images/bg1.jpg) no-repeat 0 0; color:#fff;}

.fbd {
    margin-top: 10px;
    padding: 10px 0;
	border: 1px solid #efefef;
	background: #fff;
}
.fbd .new_title {
    position: relative;
    /* background: #ebebeb; */
    width: 200px;
    /* height: 38px; */
    /* line-height: 38px; */
    /* padding: 7px 0; */
    text-align: center;
    margin-top: 150px;
    float: left;
}
.fbd .new_title h3  {
    /* display: inline-block; */
    /* vertical-align: middle; */
    /* position: relative; */
    color: #000;
    font-size: 18px;
    font-weight: bold;
    /* margin-left: 55px; */
}
.new_title .ico{
    display: block;
	width: 40px;
    height: 40px;
    margin: 25px auto 0;
    clear: both;
    background:url("../images/fabu_ico.png") no-repeat 0 0;
	background-size: cover;
}
.new_title .ico_info { background-position: 0 -150px;}


.fbd .info_nav  {
    margin-left: 220px;
}
.fbd .info_nav .liBox {
    text-align: left;
    /* padding: 15px 0; */
    font-size: 16px;
    line-height: 24px;
    overflow: auto;
    zoom: 1;
}
.fbd .info_nav .liBox h3{color:#222; line-height:28px; color: #6451f6; text-align: left;}
.fbd .info_nav .liBox h3 small{ color: #999;}
.fbd .info_nav .typeitem a {
    float: left;
    display: inline-block;
    width: 165px;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    /* text-align: center; */
    /* background: #ebebeb; */
    margin: 0 10px 10px 0;
}
.fbd .info_nav .typeitem a:hover { color:#f85959; text-decoration:none;}


.c-btn:before,.c-btn:after { content:''; display:block; width:0; height:0; position:absolute; bottom:0; right:0; box-sizing:border-box; border:1px solid transparent;}
.c-btn:hover:after,.c-btn:hover:before {width:100%; height:100%;}
.c-btn:before { bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.c-btn:hover:before {border-bottom-color: #f85959; border-left-color: #f85959; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.c-btn:after { top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s; transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.c-btn:hover:after { border-top-color: #f85959; border-right-color: #f85959; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.c-btn { color:#69696d; text-decoration:none; border:1px solid #EDEDED; display:block; line-height:42px; -webkit-transition:all 0.6s ease-in; -moz-transition:all 0.6s ease-in; -ms-transition:all 0.6s ease-in; -o-transition: all 0.6s ease-in; transition:all 0.6s ease-in; position:relative; z-index:1;}
.c-btn:hover { border:1px solid #f85959; color:#f85959; text-decoration:none;}

.mod_nav {
    font-size: 16px;
}
.mod_nav h3{color:#222; line-height:28px; color: #6451f6; text-align: left;}
.mod_nav h3 small{ color: #999;}
.mod_nav ul { width:100%;}
.mod_nav li{
    width: 280px;
    margin: 0 20px 20px 0;
    float: left;
}
.mod_nav li:nth-child(4){margin-right: 0;}
.mod_nav li a {
    display: block;
    width: 100%;height: 120px;
	border: 1px solid #efefef; background: #fff;
    position: relative;
}
.mod_nav li .ico{
    display: block;
	width: 40px;
    height: 40px;
    margin: 25px auto 0;
    clear: both;
    background:url("../images/fabu_ico.png") no-repeat 0 0;
	background-size: cover;
}
.mod_nav li .ico_job { background-position: 0 0;}
.mod_nav li .ico_house { background-position: 0 -50px;}
.mod_nav li .ico_car { background-position: 0 -100px;}
.mod_nav li .ico_info { background-position: 0 -150px;}
.mod_nav li .ico_dating { background-position: 0 -200px;}
.mod_nav li .ico_art { background-position: 0 -250px;}
.mod_nav li .ico_shop { background-position: 0 -300px;}
.mod_nav li .ico_other { background-position: 0 -350px;}

.mod_nav li h3{text-align: center; font-family: "微软雅黑"," 黑体"; font-size: 18px; font-weight: 700;}



/*帮助提示*/
.page_help{}
.page_help h3{ display: block; font-size: 18px; color: blue;}
.page_help p{ display: block; font-size: 14px; color: #666;}