/*
 * 公共侧边栏样式
 */
@charset "utf-8";

/*侧边栏*/
.right-flow{position: fixed; top: 0; bottom: 0; height: 100%; z-index: 20;}
.sidebar{float: left; position: relative; width: 38px; height: 100%; min-height: 660px; background: rgba(0, 0, 0, 0.8); background: #000; z-index: 100;}
.content-sh{float: left; height: 100%; width: 240px; background-color: #434343;}
.sidebar .upper{position: absolute; width: 100%; top: 166px;}
.sidebar .lower{position: absolute; width: 100%; bottom: 30px;}
.sidebar .s-item{position: relative; height: 34px; margin-bottom: 6px;}
.sidebar .s-login .login{position: absolute; right: 38px; display: none;}
.sidebar .s-login .login:after{position: absolute; left: 100%; top: 14px; width: 0; height: 0; border-top: 4px solid transparent; border-left: 5px solid #fff; border-bottom: 4px solid transparent; content: "";}
.sidebar .s-item .bg-img{float: left; width: 38px; height: 34px; cursor: pointer; text-indent: -9999px; background: url("../images/sidebar-bg-icon.png") no-repeat 10px 7px;}
.sidebar .s-footprint2 .bg-img{background-position: 8px -22px;}
.sidebar .s-footprint3 .bg-img{background-position: 8px -209px;}
.sidebar .s-look .bg-img{background-position: 8px -52px;}
.sidebar .s-customer .bg-img{background-position: 8px -82px;}
.sidebar .s-erweima .bg-img{background-position: 10px -112px;}
.sidebar .s-top .bg-img{background-position: 8px -148px;}
.sidebar .s-survey .bg-img{background-position: 10px -179px;}
.sidebar .s-feedback .bg-img{background-position: 10px -213px;}
.sidebar .s-item .hover{background-color: #000;}
.sidebar .s-item .checked{background-color: #000;}
.sidebar .des{display: none; position: absolute; right: 45px; width: 60px; height: 34px; line-height: 34px; text-align: center; font-size: 12px; color: #fffefe; padding: 0 10px; background-color: #ef4238; cursor: pointer;}
.sidebar .des:after{position: absolute; left: 100%; top: 14px; width: 0; height: 0; border-top: 4px solid transparent; border-left: 5px solid #ef4238; border-bottom: 4px solid transparent; content: "";}
.sidebar .s-erweima .des{width: 66px; height: auto; line-height: 26px; padding: 10px 10px 0 10px;}
.sidebar .s-erweima .erweima{display: block; width: 66px; height: 66px; background: url("../images/bg-code.png");}
.sidebar .s-line{width: 26px; margin: 10px 0 10px 6px; border: 0; border-bottom: solid 1px #666;}
/*预约看房*/
.s-look-house{position: absolute; width: 200px; height: 100%; background-color: #434343; padding: 0 20px; float: left; overflow: hidden;}
.s-look-house1{display: block;}
.s-look-house .hd{padding: 18px 0;}
.s-look-house .img-area{text-align: center; margin-bottom: 24px;}
.s-look-house .img-area img{width: 76px; height: 76px;}
.s-look-house .ipt-area{text-align: center; margin-bottom: 20px;}
.s-look-house .ipt-area .phone, .s-look-house .ipt-area .ipt-btn{width: 160px; text-align: center; color: #fff; border: none; border-radius: 2px; height: 30px; line-height: 30px; cursor: pointer;}
.s-look-house .ipt-area .phone{font-size: 12px; margin-bottom: 20px; background-color: #888;}
.s-look-house .ipt-area .ipt-btn{font-size: 15px; background-color: #e85045;}
.s-look-house .hot-line{font-size: 14px; color: #fff;}
.s-look-house .bd{width: 184px; text-align: center; padding: 24px 0; margin: auto; border-top: dashed 1px #888;}
.s-look-house .bd .service-list{height: 360px;}
.s-look-house .bd .title{font-size: 16px; color: #fff;}
.s-look-house .bd .item:first-child .icon-down{display: none;}
.s-look-house .bd .item{margin-bottom: 20px;}
.s-look-house .bd .item .img-area{position: relative; margin: 15px auto; width: 96px;}
.s-look-house .bd .item .name{position: absolute; bottom: -8px; width: 60px; left: 18px; color: #fff; font-size: 14px; background-color: #434343;}
.s-look-house .bd .item .item-des{font-size: 12px; color: #fff; max-width: 190px; overflow: hidden;}
.s-look-house .bd .item .img-area img{width: 36px; height: 36px; margin-top: 10px;}
/*留言板*/
.ly_nr_out{position: fixed; bottom: 79px; right: 48px; width: 460px; height: 290px; display: none;}
.ly_nr{width: 450px; height: 290px; background: #EFEFEF; position: fixed; bottom: 5px; right: 46px; border-radius: 2px;}
.ly_nr_con{width: 401px; height: 245px; margin: 20px auto 25px 30px;}
.ly_nr_con p{font-size: 14px; font-weight: bold; color: #202020; line-height: 50px;}
.ly_nr_con p i{color: #A2A2A2;}
.ly_ms textarea{width: 361px; height: 90px; border: none; padding: 20px; color: #959595; font-family: "微软雅黑"; font-size: 12px;}
.ly_nr_con form{position: relative;}
.ly_nr_con .gb{position: absolute; top: 0; right: 0;}
.ly_ms_tj{width: 401px; text-indent: 10px; margin-top: 20px;}
.ly_ms_tj span{width: 148px; float: left;}
.ly_ms_tj input{width: 100px; height: 40px; border: none; border-radius: 2px; font-size: 14px;}
.ly_ms_tj input[name=qx]{background: #C6C6C6; color: #5D5D5D; margin-left: 28px; cursor: pointer;}
.ly_ms_tj input[name=tj]{background: #FD524A; color: #FFFFFF; margin-left: 10px; cursor: pointer;}
.ly_gfwx_out{position: fixed; right: 48px; bottom: 24px; width: 149px; height: 180px; display: none;}
.ly_gfwx{bottom: 34px; height: 180px; position: fixed; right: 54px; width: 139px;}