@charset "UTF-8";

.home-header .change-city,.home-header .login-panel .log,.home-header .login-panel .reg {
    color: #fff;
    cursor: pointer
}

.data .main li a,.data .main span a:hover,.news .newcun a:hover,.price-trend .title a.pull-right:hover,.rent .wrapper .rent-con .rent-content .del .detail li>a {
    text-decoration: none
}

.data-title,.dl-lst dd,.house-mniinfo,.house-mniinfo .house-name,.new-house .newhose-list li a .price span,.new-house .newhose-list li a .title01 span,.news .newhouse .topPic .title span,.news .newhouse ul li,.rent .wrapper .rent-con .rent-content .popular .detail li .d-p,.rent .wrapper .rent-con .rent-content .popular .detail li span a,.ty_guess_list li,.ymm-new .mod-m h4 a,.ymm-new .mod-m h5 a,.ymm-new .tit_head h3 ul li {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

body {
    font: 12px/1.5 'Hiragino Sans GB','Microsoft Yahei UI','Microsoft Yahei',微软雅黑,'Segoe UI',Tahoma,宋体b8b体,SimSun,sans-serif;
    -webkit-font-smoothing: antialiased
}

.home-ico {
    display: block;
    background: url("bg.png") no-repeat
}

.ico-banner {
    background: url("slogan.png") no-repeat;
    width: 725px;
    height: 115px;
    margin: 80px auto 0
}

.ico-search {
    width: 53px;
    height: 50px;
    background-position: -14px -389px
}

.ico-search-hover,.ico-search:hover {
    background-position: -68px -389px
}

.ico-search-active,.ico-search-press,.ico-search:active {
    background-position: -122px -389px
}

.ico-clock {
    width: 50px;
    height: 50px;
    background-position: -420px -130px
}

.ico-clock-hover,.ico-clock:hover {
    background-position: -470px -130px
}

.ico-clock-active,.ico-clock-active:hover {
    background-position: -190px -130px
}

.ico-close {
    width: 90px;
    height: 30px;
    background-position: -250px -130px
}

.ico-white-arrow-up {
    width: 13px;
    height: 11px;
    background: url("bg.png") -508px -211px no-repeat
}

.ico-enter {
    width: 20px;
    height: 20px;
    background-position: -370px -130px
}

.ico-cond {
    display: block;
    width: 120px;
    height: 120px;
    background-position: 0 -190px
}

.ico-cond-house {
    background-position: -120px -190px
}

.ico-cond-history {
    width: 143px;
    height: 120px;
    background-position: -240px -190px
}

.ico-blue-arrow-down {
    width: 10px;
    height: 8px;
    background-position: -395px -130px
}

.ico-fix-1 {
    background: url("bg.png") -363px -389px no-repeat
}

.foot-ico-2 {
    background-position: 0 -225px
}

.ico-fix-2 {
    background: url("bg.png") -441px -389px no-repeat
}

.foot-ico-3 {
    background-position: 0 -450px
}

.foot-ico-4 {
    background-position: 0 -675px
}

.foot-ico-5 {
    background-position: 0 -900px
}

.foot-ico-6 {
    background-position: 0 -1125px
}

.ico-fix-6 {
    background: url("bg.png") -521px -286px no-repeat
}

.ico-fix-3 {
    background: url("bg.png") -519px -389px no-repeat
}

.home-header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 50px;
    padding: 20px 0 52px;
    background: 0 0;
    webkit-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    -webkit-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0
}

.header-animation {
    position: fixed;
    padding: 0;
    background: #0c6;
    -webkit-animation: fadeInDown 1s .2s ease both;
    animation: fadeInDown 1s .2s ease both
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

.wrapper {
    width: 1200px;
    margin: 0 auto
}

.home-header .login-panel .log {
    margin: 0 5px
}

.home-sider {
    position: relative;
    width: 100%;
    height: 570px;
    height: 680px;
    margin: 0 auto
}

.home-header .logo-a {
    margin-top: 5px;
    margin-right: 20px;
}

.home-header .logo-img {
    width: auto;
    min-width: 125px;
    height: 40px;
    margin-top: 5px
}

.home-header .change-city {
    margin: 30px 0 0;
    background: rgba(0,0,0,.25);
    display: inline-block;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 15px;
    padding: 0 10px;
    font-size: 12px
}

.home-header .change-city a .ico_change_city {
    display: inline-block;
    position: relative;
    top: 1px;
    width: 10px;
    height: 12px;
    margin-right: 3px;
    margin-left: 3px;
    background: url("sprite-common.png") -25px 0 no-repeat
}

.home-header .change-city a:hover .ico_change_city {
    background-position: -25px 0
}

.home-header .change-city a {
    margin: 0;
    padding: 0
}

.home-header .nav-lst {
    float: right
}

.head_top .nav-lst li.lio a {
    display: block;
    height: 100%;
    font-size: 18px;
    font-weight: 700;
    padding: 0 10px
}

.head_top .nav-lst li.lxico {
    width: 10px;
    height: 8px;
    background: url("sprite-common.png") -24px -18px no-repeat;
    margin-top: 25px
}

.head_top .nav-lst li.lio a.on {
    font-weight: 700;
    background: url("nav-dot.png") center 45px no-repeat
}

.head_top .nav-lst li a:after {
    content: '';
    width: 0;
    background-color: #fff;
    left: 0;
    position: absolute;
    bottom: 10px;
    height: 2px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: -1
}

.head_top .nav-lst li a:hover:after {
    content: '';
    width: 100%;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: -1
}

.head_top .nav-lst li.lio .nav_mobile dd {
    text-align: center
}

.head_top .nav-lst li.lio .nav_mobile p {
    color: #333;
    text-align: center;
    line-height: 30px
}

.head_top .nav-lst li.lio .nav_mobile img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto
}

@media (max-width:767px) {
    .head_top .nav-lst li a:after {
        height: 1px;
        left: 15px
    }
}

#mainasider {
    position: relative;
    overflow: hidden
}

.asider,.asider ul {
    position: relative;
    width: 100%
}

.asider ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0)
}

.asider ul li.first {
    opacity: 100;
    filter: alpha(opacity=100)
}

.asider ul li a {
    display: block;
    width: 100%;
    text-align: center
}

.asider ul li a img {
    display: block;
    width: auto;
    min-width: 100%
}

.asider,.asider ul,.asider ul li,.asider ul li a,.asider ul li a img {
    height: 680px
}

.asider .main_btn_wrap {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%
}

.asider .main_btn_con {
    position: relative;
    /*width: 1200px;*/
    height: 80px;
    margin: 0 auto
}

.asider .left_btn,.asider .right_btn {
    position: absolute;
    display: block;
    top: -90px;
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    width: 40px;
    cursor: pointer;
    text-align: center;
    border-radius: 1px
}

.asider .left_btn {
    left: 20px
}

.asider .right_btn {
    right: 20px
}

.asider .left_btn i,.asider .right_btn i {
    display: inline-block;
    width: 25px;
    height: 45px;
    line-height: 90px;
    vertical-align: middle;
    background: url("sprite-common.png") no-repeat
}

.asider .left_btn i {
    background-position: -25px -24px
}

.asider .right_btn i {
    background-position: -22px -64px
}

.asider .bg {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: url("bg-1.png") left bottom repeat-x
}

.main-wrap {
    position: absolute;
    z-index: 999;
    width: 894px;
    left: 50%;
    bottom: 210px;
    margin-left: -447px
}

.search-box-wrap-title {
    height: 50px;
    line-height: 50px;
    font-size: 70px;
    font-weight: 700;
    color: #666;
    text-align: center
}

.search-box-wrap .search-box-con .title .s2,.search-box-wrap-title .s2 {
    color: #f15a24
}

.search-box-wrap {
    position: relative;
    z-index: 2
}

.search-box-wrap .search-box-con {
    padding: 20px 0 8px;
    position: relative;
    z-index: 99
}

.search-box-wrap .search-box-con .main-title {
    text-align: center;
    margin-bottom: 20px
}

.search-box-wrap .search-box-con .main-title img {
    height: 50px
}

.search-box-wrap .search-box-con .menu {
    position: relative;
    background: 0 0;
    width: auto;
    height: auto;
    opacity: 1;
    z-index: 99;
    padding: 22px 0 16px
}

.search-box-wrap .search-box-con .menu ul {
    padding: 0
}

.search-box-wrap .search-box-con .menu ul:after,.search-box-wrap .search-box-con .menu ul:before {
    display: table;
    content: ""
}

.search-box-wrap .search-box-con .menu ul:after {
    clear: both
}

.search-box-wrap .search-box-con .menu li {
    float: left;
    text-align: center;
    opacity: .5;
    filter: alpha(opacity=50)
}

.search-box-wrap .search-box-con .menu i {
    position: absolute;
    z-index: 92;
    bottom: -1px;
    left: 30px;
    display: block;
    width: 15px;
    height: 8px;
    background-image: url("sprite-common.png");
    background-position: -59px -7px;
    background-repeat: no-repeat;
    -webkit-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    transition: all ease-in .3s
}

.search-box-wrap .search-box-con .menu li a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    border-left: 0;
    padding: 0 20px 0 0
}

.search-box-wrap .search-box-con .menu li.check {
    opacity: 1;
    filter: alpha(opacity=100)
}

.search-box-wrap .map-search {
    font-size: 20px;
    line-height: 31px;
    padding: 11px 0 0 20px;
    width: 140px;
    display: inline-block;
    position: relative
}

.search-box-wrap .map-search a {
    display: block
}

.search-box-wrap .map-search i,.search-box-wrap .map-search span {
    float: left
}

.search-box-wrap .map-search i {
    width: 32px;
    height: 31px;
    background-position: -10px -159px;
    display: inline-block;
    zoom: 1;
    overflow: hidden;
    background-image: url("icons.png");
    background-repeat: no-repeat
}

.search-box-wrap .map-search span {
    display: inline-block;
    color: #fff;
    padding-left: 5px
}

.search-box-wrap .search-box {
    overflow: hidden
}

.search-box-wrap .search-box .subtn,.search-box-wrap .search-box form,.search-box-wrap .search-box input {
    height: 55px;
    line-height: 55px
}

.search-box-wrap .search-box form {
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}

.search-box-wrap .search-box input {
    border: 0;
    float: left
}

.search-box-wrap .search-box .subtn {
    float: right;
    display: block;
    width: 127px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    background: #0c6;
    border-radius: 0 2px 2px 0
}

.search-box-wrap .search-box .txt {
    width: 600px;
    padding: 0 15px;
    background: #fff;
    font-size: 14px;
    font-family: "Hiragino Sans GB","Microsoft YaHei",SimHei,Tahoma,SimSun,sans-serif
}

.list-banner-ul dl h3,.list-banner-ul dl p {
    font-family: "Helvetica Neue",Helvetica,Arial,Tahoma,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1",sans-serif
}

.suggest-wrap {
    top: 0;
    width: 675px
}

.search-box-wrap .search-box-con .sug-tips {
    position: absolute;
    z-index: 99;
    top: 216px;
    left: 2px;
    clear: both;
    width: auto
}

.search-box-wrap .search-box-con .sug-tips ul {
    width: 632px;
    display: none;
    background: #fff;
    border-top: 0;
    position: relative;
    left: -1px;
    top: -1px
}

.search-box-wrap .search-box-con .sug-tips ul.bordernone {
    border: 0
}

.search-box-wrap .search-box-con .sug-tips01 ul {
    width: 600px
}

.search-box-wrap .search-box-con .sug-tips li {
    height: 35px;
    line-height: 35px;
    padding: 3px 20px
}

.search-box-wrap .search-box-con .sug-tips li.hot-name {
    background: #f4f7f9;
    color: #849aae
}

.search-box-wrap .search-box-con .sug-tips li.hot-name:hover {
    background: #f4f7f9
}

.search-box-wrap .search-box-con .sug-tips li.hot-name .del {
    display: none;
    text-align: right;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
    float: right
}

.list-banner li,.list-banner-ul dl,.list-footer-ul dl,.news .newhouse ul li a i {
    float: left;
    text-align: center
}

.search-box-wrap .search-box-con .sug-tips li:hover {
    background: #f9f9f9
}

.search-box-wrap .search-box-con .sug-tips li a {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    display: block;
    width: 100%
}

.hot-bargain {
    margin-top: 8px;
    position: relative;
    z-index: 98;
    z-index: 99;
    color: #c8c8c8;
    font-size: 14px
}

.hot-bargain .tit {
    display: inline-block;
    width: 70px;
    padding: 5px 0
}

.bargain-box {
    position: relative;
    z-index: 98;
    width: 630px;
    padding: 5px 10px;
    height: 30px;
    overflow: hidden
}

.hot-bargain ul li {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 5px;
    left: 0
}

.hot-bargain ul li.first {
    opacity: 100;
    filter: alpha(opacity=100)
}

.hot-bargain ul li .new {
    margin-right: 10px
}

.hot-bargain ul li .lab,.search-box-wrap .hot-rec .rec .label {
    margin-right: 6px
}

.search-box-wrap .hot-rec {
    font-size: 12px;
    color: #fff;
    height: 27px
}

.search-box-wrap .hot-rec .rec {
    color: #fff
}

.search-box-wrap .hot-rec .rec a {
    opacity: .65;
    filter: alpha(opacity=65);
    color: #fff
}

.list-banner {
    background: #fff;
    padding: 45px 0 65px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(158,158,158,.2);
    box-shadow: 0 2px 4px 0 rgba(158,158,158,.2);
    border-bottom: 1px solid #d9d9d9
}

.list-banner-ul {
    padding: 60px 0 50px;
    overflow: hidden
}

.list-banner-ul dl {
    width: 25%;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.list-banner-ul dl:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.list-banner-ul dt {
    text-align: center
}

.list-banner-ul dl div {
    margin: 0 auto
}

.list-banner-ul dl a {
    display: block;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.list-banner-ul dl img {
    position: relative;
    width: 84px;
    width: auto;
    height: 80px;
    height: 120px;
    cursor: pointer;
    margin: 0 auto 10px
}

.list-banner-ul dl img:hover,.list-banner-ul dl:hover img {
    cursor: pointer
}

.list-banner-ul dl h3 {
    font-size: 18px;
    font-weight: 500;
    color: #394043;
    line-height: 30px;
    cursor: pointer
}

.list-banner-ul dl p {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #b0b3b4
}

.list-banner li,.list-banner li h3 {
    font-family: "Hiragino Sans GB","Microsoft YaHei",SimHei,Tahoma,SimSun,sans-serif
}

.list-footer-ul {
    padding: 30px 0 45px;
    overflow: hidden
}

.list-footer-ul dl {
    width: 25%;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.list-footer-ul dt {
    width: 180px;
    height: 68px;
    margin: 0 auto;
    text-align: center
}

.list-footer-ul a:hover dt {
    background: 0 0
}

.list-footer-ul a:hover h3 {
    color: #2e2e2e
}

.list-footer-ul dl div {
    width: 68px;
    height: 68px;
    line-height: 68px;
    margin: 0 auto
}

.list-footer-ul dl img {
    position: relative;
    width: 68px;
    height: 68px;
    margin: 0;
    cursor: pointer
}

.list-footer-ul dl h3 {
    font-size: 20px;
    color: #333;
    margin-top: 28px;
    font-weight: 700
}

.list-footer-ul dl p {
    font-size: 12px;
    color: #aaa;
    margin-top: 5px;
    display: block;
    height: 16px;
    line-height: 16px
}

.clear {
    display: block
}

.list-banner ul {
    overflow: hidden
}

.list-banner li {
    width: 33%
}

.list-banner li h3 {
    font-size: 32px
}

.list-banner li .coner {
    display: inline-block;
    position: relative;
    margin: 0 auto
}

.foot-ico {
    background: url("home-footer-banner.jpg") no-repeat
}

.list-banner li .foot-ico {
    width: 225px;
    height: 225px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background: 0 0
}

.news .newcun,.news .newhouse {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.list-banner li .foot-ico img {
    width: 100%;
    height: 225px
}

.news .newhouse .topPic,.news .newhouse .topPic img {
    width: 445px;
    height: 234px
}

.list-banner li .foot-ico:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

.list-banner li p,.list-banner li p.p-1 {
    display: block;
    font-size: 16px;
    color: #979593;
    padding-top: 6px
}

.list-banner li p.p-2 a {
    font-size: 30px;
    color: #33302f
}

.news {
    background: #f2f2f3;
    padding: 24px 0 50px
}

.news .name {
    font-size: 14px;
    color: #b0b3b4;
    margin-bottom: 10px
}

.news .tag {
    color: #fff;
    font-size: 14px;
    padding: 6px 11px;
    position: absolute;
    left: 20px;
    top: 0
}

.news .tagxinfang {
    background: #4285f4
}

.news .tagershoufang {
    background: #00ae66
}

.news .newhouse {
    background: #fff;
    transition: all .3s ease-in-out
}

.news .newhouse:hover {
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.1);
    box-shadow: 0 1px 15px rgba(0,0,0,.1)
}

.news .newhouse .topPic {
    position: relative;
    padding-bottom: 35px
}

.news .newhouse .topPic .title {
    position: absolute;
    left: -10px;
    background: #394043;
    color: #fff;
    font-size: 20px;
    bottom: 54px;
    height: 43px;
    line-height: 43px;
    padding: 0 12px
}

.news .newhouse .topPic .title span {
    overflow: hidden;
    white-space: nowrap;
    max-width: 411px;
    display: inline-block
}

.news .newhouse ul {
    width: 345px;
    margin: 0 auto;
    padding-bottom: 28px
}

.news .newhouse ul li {
    line-height: 30px;
    height: 30px;
    width: 345px;
    white-space: nowrap;
    overflow: hidden
}

.news .newhouse ul li a {
    color: #394043;
    font-size: 14px
}

.news .newcun p,.news .newhouse ul li a i {
    font-size: 12px;
    line-height: 18px;
    position: relative
}

.news .newhouse ul li a i {
    width: 31px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    background: #efeff0;
    top: 5px
}

.news .newhouse ul li a i.tagsxinfang {
    background-position: -431px -20px
}

.news .newhouse ul li a i.tagsershoufang {
    background-position: -466px -20px
}

.news .newcun {
    background: #fff;
    width: 720px;
    height: 181px;
    position: relative;
    margin-bottom: 20px;
    transition: all .3s ease-in-out
}

.news .newcun:hover {
    -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.1);
    box-shadow: 0 1px 15px rgba(0,0,0,.1)
}

.news .newcun img {
    width: 257px;
    height: 181px;
    margin-right: 40px
}

.news .newcun p {
    width: 350px;
    color: #888c8e;
    max-height: 36px;
    margin-top: 8px;
    overflow: hidden
}

.news .newcun b {
    font-size: 18px;
    color: #394043;
    margin-top: 39px;
    display: block;
    line-height: 22px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    max-height: 44px
}

.news .newcun .cun {
    width: 350px
}

.data {
    background: url("dataV2.jpg") center top no-repeat;
    width: 100%;
    height: 435px;
    text-shadow: 0 0 4px rgba(0,0,0,.2);
    padding-top: 60px;
    background-size: cover
}

.data .main {
    width: 810px;
    margin: 0 auto;
    text-align: center;
    float: none!important
}

.data .main .title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 35px;
    font-weight: 700
}

.data .main span {
    position: relative;
    font-family: tahoma,DINCond-Bold;
    color: #fff;
    font-size: 50px;
    font-weight: 700
}

.data .main span a {
    color: #fff
}

.data .main span label {
    cursor: pointer;
    font-size: 60px;
    font-weight: 700
}

.data .main span i {
    background-image: url("spriteV2.png");
    background-image: -webkit-image-set(url("spriteV2.png") 1x,url("spriteV2@2x.png") 2x);
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 4px
}

.data .main span i.down {
    background-position: -340px -20px
}

.data .main span i.up {
    background-position: -323px -20px
}

.data .main p {
    font-size: 14px;
    color: #fff;
    padding-top: 5px;
    opacity: .3;
    filter: alpha(opacity=30)
}

.data .main li span,.data .main li span label {
    font-size: 34px
}

.data .main .data-price {
    width: 500px;
    margin: 0 auto;
    height: 100px;
    overflow: hidden
}

.data .main .deal-price {
    width: 240px;
    float: left;
    text-align: center
}

.data .main .listing-price {
    width: 230px;
    float: right;
    text-align: center
}

.data .main li {
    float: left;
    width: 246px;
    height: 109px;
    margin-right: 35px;
    margin-top: 50px;
    position: relative;
    padding-top: 35px;
    cursor: pointer
}

.data .main li.last {
    margin-right: 0
}

.data .main li:hover .bg {
    background: #4285f4;
    filter: alpha(opacity=100);
    opacity: 1
}

.data .main li .bg {
    background: #fff;
    filter: alpha(opacity=14);
    opacity: .14;
    width: 247px;
    height: 139px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.data .main li span i {
    width: 8px;
    height: 12px;
    top: 9px;
    right: -13px
}

.data .main li span i.down {
    background-position: -603px -20px
}

.data .main li span i.up {
    background-position: -618px -20px
}

.data .main li p {
    position: relative;
    z-index: 99;
    font-size: 14px;
    filter: alpha(opacity=1);
    opacity: 100
}

.price-trend {
    height: 456px;
    background-color: #f5f5f5
}

.price-trend .container {
    width: 1230px;
    margin: 0 auto;
    padding-top: 43px;
    padding-bottom: 40px
}

.price-trend .title {
    padding-bottom: 5px;
    border-bottom: 1px solid #d5d5d5
}

.price-trend .title strong {
    font-size: 26px
}

.price-trend .title .glyphicon {
    position: relative;
    top: -4px;
    left: 4px;
    font-size: 12px
}

.price-trend .title a.pull-right {
    color: #818181;
    margin-top: 10px
}

.price-trend .title a.pull-right:hover {
    color: #009de8
}

.price-trend-con {
    padding-top: 20px;
    padding-bottom: 20px
}

.price-trend-tongji {
    background: #fff;
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.2);
    box-shadow: 1px 2px 2px rgba(0,0,0,.2);
    color: #535353;
    float: left;
    height: 330px;
    width: 492px
}

.price-trend-tongji p {
    bottom: 0;
    color: #b6b6b6;
    height: 24px;
    line-height: 24px;
    margin-right: 6px;
    text-align: right;
    margin-bottom: 3px
}

.price-trend-avg h5,.price-trend-count h5 {
    color: #535353;
    margin-bottom: 26px;
    font-weight: lighter
}

.price-trend-avg {
    margin-top: 20px;
    color: #535353;
    height: 50px;
    clear: both;
    padding-top: 50px;
    padding-left: 55px
}

.price-trend-avg h5 {
    margin-left: 30px;
    margin-top: 0
}

.price-trend-count {
    margin-top: 10px;
    height: 90px;
    padding-left: 55px
}

.price-trend-count h5 {
    margin-left: 32px;
    margin-top: 0
}

.price-trend hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.home-tuan {
    background: #f1f1f1;
    padding: 30px 0 45px;
    border-bottom: 1px solid #d9d9d9
}

.home-tuan ul {
    overflow: hidden
}

.home-tuan ul li {
    display: inline-block;
    width: 275px;
    float: left
}

.home-tuan ul li.mr {
    margin-right: 32px
}

.home-tuan ul li .pic {
    display: inline-block;
    width: 100%;
    height: 190px;
    margin-bottom: 12px
}

.home-tuan ul li .pic img {
    width: 100%;
    height: 100%
}

.home-tuan ul li .p1,.home-tuan ul li .p2 {
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden
}

.home-tuan ul li .price {
    color: #e4393c;
    padding: 10px 0 8px
}

.sale {
    clear: both
}

.house .wrapper .content-2 li {
    width: 385px;
    height: 330px;
    float: left;
    margin-right: 20px
}

.house .wrapper .content-2 .con {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden
}

.house .wrapper .content-2 .con a {
    position: absolute;
    z-index: 700;
    left: 0;
    top: 0
}

.house .wrapper .content-2 .con a img {
    width: 100%;
    height: 100%
}

.house .wrapper .content-2 .info p {
    font: 14px "Microsoft yahei";
    color: #999
}

.house .wrapper .content-2 .info .location {
    font: 700 20px "Microsoft yahei";
    color: #333;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px
}

.house .wrapper .content-2 .price {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 800;
    display: none;
    width: 385px;
    height: 240px
}

.house .wrapper .content-2 .price em {
    position: absolute;
    left: 0;
    top: 0;
    width: 385px;
    height: 240px;
    background: #000;
    filter: alpha(opacity=40);
    opacity: .4;
    z-index: 800
}

.house .wrapper .content-2 .price font {
    display: inline-block;
    width: 165px;
    position: absolute;
    left: 82px;
    top: 70px;
    height: 63px;
    font: 14px "Microsoft yahei";
    padding: 15px 0 0;
    z-index: 810;
    text-align: center;
    color: #fff;
    border: 3px solid #fff
}

.house .wrapper .content-2 .price font b {
    font: 700 26px Georgia,"Times New Roman",Times,serif;
    color: #fff;
    margin-right: 3px;
    z-index: 9
}

.rent .wrapper .news-con .focus p.pp,.rent .wrapper .news-con .house-news p.pp,.rent .wrapper .news-con ul li.last .pp,.rent .wrapper .rent-con .rent-content .del .title,.rent .wrapper .rent-con .rent-content .popular .pp-location .tt,.rent .wrapper .rent-con .rent-header h1,.rent .wrapper .rent-con .rent-header p span,.wrapper .new-head .right-con,.wrapper .new-head .title {
    font-family: "Hiragino Sans GB","Microsoft YaHei",SimHei,Tahoma,SimSun,sans-serif
}

.house .wrapper .content-2 .info p span {
    padding: 0 20px;
    color: #e9e9e9
}

.rent .wrapper .rent-con .rent-header {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 28px;
    padding-bottom: 8px;
    position: relative
}

.rent .wrapper .rent-con .rent-header h1 {
    font-size: 26px
}

.rent .wrapper .rent-con .rent-header p {
    position: absolute;
    bottom: 8px;
    right: 0
}

.rent .wrapper .rent-con .rent-header p span {
    margin-left: 14px;
    font-size: 14px;
    color: #999
}

.rent .wrapper .rent-con .rent-header p a {
    color: #000
}

.rent .wrapper .rent-con .rent-content .del {
    width: 655px
}

.rent .wrapper .rent-con .rent-content .del .title {
    margin-bottom: 20px
}

.rent .wrapper .rent-con .rent-content .del .title .view-all {
    color: #999;
    font-size: 12px;
    position: relative;
    top: 8px
}

.rent .wrapper .rent-con .rent-content .del .title .newshou {
    font-size: 20px
}

.rent .wrapper .rent-con .rent-content .del .detail li {
    width: 140px;
    line-height: 25px;
    display: inline-block;
    margin: 0 31px 28px 0;
    float: left
}

.rent .wrapper .rent-con .rent-content .del .detail li .p1 {
    height: 24px;
    overflow: hidden;
    color: #000
}

.rent .wrapper .rent-con .rent-content .del .detail li .p2 span {
    color: #e4393c;
    font-weight: 700
}

.rent .wrapper .rent-con .rent-content .del .detail li .p2,.rent .wrapper .rent-con .rent-content .del .detail li .p3 {
    font-size: 12px
}

.rent .wrapper .rent-con .rent-content .del .detail li img {
    width: 140px;
    height: 100px;
    margin-bottom: 11px
}

.rent .wrapper .rent-con .rent-content .del .detail li.last {
    margin-right: 0
}

.rent .wrapper .rent-con .rent-content .popular {
    font-size: 12px;
    width: 313px
}

.rent .wrapper .rent-con .rent-content .popular .title {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    color: #a0a0a0;
    margin-top: 25px
}

.rent .wrapper .rent-con .rent-content .popular .title .tab {
    cursor: pointer
}

.rent .wrapper .rent-con .rent-content .popular .title .line {
    color: #bbb
}

.rent .wrapper .rent-con .rent-content .popular .title .checked {
    color: #000
}

.rent .wrapper .rent-con .rent-content .popular .detail {
    margin-bottom: 16px;
    height: 160px;
    overflow: hidden
}

.rent .wrapper .rent-con .rent-content .popular .detail .extra {
    display: none
}

.rent .wrapper .rent-con .rent-content .popular .detail li {
    border-bottom: 1px dashed #e9e9e9;
    height: 33px;
    line-height: 33px
}

.rent .wrapper .rent-con .rent-content .popular .detail li span {
    display: inline-block
}

.rent .wrapper .rent-con .rent-content .popular .detail li span a {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden
}

.rent .wrapper .rent-con .rent-content .popular .detail li .d-lu {
    width: 70px;
    color: #449bde
}

.rent .wrapper .rent-con .rent-content .popular .detail li .d-lu a {
    width: 61px;
    color: #449bde
}

.rent .wrapper .rent-con .rent-content .popular .detail li .d-ju {
    width: 165px
}

.rent .wrapper .rent-con .rent-content .popular .detail li .d-ju a {
    color: #000
}

.rent .wrapper .rent-con .rent-content .popular .detail li .d-ju a:hover {
    text-decoration: underline
}

.rent .wrapper .rent-con .rent-content .popular .detail li .d-ju .d-pm {
    margin-left: 29px
}

.rent .wrapper .rent-con .rent-content .popular .detail li .d-p {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden
}

.rent .wrapper .rent-con .rent-content .popular .detail li .d-p span {
    color: #e4393c;
    font-weight: 700
}

.rent .wrapper .rent-con .rent-content .popular .detail li.last {
    border-bottom: 0
}

.rent .wrapper .rent-con .rent-content .popular .pp-location>a {
    color: #555
}

.rent .wrapper .rent-con .rent-content .popular .pp-location .tt {
    font-size: 20px;
    margin-bottom: 20px
}

.rent .wrapper .rent-con .rent-content .popular .pp-location .conn {
    height: 75px;
    overflow: hidden;
    margin-bottom: 14px
}

.rent .wrapper .rent-con .rent-content .popular .pp-location .conn span {
    background: #a0c8b1;
    padding: 7px 14px 9px;
    color: #fff;
    margin: 0 8px 8px 0;
    border-radius: 3px;
    display: inline-block
}

.rent .wrapper .rent-con .rent-content .popular .pp-location .conn span a {
    color: #fff
}

.rent .wrapper .rent-con .rent-content .popular .pp-location .conn span:hover {
    background-color: #91b9a2
}

.rent .wrapper .rent-con .rent-content .popular .pp-location .sub {
    color: #999;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 22px
}

.rent .wrapper .rent-con .rent-content .popular .pp-location .sub span {
    margin: 10px 0
}

.rent .wrapper .rent-con .rent-content .popular .pp-location .sub a {
    color: #999
}

.rent .wrapper .news-con h1 {
    border-bottom: 1px solid #e5e5e5;
    font-size: 26px;
    margin-bottom: 28px;
    font-family: "Hiragino Sans GB","Microsoft YaHei",SimHei,Tahoma,SimSun,sans-serif;
    padding-bottom: 8px
}

.rent .wrapper .news-con ul li.bb {
    float: left;
    height: 270px;
    overflow: hidden;
    width: 46%
}

.rent .wrapper .news-con ul li.focus {
    border-right: 1px dashed #ddd;
    padding-right: 4%
}

.rent .wrapper .news-con ul li.ad {
    padding: 0;
    margin: 0;
    border: 0
}

.rent .wrapper .news-con ul li.last {
    margin-right: 0;
    float: right
}

.rent .wrapper .news-con ul li.last .pp {
    font-size: 20px;
    margin-bottom: 20px
}

.rent .wrapper .news-con .focus p.label {
    margin-bottom: 3px
}

.rent .wrapper .news-con .focus p.label span {
    font-size: 12px;
    padding: 7px 14px 9px;
    margin: 0 8px 8px 0;
    border-radius: 3px;
    display: inline-block
}

.rent .wrapper .news-con .focus p.label .fangchan-0 {
    background: #e5eaf8;
    color: #648b9b
}

.rent .wrapper .news-con .focus p.label .fangchan-1 {
    background: #ddeef5;
    color: #648b9b
}

.rent .wrapper .news-con .focus p.label .fangchan-2 {
    background: #fffbe6;
    color: #b3a55c
}

.rent .wrapper .news-con .focus p.label .fangchan-3 {
    background: #e8f8e7;
    color: #7cad79
}

.rent .wrapper .news-con .focus p.label .fangchan-4 {
    background: #ffb59e;
    color: #fff1ec
}

.rent .wrapper .news-con .focus p.label .fangchan-5 {
    background: #fce8dd;
    color: #b17555
}

.rent .wrapper .news-con .focus p.label .fangchan-6 {
    background: #e5eaf8;
    color: #648b9b
}

.rent .wrapper .news-con .focus p.pp {
    font-size: 20px;
    margin-bottom: 20px
}

.rent .wrapper .news-con .focus p.introextra {
    font-size: 12px;
    line-height: 28px
}

.rent .wrapper .news-con .focus p.introextra i {
    color: #888;
    font-style: normal
}

.rent .wrapper .news-con .focus p.introextra i a {
    color: #888
}

.rent .wrapper .news-con .focus p.introextra a {
    color: #000
}

.rent .wrapper .news-con ul li.house-news {
    position: relative;
    float: right
}

.rent .wrapper .news-con .house-news .lab-list {
    background: url("bg.png") -624px -117px no-repeat;
    height: 220px;
    position: absolute;
    width: 35px;
    top: 48px;
    left: -18px
}

.rent .wrapper .news-con .house-news .content {
    margin-top: 5px;
    width: 100%
}

.rent .wrapper .news-con .house-news .content .ddl {
    font-size: 12px;
    border-bottom: 1px dashed #e9e9e9;
    height: 33px;
    line-height: 33px;
    padding-left: 15px
}

.rent .wrapper .news-con .house-news .content .ddl .lab {
    background: #e4393c;
    color: #fff;
    padding: 1px 4px 2px;
    border-radius: 3px;
    line-height: 20px
}

.rent .wrapper .news-con .house-news .content .ddl .det {
    margin-left: 10px;
    width: 210px;
    overflow: hidden
}

.rent .wrapper .news-con .house-news .content .ddl .det a {
    color: #000
}

.rent .wrapper .news-con .house-news .content .ddl .det a span {
    color: #39ac6a
}

.rent .wrapper .news-con .house-news .content .ddl .time {
    color: #999
}

.rent .wrapper .news-con .house-news .content li.last {
    border-bottom: 0
}

.rent .wrapper .news-con .house-news p.pp {
    height: 35px
}

.rent .wrapper .news-con .house-news p.pp .t-zixun {
    font-size: 20px
}

.rent .wrapper .news-con .house-news p.pp .t-more {
    font-size: 12px;
    color: #999
}

.rent .wrapper .news-con .house-news p.pp .t-more a {
    color: #999;
    position: relative;
    top: 7px
}

.trust-dd {
    height: 152px;
    position: relative;
    border-top: 1px solid #eee
}

.link-box {
    padding: 35px 0;
    background: #f5f5f5
}

.dl-lst {
    overflow: hidden
}

.dl-lst dd {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden
}

.index-promise {
    margin-top: 40px;
    overflow: hidden
}

.index-promise .index-icon {
    width: 245px;
    float: left;
    height: 80px;
    background-image: url("index_icon.png");
    background-repeat: no-repeat
}

.index-section9-s1 {
    width: 815px;
    float: left;
    height: 81px
}

.index-section9-s2,.index-section9-s3,.index-section9-s4 {
    width: 245px;
    float: left;
    height: 80px
}

.index-section9-s2 {
    background-position: -22px -18px
}

.index-section9-s3 {
    background-position: -22px -133px
}

.index-section9-s4 {
    background-position: -22px -247px
}

.index-section9-s5 {
    padding-left: 82px
}

.index-section9-s5 dt {
    font-size: 18px;
    color: #333;
    padding-bottom: 10px
}

.index-section9-s5 dd a {
    line-height: 1.6;
    color: #999
}

.index-section9-s6 {
    width: 200px;
    float: left
}

.index-section9-s7 .txt,.index-section9-s7 h4 {
    margin-top: 12px;
    margin-left: 16px;
    font-size: 18px;
    font-weight: 400
}

.index-section9-s7 a {
    display: block;
    width: 71px;
    height: 23px;
    border: 1px solid #ddd;
    color: #999;
    text-align: center;
    line-height: 23px;
    float: left;
    margin-top: 15px;
    margin-left: 16px
}

.index-section9-s7 a:hover {
    background: #5ab431;
    color: #fff;
    border: 1px solid #5ab431
}

.index-section9-s7 p {
    margin-left: 16px
}

.index-section9-s8 {
    width: 185px;
    float: right
}

.wrapper .new-head {
    margin-bottom: 28px;
    padding-bottom: 8px;
    position: relative;
    overflow: hidden
}

.wrapper .new-head .title {
    font-size: 26px
}

.wrapper .new-head .title .tit2 {
    font-size: 21px;
    color: #666
}

.wrapper .new-head .title .lab {
    font-size: 16px;
    color: #888;
    clear: both;
    margin-top: 10px;
    text-shadow: 1px 1px 0 rgba(255,255,255,.8)
}

.wrapper .new-head .title .lab a {
    color: #38a1e1;
    margin-left: 20px;
    float: right;
    margin-right: 10px
}

.wrapper .new-head .right {
    width: 100px;
    height: 35px
}

.wrapper .new-head .right-con {
    position: absolute;
    right: 0;
    bottom: 5px
}

.wrapper .new-head .right-con a {
    color: #999
}

.new-house {
    background-attachment: fixed;
    background-size: cover
}

.new-house .wrapper {
    padding: 40px 0
}

.new-house .newhose-list {
    clear: both;
    top: 0;
    overflow: hidden;
    height: 310px;
    left: -8px;
    position: relative
}

.new-house .newhose-list ul {
    position: absolute;
    width: 1230px;
    top: 0;
    left: 8px;
    margin-left: -15px;
    margin-right: -15px
}

.new-house .newhose-list li {
    width: 33.33333333%;
    float: left
}

.new-house .newhose-list li a {
    height: 283px;
    position: relative;
    overflow: hidden;
    display: block;
    margin-left: 15px;
    margin-right: 15px
}

.new-house .newhose-list li a:hover img {
    webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.new-house .newhose-list li a img {
    width: 100%;
    height: 283px;
    -webkit-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out
}

.new-house .newhose-list li a .bg {
    background: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    width: 100%;
    height: 283px;
    position: absolute;
    left: 0;
    bottom: 0
}

.new-house .newhose-list li a .price {
    position: relative;
    bottom: 54px;
    max-width: 182px;
    min-width: 110px;
    width: auto;
    font-weight: 700;
    height: 38px;
    font-size: 18px
}

.new-house .newhose-list li a .price span {
    background: #fff2ab;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    color: #394043;
    white-space: nowrap;
    overflow: hidden
}

.new-house .newhose-list li a .title {
    font-size: 24px;
    color: #fff;
    position: absolute;
    bottom: 25px;
    width: 350px;
    font-weight: 700;
    height: 283px;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    text-align: center;
    margin-top: -35px;
    text-shadow: 0 1px 4px rgba(0,0,0,.6)
}

.new-house .newhose-list li a .title span {
    color: #fff2ab;
    font-size: 17px;
    display: block;
    font-weight: 400
}

.new-house .newhose-list li a .title span label {
    font-weight: 700;
    color: #fff2ab;
    font-size: 20px;
    font-family: tahoma;
    position: relative;
    top: 1px
}

.new-house .newhose-list li a .title01 {
    position: absolute;
    bottom: -35px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 350px;
    color: #b0b3b4;
    text-shadow: 1px 1px 0 rgba(255,255,255,.8)
}

.new-house .newhose-list li a .title01 span {
    display: block;
    float: left;
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    height: 20px
}

section.rent,section.sale {
    margin-top: 52px
}

.pics-play {
    margin-: 30px 0 0;
    position: relative;
    height: 380px
}

.pics-play .icons {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    display: block;
    overflow: hidden;
    background-image: url("icons.png");
    background-repeat: no-repeat
}

.pics-box {
    position: relative;
    width: 100%;
    height: 260px;
    height: 350px;
    overflow: hidden
}

.pics-box ul {
    margin: 0 0 0 -20px;
    width: 999999px;
    position: absolute;
    left: 0;
    top: 0
}

.pics-item {
    position: relative;
    width: 285px;
    margin: 0 0 0 20px;
    font-size: 14px;
    float: left;
    overflow: hidden
}

.house-price,.mask,.pic-con::after,.pics-play .btns {
    position: absolute
}

.pics-item:first {
    margin: 0
}

.house-price {
    white-space: nowrap;
    z-index: 2;
    left: 0;
    top: 170px;
    color: #0c6;
    background-color: #1d212c;
    padding: 5px 10px
}

.house-price em {
    color: #0c6;
    font-weight: 700;
    font-size: 20px;
    padding-right: 5px
}

.house-price .unit {
    font-size: 12px;
    font-weight: 400
}

.house-mniinfo .house-name {
    display: block;
    font-size: 18px;
    max-width: 98%;
    overflow: hidden
}

.pics-item .house-bacinfo span {
    float: left;
    display: inline-block;
    font-size: 14px;
    padding: 0 0 0 15px
}

.house-bacinfo span.address {
    max-width: 32%
}

.pics-item .house-pic {
    position: relative;
    overflow: hidden
}

.pics-item .house-pic,.pics-item .house-pic img {
    width: 285px;
    height: 210px
}

.pic-con::after {
    content: "+";
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 0 -26px;
    display: inline-block;
    top: 0;
    left: 50%;
    z-index: 10;
    border-radius: 50px;
    border: 1px solid rgba(255,255,255,.498039);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-transition: all .2s cubic-bezier(.17,.84,.44,1) 0s;
    -o-transition: all .2s cubic-bezier(.17,.84,.44,1) 0s;
    transition: all .2s cubic-bezier(.17,.84,.44,1) 0s;
    opacity: 0;
    color: #fff;
    font-size: 40px;
    text-align: center;
    font-family: 'Times New Roman',微软雅黑
}

.mask {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    z-index: 2
}

.pics-item:hover .mask {
    background: rgba(0,0,0,.5);
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.pics-item:hover .pic-con:after {
    top: 35%;
    opacity: 1
}

.pics-play .btns {
    top: 50%;
    margin: -53px 0 0;
    width: 55px;
    height: 106px;
    display: none
}

.pics-play .btns a {
    display: block;
    width: 100%;
    height: 100%
}

.pics-play .btn-prev {
    left: -22px
}

.pics-play .btn-prev a {
    left: -22px;
    background-position: -10px -200px
}

.pics-play .btn-prev a:hover {
    background-position: -140px -200px
}

.pics-play .btn-next {
    right: -22px
}

.pics-play .btn-next a {
    right: -22px;
    background-position: -75px -200px
}

.pics-play .btn-next a:hover {
    background-position: -205px -200px
}

.house-mniinfo {
    padding: 32px 20px 5px;
    font-weight: 400;
    overflow: hidden;
    transition: .3s .1s;
    -webkit-transition: .3s .1s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.house-bacinfo {
    padding: 0 20px 30px;
    margin: 0 0 0 -15px;
    white-space: nowrap;
    font-size: 12px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.ymm-bg-slide {
    position: relative;
    display: block;
    background-color: #eee;
}

.ymm-bg-slide:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    background: #0c6 !important;
    transition: .1s .2s ease-in-out;
    -moz-transition: .1s .2s ease-in-out;
    -ms-transition: .1s .2s ease-in-out;
    -o-transition: .1s .2s ease-in-out;
    -webkit-transition: .1s .2s ease-in-out
}

.pics-item:hover .ymm-bg-slide:before {
    height: 100%
}

.pics-item:hover .house-mniinfo {
    color: #fff
}

.pics-item:hover .house-bacinfo {
    color: #fff;
    opacity: .75
}

.w_news {
    margin: 50px auto
}

.w_news .w_side {
    width: 390px;
    float: left;
    margin-left: -10px;
    display: inline;
    overflow: hidden;
    clear: both
}

.w_news .w_side h3 {
    height: 33px;
    overflow: hidden;
    padding-left: 14px;
    margin-bottom: 3px
}

.w_news .w_side li,.w_news .w_side li .w_newsltem {
    height: 24px;
    overflow: hidden
}

.w_news .w_side h3 a {
    font-size: 22px;
    color: #e91c35
}

.w_news .w_side li {
    margin-top: 7px;
    line-height: 24px
}

.w_news .w_side li a {
    font-size: 16px;
    color: #666
}

.w_news .w_side .w_cirle {
    background: url("widget1452567977953.png-__sprite.png") 0 -1391px no-repeat;
    width: 5px;
    height: 5px;
    margin-top: 10px;
    margin-right: 8px;
    display: inline-block;
    float: left
}

.w_news .w_side .w_line {
    margin: 10px 12px;
    background: url("repeat.png") 0 -60px repeat-x;
    width: 357px;
    height: 2px
}

.w_news .w_side h2 {
    padding-left: 12px;
    font-weight: 500
}

.w_news .w_side h2 a {
    font-size: 18px;
    color: #333
}

.w_news .w_main {
    width: 785px;
    height: 320px;
    overflow: hidden;
    cursor: pointer;
    margin-left: 8px;
    float: right;
    position: relative
}

.w_news .w_side li.last {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    background: #f2f2f2
}

#playBox,#playBox ul li,#playBox ul li img {
    width: 785px;
    height: 320
}

#playBox,.playBox {
    background: #333;
    position: relative;
    overflow: hidden
}

#playBox ul,.playBox ul {
    width: 99999px;
    position: absolute;
    left: 0;
    top: 0
}

#playBox ul li,.playBox ul li {
    float: left
}

#playBox .left_btn,#playBox .right_btn,.playBox .left_btn,.playBox .right_btn {
    cursor: pointer;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 120px;
    z-index: 10
}

#playBox .left_btn,.playBox .left_btn {
    left: 10px;
    background: url("l.png") no-repeat
}

#playBox .right_btn,.playBox .right_btn {
    right: 10px;
    background: url("r.png") no-repeat
}

#playBox .ic,.playBox .ico {
    width: 310px;
    height: 10px;
    position: absolute;
    bottom: 15px;
    z-index: 10
}

#playBox .ico .ico_con,.playBox .ico .ico_con {
    width: 120px;
    margin: 0 auto
}

#playBox .ico a,.playBox .ico a {
    width: 10px;
    height: 10px;
    text-indent: 0;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 10px;
    background: #fff;
    float: left;
    overflow: hidden
}

#playBox .ico .thistitle,.playBox .ico .thistitle {
    background: #69aaec
}

.hand-youmumu {
    height: 445px;
    margin-bottom: 50px
}

.hand-youmumu .wrapper {
    position: relative;
    height: 445px
}

.hand-youmumu .fl {
    width: 479px;
    padding-top: 40px
}

.hand-youmumu .fl .titles {
    position: static;
    background: url("hand-youmumu-title.png") no-repeat;
    height: 154px;
    width: 552px;
    margin-bottom: 30px
}

.hand-youmumu .download {
    width: 479px;
    margin-top: 38px
}

.hand-youmumu .download ul {
    float: left;
    overflow: hidden
}

.hand-youmumu .download ul li {
    float: left;
    display: 102px;
    text-align: center;
    margin-right: 10px
}

.hand-youmumu .download ul li img {
    width: 102px;
    height: 102px
}

.hand-youmumu .fr {
    position: relative
}

.hand-youmumu .hand {
    position: absolute;
    z-index: -1;
    bottom: 20px;
    right: 0;
    width: 600px;
    height: 500px;
    background: url("hand.png") right bottom no-repeat;
    background-size: auto 380px
}

.hand-youmumu .download .hand-app {
    float: left;
    width: 134px;
    margin-right: 14px
}

.hand-youmumu .download .hand-app a {
    background-image: url("spriteV2.png");
    background-image: -webkit-image-set(url("spriteV2.png") 1x,url("spriteV2@2x.png") 2x);
    display: inline-block;
    width: 134px;
    height: 44px
}

.hand-youmumu .download .hand-app a.ios {
    background-position: -19px -141px;
    margin-top: 10px
}

.hand-youmumu .download .hand-app a.android {
    margin-top: 8px;
    background-position: -19px -199px
}

.city-change {
    width: 640px;
    height: 440px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border-radius: 2px;
    position: fixed;
    z-index: 9999;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    padding-bottom: 20px
}

.city-change .close {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: -15px;
    color:#fff;
    text-align: center;
    line-height:30px;
    border-radius:100%;
    font-size:20px;
    background-color: #0c6;
}

.city-change .close:hover{
    background-color: #f00;
}

.city-change .fc-main {
    padding: 0 40px;
    height: 335px;
    overflow-y: auto
}

#mainASider,.clip .bg {
    overflow: hidden
}

.city-change .fc-main .citys-l,.city-change .fc-main .citys-r {
    width: 50%;
    height: 100%
}

.city-change .fc-main ul {
    display: inline-block
}

.city-change .fc-main li {
    line-height: 41px
}

.city-change .fc-main li .code-title {
    display: inline-block;
    width: 12px;
    margin-right: 10px;
    color: #999
}

.city-change .fc-main li .city-enum {
    height: 100%;
    max-width: 250px
}

.city-change .fc-main li .city-enum a {
    margin-left: 7px;
    display: inline-block;
    color: #333
}

.city-change .fc-main li .city-enum a:hover {
    color: #00b064
}

.city-change .title-line {
    width: 590px;
    height: 1px;
    background-color: #eee;
    margin: 10px auto 25px
}

.city-change .title {
    text-align: left;
    margin: 30px 40px 0;
    font-size: 22px;
    color: #394043;
    font-weight: 700;
    position: relative
}

.city-change .title .city-tab {
    display: inline-block;
    float: right
}

.city-change .title .city-tab span {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-right: 9px;
    color: #999
}

.city-change .title .city-tab a {
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
    color: #394043
}

.city-change .title .city-tab a:hover {
    color: #00b064
}

.city-change .title .more {
    font-size: 12px;
    color: #00b064;
    text-align: right
}

#mainASider-Video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-object-fit: contain;
    object-fit: contain
}

#mainASider .clip {
    clip: rect(auto,auto,auto,auto);
    height: 100%;
    position: absolute;
    width: 100%;
    background: rgba(180,201,255,.2)
}

.clip .bg {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("patter.png")
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.ymm-stat-data {
    height: 638px;
    background-color: #232836
}

.ymm-stat-data .wrapper {
    padding: 52px 0 80px
}

.ymm-stat-data .new-head span.tit1 {
    color: #fff
}

.ymm-stat-data .new-head .title .lab {
    text-shadow: 0 0 0 rgba(255,255,255,.1)
}

.ymm-stat-data .new-head .more span {
    padding-left: 10px;
    font-size: 14px;
    color: #7c87a5
}

.ymm-stat-data .new-head .more span em {
    color: #ffc600;
    padding: 0 4px
}

.data-chart-box {
    width: 400px;
    height: 345px;
    background-color: #282e3d!important;
    border-radius: 3px;
    margin-top: 55px
}

.data-con-num a,.garden-hsprices {
    background-color: #282e3d;
    border-radius: 4px;
    overflow: hidden
}

.data-con {
    position: relative;
    width: 775px;
    padding-top: 55px
}

.data-con-num {
    margin-left: -20px
}

.data-con-num a {
    float: left;
    margin-left: 20px;
    display: block;
    width: 245px;
    height: 160px;
    font-size: 14px;
    text-align: center
}

.data-title {
    font-size: 14px;
    color: #5c647a;
    text-align: left;
    line-height: 52px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap
}

.average-price a .price,.sequential a .percentage {
    color: #ffc600
}

.average-price a .price b,.sequential a .percentage b {
    position: relative;
    top: 2px;
    padding-right: 5px;
    font-size: 40px;
    font-family: dinot-bold,tahoma,DINCond-Bold
}

.sequential a .percentage.rose {
    color: #ff3838
}

.garden-hsprices {
    height: 165px;
    margin-top: 20px;
    padding-left: 20px
}

.garden-hsprices .title {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #5c647a;
    line-height: 52px
}

.s-num-search {
    position: relative;
    width: 735px;
    -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.5);
    box-shadow: 0 3px 2px rgba(0,0,0,.5)
}

.s-num-inputbox {
    position: relative;
    width: 645px;
    height: 44px;
    border-right: 0;
    background-color: #fff;
    border-radius: 2px 0 0 2px
}

.s-num-inputbox input {
    display: block;
    width: 615px;
    height: auto;
    line-height: 30px;
    border: 0;
    z-index: 2;
    font-size: 14px;
    color: #333;
    background-color: transparent;
    padding: 5px
}

.s-num-search .search-btn {
    width: 90px;
    height: 44px;
    color: #fff;
    overflow: hidden;
    background-color: #ffc601;
    border: 0;
    border-radius: 0 2px 2px 0
}

.lf-error,.remember-password,.weixin-login {
    font-size: 0
}

.lf-error {
    position: absolute;
    left: 0;
    bottom: -22px;
    z-index: 3
}

.guide-item {
    float: left;
    margin-right: 24px;
    width: 280px;
    height: 400px;
    height: 350px;
    background-color: #fff;
    border: 1px solid #eee
}

.guide-item.last {
    margin-right: 0
}

.guide-item-link {
    display: block;
    padding-top: 30px;
    padding-bottom: 25px
}

.guide-item-link .face {
    width: 105px;
    height: 105px;
    margin-left: auto;
    margin-right: auto
}

.guide-item-link .face img {
    width: 106px;
    height: 106px;
    border-radius: 50%
}

.guide-item-link .name {
    padding-top: 17px;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.guide-item-link .tel-wrap {
    padding-top: 3px;
    padding-bottom: 16px;
    text-align: center;
    border-bottom: 1px solid #f2f3f7
}

.guide-item-link .tel {
    font-size: 16px;
    color: #666
}

.guide-item-link .desc {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    text-align: center;
    margin-top: 20px
}

.ymm-idx-broker {
    padding: 0 0 20px
}

.ymm-idx-broker .guide-item::first-child {
    margin-left: 0
}

.ymm-tool-banner {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -600px;
    width: 1200px;
    height: 100px;
    overflow: hidden
}

.ymm-tool-banner .d-item {
    position: relative;
    z-index: 3;
    float: left;
    display: block;
    width: 25%;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden
}

.ymm-tool-banner .d-item dl {
    margin-right: 1px;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#33000000', endColorstr='#33000000');
    background-color: rgba(0,0,0,.2)
}

.ymm-tool-banner .d-item:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background-color: rgba(0,0,0,.35);
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.ymm-tool-banner .d-item:hover:after {
    height: 290%;
    opacity: 1
}

.ymm-tool-banner dt {
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #fff;
    border-radius: 100%;
    margin: 20px 20px 0
}

.ymm-tool-banner dd {
    float: left;
    width: 150px
}

.ymm-tool-banner dt img {
    width: 30px;
    height: 30px;
    line-height: 58px;
    vertical-align: middle;
    cursor: pointer;
    margin: auto
}

.ymm-tool-banner dd h3 {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    padding-top: 22px
}

.ymm-tool-banner dd p {
    font-size: 14px;
    color: #fff;
    padding-top: 1px
}

.ymm-new {
    height: 560px
}

.ymm-new .tit_head {
    margin-bottom: 40px
}

.ymm-new .tit_head .tit-m {
    text-align: center;
    padding: 30px 0;
    border: 1px solid #f2f3f8;
    background: url("play.gif") no-repeat
}

.ymm-new .tit_head h3 {
    width: 1200px
}

.ymm-new .tit_head h3 ul {
    position: relative;
    height: 54px;
    width: 1200px;
    margin: 0 auto
}

.ymm-new .tit_head h3 ul li {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden;
    white-space: nowrap
}

.ymm-new .tit_head h3 ul li:first-child {
    opacity: 1;
    filter: alpha(opacity=100)
}

.ymm-new .tit_head h3 li a {
    font-size: 36px;
    font-weight: 700;
    color: #1b4b9b;
    text-transform: uppercase
}

.ymm-new .mod1 {
    width: 328px;
    margin-right: 30px
}

.ymm-new .mod-m {
    width: 484px
}

.ymm-new .mod3 {
    width: 328px
}

.ymm-new .mod1 a,.ymm-new .mod1 a img {
    width: 328px;
    height: 246px
}

.ymm-new .mod-m h4 a,.ymm-new .mod-m h5 a {
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.ymm-new .mod-m h4 {
    font-size: 28px;
    line-height: 45px;
    line-height: 53px;
    text-indent: 2px;
    font-weight: 700;
    vertical-align: top;
    margin-bottom: 3px
}

.ymm-new .mod-m h4 a {
    color: #1d334a
}

.ymm-new .mod-m h5 {
    font-size: 18px;
    line-height: 38px;
    line-height: 36px;
    padding-left: 3px
}

.ymm-new .mod-m h5 a {
    display: block;
    color: #425571;
    font-weight: 400;
    border-bottom: 1px solid transparent;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s
}

.ymm-new .mod-m h5 a:hover {
    border-bottom: 1px solid #eee
}

.ymm-new .mod-m .first {
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
    margin-padding: 5px;
    margin-top: -2px
}

.ymm-new .mts {
    margin-top: 10px
}

.ymm-new .mod3 img {
    width: 328px;
    height: 180px
}

.ty_live_about {
    line-height: 28px;
    margin-top: 20px
}

.ty_live_about h6 {
    height: 29px
}

.ty_live_about a {
    font-size: 14px;
    color: #425571;
    transition: .3s .1s;
    -webkit-transition: .3s .1s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

.ty_live_about i {
    background: url("sprite-common.png") -119px 0 no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 8px
}

.ty_live_about a:hover {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px)
}

.ty_live_about a:hover i {
    background-position: -99px 0
}

.ty_guess_list {
    padding-top: 11px
}

.ty_guess_list li {
    height: 32px;
    line-height: 32px;
    padding-left: 14px;
    position: relative;
    color: #43566f;
    overflow: hidden;
    white-space: nowrap;
    transition: .3s .1s;
    -webkit-transition: .3s .1s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

.ty_guess_list li:hover {
    transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px)
}

.ty_guess_list i {
    display: block;
    position: absolute;
    left: 1px;
    top: 14px;
    border: 1px solid #bababa;
    width: 2px;
    height: 2px;
    background-color: #d1d1d1
}

.ty_guess_list a {
    color: #43566f;
    font-size: 14px
}