@import "../../css/iconfont.css"; 
.header {
    height: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    z-index: 99999;
}

.header .logo img {
    position: absolute;
    display: block;
    height: 45px;
    z-index: 99;
    width: 180px;
    margin-left: 24px;
}

.header .sele_city {
    margin-left: 256px;
    position: relative;
    z-index: 22999;
}

.header .sele_city .sele_city_btn {
    text-align: center;
    line-height: 46px;
    display: block;
    font-size: 16px;
    color: #313131;
    padding-left: 20px;
    background: url(../images/icon/icon1.png) left center no-repeat;
}

.header .sele_city .sele_city_btn span {
    font-size: 16px;
    color: #919191;
}

.header .sele_city .city_list {
    position: absolute;
    top: 46px;
    left: 50%;
    width: 400px;
    border: 1px solid #eee;
    background: #fff;
    z-index: 11299;
    padding: 10px;
    margin-left: -60px;
    display: none;
}

.header .sele_city .city_list li {
    float: left;
    padding: 0 10px;
}

.header .sele_city .city_list a {
    display: block;
    font-size: 16px;
    line-height: 32px;
    margin-left: 0;
    text-align: center;
}

.header .sear_box {
    position: absolute;
    left: 50%;
    top: 35px;
    margin-left: -225px;
}

.navBar .fast_nav {
    width: 232px;
    height: 100%;
    z-index: 1000;
    position: relative;
}

.navBar .fast_nav h3 {
    font-size: 18px;
    position: relative;
    z-index: 100;
    text-align: center;
    line-height: 50px;
    font-weight: normal;
    color: #fff;
}

.navBar .m {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9;
    height: 595px;
}

.navBar .fast_nav .list {
    height: 380px;
    padding: 60px 20px 10px;
    width: 192px;
    position: relative;
    z-index: 99;
}

.navBar .fast_nav .list h4 {
    font-size: 16px;
    line-height: 40px;
    color: #fff;
}

.navBar .fast_nav ol {
    padding-bottom: 6px;
    border-bottom: 1px solid #ccc;
    margin-left: -12px;
}

.navBar .fast_nav ul > li:last-child ol {
    border: 0;
}

.navBar .fast_nav ol li {
    float: left;
    margin-left: 12px;
}

.navBar .fast_nav ol a {
    display: block;
    line-height: 22px;
    color: #ccc;
}

.navBar .fast_nav ol a:hover {
    color: #fff;
}

.navBar .fast_nav .opacity {
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.topBar.topBar2 {
    height: 50px;
    background-image: none;
    position: inherit;
    padding-top: 0;
    font-size: 14px;
}

.navBar .nav_list {
    margin-left: 55px;
}

.topBar {
    background: none;
    position: absolute;
    top: 0;
    height: 89px;
    padding-top: 20px;
    font-size: 16px;
    z-index: 99;
    width: 100%;
    background-image: url(../images/menu-bg.png);
}

.topBar .navBar .nav_list {
    margin-left: 0;
}

.topBar .navBar {
    background: none;
    font-weight: 800;
    margin-right: 50px;
}

.navBar .nav_list li.active {
    background: none;
}

.navBar .nav_list>li>a {
    font-size: 16px;
}

.banner {
    width: 100%;
    /*background: url(../images/bn1.jpg) center top no-repeat;*/
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    overflow: hidden;
}

.banner-1 {
    height: 545px;
}

.banner-1 .switchable-box {
    height: 545px;
}

.banner-1 a {
    display: block;
    height: 545px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.banner-1 a img {
    display: none;
}

.banner li {
    width: 100%;
    height: 100%;
}

.label_menu {
    padding: 20px 0;
}

.label_menu .item {
    width: 25%;
    position: relative;
}

.label_menu .item:after {
    display: block;
    content: '';
    position: absolute;
    height: 60px;
    width: 1px;
    background: #eee;
    right: 0;
    top: 50%;
    margin-top: -30px;
}

.label_menu .item:last-child:after {
    display: none;
}

.label_menu h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
}

.label_menu .l {
    width: 48px;
    height: 2px;
    margin: 0 auto;
}

.label_menu .link {
    margin-top: 22px;
    text-align: center;
    line-height: 100%;
}

.label_menu .link a {
    display: inline-block;
    padding: 0 13px;
    line-height: 100%;
    color: #616161;
    font-size: 18px;
}

.index .wrap {
    padding: 30px 0 30px;
    background: #f5f6f7;
}

.index .wrap .l_box {
    width: 230px;
}

.index .wrap .c_box {
    width: 660px;
}

.index .wrap .r_box {
    width: 240px;
}

.index .wrap .content {
    padding: 20px 0;
}

.hot_house {
    background: #fff;
}

.hot_house ul {
    padding: 20px 0;
}

.hot_house li {
    float: left;
    width: 270px;
    height: 180px;
    margin-left: 24px;
}

.hot_house li a {
    display: block;
    width: 100%;
    height: 100%;
}

.hot_house li img {
    display: block;
}

/* 公共样式 */
.cm_wrap {
    margin-top: 40px;
    padding: 20px 30px;
    background: #fff;
}

.cm_wrap .head {
    border-bottom: 3px solid #eee;
}

.cm_wrap .head h2 {
    font-size: 24px;
}

.cm_wrap .head .r_nav li {
    float: left;
    height: 45px;
    position: relative;
    margin-left: 40px;
}

.cm_wrap .head .r_nav li a {
    display: block;
    width: 100%;
    line-height: 54px;
    text-align: center;
}

.cm_wrap .head .r_nav li .b_l {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 8px;
    z-index: 3;
    background: url(../images/icon/icon3.png) center bottom no-repeat;
    background-size: contain;
    display: none;
}

.cm_wrap .head .r_nav li.active .b_l, .cm_wrap .head .r_nav li:hover .b_l {
    display: block;
}

/* 最近开盘 */
.lastly_open {
    /*width: 230px;*/
}

.lastly_open h3 {
    font-size: 18px;
    padding-bottom: 9px;
    line-height: 100%;
    font-weight: normal;
}

.lastly_open .list {
    height: 370px;
    overflow: auto;
    *
    position: relative;
}

.lastly_open .list .item {
    padding-left: 20px;
    position: relative;
}

.lastly_open .list .item h4 {
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    background: #d9d9d9;
    margin: 9px 0;
}

.lastly_open .list .item .tit {
    background: url(../images/icon/icon7.png) no-repeat;
    width: 72px;
    color: #fff;
}

.lastly_open .list .item .time {
    width: 68px;
    background: #d9d9d9;
    color: #313131;
}

.lastly_open .list .item li {
    padding: 5px 0;
}

.lastly_open .list .item li span, .lastly_open .list .item li a {
    display: block;
    color: #616161;
    line-height: 20px;
}

.lastly_open .list .item li .name {
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lastly_open .list .item li .name:hover {
    text-decoration: underline;
}

.lastly_open .list .item li .price {
    width: 80px;
    text-align: right;
    color: #919191;
    font-size: 12px;
}

.lastly_open .list .item .l_l {
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    width: 9px;
    background: url(../images/icon/icon5.png) center 30px repeat-y;
}

.lastly_open .list .item .l_l .c {
    /*width: 8px;
					height: 8px;
					border: 1px solid #ccc;
					border-radius: 50%;*/
    width: 9px;
    height: 9px;
    background: url(../images/icon/icon6.png) no-repeat;
}

/* 新房列表 */
.build_list {
    /*width: 660px;*/
}

.build_list ul {
    margin-top: -12px;
}

.build_list li {
    margin-top: 12px;
    float: left;
    width: 200px;
    /*height: 200px;*/
    overflow: hidden;
    margin-left: 20px;
}

.build_list li a, .news-left-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.build_list li .img {
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
}

.news-left-list li .img {
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
}

.build_list li .img img, .news-left-list li .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.build_list li .img .img_ft, .build_list li .img .txt_box, .build_list li .img .tit_bg, .news-left-list li .img .tit_bg, .news-left-list li .img .txt_box {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 32px;
}

.build_list li .img .tit_bg, .news-left-list li .img .tit_bg {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    background: #000;
    z-index: 1;
}

.build_list li .img .txt_box, .news-left-list li .img .txt_box {
    overflow: hidden;
    z-index: 2;
    left: 12px;
    right: 12px;
}

.build_list li .img .txt_box .tit, .build_list li .img .txt_box .area, .news-left-list li .img .txt_box .tit {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    z-index: 2;
}

.build_list li .ft .area, .build_list li .ft .price, .build_list li .ft .type_area {
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-family: Harmony;
    font-weight: 900;
    
    
    
    
    
    
    @import "../../css/iconfont.css"; /* 地图找房 */
.map_house .sele_sear {
    padding: 8px 0;
    height: 32px;
    position: relative;
}

.map_house .sele_sear:
    after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #dedede;
}

.map_house .sele_sear .sear {
    width: 250px;
    border: 1px solid #dedede;
    height: 30px;
}

.map_house .sele_sear .sear .sele_type
    select {
    width: 75px;
    height: 30px;
    outline: none;
    font-size: 12px;
    color: #616161;
    border: 0;
    cursor: pointer;
}

.map_house .sele_sear .sear .ipt_area {
    width: 210px;
    overflow: hidden;
    position: relative;
    height: 30px;
}

.map_house .sele_sear .sear .ipt_area .ipt {
    width: 189px;
    padding: 3px 10px;
    border-left: 1px solid #dedede;
    line-height: 24px;
    color: var(--text-main);
}

.map_house .sele_sear .sear .ipt_area .placeholder {
    line-height: 30px;
    padding: 0 10px;
}

.map_house .sele_sear .sear .btn_area {
    width: 40px;
    height: 30px;
}

.map_house .sele_sear .sear .btn_area .btn {
    width: 100%;
    height: 30px;
    background: url(../images/icon/icon16.png) center no-repeat;
    border: 0;
    cursor: pointer;
}

.map_house .sele_sear .sele_list .item {
    border: 1px solid #dedede;
    margin-left: 20px;
}

.map_house .sele_sear .sele_list
    select {
    width: 100px;
    height: 30px;
    outline: none;
    font-size: 14px;
    overflow: hidden;
    cursor: pointer;
}

.map_house .sele_sear .sele_list .btn {
    width: 60px;
    height: 30px;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.map_house .main {
    position: absolute;
    top: 98px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    /* 地图找房 S*/
    /* 地图找房 E*/
}

.map_house .main .l_box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 460px;
}

.map_house .main .map {
    width: 100%;
    height: 100%;
    position: relative;
}

.map_house .main .map #map {
    width: 100%;
    height: 100%;
}

.map_house .main .map
    img {
    display: block;
    width: 100%;
    height: 100%;
}

.map_house .main .map .title {
    width: 100px;
    height: 100px;
    background: url(../images/icon/icon23.png) center no-repeat;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
}

.map_house .main .map .title
    p {
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.map_house .main .map .title .area {
    font-size: 15px;
    margin-top: 20px;
}

.map_house .main .map .title .num {
    font-size: 14px;
}

.map_house .main .map .title .num
    strong {
    font-size: 20px;
}

.map_house .main .r_box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 460px;
    /* 楼盘列表 S */
    /* 楼盘列表 E */
}

.map_house .main .r_box .house_list {
    width: 460px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    background: #fff;
}

.map_house .main .r_box .house_list .hd {
    height: 36px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 20px;
    background: #fff;
}

.map_house .main .r_box .house_list .hd .b_l {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #dedede;
}

.map_house .main .r_box .house_list .hd .tab {
    position: relative;
    z-index: 2;
}

.map_house .main .r_box .house_list .hd .tab
    li {
    float: left;
    margin-right: 26px;
}

.map_house .main .r_box .house_list .hd .tab
    a {
    height: 34px;
    display: block;
    font-size: 12px;
    line-height: 34px;
    padding: 0 10px;
}

.map_house .main .r_box .house_list .hd .tab
    a.active {
    border-bottom: 2px solid var(--btn-more);
    color: var(--btn-more);
}

.map_house .main .r_box .house_list .hd .tab .up {
    background: url(../images/icon/icon17.png) right center no-repeat;
}

.map_house .main .r_box .house_list .hd .tab .down {
    background: url(../images/icon/icon18.png) right center no-repeat;
}

.map_house .main .r_box .house_list .hd .sale_type
    li {
    float: left;
    line-height: 34px;
    margin-right: 20px;
}

.map_house .main .r_box .house_list .hd .sale_type
    li .chkb {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.map_house .main .r_box .house_list .hd .sale_type
    li .un_sale {
    color: #ff6600;
}

.map_house .main .r_box .house_list .scroll {
    position: absolute;
    top: 36px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.map_house .main .r_box .house_list .bd
    li {
    padding: 20px 0px 20px 20px;
    border-bottom: 1px solid #dedede;
    position: relative;
}

.map_house .main .r_box .house_list .bd
    li a {
    display: block;
    height: 90px;
}

.map_house .main .r_box .house_list .bd
    li img {
    display: block;
}

.map_house .main .r_box .house_list .bd
    li .c_con {
    width: 250px;
    margin-left: 10px;
}

.map_house .main .r_box .house_list .bd
    li .c_con .t {
    height: 38px;
    overflow: hidden;
}

.map_house .main .r_box .house_list .bd
    li .c_con h3 {
    float: left;
    line-height: 19px;
    font-size: 14px;
    font-weight: normal;
}

.map_house .main .r_box .house_list .bd
    li .c_con .sale_type {
    display: block;
    float: left;
    height: 19px;
    width: 28px;
    background: url(../images/icon/icon20.png) no-repeat;
    padding-left: 7px;
    color: #fff;
    font-size: 12px;
    margin-left: 8px;
}

.map_house .main .r_box .house_list .bd
    li .c_con .c {
    line-height: 18px;
    height: 28px;
}

.map_house .main .r_box .house_list .bd
    li .c_con .c span {
    color: var(--text-more);
    font-size: 12px;
}

.map_house .main .r_box .house_list .bd
    li .c_con .b {
    height: 24px;
    overflow: hidden;
    margin-left: -8px;
}

.map_house .main .r_box .house_list .bd
    li .c_con .b .item {
    display: block;
    float: left;
    width: 70px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    margin-left: 8px;
}

.map_house .main .r_box .house_list .bd
    li .c_con .b .item1 {
    background: var(--btn-main-opy);
    color: var(--btn-main);
}

.map_house .main .r_box .house_list .bd
    li .c_con .b .item2 {
    background: var(--btn-more-opy);
    color: var(--btn-more);
}

.map_house .main .r_box .house_list .bd
    li .c_con .b .item3 {
    color: #607D8B!important;
    background-color: #f6f6f6!important;
}

.map_house .main .r_box .house_list .bd
    li .r_con {
    height: 90px;
    overflow: hidden;
}

.map_house .main .r_box .house_list .bd
    li .r_con .price {
    line-height: 90px;
    font-size: 16px;
    position: absolute;
    right: 5px;
}

.map_house .main .r_box .house_list .bd
    li .r_con strong {
    font-size: 20px;
    font-weight: bold;
}

.map_house .main .r_box .sele_look_type {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 66px;
}

.map_house .main .r_box .sele_look_type
    a {
    display: block;
    height: 64px;
    margin-bottom: 20px;
}

.map_house .main .r_box .sele_look_type
    a .icon {
    display: block;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
}

.map_house .main .r_box .sele_look_type
    a p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-align: center;
}

.map_house .main .r_box .sele_look_type
    a.active {
    background: #474952;
}

.map_house .main .r_box .sele_look_type .area .icon {
    background-image: url(../images/icon/icon21.png);
}

.map_house .main .r_box .sele_look_type .subway .icon {
    background-image: url(../images/icon/icon22.png);
}

/* page_tit */
.page_tit {
    height: 48px;
    line-height: 48px;
}

.page_tit
    a {
    font-size: 14px;
    opacity: .7;
}

/* 房子列表筛选栏公共样式 */
.seleBar {
    border: 1px solid #ddd;
    font-size: 12px;
}

.seleBar .box {
    padding: 10px;
}

.seleBar .item {
    padding: 2px 0;
}

.seleBar .list, .seleBar .list
    li, .seleBar h3 {
    float: left;
}

.seleBar .list {
    width: 1104px;
    margin-left: -24px;
}

.seleBar .list
    li {
    margin-left: 24px;
    line-height: 28px;
}

.seleBar
    h3 {
    float: left;
    width: 56px;
}

.seleBar
    h3, .seleBar a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    color: var(--text-main);
}

.seleBar
    select, .seleBar .chcb, .seleBar .btn, .seleBar label {
    cursor: pointer;
}

.seleBar
    select {
    width: 100px;
    padding-left: 5px;
    height: 28px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.seleBar .chcb {
    position: relative;
    top: -1px;
    vertical-align: middle;
}

.seleBar .btn {
    border-width: 1px;
    border-style: solid;
    width: 60px;
    height: 28px;
    line-height: 28px;
    *
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
}

/* 页面左边区域 和 右边宽度公共样式 */
.cm_leftArea {
    width: 895px;
}

.cm_rightArea {
    width: 284px;
}

.cm_house {
    padding-bottom: 30px;
}

/* 房子列表  */
.houseList_wrap {
    margin-top: 25px;
    /*二手房标签样式*/
    /*经纪人列表*/
}

.houseList_wrap .head {
    height: 46px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-right: 30px;
    background-color: #f9f9f9;
}

.houseList_wrap .head
    h2 {
    float: left;
}

.houseList_wrap .head
    h2 a {
    display: block;
    width: 120px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

.houseList_wrap .head
    h2 a.active, .houseList_wrap .head h2 a:hover {
    color: #fff;
}

.houseList_wrap .head .tab
    li {
    float: left;
    margin-left: 30px;
}

.houseList_wrap .head .tab
    a {
    display: block;
    font-size: 15px;
    line-height: 46px;
    background: url(../images/icon/icon24.png) right 16px no-repeat;
    background-size: 9px;
    padding-right: 14px;
}

.houseList_wrap .head .tab
    a.up {
    background: url(../images/icon/sort-up.png) right 16px no-repeat;
    background-size: 9px;
}

.houseList_wrap .head .tab
    a.down {
    background: url(../images/icon/sort-down.png) right 16px no-repeat;
    background-size: 9px;
}

.houseList_wrap .head .tab
    a .icon {
    vertical-align: middle;
    margin-left: 8px;
}

.houseList_wrap .list_con
    li {
    padding: 30px 0;
    float: left;
    width: 100%;
    border-bottom: 1px dashed #e2e2e2;
}

.houseList_wrap .list_con .l_img, .houseList_wrap .list_con .r_con {
    display: block;
    z-index: 0;
    position: relative;
}

.houseList_wrap .list_con .l_img {
    height: 160px;
}

.houseList_wrap .list_con .l_img
    img {
    display: block;
    width: 220px;
    height: 100%;
}

.houseList_wrap .list_con .r_con {
    width: 645px;
    z-index: 0;
    position: relative;
}

.houseList_wrap .list_con
    h3 {
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 10px;
}

.houseList_wrap .list_con
    a:hover h3 {
    color: #D32F2F;
}

.houseList_wrap .list_con .user-info
    i {
    font-size: 16px;
    color: #D32F2F;
    margin-right: 5px;
}

.houseList_wrap .list_con .user-info
    span {
    margin-right: 10px;
}

.houseList_wrap .list_con
    p {
    line-height: 28px;
}

.houseList_wrap .list_con
    p span {
    font-size: 14px;
    color: var(--text-more);
}

.houseList_wrap .list_con
    p.attr span {
    margin-right: 10px;
}

.houseList_wrap .list_con
    p .l {
    padding: 0 3px;
}

.houseList_wrap .list_con .ft_con {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
}

.houseList_wrap .list_con .ft_con
    b {
    color: #ea3c3d;
}

.houseList_wrap .list_con .label_list {
    display: block;
    margin-top: 8px;
}

.houseList_wrap .list_con .label_list .item {
    display: inline-block;
    height: 28px;
    border: 1px solid;
    text-align: center;
    line-height: 28px;
    margin-top: 5px;
    padding: 0 10px;
}

.houseList_wrap .list_con .label_list .item1 {
    color: #6884c3;
    border-color: #6884c3;
}

.houseList_wrap .list_con .label_list .item2 {
    color: #66bb6a;
    border-color: #66bb6a;
}

.houseList_wrap .list_con .label_list .item3 {
    color: #ffc107;
    border-color: #ffc107;
}

.houseList_wrap .list_con .label_list .item4 {
    color: #ff7043;
    border-color: #ff7043;
}

.houseList_wrap .list_con .label_list .item5 {
    color: #f0a0a0;
    border-color: #f0a0a0;
}

.houseList_wrap .list_con .label_list .item6 {
    color: #7986cb;
    border-color: #7986cb;
}

.houseList_wrap .list_con .label_list .item7 {
    color: #81c784;
    border-color: #81c784;
}

.houseList_wrap .list_con .label_list .item8 {
    color: #6ac5ef;
    border-color: #6ac5ef;
}

.houseList_wrap .list_con .price {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    font-size: 14px;
}

.houseList_wrap .list_con .price
    h5 {
    height: 40px;
    line-height: 40px;
}

.houseList_wrap .list_con .price
    strong {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Harmony';
}

.houseList_wrap .list_con .price
    p {
    font-size: 14px;
    line-height: 100%;
    color: #666;
}

.houseList_wrap .sh_house_list .label_list .item1,.houseList_wrap .sh_house_list .label_list .item5 {
    color: #f0a0a0;
    background: #ffebee;
    border-color: #ffebee;
}

.houseList_wrap .sh_house_list .label_list .item2,.houseList_wrap .sh_house_list .label_list .item6 {
    color: #7986cb;
    border-color: #e8eaf6;
    background: #e8eaf6;
}

.houseList_wrap .sh_house_list .label_list .item3,.houseList_wrap .sh_house_list .label_list .item7 {
    color: #81c784;
    border-color: #e8f5e9;
    background: #e8f5e9;
}

.houseList_wrap .sh_house_list .label_list .item4,.houseList_wrap .sh_house_list .label_list .item8 {
    color: #6ac5ef;
    border-color: #e0f7fa;
    background: #e0f7fa;
}

.houseList_wrap .agent_list
    li {
    padding: 30px 0;
    float: left;
    width: 100%;
    border-bottom: 1px dashed #e2e2e2;
}

.houseList_wrap .agent_list
    span {
    display: block;
}

.houseList_wrap .agent_list
    a, .houseList_wrap .agent_list .l_img, .houseList_wrap .agent_list .r_con {
    display: block;
    height: 160px;
    position: relative;
}

.houseList_wrap .agent_list .l_img
    img {
    margin-top: 30px;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.houseList_wrap .agent_list .r_con {
    width: 740px;
    position: relative;
}

.houseList_wrap .agent_list .r_con
    p {
    line-height: 36px;
    font-size: 16px;
    color: #333;
}

.houseList_wrap .agent_list .r_con
    p.name {
    font-size: 20px;
}

.houseList_wrap .agent_list .r_con .star_list {
    margin: 7px 20px 0;
}

.houseList_wrap .agent_list .r_con .star_list
    li {
    width: 22px;
    padding: 0;
    border: 0;
}

.houseList_wrap .agent_list .label_list {
    display: block;
    margin-top: 8px;
}

.houseList_wrap .agent_list .label_list .item {
    display: inline-block;
    width: 82px;
    height: 28px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    line-height: 28px;
}

.houseList_wrap .agent_list .phone {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    height: 40px;
    line-height: 40px;
    font-size: 32px;
    padding-left: 40px;
    background: url(../images/icon/icon42.png) left center no-repeat;
}

/*  经纪人详情*/
.agent_detail .list_con
    li {
    width: 96%;
    padding: 20px 2%;
}

.broker-tags
    i {
    display: inline-block;
    padding: 3px 10px;
    border-width: 1px;
    border-style: solid;
}

.agent_detail .list_con .r_con {
    width: 600px;
}

.newhouse
    h3 img {
    vertical-align: middle;
}

.newhouse .label_list .item {
    background: var(--btn-main-opy);
    color: #333;
    border: 0 !important;
}

.newhouse .tab_nav {
    height: 70px;
    /*margin-left: -20px;*/
    border-bottom: 1px solid #eee;
}

.newhouse .tab_nav
    li {
    float: left;
    margin-left: 20px;
}

.newhouse .tab_nav
    li a {
    display: block;
    font-size: 15px;
    line-height: 70px;
    color: #333;
}

/* 楼盘详情 */
.house_detail {
    padding-bottom: 60px;
    /* 优质二手房 */
    /*小区成交记录*/
    /* 附近小区 */
    /* 楼盘动态 */
    /* 时间轴 */
    /* 户型介绍 */
    /* 用户问答 */
    /* 楼栋信息  */
    /* 楼盘详情 */
}

.house_detail .main_info {
    margin-bottom: 30px;
}

.house_detail .main_info .hd_box {
    padding: 15px 0;
}

.house_detail .main_info .hd_box
    h2 {
    font-size: 24px;
    line-height: 30px;
    color: #2c2c2d;
    font-weight: 500;
}

.house_detail .main_info .hd_box .collect_btn {
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
    color: #666;
    cursor: pointer;
}

.house_detail .main_info .con_box .leftArea {
    width: 670px;
    height: 490px;
}

.house_detail .main_info .con_box .leftArea .l_slide {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.house_detail .main_info .con_box .leftArea .l_slide .bigImg {
    height: 404px;
    position: relative;
}

.house_detail .main_info .con_box .leftArea .l_slide .bigImg
    li img {
    display: block;
    max-width: 666px;
    height: 396px;
    margin: auto;
}

.house_detail .main_info .con_box .leftArea .l_slide .smallScroll {
    margin-top: 10px;
    height: 80px;
    width: 670px;
    position: relative;
    overflow: hidden;
}

.house_detail .main_info .con_box .leftArea .l_slide .sPrev, .house_detail .main_info .con_box .leftArea .l_slide .sNext {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 80px;
    text-indent: -9999px;
    background: #000000 url(../images/icon/icon35.png) no-repeat 0 center;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 111;
}

.house_detail .main_info .con_box .leftArea .l_slide .sPrev:
    hover, .house_detail .main_info .con_box .leftArea .l_slide .sNext:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.house_detail .main_info .con_box .leftArea .l_slide .sNext {
    left: auto;
    right: 0;
    background-position: -30px center;
}

.house_detail .main_info .con_box .leftArea .l_slide .smallImg {
    /*margin-left: -10px;*/
}

.house_detail .main_info .con_box .leftArea .l_slide .smallImg
    ul {
    height: 80px;
    width: 9999px;
    overflow: hidden;
}

.house_detail .main_info .con_box .leftArea .l_slide .smallImg
    li {
    float: left;
    margin-left: 5px;
    width: 160px;
    cursor: pointer;
    display: inline;
}

.house_detail .main_info .con_box .leftArea .l_slide .smallImg
    img {
    display: block;
    border: 1px solid #dcdddd;
    width: 158px;
    height: 78px;
}

.house_detail .main_info .con_box .leftArea .l_slide .smallImg .on
    img {
    border-color: #f00;
}

.house_detail .main_info .con_box .rightArea {
    width: 480px;
}

.house_detail .main_info .con_box .rightArea .price {
    line-height: 48px;
    height: 48px;
    font-size: 0;
}

.house_detail .main_info .con_box .rightArea .price
    span {
    font-size: 18px;
    color: #666;
}

.house_detail .main_info .con_box .rightArea .price
    strong {
    font-size: 48px;
}

.house_detail .main_info .con_box .rightArea .calc
    a {
    display: block;
    line-height: 48px;
    font-size: 18px;
    color: #666;
    background: url(../images/icon/icon31.png) left center no-repeat;
    padding-left: 30px;
}

.house_detail .main_info .con_box .rightArea .col_1 {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #F6F6F8;
}

.house_detail .main_info .con_box .rightArea .col_1
    span {
    font-size: 16px;
}

.house_detail .main_info .con_box .rightArea .col_1 .label {
    color: #919191;
}

.house_detail .main_info .con_box .rightArea .col_1 .desc {
    color: #313131;
}

.house_detail .main_info .con_box .rightArea .agent_info {
    margin-top: 10px;
}

.house_detail .main_info .con_box .rightArea .agent_info .c_con {
    margin-left: 15px;
}

.house_detail .main_info .con_box .rightArea .agent_info .new-house.c_con {
    width: 338px;
    overflow: hidden;
    margin-left: 0;
}

.house_detail .main_info .con_box .rightArea .agent_info .c_con
    p {
    line-height: 36px;
}

.house_detail .main_info .con_box .rightArea .agent_info .c_con .name {
    color: #313131;
    font-size: 20px;
}

.house_detail .main_info .con_box .rightArea .agent_info .c_con .phone {
    margin-top: 10px;
    font-size: 30px;
    text-align: left;
}

.house_detail .main_info .con_box .rightArea .agent_info .new-house.c_con .phone {
    font-size: 27px;
}

.house_detail .main_info .con_box .rightArea .agent_info .c_con .star_list {
    margin-left: 10px;
    padding-top: 7px;
}

.house_detail .main_info .con_box .rightArea .agent_info .r_con .btn {
    display: block;
    width: 85px;
    height: 42px;
    line-height: 42px;
    padding-left: 55px;
    background-position: 20px center;
    background-repeat: no-repeat;
    font-size: 15px;
    border: 1px solid;
    border-radius: 4px;
}

.house_detail .main_info .con_box .rightArea .agent_info .r_con .consult {
    border-color: #3d93eb;
    color: #3d93eb;
    background-image: url(../images/icon/icon27.png);
}

.house_detail .main_info .con_box .rightArea .agent_info
    img {
    border-radius: 50%;
    width: 90px;
    height: 90px;
    position: relative;
    top: 0;
}

.house_detail .main_info .con_box .rightArea .agent_info .r_con .appoint {
    margin-top: 6px;
    border-color: #ff6600;
    color: #fff;
    background-image: url(../images/icon/icon28.png);
    background-color: #ff6600;
}

.house_detail .main_info .con_box .t_box {
    margin-bottom: 20px;
}

.house_detail .main_info .con_box .col_3_list
    li {
    float: left;
    width: 160px;
    padding-bottom: 24px;
}

.house_detail .main_info .con_box .col_3_list
    li .tit {
    font-size: 26px;
    color: #313131;
    line-height: 58px;
    height: 58px;
}

.house_detail .main_info .con_box .col_3_list
    li .txt {
    font-size: 16px;
    color: #919191;
    line-height: 100%;
}

.house_detail .main_info .con_box .col_2_list
    li {
    float: left;
    width: 240px;
}

.house_detail .main_info .con_box .col_2_list
    li p {
    float: left;
    font-size: 16px;
    color: #919191;
    line-height: 36px;
}

.house_detail .main_info .con_box .col_2_list
    li .tit {
    width: 80px;
    color: #313131;
}

.house_detail .main_info .con_box .col_2_list
    li .txt {
    width: 160px;
}

.con_box
    table {
    background-color: #eee;
}

.con_box
    table tr {
    background-color: #fff;
}

.house_detail .scroll_nav_wrap {
    height: 60px;
    position: relative;
}

.house_detail .scroll_nav {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.house_detail .scroll_nav
    li {
    float: left;
}

.house_detail .scroll_nav
    li a {
    display: block;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    color: #313131;
}

.house_detail .con_wrap {
    /*房屋配套*/
    /* 基本信息 */
    /* 房屋亮点 */
    /* 房源相册 */
    /* 小区简介 */
    /*周边配套*/
    /* 相似房源 */
}

.house_detail .con_wrap .leftArea {
    width: 895px;
}

.house_detail .con_wrap .leftArea .con_box {
    padding: 10px 0;
    line-height: 24px;
}

.house_detail .con_wrap .title {
    border: none;
    border-bottom: 1px solid #eee;
}

.house_detail .con_wrap .title
    h2 {
    float: left;
    font-size: 24px;
    font-weight: normal;
    line-height: 72px;
}

.house_detail .con_wrap .title .more {
    display: block;
    float: right;
    line-height: 72px;
    font-size: 16px;
    color: #333;
}

.house_detail .con_wrap .title .tab_hd
    li {
    float: left;
    line-height: 72px;
    margin-right: 20px;
}

.house_detail .con_wrap .title .tab_hd
    li a {
    font-size: 16px;
    color: #333;
}

.house_detail .con_wrap .question .title
    a:hover {
    color: #fff !important;
}

.house_detail .con_wrap .house_support, .house_detail .con_wrap .basis_info {
    padding: 40px 0;
    border-bottom: 1px solid #eee;
}

.house_detail .con_wrap .house_support
    h4, .house_detail .con_wrap .basis_info h4 {
    width: 165px;
    float: left;
    font-size: 18px;
    color: #666;
    font-weight: normal;
}

.house_detail .con_wrap .house_support
    h4 {
    width: 80px;
}

.house_detail .con_wrap .house_support
    ul, .house_detail .con_wrap .basis_info ul {
    width: 730px;
}

.house_detail .con_wrap .house_support
    ul, .house_detail .con_wrap .basis_info ul, .house_detail .con_wrap .house_support li, .house_detail .con_wrap .basis_info li {
    float: left;
}

.house_detail .con_wrap .house_support
    li, .house_detail .con_wrap .basis_info li {
    width: 100px;
    text-align: center;
    padding: 0 10px;
    height: 86px;
}

.house_detail .con_wrap .house_support
    li .icon_img, .house_detail .con_wrap .basis_info li .icon_img {
    font-size: 0;
    height: 40px;
}

.house_detail .con_wrap .house_support
    li img, .house_detail .con_wrap .basis_info li img {
    vertical-align: top;
}

.house_detail .con_wrap .house_support
    li p, .house_detail .con_wrap .basis_info li p {
    font-size: 15px;
    color: #313131;
    text-align: center;
    line-height: 25px;
}

.house_detail .con_wrap .basis_info {
    padding: 20px 0;
}

.house_detail .con_wrap .basis_info
    h4 {
    line-height: 42px;
}

.house_detail .con_wrap .basis_info
    li {
    width: 220px;
    text-align: center;
    padding: 0 10px;
    height: 42px;
}

.house_detail .con_wrap .basis_info
    li p {
    font-size: 15px;
    color: #313131;
    float: left;
    line-height: 42px;
    text-align: left;
}

.house_detail .con_wrap .basis_info
    li .tit {
    width: 80px;
    color: #919191;
}

.house_detail .con_wrap .basis_info
    li .txt {
    width: 140px;
}

.house_detail .con_wrap .bright_sopt {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.house_detail .con_wrap .bright_sopt
    h4 {
    width: 115px;
    float: left;
    font-size: 18px;
    color: #666;
    font-weight: normal;
    line-height: 25px;
}

.house_detail .con_wrap .bright_sopt .desc {
    width: 730px;
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 25px;
}

.house_detail .con_wrap .house_picture
    ul {
    margin-left: -31px;
}

.house_detail .con_wrap .house_picture
    li {
    float: left;
    width: 432px;
    height: 253px;
    margin-top: 30px;
    margin-left: 31px;
}

.house_detail .con_wrap .house_picture
    a, .house_detail .con_wrap .house_picture img, .house_detail .con_wrap .house_picture span {
    display: block;
}

.house_detail .con_wrap .house_picture
    a {
    width: 100%;
    height: 100%;
    position: relative;
}

.house_detail .con_wrap .house_picture .label {
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #d35808;
    font-size: 15px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

.house_detail .con_wrap .cmnt_profile .con_box {
    margin-top: 30px;
}

.house_detail .con_wrap .cmnt_profile .l_box {
    width: 540px;
}

.house_detail .con_wrap .cmnt_profile .l_box .cmnt_name {
    font-size: 24px;
    font-weight: bold;
    color: #313131;
    line-height: 100%;
}

.house_detail .con_wrap .cmnt_profile .l_box .pro_list {
    padding-top: 20px;
}

.house_detail .con_wrap .cmnt_profile .l_box .pro_list
    li {
    float: left;
    width: 180px;
}

.house_detail .con_wrap .cmnt_profile .l_box .pro_list
    span {
    display: block;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
    float: left;
}

.house_detail .con_wrap .cmnt_profile .l_box .pro_list .tit {
    width: 70px;
    color: #919191;
}

.house_detail .con_wrap .cmnt_profile .l_box .pro_list .txt {
    color: #313131;
}

.house_detail .con_wrap .cmnt_profile .l_box .ft_desc {
    line-height: 34px;
}

.house_detail .con_wrap .cmnt_profile .l_box .ft_desc
    span {
    color: #313131;
}

.house_detail .con_wrap .cmnt_profile .r_box
    img {
    display: block;
    width: 288px;
    height: 190px;
}

.house_detail .con_wrap .near_support .con_box {
    margin-top: 30px;
}

.house_detail .con_wrap .near_support .map {
    width: 795px;
    height: 469px;
    border: 1px solid #eee;
}

.house_detail .con_wrap .near_support .r_box {
    margin-left: 20px;
    padding: 20px 10px;
    border: 1px solid #eee;
    width: 360px;
    height: 428px;
}

.house_detail .con_wrap .near_support .r_box .nav {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.house_detail .con_wrap .near_support .r_box .nav
    li {
    float: left;
}

.house_detail .con_wrap .near_support .r_box .nav
    a {
    display: block;
    width: 60px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.house_detail .con_wrap .near_support .r_box .tab_nav {
    border-bottom: 1px solid #eee;
}

.house_detail .con_wrap .near_support .r_box .tab_nav
    a {
    display: block;
    float: left;
    line-height: 54px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 27px;
    padding-right: 27px;
}

.house_detail .con_wrap .near_support .r_box .tab_nav .subway {
    background-image: url(../images/icon/icon29.png);
}

.house_detail .con_wrap .near_support .r_box .tab_nav .subway.active {
    background-image: url(../images/icon/icon29_on.png);
}

.house_detail .con_wrap .near_support .r_box .tab_nav .bus {
    background-image: url(../images/icon/icon30.png);
}

.house_detail .con_wrap .near_support .r_box .tab_nav .bus.active {
    background-image: url(../images/icon/icon30_on.png);
}

.house_detail .con_wrap .near_support .r_box .info_list {
    height: 410px;
    overflow: auto;
}

.house_detail .con_wrap .near_support .r_box .info_list
    li {
    float: left;
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
    width: 100%;
    cursor: pointer;
}

.house_detail .con_wrap .near_support .r_box .info_list .tit, .house_detail .con_wrap .near_support .r_box .info_list
    p {
    line-height: 32px;
}

.house_detail .con_wrap .near_support .r_box .info_list .tit {
    color: #484848;
    background-position: left center;
    background-repeat: no-repeat;
}

.house_detail .con_wrap .near_support .r_box .info_list.subway .tit {
    background-image: url(../images/icon/icon29_on.png);
}

.house_detail .con_wrap .near_support .r_box .info_list.bus .tit {
    background-image: url(../images/icon/icon30_on.png);
}

.house_detail .con_wrap .similar_house .list {
    margin-left: -20px;
}

.house_detail .con_wrap .similar_house .list
    li {
    float: left;
    width: 285px;
    margin-left: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.house_detail .con_wrap .similar_house .list .img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.img .mask,.list_box .mask {
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 10px;
}

.img .mask
    p,.list_box .mask p {
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    position: relative;
    z-index: 89;
}

.img .opacity,.list_box .opacity {
    background: #000;
}

.house_detail .con_wrap .similar_house .list
    a, .house_detail .con_wrap .similar_house .list img {
    display: block;
    width: 100%;
}

.house_detail .con_wrap .similar_house .list
    img {
    height: 192px;
}

.list .name,.list_box .name {
    line-height: 54px;
    height: 54px;
    overflow: hidden;
    font-weight: normal;
    font-size: 16px;
}

.house_detail .con_wrap .similar_house .list .ft_con
    p {
    line-height: 36px;
    font-size: 16px;
    color: #919191;
}

.house_detail .con_wrap .similar_house .list .ft_con .type_area {
    color: #333;
}

.house_detail .con_wrap .similar_house .list .ft_con
    p strong {
    font-size: 30px;
}

.house_detail .top_sh_house .con_box .list {
    margin-left: -29px;
}

.house_detail .top_sh_house .con_box .list
    li {
    width: 202px;
    margin-left: 29px;
}

.house_detail .top_sh_house .con_box .list
    li img {
    display: block;
    height: 150px;
}

.deal_record .table_wrap
    th, .deal_record .table_wrap td {
    line-height: 54px;
    text-align: left;
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.deal_record .table_wrap
    td {
    border-top: 1px dashed #eee;
}

.house_detail .near_cmnt .img .name {
    font-size: 20px !important;
}

.house_detail .dynamic {
    width: 750px;
}

.house_detail .dynamic .list {
    height: 224px;
    overflow: auto;
}

.house_detail .dynamic .list
    li {
    padding: 10px 0;
    border-bottom: 1px dashed #eee;
}

.house_detail .dynamic .list .label {
    width: 78px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #ff7043;
    color: #ff7043;
}

.house_detail .dynamic .list .r_con {
    width: 650px;
}

.house_detail .dynamic .list .tit
    a {
    font-size: 14px;
    line-height: 30px;
    color: #313131;
}

.house_detail .dynamic .list .time {
    font-size: 16px;
    line-height: 30px;
    color: #919191;
}

.house_detail .dynamic .list .desc {
    font-size: 14px;
    line-height: 24px;
    color: #919191;
}

.house_detail .time_line {
    width: 400px;
}

.house_detail .time_line .list
    li {
    padding: 26px 0 26px 52px;
    position: relative;
}

.house_detail .time_line .list .l_con {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 52px;
    overflow: hidden;
}

.house_detail .time_line .list .l_con
    span {
    display: block;
    position: absolute;
}

.house_detail .time_line .list .l_con .c {
    width: 16px;
    height: 16px;
    top: 33px;
    left: 50%;
    margin-left: -8px;
    background: #ff6600;
    border-radius: 50%;
    z-index: 2;
}

.house_detail .time_line .list .l_con .l {
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/icon/icon5.png) center top repeat-y;
}

.house_detail .time_line .list
    li:first-child .l_con .l {
    top: 33px !important;
}

.house_detail .time_line .list .r_con .time, .house_detail .time_line .list .r_con .txt {
    height: 30px;
    line-height: 30px;
    color: #919191;
    font-size: 16px;
}

.house_detail .house_type .picScroll {
    width: 100%;
    margin: 10px auto;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.house_detail .house_type .picScroll .prev, .house_detail .house_type .picScroll .next {
    display: block;
    position: absolute;
    top: 50px;
    left: 0px;
    width: 30px;
    height: 60px;
    background: #000000 url(../images/icon/icon35.png) 0 center no-repeat;
    z-index: 111;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}

.house_detail .house_type .picScroll .prev:
    hover, .house_detail .house_type .picScroll .next:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.house_detail .house_type .picScroll .next {
    left: auto;
    right: 0px;
    background-position: -30px center;
}

.house_detail .house_type .picScroll .tempWrap {
    margin-left: -25px;
}

.house_detail .house_type .picScroll
    ul {
    overflow: hidden;
    zoom: 1; }

.house_detail .house_type .picScroll
    ul li {
    width: 220px;
    float: left;
    overflow: hidden;
    margin-left: 25px;
}

.house_detail .house_type .picScroll
    ul .img {
    display: block;
    width: 218px;
    height: 158px;
    border: 1px solid #eee;
    position: relative;
}

.house_detail .house_type .picScroll
    ul .img p {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
}

.house_detail .house_type .picScroll
    ul .img p.on {
    background: #31c526;
}

.house_detail .house_type .picScroll
    ul .img p.off {
    background: #f00;
}

.house_detail .house_type .picScroll
    ul .img p.for {
    background: #f60;
}

.house_detail .house_type .picScroll
    ul img {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/icon/loading.gif) center center no-repeat;
}

.house_detail .question .list
    li {
    padding: 15px;
    border-bottom: 1px dashed #eee;
}

.house_detail .question .list
    li .ask, .house_detail .question .list li .anser, .house_detail .question .list li .time {
    font-size: 16px;
    color: #919191;
    line-height: 24px;
    padding-left: 40px;
}

.house_detail .question .list
    li .ask {
    color: #333;
    background: url(../images/icon/icon37.png) left top no-repeat;
}

.house_detail .question .list
    li .anser {
    margin: 10px 0;
}

.house_detail .build_picture .list
    li .name {
    text-align: center !important;
}

.house_detail .buildNum_info {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 0;
}

.house_detail .buildNum_info .l_con {
    width: 580px;
    height: 360px;
    position: relative;
    overflow: hidden;
}

.house_detail .buildNum_info .l_con .label {
    width: 80px;
    height: 90px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding-top: 10px;
    border-radius: 4px;
    overflow: hidden;
}

.house_detail .buildNum_info .l_con .label .opacity {
    background: #000;
}

.house_detail .buildNum_info .l_con .label .item {
    padding: 4px 10px;
}

.house_detail .buildNum_info .l_con .label
    span {
    display: block;
    height: 18px;
    width: 22px;
    float: left;
    color: #fff;
    position: relative;
    z-index: 11;
    border-radius: 4px;
}

.house_detail .buildNum_info .l_con .label .txt {
    line-height: 18px;
    width: 32px;
    margin-left: 6px;
}

.house_detail .buildNum_info .l_con .label .on {
    background: #009944;
}

.house_detail .buildNum_info .l_con .label .for {
    background: #ff6600;
}

.house_detail .buildNum_info .l_con .label .off {
    background: #919191;
}

.house_detail .buildNum_info .l_con .tit {
    position: absolute;
    z-index: 111;
    width: 74px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #009944;
}

.house_detail .buildNum_info .l_con .tit .riangle {
    position: absolute;
    top: 30px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 18px solid transparent;
    border-top: 12px solid #009944;
}

.house_detail .buildNum_info .l_con .tit.on {
    background: #009944;
}

.house_detail .buildNum_info .l_con .tit.on .riangle {
    border-top-color: #009944;
}

.house_detail .buildNum_info .l_con .tit.for {
    background: #ff6600;
}

.house_detail .buildNum_info .l_con .tit.for .riangle {
    border-top-color: #ff6600;
}

.house_detail .buildNum_info .l_con .tit.off {
    background: #919191;
}

.house_detail .buildNum_info .l_con .tit.off .riangle {
    border-top-color: #919191;
}

.house_detail .buildNum_info .r_con {
    width: 310px;
}

.house_detail .buildNum_info .r_con .tab_nav {
    width: 100%;
    height: 30px;
    position: relative;
    overflow-x: auto;
}

.house_detail .buildNum_info .r_con .tab_nav .b_l {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #919191;
}

.house_detail .buildNum_info .r_con .tab_nav
    li {
    float: left;
    width: 80px;
    margin-left: 0;
}

.house_detail .buildNum_info .r_con .tab_nav
    a {
    position: relative;
    z-index: 2;
    display: block;
    line-height: 28px;
    border-bottom: 2px solid #919191;
    text-align: center;
}

.house_detail .buildNum_info .r_con .m_info {
    margin-top: 10px;
}

.house_detail .buildNum_info .r_con .m_info
    li {
    float: left;
    width: 50%;
    height: 36px;
    line-height: 36px;
}

.house_detail .buildNum_info .r_con .m_info
    li span {
    color: #333;
}

.house_detail .buildNum_info .r_con .s_info
    h4 {
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    background: #f0f0f0;
    color: #333;
}

.house_detail .buildNum_info .r_con .s_info .table {
    width: 100%;
}

.house_detail .buildNum_info .r_con .s_info .table
    li {
    float: left;
    width: 100%;
}

.house_detail .buildNum_info .r_con .s_info .table .tbd {
    height: 150px;
    overflow: auto;
}

.house_detail .buildNum_info .r_con .s_info .table
    ol li:first-child {
    width: 50%;
}

.house_detail .buildNum_info .r_con .s_info .table
    ol li {
    width: 25%;
    line-height: 24px;
    padding: 3px 0;
    color: #333;
}

.house_detail .build_detail
    table {
    margin-top: 20px;
}

.house_detail .build_detail
    tr {
    border-bottom: 1px solid #eee;
}

.house_detail .build_detail
    td {
    padding: 10px 20px;
}

.house_detail .build_detail
    td span {
    font-size: 16px;
    color: var(--text-more);
}
.house_detail .build_detail .txt {
    color: var(--text-main);
}
/* 新房详情 */
.newhouse_detail {
    padding-bottom: 60px;
}

.newhouse_detail .page_tit {
    background: #f9f9f9;
}

.newhouse_detail .head {
    padding-top: 20px;
}

.newhouse_detail .head
    h2, .newhouse_detail .head .sale_state, .newhouse_detail .head ul {
    float: left;
}

.newhouse_detail .head
    h2 {
    line-height: 50px;
    font-size: 30px;
}

.newhouse_detail .head .sale_state {
    width: 40px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    margin: 14px 6px;
}

.newhouse_detail .head .sale_state.on {
    background: #009944;
}

.newhouse_detail .head .sale_state.for {
    background: #ff6600;
}

.newhouse_detail .head .sale_state.off {
    background: #919191;
}

.newhouse_detail .head .collect_btn {
    float: right;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid var(--btn-main);
    color: var(--btn-main);
    cursor: pointer;
    margin-top: 10px;
    background: var(--btn-main-opy);
}

.newhouse_detail .head .label_list {
    margin-left: 30px;
}

.newhouse_detail .head .label_list
    li {
    float: left;
    margin-left: 10px;
    height: 24px;
    line-height: 24px;
    margin-top: 13px;
    padding: 0 6px;
}

.newhouse_detail
    h3 img {
    vertical-align: middle;
}

.newhouse_detail .label_list .item {
    background: var(--btn-main-opy);
    color: var(--btn-main);
    border: 0 !important;
}

.newhouse_detail .tab_nav {
    height: 70px;
    /*margin-left: -20px;*/
    border-bottom: 1px solid #eee;
}

.newhouse_detail .tab_nav
    li {
    float: left;
    margin-left: 20px;
}

.newhouse_detail .tab_nav
    li a {
    display: block;
    font-size: 15px;
    line-height: 70px;
}

.newhouse_detail .main_info {
    margin-bottom: 30px;
}

.newhouse_detail .main_info .t_box {
    margin-bottom: 20px;
}

.newhouse_detail .house_detail {
    padding-bottom: 0;
}

/* 楼盘快讯 */
.sub_nav {
    width: 1220px;
    height: 40px;
    position: relative;
    margin: 15px auto 0 auto;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.sub_nav .b_l {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #919191;
}

.sub_nav
    li {
    float: left;
}

.sub_nav
    a {
    position: relative;
    z-index: 2;
    width: 100px;
    display: block;
    line-height: 40px;
    text-align: center;
}

.flash {
    padding-bottom: 60px;
}

.flash .leftArea {
    width: 852px !important;
}

.flash .rightArea {
    width: 320px !important;
}

.flash_list
    li {
    float: left;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px dashed #eee;
}

.flash_list
    a {
    display: block;
}

.flash_list .l_img {
    width: 160px;
    height: 110px;
}

.flash_list .l_img
    img {
    display: block;
    width: 100%;
    height: 100%;
}

.flash_list .r_con {
    width: 640px;
}

.flash_list .r_con
    h3 {
    font-size: 20px;
    height: 25px;
    line-height: 25px;
    color: #313131;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.flash_list .r_con .desc {
    margin: 5px 0;
    font-size: 16px;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    color: #999;
}

.flash_list .r_con .f_box
    span {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    color: #bbb;
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.flash_list .r_con .f_box .time {
    background-image: url(../images/icon/icon34.png);
    background-size: 18px;
}

.flash_list .r_con .f_box .view {
    margin-left: 30px;
    background-image: url(../images/icon/icon33.png);
    background-size: 18px;
}

.artc_detail .head {
    border-bottom: 1px solid #eee;
}

.artc_detail .head
    h1 {
    font-size: 24px;
    font-weight: normal;
    color: #333;
}

.artc_detail .head
    span {
    display: block;
    float: left;
    line-height: 40px;
    background-position: left center;
    background-repeat: no-repeat;
    color: #999;
    padding-left: 20px;
}

.artc_detail .head .news_type {
    padding-left: 0;
}

.artc_detail .head .view {
    margin-right: 20px;
    background-image: url(../images/icon/icon33.png);
    background-size: 16px;
}

.artc_detail .head .time {
    margin-left: 20px;
    background-image: url(../images/icon/icon34.png);
    background-size: 16px;
}

.artc_detail .head .share {
    background-image: url(../images/icon/icon36.png);
    background-size: 16px;
}

.artc_detail .con_box {
    padding: 20px 0;
}

.artc_detail .con_box
    img {
    max-width: 100%;
}

.artc_detail .con_box
    em, .artc_detail .con_box i {
    font-style: italic;
}

.artc_detail .con_box
    p {
    font-size: 16px;
    line-height: 200%;
}

.artc_detail .f_share {
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
}

.artc_detail .f_share
    p, .artc_detail .f_share li, .artc_detail .f_share ul {
    float: left;
}

.artc_detail .f_share
    p, .artc_detail .f_share li {
    line-height: 24px;
    height: 24px;
}

.artc_detail .f_share
    li {
    width: 24px;
    text-align: center;
}

.artc_detail .f_share .wb, .artc_detail .f_share .qq, .artc_detail .f_share .rr, .artc_detail .f_share .wx {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.artc_detail .f_share .wb {
    background-image: url(../images/icon/icon38.png);
}

.artc_detail .f_share .qq {
    background-image: url(../images/icon/icon39.png);
}

.artc_detail .f_share .rr {
    background-image: url(../images/icon/icon40.png);
}

.artc_detail .f_share .wx {
    background-image: url(../images/icon/icon41.png);
}

.artc_detail .statement {
    font-size: 13px;
    color: #999;
    text-indent: 2em;
    line-height: 24px;
    padding: 10px 0;
}

.artc_detail .relative_artc .title {
    width: 100%;
    height: 58px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.artc_detail .relative_artc .title
    h3 {
    float: left;
    height: 100%;
    line-height: 58px;
    font-size: 16px;
    font-weight: normal;
    color: #313131;
    padding-left: 19px;
}

.artc_detail .relative_artc .title .more {
    display: block;
    float: right;
    line-height: 58px;
    font-size: 16px;
    color: #f50;
}

.artc_detail .relative_artc .title .b_l {
    position: absolute;
    left: 19px;
    bottom: -1px;
    width: 70px;
    height: 1px;
    z-index: 11;
}

.artc_detail .relative_artc .list {
    padding: 10px 0;
}

.artc_detail .relative_artc .list
    li {
    float: left;
    width: 100%;
}

.artc_detail .relative_artc .list
    li a, .artc_detail .relative_artc .list li span {
    display: block;
    font-size: 16px;
    color: #313131;
    height: 36px;
    line-height: 36px;
}

.artc_detail .relative_artc .list
    li a {
    float: left;
    width: 720px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.artc_detail .relative_artc .list
    li a:hover {
    text-decoration: underline;
}

.artc_detail .relative_artc .list
    li .time {
    float: right;
}

/* 动态列表 */
.dynamic_list
    li {
    padding-left: 126px;
    position: relative;
}

.dynamic_list
    li .l_con {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 126px;
    margin: 30px 0;
}

.dynamic_list
    li .l_con .time {
    width: 80px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    float: left;
}

.dynamic_list
    li .l_con .c_l {
    float: left;
    width: 30px;
    text-align: center;
    font-size: 0;
    height: 100%;
    line-height: 26px;
}

.dynamic_list
    li .l_con .c_l .c {
    font-size: 0;
    padding: 5px;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    text-indent: 9999px;
}

.dynamic_list
    li .l_con .c_l .l {
    display: block;
    position: absolute;
    left: 80px;
    top: 0;
    bottom: 0;
    width: 30px;
    background: url(../images/icon/icon5.png) center top repeat-y;
}

.dynamic_list
    li .r_con {
    padding: 30px 0;
    border-bottom: 1px dashed #999;
}

.dynamic_list
    li .r_con h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
}

.dynamic_list
    li .r_con p {
    font-size: 16px;
    color: var(--text-more);
    line-height: 26px;
    padding: 10px 0;
}

.dynamic_list
    li .r_con a {
    font-size: 16px;
}

/* 新房相册 */
.picture_wrap {
    padding-bottom: 20px;
}

.picture_wrap .list_box {
    margin-left: -20px;
}

.picture_wrap .list_box
    li {
    float: left;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
}

.picture_wrap .list_box
    li img {
    display: block;
    width: 285px;
    height: 205px;
}

/* 新房户型 */
.houseType_wrap {
    padding-bottom: 20px;
}

.houseType_wrap .list_box {
    margin-left: -20px;
}

.houseType_wrap .list_box
    li {
    float: left;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 20px;
}

.houseType_wrap .list_box
    li .img {
    width: 283px;
    height: 203px;
    border: 1px solid #eee;
    position: relative;
}

.houseType_wrap .list_box
    li .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.houseType_wrap .list_box
    li .sale_state {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
}

.houseType_wrap .list_box
    li .sale_state.on {
    background: var(--nav-color);
}

.houseType_wrap .list_box
    li .sale_state.for {
    background: #ff6600;
}

.houseType_wrap .list_box
    li .sale_state.off {
    background: #919191;
}

.houseType_wrap .list_box
    li .con {
    margin-top: 10px;
}

.houseType_wrap .list_box
    li .con p {
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    opacity: .8;
}

.houseType_wrap .list_box
    li .con p span {
    float: right;
}

/* 户型详情 */
.houseType_detail .tab_scroll {
    margin: 30px 0;
    width: 100%;
    height: 56px;
    position: relative;
}

.houseType_detail .tab_scroll .sPrev, .houseType_detail .tab_scroll .sNext {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 56px;
    text-indent: -9999px;
    background: #000000 url(../images/icon/icon35.png) no-repeat 0 center;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 111;
}

.houseType_detail .tab_scroll .sPrev:
    hover, .houseType_detail .tab_scroll .sNext:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.houseType_detail .tab_scroll .sNext {
    left: auto;
    right: 0;
    background-position: -30px center;
}

.houseType_detail .tab_scroll .scroll_wrap {
    width: 1126px;
    margin: 0 auto;
    height: 56px;
    overflow: hidden;
}

.houseType_detail .tab_scroll .scroll_wrap
    li {
    float: left;
    margin-left: 10px;
}

.houseType_detail .tab_scroll .scroll_wrap
    li a {
    display: block;
    width: 112px;
    height: 48px;
    padding: 3px 0;
    border: 1px solid #efefef;
    overflow: hidden;
}

.houseType_detail .tab_scroll .scroll_wrap
    li p {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.houseType_detail .bigImg_slide {
    width: 868px;
    height: 576px;
    position: relative;
    border: 1px solid #eee;
}

.houseType_detail .bigImg_slide .prev, .houseType_detail .bigImg_slide .next {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 30px;
    height: 56px;
    margin-top: -28px;
    text-indent: -9999px;
    background: #000000 url(../images/icon/icon35.png) no-repeat 0 center;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 111;
}

.houseType_detail .bigImg_slide .prev:
    hover, .houseType_detail .bigImg_slide .next:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.houseType_detail .bigImg_slide .next {
    left: auto;
    right: 0;
    background-position: -30px center;
}

.houseType_detail .bigImg_slide .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.houseType_detail .bigImg_slide .pic
    li {
    float: left;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    line-height: 576px;
}

.houseType_detail .bigImg_slide .pic
    li img {
    vertical-align: middle;
    max-height: 570px;
}

.houseType_detail .info_box {
    width: 300px;
}

.houseType_detail .info_box .info_list {
    width: 100%;
}

.houseType_detail .info_box .info_list
    li {
    float: left;
    width: 100%;
}

.houseType_detail .info_box .info_list
    li span {
    display: block;
    float: left;
    font-size: 15px;
    line-height: 36px;
}

.houseType_detail .info_box .info_list
    li span strong {
    font-size: 20px;
}

.houseType_detail .info_box .hotline .tit {
    font-size: 18px;
    line-height: 36px;
    color: var(--btn-more);
}

.houseType_detail .info_box .hotline .num {
    font-size: 24px;
    color: #ff5203;
}

/* 我的问答 */
.question .title {
    border: 1px solid #eee;
    padding: 10px;
    margin: 30px 0 10px;
}

.question .title
    h3 {
    font-size: 20px;
    float: left;
    width: 700px;
    margin-bottom: 10px;
}

.question .title
    a {
    float: right;
    display: block;
    height: 48px;
    width: 120px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.question .title
    a.anser_link {
    background: #1ca459;
}

.question .title .ipt_box {
    display: none;
    float: left;
    width: 100%;
}

.question .title .ipt_box
    textarea {
    float: left;
    width: 100%;
    padding: 4px 10px;
    height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #efefef;
}

.question .title .ipt_box .btn {
    float: right;
    margin: 10px;
    width: 80px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
}

.question .question_list
    li {
    float: left;
    width: 100%;
    padding: 20px 0;
    position: relative;
    border-bottom: 1px dashed #eee;
}

.question .question_list
    li .ask, .question .question_list li .anser, .question .question_list li .time {
    padding-left: 40px;
    width: 610px;
}

.question .question_list
    li .ask {
    background: url(../images/icon/icon43.png) left center no-repeat;
}

.question .question_list
    li .ask a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
}

.question .question_list
    li .ask a:hover {
    text-decoration: underline;
}

.question .question_list
    li .anser {
    margin-top: 10px;
    background: url(../images/icon/icon44.png) left 4px no-repeat;
}

.question .question_list
    li .anser p {
    font-size: 14px;
    line-height: 24px;
    color: var(--text-main);
    opacity: .7;
}

.question .question_list
    li .time {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #919191;
}

.question .question_list
    li .anser_num {
    padding: 10px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--btn-more);
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    right: 0;
}

.question .question_list
    li .anser_num p {
    color: var(--btn-more);
    line-height: 20px;
    text-align: center;
}

.question .question_detail
    li {
    padding: 30px 0;
    float: left;
    width: 100%;
    border-bottom: 1px dashed #e2e2e2;
}

.question .question_detail
    span {
    display: block;
}

.question .question_detail
    a, .question .question_detail .l_img, .question .question_detail .r_con {
    display: block;
    position: relative;
}

.question .question_detail .l_img
    img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.question .question_detail .r_con {
    width: 780px;
    position: relative;
}

.question .question_detail .r_con .name {
    line-height: 22px;
    font-size: 20px;
    color: #333;
}

.question .question_detail .r_con .star_list {
    margin: 0px 20px;
}

.question .question_detail .r_con .star_list
    li {
    width: 22px;
    padding: 0;
    border: 0;
}

.question .question_detail .r_con .anser_txt {
    margin-top: 6px;
    line-height: 24px;
    font-size: 16px;
    color: #666;
}

.comment_list
    li {
    float: left;
    width: 100%;
}

.comment_list
    li .user_toux {
    font-size: 0;
}

.comment_list
    li .user_toux img {
    border-radius: 50%;
    vertical-align: top;
}

.comment_list
    li .r_con {
    margin-left: 30px;
    width: 750px !important;
    height: auto !important;
}

.comment_list
    li .r_con .hd p {
    line-height: 32px;
    font-size: 14px;
    color: #919191;
}

.comment_list
    li .r_con .hd .name {
    font-size: 16px;
    color: #313131;
}

.comment_list
    li .r_con .con p {
    line-height: 25px;
}

.comment_list
    li .r_con .ft {
    padding-top: 10px;
}

.comment_list
    li .r_con .ft .zan_btn {
    display: inline-block;
    padding-left: 20px;
    height: 32px;
    line-height: 32px;
    background: url(../images/icon/icon45.png) left no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
}

.comment_list
    li .r_con .ft .cai_btn {
    display: inline-block;
    padding-left: 20px;
    height: 32px;
    line-height: 32px;
    background: url(../images/icon/bad.png) left no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

.comment_list
    li .r_con .ft .zan_btn.on {
    background-image: url(../images/icon/icon46.png);
}

.comment_list
    li .r_con .ft .cai_btn.on {
    background-image: url(../images/icon/bad-active.png);
}

.comment_list
    li .r_con .ft span {
    color: #666;
}

/* 经纪人详情 */
.agent_detail {
    background: #f0f0f0;
}

.agent_detail .cm_rightArea, .agent_detail .cm_leftArea {
    background: #fff;
    padding-bottom: 60px;
}

.agent_info {
    margin-top: 30px;
}

.agent_info .m_wrap {
    width: 208px;
    margin: 0 auto;
}

.agent_info .toux {
    text-align: center;
    font-size: 0;
}

.agent_info .toux
    img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    vertical-align: top;
    border: 1px solid #eee;
}

.agent_info .btn_row {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.agent_info .btn_row
    a {
    display: inline-block;
    margin: 0 6px;
    width: 84px;
    font-size: 15px;
    color: #333;
    border: 1px solid #eee;
    height: 32px;
    line-height: 32px;
}

.agent_info .phone {
    text-align: center;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    overflow: hidden;
}

.agent_info .info_list {
    margin-top: 20px;
}

.agent_info .info_list
    li {
    float: left;
    width: 100%;
}

.agent_info .info_list
    p {
    font-size: 16px;
    color: #313131;
    line-height: 36px;
}

.agent_info .info_list .star_list
    li {
    width: 22px;
}

.agent_info .label_list {
    display: block;
    margin-top: 10px;
    font-size: 0;
}

.agent_info .label_list .item {
    display: inline-block;
    width: 82px;
    height: 28px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    margin: 6px 10px;
}

/* cm_rightArea */
.cm_rightArea {
    /* 推荐房源 */
    /*推荐楼盘*/
    /* 购房宝典 */
    /* 热文排行 */
    /* 热门楼盘 */
}

.cm_rightArea .mt_73 {
    margin-top: 25px;
}

.cm_rightArea .mt_30 {
    margin-top: 30px;
}

.cm_rightArea .mt_25 {
    margin-top: 25px;
}

.cm_rightArea .pd {
    padding: 0 19px;
}

.cm_rightArea .bd {
    border: 1px solid #ccc;
}

.cm_rightArea .sale_btn {
    display: block;
    width: 100%;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    height: 48px;
    line-height: 48px;
    margin-bottom: 25px;
    font-size: 18px;
}

.cm_rightArea .title {
    width: 100%;
    height: 58px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.cm_rightArea .title
    h3 {
    height: 100%;
    line-height: 58px;
    font-size: 16px;
    font-weight: normal;
    padding-left: 19px;
}

.cm_rightArea .title .b_l {
    position: absolute;
    left: 19px;
    bottom: -1px;
    width: 70px;
    height: 1px;
    z-index: 11;
}

.cm_rightArea .rcmd_house {
    padding: 0 19px;
    border: 1px solid #ccc;
}

.cm_rightArea .rcmd_house .con_box {
    padding: 19px 0;
}

.cm_rightArea .rcmd_house
    li {
    width: 100%;
    float: left;
}

.cm_rightArea .rcmd_house
    a, .cm_rightArea .rcmd_house img {
    display: block;
    width: 100%;
}

.cm_rightArea .rcmd_house
    img {
    height: 160px;
}

.cm_rightArea .rcmd_house .con {
    padding: 12px 0;
}

.cm_rightArea .rcmd_house .row
    p {
    line-height: 32px;
    font-size: 16px;
    color: #313131;
}

.cm_rightArea .rcmd_house .row .type_area {
}

.cm_rightArea .rcmd_house .row
    p.name {
    width: 158px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cm_rightArea .rcmd_build {
    padding: 0 19px;
    border: 1px solid #ccc;
}

.cm_rightArea .rcmd_build .con_box {
    padding: 19px 0;
}

.cm_rightArea .rcmd_build
    ul {
    margin-top: -20px;
}

.cm_rightArea .rcmd_build
    li {
    margin-top: 20px;
}

.cm_rightArea .rcmd_build
    a {
    display: block;
}

.cm_rightArea .rcmd_build
    img {
    display: block;
}

.cm_rightArea .rcmd_build .r_con {
    width: 110px;
}

.cm_rightArea .rcmd_build .r_con
    p {
    color: #919191;
    line-height: 18px;
    height: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cm_rightArea .rcmd_build .r_con .name {
    color: #313131;
}

.cm_rightArea .rcmd_build .r_con
    b {
    font-size: 14px;
}

.cm_rightArea .rcmd_build .r_con .address {
    padding: 13px 0;
}

.cm_rightArea .buy_way {
    padding: 0 19px;
    border: 1px solid #ccc;
}

.cm_rightArea .buy_way .list
    li {
    list-style-position: inside;
    list-style-type: disc;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cm_rightArea .buy_way .list
    a {
    color: #616161;
}

.cm_rightArea .buy_way .list
    a:hover {
    text-decoration: underline;
}

.cm_rightArea .house_klg
    li {
    list-style: none !important;
}

.cm_rightArea .hot_artc {
    padding: 0 19px;
    border: 1px solid #ccc;
}

.cm_rightArea .hot_artc
    li {
    height: 30px;
    margin: 10px 0;
}

.cm_rightArea .hot_artc
    li a, .cm_rightArea .hot_artc li p {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cm_rightArea .hot_artc
    li .name {
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cm_rightArea .hot_artc
    li a {
    display: block;
    padding-left: 30px;
    position: relative;
}

.cm_rightArea .hot_artc
    li a:hover, .cm_rightArea .hot_artc li a:hover .name {
    text-decoration: underline;
}

.cm_rightArea .hot_artc
    li span {
    display: block;
}

.cm_rightArea .hot_artc
    li .order {
    display: block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    color: #fff;
    font-size: 12px;
    background: #cccccc;
}

.cm_rightArea .hot_artc
    li .order.on {
    background: var(--btn-more);
}

.cm_rightArea .hot_build {
    padding: 0 19px;
    border: 1px solid #ccc;
}

.cm_rightArea .hot_build .list {
    padding-bottom: 20px;
    margin-left: -20px;
}

.cm_rightArea .hot_build .list
    li {
    margin-top: 20px;
    float: left;
    width: 130px;
    margin-left: 20px;
}

.cm_rightArea .hot_build .list
    a {
    display: block;
}

.cm_rightArea .hot_build .list .img {
    border: 1px solid #eee;
    padding: 2px;
    width: 124px;
    height: 90px;
}

.cm_rightArea .hot_build .list .img
    img {
    display: block;
    width: 100%;
    height: 100%;
}

.cm_rightArea .hot_build .list .con
    p {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.cm_rightArea .hot_build .list .con
    p.address {
    width: 48px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cm_rightArea .for_anser {
    padding: 0 19px;
    border: 1px solid #ccc;
}

.cm_rightArea .for_anser .con_box {
    padding: 19px 0;
}

.cm_rightArea .for_anser .con_box
    li {
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
}

.cm_rightArea .for_anser
    li a {
    font-size: 14px;
    color: var(--text-main);
    display: block;
    line-height: 24px;
    font-weight: normal;
    margin-top: 8px;
}

.cm_rightArea .for_anser
    li a:hover {
    text-decoration: underline;
}

.cm_rightArea .for_anser
    li p {
    font-size: 13px;
    color: var(--text-more);
    line-height: 40px;
}

.comment-box {
    padding: 0 20px;
}

.comment-head {
    padding: 10px 0;
    margin-top: 30px;
}

.comment-box .comment-head .comment-point,.comment-tag {
    float: left;
}

.comment-box .comment-head
    span {
    font-size: 14px;
}

.comment-box .comment-head
    span i {
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
}

.comment-head .comment-point {
    margin-right: 20px;
}

.comment-head .comment-point
    i {
    width: 18px;
    height: 17px;
    background: url(../images/icon/icon26.png) center center no-repeat;
}

.comment-head .comment-point
    i.on {
    background: url(../images/icon/icon25.png) center center no-repeat;
}

.comment-head .comment-tags
    i {
    padding: 3px 10px;
    border: 1px solid #ccc;
}

.comment-head .comment-tags
    i.on {
    border-width: 1px;
    border-style: solid;
}

.comment-content
    textarea {
    width: 100%;
    height: 150px;
    border: 1px solid #ccc;
    resize: none;
    padding: 10px;
}

.send-btn {
    padding: 5px 20px;
    border: none;
    cursor: pointer;
}

.comment-btn {
    text-align: right;
    padding: 15px 0;
}

.house-status {
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: normal;
}

.house-status-1 {
    background-color: var(--nav-color);
}

.house-status-2 {
    background-color: #31c526;
}

.house-status-3 {
    background-color: #f60;
}

.house-status-4 {
    background-color: var(--text-more);
}

.house-status-5 {
    background-color: var(--btn-more);
}

.phone-text {
    font-size: 14px;
}

.discount {
    width: 730px;
    height: 60px;
    overflow: hidden;
    background-image: url(../images/discount.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    padding: 10px 230px 10px 240px;
    color: #fff;
    line-height: 22px;
    font-size: 14px;
    position: relative;
}

.discount
    a {
    position: absolute;
    display: block;
    width: 170px;
    height: 50px;
    top: 20px;
    right: 20px;
}

/**红包**/
.red-packet {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 42px;
    height: 42px;
    z-index: 99;
    background: url(/static/home/images/icon/hongbao.png) center center no-repeat;
    background-size: 42px;
}

.hb-right {
    position: fixed;
    z-index: 1000;
    right: 5px;
    top: 26%;
    width: 182px;
    height: 184px;
    background-image: url(../../images/pchongbao.png);
    background-size: 100%;
    cursor: pointer;
}

.hb-p1 {
    color: #ffffff;
    font-size: 15px;
    line-height: 40px;
    margin-left: -12px;
    margin-top: 80px;
    text-align: center;
}

.hb-p1
    strong {
    font-weight: bold;
    font-size: 24px;
}

.hb-p2 {
    color: #fff6a6;
    font-size: 14px;
    margin-left: 30px;
}

.detailPopClose {
    cursor: pointer;
    background: url("../images/close.png") no-repeat scroll left center;
    height: 30px;
    position: absolute;
    right: 0;
    top: -30px;
    width: 30px;
}

.house-content {
    line-height: 25px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.house-content
    img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

/**问答**/
.question-left {
    width: 890px;
    float: left;
}

.question-right {
    width: 290px;
    float: right;
    border: 1px solid #ccc;
}

.question {
    margin-bottom: 20px;
}

.question .question-pannel {
    height: 40px;
    border-bottom: 1px dotted #CBCBCB;
    padding: 5px 0;
}

.question .question-pannel
    a {
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}

.question-lists
    li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #CBCBCB;
}

.question-lists
    li dd {
    display: inline-block;
    width: 92px;
}

.question-lists
    li dd:first-child {
    width: 600px;
}

.question-lists
    li .answered {
    width: 40px;
    height: 20px;
    line-height: 20px;
    background: #edfefa;
    border: 1px #a9f7e4 solid;
    font-weight: normal;
    display: block;
    margin: 5px 0;
    text-align: center;
    color: #1eb48f;
    font-size: 12px;
    border-radius: 2px;
}

.question-lists
    li .wait-answer {
    width: 40px;
    height: 20px;
    line-height: 20px;
    background: #edfefa;
    border: 1px #a9f7e4 solid;
    font-weight: normal;
    display: block;
    margin: 5px 0;
    text-align: center;
    color: #f44b00;
    font-size: 12px;
    border-radius: 2px;
}

.question-right-title {
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.question-right-title
    span {
    position: relative;
    display: inline-block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.question-right-lists {
    padding: 10px 5px;
}

.question-right-lists
    li {
    float: left;
    width: 130px;
    padding: 5px;
}

.question-right-lists
    li dl {
    width: 100%;
    text-align: center;
}

.question-right-lists
    li dt {
    height: 85px;
    overflow: hidden;
}

.question-right-lists
    li dl img {
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin: auto auto;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.question-right-lists
    li dd span {
    font-size: 15px;
    font-weight: bold;
    padding: 0 5px;
}

.position-bottom {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
}

.question-house-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ask_show01 {
    border: 1px #ddd solid;
    padding: 20px 25px;
    margin-bottom: 15px;
}

.ask_show01_n1 {
    margin-bottom: 15px;
}

.ask_show01_n1
    h2 {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border-bottom: 1px #ddd solid;
    background: url(../images/icon/ico50.png) 0 5px no-repeat;
    padding: 0 0 4px 26px;
}

.ask_show01_n1
    p {
    line-height: 28px;
    color: var(--text-more);
    font-size: 14px;
}

.ask_show01_n2
    h2 {
    height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
}

.but36 {
    height: 30px;
    line-height: 30px;
    background-color: var(--btn-main);
    font-weight: normal;
    padding: 6px 15px;
    color: #fff;
}
    a.but36 {
    text-decoration: none;
    color: #fff}

.ask_show01_n2
    p {
    margin-bottom: 10px;
}

.submit-btn {
    padding: 6px 15px;
}

.inp09 {
    border: 1px #ddd solid;
    padding: 3px 6px;
    line-height: 24px;
    font-size: 14px;
    width: 98%;
    height: 60px;
}

.ask_show01_n2_sp {
    display: block;
    float: right;
}

.ask_show02 {
    border: 1px #ddd solid;
    padding: 15px;
    margin-bottom: 15px;
}

.ask_show02
    h1 {
    height: 30px;
    font-size: 14px;
    border-bottom: 1px #ddd solid;
    background: url(../images/icon/ico51.png) 0 2px no-repeat;
    padding-left: 24px;
}

.ask_show03 {
    border-bottom: 1px dotted #ccc;
    padding: 15px 0}

.ask_show03_img {
    width: 52px;
    height: 52px;
    border: 1px #ddd solid;
    float: left;
    margin-right: 10px;
}

.ask_show03_t {
    float: left;
    width: 760px;
}

.ask_show03_t
    h2 {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

.ask_show03_t_s1 {
    display: block;
    float: right;
    color: #999;
    margin-bottom: 6px;
}

.ask_show03_t
    p {
    margin: 6px 0;
    color: #7b7b7b}

.ask_show04 {
    margin-bottom: 15px;
    border: 1px #ddd solid;
    padding: 15px;
}

.ask_show04
    h1 {
    font-size: 14px;
}

.ask_show04
    ul {
    margin: 10px 0;
}

.ask_show04
    li {
    height: 32px;
    line-height: 32px;
    border-bottom: 1px dotted #ccc;
}

.ask_show04 .ask_title .more {
    float: right;
    font-weight: 400;
}

.ask_info {
    padding: 8px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-main);
    padding-top: 0px;
    opacity: .8;
}

#ask_answer {
    display: none;
}

.ask_house {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 14px;
}

.ask_house
    a {
    color: var(--btn-more);
    font-weight: bold;
    font-size: 14px;
}

.ask_house
    a:hover {
    text-decoration: underline;
}

.ask_house
    span {
    color: var(--text-more);
    padding: 0px 10px}

.question-answer-number {
    color: var(--btn-more);
    font-size: 14px;
    padding: 0 2px;
}

.house-info {
    padding: 10px 0;
}

.house-info
    dl dt {
    float: left;
    width: 200px;
    margin-right: 10px;
}

.house-info
    dl dt img {
    width: 100%;
    display: block;
}

.house-info
    dd {
    line-height: 30px;
}

.house-info
    dd.price span {
    font-size: 18px;
    color: #D32F2F;
}

.house-info
    dd.title {
    font-size: 16px;
    font-weight: 400;
}

.house-info
    dd.telphone span {
    font-size: 16px;
    color: #D32F2F;
}

.search-tab {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.search-tab
    a i {
    margin-right: 5px;
}

.search-tab
    a {
    display: inline-block;
    position: relative;
    background-color: #eee;
    margin-right: 10px;
    width: 120px;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.search-tab
    a.active {
    border-bottom: 1px solid #fff;
}

.search-tab
    a.active:after {
    font-family: iconfont;
    left: 55px;
    content: "\e6aa";
    position: absolute;
    bottom: -22px;
    font-size: 24px;
}

.house_detail .con_wrap .similar_house .list .ft_con
    p strong i {
    font-size: 14px;
    margin-left: 3px;
}

.houseList_wrap .list_con .price
    strong i {
    font-size: 14px;
}

.house_detail .main_info .con_box .rightArea .price
    strong i {
    font-size: 16px;
    color: #666;
    margin-left: 3px;
}

.top-icon {
    background-color: #D32F2F;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    padding: 0 3px;
    margin-left: 5px;
}

.video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    width: 50px;
    height: 50px;
}

.video-play-btn {
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    background-image: url(../../images/video.png);
    background-size: 50px;
    background-repeat: no-repeat;
}

.house_detail .main_info .con_box .leftArea .l_slide .smallImg
    img.video-play {
    width: 30px;
    height: 30px;
    border: none;
}

.school_lists {
    padding-top: 20px;
}

.school_lists
    li {
    width: 50%;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 20px;
}

.school_lists
    li:nth-child(2n-1) {
    padding-right: 10px;
}

.school_lists
    li:nth-child(2n) {
    padding-left: 10px;
}

.school_lists
    li img {
    width: 180px;
    height: 130px;
    margin-right: 15px;
}

.school_lists
    li h2 {
    font-weight: 400;
    margin-bottom: 5px;
}

.school_lists
    li .school_text {
    line-height: 30px;
    font-size: 14px;
    padding: 5px 0;
}

.school_lists
    li .school_text span {
    padding: 5px 15px;
    color: #f0a0a0;
    background-color: #ffebee;
}

.school_hot
    li {
    line-height: 35px;
}

.school_hot
    li span {
    color: #666;
}

.school_hot
    li a:hover {
    color: #D32F2F;
}

.school_detail {
    padding-top: 20px;
}

.school_detail
    img {
    width: 350px;
}

.school_title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}

.school_detail .school_detail_desc {
    margin-left: 20px;
}

.school_detail .school_detail_desc
    li {
    line-height: 40px;
    color: #333;
}

.school_detail .school_detail_desc
    li i {
    font-size: 16px;
    color: #D32F2F;
    font-weight: 800;
}

.school_detail .school_detail_desc
    li span {
    color: #a3a3a3;
}

.comment-list {
    padding: 20px 0;
}

.comment-list .comment-row {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.comment-list .comment-row-avatar {
    width: 45px;
    height: 45px;
    margin-right: 15px;
}

.comment-list .comment-row-avatar
    img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.comment-list .comment-row-content {
    width: 840px;
}

.comment-list .comment-row .username {
    color: var(--text-more);
    margin-right: 20px;
}

.comment-list .comment-row-integral {
    padding: 5px 0;
}

.comment-list .comment-row-integral .star {
    display: inline-block;
    width: 112px;
    height: 17px;
    background-image: url(../images/icon/star.png);
    background-repeat: no-repeat;
    background-position: 0 -25px;
}

.comment-list .comment-row-integral .star.integral {
    background-position: 0 0;
}

.comment-list .comment-row-per {
    margin-left: 10px;
    opacity: .7;
}

.comment-list .comment-reply {
    text-align: right;
    margin-top: 10px;
}

.comment-list .comment-reply
    em {
    font-size: 12px;
    color: var(--text-more);
}

.comment-list .comment-reply-content {
    margin-top: 10px;
}

.comment-list .comment-reply-content .comment-row {
    border-bottom: none;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.comment-list .comment-reply-content .comment-row-content {
    width: 800px;
}

.comment-list .support {
    background-repeat: no-repeat;
}

.comment-list .reply {
    background-repeat: no-repeat;
    margin-left: 5px;
}

.comment-list .reply-content {
    background-repeat: no-repeat;
    margin-left: 5px;
}

.comment-list .support:
    before {
    font-family: "iconfont";
    content: "\e665";
    font-weight: 500;
    margin-right: 3px;
}

.comment-list .reply:
    before {
    font-family: "iconfont";
    content: "\e61f";
    font-size: 16px;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 3px;
}

.comment-list .reply-content:
    before {
    font-family: "iconfont";
    content: "\e601";
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 3px;
}

.comment-list .comment-row.question-list .comment-row-content {
    width: 900px;
    font-size: 14px;
    color: var(--text-main);
    font-weight: 700;
}

.comment-list .comment-row.question-list {
    border: none;
}

.comment-list .comment-row.question-list .comment-row-content
    span {
    background-color: var(--btn-more);
    font-size: 12px;
    color: #fff;
    padding: 0 2px;
    display: inline-block;
    height: 16px;
    border-radius: 2px;
    line-height: 16px;
    margin-right: 15px;
}

.comment-list .comment-row.question-list .comment-reply-content .comment-row-content {
    width: 800px;
    font-weight: normal;
    opacity: .8;
}

.comment-list .comment-row.question-list .comment-reply-content .comment-row {
    border: none;
}

.comment-list .comment-row.question-list .comment-reply-content {
    border-bottom: 1px solid #f2f2f2;
}

.comment-list .comment-row.question-list .comment-reply-content .comment-row-time {
    margin-bottom: 5px;
}

.comment-avatar {
    display: flex;
    align-items: center;
}

.comment-avatar
    img {
    margin-right: 4px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
}

.comment-list .comment-row {
    padding-top: 20px;
    padding-bottom: 10px;
}

.comment-list .comment-row:
    first-child {
    padding-top: 0;
}

.comment-list .comment-row:
    last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.select-score {
    margin-bottom: 10px;
}

.select-score .select-score-left {
    width: 550px;
}

.select-score .select-score-right {
    padding-left: 30px;
    border-left: 1px solid #ccc;
}

.select-score
    li {
    line-height: 35px;
}

.select-score
    li * {
    vertical-align: middle;
}

.select-score .score-name {
    color: var(--text-more);
}

.select-score .score-grade {
    height: 17px;
}

.select-score .score-grade
    i {
    display: inline-block;
    width: 18px;
    height: 17px;
    background-image: url(../images/icon/icon26.png);
    margin-left: 3px;
    cursor: pointer;
}

.select-score .score-grade
    i.on {
    background-image: url(../images/icon/icon25.png);
}

.select-score .score-desc {
    margin-left: 20px;
}

.color-red {
    color: var(--btn-more);
}

.select-score .select-score-right .score-average {
    font-size: 18px;
}

.select-score .select-score-right .score-average-point {
    font-size: 14px;
}

.select-score .select-score-right .score-average-point
    span {
    font-size: 30px;
}

.select-score .select-score-right .score-average-desc {
    font-size: 12px;
    color: var(--text-more);
}

.verify {
    margin-top: 10px;
}

.verify * {
    vertical-align: middle;
}

.verify
    span,.verify img {
    cursor: pointer;
}

.verify
    input {
    border: 1px solid #efefef;
    width: 100px;
    height: 35px;
    line-height: 30px;
}

.comment-reply-box {
    margin-top: 10px;
    display: none;
}

.comment-reply-box
    textarea {
    border: 1px solid #efefef;
    height: 80px;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
}

.comment-reply-box .btn {
    margin: 10px;
    width: 80px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    background: #d32f2f;
    color: #ffffff;
}

.fix-width {
    width: 1220px;
    margin: 0 auto;
}

.detail-main .position {
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    font-size: 15px;
    color: #9c9c9c;
}

.detail-main .position
    a {
    opacity: .5;
}

.detail-main .house-title {
    width: 100%;
    height: 90px;
    background: #f9f9f9;
}

.detail-main .house-title .house-qrcode {
    width: 70px;
    height: 70px;
    padding-top: 10px;
    margin-right: 25px;
}

.detail-main .house-title .house-qrcode
    img {
    width: 100%;
    height: 100%;
}

.detail-main .house-title .house-tags {
    font-size: 12px;
    color: var(--text-more);
    margin-top: 5px;
}

.detail-main .house-title .house-tags
    h1 {
    font-size: 30px;
    color: var(--text-main);
    max-width: 900px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    margin-bottom: 5px;
}

.detail-main .house-title .house-tags
    span {
    color: var(--btn-main);
    border: 1px solid var(--btn-main);
    background: var(--btn-main-opy);
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 5px;
    font-size: 12px;
}

.detail-main .house-title .house-tags
    span:first-child {
    color: var(--btn-more);
    border: 1px solid var(--btn-more);
    background: var(--btn-more-opy);
}

.detail-main .house-title .house-follow {
    padding-top: 55px;
    color: #7699cc;
    font-size: 14px;
}

.detail-main .house-title .house-follow
    a {
    color: var(--btn-main);
}

.detail-main .house-title .house-follow .follow:
    before {
    font-family: "iconfont";
    content: "\e665";
    font-size: 15px;
    margin-right: 3px;
    vertical-align: middle;
}

.detail-main .house-title .house-follow .follow.on:
    before {
    content: "\e641";
    color: #D32F2F;
}

.detail-main .house-title .house-follow .follow.on {
    color: #D32F2F;
}

.detail-main .house-title .house-follow .subscribe:
    before {
    font-family: "iconfont";
    content: "\e671";
    font-size: 13px;
    margin-right: 3px;
}

.detail-main .fix-header {
    width: 100%;
    height: 54px;
    display: none;
    position: fixed;
    z-index: 99999;
    background-color: #303035;
    top: 0;
}

.detail-main .fix-header .house-nav {
    font-size: 0;
}

.detail-main .fix-header .house-nav
    li {
    font-size: 14px;
    display: inline-block;
    width: 100px;
    text-align: center;
    line-height: 50px;
}

.detail-main .fix-header .house-nav
    li a {
    color: #9399a5;
    display: inline-block;
    height: 50px;
    box-sizing: border-box;
}

.detail-main .fix-header .house-nav
    li.active a {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.detail-main .fix-header .house-nav
    li.last {
    width: auto;
    float: right;
    color: #fff;
    font-size: 16px;
    font-family: Georgia;
}

.detail-main .fix-header .house-nav
    li.last i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.detail-info {
    margin: 35px 0 20px 0}

.detail-info .slides-box {
    width: 750px;
    height: 450px;
}

.detail-info .slides-box .slides-big-box {
    position: relative;
    width: 750px;
    height: 450px;
    margin-bottom: 10px;
    line-height: 450px;
    overflow: hidden;
}

.detail-info .slides-box .slides-big-box
    li {
    text-align: center;
    overflow: hidden;
}

.detail-info .slides-box .slides-big-box
    li img {
    max-width: 750px;
    max-height: 450px;
    height: 450px;
}

.detail-info .slides-box .slides-big-box.width650
    li img {
    max-width: 650px;
    width: 650px;
}

.detail-info .slides-box .slides-big-box .slides-icon {
    display: inline-block;
    width: 40px;
    height: 80px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
}

.detail-info .slides-box .slides-big-box
    a.slides-big-left {
    left: 0;
    background-color: #333;
    opacity: .5;
    background-image: url(../images/arrow_left04.png);
    background-repeat: no-repeat;
    background-position: center;
}

.detail-info .slides-box .slides-big-box
    a.slides-big-right {
    right: 0;
    background-color: #333;
    opacity: .5;
    background-image: url(../images/arrow_right04.png);
    background-repeat: no-repeat;
    background-position: center;
}

.detail-info .slides-box .slides-small-box {
    width: 750px;
    height: 130px;
}

.detail-info .slides-box .slides-small-box
    li {
    position: relative;
    float: left;
    margin-right: 20px;
}

.detail-info .slides-box .slides-small-box
    li img {
    width: 180px;
    height: 130px;
}

.detail-info .slides-box .slides-small-box
    li:last-child {
    margin-right: 0;
}

.detail-info .slides-box .slides-small-box
    li.nomargin {
    margin-right: 0;
}

.detail-info .slides-box .slides-small-box
    li h2 {
    position: absolute;
    font-weight: 300;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    background-color: rgba(0,0,0,.5);
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 100%;
}

.detail-info .slides-box.width650, .detail-info .slides-box .slides-big-box.width650, .detail-info .slides-box .slides-small-box.width650, .detail-info .slides-box.width650 .slides-small {
    width: 650px;
}

.detail-info .slides-box .slides-small-box.width650
    li {
    margin-right: 10px;
    width: 155px;
    height: 130px;
    overflow: hidden;
}

.detail-info .slides-box .slides-small-box.width650
    li img {
    width: 155px;
}

.detail-info .slides-box .slides-small-box.width650
    li img.video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
}

.detail-info .slides-box .slides-small {
    width: 750px;
    height: 130px;
    overflow: hidden;
    position: relative;
}

.detail-info .slides-box .slides-small .prev, .detail-info .slides-box .slides-small .next {
    position: absolute;
    z-index: 9;
    color: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 130px;
    display: inline-block;
    height: 130px;
    width: 30px;
    background-color: rgba(0,0,0,.3);
}

.detail-info .slides-box .slides-small .next {
    right: 0;
}

.detail-info .detail-house-info {
    width: 380px;
    height: 590px;
    box-shadow: 1px 1px 5px #ccc;
    padding: 0 20px;
    margin-bottom: 20px;
}

.detail-info .detail-house-info .house-price {
    font-size: 40px;
    color: #D32F2F;
}

.detail-info .detail-house-info .house-price .price-btn {
    display: inline-block;
    float: right;
    background-color: #fff;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #e91c35;
    font-size: 18px;
    margin-top: 5px;
    border-radius: 5px;
}

.detail-info .detail-house-info .house-price
    span, .detail-info .detail-house-info .house-price i {
    font-size: 30px;
}

.detail-info .detail-house-info .house-price
    a {
    float: right;
    font-size: 12px;
    color: #7699cc;
    margin-top: 20px;
}

.detail-info .detail-house-info .house-price
    a.blue {
    font-size: 14px;
    color: #7699cc;
}

.detail-info .detail-house-info .house-price
    a.blue.active {
    font-size: 14px;
    color: #e91c35;
}

.detail-info .detail-house-info .house-price
    a i {
    font-size: 12px;
}

.detail-info .detail-house-info .house-first-pay {
    margin-top: 20px;
}

.detail-info .detail-house-info .tags
    span {
    background-color: #fff1f1;
    color: #fb7475;
    font-size: 12px;
    padding: 2px 5px;
    margin-right: 5px;
}

.detail-info .new-house-info {
    width: 550px;
    float: right;
    box-sizing: border-box;
}

.detail-info .new-house-info .house-price {
    font-size: 18px;
    color: var(--btn-more);
}

.detail-info .news-house-right-top {
    padding-left: 15px;
    padding-top: 5px;
    background: #f9f9f9;
    margin-left: 30px;
}

.detail-info .new-house-info .house-price
    span {
    font-size: 16px;
}

.detail-info .new-house-info .house-price
    em {
    font-size: 30px;
    margin-right: 5px;
    font-family: fantasy;
}

.detail-info .new-house-info .house-price-timeout {
    font-size: 12px;
    padding-bottom: 10px;
    color: var(--text-main);
    opacity: .6;
}

.detail-info .new-house-info .house-price-timeout
    span {
    font-size: 14px;
}

.detail-info .new-house-info .house-price-tool {
    text-align: right;
    font-size: 14px;
    color: #607D8B;
    padding-top: 20px;
    margin-right: 20px;
}

.detail-info .new-house-info .house-price-tool
    a {
    color: var(--btn-main);
    font-size: 13px;
}

.detail-info .new-house-info .news-house-box {
    padding: 0 30px;
    margin-top: 5px;
    width: 490px;
    height: 516px;
}

.detail-info .new-house-info .news-house-box .time {
    font-size: 16px;
    color: #e91c35;
    margin-top: 20px;
}

.detail-info .new-house-info .news-house-box .time
    i {
    background-color: #e91c35;
    padding: 1px 2px;
    color: #fff;
    margin: 0 2px;
}

.detail-info .new-house-info .news-house-base {
    margin-top: 15px;
}

.detail-info .new-house-info .news-house-base
    li {
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-more);
    font-size: 16px;
}

.detail-info .new-house-info .news-house-base
    li label {
    opacity: .7;
    font-size: 14px;
}

.detail-info .new-house-info .news-house-base
    li a {
    color: var(--btn-main);
    margin-left: 8px;
}

.detail-info .new-house-info .news-house-base
    li span {
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-main);
    opacity: .7;
}

.detail-info .new-house-info .news-house-base
    li span a {
    color: #6d798c;
}

.detail-info .new-house-info .new-house-telphone {
    margin-top: 10px;
}

.detail-info .new-house-info .new-house-telbox {
    color: var(--btn-more);
    font-size: 32px;
    font-family: fantasy;
}

.detail-info .new-house-info .new-house-telbox
    span {
    padding: 2px 5px;
    margin-right: 20px;
    border-radius: 2px;
}

.detail-info .new-house-info .new-house-telbox
    span i {
    font-size: 30px;
}

.detail-info .new-house-info .new-house-telqrcode {
    position: relative;
    margin-top: 14px;
}

.detail-info .new-house-info .new-house-telqrcode
    span {
    border-radius: 2px;
    border: 1px solid var(--btn-main);
    color: var(--btn-main);
    font-size: 14px;
    background: var(--btn-main-opy);
    padding: 10px 16px;
}

.detail-info .new-house-info .new-house-qrcode {
    position: absolute;
    display: none;
    color: #425571;
    text-align: center;
    padding-top: 20px;
    top: 27px;
    left: 0;
    width: 115px;
    height: 117px;
    background-image: url(../images/qrcode-tel-bg.png);
    background-repeat: no-repeat;
}

.detail-info .new-house-info .new-house-qrcode
    img {
    width: 110px;
    height: 110px;
    margin-top: 3px;
}

.detail-info .new-house-info .new-house-telqrcode:
    hover .new-house-qrcode {
    display: block;
}

.detail-info .new-house-info .consult-now {
    margin-top: 30px;
    width: 100%;
    height: 65px;
    text-align: center;
    line-height: 65px;
    font-size: 24px;
    border-radius: 5px;
}

.detail-info .new-house-info .consult-now.special {
    margin-top: 18px;
    height: 50px;
    line-height: 50px;
}

.detail-info .new-house-info .news-house-base.special
    li {
    height: 35px;
    overflow: hidden;
}

.detail-info .detail-house-info .broker-info .address {
    font-size: 14px;
    color: #425571;
    padding-bottom: 15px;
    line-height: 30px;
    line-height: 1;
}

.detail-info .detail-house-info .broker-info .address
    i {
    font-size: 20px;
    color: #e91c35;
}

.detail-info .detail-house-info .broker-info .address
    span {
    display: inline-block;
    width: 290px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-info .detail-house-info .broker-info .address
    a {
    color: #688cc1;
}

.detail-info .detail-house-info .house-tag-box {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-top: 10px;
    padding-top: 20px;
}

.detail-info .detail-house-info .house-tag-box
    li {
    width: 33.33%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
    font-size: 14px;
    color: #cccccc;
}

.detail-info .detail-house-info .house-tag-box
    li .house-tag {
    font-size: 18px;
    color: #425571;
    padding-top: 18px;
}

.detail-info .detail-house-info .broker-info {
    padding-top: 30px;
}

.detail-info .detail-house-info .broker-info .broker-avatar {
    width: 200px;
}

.detail-info .detail-house-info .broker-info .broker-avatar
    img {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    float: left;
    border-radius: 50%;
}

.detail-info .detail-house-info .broker-info .broker-avatar
    p {
    color: #425571;
}

.detail-info .detail-house-info .broker-info .broker-avatar .broker-name {
    font-size: 18px;
    padding: 5px 0 10px;
}

.detail-info .detail-house-info .broker-info .broker-qrcode-phone {
    width: 100px;
    color: #425571;
    font-size: 12px;
    text-align: center;
}

.detail-info .detail-house-info .broker-info .broker-qrcode-phone
    img {
    width: 100px;
    height: 100px;
}

.detail-info .detail-house-info .house-telphone {
    font-size: 20px;
    color: #e91c35;
    padding-left: 10px;
    margin-top: 10px;
}

.detail-info .detail-house-info .house-telphone
    i {
    font-size: 20px;
}

.detail-info .detail-house-info .house-consult {
    padding: 0 10px;
    margin-top: 20px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.detail-info .detail-house-info .house-consult
    a {
    display: block;
    background-color: #e91c35;
    color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #ccc;
    font-size: 18px;
}

.detail-info .detail-house-info .house-first-pay
    em {
    display: inline-block;
    padding: 0 8px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #D32F2F;
    border-radius: 25px;
    color: #D32F2F;
}

.bmf {
    background: url(../images/bmf.png) left top;
    padding-bottom: 5px;
    margin: 25px 0px 25px 0px;
}

.bmfa {
    text-align: center;
    height: 100px;
    width: 240px;
    border-right: 1px dashed #FF801a;
    margin-top: 27px;
}

.bmfb {
    width: 670px;
    padding: 10px 10px 0 30px;
}

.bmfb1 {
    font-size: 19px;
    font-weight: bold;
    color: #FFFFFF}

.bmfb2
    span {
    display: block;
    float: left;
    padding-left: 35px;
    margin-right: 15px;
    height: 30px;
    line-height: 30px;
    color: #FFFF00;
}

.bmfb2a {
    background: url(../images/bnmfIcon1.png) no-repeat left center;
}

.bmfb2b {
    background: url(../images/bnmfIcon2.png) no-repeat left center;
}

.bmfb2c {
    background: url(../images/bnmfIcon3.png) no-repeat left center;
}

.bmfb3 {
    float: left;
    color: #fff;
}

.bmfb3
    u {
    text-decoration: none;
    display: block;
    float: left;
    color: #ffffff;
}

.bmfb3 .end-date .pri-txt
    span {
    margin: 0 10px;
    border-radius: 4px;
    background: #4f4242;
    padding: 0 3px;
    text-align: center;
    color: #ffffff;
}

.bmfb3 .bmrs {
    margin-left: 30px;
    color: #fff;
    height: 24px;
    line-height: 24px;
    padding-right: 5px;
    padding-left: 24px;
    background: url(images/hongbao/bnmfIcon6.png) no-repeat left center;
}

.bmfc {
    margin-top: 20px;
    width: 230px;
    height: 100px;
    border-left: 1px dashed #FF801a;
}

.bmfc
    a {
    display: block;
    width: 207px;
    height: 58px;
    background: url(../images/qgBtn.png) no-repeat;
    font-size: 30px;
    color: #501103;
    text-align: center;
    line-height: 58px;
    margin: 20px 0 0 19px;
}

.bmfc
    a:hover {
    text-decoration: none;
}

.detail-content {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
}

.detail-left {
    width: 920px;
}

.detail-left .detail-row {
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0px 0px 5px #eee;
}

.detail-left .detail-row .title {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #f2f2f2;
}

.detail-left .detail-row .title
    a {
    font-size: 14px;
    color: var(--text-more);
}

.detail-left .detail-row .title
    a.more:after {
    font-family: "iconfont";
    content: "\e603";
}

.detail-left .detail-row .news-lists
    li {
    border-bottom: 1px dashed #f0f0f0;
    padding: 15px 0;
}

.detail-left .detail-row .news-lists
    li:last-child {
    border-bottom: 0;
}

.detail-left .detail-row .news-lists
    li h2 {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
}

.detail-left .detail-row .news-lists
    li h2 span {
    font-size: 12px;
    color: var(--text-more);
    margin-left: 20px;
    opacity: .7;
}

.detail-left .detail-row .news-lists
    li p {
    color: var(--text-more);
    line-height: 24px;
    margin-top: 10px;
}

.detail-left .detail-row .news-lists
    li h2 em {
    border: 1px solid var(--btn-more);
    color: var(--btn-more);
    background: var(--btn-more-opy);
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 4px;
    margin-right: 20px;
    opacity: .8;
}

.detail-left .detail-row .room-count {
    margin-right: 20px;
    margin-top: -3px;
}

.detail-left .detail-row .room-count
    a {
    color: var(--text-main);
    margin-left: 10px;
    font-size: 15px;
    opacity: .7;
}

.detail-left .detail-row .room-lists {
    padding-bottom: 30px;
}

.detail-left .detail-row .room-lists .room-row {
    margin-top: 30px;
}

.detail-left .detail-row .room-lists .room-row .pic-box {
    width: 180px;
    height: 135px;
    margin-right: 20px;
    position: relative;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.detail-left .detail-row .room-lists .room-row .pic-box
    img {
    width: 100%;
    height: 100%;
}

.detail-left .detail-row .room-lists .room-row .pic-box
    span {
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 12px;
    padding: 2px 5px;
    background-color: rgba(0, 0, 0, .4);
    color: #ffffff;
    border-bottom-right-radius: 10px;
}

.detail-left .detail-row .room-lists .room-row .room-info {
    width: calc(100% - 200px);
}

.detail-left .detail-row .room-lists .room-row .room-info
    h2 {
    font-size: 16px;
    border-bottom: 1px solid #f2f2f2;
    line-height: 30px;
}

.detail-left .detail-row .room-lists .room-row .room-info
    ul {
    font-size: 0;
    padding: 10px 0;
}

.detail-left .detail-row .room-lists .room-row .room-info
    ul li {
    display: inline-block;
    width: 25%;
    font-size: 18px;
    color: #2e2e2e;
}

.detail-left .detail-row .room-lists .room-row .room-info
    ul li h3 {
    font-weight: normal;
}

.detail-left .detail-row .room-lists .room-row .room-info
    ul li p {
    font-size: 14px;
    color: var(--text-more);
}

.detail-left .detail-row .room-lists .room-row .room-info
    ul li:first-child h3 {
    color: var(--btn-more);
}

.detail-left .detail-row .room-lists .room-row .room-info .suanjia
    a {
    font-size: 14px;
    color: var(--text-main);
}

.detail-left .detail-row .room-lists .room-row .room-info .suanjia
    button {
    float: right;
    width: 90px;
    height: 36px;
    background-color: var(--btn-more);
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.detail-left .detail-row .photo-lists {
    font-size: 0;
    padding-bottom: 20px;
}

.detail-left .detail-row .photo-lists
    li {
    width: 204px;
    height: 186px;
    margin-top: 20px;
    float: left;
    text-align: center;
    font-size: 14px;
    margin-right: 20px;
    display: inline-block;
}

.detail-left .detail-row .photo-lists
    li img {
    width: 100%;
    height: 160px;
}

.detail-left .detail-row .photo-lists
    li:nth-child(4n) {
    margin-right: 0;
}

.detail-left .detail-row .base-info {
    padding-top: 20px;
}

.detail-left .detail-row .base-info
    li {
    width: 50%;
    float: left;
    position: relative;
    font-size: 14px;
    color: var(--text-main);
    min-height: 40px;
    line-height: 20px;
    padding-left: 90px;
    box-sizing: border-box;
}

.detail-left .detail-row .base-info
    li label {
    position: absolute;
    left: 0;
    color: var(--text-more);
}

.detail-left .detail-row .base-info
    li.industry span {
    margin-right: 5px;
}

.detail-left .detail-row .house-info {
    font-size: 14px;
    color: #425571;
    line-height: 24px;
}

.detail-left .detail-row .house-info
    img {
    max-width: 900px;
}

.detail-left .detail-row .pano-box {
    padding-top: 20px;
    padding-bottom: 20px;
}

.map-box {
    margin-top: 20px;
    padding-bottom: 20px;
    width: auto;
    height: 450px;
    position: relative;
}

.map-box #map {
    width: 880px;
    height: 400px;
}

.map-box .map-label {
    height: 100px;
    width: 170px;
    position: absolute;
    background-image: url(../images/map-label-bg.png);
    background-repeat: no-repeat;
    background-position: -2px;
}

.map-box .map-label
    h2 {
    padding: 0 5px;
    box-sizing: border-box;
    width: 135px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
}

.map-box .map-label .map-label-price {
    text-align: center;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 14px;
    color: var(--text-main);
    padding-right: 33px;
    position: absolute;
    top: 35px;
    width: 100%;
}

.map-box .map-label .map-label-price
    span {
    font-size: 18px;
    color: #e91c35;
}

.map-box .map-mart {
    position: absolute;
    font-size: 14px;
    top: 0px;
    right: 0px;
    background-color: #fff;
    width: 300px;
    height: 400px;
}

.map-box .map-mart .map-mart-title {
    height: 45px;
    line-height: 45px;
}

.map-box .map-mart .map-mart-title
    a {
    display: inline-block;
    width: 47px;
    text-align: center;
    color: var(--text-main);
}

.map-box .map-mart .map-mart-lists {
    padding: 0 15px;
    height: 350px;
    overflow-y: auto;
}

.map-box .map-mart .map-mart-lists
    li i {
    width: 20px;
    height: 38px;
    display: inline-block;
    vertical-align: top;
    background-image: url(../images/map-qipao.png);
    background-repeat: no-repeat;
    background-size: 16px;
    margin-right: 5px;
    background-position: center bottom;
    text-align: center;
    color: #fff;
}

.map-box .map-mart .map-mart-lists
    li {
    height: 40px;
    line-height: 48px;
    cursor: pointer;
    overflow: hidden;
}

.map-box .map-mart .map-mart-lists
    li .text {
    width: 130px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
}

.mart-info
    li {
    width: 16.6%;
    float: left;
    height: 60px;
    line-height: 60px;
}

.mart-info
    li img {
    width: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.width1200 .map-box {
    width: 1220px;
}

.width1200 .map-box #map {
    width: 1220px;
}

.detail-right {
    width: 265px;
}

.detail-right .news-guide {
    padding: 0 15px;
}

.detail-right .news-guide .news-guide-title {
    font-size: 18px;
    color: #1d334a;
    height: 60px;
    line-height: 60px;
}

.detail-right .news-guide .news-guide-title
    a {
    color: #919090;
    font-size: 12px;
}

.detail-right .news-guide .news-guide-lists .pic-box {
    width: 65px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.detail-right .news-guide .news-guide-lists .pic-box
    img {
    width: 100%;
    height: 100%;
}

.detail-right .news-guide .news-guide-lists
    li {
    margin-bottom: 15px;
    font-size: 14px;
}

.detail-right .news-guide .news-guide-lists
    li a {
    color: #1d1d1d;
}

.detail-right .news-guide .news-guide-lists
    li a:hover {
    color: #e91c35;
}

.detail-right .news-guide .news-guide-lists
    li h3 {
    font-weight: normal;
    font-size: 12px;
}

.detail-right .float-layer {
    width: 100%;
    position: relative;
    z-index: 999;
}

.detail-right .right-row {
    width: 245px;
    background-color: #fff;
    padding: 10px 20px;
    box-shadow: 0px 0px 5px #eee;
}

.detail-right .right-row.fix {
    position: fixed;
    top: 55px;
}

.detail-right .right-row.absolute {
    position: absolute;
}

.detail-right .right-row
    h2 {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #f2f2f2;
}

.detail-right .right-row
    h2 span {
    font-size: 12px;
    color: var(--text-more);
}

.detail-right .right-form {
    padding-top: 20px;
}

.detail-right .right-form .form-type
    label {
    margin-right: 30px;
    font-size: 15px;
}

.detail-right .right-form .form-type
    p {
    line-height: 30px;
}

.detail-right .right-form .form-input .input-txt {
    height: 42px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    width: calc(100% - 4px);
    padding: 0 10px;
    box-sizing: border-box;
    margin: 15px 2px 5px 2px;
    font-size: 15px;
}

.detail-right .right-form .button {
    margin-top: 15px;
    padding-bottom: 15px;
}

.detail-right .right-form .button
    button {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    cursor: pointer;
}

.detail-right .right-house
    h2 {
    font-size: 18px;
}

.detail-right .right-house
    h2 span {
    font-size: 12px;
    background-color: var(--btn-more);
    color: #fff;
    padding: 0 3px;
    border-radius: 2px;
}

.detail-right .right-house .layer-price {
    font-size: 16px;
    color: var(--btn-more);
}

.detail-right .right-house .house-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail-right .right-box-title {
    width: 56%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}

.detail-right .right-house .layer-price
    span {
    font-size: 12px;
}

.detail-right .right-house .telphone {
    text-align: center;
    padding: 10px 0 30px;
}

.detail-right .right-house .telphone
    span {
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 16px;
}

.detail-right .right-house .telphone
    span i {
    font-size: 18px;
    vertical-align: middle;
}

.detail-right .right-house .qrcode {
    text-align: center;
    padding-top: 12px;
    font-size: 16px;
}

.detail-right .right-house .qrcode
    img {
    width: 140px;
    height: 140px;
    margin-top: 10px;
}

.excellent-house .excellent-box {
    width: 100%;
    overflow: hidden;
}

.excellent-house .excellent-title {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
}

.excellent-house .row-lists
    li {
    width: 290px;
    margin-right: 15px;
    height: 300px;
    background-color: #fff;
    float: left;
}

.excellent-house .row-lists
    li:last-child {
    margin: 0;
}

.excellent-house .row-lists
    li .pic-box {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.excellent-house .row-lists
    li .pic-box img {
    width: 100%;
    height: 100%;
}

.excellent-house .row-lists
    li .pic-box .house-title {
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    padding-left: 15px;
    background-color: rgba(0,0,0,.3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.excellent-house .row-lists
    li a {
    color: #fff;
}

.excellent-house .row-lists
    li .padding-left-20 {
    padding: 0 10px;
}

.excellent-house .row-lists .house-price-box {
    height: 35px;
    line-height: 35px;
    font-size: 18px;
}

.excellent-house .row-lists .house-address {
    color: var(--text-more);
    font-size: 14px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.excellent-house .row-lists .house-tags {
    white-space: nowrap;
    padding-top: 5px;
    height: 30px;
    width: 260px;
}

.excellent-house .row-lists .house-tags
    span {
    border: 1px solid var(--btn-main);
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 15px;
    color: var(--btn-main);
    margin-right: 5px;
    display: inline-block;
    max-width: 60px;
    overflow: hidden;
    background: var(--btn-main-opy);
    text-overflow: ellipsis;
}

.excellent-house .slide-pages {
    margin: 30px 0;
    height: 9px;
    text-align: center;
}

.excellent-house .slide-pages
    li {
    float: none;
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    background-image: url(../images/slides-circle.png);
    background-repeat: no-repeat;
}

.excellent-house .slide-pages
    li.on {
    background-position: -17px 0;
}

.excellent-house .excellent-box .pic-box {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.excellent-house .excellent-box .pic-box
    img {
    width: 100%;
    height: 100%;
}

.excellent-house .excellent-box .pic-box
    h2 {
    height: 50px;
    line-height: 50px;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.excellent-house .excellent-box .second-title {
    font-size: 20px;
    color: #425571;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.excellent-house .excellent-box .price {
    font-size: 18px;
    color: #e91c35;
    padding: 5px 0 5px 10px;
}

.excellent-house .excellent-box .room {
    color: #425571;
    padding-left: 10px;
    padding-bottom: 5px;
}

.excellent-house .excellent-box .address {
    color: #a0a0a0;
    padding-left: 10px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.excellent-house .excellent-box .excellent-lists
    li {
    width: 295px;
    height: 350px;
    margin-right: 10px;
    font-size: 14px;
    float: left;
    background-color: #fff;
}

.excellent-house .excellent-box .excellent-lists
    li .row {
    border: 1px solid #F4F4F4;
    box-shadow: 1px 1px 10px #F4F4F4;
    height: 100%;
}

.excellent-house .excellent-box .excellent-lists.estate
    li {
    width: 292px;
    margin-left: 10px;
    margin-right: 0;
}

.excellent-house .excellent-box .excellent-lists.estate
    li:first-child {
    margin-left: 0;
}

.detail-info .new-house-info .news-house-base.col2
    li {
    width: 50%;
    float: left;
}

.detail-info .new-house-info .news-house-base
    li.col1 {
    width: 100%;
}

.detail-row .second-box {
    padding: 10px 0;
}

.detail-row .second-box
    li {
    width: 210px;
    height: 200px;
    float: left;
    margin-right: 20px;
}

.detail-row .second-box
    li:nth-child(4n) {
    margin-right: 0;
}

.detail-row .second-box
    li .img {
    position: relative;
    height: 150px;
    width: 100%;
    margin-bottom: 10px;
}

.detail-row .second-box
    li .img .mask {
    width: 100%;
    box-sizing: border-box;
}

.detail-row .second-box
    li .img img {
    width: 100%;
}

.detail-row .second-box
    li .img .name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-row .second-box
    li .price {
    color: #D32F2F;
}

.excellent-house .row-lists.height265
    li {
    height: 265px;
}

.detail-right .recommon-house {
    padding-bottom: 15px;
}

.detail-right .recommon-house
    li {
    margin-top: 15px;
}

.detail-right .recommon-house
    li .pic-box {
    float: left;
    width: 100px;
    height: 75px;
}

.detail-right .recommon-house
    li .pic-box img {
    width: 100%;
    height: 100%;
}

.detail-right .recommon-house
    li .info {
    float: left;
    margin-left: 10px;
    width: 135px;
}

.detail-right .recommon-house
    li .info h3 {
    white-space: nowrap;
    color: #333;
}

.detail-right .recommon-house
    li .info p {
    margin-top: 5px;
}

.detail-right .recommon-house
    li .info p span {
    color: #D32F2F;
}

.disclaimer {
    padding-bottom: 30px;
}

.disclaimer .title {
    padding-left: 14px;
    line-height: 1;
    font-size: 12px;
    color: #394043;
    font-weight: 700;
    background: url(../../images/icon_warning.png) left 2px no-repeat;
    background-size: 11px 13px;
    opacity: .7;
    padding-bottom: 12px;
}

.disclaimer .content {
    color: #ced2d6;
    text-align: justify;
    font-size: 12px;
}

.disclaimer .content .strong {
    color: #2196f3;
    cursor: pointer;
}

.BMap_cpyCtrl.BMap_noprint.anchorBL
    span{ 
     color: #f5f3f0;
    opacity: .0;
}

.anchorBL {
    opacity: 0;
};
}

.build_list li .ft .area, .build_list li .ft .type_area {
    width: 104px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-left-list {
    margin-top: 15px;
}

.news-left-list li {
    float: left;
}

.news-left-list li:first-child {
    margin-right: 20px;
}

/* 房产资讯 */
.house_news {
    /*width: 250px;*/
}

.house_news .hd h3 {
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}

.house_news .hd .more {
    display: block;
    float: right;
    line-height: 24px;
    color: var(--text-more);
}

.house_news .list {
    height: 410px;
    margin-top: 5px;
    overflow: auto;
}

.house_news .list h4 {
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.house_news .list ol a {
    display: block;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #616161;
}

.house_news .list ol a:hover {
    text-decoration: underline;
}

/* 楼盘导购 */
.build_shoppers {
    /* 购房宝典 && 房产百科 */
}

.build_shoppers .content h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 100%;
}

.margin-right-120 {
    margin-right: 120px;
}

.build_shoppers .l_box {
    /*width: @w;*/
    /*  看房团 */
    /* 预约看房 */
}

.build_shoppers .l_box .look_team .list {
    margin: 16px 0;
    height: 104px;
    overflow: hidden;
}

.build_shoppers .l_box .look_team li .name, .build_shoppers .l_box .look_team li .time {
    display: block;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    color: #616161;
}

.build_shoppers .l_box .look_team li .name {
    float: left;
    width: 140px;
}

.build_shoppers .l_box .look_team li .name:hover {
    text-decoration: underline;
}

.build_shoppers .l_box .look_team li .time {
    width: 80px;
}

.build_shoppers .l_box .appoint .form_box .sct {
    margin-top: 13px;
}

.build_shoppers .l_box .appoint .form_box .sct_ipt {
    width: 230px;
}

.build_shoppers .l_box .appoint .form_box .sct_ipt .ipt {
    width: 208px;
}

.build_shoppers .l_box .appoint .form_box .btn_area {
    width: 230px;
}

.build_shoppers .r_box .list {
    margin-top: 16px;
    height: 140px;
    overflow: hidden;
}

.build_shoppers .r_box .list li {
    list-style-position: inside;
    list-style-type: disc;
    list-style-color: #eee;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.build_shoppers .r_box .list a {
    color: #616161;
}

.build_shoppers .r_box .list a:hover {
    text-decoration: underline;
}

.build_shoppers .r_box .house_klg {
    margin-top: 20px;
}

.sed_house .head h2 {
    background: url(../images/icon/icon9.png) left center no-repeat;
    margin-bottom: 10px;
}

.sed_house .ads_img {
    height: 392px;
}

.sed_house .ads_img a, .sed_house .ads_img img {
    display: block;
    width: 100%;
    height: 100%;
}

.sed_house .top_director .list li {
    margin-top: 25px;
}

.sed_house .top_director .list .tx_img {
    width: 50px;
    height: 50px;
    font-size: 0;
}

.sed_house .top_director .list .tx_img img {
    display: block;
    border-radius: 50%;
}

.sed_house .top_director .list .c_con {
    margin-left: 6px;
}

.sed_house .top_director .list .r_con {
    text-align: right;
}

.sed_house .top_director .list p {
    font-size: 12px;
    line-height: 25px;
    color: #919191;
}

.sed_house .top_director .list .name {
    font-size: 16px;
    color: #313131;
    font-weight: bold;
}

.sed_house .top_director .list .mark b {
    font-weight: bold;
    font-size: 16px;
}

.sed_house .top_director .ft_link {
    margin-top: 19px;
}

.sed_house .top_director .ft_link a {
    display: block;
    width: 110px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
}

.rent_house {
    padding-left: 0;
    padding-right: 0;
}

.rent_house .head {
    margin: 0 24px;
}

.rent_house .head h2,.build_office .head h2,.build_shops .head h2 {
    margin-bottom: 10px;
}

.rent_house .build_list li {
    width: 270px;
    margin-left: 24px;
}

.rent_house .build_list li .img {
    height: 180px;
}

/*  新盘涨幅&&房价走势&&二手涨幅&&房价走势&&楼盘活动 */
.order_modl {
    padding: 20px;
}

.order_modl .sct {
    width: 360px;
}

.order_modl .c_area {
    margin-left: 40px;
}

.order_modl .head .tit {
    position: relative;
    height: 50px;
    width: 86px;
    margin-right: 36px;
}

.order_modl .head .tit.active .b_l {
    display: block;
}

.order_modl .head h3 {
    line-height: 50px;
    font-size: 20px;
    color: #313131;
    text-align: center;
}

.order_modl .head .b_l {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 8px;
    z-index: 3;
    background: url(../images/icon/icon3.png) center bottom no-repeat;
    background-size: 80%;
    display: none;
}

.m_con {
    margin-top: 30px;
}

.order_modl .esf_chart {
    width: 360px;
    height: 278px;
}

.order_modl .list {
    padding-top: 6px;
}

.order_modl .list li {
    list-style-position: inside;
    height: 34px;
    padding-left: 20px;
    position: relative;
}

.order_modl .list li .num {
    display: block;
    width: 16px;
    height: 16px;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.order_modl .list li a, .order_modl .list li span {
    display: block;
    font-size: 14px;
    line-height: 34px;
}

.order_modl .list li .name {
    width: 160px;
    color: #313131;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.order_modl .list li .name:hover {
    text-decoration: underline;
}

.order_modl .list li .price {
    margin: 0 5px;
    width: 90px;
    text-align: center;
}

.order_modl .list li .price b, .order_modl .list li .price_float {
    overflow: hidden;
}

.order_modl .list li .price_float.down {
    color: green;
}

.order_modl .list li .price_float {
    text-align: right;
    width: 80px;
}

.build_actv .list li .name {
    width: 100%;
}

.group_time {
    background: url(../images/time.png) 0 center no-repeat;
    padding-left: 24px;
    margin-right: 45px;
    display: block;
    float: left
}

.swiper-container {
    height: 400px;
}

.news-left {
    width: 400px;
}

.news-left-slide {
    width: 400px;
    height: 260px;
    overflow: hidden;
}

.news-left-slide .slider {
    height: 260px;
}

.news-left-slide .switchable-box {
    height: 260px;
    min-height: 260px;
}

.news-left-list {
    width: 100%;
}

.news-left-list li {
    width: 190px;
    height: 140px;
}

.news-left-list li img {
    padding: 1px;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
}

.news-center {
    width: 440px;
    margin: 0 20px;
}

.news-center h2 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-center a {
    color: #333;
}

.news-center li p {
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
}

.news-center li {
    font-size: 16px;
    margin-top: 4px;
}

.news-center li.nowarp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-right {
    padding-left: 10px;
    background-color: #f6f6f6;
    height: 407px;
    padding-top: 10px;
}

.news-right li {
    width: 240px;
}

.poster-margin-top {
    margin-top: 20px;
}

.index .banner-2 .switchable-box {
    height: 500px;
    min-height: 500px;
}

.index .banner-2 {
    height: 500px;
    position: relative;
}

.index .banner-2 .switchable-content a {
    display: block;
    width: 100%;
    height: 500px;
    background-position: center;
    background-size: auto 500px;
}

.index .banner-2 .switchable-content a img {
    display: none;
}

.index .search-box {
    width: 560px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 200px;
    margin-left: -280px;
    z-index: 9;
}

.index .search-box .opacity {
    background-color: #000;
    border-radius: 5px;
}

.index .search-content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 30px;
    z-index: 99;
    color: #fff;
}

.index .search-type a {
    padding: 5px 20px;
    margin-right: 5px;
    color: #fff;
    font-size: 16px;
    position: relative;
}

.index .search-input {
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    width: 500px;
}

.index .search-input .search-input-text {
    height: 30px;
    line-height: 30px;
    width: 400px;
    padding: 5px 10px;
    border: none;
    background-color: #fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.index .search-input .search-btn {
    height: 40px;
    width: 80px;
    line-height: 40px;
    text-align: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.index .search-keyword {
    margin-top: 10px;
}

.index .search-keyword a {
    color: #fff;
    margin-right: 10px;
}

.l_box .filter-row {
    height: 100px;
    box-sizing: border-box;
    border-top: 1px solid #efefef;
    position: relative;
    z-index: 999;
}

.l_box .filter-row .filter-row-title {
    color: #111;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
}

.l_box .filter-row .filter-row-title:after {
    content: "\e603";
    position: absolute;
    right: 0;
}

.l_box .filter-row .filter-val a, .l_box .filter-row .filter-more a {
    display: inline-block;
    margin-right: 8px;
    line-height: 26px;
}

.l_box .filter-row .filter-more {
    display: none;
    box-sizing: border-box;
    border: 1px solid #EFEFEF;
    padding-left: 10px;
    border-bottom: none;
    padding-top: 32px;
    border-left: none;
    position: absolute;
    right: -250px;
    width: 250px;
    background-color: #fff;
    top: -1px;
    min-height: 101px;
}

.l_box .filter-row .filter-val a:hover, .l_box .filter-row .filter-more a:hover {
    color: #D32F2F;
}

.build_shoppers .r_box .list.office-list {
    height: 360px;
}

.build_shoppers .r_box .list.office-list li {
    list-style: none;
}

.office-list li {
    position: relative;
    padding-right: 80px;
    line-height: 30px;
    box-sizing: border-box;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.office-list li span {
    color: #D32F2F;
    position: absolute;
    right: 0;
    top: 0;
}