@charset "utf-8";
/* CSS Document */
body{ font:normal 12px/18px "Microsoft YaHei"!important; color:#666;}
.shrink{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block;}
.pr20{ padding-right:20px;}
.pl20{ padding-left:20px;}
.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pt10{ padding-top:10px;}
.pt25{ padding-top:25px;}
.mt6{ margin-top:6px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.mt20{ margin-top:20px;}
.mt23{ margin-top:23px;}
.mt30{ margin-top:30px;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.tc{ text-align:center;}
.novice_box{ position:relative; margin:10px 10px; background:#fff; box-shadow:1px 1px 2px #e1e1e1; border-radius:3px; padding:30px 0 27px;}
.novice_box:hover{background:#f7f7f7;}
.novice_box h4{ font-size:14px; font-weight:bold; color:#333; padding:18px 0 7px;}
.begin_layer,.begin_text{ position:absolute; left:0; width:100%; }
.begin_layer{ background:#2c3e50;opacity:0.8;top:0; z-index:1;height:100%; border-radius:3px;}
.begin_text{ z-index:2; font-size:15px; top:50%; margin-top:-10px; color:#fff;}

.novice_ico,.novice_ico1_1{ background:url(/images/landlordguide/sprite.png) no-repeat 0 top; width:89px; height:89px; display:inline-block;}
.novice_ico1_1{ background-position:0 -94px; width:89px; height:93px;}
.novice_tit{ height:20px; padding:24px 0 8px 21px; line-height:20px;color:#666; font-size:14px;}
.novice_tit span{ display:inline-block; margin-right:10px; }
.novice_ico1,.novice_ico2,.novice_ico3,.novice_ico4{ background:url(/images/landlordguide/sprite.png) no-repeat 0 -191px; width:17px; height:17px; vertical-align:-3px;}
.novice_ico2{ background-position:0 -215px; width:17px; height:15px;}
.novice_ico3{ background-position:0 -240px; width:15px; height:17px;}
.novice_ico4{ background-position:0 -266px;}
.tenant_mod{ margin-left:10px; margin-right:10px; background:#fff; box-shadow:1px 1px 1px #e1e1e1; border-radius:4px;}
.tenant_mod li{ width:100%; position:relative; height:49px; line-height:49px; color:#333;}
.tenant_mod li:hover{ background:#f7f7f7;}
.tenant_mod li:visited{background:#fff;}

.btm_line_box{ height:48px; line-height:48px; border-bottom:1px solid #eee; margin-left:10px; margin-right:10px;}
.line_none{ border-bottom:none;}
.go_arrow{ display:block; position:absolute; right:10px; top:18px; background:url(/images/landlordguide/sprite.png) no-repeat 0 -290px; width:8px; height:15px;}
/*新手指南*/
.guide_tit{ border-bottom:1px solid #eee; font-size:15px; margin:0 10px; line-height:20px; padding:17px 0 11px; font-weight:bold;}
.guide_tit1{ text-align:center; color:#f36522; font-size:14px; line-height:22px; padding-top:17px;}
.guide_tit2,.guide_tit3,.guide_tit5{ font-weight:bold; padding:15px 0 8px;}
.guide_tit3{padding:12px 0;}
.guide_tit4{border-bottom:1px solid #eee; font-size:15px; font-weight:bold; margin:0 10px; line-height:20px; background:url(/images/landlordguide/sprite.png) no-repeat 0 -418px; color:#f05b72; padding:17px 0 11px 10px;}
.guide_tit5{ padding:12px 0 8px;}

.guide_ico,.guide_ico1{ display:inline-block; margin-right:10px;}
.guide_ico{ width:2px; height:14px; background:#f05b72;vertical-align:-2px;}
.guide_ico1{ width:4px; height:4px; border-radius:2px; background:#f05b72;vertical-align:middle;}
.guide_text{ padding:0 20px 12px;}
.guide_text p{ padding-top:10px; line-height:20px;}
.room_box{ margin:15px 20px 0;}
.room_text{ padding:5px 10px 0; text-align:left;}
.room_diary{ padding:5px 20px 10px; line-height:20px;}
.pub_date span{ display:inline-block; width:16px; height:16px; background:#f05b72; text-align:center; line-height:16px; color:#fff; border-radius:2px; margin-left:5px;}
.story_pic{ margin:15px 20px 0;}
/*经营步骤*/
.steps_box{ float:left; width:39%; text-align:center; padding:15px 0 5px; height:62px;}
.steps_box h6{ line-height:34px;}
.step_ico1,.step_ico2,.step_ico3,.step_ico4{ display:inline-block; background:url(/images/landlordguide/sprite.png) no-repeat 0 -310px; width:12px; height:24px;}
.step_ico2{ background-position:0 -339px; width:23px;}
.step_ico3{ background-position:0 -365px; width:16px;}
.step_ico4{ background-position:0 -394px; width:23px;} 
.step_line{ float:left; border-right:1px solid #eee; height:50px; margin:15px 10% 0;}
.border_btm_line{ border-bottom:1px solid #eee;}
.btm_line{ border-bottom:1px solid #eee; margin:0 10px;}
.city_tit{ text-align:center; line-height:34px; color:#666; padding-bottom:6px;}
.img_48{ display:inline-block; width:48px;border-radius:24px; border:1px solid #f8f9f7; box-radius:24px;}
/*发布流程*/
.process_box{ padding:20px 10px 20px 20px; overflow:hidden;}
.chart_l{ float:left; background:url(/images/landlordguide/sprite.png) no-repeat 0 -517px; width:23px; height:343px; margin-right:10px;}
.process_r{ float:left; width:86%;}
.process_r h6{ font-weight:bold; color:#2c3e50; font-weight:bold; line-height:26px;}
.process_con{ width:100%; background:#f9f9f9; border-radius:2px; padding:6px 8px; box-sizing:border-box; color:#666; margin-top:10px;}
.process_con a,.process_con a:hover{ display:inline-block; height:16px; line-height:16px; border:1px solid #f05b72; padding:0 3px; color:#f05b72; text-decoration:none;}
/*tips*/
.room_type_box{ overflow:hidden; padding-top:20px; color:#999;}
.room_type{ width:31%; height:65px; text-align:center; display: inline-block;}
.room_type span{ display:inline-block; margin-bottom:5px;}
.type_ico1,.type_ico2{ background:url(/images/landlordguide/sprite.png) no-repeat 0 -867px; width:23px; height:21px;}
.type_ico2{ background-position:0 -891px; width:20px; height:24px;}
.type_ico3{background: url(/images/landlordguide/shafa.png) no-repeat center center; background-size: 100% 100%; width:26px; height:26px;}
.guide_header {position:relative;z-index:2}

.road_bg{ background:url(../images/landlordguide/index_bg.jpg) no-repeat; width:100%; height:100%; background-size:cover; position:fixed; left:0; bottom:0;}
.road_box{ padding:0 10px; position:absolute; left:0; bottom:10px; width:100%; box-sizing:border-box;}
.road_box li{ position:relative; margin-top:10px; background:#fff; border-radius:5px; padding:16px 10px;}
.road_box li:hover{ background:#f7f7f7;}
.road_box li:visited{background:#fff;}
.road_arrow_go{ display:block; position:absolute; right:10px; top:50%; margin-top:-7.5px; background:url(../images/landlordguide/arrow_ico.png) no-repeat; background-size:8px 15px; width:8px; height:15px;}
.road_ico1{ float:left; background:url(../images/landlordguide/novice_ico1.png) no-repeat; background-size:63px 63px; width:63px; height:63px;}
.road_ico2{ float:left; background:url(../images/landlordguide/novice_ico2.png) no-repeat; background-size:63px 63px; width:63px; height:63px;}
.road_text{ float:left; padding-left:10px;}
.road_text h6{ font-size:14px; color:#333; padding:14px 0 4px;}
.fd_pic{ padding:0 20px 10px;}
.fd_pic img{ display:block; margin-top:10px;}

@media screen and (max-height:480px) {
.road_bg{ background:url(../images/landlordguide/index_bg_i4.jpg) no-repeat; width:100%; height:100%; background-size:cover; position:fixed; left:0; bottom:0;}}   
@media screen and (min-height:568px) {
.road_bg{ background:url(../images/landlordguide/index_bg_i5.jpg) no-repeat; width:100%; height:100%; background-size:cover; position:fixed; left:0; bottom:0;}}
@media screen and (min-height:627px) {
.road_bg{ background:url(../images/landlordguide/index_bg_i5.jpg) no-repeat; width:100%; height:100%; background-size:cover; position:fixed; left:0; bottom:0;}}
@media screen and (min-height:736px) {
.road_bg{ background:url(../images/landlordguide/index_bg_i6sp.jpg) no-repeat; width:100%; height:100%; background-size:cover; position:fixed; left:0; bottom:0;}}



/*color*/
.c_pink{ color:#f05b72;}
.c_pink a,.c_pink a:hover{ color:#f05b72!important; text-decoration:none;}
.gray_333{ color:#333;}