::selection {
    background-color: rgba(13,173,81,.2);
    color: #333
}

::-moz-selection {
    background-color: rgba(13,173,81,.2);
    color: #333
}

::-webkit-selection {
    background-color: rgba(13,173,81,.2);
    color: #333
}

body,div,p {
    margin: 0;
    padding: 0
}

article,aside,canvas,details,figcaption,figure,header,hgroup,main,nav,section,summary {
    display: block
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll
}

img {
    border: 0;
    vertical-align: top
}

dd,dl,dt,li,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400;
    margin: 0;
    padding: 0
}

button,input,textarea {
    font-family: Hiragino Sans GB,Microsoft Yahei UI,Microsoft Yahei,"\5FAE\8F6F\96C5\9ED1",Segoe UI,Tahoma,"\5B8B\4F53 b8b\4F53",SimSun,sans-serif;
    margin: 0;
    outline: none;
    padding: 0;
    resize: none
}

input[type=search] {
    box-sizing: content-box
}

button {
    border: 0
}

b,em,i,strong {
    font-style: normal;
    font-weight: 400
}

iframe {
    border: 0;
    margin: 0;
    padding: 0
}

body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #333;
    font-family: Hiragino Sans GB,Microsoft Yahei UI,Microsoft Yahei,"\5FAE\8F6F\96C5\9ED1",Segoe UI,Tahoma,"\5B8B\4F53 b8b\4F53",SimSun,sans-serif;
    font-size: 14px;
    text-rendering: optimizeLegibility
}

.lianjia-header {
    background: #3072f6;
    color: #fff;
    height: 55px;
    line-height: 55px
}

.lianjia-header .welcome {
    font-size: 12px
}

.lianjia-header .logo {
  /*  background-image: url(../../common/img/logo.png?12312312321);*/
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    margin-top: 15px;
    width: 148px
}

.lianjia-header .nav {
    width: 840px
}

.lianjia-header .nav .login .typeShowUser a {
    font-size: 14px
}

.lianjia-header .nav .login .typeShowUser>a {
    margin: 0
}

.lianjia-header .nav ul {
    clear: both;
    float: right;
    margin-left: 20px;
    padding-top: 0;
    text-align: right;
    width: 606px
}

.lianjia-header .nav ul li {
    float: left;
    position: relative
}

.lianjia-header .nav ul li.hover:hover {
    z-index: 1005
}

.lianjia-header .nav ul li.hover:hover .nav-list {
    -webkit-transform: translateY(0) scale(1);
    display: block\9;
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    transform: translateY(0) scale(1);
    z-index: 99999
}

.lianjia-header .nav ul li.hover .nav-list {
    -webkit-transform: translateY(0) scale(0);
    -webkit-transform-origin: 50% 0;
    display: none\9;
    height: 20px;
    left: 50%;
    margin-left: -38px;
    opacity: 0;
    position: absolute;
    top: 42px;
    transform: translateY(0) scale(0);
    transform-origin: 50% 0;
    transition: all .5s cubic-bezier(.34,1.21,.4,1);
    width: 100px;
    z-index: 99999
}

.lianjia-header .nav ul li.hover .nav-list-xinfang {
    top: 26px
}

.lianjia-header .nav ul li.hover dd {
    background: #f9f9f9;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    left: -25px;
    margin-top: 13px;
    padding: 10px 0;
    position: absolute;
    width: 124px
}

.lianjia-header .nav ul li.hover dd img {
    float: left;
    height: 100px;
    margin-left: 13px;
    width: 100px
}

.lianjia-header .nav ul li.hover dd i {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    height: 0;
    left: 53px;
    position: absolute;
    top: -10px;
    width: 0
}

.lianjia-header .nav ul li.hover dd dl {
    height: 30px;
    line-height: 30px
}

.lianjia-header .nav ul li.hover dd dl a {
    color: #333;
    float: left;
    font-size: 14px;
    margin-left: 20px;
    padding: 0
}

.lianjia-header .nav ul li a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
    text-decoration: none
}

.lianjia-header .nav ul li a.on {
    background: #30965c
}

.lianjia-header .nav .login a {
    color: #fff;
    font-size: 16px;
    margin: 0 5px
}

.lianjia-header .nav .ti-hover {
    position: relative;
    z-index: 99
}

.lianjia-header .nav .ti-hover:hover .user-news ul {
    -webkit-transform: translateY(0) scale(1);
    display: block\9;
    filter: alpha(opacity=100);
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1)
}

.lianjia-header .nav .typeShowUser,.lianjia-header .nav .typeUserInfo {
    position: relative;
    z-index: 2
}

.lianjia-header .nav .typeShowUser .login_bubble_tip,.lianjia-header .nav .typeUserInfo .login_bubble_tip {
    background: #e2655c;
    display: inline;
    float: none;
    font-size: .875em;
    margin-left: 5px;
    padding: 1px 3px;
    width: auto
}

.lianjia-header .nav .typeShowUser a span,.lianjia-header .nav .typeUserInfo a span {
    float: left;
    max-width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lianjia-header .nav .typeShowUser a span.log,.lianjia-header .nav .typeShowUser a span.reg,.lianjia-header .nav .typeUserInfo a span.log,.lianjia-header .nav .typeUserInfo a span.reg {
    display: inline;
    float: none;
    position: relative;
    top: 1px
}

.lianjia-header .nav .user-news {
    bottom: 0;
    color: #fff;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.lianjia-header .nav .user-news i {
    background: #e2655c;
    display: inline-block;
    font-size: .875em;
    height: 11px;
    line-height: 11px;
    padding: 1px;
    text-align: center
}

.lianjia-header .nav .user-news>i {
    background-color: #e2655c;
    color: #fff;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    position: absolute;
    right: 37px;
    text-align: center;
    top: 18px
}

.lianjia-header .nav .user-news span {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    height: 0;
    left: 53px;
    position: absolute;
    top: -10px;
    width: 0
}

.lianjia-header .nav .user-news ul {
    -webkit-transform: translateY(0) scale(0);
    -webkit-transform-origin: 50% 0;
    background: #f9f9f9;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    display: none\9;
    filter: alpha(opacity=0);
    left: 50%;
    margin-left: -120px;
    opacity: 0;
    padding: 10px 0;
    position: absolute;
    top: 50px;
    transform: translateY(0) scale(0);
    transform-origin: 50% 0;
    transition: all .5s cubic-bezier(.34,1.21,.4,1);
    width: 198px
}

.lianjia-header .nav .user-news ul li {
    clear: both;
    color: #999;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 201px
}

.lianjia-header .nav .user-news ul li a {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin-left: 0;
    text-shadow: none
}

.lianjia-header .nav .user-news ul li a i {
    background: none;
    color: #f46a1f;
    font-weight: 700;
    margin: 0 3px
}

.lianjia-header .nav .user-news ul li.s-li {
    height: 0;
    left: 25px;
    position: relative;
    top: -10px
}

@media only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .lianjia-header .logo {
        background:url(../../common/img/logo@2x.png?c056e051b66a77dfa224);
        background-size: 148px 30px
    }
}

.lianjia-header .logo_dl {
    background: url(../../common/img/logo_dl_old.png?e1c0f05ba729f2d4493a)!important;
    background-repeat: no-repeat!important;
    display: block!important;
    height: 30px!important;
    margin-top: 12px!important;
    width: 259px!important
}

.lianjia-header .nav_dl {
    width: 740px!important
}

.lianjia-header .nav_dl ul {
    width: 604px!important
}

.dl-lst dt {
    float: left;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    margin-right: 6px
}

.dl-lst dt,.dl-lst dt h3 {
    font-weight: 700
}

.dl-lst dd {
    width: 946px;
    zoom:1}

.dl-lst dd a {
    color: #333;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    padding: 10px 7px 15px
}

.dl-lst dd a:hover {
    color: #2b66dc;
    text-decoration: underline
}

.dl-lst dd a.on {
    color: #ff0000
}

.dl-lst dd span {
    color: #3072f6;
    font-weight: 700;
    margin-left: 17px;
    margin-right: 2px
}



.ui-autocomplete {
    box-shadow: none;
    padding-top: 0;
    position: relative
}

.ui-autocomplete .ui-menu-item .hot-title {
    display: inline-block;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 325px
}

.searchs {
    background-color: #f1f1f1;
    background-image: url(../../common/img/tips-bg.png?cddbb0d9e6f39e8f2536);
    background-repeat: repeat-x;
    background-size: 18px 62px;
    height: 48px;
    line-height: 48px;
    padding-top: 10px;
    width: 100%
}

.searchs .search-txt {
    width: 720px
}

.searchs .search-txt .yjwd {
    line-height: 33px
}

.searchs .search-txt .yjwd a {
    color: #aaa;
    font-size: 12px;
    font-weight: 700
}

.searchs .search-txt .yjwd a:hover {
    text-decoration: none
}

.searchs .search-txt .yjwd i {
    display: block;
    float: left;
    margin-right: 5px;
    padding-top: 11px
}

.searchs .search-txt .yjwd img {
    height: 12px;
    width: 12px
}

.searchs .search-txt .search-tab {
    border: 1px solid #ccc;
    border-radius: 2px;
    float: left;
    height: 35px;
    position: relative;
    width: 500px
}

.searchs .search-txt .search-tab .suggest-wrap {
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.175);
    display: none;
    float: right;
    left: -1px;
    padding: 0;
    top: 5px;
    z-index: 99
}

.searchs .search-txt .search-tab .suggest-wrap .title {
    background: #f2f4f7;
    color: #718aa6;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    padding-left: 14px
}

.searchs .search-txt .search-tab i.icon {
    background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) -850px -51px;
    display: block;
    float: left;
    height: 4px;
    left: 60px;
    margin-right: 8px;
    margin-top: 16px;
    position: absolute;
    width: 7px;
    z-index: 98
}

.searchs .search-txt .search-tab .check {
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    width: 70px;
    z-index: 98
}

.searchs .search-txt .search-tab ul.tabs {
    background: #fff;
    display: none;
    float: left;
    height: 35px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 99
}

.searchs .search-txt .search-tab ul.tabs li {
    height: 35px;
    line-height: 35px;
    text-align: center
}

.searchs .search-txt .search-tab ul.tabs li:hover {
    background: #f9f9f9
}

.searchs .search-txt .search-tab ul.tabs li label {
    cursor: pointer
}

.searchs .search-txt .search-tab ul.tabs li a {
    color: #333
}

.searchs .search-txt .search-tab .txt-serach {
    left: 0;
    position: absolute;
    top: 0
}

.searchs .search-txt .search-tab .txt-serach input {
    background: #fff;
    border: 0;
    float: left;
    height: 31px;
    line-height: 31px;
    padding-left: 75px;
    position: relative;
    top: 2px;
    width: 425px
}

.searchs .search-txt .search-tab .txt-serach .hot-sug {
    display: none;
    margin-left: -1px;
    margin-top: 36px;
    position: absolute;
    z-index: 999
}

.searchs .search-txt .search-tab .txt-serach .hot-sug ul {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.175);
    box-sizing: border-box;
    display: none;
    width: 502px
}

.searchs .search-txt .search-tab .txt-serach .hot-sug li {
    height: 35px;
    line-height: 35px;
    padding: 0 14px
}

.searchs .search-txt .search-tab .txt-serach .hot-sug li.hot-name {
    background: #f2f4f7;
    color: #718aa6;
    font-weight: 700
}

.searchs .search-txt .search-tab .txt-serach .hot-sug li.hot-name:hover {
    background: #f2f4f7
}

.searchs .search-txt .search-tab .txt-serach .hot-sug li.del {
    cursor: pointer;
    display: none;
    text-align: right
}

.searchs .search-txt .search-tab .txt-serach .hot-sug li.del:hover {
    background: #fff
}

.searchs .search-txt .search-tab .txt-serach .hot-sug li a {
    color: #333;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    width: 100%
}

.searchs .search-txt .search-tab .txt-serach .hot-sug li:hover {
    background: #f2f2f2
}

.searchs .search-txt form {
    float: left;
    width: 620px
}

.searchs .search-txt .act-search {
    background: #c7524b;
    border: 1px solid #aa4741;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    margin-left: 10px;
    width: 100px
}

.searchs .last {
    color: #999;
    line-height: 35px;
    width: 190px
}

.searchs .last b {
    color: #999;
    float: left;
    font-weight: 700
}

.searchs .last a {
    color: #999;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px
}

.searchs .last i {
    background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) -845px -19px;
    display: inline-block;
    float: left;
    height: 18px;
    margin-right: 10px;
    margin-top: 8px;
    width: 18px
}

.searchs .last .ditu {
    background: #f5f5f5;
    border: 1px solid #bfbfbf;
    border-radius: 2px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    padding: 0 15px
}

.searchs .last .ditu i {
    background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) -1068px -615px;
    height: 13px;
    margin: 11px 5px 0 0;
    width: 13px
}

.searchs .last .ditu a {
    color: #333;
    display: block;
    overflow: auto;
    text-overflow: inherit;
    white-space: inherit;
    width: 81px
}

.savesearch {
    position: absolute;
    right: 3px;
    top: -6px;
    width: 125px
}

.savesearch,.savesearch .cunn {
    display: none
}

.savesearch .icon {
    background: url(../../common/img/save-bg.png?5526a485a206f1d6b18c) -15px -77px;
    height: 11px;
    position: absolute;
    right: 53px;
    top: 38px;
    width: 16px;
    z-index: 10
}

.savesearch ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.175);
    position: absolute;
    right: -4px;
    top: 42px;
    width: 502px;
    z-index: 9
}

.savesearch span {
    color: #aaa;
    cursor: pointer
}

.savesearch span label {
    background: url(../../common/img/save-bg.png?5526a485a206f1d6b18c) -3px -79px;
    display: block;
    height: 6px;
    position: absolute;
    right: 10px;
    top: 21px;
    width: 10px
}

.savesearch span label.down {
    background: url(../../common/img/save-bg.png?5526a485a206f1d6b18c) -3px -92px
}

.savesearch i {
    background: none;
    float: left
}

.savesearch li {
    cursor: pointer;
    line-height: 35px;
    margin: 0 15px
}

.savesearch li.more {
    color: #999;
    font-size: 12px;
    text-align: center
}

.savesearch li.title {
    background: #f5f5f6;
    border-bottom: 1px solid #e5e5e5;
    color: #999;
    cursor: default;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 15px
}

.savesearch li.list {
    height: 108px;
    overflow: hidden
}

.savesearch .li {
    border-bottom: 1px solid #eee;
    color: #333;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.savesearch .li .se {
    background: #f1f1f1;
    border-radius: 1px;
    color: #999;
    line-height: 0;
    margin: 7px 8px 7px 0;
    padding: 10px 4px
}

.savesearch .li .ti {
    color: #333;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.savesearch a {
    color: #555;
    font-size: 12px
}

.intro {
    background: #fff;
    border-top: 1px solid #eee;
    height: 46px;
    line-height: 46px
}

.intro .container {
    margin: 0 auto;
    width: 1000px
}

.intro .l-txt,.intro .r-txt {
    font-size: 12px
}

.intro .l-txt i {
    background: url(../../common/img/spring-img.png?ec54b951cb221b415c0c) no-repeat -12px -7px;
    display: inline-block;
    height: 19px;
    position: relative;
    top: 3px;
    width: 13px
}

.intro .l-txt a,.intro .l-txt span {
    color: #555
}

.intro .l-txt span.stp {
    color: #999;
    font-family: simsun
}

.intro .l-txt .num {
    color: #ff0000
}

.intro .r-txt {
    color: #888
}

.intro .r-txt .desc {
    color: #3072f6
}

.clear-fl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.fix-right {
    bottom: 50px;
    position: fixed;
    right: 20px;
    transition: all .3s ease-in-out;
    width: 37px;
    z-index: 100
}

.fix-right .tips {
    background: #f9f9f9;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    display: none;
    width: 37px
}

.fix-right .tips li {
    height: 24px;
    overflow: hidden;
    padding: 7px 0;
    position: relative;
    width: 37px
}

.fix-right .tips li span {
    background-image: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd);
    background-position: -594px -168px;
    color: #fff;
    filter: alpha(opacity=0);
    font-size: 12px;
    height: 37px;
    left: -96px;
    line-height: 37px;
    min-width: 79px;
    opacity: 0;
    padding-right: 5px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .5s ease-in;
    width: auto
}

.fix-right .tips li span.erweima {
    background: none;
    height: 88px;
    left: -94px;
    position: absolute;
    top: -1px;
    width: 82px
}

.fix-right .tips li span.erweima img {
    height: 88px;
    width: 82px
}

.fix-right .tips li span.tel {
    background-position: -717px -168px;
    left: -160px;
    padding-right: 5px;
    width: 152px
}

.fix-right .tips li:hover {
    background: #3072f6
}

.fix-right .tips li:hover span {
    filter: alpha(opacity=100);
    left: -76px
}

.fix-right .tips li:hover span.erweima {
    left: -74px;
    top: -1px
}

.fix-right .tips li:hover span.tel {
    left: -150px
}

.fix-right .tips li:hover label.erweima {
    background-position: -651px -24px
}

.fix-right .tips li:hover label.feedback {
    background-position: -651px -60px;
    cursor: pointer
}

.fix-right .tips li:hover label.im {
    background-position: -651px -100px
}

.fix-right .tips li:hover label.phone {
    background-position: -651px -137px
}

.fix-right .tips li:hover label.baodan {
    background-position: -675px -100px
}

.fix-right .tips li label {
    background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd);
    margin: 0 auto
}

.fix-right .tips li label,.fix-right .tips li label a {
    display: block;
    height: 19px;
    width: 17px
}

.fix-right .tips li label.erweima {
    background-position: -622px -24px;
    margin-top: 3px
}

.fix-right .tips li label.feedback {
    background-position: -622px -60px
}

.fix-right .tips li label.im {
    background-position: -622px -100px;
    margin-top: 4px
}

.fix-right .tips li label.phone {
    background-position: -622px -137px;
    margin-top: 5px
}

.fix-right .tips li label.baodan {
    background-position: -697px -100px;
    margin-top: 3px
}

.fix-right .has-ask {
    background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -824px -1px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    cursor: pointer;
    display: none;
    height: 37px;
    margin-top: 9px;
    overflow: hidden;
    position: relative;
    width: 37px
}

.fix-right .has-ask a {
    color: #adadaf;
    display: block;
    height: 37px;
    width: 37px
}

.fix-right .has-ask:hover {
    background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -780px -1px
}

.fix-right .has-ask:hover a {
    color: #fff;
    text-decoration: none
}

.fix-right .go-top {
    background: #f9f9f9;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    cursor: pointer;
    display: none;
    height: 24px;
    margin-top: 9px;
    overflow: hidden;
    padding-top: 13px;
    position: relative;
    width: 37px
}

.fix-right .go-top:hover {
    background: #3072f6
}

.fix-right .go-top:hover i {
    background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -633px -230px
}

.fix-right .go-top:hover span {
    filter: alpha(opacity=100);
    left: -70px;
    transition: all .5s ease-in
}

.fix-right .go-top i {
    background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -604px -230px;
    display: block;
    height: 9px;
    margin: 0 auto;
    width: 17px
}

.fix-right .go-top span {
    background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -600px -168px;
    color: #fff;
    display: block;
    filter: alpha(opacity=0);
    font-size: 12px;
    height: 37px;
    left: -90px;
    line-height: 37px;
    padding-right: 5px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 74px
}

.sh-erweima {
    background-position: 0 0;
    height: 175px;
    right: 173px;
    top: 10px;
    width: 215px
}

.ewm-close,.sh-erweima {
    background-image: url(../../common/img/sh-erweima.png?0c33daa4407b8496fb69);
    display: none;
    position: relative
}

.ewm-close {
    background-position: 0 -239px;
    height: 31px;
    right: -20px;
    top: 30px;
    width: 31px;
    z-index: 99
}

.feedback-box {
    background: #fff;
    border-radius: 5px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    display: none;
    left: 50%;
    margin-left: -263px;
    margin-top: -273px;
    padding: 55px;
    position: fixed;
    top: 50%;
    width: 415px;
    z-index: 10000
}

.feedback-box h1 {
    font-size: 20px;
    line-height: 40px;
    text-align: center
}

.feedback-box p {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.feedback-box .box {
    padding-top: 15px
}

.feedback-box .box span {
    display: block;
    font-weight: 700;
    padding-bottom: 12px
}

.feedback-box .box span label {
    color: red;
    display: none;
    font-size: 12px;
    margin-left: 10px
}

.feedback-box .box span i {
    color: #999
}

.feedback-box .box input {
    height: 34px;
    padding: 0 8px;
    width: 182px
}

.feedback-box .box input,.feedback-box .box textarea {
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.05)
}

.feedback-box .box textarea {
    height: 120px;
    padding: 8px;
    width: 397px
}

.feedback-box .box input:-moz-placeholder,.feedback-box .box input::-moz-placeholder {
    color: #999;
    opacity: 1
}

.feedback-box .box input:-ms-input-placeholder {
    color: #999;
    opacity: 1
}

.feedback-box .box input::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

.feedback-box .box textarea:-moz-placeholder,.feedback-box .box textarea::-moz-placeholder {
    color: #999;
    opacity: 1
}

.feedback-box .box textarea:-ms-input-placeholder {
    color: #999;
    opacity: 1
}

.feedback-box .box textarea::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

.feedback-box button {
    background: #3072f6;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 43px;
    line-height: 43px;
    margin-top: 26px;
    width: 180px
}

.feedback-box #tips {
    color: #ff0000;
    display: block;
    font-size: 12px;
    margin-top: 20px
}

.feedback-box .has {
    font-size: 12px;
    margin-top: 40px
}

.feedback-box .has a {
    color: #1688be
}

.feedback-box .has i {
    background: url(../../common/img/Sprite_Graphic.png?8aae97bd624eebf2e9cd) -722px -102px;
    display: inline-block;
    height: 14px;
    margin-right: 3px;
    position: relative;
    top: 3px;
    width: 14px
}

.feedback-box .tab {
    margin-top: 25px
}

.feedback-box .tab span {
    background: #f5f5f6;
    color: #101d37;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0 15px
}

.feedback-box .tab span.check {
    background: #101d37;
    color: #f5f5f6;
    position: relative
}

.feedback-box .tab span.check:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #101d37;
    content: "";
    display: inline-block;
    height: 0;
    left: 50px;
    margin-left: -11px;
    position: absolute;
    top: 34px;
    width: 0
}

.feedback-box .complain .appeal .tel {
    background: #f9f4e4;
    color: #887b50;
    height: 50px;
    line-height: 50px;
    margin-top: 37px;
    text-align: center;
    width: 100%
}

.feedback-box .complain .appeal .tel i {
    background-image: url(../../common/img/tousu.png?dd1e6b6b769e1a524701);
    background-image: -webkit-image-set(url(../../common/img/tousu.png?dd1e6b6b769e1a524701) 1x,url(../../common/img/tousu@2x.png?9f8284e4b38889f9786d) 2x);
    background-position: -4px -47px;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    width: 9px
}

.feedback-box .complain .appeal b {
    color: #101d37;
    display: block;
    font-weight: 700;
    margin-top: 40px
}

.feedback-box .complain .appeal p {
    color: #b2b2b2;
    line-height: 23px
}

.feedback-box .complain .appeal ul li {
    border-bottom: 1px solid #f5f5f5;
    height: 40px;
    line-height: 40px
}

.feedback-box .complain .appeal ul li span {
    color: #101d37;
    display: inline-block;
    font-size: 12px
}

.feedback-box .complain .appeal ul li span.time {
    width: 142px
}

.feedback-box .complain .appeal ul li span.name {
    width: 60px
}

.feedback-box .complain .appeal ul li span.phone {
    width: 97px
}

.feedback-box .complain .appeal ul li span.type {
    width: 80px
}

.feedback-box .complain .appeal ul li span.finish,.feedback-box .complain .appeal ul li span.handle {
    font-weight: 700
}

.feedback-box .complain .appeal ul li span.handle {
    color: #938762
}

.feedback-box .complain .appeal ul li span.finish {
    color: #3072f6
}

.feedback-box .complain .appeal a {
    color: #b2b2b2;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    text-decoration: underline
}

.closebok {
    position: absolute;
    right: -23px;
    top: -23px;
    z-index: 999
}

.closebok,.closebok img {
    width: 50px
}

.fix-right-v2 {
    background: #fff;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 38px;
    z-index: 1000;
    z-index: 1001
}

.fix-right-v2 table {
    height: 100%;
    width: 100%
}

.fix-right-v2 table,.fix-right-v2 td {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0
}

.fix-right-v2 a {
    background-image: url(../../common/img/sidebar_spriteV4.png?a211b4478decdf3a64cc);
    background-image: -webkit-image-set(url(../../common/img/sidebar_spriteV4.png?a211b4478decdf3a64cc) 1x,url(../../common/img/sidebar_spriteV4@2x.png?eaf30b95a003bca0e692) 2x);
    cursor: pointer;
    display: block;
    font-size: 0;
    overflow: hidden;
    width: 38px
}

.fix-right-v2 li {
    margin: 7px 0;
    position: relative
}

.fix-right-v2 li span {
    background: #3072f6;
    color: #fff;
    display: none;
    font-size: 12px;
    line-height: 38px;
    padding: 0 14px;
    position: absolute;
    right: 48px;
    top: 0;
    white-space: nowrap
}

.fix-right-v2 li span i {
    border: 5px solid transparent;
    border-left-color: #3072f6;
    font-size: 0;
    height: 0;
    margin: -5px -10px 0 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0
}

.fix-right-v2 li .popup-qr {
    background: #fff;
    padding: 8px;
    top: -30px
}

.fix-right-v2 li .popup-qr i {
    border-color: transparent transparent transparent #fff
}

.fix-right-v2 li .popup-qr .qr-title {
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding-top: 8px;
    text-align: center
}

.fix-right-v2 .myfav a,.fix-right-v2 .myfav span {
    height: 38px;
    line-height: 38px
}

.fix-right-v2 .myfav a {
    background-position: -38px 0
}

.fix-right-v2 .myfav:hover a {
    background-position: 0 0
}

.fix-right-v2 .ask a,.fix-right-v2 .ask span {
    height: 50px;
    line-height: 50px
}

.fix-right-v2 .ask a {
    background-position: -38px -38px
}

.fix-right-v2 .ask:hover a {
    background-position: 0 -38px
}

.fix-right-v2 .sell a,.fix-right-v2 .sell span {
    height: 50px;
    line-height: 50px
}

.fix-right-v2 .sell a {
    background-position: -38px -88px
}

.fix-right-v2 .sell:hover a {
    background-position: 0 -88px
}

.fix-right-v2 .kefu a,.fix-right-v2 .kefu span {
    height: 38px;
    line-height: 38px
}

.fix-right-v2 .kefu a {
    background-position: -38px -142px
}

.fix-right-v2 .kefu:hover a {
    background-position: 0 -142px
}

.fix-right-v2 .baodan a,.fix-right-v2 .baodan span {
    height: 38px;
    line-height: 38px
}

.fix-right-v2 .baodan a {
    background-position: -38px -186px
}

.fix-right-v2 .baodan:hover a {
    background-position: 0 -186px
}

.fix-right-v2 .download a,.fix-right-v2 .download span {
    line-height: 38px
}

.fix-right-v2 .download a {
    background-position: -38px -224px;
    height: 38px
}

.fix-right-v2 .download:hover a {
    background-position: 0 -224px
}

.fix-right-v2 .phone a,.fix-right-v2 .phone span {
    height: 38px;
    line-height: 38px
}

.fix-right-v2 .phone a {
    background-position: -38px -265px;
    cursor: default
}

.fix-right-v2 .phone:hover a {
    background-position: 0 -265px
}

.fix-right-v2 .feedback a,.fix-right-v2 .feedback span {
    height: 38px;
    line-height: 38px
}

.fix-right-v2 .feedback a {
    background-position: -38px -302px
}

.fix-right-v2 .feedback:hover a {
    background-position: 0 -302px
}

.fix-right-v2 .avoiddistrub a,.fix-right-v2 .avoiddistrub span {
    height: 38px;
    line-height: 38px
}

.fix-right-v2 .avoiddistrub a {
    background-position: -38px -466px
}

.fix-right-v2 .avoiddistrub:hover a {
    background-position: 0 -466px
}

.fix-right-v2 .gotop {
    bottom: 50px;
    position: absolute
}

.fix-right-v2 .gotop a,.fix-right-v2 .gotop span {
    height: 38px;
    line-height: 38px
}

.fix-right-v2 .gotop a {
    background-position: -38px -338px
}

.fix-right-v2 .gotop:hover a {
    background-position: 0 -338px
}

.fix-right-v2 .sidebar-line {
    background: #ccc;
    height: 1px;
    margin: 7px auto;
    width: 19px
}

.fix-right-v3 {
    background: #fff;
    box-shadow: 0 1px 10px rgba(0,0,0,.2);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 38px;
    z-index: 1000;
    z-index: 1001
}

.fix-right-v3 table {
    height: 100%;
    width: 100%
}

.fix-right-v3 table,.fix-right-v3 td {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0
}

.fix-right-v3 .sidebar-item>a {
    background-image: url(../../common/img/sidebar_spriteV3.png?0b8dc8aa17cc3a7e2384);
    background-image: -webkit-image-set(url(../../common/img/sidebar_spriteV3.png?0b8dc8aa17cc3a7e2384) 1x,url(../../common/img/sidebar_spriteV3@2x.png?8f217981d31ff3fbebf7) 2x);
    cursor: pointer;
    display: block;
    font-size: 0;
    overflow: hidden;
    width: 38px
}

.fix-right-v3 .sidebar-item {
    margin: 7px 0;
    position: relative
}

.fix-right-v3 .sidebar-item .popup {
    background: #3072f6;
    color: #fff;
    display: none;
    font-size: 12px;
    padding: 0 14px;
    position: absolute;
    right: 48px;
    top: 0;
    white-space: nowrap
}

.fix-right-v3 .sidebar-item .popup i {
    border: 5px solid transparent;
    border-left-color: #3072f6;
    font-size: 0;
    height: 0;
    margin: -5px -10px 0 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0
}

.fix-right-v3 .sidebar-item .popup-qr {
    background: #fff;
    padding: 8px;
    top: -30px
}

.fix-right-v3 .sidebar-item .popup-qr i {
    border-color: transparent transparent transparent #fff
}

.fix-right-v3 .sidebar-item .popup-qr .qr-title {
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding-top: 8px;
    text-align: center
}

.fix-right-v3 .myfav>a,.fix-right-v3 .myfav span {
    height: 38px;
    line-height: 38px
}

.fix-right-v3 .myfav>a {
    background-position: -38px 0
}

.fix-right-v3 .myfav:hover>a {
    background-position: 0 0
}

.fix-right-v3 .mycart>a {
    background-position: -38px -421px;
    height: 38px;
    line-height: 38px
}

.fix-right-v3 .mycart.not-empty>a {
    background-position: -38px -378px
}

.fix-right-v3 .mycart:hover>a {
    background-position: 0 -378px
}

.fix-right-v3 .mycart .popup {
    background: #fff;
    border: 1px solid #f5f5f6;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    color: #616669;
    padding: 15px 25px 25px;
    width: 300px;
    z-index: 100
}

.fix-right-v3 .mycart .popup i {
    border-color: transparent transparent transparent #fff;
    top: 18px
}

.fix-right-v3 .mycart .popup .head-line {
    border-bottom: 1px solid #eee;
    color: #d0d1d2;
    line-height: 18px;
    padding-bottom: 13px
}

.fix-right-v3 .mycart .popup .head-line .title a {
    color: #101d37;
    font-size: 18px;
    font-weight: 700
}

.fix-right-v3 .mycart .popup .head-line .title a:hover {
    text-decoration: none
}

.fix-right-v3 .mycart .popup .head-line .explain {
    line-height: 18px;
    margin-left: 15px
}

.fix-right-v3 .mycart .popup .head-line .explain a {
    color: #d0d1d2
}

.fix-right-v3 .mycart .popup .head-line .explain a:hover {
    text-decoration: none
}

.fix-right-v3 .mycart .popup .zones {
    margin-bottom: 13px;
    max-height: 410px;
    overflow-x: hidden;
    overflow-y: auto
}

.fix-right-v3 .mycart .popup .zones .zone {
    padding-top: 5px
}

.fix-right-v3 .mycart .popup .zones .zone .zone-title {
    color: #616669;
    font-size: 14px;
    line-height: 45px
}

.fix-right-v3 .mycart .popup .zones .zone .houses>li {
    display: block;
    margin-bottom: 20px
}

.fix-right-v3 .mycart .popup .zones .zone .houses>li:last-child {
    margin-bottom: 10px
}

.fix-right-v3 .mycart .popup .zones .zone .houses>li .house-detail {
    margin-left: 14px
}

.fix-right-v3 .mycart .popup .zones .zone .houses>li img {
    height: 60px;
    width: 80px
}

.fix-right-v3 .mycart .popup .zones .zone .houses>li h1 {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    max-width: 188px;
    overflow: hidden;
    text-overflow: ellipsis
}

.fix-right-v3 .mycart .popup .zones .zone .houses>li h1 a {
    color: #101d37
}

.fix-right-v3 .mycart .popup .zones .zone .houses>li .info {
    color: #616669;
    font-size: 12px;
    line-height: 12px;
    margin: 10px 0
}

.fix-right-v3 .mycart .popup .zones .zone .houses>li .price {
    color: #db4c3f;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px
}

.fix-right-v3 .mycart .popup .zone-loading {
    text-align: center
}

.fix-right-v3 .mycart .popup .book-btn a {
    background: #3072f6;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 45px;
    text-align: center;
    width: 100%
}

.fix-right-v3 .mycart .popup .book-btn a:hover {
    text-decoration: none
}

.fix-right-v3 .mycart .popup .empty-cart,.fix-right-v3 .mycart .popup .failed-cart,.fix-right-v3 .mycart .popup .loading {
    color: #969696;
    font-size: 17px;
    text-align: center
}

.fix-right-v3 .mycart .popup .empty-cart .empty-img,.fix-right-v3 .mycart .popup .failed-cart .empty-img,.fix-right-v3 .mycart .popup .loading .empty-img {
    background-image: url(../../common/img/empty_cart.png?7b6482cece65c3f11d04);
    background-image: -webkit-image-set(url(../../common/img/empty_cart.png?7b6482cece65c3f11d04) 1x,url(../../common/img/empty_cart@2x.png?6b3e8f7c99bf96022896) 2x);
    background-repeat: no-repeat;
    height: 94px;
    margin: 40px auto 30px;
    width: 99px
}

.fix-right-v3 .mycart .popup .empty-cart .failed-img,.fix-right-v3 .mycart .popup .failed-cart .failed-img,.fix-right-v3 .mycart .popup .loading .failed-img {
    background-image: url(../../common/img/failed.png?94fd5a28aabe59df15e7);
    background-image: -webkit-image-set(url(../../common/img/failed.png?94fd5a28aabe59df15e7) 1x,url(../../common/img/failed@2x.png?42ac87677594872371f4) 2x);
    background-repeat: no-repeat;
    height: 106px;
    margin: 40px auto 30px;
    width: 77px
}

.fix-right-v3 .mycart .popup .empty-cart .loading-img,.fix-right-v3 .mycart .popup .failed-cart .loading-img,.fix-right-v3 .mycart .popup .loading .loading-img {
    background: none;
    height: 34px;
    margin: 20px auto 18px;
    width: 34px
}

.fix-right-v3 .mycart .popup .empty-cart .msg,.fix-right-v3 .mycart .popup .failed-cart .msg,.fix-right-v3 .mycart .popup .loading .msg {
    line-height: 17px;
    margin-bottom: 50px
}

.fix-right-v3 .mycart .popup .loading .msg {
    margin-bottom: 23px
}

.fix-right-v3 .msg-cart a {
    background-position: -38px -378px
}

.fix-right-v3 .ask a,.fix-right-v3 .ask span {
    height: 50px;
    line-height: 50px
}

.fix-right-v3 .ask a {
    background-position: -38px -38px
}

.fix-right-v3 .ask:hover a {
    background-position: 0 -38px
}

.fix-right-v3 .sell a,.fix-right-v3 .sell span {
    height: 50px;
    line-height: 50px
}

.fix-right-v3 .sell a {
    background-position: -38px -88px
}

.fix-right-v3 .sell:hover a {
    background-position: 0 -88px
}

.fix-right-v3 .kefu a,.fix-right-v3 .kefu span {
    height: 38px;
    line-height: 38px
}

.fix-right-v3 .kefu a {
    background-position: -38px -142px
}

.fix-right-v3 .kefu:hover a {
    background-position: 0 -142px
}

.fix-right-v3 .baodan a,.fix-right-v3 .baodan span {
    height: 38px;
    line-height: 38px
}

.fix-right-v3 .baodan a {
    background-position: -38px -186px
}

.fix-right-v3 .baodan:hover a {
    background-position: 0 -186px
}

.fix-right-v3 .download a,.fix-right-v3 .download span {
    line-height: 38px
}

.fix-right-v3 .download a {
    background-position: -38px -224px;
    height: 38px
}

.fix-right-v3 .download:hover a {
    background-position: 0 -224px
}

.fix-right-v3 .phone a,.fix-right-v3 .phone span {
    height: 38px;
    line-height: 38px
}

.fix-right-v3 .phone a {
    background-position: -38px -265px;
    cursor: default
}

.fix-right-v3 .phone:hover a {
    background-position: 0 -265px
}

.fix-right-v3 .feedback a,.fix-right-v3 .feedback span {
    height: 38px;
    line-height: 38px
}

.fix-right-v3 .feedback a {
    background-position: -38px -302px
}

.fix-right-v3 .feedback:hover a {
    background-position: 0 -302px
}

.fix-right-v3 .avoiddistrub a,.fix-right-v3 .avoiddistrub span {
    height: 38px;
    line-height: 38px
}

.fix-right-v3 .avoiddistrub a {
    background-position: -38px -466px
}

.fix-right-v3 .avoiddistrub:hover a {
    background-position: 0 -466px
}

.fix-right-v3 .gotop {
    bottom: 50px;
    position: absolute
}

.fix-right-v3 .gotop a,.fix-right-v3 .gotop span {
    height: 38px;
    line-height: 38px
}

.fix-right-v3 .gotop a {
    background-position: -38px -338px
}

.fix-right-v3 .gotop:hover a {
    background-position: 0 -338px
}

.fix-right-v3 .sidebar-line {
    background: #ccc;
    height: 1px;
    margin: 7px auto;
    width: 19px
}

.wrap-video-all {
    color: #999;
    cursor: pointer;
    float: left;
    line-height: 36px;
    margin: 0 -50px 0 -80px
}

.wrap-video-all img {
    height: 14px;
    left: 0;
    margin-right: 5px;
    position: relative;
    top: 10px
}

.wrap-video-all a {
    color: #999
}

.wrap-video-all:hover {
    text-decoration: underline
}

.video-box {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100
}

.video-box .video-bg {
    background: #000;
    height: 100%;
    opacity: .5;
    position: absolute;
    width: 100%
}

.video-box .video-embed {
    background: #fff;
    border-radius: 5px;
    bottom: 0;
    float: left;
    height: 490px;
    left: 0;
    margin: auto;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 650px
}

.video-box .video-embed .video-title {
    float: left;
    margin-bottom: 16px;
    width: 650px
}

.video-box .video-embed .video-title .video-app-download {
    margin-left: 18px;
    position: relative
}

.video-box .video-embed .video-title .video-app-download a {
    color: #22b97a;
    cursor: pointer
}

.video-box .video-embed .video-title .video-app-download a .video-logo-app {
    height: 17px;
    left: 0;
    margin-right: 7px;
    position: relative;
    top: 1px
}

.video-box .video-embed .video-title .video-app-download a span {
    position: relative
}

.video-box .video-embed .video-title .video-app-download a:hover {
    text-decoration: underline
}

.video-box .video-embed .video-close {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 40px
}

.advert .entry {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: fixed;
    z-index: 100
}

.advert .entry img {
    width: 163px
}

.advert .huodongBox {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1011
}

.advert .huodongBox img {
    width: 750px
}

.advert .huodongBox img.advertClose {
    cursor: pointer;
    height: 42px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 42px
}

.advert .huodong-wrap {
    left: 50%;
    margin: -245px 0 0 -335px;
    position: absolute;
    top: 50%
}

.infoWrap .lianjiaim-createtalkAll {
    background: none;
    border: 1px solid #4285f4;
    border-radius: 2px;
    box-sizing: border-box;
    color: #4285f4;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    width: 50px
}

.infoWrap .lianjiaim-createtalkAll:hover {
    background-color: #f5f8fd
}

.infoWrap .lianjiaim-createtalkAll .im-icon {
    background-image: url(https://s1.ljcdn.com/feroot/pc/asset/ershoufang/component/sprite.png?t=1489639851328);
    background-position: -469px -173px;
    display: inline-block;
    height: 12px;
    vertical-align: -1px;
    width: 13px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .infoWrap .lianjiaim-createtalkAll .im-icon {
        background-image:url(https://s1.ljcdn.com/feroot/pc/asset/ershoufang/component/sprite@2x.png?t=1489639851328);
        background-size: 606px 356px
    }
}

a,a:focus {
    outline: none
}

a:hover {
    text-decoration: underline
}

.mtl {
    margin-top: 20px
}

.clear:after {
    content: ".";
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.clear {
    display: inline-table;
    *zoom:1}

* html .clear {
    height: 1%
}

.clear {
    display: block
}

.hide {
    display: none
}

::selection {
    background-color: #1688be;
    color: #fff
}

::-moz-selection {
    background-color: #1688be;
    color: #fff
}

::-webkit-selection {
    background-color: #1688be;
    color: #fff
}

.left {
    float: left
}

.right {
    float: right
}

.fs14 {
    font-size: 14px
}

.ft-num {
    font-family: Arial,sans-serif
}

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

.p {
    display: inline-block;
    *display: inline;
    position: relative;
    zoom:1}

.box-shadow {
    -o-box-shadow: "" 0 2px 4px 0 hsla(0,0%,62%,.2) 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px 0 hsla(0,0%,62%,.2);
    box-shadow: 0 2px 4px 0 1px 2px "" hsla(0,0%,62%,.2) rgba(0,0,0,.2)
}

@media screen {
    .lazyload {
        opacity: 0
    }

    .lazyload.loaded {
        opacity: 1;
        transition: opacity .3s ease-in;
        transition: all opacity .3s ease-in ease
    }
}

.ico {
    background-image: url(../../common/img/ico.png?83640703eb3ba4117901);
    _background-image: url(../../common/img/ico.png?83640703eb3ba4117901);
    background-repeat: no-repeat;
    height: 19px;
    margin: -1px 5px 0 0;
    overflow: hidden;
    width: 20px
}

.ico-place {
    background-position: -65px 1px;
    margin-right: -5px
}

.ico-place-white {
    background-position: -100px -20px;
    height: 14px;
    width: 11px
}

.ico-place-list {
    background-position: -103px -42px;
    height: 14px;
    width: 11px
}

.ico-all {
    background-position: 0 0
}

.ico-train {
    background-position: -20px 0
}

.ico-map {
    background-position: -40px 0
}

.ico-star {
    background-position: -80px 0
}

.ico-arr-down {
    background-position: -80px -20px;
    margin-right: 0;
    width: 15px
}

.ico-pic {
    background: url(../../common/img/pic-ico.png?ff61edbf26d30274a1e8) no-repeat;
    height: 11px;
    width: 11px
}

.ico-arr-w-down {
    background-position: -102px 0;
    width: 15px
}

.ico-hot {
    background-position: -60px -20px;
    height: 11px;
    width: 10px
}

.ico-new {
    background-position: -60px -40px;
    height: 11px;
    width: 24px
}

.icon-hui {
    background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) no-repeat -150px -444px;
    display: inline-block;
    height: 20px;
    width: 31px
}

.ico,.ico-pic {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom:1}

.suggest-wrap {
    position: relative;
    top: -1px;
    *zoom:1}

.suggest-wrap:after,.suggest-wrap:before {
    content: "";
    display: table
}

.suggest-wrap:after {
    clear: both
}

.suggest-wrap .home-ico {
    display: none;
    margin: 4px 0 0 21px;
    position: absolute
}

.ui-front {
    z-index: 1002
}

.ui-autocomplete {
    background-color: #fff;
    border-top: 0;
    box-sizing: border-box;
    font-family: Hiragino Sans GB,"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei,SimHei,Tahoma,"\5B8B\4F53 b8b\4F53",SimSun,sans-serif;
    margin-top: 0;
    padding: 0 0 15px
}

.ui-autocomplete .ui-menu-item {
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 20px;
    position: relative
}

.ui-autocomplete .ui-menu-item .count b {
    margin-left: 6px
}

.ui-autocomplete .ui-menu-item a {
    color: #333;
    display: block;
    font-size: 14px
}

.ui-autocomplete .ui-menu-item .sub-text {
    color: #999;
    font-size: 12px;
    height: 35px
}

.ui-autocomplete .ui-menu-item .hot-title b {
    font-weight: 700
}

.ui-autocomplete .ui-state-focus {
    background-color: #f9f9f9
}

.ui-autocomplete .ui-state-focus .count,.ui-autocomplete .ui-state-focus .sub-text,.ui-autocomplete .ui-state-focus a,.ui-autocomplete .ui-state-focus span {
    color: #333
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.search-panel-common .suggest-wrap {
    top: 31px
}

.search-panel-common .suggest-wrap .ui-autocomplete {
    border-radius: 0 0 3px 3px;
    margin-top: 0;
    padding: 1px
}

.search-panel-common .suggest-wrap .ui-autocomplete .ui-menu-item {
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    padding: 0 10px
}

.search-panel-common .suggest-wrap .ui-autocomplete .ui-menu-item .count,.search-panel-common .suggest-wrap .ui-autocomplete .ui-menu-item .sub-text {
    display: none
}

.search-panel-common .suggest-wrap .count {
    overflow: hidden;
    width: 60px
}

.page-box a {
    border: 1px solid #b0b4b9;
    color: #555;
    display: inline-block;
    *display: inline;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    overflow: hidden;
    padding: 0 12px;
    text-align: center;
    vertical-align: middle;
    zoom:1}

.page-box a.on {
    background: #f5f5f5;
    cursor: default;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none
}

.page-box span {
    font-size: 16px;
    margin: 0 8px 0 13px
}

.page-box .blue-btn {
    background: #1f6bdf url(../../common/img/btn-bg.png?4d5019e695050b12d77c) 0 -60px repeat-x;
    border-color: #1f66c3;
    color: #fff;
    padding: 0 30px;
    width: auto
}

.page-box .blue-btn:hover {
    background-position: 0 -90px;
    text-decoration: none
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.animated {
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-duration: .5s;
    animation-fill-mode: both
}

.loninContaner {
    position: relative;
    z-index: 1008
}

.loninContaner .y_name {
    background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) no-repeat -678px -23px;
    display: inline-block;
    *display: inline;
    height: 50px;
    vertical-align: middle;
    width: 255px;
    *zoom:1;zoom:1}

.loninContaner .overlay_bg {
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    height: 100%;
    left: 0;
    opacity: .6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1003
}

.loninContaner .registered {
    color: #555;
    margin-top: 5px;
    padding: 10px 0 25px;
    text-align: right;
    width: 380px
}

.loninContaner .registered a {
    color: #ff0000
}

.loninContaner .panel_login {
    -moz-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    -o-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    display: none;
    height: auto;
    left: 50%;
    margin-left: -190px;
    margin-top: -205px;
    padding-left: 40px;
    position: fixed;
    top: 50%;
    width: 340px;
    z-index: 999;
    z-index: 10000
}

.loninContaner .panel_login.panel_success {
    border-radius: 2px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 125px;
    padding-left: 0;
    padding-top: 57px;
    text-align: center;
    width: 380px
}

.loninContaner .panel_login.panel_success i {
    cursor: pointer;
    line-height: 25px;
    position: absolute;
    right: 10px;
    top: 8px
}

.loninContaner .panel_login.panel_success .tologin {
    cursor: pointer
}

.loninContaner .panel_login.panel_success>div {
    font-size: 14px;
    font-weight: lighter;
    margin-top: 20px
}

.loninContaner .panel_login.panel_success>div a {
    color: #3072f6;
    text-decoration: none
}

.loninContaner .panel_login.panel_success>div a:hover {
    text-decoration: underline
}

.loninContaner .panel_login .panel_info {
    padding-top: 40px;
    width: 300px
}

.loninContaner .panel_login .panel_info .close_login {
    cursor: pointer;
    padding: 4px;
    position: absolute;
    right: 15px;
    top: 15px
}

.loninContaner .panel_login .panel_reg {
    background-color: #f3f3f3;
    height: 425px;
    width: 229px
}

.loninContaner .panel_login .panel_bg {
    background: url(../../common/img/sprite_lb.png?b77a07a6667d13e4a4b0) no-repeat 0 -101px;
    bottom: 0;
    height: 69px;
    left: 0;
    position: absolute;
    width: 209px
}

.loninContaner .panel_login .panel_tab .title {
    line-height: 20px;
    margin-bottom: 40px;
    min-height: 20px;
    padding-left: 0
}

.loninContaner .panel_login .panel_tab .title .fl {
    color: #333;
    font-size: 20px;
    font-weight: 700
}

.loninContaner .panel_login .panel_tab .title label {
    color: #999;
    line-height: 28px
}

.loninContaner .panel_login .panel_tab .title label a {
    color: #3072f6
}

.loninContaner .panel_login .panel_tab span {
    border: 1px solid #f5f5f5;
    border-bottom-color: #d0d0d0;
    border-radius: 4px;
    border-right: 0;
    color: #999;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    width: 189px
}

.loninContaner .panel_login .panel_tab span a {
    color: #999;
    text-decoration: none
}

.loninContaner .panel_login .panel_tab span.checked {
    border: 1px solid #d0d0d0;
    border-bottom-color: #f5f5f5;
    color: #555
}

.loninContaner .panel_login .panel_tab .send_verify_code_s,.loninContaner .panel_login .panel_tab .show-error {
    display: none;
    height: 14px;
    line-height: 14px;
    padding: 24px 0 0
}

.loninContaner .panel_login .panel_tab .send_verify_code_s dd,.loninContaner .panel_login .panel_tab .show-error dd {
    color: #db4c3f;
    display: block;
    top: 0
}

.loninContaner .panel_login .panel_tab  {
    height: 14px;
    line-height: 14px;
    padding: 24px 0 0
}

.loninContaner .panel_login .panel_tab  a {
    color: #3072f6;
    float: none
}

.loninContaner .panel_login .panel_tab li {
    clear: both;
    color: #555;
    height: 50px;
    position: relative
}

.loninContaner .panel_login .panel_tab li .mind-login,.loninContaner .panel_login .panel_tab li .read-protocol {
    float: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.loninContaner .panel_login .panel_tab li.send_verify_code_s {
    color: #db4c3f;
    height: 30px;
    line-height: 30px;
    margin-left: 7px
}

.loninContaner .panel_login .panel_tab li.pwd,.loninContaner .panel_login .panel_tab li.userName {
    background: #fff
}

.loninContaner .panel_login .panel_tab li i {
    background: url(../../common/img/sprite_user.png?2edcd3f237b8c07af5a5) no-repeat;
    display: inline-block;
    float: left;
    height: 19px;
    left: 15px;
    margin-right: 20px;
    margin-top: 6px;
    position: absolute;
    width: 14px
}

.loninContaner .panel_login .panel_tab li.userName {
    padding: 0
}

.loninContaner .panel_login .panel_tab li.userName i {
    background-position: -113px 0
}

.loninContaner .panel_login .panel_tab li.pwd {
    padding: 0
}

.loninContaner .panel_login .panel_tab li.pwd i {
    background-position: -113px -25px
}

.loninContaner .panel_login .panel_tab li.checkVerimg {
    border: 1px solid #dbdbdb;
    margin-top: -1px;
    padding: 0
}

.loninContaner .panel_login .panel_tab li.checkVerimg i {
    background-position: -136px -25px;
    margin: 0;
    top: 10px
}

.loninContaner .panel_login .panel_tab li.checkVerimg .ver-img {
    float: left;
    height: 50px;
    line-height: 50px;
    padding-left: 16px;
    width: 151px
}

.loninContaner .panel_login .panel_tab li.checkVerimg .verImg {
    float: right;
    height: 45px;
    width: 125px
}

.loninContaner .panel_login .panel_tab li.li_01 {
    height: 18px;
    line-height: 18px;
    padding: 24px 0
}

.loninContaner .panel_login .panel_tab li.li_01 label span {
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    position: relative;
    width: 16px
}

.loninContaner .active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAYFBMVEVMaXE6h/YA//87h/U7hvVVqv87hvY6h/Q7h/Q6h/Q6h/U6h/U7hvY7hvQ6h/U6h/U6h/Q5iPU7h/M6h/Q6h/Q4hfI6hvU6h/U6h/U6h/U7h/U/f/87h/U6h/Q8hfM7h/VEXyMmAAAAH3RSTlMAOAGC8QM99flHcZtT/ojtfTJCd44U0U6joGkMvpMuWVrMyQAAAHJJREFUeNp10dcOgDAIBVC1atXWvSf//5cKiVoD8nR7SDqoJ5WdItHHBGapkyYAYH48X7jrx1fXG3TIMPZD8XrsOoC63Q/RW8obRuV6xRY1RfXdtr28xMAPPMg7dsVck/PHUu2BJ3ZMIA2UnJcVRi1/zglAzA109GHv+gAAAABJRU5ErkJggg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 10px
}

.loninContaner .panel_login .panel_tab li.li_btn {
    padding: 0
}

.loninContaner .panel_login .panel_tab li input {
    border: 0;
    padding: 0
}

.loninContaner .panel_login .panel_tab li input.topSpecial {
    border-radius: 3px 3px 0 0
}

.loninContaner .panel_login .panel_tab li input.password {
    box-sizing: content-box;
    margin-bottom: 8px;
    padding-right: 10px;
    width: 242px
}

.loninContaner .panel_login .panel_tab li input.the_input:focus {
    border-color: #dbdbdb;
    outline: none;
    transition: all .3s ease-in-out
}

.loninContaner .panel_login .panel_tab li .the_input {
    color: #333;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    outline: none;
    padding-left: 16px;
    width: 282px
}

.loninContaner .panel_login .panel_tab li .the_input::-webkit-input-placeholder {
    color: #bbb
}

.loninContaner .panel_login .panel_tab li .the_input:-moz-placeholder,.loninContaner .panel_login .panel_tab li .the_input::-moz-placeholder {
    color: #bbb
}

.loninContaner .panel_login .panel_tab li .the_input:-ms-input-placeholder {
    color: #bbb
}

.loninContaner .panel_login .panel_tab li .y_validation {
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    color: #999;
    height: 39px;
    padding-left: 15px;
    width: 210px
}

.loninContaner .panel_login .panel_tab li img {
    float: right;
    height: 41px;
    width: 85px
}

.loninContaner .panel_login .panel_tab li a {
    color: #333;
    float: right
}

.loninContaner .panel_login .panel_tab li a.voice_a {
    color: #333;
    cursor: pointer;
    float: none;
    text-decoration: underline
}

.loninContaner .panel_login .panel_tab .check01 {
    border: 0;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.loninContaner .panel_login .panel_tab .check01:focus {
    border: none
}

.loninContaner .panel_login .panel_tab .login-agent-btn,.loninContaner .panel_login .panel_tab .login-user-btn,.loninContaner .panel_login .panel_tab .login-user-tel-btn,.loninContaner .panel_login .panel_tab .modify-user-pswd,.loninContaner .panel_login .panel_tab .register-user-btn,.loninContaner .panel_login .panel_tab .user-forget {
    background: #3072f6;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 300px;
    *zoom:1;zoom:1}

.loninContaner .panel_login .panel_tab .login-agent-btn:hover,.loninContaner .panel_login .panel_tab .login-user-btn:hover,.loninContaner .panel_login .panel_tab .login-user-tel-btn:hover,.loninContaner .panel_login .panel_tab .modify-user-pswd:hover,.loninContaner .panel_login .panel_tab .register-user-btn:hover,.loninContaner .panel_login .panel_tab .user-forget:hover {
    background: #3072f6;
    text-decoration: none
}

.loninContaner .panel_login .fr {
    position: relative
}

.loninContaner .panel_login .claseDialogBtn {
    background: url(../../common/img/bg.png?173fdd8ec9b2a576128e) no-repeat -955px -47px;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    height: 19px;
    position: absolute;
    right: 15px;
    top: 15px;
    vertical-align: middle;
    width: 19px;
    *zoom:1;zoom:1}

.loninContaner .panel_login .panel_tab li.y_error dd {
    clear: both;
    color: #db4c3f;
    display: block;
    position: relative;
    top: -10px
}

.loninContaner .panel_login .panel_tab li dd {
    display: none
}

.loninContaner .panel_login .panel_tab .dis {
    display: block
}

.loninContaner #con_login_agent,.loninContaner #dialog_tel,.loninContaner .panel_login .panel_tab .undis {
    display: none
}

.loninContaner .register_text_tel {
    color: #aaa;
    font-size: 14px;
    line-height: 1;
    padding: 40px 0 0
}

.loninContaner .panel_login .panel_tab li .verifycode {
    width: 125px
}

.loninContaner .send_verify_code {
    line-height: 50px
}

.loninContaner .send_verify_code em {
    border-left: 1px solid #dbdbdb;
    padding: 0 16px
}

.loninContaner .send_verify_code_s {
    display: none;
    line-height: 50px;
    position: absolute;
    right: 6px
}

.loninContaner .panel_login .panel_tab li .disabled {
    color: #bbb;
    curser: default
}

.loninContaner .panel_login .panel_tab li .disabled:hover {
    text-decoration: none
}

.loninContaner .border-t {
    border: 1px solid #dbdbdb;
    border-radius: 2px 2px 0 0
}

.loninContaner .border-b,.loninContaner .border-c {
    border: 1px solid #dbdbdb;
    border-top: none
}

.loninContaner .border-b {
    border-radius: 0 0 2px 2px
}

.loninContaner .border-a {
    border: 1px solid #db4c3f
}

.loninContaner .border-red {
    border: 1px solid #db4c3f;
    margin-top: -1px;
    z-index: 2
}

.loninContaner .panel_login .panel_tab li .toprotocol {
    color: #3072f6;
    float: none
}

.loninContaner .con_forget_user_pw .li_btn,.loninContaner .con_forget_user_tel .li_btn {
    margin: 30px 0 0
}

.loninContaner .con_forget_user_pw {
    display: none
}

.loninContaner .panel_login .panel_tab li .password_reg {
    padding-right: 10px;
    width: 242px
}

.loninContaner .password-view {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAAXNSR0IArs4c6QAAAZFJREFUKBWVUr1Kw1AYvUkLqVYQWkEKoosOUfABsrW0uIkv4OCgg3RxFN2EPkAH38DFwUkRTLFENNBdydS5U7sZGpo0nnPpDdcioh/c3PP9nZzvSwzxg3W73ZUkSU7SNN1HegunaBhGH/4L8E2j0XidbzP0gO/7C2EYXqGhibil5+awl8/nm9Vq9V3FMyKoWIOKB5DsqmShUBDlclm6w+FQjMdjleId5nK5o1qtdktHEpEkjuM3+OsM0iqVirBtW5imKf3pdCqCIBCDwUD6s0eCkQ/q9fq9AZIlKOlBybaqoBLHccRoNJLNjJO0VCoJjD+v7BMv2zGh5FonYRPHoRIqiKJIHmLG1Kism1kRatsmpGV7Upn/3qBYNDHGKUBfb+ZiuROOY1mWPMSMMacbelMs/Vyq6XQ63M8zRlxVRX9ctgDRBZbdysbyPM+eTCaPINtQZL99fiqBtfBzXrI+I6Ljuu4yCtqAhyj6lmNeGWo+gM+gxM1iCug3RwXRMWJ7aNrEHcPvA/v4cnf4o5+AU73nC9g2uaV8RfBsAAAAAElFTkSuQmCC);
    display: inline-block;
    height: 12px;
    width: 18px
}

.loninContaner .panel_login .panel_tab li.drag {
    height: 22px;
    padding: 20px 0 0
}

.loninContaner #drag {
    background-color: #f5f5f5;
    border: 1px solid #dbdbdb;
    border-radius: 100px;
    height: 22px;
    line-height: 22px;
    position: relative;
    text-align: center;
    width: 300px
}

.loninContaner #drag .handler {
    border: 1px solid #ccc;
    border-radius: 100px;
    cursor: move;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px
}

.loninContaner .handler_bg {
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAAXNSR0IArs4c6QAAACZJREFUKBVjPHfu3H8GIDAyMmIE0TBASJwJppBUelQjnhAbQoEDAFfAC309njK2AAAAAElFTkSuQmCC") no-repeat 50%
}

.loninContaner .handler_ok_bg {
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat 50%
}

.loninContaner #drag .drag_bg {
    height: 22px;
    width: 0
}

.loninContaner #drag .drag_text {
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    position: absolute;
    top: 0;
    user-select: none;
    width: 300px
}

.laisuzhou-class {
    color: #555!important;
    cursor: text
}

.laisuzhou-class,.laisuzhou-class:hover {
    text-decoration: none
}

.laisuzhou-class:hover span {
    text-decoration: none!important
}

.coverpic-type {
    color: hsla(0,0%,100%,.5);
    display: block;
    font-size: 12px;
    position: absolute
}

.coverpic-pos-lt {
    left: 12px;
    top: 12px
}

.coverpic-pos-rt {
    right: 12px;
    top: 12px
}

.coverpic-pos-lb {
    bottom: 12px;
    left: 12px
}

.coverpic-pos-rb {
    bottom: 12px;
    right: 12px
}

.coverpic-pos-rtf {
    right: 20px;
    top: 20px
}

.sidead-left {
    bottom: 10px;
    left: 50%;
    margin-left: -500px;
    position: fixed;
    z-index: 100
}

.wrapper-xinfang {
    margin: 0 auto;
    width: 1150px
}

.xinfang-nav {
    background: #fff
}

.wrapper-xinfang {
    width: 1010px
}

h1 {
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: bolder;
    margin-top: -3px;
    max-width: 224px;
    overflow: hidden;
    padding-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod-global {
    background-color: #fff;
    width: 100%
}

.mod-global .match-nav {
    z-index: 1002
}

#matchBar .match-nav {
    bottom: 100px;
    position: fixed;
    right: 5px
}

#matchBar .match-nav .add-word,#matchBar .match-nav .go-top,#matchBar .match-nav .unadd-word {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2)
}

#matchBar .match-nav .add-nav-box,#matchBar .match-nav .unadd-nav-box {
    background-color: transparent;
    border: 0;
    height: 100%
}

#matchBar .match-nav .unadd-nav-name {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

#matchBar .match-nav .unadd-nav-num {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.overlayBgl {
    background-color: #000;
    display: none;
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.mod-wrap {
    margin: 0 auto;
    width: 1172px
}

.mod-wrap .mod-panel {
    padding: 30px
}

.mod-wrap .mod-panel,.mod-wrap .mod-panelp {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 15px
}

.mod-wrap .mod-panelp {
    padding-top: 30px
}

.mod-wrap .mod-panel-houseonline {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 15px
}

.mod-wrap h2 {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-top: -5px;
    padding-bottom: 26px
}

.mod-building {
    overflow: hidden;
    position: relative
}

.new-header {
    background: #303035;
    box-shadow: 0 1px 0 0 #eee;
    color: #999;
    height: 36px;
    line-height: 36px;
    position: relative;
    z-index: 1001
}

.new-header .float-wrapper {
    margin: 0 auto;
    width: 1150px
}

.new-header .float-wrapper:after,.new-header .float-wrapper:before {
    clear: both;
    content: "";
    display: table;
    height: 0;
    overflow: hidden;
    width: 0
}

.new-header .float-wrapper .link-list-wrapper {
    float: left;
    height: 36px;
    width: auto
}

.new-header .float-wrapper .link-list-wrapper .new-link-list {
    float: left;
    position: relative
}

.new-header .float-wrapper .link-list-wrapper .new-link-list>a {
    color: #9b9b9b;
    display: inline-block;
    font-size: 12px;
    height: 100%;
    padding-right: 24px
}

.new-header .float-wrapper .link-list-wrapper .new-link-list>a:hover {
    color: #2b66dc;
    text-decoration: none
}

.new-header .float-wrapper .link-list-wrapper .new-link-list>a.on {
    color: #fff
}

.new-header .float-wrapper .link-list-wrapper .new-link-list>a.on:hover {
    color: #2b66dc;
    text-decoration: none
}

.new-header .float-wrapper .link-list-wrapper .new-link-list:hover .toast-link {
    display: block;
    font-size: 12px
}

.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link {
    background: #fff;
    border: 1px solid #eee;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
    display: none;
    left: -18px;
    padding: 8px 0;
    position: absolute;
    top: 36px;
    width: 62px;
    z-index: 100
}

.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link:before {
    -webkit-transform: rotate(45deg);
    background: #fff;
    border-color: #eee transparent transparent #eee;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: 7px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -5px;
    transform: rotate(45deg);
    width: 6px;
    z-index: 101
}

.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app {
    padding: 21px 0 17px;
    width: 140px
}

.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app:before {
    left: 36px;
    margin: 0
}

.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app .img-desc {
    margin: 0 auto;
    width: 89px
}

.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app .img-desc.img-wrapper {
    height: 89px;
    margin-bottom: 6px
}

.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app .img-desc.desc-wrapper {
    color: #999;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link a {
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 25px;
    text-align: center
}

.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link a:hover {
    background: #f0f0f0;
    text-decoration: none
}

.new-header .user-wrapper {
    color: #9c9fa1;
    font-size: 12px
}

.new-header .user-wrapper a {
    color: #9c9fa1
}

.new-header .user-wrapper a:hover {
    color: #2b66dc;
    text-decoration: none
}

.new-header .user-wrapper .phone {
    padding-right: 20px
}

.new-header .user-wrapper .vertical-line {
    border-left: 1px solid #d8d8d8;
    display: inline-block;
    height: 12px;
    width: 0
}

.new-header .user-wrapper .logout-wrapper,.new-header .user-wrapper .register {
    padding-left: 20px
}

.new-header .user-wrapper .logout-wrapper .user {
    margin-right: 15px
}

.carousel {
    overflow: hidden;
    position: relative;
    width: 1150px
}

.carousel .go-left,.carousel .go-right {
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1
}

.carousel .go-left:before,.carousel .go-right:before {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    content: " ";
    display: block;
    font-size: 0;
    height: 16px;
    left: 8px;
    position: absolute;
    top: 12px;
    width: 16px
}

.carousel .go-left {
    left: 30px
}

.carousel .go-left:before {
    -webkit-transform: rotate(-45deg);
    left: 15px;
    transform: rotate(-45deg)
}

.carousel .go-right {
    right: 30px
}

.carousel .go-right:before {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.carousel .carousel-body {
    display: inline-block;
    font-size: 0;
    height: 100%;
    white-space: nowrap
}

.carousel .carousel-body>.item {
    height: 100%;
    position: relative;
    width: 1150px
}

.carousel .carousel-body>.item a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.carousel .carousel-body>.item img {
    width: 100%
}

.carousel .carousel-body>* {
    font-size: 0
}

.carousel .carousel-body>*>* {
    font-size: medium
}

.carousel .dots {
    -webkit-transform: translateX(-50%);
    bottom: 20px;
    font-size: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1
}

.carousel .dots .dot {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin: 0 3px;
    opacity: .3;
    width: 6px
}

.carousel .dots .dot.active {
    background: #fff;
    opacity: 1
}

.stick_fixed {
    position: fixed;
    top: 0;
    z-index: 100
}

.tags-wrap {
    display: inline-block
}

.tags-wrap .tag-item {
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    width: auto
}

.tags-wrap .sell-type-tag {
    background-image: linear-gradient(-135deg,#6b99f6,#3072f6);
    color: #fff;
    margin-left: 7px
}

.tags-wrap .house-type-tag {
    background: #f2f4f6;
    color: #849aad;
    font-size: 12px;
    margin-left: 5px
}

.mod-resblock-name-bar {
    padding-bottom: 20px;
    padding-top: 48px;
    z-index: 1
}

.mod-resblock-name-bar>* {
    font-size: 0;
    vertical-align: middle
}

.mod-resblock-name-bar:after {
    clear: both;
    content: ""
}

.mod-resblock-name-bar .title-wrap {
    float: left
}

.mod-resblock-name-bar .tags-wrap {
    margin-top: -2px
}

.mod-resblock-name-bar h2 {
    color: #101d37;
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 0;
    vertical-align: -4px
}

.mod-resblock-name-bar .other-name {
    color: #9399a5;
    font-size: 13px;
    padding-top: 7px
}

.mod-resblock-name-bar .tags {
    display: inline-block
}

.mod-resblock-name-bar .tags>* {
    font-size: 12px;
    margin-right: 5px;
    padding-left: 8px;
    padding-right: 8px
}

.mod-resblock-name-bar .share {
    color: #3072f6;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 14px;
    height: 14px;
    overflow: visible;
    position: relative
}

.mod-resblock-name-bar .share .qr-icon {
    background: url(images/qr@2x.png?3a2ee9548cdc8215ae0e);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 14px
}

.mod-resblock-name-bar .share .share-qr-big {
    text-align: center
}

.mod-resblock-name-bar .share .share-text {
    color: #9399a5;
    font-family: HiraginoSansGB-W3;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    width: 90px
}

.mod-resblock-name-bar .share #current-site-qr {
    -webkit-transform: scale(0) translateY(0);
    -webkit-transform-origin: 50% 0;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
    padding: 26px 26px 16px;
    position: absolute;
    right: 0;
    top: 25px;
    transform: scale(0) translateY(0);
    transform-origin: 50% 0;
    z-index: 100
}

.mod-resblock-name-bar .share #current-site-qr:before {
    -webkit-transform: rotate(45deg);
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
    content: "";
    display: block;
    height: 14px;
    left: 25px;
    position: absolute;
    top: -6px;
    transform: rotate(45deg);
    width: 14px
}

.mod-resblock-name-bar .share #current-site-qr:after {
    background: #fff;
    content: "";
    display: block;
    height: 16px;
    left: 20px;
    position: absolute;
    top: 0;
    width: 56px
}

.mod-resblock-name-bar .share:hover #current-site-qr {
    -webkit-transform: scale(1) translateY(0);
    display: block;
    transform: scale(1) translateY(0)
}

.mod-banner {
    position: relative
}

.mod-banner .animation {
    transition: all .5s
}

.mod-banner .album {
    display: inline-block;
    height: 500px;
    position: relative;
    width: 710px
}

.mod-banner .album .discount {
    background: #eb4d3a;
    border-radius: 100px;
    color: #fff;
    font-size: 14px;
    left: 30px;
    padding: 10px 14px;
    position: absolute;
    top: 20px;
    z-index: 1
}

.mod-banner .album .view-album {
    background: #fff;
    border-radius: 2px;
    bottom: 128px;
    box-sizing: border-box;
    cursor: pointer;
    height: 32px;
    left: 8px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    text-decoration: none;
    z-index: 1
}

.mod-banner .album .view-album:hover {
    opacity: .8
}

.mod-banner .album .view-album .icon,.mod-banner .album .view-album span {
    display: inline-block;
    vertical-align: middle
}

.mod-banner .album .view-album .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAAAXNSR0IArs4c6QAAAfNJREFUSA3tlTtLA0EQgO/yICo2ggbxVQqRFEJiQg6C+QFWIooEfILibxAb8TeIgqKFiMbKKoUoKKQJwSZ2FmKdNgQuhJzfHlnM4y4JmEMLF4bZnZmd7252b06dY1Sr1XNFUYKIijg5DJLn3W73tgfoJYuAqqqXyLuTVFjT5F9HX3iYzCDXuVxuy0mozB0Oh32GYay4aoZP6XBaAxUsVYKd5rXk/we3lMQpw98udSKREJ9dT4bL5TKbVMc3prHNF4vFD3SyGzJxi7FYbLxTbFtwKBTao8s88O1NoK9YHzK3batAN4i7K5fL2UgkEraC4xdtU7EEA/DSYU7wHyNeEVgbB9hvKH2fNEgNdJOkoueLnGPMX4hdkv5m3QKOx+MjBD3yZrvNwbX1MqV/BjQq/QC26qCmmf39SArfvoyr1w2XhmSzpVLpnoCp+qDmOQkj2LLRaHQB4BByxtrqCFRij6hgwO/3b6fTaV1cLuK/Sw10GUOGBG2h8iFIOFmpVDLoYWx5abfRyUKh8KRpmh9GwxmvYrhl04DNRjvzIOAUzldEtwsSduI0Xdez/HrF31BRKYP5BGLxwyHAvi5zGC2Xq8uNVmHdQs29vQRbPYyt7VfBvTpj27ezcJhn/GbhcNqU9/BBr3HVT5EgV93R0sOowniDufMFpZ/APtFKxPYAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 12px;
    width: 15px
}

.mod-banner .album .view-album span {
    color: #363636;
    font-family: HiraginoSansGB-W3;
    font-size: 14px;
    line-height: 1
}

.mod-banner .album .license-photos {
    background: #fff;
    border-radius: 2px;
    bottom: 128px;
    color: #101d37;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    left: 110px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    text-decoration: none;
    vertical-align: middle;
    z-index: 1
}

.mod-banner .album .license-photos:hover {
    opacity: .8
}

.mod-banner .album .license-photos.license-pos {
    left: 8px
}

.mod-banner .album .license-photos i {
    background: url(images/lic-icon.png?d9bc88c218ed27dbf66b);
    background: -webkit-image-set(url(images/lic-icon.png?d9bc88c218ed27dbf66b) 1x,url(images/lic-icon@2x.png?3dfb9c6fe36f6a833d69) 2x) no-repeat 50%;
    border-radius: 2px;
    display: inline-block;
    height: 12px;
    margin-right: 2px;
    vertical-align: middle;
    width: 15px
}

.mod-banner .album .carousel {
    height: 400px;
    width: 100%
}

.mod-banner .album .carousel .go-left,.mod-banner .album .carousel .go-right {
    background: #333;
    border-radius: 0;
    height: 80px;
    opacity: .5;
    width: 30px;
    z-index: 2
}

.mod-banner .album .carousel .go-left:before {
    left: 10px;
    top: 32px
}

.mod-banner .album .carousel .go-right:before {
    left: auto;
    right: 10px;
    top: 32px
}

.mod-banner .album .carousel .go-left {
    left: 0
}

.mod-banner .album .carousel .go-right {
    right: 0
}

.mod-banner .album .carousel .carousel-body {
    cursor: pointer;
    position: absolute;
    top: 0
}

.mod-banner .album .carousel .carousel-body .item {
    display: inline-block;
    width: 710px
}

.mod-banner .album .carousel .carousel-body .item img {
    height: 400px;
    width: 712px
}

.mod-banner .album .carousel .carousel-body .jiage {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    margin-bottom: 5px;
    width: 100%
}

.mod-banner .album .carousel .carousel-body .jiage .junjia {
    color: #f76e64;
    font-size: 22px;
    font-weight: 700
}

.mod-banner .album .carousel .carousel-body .jiage .yuan {
    color: #f76e64;
    font-weight: 700
}

.mod-banner .album .carousel .carousel-body .update {
    color: #aaa;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    margin-bottom: 5px;
    width: 100%
}

.mod-banner .album .carousel .carousel-body .update a.link-to-pirce {
    color: #aaa;
    font-size: 14px;
    text-decoration: underline
}

.mod-banner .album .carousel-nav {
    margin-top: 10px;
    position: relative;
    width: 100%
}

.mod-banner .album .carousel-nav .go-left,.mod-banner .album .carousel-nav .go-right {
    background: #333;
    cursor: pointer;
    height: 80px;
    position: absolute;
    top: 0;
    width: 30px
}

.mod-banner .album .carousel-nav .go-left {
    left: 0
}

.mod-banner .album .carousel-nav .go-right {
    right: 0
}

.mod-banner .album .carousel-nav .go-left:before,.mod-banner .album .carousel-nav .go-right:before {
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    content: " ";
    display: block;
    font-size: 0;
    height: 16px;
    position: absolute;
    width: 16px
}

.mod-banner .album .carousel-nav .go-left:before {
    -webkit-transform: rotate(-45deg);
    left: 10px;
    top: 32px;
    transform: rotate(-45deg)
}

.mod-banner .album .carousel-nav .go-right:before {
    -webkit-transform: rotate(-225deg);
    right: 10px;
    top: 32px;
    transform: rotate(-225deg)
}

.mod-banner .album .carousel-nav .carousel {
    height: 80px;
    margin: 0 39px;
    overflow: hidden;
    width: auto
}

.mod-banner .album .carousel-nav .carousel .carousel-body {
    position: absolute;
    top: 0
}

.mod-banner .album .carousel-nav .carousel .carousel-body .item {
    cursor: pointer;
    display: inline-block;
    height: 80px;
    margin-right: 10px;
    width: 120px
}

.mod-banner .album .carousel-nav .carousel .carousel-body .item img {
    height: 80px;
    width: 120px
}

.mod-banner .album .carousel-nav .carousel .carousel-body .item.active {
    border: 2px solid #3072f6;
    height: 106px;
    width: 166px
}

.mod-banner .album .carousel-nav .carousel .carousel-body .item.active .type {
    background: #3072f6
}

.mod-banner .album .carousel-nav .carousel .carousel-body .item:last-child {
    margin-right: 0
}

.mod-banner .album .carousel-nav .carousel .carousel-body .item .type {
    background: rgba(0,0,0,.5);
    border-radius: 11px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    left: 5px;
    letter-spacing: 0;
    line-height: 1;
    padding: 5px 10px;
    position: absolute
}

.mod-banner .album .carousel-nav .carousel .carousel-body .item.active {
    border: none;
    height: 80px;
    width: 120px
}

.mod-banner .album .carousel-nav .carousel .carousel-body .item.active img {
    height: 80px;
    width: 120px
}

.mod-banner .resblock-info {
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.06);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.06);
    box-sizing: border-box;
    display: inline-block;
    padding: 20px 30px;
    position: absolute;
    right: 0;
    top: 0;
    transition: height .5s;
    width: 405px
}

.mod-banner .resblock-info .status-consult-tag,.mod-banner .resblock-info .status-special-tag {
    font-size: 12px;
    font-weight: 300
}

.mod-banner .resblock-info .consultant,.mod-banner .resblock-info .middle-info,.mod-banner .resblock-info .top-info {
    background: #fff;
    position: relative
}

.mod-banner .resblock-info .name-info {
    font-size: 0;
    margin-bottom: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden
}

.mod-banner .resblock-info .name-info>* {
    vertical-align: middle
}

.mod-banner .resblock-info .name-info .rank {
    color: #333;
    display: inline-block;
    font-family: HiraginoSansGB-W6;
    font-size: 14px;
    font-weight: 600;
    margin-left: 18px;
    margin-right: 10px
}

.mod-banner .resblock-info .name-info h2 {
    color: #333;
    display: inline;
    font-size: 26px;
    font-weight: 600;
    line-height: 46px;
    padding-bottom: 0
}

.mod-banner .resblock-info .name-info .tags {
    display: inline-block
}

.mod-banner .resblock-info .name-info .tags>* {
    font-size: 12px;
    margin-right: 5px;
    padding-left: 8px;
    padding-right: 8px
}

.mod-banner .resblock-info .top-info {
    border-bottom: 1px solid #e4e6f0;
    padding-bottom: 25px
}

.mod-banner .resblock-info .top-info .price {
    max-width: 330px
}

.mod-banner .resblock-info .top-info .price .price-number,.mod-banner .resblock-info .top-info .price .price-unit {
    color: #ff0000;
    line-height: 1
}

.mod-banner .resblock-info .top-info .price .price-number {
    font-family: Tahoma-Bold;
    font-size: 40px
}

.mod-banner .resblock-info .top-info .price .price-unit {
    font-family: HiraginoSansGB-W6;
    font-size: 12px
}

.mod-banner .resblock-info .top-info .more-building {
    color: #101d37;
    font-size: 14px;
    height: 0;
    overflow: hidden;
    text-decoration: underline
}

.mod-banner .resblock-info .top-info .more-building a {
    color: #101d37
}

.mod-banner .resblock-info .top-info .subscribe {
    cursor: pointer;
    padding-bottom: 5px;
    position: absolute;
    right: 0;
    top: 0
}

.mod-banner .resblock-info .top-info .subscribe i {
    display: block;
    height: 14px;
    margin: 0 auto 5px;
    width: 14px
}

.mod-banner .resblock-info .top-info .subscribe i.attention {
    background: url(images/attention.png?ba30b85d6e0be2fa5074) no-repeat;
    background-size: 100%
}

.mod-banner .resblock-info .top-info .subscribe i.enattention {
    background: url(images/enattention.png?353f415d69e95f2f7841) no-repeat;
    background-size: 100%
}

.mod-banner .resblock-info .top-info .update-time {
    color: #9399a5;
    display: block;
    font-family: HiraginoSansGB-W3;
    font-size: 14px;
    font-weight: 300;
    margin: 20px 0;
    opacity: .99
}

.mod-banner .resblock-info .top-info .resblock-tag {
    height: 28px;
    overflow: hidden
}

.mod-banner .resblock-info .top-info .resblock-tag li {
    display: inline-block;
    height: 100%;
    line-height: 28px;
    margin-right: 10px
}

.mod-banner .resblock-info .top-info .resblock-tag li:last-child {
    margin-right: 0
}

.mod-banner .resblock-info .top-info .resblock-tag li .status-special-tag {
    background: rgba(132,154,174,.15);
    border-radius: 2px;
    color: #849aad;
    padding: 6px 8px
}

.mod-banner .resblock-info .top-info .tag-btn-wrap {
    height: 0;
    overflow: hidden
}

.mod-banner .resblock-info .top-info .tag-btn-item {
    background-color: rgba(254,239,238,.9);
    border: 1px solid #f76e64;
    box-sizing: border-box;
    color: #f76e64;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    padding: 0 7px
}

.mod-banner .resblock-info .middle-info {
    border-bottom: 1px solid #e4e6f0;
    max-height: 180px;
    padding-bottom: 25px
}

.mod-banner .resblock-info .middle-info .map {
    color: #3072f6;
    cursor: pointer;
    font-family: HiraginoSansGB-W3;
    font-size: 14px;
    font-weight: 300
}

.mod-banner .resblock-info .middle-info .info-list .info-item {
    font-size: 0;
    margin-top: 20px;
    position: relative
}

.mod-banner .resblock-info .middle-info .info-list .info-item.little-col {
    padding-top: 0
}

.mod-banner .resblock-info .middle-info .info-list .info-item.little-col .content li {
    color: #9399a5;
    font-family: HiraginoSansGB-W3;
    font-size: 12px;
    letter-spacing: 0;
    padding-top: 10px
}

.mod-banner .resblock-info .middle-info .info-list .info-item span {
    display: inline-block
}

.mod-banner .resblock-info .middle-info .info-list .info-item .title {
    color: #9399a5;
    font-family: HiraginoSansGB-W6;
    font-size: 14px;
    width: 70px
}

.mod-banner .resblock-info .middle-info .info-list .info-item .content {
    color: #101d37;
    font-family: HiraginoSansGB-W3;
    font-size: 14px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    width: 201px
}

.mod-banner .resblock-info .middle-info .info-list .info-item .all-house-type,.mod-banner .resblock-info .middle-info .info-list .info-item .map {
    color: #101d37;
    font-size: 14px;
    text-decoration: underline
}

.mod-banner .resblock-info .middle-info .info-list .info-item .open-remind {
    position: absolute;
    right: 13px;
    top: 0
}

.mod-banner .resblock-info .middle-info .info-list .open-date {
    cursor: pointer
}

.mod-banner .resblock-info .middle-info .info-list .open-date .content {
    width: 180px
}

.mod-banner .resblock-info .middle-info .info-list .open-date i {
    background: url(images/iic.png?eb22f3b0924b49c3b440);
    background: -webkit-image-set(url(images/iic.png?eb22f3b0924b49c3b440) 1x,url(images/iic@2x.png?09926aa9ce19f4116e43) 2x);
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 13px;
    margin-right: 0;
    margin-top: 3px;
    width: 7px
}

.mod-banner .resblock-info .middle-info .more-box2 {
    background: #fff;
    border-radius: 8px;
    bottom: -27px;
    box-shadow: 0 0 10px rgba(0,0,0,.26);
    color: #101d37;
    display: none;
    height: 280px;
    left: 0;
    padding: 20px 20px 15px;
    position: absolute;
    width: 300px;
    z-index: 1000
}

.mod-banner .resblock-info .middle-info .more-box2 .more-title {
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    padding-bottom: 18px
}

.mod-banner .resblock-info .middle-info .more-box2 .more-close {
    background: url(images/fclose.png?ce9cfc011ce8f74ca5b2);
    background: -webkit-image-set(url(images/fclose.png?ce9cfc011ce8f74ca5b2) 1x,url(images/fclose@2x.png?738c31f7842736ee287a) 2x) no-repeat 50%;
    cursor: pointer;
    height: 11px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: -webkit-transform .5s cubic-bezier(.22,.61,.36,1);
    transition: transform .5s cubic-bezier(.22,.61,.36,1);
    transition: transform .5s cubic-bezier(.22,.61,.36,1),-webkit-transform .5s cubic-bezier(.22,.61,.36,1);
    width: 11px
}

.mod-banner .resblock-info .middle-info .more-box2 .more-close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mod-banner .resblock-info .middle-info .more-box2 .more-wrap {
    height: 218px;
    margin-top: 18px;
    overflow: auto
}

.mod-banner .resblock-info .middle-info .more-box2 .more-date-group {
    margin: 15px 0 8px;
    overflow: hidden
}

.mod-banner .resblock-info .middle-info .more-box2 .more-date-group:first-child {
    margin-top: 0
}

.mod-banner .resblock-info .middle-info .more-box2 .more-date-group .more-icon {
    background: url(images/fdate.png?75eab533eadbe6abafba);
    background: -webkit-image-set(url(images/fdate.png?75eab533eadbe6abafba) 1x,url(images/fdate@2x.png?5dbcf4e916c5ea571936) 2x) no-repeat 50%;
    float: left;
    height: 13px;
    margin-right: 5px;
    position: relative;
    top: 3px;
    width: 13px
}

.mod-banner .resblock-info .middle-info .more-box2 .more-date-group .more-date {
    float: left;
    font-size: 18px;
    line-height: 20px
}

.mod-banner .resblock-info .middle-info .more-box2 .more-loupan-group {
    overflow: hidden
}

.mod-banner .resblock-info .middle-info .more-box2 .more-loupan-group .more-icon {
    background: url(images/floupan.png?2256eebdad1a48f755f4);
    background: -webkit-image-set(url(images/floupan.png?2256eebdad1a48f755f4) 1x,url(images/floupan@2x.png?a64f15d4b65125102be9) 2x) no-repeat 50%;
    display: inline-block;
    float: left;
    height: 13px;
    margin-right: 5px;
    position: relative;
    top: 3px;
    width: 13px
}

.mod-banner .resblock-info .middle-info .more-box2 .more-loupan-group .more-loupan {
    float: left;
    font-size: 14px
}

.mod-banner .resblock-info .middle-info .more-box2 .more-loupan-detail {
    margin-top: 5px;
    overflow: hidden
}

.mod-banner .resblock-info .middle-info .more-box2 .more-loupan-detail .more-icon {
    float: left;
    height: 13px;
    margin-right: 5px;
    width: 13px
}

.mod-banner .resblock-info .middle-info .more-box2 .more-loupan-detail .more-detail {
    color: #9c9fa1;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding-left: 18px;
    width: 270px
}

.mod-banner .resblock-info .middle-info .tag-btn-item {
    background-color: rgba(254,239,238,.9);
    border: 1px solid #f76e64;
    box-sizing: border-box;
    color: #f76e64;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    padding: 0 7px
}

.mod-banner .resblock-info .middle-info .more-building {
    color: #101d37;
    padding-top: 20px;
    text-decoration: underline
}

.mod-banner .resblock-info .middle-info .more-building a {
    color: #101d37
}

.mod-banner .resblock-info .consultant .consult-item {
    display: none;
    height: 0;
    position: relative
}

.mod-banner .resblock-info .consultant .consult-item:first-child {
    display: block;
    height: auto;
    padding-top: 25px
}

.mod-banner .resblock-info .consultant .consultant-box {
    font-size: 0
}

.mod-banner .resblock-info .consultant .consultant-box .avatar {
    display: inline-block;
    height: 80px;
    margin-right: 15px;
    vertical-align: top;
    width: 60px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info {
    display: inline-block;
    vertical-align: top;
    width: 185px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .name-line {
    margin-bottom: 7px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .name-line .name {
    color: #333;
    font-family: HiraginoSansGB-W6;
    font-size: 20px;
    font-weight: 600;
    margin-right: 6px;
    vertical-align: middle
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .name-line .position {
    background-color: #eff0f2;
    border-radius: 2px;
    color: #b0b4b4;
    font-family: HiraginoSansGB-W3;
    font-size: 12px;
    font-weight: 300;
    height: 18px;
    line-height: 18px;
    margin-right: 8px;
    padding: 0 2px;
    vertical-align: middle
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .name-line .agent-card-img {
    left: auto;
    right: 30px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .name-line .score {
    color: #333;
    float: right;
    font-family: HiraginoSansGB-W3;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    margin-top: 3px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .name-line .agent-card-box {
    margin-right: 8px;
    vertical-align: middle
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .perform {
    color: #101d37;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    margin-bottom: 5px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .perform span {
    background: #eee;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 1px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .tel {
    color: #ff0000;
    font-size: 14px;
    font-weight: 600;
    height: 23px;
    line-height: 23px;
    margin-bottom: 8px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .tel-icon {
    background: url(images/qr@1x.png?43d9ce8818c8cd36efbb);
    background: -webkit-image-set(url(images/qr@1x.png?43d9ce8818c8cd36efbb) 1x,url(images/qr@2x.png?3a2ee9548cdc8215ae0e) 2x);
    background-repeat: no-repeat;
    background-size: 100%;
    display: none;
    height: 14px;
    margin-left: 6px;
    vertical-align: -1px;
    width: 14px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .consult-line {
    font-size: 14px;
    margin-top: 13px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .phone-line {
    line-height: 1;
    margin-top: 13px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .phone-line .extend-number,.mod-banner .resblock-info .consultant .consultant-box .expert-info .phone-line .main-number,.mod-banner .resblock-info .consultant .consultant-box .expert-info .phone-line .phone-split {
    color: #eb4d3a;
    font-family: Tahoma-Bold;
    font-size: 20px;
    letter-spacing: 0
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .phone-line .phone-split {
    font-family: HiraginoSansGB-W6;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .tags-line {
    height: 22px;
    margin-top: 11px;
    overflow: hidden
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .col-nav .status-consult-tag,.mod-banner .resblock-info .consultant .consultant-box .expert-info .col-nav .status-special-tag {
    font-size: 0;
    margin-right: 5px;
    padding: 5px 10px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .col-nav .status-consult-tag:last-child,.mod-banner .resblock-info .consultant .consultant-box .expert-info .col-nav .status-special-tag:last-child {
    margin-right: 0
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .col-nav .status-consult-tag>*,.mod-banner .resblock-info .consultant .consultant-box .expert-info .col-nav .status-special-tag>* {
    font-size: 12px;
    font-weight: 300
}

.mod-banner .resblock-info .consultant .consultant-box .agent-card-part a {
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    color: #4688f1;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    width: 110px
}

.mod-banner .resblock-info .consultant .consultant-box .agent-card-part a i {
    background: url(images/Imtalk.png?f2207fc6c8af357eda5f) no-repeat 4.16666667%;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px;
    width: 16px
}

.mod-banner .resblock-info .phone-qr-wrap {
    background: #fff;
    border: 0!important;
    display: inline-block;
    height: 90px;
    left: 170px;
    line-height: 26px;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: -60px;
    width: 90px;
    z-index: 9
}

.mod-banner .resblock-info .phone-qr-wrap .phone-qr-img {
    height: 90px;
    width: 90px
}

.mod-banner .resblock-info .phone-qr-wrap #phone-qr-desc {
    color: #9399a5;
    display: block;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 0
}

.mod-banner .resblock-info .resblock-consult {
    background: #fff;
    font-size: 0;
    height: 170px
}

.mod-banner .resblock-info .resblock-consult .phone-btn {
    background: #3072f6;
    border-radius: 2px;
    display: inline-block;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle;
    width: 240px
}

.mod-banner .resblock-info .resblock-consult .phone-btn span {
    color: #fff;
    display: inline-block;
    vertical-align: bottom
}

.mod-banner .resblock-info .resblock-consult .phone-btn span.number {
    font-family: Tahoma-Bold;
    font-size: 20px
}

.mod-banner .resblock-info .resblock-consult .phone-btn span.zhuan {
    font-size: 14px
}

.mod-banner .resblock-info .resblock-consult .phone-btn .resblock-phone {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    min-width: 205px
}

.mod-banner .resblock-info .resblock-consult .phone-btn .resblock-phone .phone-qr-wrap {
    display: inline-block!important;
    height: 110px;
    left: 235px;
    top: -40px;
    width: 110px
}

.mod-banner .resblock-info .resblock-consult .phone-btn .resblock-phone .phone-qr-wrap .phone-qr-img {
    height: 110px;
    width: 110px
}

.mod-banner .resblock-info .resblock-consult:before {
    content: " ";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.mod-banner .resblock-info.stick_fixed {
    border: none;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.06);
    left: 50%;
    margin-left: 182px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed {
    left: 50%;
    position: fixed;
    top: 70px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .name-info {
    margin-bottom: 8px;
    max-height: none;
    opacity: 1;
    overflow: hidden
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .resblock-tag {
    height: 0;
    overflow: hidden
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .more-building {
    height: 20px;
    line-height: 20px;
    margin-top: 4px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .update-time {
    height: 0;
    margin: 0;
    overflow: hidden
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .tag-btn-wrap {
    height: 24px;
    margin-top: 15px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .tag-btn-wrap .tag-btn-item {
    height: 24px;
    line-height: 22px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .middle-info {
    border-bottom: none;
    max-height: 0;
    overflow: hidden;
    padding: 0
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .consultant .consult-item {
    display: block;
    height: auto;
    padding-top: 25px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .consultant .consultant-box .avatar {
    display: inline-block;
    height: 80px;
    vertical-align: top;
    width: 60px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .consultant .consultant-box .tel-icon {
    display: inline-block
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .phone-qr-wrap {
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
    display: none;
    height: 154px;
    left: 130px;
    top: -165px;
    width: 140px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .phone-qr-wrap .phone-qr-img {
    height: 89px;
    margin-top: 24px;
    width: 89px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .agent-card-part a {
    position: absolute;
    right: -15px;
    top: 28px
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .resblock-phone .phone-qr-wrap {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mod-banner .resblock-info.banner-fixed.stick_fixed .resblock-phone .phone-qr-wrap .phone-qr-img {
    margin-top: 0
}

.mod-banner .resblock-info.qr-fixed .phone-qr-wrap {
    display: inline-block!important
}

.mod-banner .resblock-info.stick_fixed {
    position: fixed;
    top: 50px
}

.mod-banner .show-vr {
    border-bottom: 1px solid #e4e6f0;
    font-size: 14px;
    height: 63px;
    line-height: 63px;
    width: 712px
}

.mod-banner .show-vr .vr-text {
    color: #101d37;
    float: left
}

.mod-banner .show-vr .vr-text i {
    background-image: url(images/vr.png?71c05cb4eaf99512124b);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 35px;
    margin-right: 17px;
    vertical-align: middle;
    width: 23px
}

.mod-banner .show-vr .vr-text span {
    vertical-align: middle
}

.mod-banner .show-vr .download-app {
    color: #3072f3;
    cursor: pointer;
    float: right
}

.mod-banner .show-vr .download-app-wrapper {
    float: right
}

.mod-banner .show-vr .download-app-qr {
    right: 6px;
    top: 48px
}

.youhui-b {
    height: 100px;
    margin: 30px auto 0;
    width: 1172px
}

.youhui {
    background-image: url(images/bg_new_youhui@2x.png?41ecc5329df4692891f7);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100px;
    margin-right: 1px;
    position: relative;
    width: 712px;
    z-index: 0
}

.youhui .youhui-wrap {
    position: absolute;
    right: 30px;
    top: 31px
}

.youhui .get-youhui {
    background: #fff;
    border-radius: 100px;
    color: #ff4128;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0 17px
}

.youhui .get-num {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    opacity: .7;
    padding-top: 3px
}

.youhui .tip-box {
    margin-left: 79px
}

.youhui .tip-box .youhui-tip {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    height: 33px;
    line-height: 33px;
    margin-right: 5px;
    margin-top: 20px;
    padding: 0 10px
}

.youhui .tip-box .youhui-intro {
    background-color: #fff;
    border-radius: 4px;
    bottom: 16px;
    color: #ff6b27;
    font-size: 16px;
    height: 25px;
    left: 82px;
    line-height: 25px;
    opacity: .8;
    padding: 0 11px;
    position: absolute
}

.apply-detailinfo,.apply-myinfo,.apply-successinfo,.apply-youhui {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border-radius: 2px;
    bottom: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    display: none;
    height: 315px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 590px;
    z-index: 1001
}

.apply-detailinfo .title,.apply-myinfo .title,.apply-successinfo .title,.apply-youhui .title {
    background-color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding-left: 30px;
    text-align: left;
    width: 560px
}

.apply-detailinfo .title .s-close,.apply-myinfo .title .s-close,.apply-successinfo .title .s-close,.apply-youhui .title .s-close {
    background: url(images/s-close.png?926386f9ee3c26a39456);
    background: -webkit-image-set(url(images/s-close.png?926386f9ee3c26a39456) 1x,url(images/s-close@2x.png?db57eb8a5e05e185c545) 2x);
    background-repeat: no-repeat;
    color: #dadada;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 20px;
    height: 11px;
    margin-right: 13px;
    margin-top: 15px;
    width: 11px
}

.apply-detailinfo .apply-box,.apply-myinfo .apply-box,.apply-successinfo .apply-box,.apply-youhui .apply-box {
    background-color: #f5f5f5;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 30px 30px 45px
}

.apply-detailinfo .apply-box .apply-left,.apply-myinfo .apply-box .apply-left,.apply-successinfo .apply-box .apply-left,.apply-youhui .apply-box .apply-left {
    width: 250px
}

.apply-detailinfo .apply-box .apply-left .yh-title1,.apply-myinfo .apply-box .apply-left .yh-title1,.apply-successinfo .apply-box .apply-left .yh-title1,.apply-youhui .apply-box .apply-left .yh-title1 {
    color: #f15044;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.apply-detailinfo .apply-box .apply-left .yh-title1 span,.apply-myinfo .apply-box .apply-left .yh-title1 span,.apply-successinfo .apply-box .apply-left .yh-title1 span,.apply-youhui .apply-box .apply-left .yh-title1 span {
    display: inline-block
}

.apply-detailinfo .apply-box .apply-left .yh-title1 .littip1,.apply-myinfo .apply-box .apply-left .yh-title1 .littip1,.apply-successinfo .apply-box .apply-left .yh-title1 .littip1,.apply-youhui .apply-box .apply-left .yh-title1 .littip1 {
    background: url(images/littip11@1x.jpg?6c4b74f7bd32f3d5048e);
    background: -webkit-image-set(url(images/littip11@1x.jpg?6c4b74f7bd32f3d5048e) 1x,url(images/littip11@2x.jpg?730a5360c118b6e4b135) 2x);
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    text-align: left;
    vertical-align: -1px;
    width: 20px
}

.apply-detailinfo .apply-box .apply-left .yh-title2,.apply-myinfo .apply-box .apply-left .yh-title2,.apply-successinfo .apply-box .apply-left .yh-title2,.apply-youhui .apply-box .apply-left .yh-title2 {
    color: #3072f6;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.apply-detailinfo .apply-box .apply-left .yh-title2 span,.apply-myinfo .apply-box .apply-left .yh-title2 span,.apply-successinfo .apply-box .apply-left .yh-title2 span,.apply-youhui .apply-box .apply-left .yh-title2 span {
    display: inline-block
}

.apply-detailinfo .apply-box .apply-left .yh-title2 .littip2,.apply-myinfo .apply-box .apply-left .yh-title2 .littip2,.apply-successinfo .apply-box .apply-left .yh-title2 .littip2,.apply-youhui .apply-box .apply-left .yh-title2 .littip2 {
    background: url(images/littip22@1x.jpg?db0e63ebf6a7a31fec57);
    background: -webkit-image-set(url(images/littip22@1x.jpg?db0e63ebf6a7a31fec57) 1x,url(images/littip22@2x.jpg?266aff2e8fcf520aec59) 2x);
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    text-align: center;
    vertical-align: -1px;
    width: 20px
}

.apply-detailinfo .apply-box .apply-left .yh-info,.apply-myinfo .apply-box .apply-left .yh-info,.apply-successinfo .apply-box .apply-left .yh-info,.apply-youhui .apply-box .apply-left .yh-info {
    color: #9c9fa1;
    font-size: 14px;
    line-height: 24px
}

.apply-detailinfo .apply-box .apply-left .yh-info-detailpage,.apply-myinfo .apply-box .apply-left .yh-info-detailpage,.apply-successinfo .apply-box .apply-left .yh-info-detailpage,.apply-youhui .apply-box .apply-left .yh-info-detailpage {
    color: #a2a5a7;
    font-size: 12px;
    line-height: 18px;
    max-height: 90px;
    overflow: auto
}

.apply-detailinfo .apply-box .apply-left .yh-info-detailpage .yh-info-detailpage-title,.apply-myinfo .apply-box .apply-left .yh-info-detailpage .yh-info-detailpage-title,.apply-successinfo .apply-box .apply-left .yh-info-detailpage .yh-info-detailpage-title,.apply-youhui .apply-box .apply-left .yh-info-detailpage .yh-info-detailpage-title {
    color: #101d37
}

.apply-detailinfo .apply-box .apply-right,.apply-myinfo .apply-box .apply-right,.apply-successinfo .apply-box .apply-right,.apply-youhui .apply-box .apply-right {
    text-align: center;
    width: 216px
}

.apply-detailinfo .apply-box .apply-right .piic,.apply-myinfo .apply-box .apply-right .piic,.apply-successinfo .apply-box .apply-right .piic,.apply-youhui .apply-box .apply-right .piic {
    height: 150px;
    text-align: center;
    width: 100%
}

.apply-detailinfo .apply-box .apply-right .piic img,.apply-myinfo .apply-box .apply-right .piic img,.apply-successinfo .apply-box .apply-right .piic img,.apply-youhui .apply-box .apply-right .piic img {
    background-color: #eee;
    height: 150px;
    width: 150px
}

.apply-detailinfo .apply-box .apply-right .piic-note,.apply-myinfo .apply-box .apply-right .piic-note,.apply-successinfo .apply-box .apply-right .piic-note,.apply-youhui .apply-box .apply-right .piic-note {
    font-size: 12px;
    margin-left: 32px;
    margin-top: 14px;
    text-align: center;
    width: 71%
}

.apply-detailinfo .apply-box .mid,.apply-myinfo .apply-box .mid,.apply-successinfo .apply-box .mid,.apply-youhui .apply-box .mid {
    background-color: #eee;
    height: 200px;
    margin-left: 30px;
    margin-right: 30px;
    width: 1px
}

.apply-detailinfo .apply-box .note-l,.apply-myinfo .apply-box .note-l,.apply-successinfo .apply-box .note-l,.apply-youhui .apply-box .note-l {
    font-size: 12px;
    margin-bottom: 15px;
    text-align: center
}

.apply-detailinfo .apply-box .name,.apply-detailinfo .apply-box .phone,.apply-myinfo .apply-box .name,.apply-myinfo .apply-box .phone,.apply-successinfo .apply-box .name,.apply-successinfo .apply-box .phone,.apply-youhui .apply-box .name,.apply-youhui .apply-box .phone {
    background: #fff;
    border: 1px solid #dfdfdf;
    box-shadow: inset 0 1px 2px -1px rgba(0,0,0,.2);
    height: 40px;
    margin-bottom: 10px;
    width: 248px
}

.apply-detailinfo .apply-box .name input,.apply-detailinfo .apply-box .phone input,.apply-myinfo .apply-box .name input,.apply-myinfo .apply-box .phone input,.apply-successinfo .apply-box .name input,.apply-successinfo .apply-box .phone input,.apply-youhui .apply-box .name input,.apply-youhui .apply-box .phone input {
    border: 0;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 95%;
    margin-left: 20px;
    margin-top: 1px;
    text-align: left;
    width: 74%
}

.apply-detailinfo .apply-box .name,.apply-myinfo .apply-box .name,.apply-successinfo .apply-box .name,.apply-youhui .apply-box .name {
    margin-bottom: 30px
}

.apply-detailinfo .apply-box .apply-btn,.apply-detailinfo .apply-box .infoto-btn,.apply-myinfo .apply-box .apply-btn,.apply-myinfo .apply-box .infoto-btn,.apply-successinfo .apply-box .apply-btn,.apply-successinfo .apply-box .infoto-btn,.apply-youhui .apply-box .apply-btn,.apply-youhui .apply-box .infoto-btn {
    background: #f15044;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 240px
}

.apply-detailinfo .apply-box .infoto-btn,.apply-myinfo .apply-box .infoto-btn,.apply-successinfo .apply-box .infoto-btn,.apply-youhui .apply-box .infoto-btn {
    margin-top: 18px
}

.div-for-height {
    min-height: 142px
}

.for-fiveline {
    display: inline-block;
    height: 119px;
    overflow: hidden
}

.mod-wrap .mod-baike {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 15px;
    margin-top: 15px 0;
    padding: 30px
}

.mod-wrap .mod-baike .baike-wrap li a {
    color: #333;
    display: block;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 269px
}

.mod-wrap .mod-baike .baike-wrap {
    display: block
}

.mod-wrap .mod-baike .baike-wrap li:hover:before {
    background: #2b66dc
}

.mod-wrap .mod-baike .baike-wrap li:hover a {
    color: #2b66dc
}

.mod-wrap .mod-baike .baike-wrap li:active:before {
    background: #5680a6
}

.mod-wrap .mod-baike .baike-wrap li:active a {
    color: #5680a6
}

.mod-wrap .mod-baike .baike-wrap .pull-left {
    float: left
}

.mod-wrap .mod-baike .baike-wrap .pull-right {
    float: right
}

.mod-wrap .mod-baike .question {
    background-image: url(images/baike.png?9fe263167729367f36f7);
    background-image: -webkit-image-set(url(images/baike.png?9fe263167729367f36f7) 1x,url(images/baike@2x.png?7b72e86bd54cff585f9b) 2x);
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    padding-bottom: 10px;
    width: 362px
}

.mod-wrap .mod-baike .baike-wrap .item-info {
    float: left;
    list-style-type: none;
    margin-bottom: 16px;
    position: relative;
    width: 313px
}

.mod-wrap .mod-baike .baike-wrap li:before {
    background-color: #999;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 5px;
    position: absolute;
    top: 5px;
    width: 5px
}

.mod-wrap .mod-estate-dynamic {
    background-color: #fff;
    margin-top: 45px;
    width: 712px
}

.mod-wrap .mod-estate-dynamic .picItem {
    cursor: pointer;
    float: left;
    height: 60px;
    margin-right: 10px;
    padding-top: 10px;
    position: relative;
    width: 80px
}

.mod-wrap .mod-estate-dynamic .picItem img {
    height: 100%;
    width: 100%
}

.mod-wrap .mod-estate-dynamic .picCover {
    background-color: #000;
    display: none;
    filter: alpha(opacity=50);
    height: 60px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 10px;
    width: 80px
}

.mod-wrap .mod-estate-dynamic .largePic {
    bottom: 100%;
    display: none;
    height: 220px;
    left: 0;
    position: absolute;
    width: 348px;
    z-index: 1001
}

.mod-wrap .estate-dynamic-toast {
    display: none;
    position: fixed;
    text-align: center;
    top: 120px;
    width: 100%;
    z-index: 1000
}

.mod-wrap .estate-dynamic-toast .toast-text {
    background: rgba(48,48,53,.9);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    padding: 0 30px
}

a {
    text-decoration: none
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left {
    display: block;
    margin-right: 60px;
    width: 100%
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .title-wrap {
    margin-top: 0;
    padding-bottom: 0
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .title-link {
    color: #101d37;
    font-size: 24px;
    font-weight: 600
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-more {
    color: #9399a5;
    display: block;
    font-size: 14px;
    line-height: 30px;
    vertical-align: bottom
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-wrap-block {
    padding-top: 22px;
    position: relative
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dongtai-tag {
    -webkit-transform: scale(.8);
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-top: -2px;
    padding: 3px 6px;
    transform: scale(.8)
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-block-detail {
    border-bottom: 1px solid #e4e6f0;
    padding-bottom: 16px;
    width: 712px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-wrap-block:last-child .dynamic-block-detail {
    border-bottom: none
}

.mod-wrap .dynamic-detail-info {
    -webkit-line-clamp: 3;
    color: #9c9fa1;
    display: block;
    display: -webkit-box;
    font-size: 14px;
    height: 72px;
    line-height: 24px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    width: 490px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-detail-info-full {
    color: #101d37;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 24px;
    text-decoration: none;
    width: 712px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-time {
    color: #9399a5;
    font-size: 12px;
    line-height: 24px;
    margin-top: 9px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-img a {
    display: block;
    height: 60px;
    margin-left: 15px;
    width: 80px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-img .largePic img {
    height: 220px;
    width: 348px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-img :first-child {
    margin-left: 0
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-left .dynamic-block-detail .dynamic-detail-img {
    display: block
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind {
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    box-sizing: border-box;
    height: 65px;
    padding: 0 20px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-text {
    color: #101d37;
    float: left;
    font-size: 15px;
    height: 100%;
    line-height: 63px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-text i {
    background-image: url(images/notice.png?99c8015b5e924802e30a);
  
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-setting {
    float: right;
    padding-top: 12px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-setting .remind-input {
    background: #f8f8f9;
    border: none;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    float: left;
    height: 40px;
    padding-left: 20px;
    width: 225px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-setting .remind-btn {
    background: #ff0000;
    border-radius: 0 2px 2px 0;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 13px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right {
    background-color: #fafafa;
    display: block;
    padding-bottom: 40px;
    width: 310px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-rt {
    font-size: 12px;
    margin: 16px 20px 32px 16px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-rt .look-info {
    color: #999
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-rt .loupan-matter {
    font-weight: 700
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item {
    border-left: 1px solid #eaeaea;
    font-size: 12px;
    margin-left: 25px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right li {
    margin-bottom: 30px;
    position: relative
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .time-info:before {
    background-color: #f15044;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 10px;
    left: -5px;
    position: absolute;
    top: 5px;
    width: 10px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .time-info {
    display: block;
    font-size: 14px;
    padding-left: 20px;
    position: relative
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .date-info {
    color: #999;
    display: block;
    line-height: 18px;
    margin: 0 20px;
    width: 244px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item li:first-child {
    padding-top: 30px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dongtai-title {
    color: #101d37;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
    min-height: 23px
}

.dt-part-line {
    background-color: #eee;
    height: 1px;
    margin-top: 19px;
    width: 100%
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .date-info-limited {
    color: #999;
    display: block;
    line-height: 18px;
    margin: 0 20px;
    max-height: 36px;
    overflow: hidden;
    width: 244px;
    word-break: break-all
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .invisible-content {
    position: absolute;
    visibility: hidden;
    z-index: -10000
}

.news-content-werapper {
    max-height: 48px;
    overflow: hidden
}

.news-content-werapper .invisible-dongtai {
    visibility: hidden
}

.mod-wrap .mod-estate-album {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 15px;
    padding: 30px 30px 0
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    opacity: 0;
    width: 0
}

.mod-wrap .mod-estate-album .album-wrap {
    height: 193px;
    overflow: hidden
}

.mod-wrap .mod-estate-album .album-wrap .album-list-item {
    height: 210px;
    margin-left: 15px
}

.mod-wrap .mod-estate-album .album-wrap .album-list-item a {
    text-decoration: none
}

.mod-wrap .mod-estate-album .album-wrap .album-list-item:first-child {
    margin-left: 0
}

.mod-wrap .mod-estate-album .album-wrap .album-list-item img {
    display: block;
    height: 132px;
    width: 176px
}

.mod-wrap .mod-estate-album .album-wrap .album-list-item .album-list-info {
    color: #333;
    display: block;
    font-size: 12px;
    padding-top: 14px;
    text-align: center;
    text-decoration: none
}

.mod-wrap .mod-estate-album .album-bottom {
    background: #fbfbfb;
    border-top: 1px solid #e4e4e4;
    color: #999;
    display: block;
    height: 46px;
    line-height: 46px;
    margin: 0 -30px;
    text-align: center;
    text-decoration: none
}

.mod-wrap .mod-estate-album .album-bottom .more-album {
    color: #999
}

#house-tese .tese-top {
    height: 36px;
    position: relative
}

#house-tese .tese-top .dujia {
    background: url(images/dujia.png?0b07ad6095bd9dc894b6);
    background: -webkit-image-set(url(images/dujia.png?0b07ad6095bd9dc894b6) 1x,url(images/dujia@2x.png?d4140623bf6aac684d9a) 2x);
    background-repeat: no-repeat;
    display: inline-block;
    height: 36px;
    width: 100px
}

#house-tese .tese-top .top-info {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    margin-left: 30px;
    position: absolute;
    top: 0
}

#house-tese .tese-top .right-more {
    color: #999;
    float: right;
    font-size: 12px;
    line-height: 36px
}

#house-tese .view {
    height: 100%;
    margin: 30px 0;
    width: 100%
}

#house-tese .view li {
    position: relative
}

#house-tese .view .positon {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    left: 45%;
    position: absolute;
    top: 42%;
    z-index: 2
}

#house-tese .view .positon:hover {
    background: #fff
}

#house-tese .view .btn-img {
    background-image: url(images/vbtn.png?3654561a293eda454ca7);
    background-image: -webkit-image-set(url(images/vbtn.png?3654561a293eda454ca7) 1x,url(images/vbtn@2x.png?2278d296f83989093a3e) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 100%;
    width: 100%
}

#house-tese .view img {
    height: 100%;
    width: 100%
}

#house-tese .view .view-opcity {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

#house-tese .view .view-intro {
    -moz-text-shadow: 0 1px 3px rgba(0,0,0,.6);
    -ms-text-shadow: 0 1px 3px rgba(0,0,0,.6);
    -o-text-shadow: 0 1px 3px rgba(0,0,0,.6);
    -webkit-text-shadow: 0 1px 3px rgba(0,0,0,.6);
    bottom: 15px;
    color: #fff;
    font-size: 20px;
    left: 15px;
    position: absolute;
    text-shadow: 0 1px 3px rgba(0,0,0,.6);
    width: 100%;
    z-index: 1
}

#house-tese .view .introB {
    font-size: 20px;
    height: 25px
}

#house-tese .view .introS {
    font-size: 14px;
    height: 15px
}

#house-tese .view .three .v-left {
    float: left;
    height: 353px;
    width: 630px
}

#house-tese .view .three .v-right1 {
    margin-bottom: 30px
}

#house-tese .view .three .v-right1,#house-tese .view .three .v-right2 {
    float: right;
    height: 162px;
    width: 280px
}

#house-tese .view .three .btnB {
    height: 60px;
    width: 60px
}

#house-tese .view .three .btnS {
    height: 40px;
    width: 40px
}

#house-tese .view .two li {
    height: 255px;
    width: 456px
}

#house-tese .view .two .v-left {
    float: left
}

#house-tese .view .two .v-right {
    float: right
}

#house-tese .view .two .btnA {
    height: 50px;
    width: 50px
}

#house-tese .view .one .only {
    height: 500px;
    width: 940px
}

#house-tese .view .one .btnM {
    height: 65px;
    width: 65px
}

#house-tese .tushuo-view {
    margin-top: 30px;
    overflow: hidden;
    width: 100%
}

#house-tese .tushuo-view ul {
    width: 9999px
}

#house-tese .tushuo-view li {
    float: left;
    height: 220px;
    margin-right: 29px;
    position: relative;
    width: 294px
}

#house-tese .tushuo-view .tushuo-mask {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#house-tese .tushuo-view .tushuo-desc {
    bottom: 8px;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 40px;
    left: 0;
    line-height: 20px;
    overflow: hidden;
    padding: 0 25px;
    position: absolute;
    text-decoration: none;
    width: 244px;
    word-break: break-all
}

#house-tese .tushuo-view .tushuo-index {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    left: 5px;
    line-height: 24px;
    padding: 0 8px;
    position: absolute;
    top: 5px
}

#house-tese .tushuo-view .tushuo-index-bg {
    background: #000;
    border-radius: 4px;
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

#deter,#house-tese .tushuo-view .tushuo-index-text {
    position: relative
}

#deter #pricedeter {
    background: #fbfbfb;
    border-top: 1px solid #e1e1e1;
    height: 350px;
    padding-top: 50px;
    width: 1000px
}

#deter .deter-title {
    font-size: 14px;
    font-weight: 700;
    left: 30px;
    position: absolute;
    top: 100px
}

#deter .deter-text {
    color: #9c9fa1;
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 102px
}

.mod-info {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background-color: #fffcf2;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    color: #9c6848;
    line-height: 26px;
    margin: 0 auto 15px;
    padding: 30px;
    width: 940px
}

.mod-info .cont-bgbox {
    max-height: 75px;
    overflow: hidden;
    width: 100%
}

.mod-info .show-all {
    max-height: none;
    overflow: visible
}

.mod-info .cont {
    position: relative;
    width: 100%
}

.mod-info .more-info {
    display: none;
    height: 20px;
    position: absolute;
    right: 0;
    top: 52px
}

.mod-info .more-info .dot {
    background: #fffcf2;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAAAoCAYAAAAouML7AAAA0UlEQVR4Ae3cBaoDURAEwEizuf9VgxN3R2LDStV3CTZNv/WMdjbLebP7Mjt9NDdfm+ffvf6fp59/99rpiNbJqMbm87/TRjF8PpHq4QuepQrBKWgGraJxIGXNoJU0jj0wUjZ8NI4liZQNX7AEx/BJ2fAFT+PYwyKa4RPEkkRZ4wgHMXzKGkewiN1vyhrH7jcxfNq9VyV4guMEJ3F9Me0+Oy54gmNJIob/CdLu3W88dAAPHYBoFTytot2cHXeCk2iGTxBLEpXB2TjVIDhuxKOmcWALuG1AUYcBCKQAAAAASUVORK5CYII=);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 50px;
    padding-right: 10px
}

.mod-info .more-info .more-btn {
    background: #fffcf2;
    color: #1ba1e1;
    cursor: pointer;
    display: inline;
    margin: 0
}

#modTab {
    background: #303035
}

.panel-tab {
    color: #555;
    font-size: 16px;
    height: 54px;
    margin: 0 auto;
    position: relative
}

.panel-tab ul {
    position: relative;
    z-index: 10
}

.panel-tab ul .phone-s {
    color: #f15044;
    float: right;
    font-size: 12px;
    font-weight: 700;
    height: 100%;
    line-height: 54px;
    margin-right: 15px;
    position: absolute;
    right: 0;
    text-align: center
}

.panel-tab ul .freetel {
    background: url(images/btn_phone_S.png?e1f63aac5b1124b94bb4);
    background: -webkit-image-set(url(images/btn_phone_S.png?e1f63aac5b1124b94bb4) 1x,url(images/btn_phone_S@2x.png?a875e74276a183311357) 2x);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 12px;
    margin: 21px 0;
    width: 12px
}

.panel-tab li {
    float: left;
    height: 100%;
    line-height: 54px;
    position: relative;
    text-align: center;
    transition: color .3s linear;
    visibility: middle;
    width: 97px
}

.panel-tab li a {
    color: #9399a5;
    display: inline-block;
    height: 54px;
    text-decoration: none;
    width: 97px
}

.panel-tab .panel-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: left .3s linear;
    width: 97px;
    z-index: 1
}

.panel-tab .panel-bg span {
    bottom: -12px;
    color: #3072f6;
    font-size: 12px;
    left: 45%;
    position: absolute
}

.panel-tab .on a {
    color: #fff
}

.panel-tab .popup-xcxqr-wrapper {
    -webkit-filter: drop-shadow(0 0 1px rgba(0,0,0,.1));
    background-color: #fff;
    box-sizing: border-box;
    display: none;
    filter: drop-shadow(0 0 1px rgba(0,0,0,.1));
    position: absolute;
    right: -145px;
    top: 60px;
    z-index: 10
}

.panel-tab .popup-xcxqr-wrapper h2 {
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 0 16px 13px
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list {
    background: #fff;
    border-bottom: 1px solid #eee;
    margin: 0 13px;
    padding: 22px 0
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-img {
    float: left;
    height: 95px;
    margin-right: 15px;
    width: 72px
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name {
    margin-bottom: 7px
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name h3 {
    color: #333;
    display: inline-block;
    font-size: 16px;
    font-weight: 700
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name .qr-desc-label {
    background: #f3f5f7;
    border-radius: 1px;
    color: #839aae;
    display: inline-block;
    font-size: 11px;
    padding: 1px 6px
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name .agent-card-img {
    left: -420px
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-count {
    color: #333;
    font-size: 12px;
    margin-bottom: 6px
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-phone {
    color: #FF0000;
    font-size: 12px;
    margin-bottom: 8px
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-consult .new-talk {
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    color: #4688f1;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 0!important;
    text-align: center;
    text-decoration: none;
    width: 88px
}

.panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-consult .new-talk i {
    background: url(images/Imtalk.png?f2207fc6c8af357eda5f) no-repeat 50%/12px;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    padding: 0;
    vertical-align: -3px;
    width: 16px
}

.panel-tab .popup-xcxqr-wrapper .qr-desc {
    color: #999;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 100%
}

.panel-tab .popup-xcxqr-wrapper:before {
    border-color: transparent #f9f9f9 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    content: "";
    height: 0;
    left: -4px;
    position: absolute;
    top: 18px;
    width: 0
}

.lianjiaim {
    right: 55px!important
}

.xinfang-nav .wrapper {
    width: 1172px
}

.mod-details {
    position: relative
}

.mod-details .mod-details-line {
    background-color: #e4e4e4;
    height: 1px;
    left: 0;
    position: absolute;
    width: 1000px
}

.mod-details a {
    color: #555
}

.mod-details .box-loupan {
    margin-bottom: -10px;
    margin-top: 5px
}

.mod-details .box-wuye {
    margin-bottom: -10px
}

.mod-details .tab .no-click {
    color: #aaa
}

.mod-details .tab li {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 400;
    padding: 18px 0;
    text-align: center
}

.mod-details .tab li span {
    display: inline-block;
    width: 100px
}

.mod-details .tab li i {
    display: inline-block;
    float: left;
    height: 20px;
    margin-top: 4px;
    width: 17px
}

.mod-details .tab-loupan {
    border-right: 1px solid #ededed;
    width: 49%
}

.mod-details .tab-loupan i {
    background: url(images/icon_box_press.png?cf0a22251821634da804);
    background: -webkit-image-set(url(images/icon_box_press.png?cf0a22251821634da804) 1x,url(images/icon_box_press@2x.png?3dbdfea6086716a406fd) 2x);
    background-repeat: no-repeat
}

.mod-details .tab-loupan .clicked-loupan {
    background: url(images/icon_box.png?b3994cb4c14d96f302cd);
    background: -webkit-image-set(url(images/icon_box.png?b3994cb4c14d96f302cd) 1x,url(images/icon_box@2x.png?a74cf2dc7cabc9816ed8) 2x);
    background-repeat: no-repeat
}

.mod-details .tab-wuye {
    width: 50%
}

.mod-details .tab-wuye i {
    background: url(images/icon_key.png?769bf74ffee30ae2c049);
    background: -webkit-image-set(url(images/icon_key.png?769bf74ffee30ae2c049) 1x,url(images/icon_key@2x.png?6beb3581da6902d8e02c) 2x);
    background-repeat: no-repeat
}

.mod-details .tab-wuye .clicked-wuye {
    background: url(images/icon_key_press.png?5d442c331b7d69e38f96);
    background: -webkit-image-set(url(images/icon_key_press.png?5d442c331b7d69e38f96) 1x,url(images/icon_key_press@2x.png?a22e79ab1ed91e333d40) 2x);
    background-repeat: no-repeat
}

.desc-p {
    font-size: 14px;
    line-height: 24px;
    padding: 7px 0
}

.desc-p .label {
    color: #333;
    display: inline-block;
    float: left;
    font-weight: 700;
    vertical-align: top;
    width: 100px
}

.desc-p .label-val {
    color: #888;
    display: block;
    margin-left: 100px
}

.table-list .desc-p {
    line-height: 20px
}

.table-list li {
    float: left;
    line-height: 100px;
    width: 50%
}

.table-list .odd .desc-p {
    line-height: 20px;
    margin-right: 28px
}

.table-list .even .desc-p {
    margin-left: 28px
}

.table-list .no-border {
    border-bottom: 0
}

.xqmore-btn-con {
    background-color: #f9f9f9;
    bottom: -20px;
    color: #b0b0b0;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    left: -30px;
    line-height: 45px;
    position: relative;
    text-align: center;
    width: 1000px
}

.xqmore-btn-con:hover {
    text-decoration: none
}

.xqmore-btn-con .xqmore-btn {
    color: #b0b0b0
}



.other-name-pos2 {
    overflow: hidden
}

.clear {
    zoom:1}

.clear:after {
    clear: both;
    content: "";
    display: block
}

.mod-price.mod-panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 45px;
    padding: 0
}

.mod-price .count {
    float: left;
    height: 100%;
    width: 414px
}

.mod-price .count .price-title {
    color: #101d37;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 14px
}

.mod-price .count .count-top {
    margin-bottom: 20px;
    margin-top: 10px
}

.mod-price .count ol {
    padding-top: 20px
}

.mod-price .count ol li {
    margin-top: 20px
}

.mod-price .count .count-icon {
    background: url(images/count-icon.png?4f9fae1fc37a1c268b86) no-repeat;
    color: #6f6117;
    display: inline-block;
    float: left;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 55px
}

.mod-price .count .count-intro {
    color: #9399a5;
    font-size: 14px
}

.mod-price .count .type-select {
    position: relative;
    width: 350px
}

.mod-price .count .type-select p {
    display: block;
    left: -60px;
    margin: 0;
    padding: 0;
    position: absolute
}

.mod-price .clear .tle {
    color: #101d37;
    font-weight: 600
}

.mod-price .clear .dk,.mod-price .clear .tle {
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 35px;
    line-height: 37px;
    width: 84px
}

.mod-price .clear .ret-zongjia {
    background: #f5f5f6;
    float: right;
    font-size: 12px;
    height: 45px;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 320px
}

.mod-price .clear .ret-zongjia input {
    background: #f5f5f6;
    border: 0;
    display: inline-block;
    float: left;
    height: 95%;
    margin-left: 20px;
    margin-top: 1px;
    width: 74%
}

.mod-price .clear .ret-zongjia .wan {
    line-height: 45px
}

.mod-price .clear .ret {
    background: #f5f5f6;
    background-color: #f9f9f9;
    float: right;
    font-size: 12px;
    height: 45px;
    line-height: 45px;
    position: relative;
    text-align: center;
    width: 320px
}

.mod-price .clear .ret ol {
    display: none;
    max-height: 200px;
    overflow-y: scroll;
    padding-top: 0
}

.mod-price .clear .ret ol li {
    margin-top: 0
}

.mod-price .clear .ret .da {
    float: left;
    margin-left: 20px
}

.mod-price .clear .ret ol {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    display: none;
    list-style: none;
    margin-left: -1px;
    margin-top: -1px;
    position: absolute;
    text-align: left;
    top: 46px;
    width: 320px;
    z-index: 2
}

.mod-price .clear .ret ol li {
    cursor: pointer;
    padding-left: 20px
}

.mod-price .clear .ret ol li:hover {
    background-color: #f9f9f9
}

.mod-price .clear .ret .arrow {
    border-color: #828282 transparent transparent;
    border-style: solid;
    border-width: 6px 4px;
    position: absolute;
    right: 26px;
    top: 22px
}

.mod-price .select-math {
    display: inline-block;
    height: 15px;
    margin-left: 93px;
    margin-top: 30px;
    width: 200px
}

.mod-price .slt-i {
    color: #101d37;
    font-size: 14px;
    font-weight: 700;
    margin-right: 20px
}

.mod-price .slt-i,.mod-price .wu-icon {
    display: inline-block;
    vertical-align: middle
}

.mod-price .wu-icon {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 12px;
    line-height: 13px;
    width: 12px
}

.mod-price .right-icon {
    background: url(images/new-icon-btn.png?320a0adb8683db12dcdb) no-repeat;
    background-size: 100% 100%;
    border: 0;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    width: 15px
}

.mod-price .start-div {
    float: left;
    height: 335px;
    margin-left: 10px;
    margin-top: 110px;
    position: relative;
    width: 200px
}

.mod-price .start-div .start-line {
    background-color: #e4e4e4;
    display: inline-block;
    height: 285px;
    margin: 0 auto 0 185px;
    overflow: hidden;
    width: 1px
}

.mod-price .start-btn {
    background: url(images/btn_jisuan.png?b7fde780eeddf26b3671);
    background: -webkit-image-set(url(images/btn_jisuan.png?b7fde780eeddf26b3671) 1x,url(images/btn_jisuan@2x.png?2b6da371820494db43d5) 2x);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 80px;
    left: 145px;
    position: absolute;
    top: 60px;
    width: 80px;
    z-index: 2
}

.mod-price .bill {
    float: right;
    height: 310px;
    margin-top: 110px;
    position: relative;
    width: 360px
}

.mod-price .bill .jiage {
    color: #101d37;
    font-size: 14px
}

.mod-price .bill .jiage-info {
    margin-right: 30px
}

.mod-price .bill .jiage-info,.mod-price .bill .zongjia-info-box {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

.mod-price .bill .zongjia-info-box {
    color: #101d37
}

.mod-price .bill .bill-top {
    margin-bottom: 10px
}

.mod-price .bill .bill-top .price-title {
    color: #101d37;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 13px
}

.mod-price .bill .bill-info {
    font-size: 14px;
    height: 142px
}

.mod-price .bill .bill-info p {
    height: 45px;
    line-height: 45px
}

.mod-price .bill .bill-info span {
    display: inline-block;
    margin-left: 15px
}

.mod-price .bill .bill-info .shoufu {
    background-color: #f7e7e6;
    color: #883631;
    margin-bottom: 8px
}

.mod-price .bill .bill-info .daikuan {
    background-color: #e2eff7;
    color: #41647a;
    margin-bottom: 8px
}

.mod-price .bill .bill-info .lixi {
    background-color: #fcf8e2;
    color: #486241
}

.mod-price .bill .bill-info .pie-bgbgbg {
    background: url(images/pie-bg.png?7d80c961d93de15b84a9);
    background: -webkit-image-set(url(images/pie-bg.png?7d80c961d93de15b84a9) 1x,url(images/pie-bg@2x.png?e1b0d23dbab417e2fa50) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
    height: 151px;
    position: absolute;
    right: 0;
    width: 150px
}

.mod-price .bill .bill-info #my-pie {
    display: none;
    height: 151px;
    position: absolute;
    right: 0;
    width: 142px;
    z-index: 2
}

.mod-price .bill .yue {
    margin-bottom: 21px;
    margin-top: 18px
}

.mod-price .bill .yue .yue1 {
    font-size: 16px;
    font-weight: 700
}

.mod-price .bill .yue .yue-info {
    color: #f15044;
    font-size: 20px;
    font-weight: 700
}

.mod-price .bill .small {
    color: #9399a5;
    font-size: 14px
}

#house-push {
    padding-right: 0
}

#house-push.mod-panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 45px;
    padding: 0
}

#house-push.mod-panel h2 {
    color: #101d37;
    font-size: 24px;
    font-weight: 600
}

.imglist {
    float: left;
    height: 260px;
    overflow: hidden;
    width: 1000px
}

.show-content ul li {
    display: inline-block;
    margin-bottom: 26px;
    margin-right: 9px;
    vertical-align: top
}

.show-content ul li:last-child {
    margin-right: 0
}

.show-content .li-last {
    float: left;
    margin-right: 0
}

.show-content .pic {
    display: block;
    margin-bottom: 15px;
    position: relative;
    width: 280px
}

.show-content .pic img {
    height: 208px;
    width: 280px
}

.show-content .pic .tip {
    background: #FF0000;
    border-radius: 2px;
    bottom: 17px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 24px;
    left: 0;
    line-height: 24px;
    padding: 0 4px;
    position: absolute;
    text-align: center;
    z-index: 20
}

.show-content .house-name {
    color: #101d37;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.show-content .zhuzhai {
    background-image: linear-gradient(-135deg,#6b99f6,#3072f6);
    border-radius: 2px;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    position: absolute
}

.show-content P {
    color: #9399a5;
    font-size: 12px
}

.show-content P .left-i {
    display: inline-block;
    margin-right: 25px
}

.fl {
    float: left
}

.fr {
    float: right
}

.h2-flow {
    overflow: hidden
}

.h2-flow h2 {
    display: block;
    float: left;
    margin-top: 0;
    padding-bottom: 18px
}

.h2-flow .title-link {
    color: #101d37;
    font-size: 24px;
    font-weight: 600
}

.h2-flow .house-more {
    color: #9399a5;
    display: block;
    float: right;
    font-size: 14px;
    line-height: 30px
}

.h2-flow .house-intro-box {
    float: right;
    padding-top: 15px
}

.h2-flow .house-intro-box li {
    float: left
}

.h2-flow .house-intro-box .house-intro-left {
    padding-right: 20px
}

.h2-flow .house-intro-box .house-intro-left .house-intro-img {
    border-radius: 50px;
    float: left;
    height: 36px;
    margin-right: 9px;
    overflow: hidden;
    width: 36px
}

.h2-flow .house-intro-box .house-intro-left .house-intro-img img {
    width: 36px
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor {
    float: left
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor div {
    padding-bottom: 6px
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor div h2 {
    color: #333;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    padding-bottom: 0
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor div .house-intro-infor-label {
    background: #f3f5f7;
    border-radius: 1px;
    color: #839aae;
    float: left;
    font-size: 11px;
    margin-left: 4px;
    margin-top: 1px;
    padding: 1px 6px
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor div .agent-card-box .agent-card-img {
    left: -420px;
    top: -330px
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor p {
    color: #333;
    font-size: 12px
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor .agent-card {
    margin-left: 5px;
    margin-top: 0
}

.h2-flow .house-intro-box .house-intro-center {
    color: #FF0000;
    font-size: 12px;
    line-height: 18px;
    padding: 0 11px;
    width: 76px
}

.h2-flow .house-intro-box .house-intro-right {
    padding: 0 26px
}

.h2-flow .house-intro-box .house-intro-right .qr-infor-consult .new-talk {
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    color: #4688f1;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 3px 0 0!important;
    text-align: center;
    text-decoration: none;
    width: 88px
}

.h2-flow .house-intro-box .house-intro-right .qr-infor-consult .new-talk i {
    background: url(images/Imtalk.png?f2207fc6c8af357eda5f) no-repeat 50%/12px;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    padding: 0;
    vertical-align: -3px;
    width: 16px
}

.h2-flow .house-intro-box .house-intro-line {
    border-right: 2px solid hsla(0,0%,59.2%,.2);
    height: 28px;
    margin-top: 4px
}

.mod-wrap .mod-panel-houseonline {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 50px
}

.mod-house-online {
    position: relative;
    width: 712px
}

.mod-house-online .type-tab {
    float: left;
    padding-right: 30px
}

.mod-house-online .type-tab li {
    color: #101d37;
    cursor: pointer;
    float: left;
    padding: 10px 20px
}

.mod-house-online .type-tab li a {
    color: #9d9d9d;
    font-size: 14px;
    text-decoration: none
}

.mod-house-online .type-tab li:first-child {
    padding-left: 0
}

.mod-house-online .type-tab .item.active>* {
    color: #3072f6;
    font-family: HiraginoSansGB-W6;
    font-size: 14px;
    position: relative
}

.mod-house-online .type-tab .item.active>:after {
    background: #3072f6;
    bottom: -11px;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.mod-house-online .houselist.carousel {
    width: 100%
}

.mod-house-online .houselist.carousel .carousel-body>.item {
    display: inline-block;
    margin-right: 0;
    overflow: hidden;
    width: 712px
}

.mod-house-online .housemore {
    padding-left: 30px;
    padding-right: 30px
}

.mod-house-online .house-intro {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    color: #999;
    display: inline-block;
    font-size: 14px;
    padding: 30px 0;
    width: 100%
}

.mod-house-online .det-line-h {
    background: #eee;
    display: inline-block;
    height: 1px
}

.mod-house-online .house-det {
    padding-top: 31px;
    position: relative
}

.mod-house-online .house-det li {
    float: left
}

.mod-house-online .house-det .image-li,.mod-house-online .house-det .img-li {
    font-size: 0;
    height: 105px;
    margin-right: 33px;
    position: relative;
    text-align: center;
    width: 140px
}

.mod-house-online .house-det .image-li:before,.mod-house-online .house-det .img-li:before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mod-house-online .house-det .image-li img,.mod-house-online .house-det .img-li img {
    cursor: pointer;
    display: inline-block;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle
}

.mod-house-online .house-det .image-li .tip,.mod-house-online .house-det .img-li .tip {
    background: #333;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    filter: alpha(opacity=80);
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    left: 0;
    line-height: 22px;
    margin-left: 3px;
    margin-top: 3px;
    opacity: .8;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 90px;
    z-index: 20
}

.mod-house-online .house-det .info-li {
    margin-right: 135px
}

.mod-house-online .house-det .info-li p {
    margin-bottom: 10px
}

.mod-house-online .house-det .info-li .p1 {
    color: #101d37;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    font-weight: 700;
    margin-top: -3px
}

.mod-house-online .house-det .info-li .p1 a {
    color: #101d37;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px
}

.mod-house-online .house-det .info-li .p1 .p1-orientation {
    font-size: 16px
}

.mod-house-online .house-det .info-li .p1 .ori-margin {
    margin-right: 13px
}

.mod-house-online .house-det .info-li .p1 .p1-build-area {
    color: #9399a5;
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    line-height: 20px;
    padding-left: 8px
}

.mod-house-online .house-det .info-li .p1 .p1-state {
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    padding: 0 3px;
    text-align: center;
    vertical-align: 4px
}

.mod-house-online .house-det .info-li .p1 .p1-blue {
    background-image: linear-gradient(-135deg,#6b99f6,#3072f6);
    color: #fff
}

.mod-house-online .house-det .info-li .p1 .p1-gray,.mod-house-online .house-det .info-li .p1 .p1-orange {
    background-image: linear-gradient(-135deg,#f99f82,#ff5722);
    color: #fff
}

.mod-house-online .house-det .info-li .p2 {
    font-size: 14px
}

.mod-house-online .house-det .info-li .p2 span {
    color: #9399a5
}

.mod-house-online .house-det .info-li .p2 span.p2-time {
    color: #6b7072;
    font-weight: 400;
    margin-left: 10px
}

.mod-house-online .house-det .info-li .p3 {
    font-size: 14px;
    max-width: 550px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod-house-online .house-det .info-li .p4 span {
    background-color: #f2f4f6;
    color: #849aad;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin-right: 5px;
    padding: 0 7px;
    vertical-align: middle
}

.mod-house-online .house-det .info-li .p5 {
    color: #FF0000;
    font-family: HiraginoSansGB-W6;
    font-size: 16px;
    line-height: 16px
}

.mod-house-online .house-det .add-contrast {
    border: 1px solid #9399a5;
    border-radius: 2px;
    color: #9399a5;
    cursor: pointer;
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 68px
}

.mod-house-online .house-det .slt-li {
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    position: relative;
    text-align: center;
    width: 150px
}

.mod-house-online .house-det .slt-li .wenzi-i {
    color: #333
}

.mod-house-online .house-det .slt-li .down {
    color: #f15044
}

.mod-house-online .house-det .slt-li-yincang {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #888;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    position: relative;
    text-align: center;
    width: 173px
}

.mod-house-online .house-det .slt-li-yincang:hover ol {
    display: block
}

.mod-house-online .house-det .slt-li-yincang .down {
    float: left;
    margin-left: 20px
}

.mod-house-online .house-det .slt-li-yincang ol {
    background: #fff;
    border: 1px solid;
    display: none;
    padding-left: 20px;
    position: absolute;
    top: 31px;
    width: 153px;
    z-index: 2
}

.mod-house-online .house-det .slt-li-yincang .arrow {
    border-color: #828282 transparent transparent;
    border-style: solid;
    border-width: 6px 4px;
    position: absolute;
    right: 20px;
    top: 14px
}

.mod-house-online .house-det .chak,.mod-house-online .house-det .link-frame-detail {
    -moz-box-shadow: 0 -1px 0 #2d8652 inset;
    -ms-box-shadow: 0 -1px 0 #2d8652 inset;
    -o-box-shadow: 0 -1px 0 #2d8652 inset;
    -webkit-box-shadow: 0 -1px 0 #2d8652 inset;
    background: #3072f6;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 #2d8652;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    margin-top: 2px;
    text-align: center;
    width: 60px
}

.mod-house-online .more-house-det {
    background: #3072f6;
    background: #fff;
    border: 1px solid #ced2d6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #9399a5;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
    text-align: center;
    width: 100%
}

.mod-house-online .more-house-det:hover {
    background: rgba(206,210,214,.05)
}

.mod-house-online .more-house-det a {
    color: #9399a5;
    position: relative!important
}

.mod-house-online .all-list {
    background: #fbfbfb;
    border-top: 1px solid #e4e4e4;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    margin-top: -1px;
    text-align: center;
    width: 100%
}

.mod-house-online .all-list .more {
    color: #999;
    cursor: pointer
}

.mod-house-online .all-list .more a {
    color: #999
}

.mod-house-online .all-list .more:hover {
    text-decoration: underline
}

.user-comment {
    width: 712px
}

.user-comment.mod-panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 45px;
    padding: 0
}

.user-comment .title-container {
    overflow: hidden
}

.user-comment .title-container h2 {
    display: block;
    float: left;
    margin-top: 0;
    padding-bottom: 18px
}

.user-comment .title-container .title-link {
    color: #101d37;
    font-size: 24px;
    font-weight: 600
}

.user-comment .title-container .comment-more {
    color: #9399a5;
    display: block;
    float: right;
    font-size: 14px;
    line-height: 30px
}

.user-comment .top_box {
    margin-top: -4px;
    padding-bottom: 25px
}

.user-comment .top_box .totalscore_box {
    float: left;
    font-size: 14px
}

.user-comment .top_box .totalscore_box .totalscore {
    color: #333;
    font-weight: 700;
    margin-bottom: 4px
}

.user-comment .top_box .totalscore_box .totalscore .score {
    color: #ff7326
}

.user-comment .top_box .totalscore_box .totalscore .ratio {
    color: #999;
    font-weight: 400;
    padding-left: 20px
}

.user-comment .top_box .totalscore_box .itemscore {
    color: #666;
    font-size: 14px
}

.user-comment .top_box .totalscore_box .itemscore .item {
    float: left;
    margin-right: 18px
}

.user-comment .top_box .totalscore_box .itemscore .item span {
    position: relative;
    top: 1px;
    vertical-align: middle
}

.user-comment .top_box .totalscore_box .itemscore .item .star {
    margin-left: -5px
}

.user-comment .top_box .totalscore_box .itemscore .item i {
    color: #ff7326;
    position: relative;
    top: 1px;
    vertical-align: middle
}

.user-comment .comment_btn {
    background: #3072f6;
    background: #fff;
    border: 1px solid #ced2d6;
    border-radius: 4px;
    color: #9399a5;
    cursor: pointer;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-top: 3px;
    text-align: center;
    width: 100%
}

.user-comment .comment_btn:hover {
    background: rgba(206,210,214,.05)
}

.user-comment .list_box .tab li {
    background: #f9f9f9;
    border-radius: 50px;
    cursor: pointer;
    float: left;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    padding: 0 10px
}

.user-comment .list_box .tab li a {
    color: #9399a5;
    text-decoration: none
}

.user-comment .list_box .tab li.active {
    background: #eaf1fe
}

.user-comment .list_box .tab li.active a {
    color: #3072f6
}

.user-comment .list_box .list {
    margin-top: 5px;
    position: relative;
    width: 725px
}

.user-comment .list_box .list li {
    border-bottom: 1px solid #eee;
    color: #333;
    padding-bottom: 25px;
    padding-top: 30px;
    width: 100%
}

.user-comment .list_box .list li .l_userpic {
    float: left;
    margin-right: 23px;
    padding-top: 4px;
    text-align: center
}

.user-comment .list_box .list li .l_userpic .pic {
    margin: 0 auto 13px;
    width: 55px
}

.user-comment .list_box .list li .l_userpic .pic img {
    border-radius: 100%;
    width: 100%
}

.user-comment .list_box .list li .l_userpic .info {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.user-comment .list_box .list li .r_comment {
    background-color: #fff;
    border-radius: 2px;
    float: left;
    font-size: 14px;
    position: relative;
    width: 643px
}

.user-comment .list_box .list li .r_comment .user-name {
    color: #101d37;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    margin-bottom: 7px;
    position: relative
}

.user-comment .list_box .list li .r_comment .user-name .tag-real {
    background: #ff6f33;
    border-radius: 2px 2px 2px 0 0;
    color: #fff;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    opacity: .5;
    padding: 0 2px
}

.user-comment .list_box .list li .r_comment .user-name .comment-agent-box {
    background: #fff;
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0
}

.user-comment .list_box .list li .r_comment .user-name .comment-agent-name {
    display: inline-block
}

.user-comment .list_box .list li .r_comment .user-name .comment-agent-name-type {
    background: #e9eaec;
    border-radius: 2px;
    color: #9399a5;
    font-size: 11px;
    padding: 1px 5px
}

.user-comment .list_box .list li .r_comment .user-name .tel {
    color: #ff0000;
    font-size: 13px
}

.user-comment .list_box .list li .r_comment .user-name .tel i {
    background: url(images/qr@1x.png?43d9ce8818c8cd36efbb);
    background: -webkit-image-set(url(images/qr@1x.png?43d9ce8818c8cd36efbb) 1x,url(images/qr@2x.png?3a2ee9548cdc8215ae0e) 2x);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 10px;
    margin-left: 3px;
    width: 10px
}

.user-comment .list_box .list li .r_comment .user-name .comment-agent-consult {
    display: inline-block;
    float: none
}

.user-comment .list_box .list li .r_comment .user-name .new-talk {
    font-size: 12px;
    margin-top: 0!important
}

.user-comment .list_box .list li .r_comment .agent-card-box .agent-card {
    margin-top: -1px
}

.user-comment .list_box .list li .r_comment .tag {
    color: #849aae;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    position: absolute;
    right: 20px;
    top: 20px
}

.user-comment .list_box .list li .r_comment .score .num {
    color: #333;
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle
}

.user-comment .list_box .list li .r_comment .score .num span {
    padding-right: 12px
}

.user-comment .list_box .list li .r_comment .words-container {
    color: #101d37;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    margin: 13px 0 0 2px;
    max-height: 96px;
    overflow: hidden;
    position: relative
}

.user-comment .list_box .list li .r_comment .words-container a {
    text-decoration: none
}

.user-comment .list_box .list li .r_comment .show-all {
    background-image: url(../../common/img/comment/comment_sprite_v2.png?caaa84f5ea7e4cf5edca);
    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite_v2.png?caaa84f5ea7e4cf5edca) 1x,url(../../common/img/comment/comment_sprite_v2@2x.png?1478db266867c45cdd9c) 2x);
    background-position: 0 100%;
    bottom: 0;
    color: #3072f6;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding-left: 40px;
    position: absolute;
    right: 0
}

.user-comment .list_box .list li .r_comment .sepline {
    border-bottom: 1px solid #e5e5e5
}

.user-comment .list_box .list li .r_comment .picList {
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.user-comment .list_box .list li .r_comment .picItem {
    cursor: pointer;
    display: inline-block;
    height: 84px;
    margin-right: 10px;
    margin-top: 16px;
    width: 84px
}

.user-comment .list_box .list li .r_comment .picItem img {
    width: 100%
}

.user-comment .list_box .list li .r_comment .picCover {
    background-color: #000;
    display: none;
    filter: alpha(opacity=50);
    height: 84px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 84px
}

.user-comment .list_box .list li .r_comment .largePic {
    bottom: 90px;
    display: none;
    height: 232px;
    left: 0;
    position: absolute;
    width: 362px;
    z-index: 1000
}

.user-comment .list_box .list li .r_comment .pic-wrap {
    margin-top: 10px;
    position: relative;
    width: 100%
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-left-btn,.user-comment .list_box .list li .r_comment .pic-wrap .pic-right-btn {
    background: #fff;
    cursor: pointer;
    height: 84px;
    position: absolute;
    top: 0;
    width: 20px
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-left-btn {
    left: 0
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-right-btn {
    right: 0
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-left-btn:before,.user-comment .list_box .list li .r_comment .pic-wrap .pic-right-btn:before {
    border-left: 2px solid #3072f6;
    border-top: 2px solid #3072f6;
    content: " ";
    display: block;
    font-size: 0;
    height: 12px;
    position: absolute;
    width: 12px
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-left-btn:before {
    -webkit-transform: rotate(-45deg);
    left: 0;
    top: 32px;
    transform: rotate(-45deg)
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-right-btn:before {
    -webkit-transform: rotate(-225deg);
    right: 0;
    top: 32px;
    transform: rotate(-225deg)
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-list {
    height: 80px;
    margin: 0 20px;
    overflow: hidden;
    position: relative;
    width: auto
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-body {
    position: absolute;
    top: 0;
    white-space: nowrap
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-item {
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 84px;
    margin-right: 5px;
    position: relative;
    width: 84px
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-item img {
    width: 100%
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-item .pic-cover {
    background: #000;
    display: none;
    height: 100%;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-large-list {
    bottom: 90px;
    height: 232px;
    left: 0;
    position: absolute;
    width: 362px;
    z-index: 1000
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-large-list img {
    height: 100%;
    width: 100%
}

.user-comment .list_box .list li .r_comment .info {
    color: #999;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 14px 0 0
}

.user-comment .list_box .list li .r_comment .info .time {
    color: #9399a5;
    float: left;
    font-size: 12px
}

.user-comment .list_box .list li .r_comment .info .comment-num {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    position: relative
}

.user-comment .list_box .list li .r_comment .info .comment-num i {
    background-image: url(images/words.png?6a1c25e447fd88d4cd56);
    background-image: -webkit-image-set(url(images/words.png?6a1c25e447fd88d4cd56) 1x,url(images/words@2x.png?cd8adc9734fd8d31d933) 2x);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    vertical-align: sub;
    width: 14px
}

.user-comment .list_box .list li .r_comment .info .comment-num span {
    border: 1px solid #9399a5;
    border-radius: 20px;
    display: inline-block;
    min-width: 50px;
    text-align: center;
    vertical-align: middle
}

.user-comment .list_box .list li .r_comment .info .comment-num .download-content {
    line-height: normal
}

.user-comment .list_box .list li .r_comment .info .comment-num .download-text {
    line-height: normal;
    padding: 1px 0;
    vertical-align: initial
}

.user-comment .list_box .list li .r_comment .info .comment-num .download-app-qr {
    right: -64px;
    top: 30px
}

.user-comment .list_box .list li .r_comment .info .comment-num .download-app-text {
    width: 111px
}

.user-comment .list_box .list li .r_comment .info .like {
    border: 1px solid #9399a5;
    border-radius: 20px;
    cursor: pointer;
    float: right;
    line-height: normal;
    min-width: 50px;
    padding: 1px 0;
    text-align: center
}

.user-comment .list_box .list li .r_comment .info .like i {
    background-image: url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60);
    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60) 1x,url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: -15px -33px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.user-comment .list_box .list li .r_comment .info .islike {
    border: 1px solid #3072f6
}

.user-comment .list_box .list li .r_comment .info .islike i {
    background-position: 0 -33px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap {
    background: #f8f8f9;
    height: 77px;
    margin-top: 14px;
    position: relative;
    width: 100%
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .avatar {
    border-radius: 100px;
    float: left;
    height: 55px;
    margin: 11px 25px 0 24px;
    width: 55px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info {
    float: left;
    margin-top: 19px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .name-line {
    margin-bottom: 3px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .name {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .position {
    background: #e9eaec;
    color: #9399a5;
    font-size: 12px;
    height: 15px;
    margin-right: 9px;
    padding: 0 3px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .perform {
    color: #333;
    display: inline-block;
    font-size: 13px;
    margin-right: 10px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .perform span {
    background: #eee;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 1px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .lineTwo {
    color: #ff0000;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .lineTwo .tel-icon {
    margin-left: 4px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .lineTwo i {
    background: url(images/qr@1x.png?43d9ce8818c8cd36efbb);
    background: -webkit-image-set(url(images/qr@1x.png?43d9ce8818c8cd36efbb) 1x,url(images/qr@2x.png?3a2ee9548cdc8215ae0e) 2x);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 14px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info a {
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    color: #4688f1;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 24px;
    text-align: center;
    text-decoration: none;
    top: 30px;
    width: 88px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info a i {
    background: url(images/Imtalk.png?f2207fc6c8af357eda5f) no-repeat 4.16666667%;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px;
    width: 16px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .phone-qr-wrap {
    display: none
}

.user-comment .list_box .list li .cream-icon {
    background: url(images/cream@2x.png?3071ac6f4f7294be3f55);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 55px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 55px
}

.user-comment .list_box .list li:last-child {
    border-bottom: none
}

.user-comment .list_box .comment-agent-box {
    background: #f8f8f9;
    box-sizing: border-box;
    margin-top: 14px;
    padding: 10px 24px
}

.user-comment .list_box .comment-agent-box>img {
    border-radius: 50px;
    float: left;
    height: 54px;
    margin-right: 20px;
    width: 54px
}

.user-comment .list_box .comment-agent-box .comment-agent-infor {
    float: left;
    padding-top: 6px
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-name {
    margin-bottom: 10px
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-name p {
    color: #333;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin-right: 9px
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-name .comment-agent-name-type {
    background: #e9eaec;
    border-radius: 2px;
    color: #9399a5;
    float: left;
    font-size: 11px;
    padding: 1px 5px
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-name .agent-card-box {
    margin-left: 10px
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-work {
    color: #333;
    font-size: 12px;
    font-weight: 700
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-work span {
    color: #ff0000;
    font-size: 13px
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-work i {
    background: url(images/qr@1x.png?43d9ce8818c8cd36efbb);
    background: -webkit-image-set(url(images/qr@1x.png?43d9ce8818c8cd36efbb) 1x,url(images/qr@2x.png?3a2ee9548cdc8215ae0e) 2x);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    height: 10px;
    margin-left: 3px;
    width: 10px
}

.user-comment .list_box .comment-agent-box .comment-agent-consult {
    float: right
}

.user-comment .list_box .comment-agent-box .comment-agent-consult .new-talk {
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    color: #4688f1;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 13px 0 0!important;
    text-align: center;
    text-decoration: none;
    width: 88px
}

.user-comment .list_box .comment-agent-box .comment-agent-consult .new-talk i {
    background: url(images/Imtalk.png?f2207fc6c8af357eda5f) no-repeat 50%/12px;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    padding: 0;
    vertical-align: -3px;
    width: 16px
}

.user-comment .nocomment {
    color: #666;
    font-size: 16px;
    text-align: center
}

.user-comment .nocomment .btn {
    background-color: #f0f3f5;
    color: #849aae;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
    margin: 15px auto 0;
    text-align: center;
    width: 90px
}

.user-comment .nocomment .btn:hover {
    background-color: #849aae;
    color: #f0f3f5
}

.mod-wrap .user-comment {
    padding-bottom: 0
}

.pingce {
    padding: 0!important
}

.pingce * {
    box-sizing: border-box
}

.pingce h2 {
    padding: 30px 30px 26px
}

.pingce h2 span {
    color: #9d9d9d;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px
}

.pingce a {
    cursor: pointer
}

.pingce ul {
    overflow: hidden;
    padding: 0 30px 30px
}

.pingce ul li {
    background-color: #f5f5f6;
    float: left;
    font-size: 12px;
    line-height: 1;
    margin-left: 15px
}

.pingce ul li:first-child {
    margin-left: 0
}

.pingce ul a {
    display: block;
    padding: 30px;
    text-decoration: none;
    width: 303px
}

.pingce ul a:hover {
    background-color: #101d37
}

.pingce ul a:hover .text,.pingce ul a:hover .tit {
    color: #fff
}

.pingce ul a:hover .link {
    color: #50d187
}

.pingce ul .tit {
    color: #333;
    font-size: 16px;
    font-weight: 700
}

.pingce ul .text {
    color: #999;
    height: 117px;
    line-height: 22px;
    overflow: hidden;
    padding: 10px 0
}

.pingce ul .link {
    color: #333
}

.pingce .btn-more {
    background-color: #fbfbfb;
    border-top: 1px solid #eaeaea;
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 45px;
    text-align: center;
    text-decoration: none
}

#around {
    margin-top: 45px
}

#around .ul-box {
    height: 420px;
    overflow-y: scroll
}

#around .ul-box ul {
    height: auto;
    overflow-y: visible
}

#around .ul-box .note-sel {
    background: #999;
    border: 1px solid transparent;
    color: #fff
}

#around .ul-box .busInfo {
    background: #f9f9f9;
    display: none;
    padding: 10px 20px 10px 0;
    position: relative;
    width: 290px
}

#around .ul-box .busInfo .note {
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 22px;
    margin-left: 55px
}

#around .ul-box .busInfo .note .note-name {
    color: #333
}

#around .ul-box .busInfo .nn-close {
    color: #dadada;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    position: absolute;
    right: 20px;
    top: 10px
}

#around .ctrl {
    background: #fff;
    border: solid #555;
    border-width: 1px 1px 0;
    bottom: 50px;
    font-size: 26px;
    left: 20px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 26px;
    z-index: 1
}

#around .ctrl li {
    -webkit-user-select: none;
    border-bottom: 1px solid #555;
    cursor: pointer;
    height: 26px;
    line-height: 23px
}

#around .ctrl li:first-child {
    font-size: 20px;
    line-height: 22px
}

.back-map {
    background: #fff;
    border: 1px solid #555;
    bottom: 114px;
    cursor: pointer;
    height: 27px;
    left: 20px;
    position: absolute;
    text-align: center;
    width: 26px;
    z-index: 1
}

.back-map i {
    background-image: url(images/zoom-back.png?c2838982fb3a8fa72a90);
    background-image: -webkit-image-set(url(images/zoom-back.png?c2838982fb3a8fa72a90) 1x,url(images/zoom-back@2x.png?2a803fb85262dbab076d) 2x);
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    margin-top: 4px;
    width: 18px
}

.BMapLabel {
    position: relative
}

.BMapLabel .labelIcon {
    cursor: pointer
}

.BMapLabel .labelIcon:hover {
    background-image: url(images/marker.png?ba1440b5c07adb959d0b);
    background-position: 6px 6px
}

.BMapLabel .labelText {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    display: none;
    left: -9px;
    min-width: 36px;
    padding: 6px 10px;
    position: absolute;
    text-align: center;
    top: -22px
}

.mod-wrap.around {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 1175px
}

.mod-wrap.around .content {
    padding: 0;
    width: 100%
}

.mod-wrap.around .content .title-link {
    color: #101d37;
    font-size: 24px;
    font-weight: 600
}

.mod-wrap.around .content .type {
    margin-top: 10px
}

.mod-wrap.around .content .type li {
    color: #101d37;
    margin: 0 9px;
    padding: 0
}

.mod-wrap.around .content .type li:first-child {
    margin-left: 0
}

.mod-wrap.around .content .type .select {
    background-color: #fff;
    color: #3072f6;
    position: relative
}

.mod-wrap.around .content .type .select:after {
    background: #3072f6;
    bottom: -4px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.mod-wrap.around .content .container {
    height: 310px
}

.around .bus-one {
    border-radius: 2px;
    color: #9399a5;
    display: inline-block;
    margin-bottom: 1px;
    padding: 2px
}

.around .bus-one.bordered {
    background-color: #fff;
    cursor: pointer
}

.around .content .container .list ul li {
    border-bottom: none!important;
    cursor: auto!important;
    padding: 20px 0 0!important
}

.around .content .container .list ul li i {
    background-image: url(images/address-bg.png?a422f3d31d15e9f23fdc)!important;
    background-image: -webkit-image-set(url(images/address-bg.png?a422f3d31d15e9f23fdc) 1x,url(images/address-bg@2x.png?87ae65f765161d5afbe6) 2x)!important;
    background-position: 1px 2px!important;
    margin-top: -1px
}

.around .content .container .list ul li .item .itemInfo {
    color: #9399a5
}

.around .content .container .list ul li .itemTitle {
    color: #101d37;
    font-size: 16px;
    font-weight: 700
}

.around .content .container .list ul li .itemTitle span {
    cursor: pointer
}

.around .content .container .list ul .ihover {
    background: #f5f5f6
}

.around .content .container .list ul .ihover i {
    background-image: url(images/marker.png?ba1440b5c07adb959d0b);
    background-position: 0 0
}

.around .content .container .map .item {
    background-image: url(images/address-bg.png?a422f3d31d15e9f23fdc)!important;
    background-image: -webkit-image-set(url(images/address-bg.png?a422f3d31d15e9f23fdc) 1x,url(images/address-bg@2x.png?87ae65f765161d5afbe6) 2x)!important;
    background-position: 7px 7px!important
}

.around .content .container .map .name {
    border: none!important;
    border-radius: 0!important;
    padding: 7px 10px!important
}

.around .content .container .map .name .arrow {
    background-image: url(images/detail_spritesheet.png?01341f36a9cc486a70b3)!important;
    background-position: inherit!important
}

.around .content .container .list .name {
    background: #3072f6!important
}

.mod-wrap.mod-building {
    padding: 0
}

.mod-wrap.mod-building .mod-panel {
    -webkit-box-shadow: none;
    background: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 46px
}

#build-info .hh2 {
    color: #101d37;
    font-size: 24px;
    font-weight: 600
}

#build-info .hr {
    border-top: 1px solid #eaeaea;
    margin-bottom: 3px;
    margin-top: 15px
}

#build-info .content-wrap {
    margin-left: 26px;
    width: 220px
}

#build-info .content-wrap p {
    color: #888;
    line-height: 1.8
}

#build-info .content-wrap .i-small {
    font-size: 12px
}

#build-info .content-wrap .b-hd {
    line-height: 20px;
    margin-bottom: 6px
}

#build-info .content-wrap .b-hd .building-building_code {
    color: #f15044;
    font-size: 20px;
    font-weight: 800;
    vertical-align: middle
}

#build-info .content-wrap .b-hd .b-type {
    background-color: #b2b2b2;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    margin-left: 8px;
    padding: 3px 5px;
    vertical-align: middle
}

#build-info .content-wrap .i-bold {
    color: #222
}

#build-info .content-wrap .i-light {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 122px
}

#build-info .mark-label {
    cursor: pointer;
    position: absolute;
    white-space: nowrap
}

#build-info .mark-label.clicked,#build-info .mark-label:hover {
    z-index: 2
}

#build-info .mark-label.clicked .l-tle,#build-info .mark-label:hover .l-tle {
    background-color: #f15044
}

#build-info .mark-label.clicked .l-arrow,#build-info .mark-label:hover .l-arrow {
    border-top-color: #f15044
}

#build-info .mark-label:hover {
    z-index: 3
}

#build-info .mark-label .l-tle {
    background-color: #3072f6;
    border-radius: 2px;
    color: #fff
}

#build-info .mark-label .l-des,#build-info .mark-label .l-tle {
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    min-width: 30px;
    padding: 0 10px;
    text-align: center
}

#build-info .mark-label .l-des {
    background-color: #fff;
    border-radius: 0 2px 2px 0;
    margin-left: -2px
}

#build-info .mark-label .l-arrow {
    border-right: 10px solid transparent;
    border-top: 6px solid #3072f6;
    bottom: -5px;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    display: block;
    height: 0;
    left: 14px;
    margin: 0 auto;
    opacity: .9999;
    position: absolute;
    width: 0;
    zoom:1}

#build-info .danyuan-list {
    height: 205px;
    margin-top: 5px;
    overflow-y: scroll;
    width: 100%
}

#build-info .danyuan-list .danyuan-eum {
    background-color: #f9f9f9;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    padding-left: 15px;
    width: 225px
}

#build-info .danyuan-list .danyuan-eum i {
    background: url(images/iic.png?eb22f3b0924b49c3b440);
    background: -webkit-image-set(url(images/iic.png?eb22f3b0924b49c3b440) 1x,url(images/iic@2x.png?09926aa9ce19f4116e43) 2x);
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 13px;
    margin-right: 8px;
    margin-top: 9px;
    width: 7px
}

#build-info .content-open1-b {
    background-color: #fff;
    height: 340px;
    position: absolute;
    right: -300px;
    transition: right .3s ease-in-out;
    width: 246px;
    z-index: 500
}

#build-info .content-open1-b .go-btn {
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    height: 60px;
    left: -48px;
    position: absolute;
    top: 125px;
    width: 20px;
    z-index: 520
}

#build-info .content-open1-b .go-btn i {
    background: url(images/iic.png?eb22f3b0924b49c3b440);
    background: -webkit-image-set(url(images/iic.png?eb22f3b0924b49c3b440) 1x,url(images/iic@2x.png?09926aa9ce19f4116e43) 2x);
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 13px;
    margin-right: 6px;
    margin-top: 22px;
    width: 7px
}

#build-info .content-open1 .open1-hd {
    line-height: 20px;
    margin-bottom: 6px
}

#build-info .content-open1 .open1-hd span {
    color: #666;
    font-size: 14px
}

#build-info .content-open1 .open1-hd .open1-title {
    color: #f15044;
    display: inline-block;
    font-size: 20px;
    font-weight: 800;
    height: 20px;
    vertical-align: middle;
    width: 70px
}

#build-info .content-open1 .open1-hd .open1-t {
    display: inline-block;
    left: 134px;
    position: absolute;
    top: 4px
}

#build-info .content-open1 .open1-hd .open1-g {
    display: inline-block;
    left: 76px;
    position: absolute;
    top: 4px
}

#build-info .content-open1 .ju-list {
    height: 264px;
    margin-top: 5px;
    overflow-y: auto;
    width: 246px
}

#build-info .content-open1 .ju-list .ju-div .ju-ul {
    display: none;
    float: left;
    height: 95px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 8px;
    width: 85px
}

#build-info .content-open1 .ju-list .ju-div .img-li {
    height: 75px;
    position: relative;
    width: 85px
}

#build-info .content-open1 .ju-list .ju-div .img-li img {
    cursor: pointer;
    height: 100%;
    width: 100%
}

#build-info .content-open1 .ju-list .ju-div .img-li .ju-size {
    color: #747474;
    display: inline-block;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
    width: 100%
}

#build-info .content-open1 .ju-list .ju-div .img-li .tip {
    background: #333;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    filter: alpha(opacity=80);
    font-size: 12px;
    font-weight: 700;
    height: 25px;
    left: 0;
    line-height: 22px;
    margin-left: 3px;
    margin-top: 3px;
    opacity: .8;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 20
}

#build-info .content-open1 .ju-list .jia i {
    background: url(images/jia.png?707e540dd10ee1deabb2);
    background: -webkit-image-set(url(images/jia.png?707e540dd10ee1deabb2) 1x,url(images/jia@2x.png?489e78dd79fea5ff324c) 2x);
    background-repeat: no-repeat
}

#build-info .content-open1 .ju-list .jian i {
    background: url(images/jian.png?711e8155832f2426d341);
    background: -webkit-image-set(url(images/jian.png?711e8155832f2426d341) 1x,url(images/jian@2x.png?beee42479e4a7f039206) 2x);
    background-repeat: no-repeat
}

#build-info .content-open1 .ju-list .ju-eum {
    background-color: #f9f9f9;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    padding-left: 15px;
    width: 246px
}

#build-info .content-open1 .ju-list .ju-eum i {
    display: inline-block;
    float: left;
    height: 12px;
    margin-right: 13px;
    margin-top: 9px;
    width: 12px
}

#build-info .info-content {
    width: 712px
}

#build-info .info-content .img-wrap {
    height: 340px;
    overflow: hidden;
    position: relative;
    width: 460px
}

#build-info .info-content .content-wrap {
    cursor: pointer;
    height: 340px
}

#build-info .info-content .content-wrap .content-wrap-header .content-header-title {
    color: #101d37;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 7px
}

#build-info .info-content .content-wrap .content-wrap-header .content-header-fist {
    float: left
}

#build-info .info-content .content-wrap .content-wrap-header .content-header-describe {
    background: #666;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 12px;
    margin-left: 8px;
    padding: 0 5px
}

#build-info .info-content .content-wrap .content-wrap-header .content-header-info {
    color: #101d37;
    font-size: 14px;
    line-height: 13px;
    margin-bottom: 9px
}

#build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom {
    font-size: 0;
    margin-bottom: 20px;
    position: relative
}

#build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom span {
    background: #fff;
    border: 1px solid #3072f6;
    border-radius: 2px;
    box-sizing: border-box;
    color: #3072f6;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    margin-right: 4px;
    padding: 3px 7px;
    text-align: center
}

#build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom .no-data {
    background: url(images/no-data.png?d1a7b79e0d7c9edd47e2);
    background: -webkit-image-set(url(images/no-data.png?d1a7b79e0d7c9edd47e2) 1x,url(images/no-data@2x.png?7e5624cc727693acc4b7) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 278px;
    position: absolute;
    width: 220px
}

#build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom .span-selected {
    background: #3072f6;
    color: #fff;
    opcity: .9
}

#build-info .info-content .content-wrap .content-wrap-block {
    margin-top: 20px
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-detail {
    margin-top: 20px;
    max-height: 240px;
    overflow-y: scroll
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-text {
    color: #101d37;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 11px
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img {
    margin-bottom: 20px;
    margin-right: 10px;
    position: relative;
    text-decoration: none
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img .block-img-info {
    background: #333;
    color: #fff;
    font-size: 12px;
    left: 0;
    opacity: .8;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: 0
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img img {
    border: 2px solid #eaeaea;
    display: block;
    height: 78px;
    width: 104px
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img .building-block-img-btm {
    display: block;
    margin-top: 10px;
    text-decoration: none
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img .block-img-btl {
    color: #333;
    font-size: 10px;
    font-weight: 700
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img .block-img-btr {
    color: #333;
    font-size: 10px
}

.xinfang-nav {
  
}

.xinfang-nav .bar-search-box {
    height: 36px;
    width: 245px
}

.xinfang-nav .bar-search-box input {
    border: 1px solid #dedede;
    height: 34px;
    line-height: 34px;
    width: 193px
}

.xinfang-nav .bar-search-box input:focus {
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.08)
}

.xinfang-nav .bar-search-box button {
    background-color: #f15044;
    height: 36px;
    width: 36px
}

.xinfang-nav .bar-search-box button i {
    background: url(../../common/img/btn-search.png?4e5460d09d1a4fc20869) no-repeat left -2px;
    background-image: -webkit-image-set(url(../../common/img/btn-search.png?4e5460d09d1a4fc20869) 1x,url(../../common/img/btn-search_2.png?998af6d910962389d66e) 2x);
    display: block;
    height: 20px;
    margin: 4px auto 0;
    width: 20px
}

.xinfang-nav .bar-search-box ul {
    border: 1px solid #ccc;
    margin-top: 36px;
    width: 209px
}

.flex-container a:focus,.flex-container a:hover,.flex-slider a:focus,.flex-slider a:hover {
    outline: none
}

.flex-control-nav,.flex-direction-nav,.slides,.slides>li {
    list-style: none;
    margin: 0;
    padding: 0
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    padding: 0
}

.flexslider .slides>li {
    -webkit-backface-visibility: hidden;
    display: none
}

.flexslider .slides img {
    display: block;
    width: 100%
}

.flexslider .slides:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides>li:first-child {
    display: block
}

.flexslider {
    -o-box-shadow: "" 0 1px 4px rgba(0,0,0,.2);
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.2) "";
    box-shadow: 0 1px 4px "" rgba(0,0,0,.2);
    margin: 0;
    position: relative;
    zoom:1}

.flexslider .slides {
    zoom:1}

.flexslider .slides img {
    height: auto
}

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav {
    *height: 0
}

.flex-direction-nav a {
    cursor: pointer;
    display: block;
    height: 40px;
    margin: -20px 0 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    top: 50%;
    transition: .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 40px;
    z-index: 10
}

.flex-direction-nav a,.flex-direction-nav a:before {
    color: rgba(0,0,0,.8);
    text-shadow: 1px 1px 0 hsla(0,0%,100%,.3)
}

.flex-direction-nav a:before {
    content: "\F001";
    display: inline-block;
    font-family: flexslider-icon;
    font-size: 40px
}

.flex-direction-nav a.flex-next:before {
    content: "\F002"
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-direction-nav .flex-prev {
    left: 10px;
    opacity: .7
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    cursor: default;
    filter: alpha(opacity=0);
    opacity: 0!important
}

.flex-pauseplay a {
    bottom: 5px;
    color: #000;
    cursor: pointer;
    display: block;
    height: 20px;
    left: 10px;
    opacity: .8;
    overflow: hidden;
    position: absolute;
    width: 20px;
    z-index: 10
}

.flex-pauseplay a:before {
    content: "\F004";
    display: inline-block;
    font-family: flexslider-icon;
    font-size: 20px
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: "\F003"
}

.flex-control-nav {
    bottom: -40px;
    position: absolute;
    text-align: center;
    width: 100%
}

.flex-control-nav li {
    display: inline-block;
    *display: inline;
    margin: 0 6px;
    zoom:1}

.flex-control-paging li a {
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background: #666;
    background: rgba(0,0,0,.5);
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0,0,0,.7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,.9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    overflow: hidden;
    position: static
}

.flex-control-thumbs li {
    float: left;
    margin: 0;
    width: 25%
}

.flex-control-thumbs img {
    cursor: pointer;
    display: block;
    height: auto;
    opacity: .7;
    transition: all 1s ease;
    width: 100%
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    cursor: default;
    opacity: 1
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        left:10px;
        opacity: 1
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

body,html {
    height: 100%;
    position: relative;
    width: 100%
}

.photoLayer {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-in;
    width: 100%;
    z-index: 1000
}

.photoLayer .photo-con {
    height: 100%;
    position: relative;
    width: 100%
}

.photoLayer .photo-list {
    font-size: 0;
    height: 100%;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    *word-spacing: -1px
}

.photoLayer .photo-list .photo-item-list {
    display: inline-block;
    *display: inline;
    height: 100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
    *zoom:1;zoom:1}

.photoLayer .photo-list .photo-item {
    display: table;
    height: 100%;
    position: relative;
    width: 100%
}

.photoLayer .photo-list .photo-item .photo-img {
    display: table-cell;
    *left: 50%;
    *position: absolute;
    text-align: center;
    *top: 50%;
    vertical-align: middle
}

.photoLayer .photo-list .photo-item img {
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    *left: -50%;
    max-height: 100%;
    max-width: 100%;
    *position: relative;
    *top: -50%;
    vertical-align: middle
}

.photoLayer .photo-list .photo-desc {
    background: #000;
    background: rgba(0,0,0,.5);
    bottom: 0;
    color: #fff;
    filter: "alpha(opacity=50)";
    font-size: 14px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.photoLayer .btn-close,.photoLayer .btn-left,.photoLayer .btn-right {
    background-color: #323232;
    background-color: rgba(50,50,50,.5);
    border: 0;
    border-radius: 15%;
    color: #ddd;
    cursor: pointer;
    filter: alpha(opacity=50);
    font: 1em sans-serif;
    margin: 0;
    outline: 0;
    padding: 0;
    *padding: 0 10px;
    position: absolute;
    transition: background-color .4s ease;
    transition: all background-color .4s ease ease;
    z-index: 10
}

.photoLayer .btn-left {
    left: 2%;
    margin-top: -20px;
    top: 50%
}

.photoLayer .btn-right {
    margin-top: -20px;
    right: 2%;
    top: 50%
}

.photoLayer .btn-close {
    right: 2%;
    top: 2%
}

.photo-round {
    float: left;
    height: 370px;
    width: 694px
}

.leftbtn {
    background: url(images/left.png?ca0d9de5696724d567b0);
    background: -webkit-image-set(url(images/left.png?ca0d9de5696724d567b0) 1x,url(images/left@2x.png?95234437dcd6eff58c19) 2x);
    background-repeat: no-repeat;
    left: 65px
}

.leftbtn,.rightbtn {
    bottom: 50%;
    display: inline-block;
    display: none;
    height: 57px;
    position: fixed;
    width: 31px;
    z-index: 1001
}

.rightbtn {
    background: url(images/right.png?f236d99f829075a2be05);
    background: -webkit-image-set(url(images/right.png?f236d99f829075a2be05) 1x,url(images/right@2x.png?46feb949b77a68f7798c) 2x);
    background-repeat: no-repeat;
    right: 65px
}

.close {
    background-image: url(images/hu-close.png?096c68d700cff4739cce);
    background-image: -webkit-image-set(url(images/hu-close.png?096c68d700cff4739cce) 1x,url(images/hu-close@2x.png?1fea02de6556c4f81c54) 2x);
    background-size: 33px 33px;
    cursor: pointer;
    display: block;
    display: none;
    height: 33px;
    overflow: hidden;
    position: fixed;
    right: 65px;
    top: 65px;
    width: 33px;
    z-index: 1001
}

.box {
    border: 0 solid #000;
    height: 440px;
    padding: 40px 0;
    position: relative;
    width: 694px
}

.frame-tip {
    background: #333;
    border-radius: 2px;
    color: #fff;
    filter: alpha(opacity=80);
    font-weight: 700;
    height: 25px;
    left: 10px;
    line-height: 22px;
    opacity: .8;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    top: 10px;
    z-index: 1001
}

.frame-tip,.nature {
    display: inline-block;
    font-size: 12px;
    position: absolute
}

.nature {
    bottom: 26px;
    color: #666;
    cursor: pointer;
    height: 20px;
    right: 30px;
    width: 50px
}

.nature:hover {
    text-decoration: none
}

.bigPic {
    height: 370px;
    margin-bottom: 50px;
    margin-left: 155px;
    overflow: hidden;
    position: relative;
    width: 390px
}

.bigPic img {
    max-height: 100%;
    vertical-align: middle
}

.bigPic ul {
    left: 0;
    position: absolute;
    top: 0
}

.bigPic ul li {
    float: left;
    height: 370px;
    line-height: 370px;
    text-align: center;
    width: 390px
}

.smallPic {
    height: 100px;
    margin-left: 50px;
    overflow: hidden;
    position: relative;
    width: 630px
}

.smallPic img {
    height: 100%;
    width: 100%
}

.smallPic ul {
    position: absolute;
    top: 0
}

.smallPic ul li {
    filter: alpha(opacity=50);
    float: left;
    height: 75px;
    margin-right: 30px;
    opacity: .5;
    width: 75px
}

.smallPic ul li.active {
    filter: alpha(opacity=100);
    opacity: 1
}

.type-pic {
    background: #fff;
    border-radius: 2px;
    bottom: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    height: 520px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 1000px;
    z-index: 1001
}

.photoLayer {
    float: left;
    height: 100%;
    width: 694px
}

.pic-info {
    background-color: #f5f5f5;
    border-radius: 2px;
    float: right;
    height: 520px;
    width: 306px
}

.pic-info .p-info-box {
    height: 520px;
    margin-left: 30px;
    margin-right: 30px;
    width: 246px
}

.pic-info .p-info-box .p-title {
    font-size: 26px;
    font-weight: 700;
    margin-top: 25px
}

.pic-info .p-info-box .p-dtl {
    color: #b5b5b5;
    font-size: 12px;
    height: 176px;
    width: 246px
}

.pic-info .p-info-box .p-dtl li {
    float: left;
    margin-bottom: 8px;
    width: 123px
}

.pic-info .p-info-box .p-dtl li .nleft {
    color: #333;
    font-weight: 700
}

.pic-info .p-info-box .p-dtl .koleft {
    width: 245px
}

.pic-info .p-info-box .p-tips {
    margin-bottom: 15px;
    margin-top: 10px;
    max-height: 23px;
    overflow: hidden
}

.pic-info .p-info-box .p-tips span {
    color: #fff;
    float: left;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    margin-right: 5px;
    padding: 0 5px;
    vertical-align: middle
}

.pic-info .p-info-box .p-tips .tag1 {
    background-color: #c5a9dd
}

.pic-info .p-info-box .p-tips .tag2 {
    background-color: #ecc896
}

.pic-info .p-info-box .p-tips .tag3 {
    background-color: #e0a0a0
}

.pic-info .p-info-box .p-tips .tag4 {
    background-color: #96cf95
}

.pic-info .p-info-box .p-line {
    background-color: #d5d5d5;
    height: 1px;
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.pic-info .p-info-box .p-note-b {
    height: 63px;
    margin-top: 10px;
    width: 246px
}

.pic-info .p-info-box .p-note {
    background: #fbfbfb;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
    height: 64px;
    position: absolute;
    width: 246px
}

.pic-info .p-info-box .p-note #p-note-info {
    background: #fbfbfb;
    border: 0;
    display: inline-block;
    font-size: 12px;
    height: 43px;
    margin-left: 10px;
    margin-top: 10px;
    position: absolute;
    width: 226px
}

.pic-info .p-info-box .p-note .code-color {
    color: #999
}

.pic-info .p-info-box .p-update {
    bottom: 120px;
    color: #b5b5b5;
    font-size: 12px;
    position: absolute
}

.pic-info .p-info-box .pf-btn {
    bottom: 79px;
    height: 30px;
    position: absolute;
    width: 249px
}

.pic-info .p-info-box .pf-btn span {
    background: #fbfbfb;
    border: 1px solid #ccc;
    border-radius: 3px;
    bottom: 0;
    color: #000;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 18px;
    position: relative;
    text-align: center;
    width: 110px
}

.pic-info .p-info-box .pf-btn .duibi {
    cursor: pointer;
    float: left;
    font-size: 12px
}

.pic-info .p-info-box .pf-btn .quxiaoduibi {
    background: #e6e6e6
}

.pic-info .p-info-box .pf-btn .guanzhu {
    cursor: pointer;
    float: right;
    font-size: 12px
}

.pic-info .p-info-box .p-btn {
    bottom: 79px;
    height: 30px;
    position: absolute;
    width: 249px
}

.pic-info .p-info-box .p-btn span {
    background: #fbfbfb;
    border: 1px solid #ccc;
    border-radius: 3px;
    bottom: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: 110px
}

.pic-info .p-info-box .p-btn .quxiao {
    cursor: pointer;
    float: left
}

.pic-info .p-info-box .p-btn .tianjia {
    color: #3072f6;
    cursor: pointer;
    float: right
}

.pic-info .p-info-box .p-phone {
    bottom: 12px;
    color: #f15044;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 45px;
    position: absolute;
    text-align: center;
    width: 246px
}

.pic-info .p-info-box .t-phonetag {
    bottom: 23px;
    padding-top: 12px;
    position: absolute
}

.pic-info .p-info-box .t-phonetag .btn_phone_ll {
    background: #f15044;
    border-radius: 2px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 7px 0 8px;
    text-align: center;
    width: 249px
}

.pic-info .p-info-box .t-phonetag .btn_phone_ll i {
    background: url(images/btn_phone_B.png?16c3bb04d5247a27e7de);
    background: -webkit-image-set(url(images/btn_phone_B.png?16c3bb04d5247a27e7de) 1x,url(images/btn_phone_B@2x.png?f5ce8f686088cd0a6e25) 2x);
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    overflow: hidden;
    vertical-align: middle;
    width: 25px
}

.pic-info .p-info-box .t-phonetag .btn_phone_ll span {
    color: #fff;
    display: inline-block;
    font-family: Hiragino Sans GB,Microsoft Yahei UI,Microsoft Yahei,"\5FAE\8F6F\96C5\9ED1",Segoe UI,Tahoma,"\5B8B\4F53",SimSun,sans-serif;
    font-size: 18px;
    vertical-align: middle
}

.lianjia-header-xinfang {
    background: #ececec;
    color: #333;
    height: 36px;
    line-height: 36px
}

.lianjia-header-xinfang .nav-xinfang {
    height: 36px;
    width: 1000px
}

.lianjia-header-xinfang .nav-xinfang ul {
    margin: 0;
    width: auto
}

.lianjia-header-xinfang .nav-xinfang ul li a {
    color: #555;
    font-size: 12px
}

.lianjia-header-xinfang .nav-xinfang ul li a.on {
    background: none
}

.lianjia-header-xinfang .nav-xinfang ul li:first-child a {
    padding-left: 0
}

.lianjia-header-xinfang .nav-xinfang .login .typeShowUser a {
    color: #333;
    font-size: 12px;
    margin-right: 0
}

.lianjia-header-article {
    background: #101d37;
    height: 38px;
    line-height: 38px
}

.lianjia-header-article .wrapper {
    width: 1150px
}

.lianjia-header-article .nav-xinfang {
    height: 38px;
    width: 1150px
}

.lianjia-header-article .nav-xinfang ul li a {
    color: #a9abab;
    vertical-align: top
}

.lianjia-header-article .nav-xinfang ul li a:hover {
    color: #fff
}

.lianjia-header-article .nav-xinfang ul li a.on {
    background: none;
    color: #fff
}

.lianjia-header-article .nav-xinfang .login,.lianjia-header-article .nav-xinfang .tel {
    color: #fff;
    font-size: 12px
}

.lianjia-header-article .nav-xinfang .login span,.lianjia-header-article .nav-xinfang .tel span {
    vertical-align: top
}

.lianjia-header-article .nav-xinfang .login .login-panel,.lianjia-header-article .nav-xinfang .tel .login-panel {
    display: inline-block;
    vertical-align: top
}

.lianjia-header-article .nav-xinfang .login .typeShowUser,.lianjia-header-article .nav-xinfang .tel .typeShowUser {
    height: 38px;
    margin-right: 15px
}

.lianjia-header-article .nav-xinfang .login .typeShowUser a,.lianjia-header-article .nav-xinfang .tel .typeShowUser a {
    color: #fff;
    font-size: 12px;
    margin: 0 5px 0 0
}

.lianjia-header-article .nav-xinfang .login span.log,.lianjia-header-article .nav-xinfang .login span.reg,.lianjia-header-article .nav-xinfang .tel span.log,.lianjia-header-article .nav-xinfang .tel span.reg {
    top: 0!important
}

.lianjia-header-article .nav-xinfang .tel i {
    background-position: -340px -94px
}

.lianjia-header-article .nav-xinfang .login i,.lianjia-header-article .nav-xinfang .tel i {
    background-image: url(../../common/img/xinfang_sprite.png?da9dafb039ff5856c33e);
    display: inline-block;
    height: 12px;
    margin: 13px 9px 13px 0;
    vertical-align: top;
    width: 12px
}

.lianjia-header-article .nav-xinfang .login i {
    background-position: -340px -106px;
    padding: 13px 0
}

.xinfang-nav {
    background-color: #f5f5f6;
    height: 40px;
    line-height: 16px
}

.xinfang-nav .split {
    border: 1px solid transparent;
    border-right-color: #ccc;
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    width: 15px
}

.xinfang-nav .nav-content {
    line-height: 86px
}

.xinfang-nav .breadcrumbs {
    line-height: 17px
}

.xinfang-nav .breadcrumbs,.xinfang-nav .breadcrumbs a,.xinfang-nav .breadcrumbs span {
    color: #9399a5;
    font-size: 12px
}

.xinfang-nav .download-app-wrapper {
    cursor: pointer
}

.xinfang-nav .download-app-wrapper .download-text {
    color: #333;
    font-size: 16px;
    line-height: 22px
}

.xinfang-nav .download-app-wrapper .download-text i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAAXNSR0IArs4c6QAAALFJREFUOBFjNDEx8WRgYJj1//9/GSBNEDAyMj4BKkpjBGp8DNT0HiiwjqAuoAKg2iCgWkEWkE1AxtwzZ840EKMRaBFIcz0TMYqxqRnViC1UoGJkBw4LNkNhqQkqlwaM4+3o6nDZCE6CoMQB1DALXROIj0sjNrUoYrg0poESMwgDVaeh6IBysPoR6idZbBpgYrhshMnjpFlAzgFlFVCqJwaA1IL0gJwK8g8oFOuJ0QjzNwDbjTtSsrWSrgAAAABJRU5ErkJggg==") no-repeat;
    background-size: contain;
    display: inline-block;
    height: 18px;
    margin-right: 11px;
    vertical-align: middle;
    width: 14px
}

.xinfang-nav .download-app-wrapper .download-text a {
    text-decoration: none;
    vertical-align: middle
}

.xinfang-nav dl.city-list {
    color: #2b2b2b;
    display: inline-block;
    line-height: 28px;
    margin-left: 15px;
    position: relative;
    z-index: 10
}

.xinfang-nav dl.city-list:hover dd {
    display: block
}

.xinfang-nav dl.city-list:hover .arrow {
    border-color: transparent transparent #999;
    margin-top: -8px
}

.xinfang-nav dl.city-list a {
    color: #2b2b2b;
    cursor: pointer;
    display: block;
    line-height: 27px;
    margin: 0;
    padding-left: 7px
}

.xinfang-nav dl.city-list a:hover {
    background-color: #f9f9f9;
    text-decoration: none
}

.xinfang-nav dl.city-list dd {
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    left: 0;
    margin-top: -1px;
    padding-bottom: 6px;
    padding-top: 6px;
    position: absolute;
    right: 0
}

.xinfang-nav dl.city-list dt {
    border: 1px solid #efefef;
    border-radius: 1px;
    padding-left: 7px
}

.xinfang-nav dl.city-list dt .arrow {
    border: 4px solid transparent;
    border-top-color: #999;
    display: inline-block;
    margin-left: 14px;
    margin-right: 6px;
    vertical-align: middle
}

.xinfang-nav .logo {
    background: url(../../common/img/logo.png?ad280b56faa0b4f79f08?t=12) no-repeat 0;
    background-image: -webkit-image-set(url(../../common/img/logo.png?ad280b56faa0b4f79f08) 1x,url(../../common/img/logo@2x.png?c056e051b66a77dfa224) 2x);
    background-size: 100% 100%;
    height: 30px;
    width: 257px
}

.xinfang-nav .logo,.xinfang-nav .nav-list {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    *zoom:1;zoom:1}

.xinfang-nav .nav-list {
    line-height: 1;
    margin-left: 50px;
    top: 26px
}

.xinfang-nav .nav-list li {
    display: inline-block;
    *display: inline;
    list-style: none;
    margin-right: 30px;
    vertical-align: middle;
    *zoom:1;zoom:1}

.xinfang-nav .nav-list li a {
    color: #333;
    font-size: 16px
}

.xinfang-nav .nav-list li a.check {
    color: #3072f6
}

.xinfang-nav .ren-con {
    display: inline-block;
    *display: inline;
    position: relative;
    vertical-align: middle;
    *zoom:1;zoom:1}

.xinfang-nav .ren-con .recently {
    color: #999;
    cursor: pointer;
    margin-right: 30px
}

.xinfang-nav .ren-con .r-container {
    display: none
}

.xinfang-nav .ren-con .r-container .recent-detail {
    -o-box-shadow: "" 0 1px 3px rgba(0,0,0,.2) 1px 2px rgba(0,0,0,.2);
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 1px 2px "" rgba(0,0,0,.2) rgba(0,0,0,.2);
    height: 220px;
    overflow: auto;
    padding: 0 20px 40px;
    position: absolute;
    right: -135px;
    top: 68px;
    width: 350px;
    z-index: 2
}

.xinfang-nav .ren-con .r-container .recent-detail .loading {
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 20px
}

.xinfang-nav .ren-con .r-container .recent-detail ul {
    line-height: 0;
    position: relative
}

.xinfang-nav .ren-con .r-container .recent-detail ul li {
    border-bottom: 1px solid #e4e4e4;
    display: inline-block;
    *display: inline;
    padding: 20px 0;
    vertical-align: middle;
    width: 100%;
    *zoom:1;zoom:1}

.xinfang-nav .ren-con .r-container .recent-detail ul li .delete {
    color: #999;
    cursor: pointer;
    float: right;
    line-height: 50px
}

.xinfang-nav .ren-con .r-container .recent-detail ul li img {
    height: 55px;
    margin-right: 15px;
    width: 70px
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .info p {
    font-size: 12px;
    line-height: 19px
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .info p.title {
    font-weight: 700
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .info p.title .t-til {
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .info p span {
    font-size: 12px;
    margin-right: 5px;
    padding: 2px
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .info p span.label0 {
    background: #77bbd5;
    color: #fff
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .info p span.label1 {
    background: #dac782;
    color: #fff
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .info p .price {
    color: #f15044
}

.xinfang-nav .ren-con .r-container .clear-all {
    background: #fff;
    bottom: 0;
    color: #999;
    display: none;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: -135px;
    text-align: center;
    top: 288px;
    width: 390px;
    z-index: 3
}

.xinfang-nav .ren-con .r-container .clear-all .login-btn {
    background: #3072f6;
    color: #fff;
    padding: 10px
}

.xinfang-nav .ren-con .r-container .clear-all span {
    cursor: pointer;
    float: right;
    position: relative;
    right: 19px;
    text-decoration: underline
}

.xinfang-nav .phone {
    background: url(../../common/img/Sprite_Graphic_v2.png?345c8270a0d7c7b61d9e) no-repeat -83px -10px;
    display: inline-block;
    *display: inline;
    height: 14px;
    vertical-align: middle;
    vertical-align: -2px;
    width: 18px;
    *zoom:1;zoom:1}

.xinfang-nav .connect {
    color: #3072f6;
    line-height: 86px
}

.xinfang-nav .bar-search-box {
    display: inline-block;
    height: 46px;
    position: relative;
    vertical-align: middle;
    width: 466px
}

.xinfang-nav .bar-search-box input {
    background-color: #fff;
    border: none;
    box-shadow: 0 2px 2px 0 hsla(0,0%,92.2%,.5);
    height: 46px;
    left: 0;
    line-height: 46px;
    padding-left: 15px;
    position: absolute;
    top: 0;
    width: 445px
}

.xinfang-nav .bar-search-box input:focus {
    box-shadow: none
}

.xinfang-nav .bar-search-box button {
    background-color: #fff;
    display: inline-block;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px
}

.xinfang-nav .bar-search-box button i {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAa5JREFUOBGtUztIA0EQndm7qCFa2dlYaGtnaxO0TQRBRMHCEEXFThEEK8HGlH5QiRCEkEpJ6mCKtFoFK7Ww0s5CxQjejTt7bG7vPFAOF8LNvnn7MjtvFsFYxWK178N5XwegDBAOqxTSPQDWklaqkMtlXw16IES9Ozotpx2iMyIY1Jj5RYRHC3FhOT97ZeI6Fhx4IlBXIohNYWGmC3oG+McxSIxzDkGdufqw+UXvOm8tJiKI3dXFmW1EdE0SEYmDk8oOgbvFlSWt3pHwNQX3RFcSJcKCLMw5XZnXR/OvAIQUyTIkBOyFKzGpnGOOh0kzQkvIbg8xZjvd16Hcj22Hox01GKrZxj52KAjggU9/WZ+jv6l0OGq2gmwhXagy5Lqwwe4E0/6Oc8zxEKz5GS8SPLFsKRCNKYsjxLT9zPHsTxXCQmqy/YEkZIvZHd1Yvo6qRIkgWQjjUdP9b0+kI8Sl6kfLs6XHAiIe7X7poh/a7U0C+3xtabrFZwNCDPxlHR6XJx2gS3n4RbZhYiU/dxNLqNFo2Ld3TxVpwhSLISbSsYS46qAYlmIL+WLP83bCbX4DpQbZ+LJh/xMAAAAASUVORK5CYII=") no-repeat;
    background-size: contain;
    display: inline-block;
    height: 14px;
    vertical-align: middle;
    width: 14px
}

.xinfang-nav .bar-search-box ul {
    -webkit-box-shadow: 0 1px 2px -1px rgba(0,0,0,.5);
    background-color: #fff;
    border-top: 0;
    box-shadow: 0 1px 2px -1px rgba(0,0,0,.5);
    box-sizing: border-box;
    display: none;
    margin-top: 40px;
    position: relative;
    width: 585px;
    z-index: 10
}

.xinfang-nav .bar-search-box ul li {
    height: 35px;
    line-height: 35px;
    padding: 0 15px
}

.xinfang-nav .bar-search-box ul li:hover {
    background-color: #f1f1f1
}

.xinfang-nav .bar-search-box ul li a {
    color: #333;
    display: inline-block;
    font-size: 12px;
    position: relative;
    text-decoration: none;
    width: 100%
}

.xinfang-nav .bar-search-box ul li a .type {
    background-color: #f4f7f9;
    border-radius: 2px;
    color: #849aae;
    margin-left: 10px;
    padding: 4px;
    text-align: center
}

.xinfang-nav .bar-search-box ul li a .for-right {
    position: absolute;
    right: 0
}

.xinfang-nav .bar-search-box ul li a .region {
    color: #9c9fa1
}

.xinfang-nav .bar-search-box ul li a .red {
    color: #f26157
}

.xinfang-nav-article .wrapper {
    width: 1150px
}

.xinfang-nav-article .nav-downloadapp {
    display: inline-block;
    margin-right: 30px
}

.xinfang-nav-article .nav-downloadapp span {
    background: url(../../common/img/article_login_sprite.png?5f35e86cf41ee3098205) 0 0 no-repeat;
    background: -webkit-image-set(url(../../common/img/article_login_sprite.png?5f35e86cf41ee3098205) 1x,url(../../common/img/article_login_sprite@2x.png?f8392b89c0adc827c182) 2x) 0 0 no-repeat;
    display: inline-block;
    height: 19px;
    line-height: 19px;
    padding-left: 29px
}

.xinfang-nav-article .login-panel {
    display: inline-block
}

.xinfang-nav-article .typeUserInfo {
    height: auto
}

.xinfang-nav-article .nav-list li a:hover {
    color: #3072f6;
    font-weight: 700;
    text-decoration: none
}

.xinfang-nav-article .download a {
    color: #333;
    font-size: 16px
}

.xinfang-nav-article .welcome {
    background: url(../../common/img/article_login_sprite.png?5f35e86cf41ee3098205) 0 -19px no-repeat;
    background: -webkit-image-set(url(../../common/img/article_login_sprite.png?5f35e86cf41ee3098205) 1x,url(../../common/img/article_login_sprite@2x.png?f8392b89c0adc827c182) 2x) 0 -19px no-repeat;
    display: inline-block;
    font-size: 16px!important;
    height: 19px;
    line-height: 19px;
    padding-left: 29px
}

.xinfang-nav-article .welcome a {
    padding: 0 4px
}

.xinfang-nav-article .welcome a:first-child {
    padding-left: 0
}

.xinfang-nav-article .welcome a:last-child {
    padding-right: 0
}

.line {
    background: url(../../common/img/line.png?d956b37143caf2b0f533) no-repeat;
    height: 2px;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%
}

.new-search {
    background-color: #edeff1;
    height: 72px;
    width: 100%
}

.new-search-box {
    height: 72px;
    line-height: 72px;
    margin: 0 auto;
    position: relative;
    width: 1000px
}

.new-search-box .input-box {
    -o-box-shadow: "" 0 1px 2px rgba(0,0,0,.08) 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
    box-shadow: 0 1px 2px 1px 2px "" rgba(0,0,0,.08) rgba(0,0,0,.2);
    display: inline-block;
    height: 36px;
    left: 0;
    position: absolute;
    top: 18px;
    vertical-align: middle;
    width: 407.5px
}

.suggest-title {
    background-color: #edeff1;
    color: #849aae;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding: 0 15px
}

.set-hisNone {
    cursor: pointer
}

.set-hisNone:hover {
    text-decoration: underline
}

.input-box input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-width: 0;
    box-sizing: border-box;
    height: 36px;
    left: 0;
    line-height: 36px;
    padding-left: 15px;
    position: absolute;
    top: 0;
    width: 371.5px
}

.input-box input:-moz-placeholder,.input-box input::-moz-placeholder {
    color: #999;
    opacity: 1
}

.input-box input:-ms-input-placeholder {
    color: #999;
    opacity: 1
}

.input-box input::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

.input-box button {
    background-color: #f15044;
    display: inline-block;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px
}

.input-box button i {
    background: url(../../common/img/btn-search.png?4e5460d09d1a4fc20869) no-repeat left -2px;
    background-image: -webkit-image-set(url(../../common/img/btn-search.png?4e5460d09d1a4fc20869) 1x,url(../../common/img/btn-search_2.png?998af6d910962389d66e) 2x);
    display: block;
    height: 20px;
    margin: 4px auto 0;
    width: 20px
}

.input-box ul {
    -o-box-shadow: "" 0 2px 2px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-top: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.175);
    box-shadow: 0 2px 2px 1px 2px "" rgba(0,0,0,.175) rgba(0,0,0,.2);
    box-sizing: border-box;
    display: none;
    margin-top: 41px;
    position: relative;
    width: 371.5px;
    z-index: 10
}

.input-box ul li {
    height: 35px;
    line-height: 35px;
    padding: 0 15px
}

.input-box ul li:hover {
    background-color: #f1f1f1
}

.input-box ul li a {
    color: #333;
    display: inline-block;
    font-size: 12px;
    position: relative;
    text-decoration: none;
    width: 100%
}

.input-box ul li a .type {
    background-color: #f4f7f9;
    border-radius: 2px;
    color: #849aae;
    margin-left: 10px;
    padding: 4px;
    text-align: center
}

.input-box ul li a .for-right {
    position: absolute;
    right: 0
}

.input-box ul li a .region {
    color: #9c9fa1
}

.input-box ul li a .red {
    color: #f26157
}

.hot-search-con {
    height: 70px;
    overflow: hidden
}

.his-search {
    color: #555;
    font-size: 12px;
    left: 406px;
    margin-left: 20px;
    position: absolute
}

.his-search .his-search-name {
    color: #999
}

.his-search a {
    color: #555;
    margin-right: 8px
}

.search-map {
    background-color: #3072f6;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 18px;
    width: 104px
}

.welcome {
    font-size: 0!important
}

.lianjia-header .nav ul li.hover dd {
    background-color: #fff;
    margin-left: 0
}

.match-nav {
    bottom: 281px;
    font-size: 12px;
    position: fixed;
    right: 5px;
    z-index: 1
}

.unadd-nav-box {
    background-color: #fff;
    border: 1px solid #efeeef;
    border-radius: 2px;
    border-top-color: #f9f9f9;
    height: 75px;
    width: 45px
}

.unadd-nav-name {
    color: #666;
    padding: 5px 10px;
    width: 25px
}

.unadd-nav-name,.unadd-nav-num {
    display: inline-block;
    font-size: 12px
}

.unadd-nav-num {
    background-color: #f9f9f9;
    color: #999;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 45px
}

.add-nav-box {
    background-color: #fff;
    border: 1px solid #efeeef;
    border-radius: 2px;
    border-top-color: #f9f9f9
}

.add-nav-header {
    border-bottom: 1px solid #eee;
    color: #666;
    padding: 9px 10px
}

.add-nav-header .add-nav-header-num {
    color: #3072f6;
    font-weight: 700
}

.add-nav-name {
    padding-bottom: 8px;
    padding-top: 10px
}

.add-nav-name>span {
    color: #333;
    display: block;
    padding: 5px 10px
}

.add-nav-name>span span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95px
}

.add-nav-name span i {
    color: #e4e4e4;
    cursor: pointer;
    float: right;
    font-weight: 700
}

.add-nav-btn {
    padding: 0 9px
}

.add-nav-btn .clear-btn {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #9a9a9a;
    cursor: pointer;
    padding: 5px 0;
    text-align: center;
    width: 100%
}

.add-nav-btn .jumpMatch {
    color: #3072f6
}

.add-nav-btn .jumpMatch:hover {
    border: 1px solid #2b66dc
}

.go-top {
    background-color: #fff;
    border: 1px solid #efeeef;
    border-radius: 2px;
    box-sizing: border-box;
    height: 22px;
    line-height: 22px;
    margin-top: 5px;
    text-align: center;
    visibility: hidden;
    width: 100%
}

.crumb {
    font-size: 0;
    height: 18px;
    padding: 20px 0
}

.crumb a,.crumb span {
    color: #888;
    display: inline-block;
    *display: inline;
    font-size: 12px;
    vertical-align: middle;
    *zoom:1;zoom:1}

.crumb a:hover {
    text-decoration: underline
}

.crumb .stp {
    font-size: 12px;
    margin: 0 5px
}

.tab-lst {
    float: left
}

.tab-lst li {
    float: left;
    height: 46px;
    line-height: 46px
}

.tab-lst li a {
    color: #555;
    display: inline-block;
    font-size: 16px;
    padding: 0 26px
}

.tab-lst li a:hover {
    text-decoration: underline;
    transition: all .2s ease;
    transition: all all .2s ease ease
}

.tab-lst li a span {
    font-family: Hiragino Sans GB,"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei,SimHei,Tahoma,"\5B8B\4F53 b8b\4F53",SimSun,sans-serif
}

.tab-lst li.on a {
    background: #39ac6a;
    color: #fff
}

.tab-lst li.on a:hover {
    text-decoration: none
}

.tab-lst a:hover .ico-all {
    background-position: 0 -20px
}

.tab-lst a:hover .ico-train {
    background-position: -20px -20px
}

.tab-lst a:hover .ico-map {
    background-position: -40px -20px
}

.tab-lst .on .ico-all {
    background-position: 0 -40px
}

.tab-lst .on .ico-train {
    background-position: -20px -40px
}

.tab-lst .on .ico-map {
    background-position: -40px -40px
}

.tab-lst .on a:hover .ico-all {
    background-position: 0 -40px
}

.tab-lst .on a:hover .ico-train {
    background-position: -20px -40px
}

.tab-lst .on a:hover .ico-map {
    background-position: -40px -40px
}

.validate .animated {
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

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

    60% {
        -webkit-transform: translateY(30px);
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    60% {
        -webkit-transform: translateY(30px);
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.validate .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(20px);
        opacity: 1;
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(-2000px);
        opacity: 0;
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(20px);
        opacity: 1;
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(-2000px);
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.validate .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes rollIn {
    0% {
        -webkit-transform: translateX(-100%) rotate(-120deg);
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg);
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        -webkit-transform: translateX(-100%) rotate(-120deg);
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        -webkit-transform: translateX(0) rotate(0deg);
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }
}

.validate .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
        transform: perspective(400px) rotateX(0deg)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
        transform: perspective(400px) rotateX(0deg)
    }
}

.validate .flipInX {
    -webkit-animation-name: flipInX;
    -webkit-backface-visibility: visible!important;
    animation-name: flipInX;
    backface-visibility: visible!important
}

@-webkit-keyframes bounceDis {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }

    80% {
        -webkit-transform: scale(1.05);
        opacity: 1;
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(.3);
        opacity: 0;
        transform: scale(.3)
    }
}

@keyframes bounceDis {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }

    80% {
        -webkit-transform: scale(1.05);
        opacity: 1;
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(.3);
        opacity: 0;
        transform: scale(.3)
    }
}

.validate .bounceDis {
    -webkit-animation-name: bounceDis;
    animation-name: bounceDis
}

.validate header {
    color: #333;
    font-size: 1.2em;
    letter-spacing: 2px;
    padding: 5%;
    text-align: center;
    text-shadow: 0 0 2px #999;
    width: 90%
}

.validate .demo {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.validate .demo a {
    background-color: #eee;
    margin: 0 5px 20px
}

.validate #validateOverlay {
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    height: 100%;
    left: 0;
    opacity: .6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

@-webkit-keyframes bounceIn {
    0% {
        -webkit-transform: scale(.3);
        opacity: 0;
        transform: scale(.3)
    }

    80% {
        -webkit-transform: scale(1.05);
        opacity: 1;
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        -webkit-transform: scale(.3);
        opacity: 0;
        transform: scale(.3)
    }

    80% {
        -webkit-transform: scale(1.05);
        opacity: 1;
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1)
    }
}

.validate .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.validate .animated {
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-duration: .4s;
    animation-fill-mode: both
}

.validate #valideteMain {
    background-color: #fff;
    display: none;
    height: 458px;
    left: 50%;
    margin: -250px 0 0 -215px;
    position: fixed;
    top: 50%;
    width: 420px;
    z-index: 10000
}

.validate #valideteMain .infju_me {
    background: #fff;
    padding: 25px 0 0 40px
}

.validate #valideteMain .infju_me ul li {
    float: left;
    margin-right: 9px
}

.validate #valideteMain .infju_me ul li.sdind {
    line-height: 40px
}

.validate .validateTop {
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 18px 0;
    position: relative;
    text-align: right;
    width: 90%
}

.validate .validateTop a {
    color: #ccc;
    font-size: 23px
}

.validate .validateTop a.validateCloseBtn {
    background: url(images/detail.png?31bc39b676fb4d2bb667) -293px -125px no-repeat;
    display: block;
    height: 56px;
    position: absolute;
    right: -45px;
    top: -23px;
    width: 41px
}

.validate .validForm h3 {
    color: #39ac6a;
    font-size: 25px;
    margin-left: 40px
}

.validate .validForm p {
    margin-bottom: 25px
}

.validate .validForm ul {
    margin: 8px 0
}

.validate .validForm .others {
    border: 1px solid #d0d0d0;
    color: #333;
    height: 80px;
    padding: 5px;
    width: 260px
}

.validate .validForm .dfequ {
    border: 1px solid #d0d0d0;
    color: #333;
    height: 24px;
    margin-left: 8px;
    padding: 5px;
    width: 157px
}

.validate .validForm .jiudin {
    background: #39ac6a;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
    width: 336px
}

.validate .validForm .jiudin a {
    color: #fff
}

.validate .validForm .jiudin a:hover {
    text-decoration: none
}

.validate .validForm .jiudin:hover {
    background-color: #0fb957
}

.validate .validForm .checkReason {
    color: red;
    display: none
}

.mod-scroll {
    border: 1px dotted transparent;
    box-sizing: border-box;
    height: 0;
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
    width: 100%
}

.mod-scroll_bar-x {
    bottom: 0;
    font-size: 0;
    height: 9px;
    left: 0;
    width: 100%
}

.mod-scroll_bar-x,.mod-scroll_bar-y {
    background: #000;
    border-radius: 5px;
    filter: alpha(opacity=10);
    opacity: .1;
    position: absolute;
    z-index: 3
}

.mod-scroll_bar-y {
    height: 100%;
    top: 0;
    width: 9px
}

.mod-scroll_thumb-x {
    bottom: 0;
    font-size: 0;
    height: 9px;
    left: 0;
    width: 30%
}

.mod-scroll_thumb-x,.mod-scroll_thumb-y {
    background: #000;
    border-radius: 5px;
    filter: alpha(opacity=50);
    opacity: .5;
    position: absolute;
    z-index: 3
}

.mod-scroll_thumb-y {
    height: 30%;
    top: 0;
    width: 9px
}

.mod-scroll--activate .mod-scroll_bar-x,.mod-scroll--activate .mod-scroll_bar-y {
    filter: alpha(opacity=20);
    opacity: .2
}

.mod-scroll--activate .mod-scroll_thumb-x,.mod-scroll--activate .mod-scroll_thumb-y {
    filter: alpha(opacity=60);
    opacity: .6
}

body {
    background-color: #f1f1f1
}

input::-ms-clear {
    display: none
}

.sprite {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-repeat: no-repeat;
    display: inline-block
}

.sprite-arrow {
    background-position: -5px -5px;
    height: 4px;
    width: 7px
}

.sprite-bg_icon_s {
    background-position: -22px -5px;
    height: 34px;
    width: 33px
}

.sprite-bg_l {
    background-position: -65px -5px;
    height: 9px;
    width: 10px
}

.sprite-bg_r {
    background-position: -85px -5px;
    height: 27px;
    width: 30px
}

.sprite-biao {
    background-position: -125px -5px;
    height: 15px;
    width: 16px
}

.sprite-bluePoint {
    background-position: -151px -5px;
    height: 28px;
    width: 23px
}

.sprite-book {
    background-position: -184px -5px;
    height: 11px;
    width: 10px
}

.sprite-chengnuo {
    background-position: -65px -43px;
    height: 14px;
    width: 52px
}

.sprite-clock {
    background-position: -184px -26px;
    height: 16px;
    width: 17px
}

.sprite-dianfu {
    background-position: -127px -43px;
    height: 41px;
    width: 41px
}

.sprite-duigou {
    background-position: -5px -52px;
    height: 26px;
    width: 25px
}

.sprite-erweima {
    background-position: -178px -52px;
    height: 27px;
    width: 27px
}

.sprite-huishou {
    background-position: -5px -94px;
    height: 41px;
    width: 41px
}

.sprite-icon_b_l {
    background-position: -56px -89px;
    height: 88px;
    width: 46px
}

.sprite-icon_b_r {
    background-position: -112px -94px;
    height: 88px;
    width: 46px
}

.sprite-icon_b_x {
    background-position: -168px -94px;
    height: 33px;
    width: 33px
}

.sprite-icon_s_l {
    background-position: -40px -52px;
    height: 13px;
    width: 6px
}

.sprite-icon_s_r {
    background-position: -168px -137px;
    height: 13px;
    width: 8px
}

.sprite-jiang {
    background-position: -186px -137px;
    height: 11px;
    width: 9px
}

.sprite-loan {
    background-position: -5px -158px;
    height: 11px;
    width: 22px
}

.sprite-loan-gray {
    background-position: -186px -158px;
    height: 11px;
    width: 22px
}

.sprite-mapPoint {
    background-position: -215px -5px;
    height: 40px;
    width: 35px
}

.sprite-more {
    background-position: -215px -55px;
    height: 14px;
    width: 13px
}

.sprite-namePoint {
    background-position: -215px -79px;
    height: 8px;
    width: 17px
}

.sprite-point {
    background-position: -238px -55px;
    height: 11px;
    width: 10px
}

.sprite-redPoint {
    background-position: -211px -97px;
    height: 28px;
    width: 23px
}

.sprite-rili {
    background-position: -218px -135px;
    height: 17px;
    width: 16px
}

.sprite-shizhong {
    background-position: -242px -76px;
    height: 11px;
    width: 10px
}

.sprite-tax {
    background-position: -218px -162px;
    height: 17px;
    width: 16px
}

.sprite-tax-gray {
    background-position: -5px -189px;
    height: 17px;
    width: 16px
}

.sprite-tree {
    background-position: -244px -97px;
    height: 11px;
    width: 10px
}

.sprite-you {
    background-position: -31px -189px;
    height: 14px;
    width: 14px
}

.sprite-zhen {
    background-position: -55px -189px;
    height: 41px;
    width: 41px
}

.sprite-zhong {
    background-position: -244px -118px;
    height: 10px;
    width: 10px
}

.sprite-zijin {
    background-position: -168px -189px;
    height: 41px;
    width: 41px
}

.justify_fix {
    display: inline-block;
    height: 0;
    overflow: hidden;
    width: 100%
}

.content-wrapper {
    margin: 0 auto
}

.content-wrapper,.xinfangPush {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    width: 1000px
}

.xinfangPush {
    line-height: 1;
    margin: 15px auto 0;
    padding: 32px 0
}

.xinfangPush h3 {
    font-size: 22px;
    margin: 0 auto;
    width: 928px
}

.xinfangPush ul {
    margin: 32px auto 0;
    text-align: justify;
    width: 928px
}

.xinfangPush ul li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 215px
}

.xinfangPush ul li img {
    height: 165px;
    width: 100%
}

.xinfangPush ul li .description {
    box-sizing: border-box;
    color: #fff;
    left: 0;
    padding: 0 12px;
    position: absolute;
    top: 137px;
    width: 100%
}

.xinfangPush ul li .description .title {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.xinfangPush ul li .description .type {
    border: 1px solid #efefef;
    border-radius: 2px;
    color: #efefef;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    margin-left: 6px;
    padding: 0 5px;
    vertical-align: middle
}

.xinfangPush ul li .price {
    margin-top: 12px
}

.xinfangPush ul li .price .average {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.xinfangPush ul li .price .average span {
    color: #ff0000
}

.xinfangPush ul li .price .lowest {
    color: #666;
    font-size: 12px
}

.xinfangPush ul li .area {
    font-size: 12px;
    margin-top: 10px
}

.xinfangPush ul li .bg {
    background: url(../../common/img/bg_1px.png?9e5900757756286a436a) repeat-x;
    height: 45px;
    position: absolute;
    top: 120px;
    width: 100%
}

.title-wrapper {
    background-color: #fcfcfc;
    border-bottom: 1px solid #ebebeb;
    height: 125px;
    line-height: 125px;
    position: relative;
    text-align: center
}

.title-wrapper .content {
    display: inline-block;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
    width: 928px
}

.title-wrapper .content .title {
    display: table-cell
}

.title-wrapper .content .title .main {
    color: #333;
    font-size: 26px;
    font-weight: 700
}

.title-wrapper .content .title .main,.title-wrapper .content .title .sub {
    max-width: 790px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.title-wrapper .content .title .sub {
    color: #aaa;
    font-size: 14px;
    margin-top: 15px
}

.title-wrapper .content .btnContainer {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 1000px
}

.title-wrapper .content .btnContainer button {
    background-color: #39ac6a;
    border: 1px solid #34724f;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    text-align: center;
    width: 98px
}

.title-wrapper .content .btnContainer.disable button {
    background-color: #999;
    border-color: #8e8e8e
}

.title-wrapper i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -178px -52px;
    background-repeat: no-repeat;
    border-radius: 2px;
    display: inline-block;
    height: 27px;
    position: absolute;
    right: 0;
    top: 0;
    width: 27px
}

.title-wrapper i .barcode {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 0 3px rgba(13,4,9,.2);
    display: none;
    height: 125px;
    position: absolute;
    right: -118px;
    top: 0;
    width: 108px
}

.title-wrapper i .barcode img {
    display: block;
    height: 90px;
    margin: 9px auto 0;
    width: 90px
}

.title-wrapper i .barcode .des {
    color: #333;
    font-size: 12px;
    line-height: 1;
    text-align: center
}

.title-wrapper i:hover .barcode {
    display: block
}

.overview {
    background-color: #fff;
    padding: 36px;
    width: 928px
}

.overview .img {
    cursor: pointer;
    display: inline-block;
    width: 454px
}

.overview .img .imgContainer {
    position: relative
}

.overview .img .imgContainer .ziroomTag {
    background: #fcb846;
    color: #fff;
    font-size: 12px;
    left: 0;
    padding: 5px 7px;
    position: absolute;
    top: 0
}

.overview .img .imgContainer img {
    display: block;
    height: 340px;
    width: 454px
}

.overview .img .imgContainer span {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    font-size: 12px;
    left: 10px;
    line-height: 32px;
    padding: 0 11px;
    position: absolute
}

.overview .img .imgContainer .loading {
    background: url(images/loading.gif?b75765295d71f3d981a3) 50% no-repeat;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.overview .img .thumbnail {
    height: 82px;
    margin-top: 6px;
    position: relative;
    width: 454px
}

.overview .img .thumbnail ul {
    font-size: 0;
    height: 82px;
    overflow: hidden;
    white-space: nowrap
}

.overview .img .thumbnail ul li {
    display: inline-block;
    height: 82px;
    margin-left: 6px;
    width: 109px
}

.overview .img .thumbnail ul li:first-child {
    margin-left: 0
}

.overview .img .thumbnail ul li img {
    filter: alpha(opacity=50);
    height: 100%;
    opacity: .5;
    width: 100%
}

.overview .img .thumbnail ul li.selected img,.overview .img .thumbnail ul li img:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.overview .img .thumbnail .pre {
    left: 0
}

.overview .img .thumbnail .next,.overview .img .thumbnail .pre {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background-color: #000;
    color: #cac9c9;
    filter: alpha(opacity=80);
    font-size: 20px;
    line-height: 82px;
    opacity: .8;
    position: absolute;
    text-align: center;
    top: 0;
    user-select: none;
    width: 32px
}

.overview .img .thumbnail .next {
    right: 0
}

.overview .content {
    display: inline-block;
    float: right;
    line-height: 1;
    width: 437px
}

.overview .content .price {
    height: 49px;
    position: relative;
    white-space: nowrap
}

.overview .content .price .totalPrice {
    display: inline-block;
    width: 87%
}

.overview .content .price .total {
    color: #ff0000;
    display: inline-block;
    font-family: Tahoma;
    font-size: 46px;
    font-weight: 700;
    height: 38px;
    letter-spacing: -1px;
    line-height: 37px;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis
}

.overview .content .price .unit {
    color: #ff0000;
    display: inline-block;
    font-size: 16px;
    height: 37px;
    margin-left: 7px;
    vertical-align: 2px
}

.overview .content .price .unit i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -186px -137px;
    background-repeat: no-repeat;
    display: inline-block;
    display: block;
    height: 11px;
    margin: 0 auto;
    width: 9px
}

.overview .content .price .unit span {
    display: block;
    margin-top: 9px
}

.overview .content .price .text {
    color: #333;
    display: inline-block;
    font-size: 12px;
    margin-left: 15px;
    vertical-align: top
}

.overview .content .price .text .unitPrice {
    font-weight: 700
}

.overview .content .price .text .unitPrice span {
    color: #ff0000;
    margin-left: 5px
}

.overview .content .price .text .tax {
    font-weight: 700;
    margin-top: 13px
}

.overview .content .price .text .tax span {
    font-weight: 400;
    margin-left: 2px
}

.overview .content .price .text .tax .detail {
    color: #999;
    font-weight: 400;
    margin-left: 8px
}

.overview .content .price .compute {
    color: #009de8;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    width: 13%
}

.overview .content .price .removeIcon {
    background: url(images/isRemove.png?3ef30c27b5382d931e2a) no-repeat;
    display: none;
    height: 112px;
    position: absolute;
    right: -25px;
    top: -31px;
    width: 150px
}

.overview .content .price.isRemove .total,.overview .content .price.isRemove .unit,.overview .content .price.isRemove .unitPrice span {
    color: #8e8e8e
}

.overview .content .price.isRemove .removeIcon {
    display: block
}

.overview .content .houseInfo {
    background-color: #fcfcfc;
    border: 1px solid #e4e3e3;
    box-sizing: border-box;
    height: 82px;
    margin-top: 12px;
    padding: 20px 0;
    width: 100%
}

.overview .content .houseInfo .mainInfo {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.overview .content .houseInfo .subInfo {
    color: #999;
    font-size: 12px;
    margin-top: 8px;
    text-align: center
}

.overview .content .houseInfo .room {
    display: table-cell;
    width: 143px
}

.overview .content .houseInfo .area {
    border-left: 1px solid #e4e3e3;
    border-right: 1px solid #e4e3e3;
    display: table-cell;
    width: 144px
}

.overview .content .houseInfo .type {
    display: table-cell;
    width: 146px
}

.overview .content .aroundInfo {
    border-bottom: 1px solid #eee;
    font-size: 12px;
    padding: 22px 0
}

.overview .content .aroundInfo .label {
    color: #888;
    margin-left: 10px
}

.overview .content .aroundInfo .info {
    color: #333
}

.overview .content .aroundInfo i {
    display: inline-block
}

.overview .content .aroundInfo .communityName i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -244px -97px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 10px
}

.overview .content .aroundInfo .communityName .map {
    color: #009de8;
    margin-left: 14px
}

.overview .content .aroundInfo .areaName {
    margin-top: 14px
}

.overview .content .aroundInfo .areaName i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -238px -55px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 10px
}

.overview .content .aroundInfo .areaName .supplement {
    color: #999;
    margin-left: 14px
}

.overview .content .aroundInfo .areaName a {
    color: #333
}

.overview .content .aroundInfo .schoolName {
    margin-top: 14px
}

.overview .content .aroundInfo .schoolName .icon {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -184px -5px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 10px
}

.overview .content .aroundInfo .schoolName .info a {
    color: #39ac6a
}

.overview .content .aroundInfo .schoolName .schoolType {
    background-position: -31px -189px;
    margin-left: 5px;
    width: 14px
}

.overview .content .aroundInfo .schoolName .more,.overview .content .aroundInfo .schoolName .schoolType {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    vertical-align: -1px
}

.overview .content .aroundInfo .schoolName .more {
    background-position: -215px -55px;
    margin-left: 6px;
    position: relative;
    width: 13px
}

.overview .content .aroundInfo .schoolName .more ul {
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    bottom: 17px;
    display: none;
    left: -72px;
    padding: 6px 11px;
    position: absolute
}

.overview .content .aroundInfo .schoolName .more ul li {
    color: #39ac6a;
    margin: 6px 0;
    white-space: nowrap
}

.overview .content .aroundInfo .schoolName .more ul li i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -31px -189px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 14px
}

.overview .content .aroundInfo .schoolName .more:hover ul {
    display: block
}

.overview .content .aroundInfo .visitTime {
    margin-top: 14px
}

.overview .content .aroundInfo .visitTime i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -242px -76px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 11px;
    width: 10px
}

.overview .content .brokerInfo {
    border-bottom: 1px solid #e4e3e3;
    font-size: 0;
    padding: 21px 0 15px
}

.overview .content .brokerInfo img {
    border-radius: 50%;
    height: 76px;
    width: 76px
}

.overview .content .brokerInfo .brokerInfoText {
    display: inline-block;
    margin-left: 21px;
    width: 340px
}

.overview .content .brokerInfo .brokerInfoText .brokerName .name {
    color: #333;
    font-size: 18px;
    margin-right: 10px;
    vertical-align: middle
}

.overview .content .brokerInfo .brokerInfoText .brokerName .tag {
    border: 1px solid #d8d7d8;
    color: #888;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-right: 6px;
    padding: 0 6px;
    vertical-align: middle
}

.overview .content .brokerInfo .brokerInfoText .brokerName .tag.first {
    background: #f1f1f1;
    border: none;
    color: #999
}

.overview .content .brokerInfo .brokerInfoText .evaluate {
    color: #999;
    font-size: 12px;
    margin-top: 12px;
    vertical-align: middle
}

.overview .content .brokerInfo .brokerInfoText .evaluate .rate {
    color: #333;
    position: relative;
    top: -2px
}

.overview .content .brokerInfo .brokerInfoText .evaluate .time {
    margin-left: 21px
}

.overview .content .brokerInfo .brokerInfoText .phone {
    color: #ff0000;
    font-family: Tahoma;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 24px;
    margin-top: 6px
}

.overview .content .brokerInfo .brokerInfoText .phone span {
    font-size: 14px;
    padding: 0 6px
}

.overview .content .brokerInfo .noData {
    color: #999;
    font-size: 14px
}

.overview .content .houseRecord {
    color: #333;
    font-size: 12px;
    margin-top: 20px;
    text-align: justify
}

.overview .content .houseRecord .report {
    color: #1ba1e1;
    margin-right: 12px
}

.overview .content .houseRecord .detail {
    color: #999
}

.promise {
    display: none;
    height: 80px;
    margin: 15px auto;
    text-align: justify;
    width: 1000px
}

.promise i {
    margin-left: 22px;
    vertical-align: middle
}

.promise .text {
    display: inline-block;
    line-height: 1;
    margin-left: 14px;
    vertical-align: middle
}

.promise .title {
    color: #fff;
    font-size: 18px
}

.promise .sub {
    color: #fff;
    font-size: 12px;
    margin-top: 8px
}

.promise .item {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,4,9,.2);
    display: inline-block;
    height: 80px;
    line-height: 80px;
    vertical-align: top;
    width: 240px
}

.promise .item a {
    display: inline-block;
    height: 100%;
    width: 100%
}

.promise .item a:hover {
    text-decoration: none
}

.promise .zhen {
    background-color: #ec6941
}

.promise .zhen i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -55px -189px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 41px;
    width: 41px
}

.promise .jianguan {
    background-color: #faba46
}

.promise .jianguan i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -168px -189px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 41px;
    width: 41px
}

.promise .huigou {
    background-color: #15ade3
}

.promise .huigou i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -5px -94px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 41px;
    width: 41px
}

.promise .dianfu {
    background-color: #39ac6a
}

.promise .dianfu i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -127px -43px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 41px;
    width: 41px
}

.detailPageTab {
    font-size: 0;
    margin: 15px auto 0;
    width: 1000px
}

.detailPageTab ul {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2)
}

.detailPageTab li,.detailPageTab li a {
    display: inline-block
}

.detailPageTab li a {
    background-color: #fff;
    color: #555;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 138px
}

.detailPageTab li a:after {
    bottom: -8px;
    color: #39ac6a;
    content: "\25BC";
    display: none;
    left: 62px;
    line-height: 1;
    position: absolute
}

.detailPageTab li a:hover {
    background-color: #f5f5f5
}

.detailPageTab li a.force {
    background-color: #39ac6a;
    color: #fff
}

.detailPageTab li a.force:after {
    display: block
}

.detailPageTab li a.force:hover {
    background-color: #39ac6a
}

.introduction-wrapper {
    margin-top: 15px
}

.introduction-wrapper .introduction {
    line-height: 1;
    margin: 0 auto;
    padding-bottom: 26px;
    padding-top: 38px;
    width: 928px
}

.introduction-wrapper .introduction .title {
    color: #333;
    font-size: 22px;
    margin-bottom: 33px
}

.introduction-wrapper .introduction .name {
    border-bottom: 2px solid #222;
    color: #222;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 12px
}

.introduction-wrapper .introduction .introContent {
    text-align: justify
}

.introduction-wrapper .introduction .introContent:after {
    content: " ";
    display: inline-block;
    height: 0;
    overflow: hidden;
    width: 100%
}

.introduction-wrapper .introduction .introContent .content {
    margin-top: 25px
}

.introduction-wrapper .introduction .introContent .content ul {
    font-size: 0
}

.introduction-wrapper .introduction .introContent .content ul li {
    color: #222;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    width: 50%
}

.introduction-wrapper .introduction .introContent .content ul li .label {
    color: #999
}

.introduction-wrapper .introduction .introContent .base,.introduction-wrapper .introduction .introContent .transaction {
    display: inline-block;
    vertical-align: top;
    width: 444px
}

.introduction-wrapper .introduction .feature {
    margin-top: 34px
}

.introduction-wrapper .introduction .feature .featureTag {
    border-bottom: 1px solid #eaeaea;
    font-size: 0;
    line-height: 80px
}

.introduction-wrapper .introduction .feature .featureTag a {
    background-color: #89c4a4;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    margin-right: 10px;
    padding: 0 11px;
    text-align: center;
    vertical-align: middle
}

.introduction-wrapper .introduction .feature .featureTag a.is_quick_acting {
    background-color: #e2ad5e
}

.introduction-wrapper .introduction .feature .featureTag a.is_sales_tax {
    background-color: #82a1bb
}

.introduction-wrapper .introduction .feature .featureTag a.is_school_house {
    background-color: #e2ad5e
}

.introduction-wrapper .introduction .feature .featureTag a.is_near_subway {
    background-color: #82a1bb
}

.introduction-wrapper .introduction .feature .featureTag a.is_sole {
    background-color: #89c4a4
}

.introduction-wrapper .introduction .feature .featureTag a.is_see_free {
    background-color: #7eadca
}

.introduction-wrapper .introduction .feature .featureContent {
    font-size: 14px;
    line-height: 28px;
    max-height: 255px;
    overflow: hidden;
    padding-top: 25px
}

.introduction-wrapper .introduction .feature .featureContent span {
    display: table-cell
}

.introduction-wrapper .introduction .feature .featureContent .label {
    color: #222;
    font-weight: 700;
    width: 75px
}

.introduction-wrapper .introduction .feature .featureContent .text {
    color: #666
}

.introduction-wrapper .introduction .feature .featureContent .noData {
    color: #999;
    text-align: center
}

.introduction-wrapper .introduction .feature .featureContent .disclaimer {
    color: #ccc;
    font-size: 12px;
    line-height: 1;
    margin-top: 26px
}

.introduction-wrapper .more {
    border-top: 1px solid #eaeaea;
    color: #888;
    cursor: pointer;
    display: none;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.layout-wrapper {
    line-height: 1;
    margin-top: 15px;
    padding-bottom: 45px;
    padding-top: 39px
}

.layout-wrapper .content-agent {
    font-size: 12px
}

.layout-wrapper .content-agent .fl {
    color: #aaa;
    margin-right: 10px
}

.layout-wrapper .content-agent .fl a {
    color: #333;
    font-weight: 700
}

.layout-wrapper .content-agent .fl p {
    color: #ff0000;
    font-weight: 700;
    padding-top: 5px
}

.layout-wrapper .content-agent img {
    border-radius: 50%;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.layout-wrapper .layout {
    color: #333;
    font-size: 22px;
    margin: 0 auto;
    width: 928px
}

.layout-wrapper .bar {
    background: url(images/bar.png?9bc77d9511c75d05e7ce) no-repeat;
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    margin-top: 38px;
    text-align: center
}

.layout-wrapper .content {
    margin-top: 33px;
    text-align: justify
}

.layout-wrapper .content img {
    vertical-align: middle;
    width: 443px
}

.layout-wrapper .content .des {
    display: inline-block;
    vertical-align: middle;
    width: 393px
}

.layout-wrapper .content .des .feature {
    margin-bottom: 31px
}

.layout-wrapper .content .des .feature .name {
    font-size: 16px
}

.layout-wrapper .content .des .feature .list {
    font-size: 0;
    margin-top: 20px;
    overflow: hidden;
    text-align: left
}

.layout-wrapper .content .des .feature .list span {
    background-color: #f5eedf;
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 20px;
    text-align: center
}

.layout-wrapper .content .des .feature .list .noData {
    color: #999;
    font-size: 14px
}

.layout-wrapper .content .des .info .name {
    font-size: 16px
}

.layout-wrapper .content .des .info .list {
    height: 300px;
    margin-top: 25px
}

.layout-wrapper .content .des .info .list .row {
    border-bottom: 1px solid #eee;
    font-size: 0
}

.layout-wrapper .content .des .info .list .row .col {
    display: inline-block;
    font-size: 14px;
    line-height: 47px;
    width: 25%
}

.layout-wrapper .content .des .info .list .row .col:first {
    color: #938566
}

.housePic {
    margin-top: 15px;
    padding-bottom: 5px;
    padding-top: 46px
}

.housePic .title {
    font-size: 22px;
    margin: 0 auto;
    width: 928px
}

.housePic .container {
    max-height: 1133px;
    overflow: hidden
}

.housePic .container .list {
    line-height: 0;
    margin: 35px auto 0;
    text-align: justify;
    width: 928px
}

.housePic .container .list div {
    display: inline-block;
    height: 338px;
    margin-bottom: 28px;
    position: relative;
    width: 450px
}

.housePic .container .list div.left_fix {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    vertical-align: top
}

.housePic .container .list div img {
    height: 100%;
    width: 100%
}

.housePic .container .list div span {
    background-color: rgba(0,0,0,.7);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    left: 10px;
    line-height: 32px;
    padding: 0 11px;
    position: absolute;
    text-align: center;
    top: 10px
}

.housePic .more {
    border-top: 1px solid #eee;
    color: #999;
    cursor: pointer;
    display: none;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.matchSchool {
    line-height: 1;
    margin-top: 15px;
    padding: 39px 0
}

.matchSchool .title {
    font-size: 22px;
    margin: 0 auto;
    width: 928px
}

.matchSchool .content {
    margin: 34px auto 0;
    width: 928px
}

.matchSchool .content .name {
    border-bottom: 2px solid #222;
    font-size: 16px;
    font-weight: 700;
    height: 28px
}

.matchSchool .content .name a {
    color: #333
}

.matchSchool .content .name .subSchool {
    color: #999;
    font-size: 12px;
    font-weight: 400
}

.matchSchool .content .info {
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 27px 0
}

.matchSchool .content .info .item {
    display: inline-block;
    margin-right: 97px
}

.matchSchool .content .info .item.last {
    margin-right: 0
}

.matchSchool .content .info .item .itemName {
    color: #999
}

.matchSchool .content .info .item .itemInfo {
    color: #333;
    margin-top: 13px
}

.matchSchool .content .next {
    font-size: 0;
    margin-top: 15px
}

.matchSchool .content .next .nextTitle {
    color: #999;
    font-size: 14px;
    line-height: 38px
}

.matchSchool .content .next .nextContent {
    font-size: 14px;
    line-height: 24px
}

.matchSchool .content .next .direct {
    border-right: 1px solid #eee;
    box-sizing: border-box;
    display: inline-block;
    width: 50%
}

.matchSchool .content .next .direct div {
    display: inline-block;
    width: 435px
}

.matchSchool .content .next .direct div span {
    color: #999;
    margin-left: 15px
}

.matchSchool .content .next .random {
    box-sizing: border-box;
    display: inline-block;
    text-align: right;
    width: 50%
}

.matchSchool .content .next .random div {
    display: inline-block;
    text-align: left;
    width: 435px
}

.calculator {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    font-size: 0;
    line-height: 1;
    margin: 15px auto 0;
    width: 1000px
}

.calculator .title {
    border-bottom: 1px solid #e4e4e4
}

.calculator .title div {
    box-sizing: border-box;
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    width: 50%
}

.calculator .title i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 9px
}

.calculator .title .tax-tab {
    border-right: 1px solid #e4e4e4
}

.calculator .title .tax-tab i {
    background-position: -5px -189px;
    display: inline-block;
    height: 17px;
    width: 16px
}

.calculator .title .tax-tab.select {
    color: #222
}

.calculator .title .tax-tab.select i {
    background-position: -218px -162px;
    height: 17px;
    width: 16px
}

.calculator .title .loan-tab i {
    background-position: -186px -158px;
    display: inline-block;
    height: 11px;
    width: 22px
}

.calculator .title .loan-tab.select {
    color: #222
}

.calculator .title .loan-tab.select i {
    background-position: -5px -158px;
    height: 11px;
    width: 22px
}

.calculator .row {
    margin: 13px 0;
    text-align: right
}

.calculator .row label {
    color: #222;
    display: inline-block;
    font-size: 16px;
    text-align: right;
    vertical-align: middle;
    width: 172px
}

.calculator .row .content {
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 34px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 288px
}

.calculator .row .content.select-content {
    background-color: #f5f5f5
}

.calculator .row .content .itemName {
    margin-left: 12px
}

.calculator .row .content .arrow {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -5px -5px;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 4px;
    margin-right: 12px;
    margin-top: 16px;
    width: 7px
}

.calculator .row .content ul {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0 solid #ccc;
    display: none;
    left: -1px;
    line-height: 34px;
    position: absolute;
    top: 35px;
    width: 100%;
    z-index: 1
}

.calculator .row .content ul li {
    padding: 0 12px
}

.calculator .row .content ul li:hover {
    background-color: #f5f5f5
}

.calculator .row .content input {
    border: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    width: 100%
}

.calculator .row .content .unit {
    color: #999;
    font-weight: 700;
    position: absolute;
    right: 12px;
    top: 0
}

.calculator .row .select {
    width: 170px
}

.calculator .row .input {
    border: 1px solid #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    color: #ff0000;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    margin-left: 8px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 110px
}

.calculator .row .input input {
    border: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.08);
    box-sizing: border-box;
    height: 100%;
    padding-left: 12px;
    width: 100%
}

.calculator .row .input span {
    position: absolute;
    right: 12px;
    top: 0
}

.calculator .tax {
    padding: 27px 0
}

.calculator .tax .option {
    display: inline-block;
    vertical-align: middle;
    width: 462px
}

.calculator .tax .option .btn {
    text-align: right
}

.calculator .tax .option .btn button {
    background-color: #39ac6a;
    border: 1px solid #34724f;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    width: 288px
}

.calculator .tax .result {
    display: inline-block;
    font-size: 0;
    margin-left: 74px;
    position: relative;
    top: -40px;
    vertical-align: middle
}

.calculator .tax .result span {
    display: inline-block;
    font-size: 14px
}

.calculator .tax .result .name {
    color: #222;
    width: 84px
}

.calculator .tax .result .value {
    color: #ff0000;
    width: 89px
}

.calculator .tax .result .unit {
    color: #aaa
}

.calculator .tax .result .total {
    border-bottom: 1px solid #e4e4e4;
    height: 45px;
    margin-bottom: 33px
}

.calculator .tax .result .item {
    margin-top: 26px
}

.calculator .tax .pie {
    display: inline-block;
    height: 300px;
    margin-left: 30px;
    position: relative;
    top: -40px;
    vertical-align: middle;
    width: 194px
}

.calculator .loan {
    display: none;
    line-height: 22px;
    padding: 36px 0 10px
}

.calculator .loan .option {
    display: inline-block;
    line-height: 44px;
    width: 462px
}

.calculator .loan .option .row:first-child {
    margin-top: 0
}

.calculator .loan .option .btn {
    margin-bottom: 0;
    text-align: right
}

.calculator .loan .option .btn button {
    background-color: #39ac6a;
    border: 1px solid #34724f;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    width: 288px
}

.calculator .loan .title {
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.calculator .loan .item {
    font-size: 0;
    margin-top: 10px
}

.calculator .loan .item span {
    display: inline-block;
    font-size: 14px
}

.calculator .loan .item .name {
    color: #222;
    width: 78px
}

.calculator .loan .item .value {
    color: #ff0000;
    width: 95px
}

.calculator .loan .item .unit {
    color: #aaa
}

.calculator .loan .item .des {
    color: #d4d4d4;
    font-size: 12px;
    height: 12px;
    margin-bottom: 20px;
    margin-top: -9px;
    position: relative;
    text-align: right
}

.calculator .loan .item .des div {
    position: absolute;
    right: 0;
    white-space: nowrap
}

.calculator .loan .item .des div span {
    color: #999;
    font-size: 12px
}

.calculator .loan .capital {
    display: inline-block;
    margin-left: 76px;
    position: relative;
    top: -65px
}

.calculator .loan .interest {
    display: inline-block;
    margin-left: 72px;
    position: relative;
    top: -65px
}

.calculator .loan .taxagent {
    float: none;
    margin-top: 5px;
    position: relative
}

.calculator .loan .taxagent .fl {
    line-height: 14px
}

.calculator .loan .taxagent .fr {
    padding-top: 21px
}

.record {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    line-height: 1;
    margin: 15px auto 0;
    padding: 42px 0;
    width: 1000px
}

.record .list {
    display: inline-block;
    margin-left: 36px;
    vertical-align: top
}

.record .list .title {
    display: inline-block;
    font-size: 22px;
    width: 688px
}

.record .list .title span {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -22px -5px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 33px
}

.record .list .title span i {
    vertical-align: 1px
}

.record .list .title span.pre {
    margin-right: 7px;
    position: relative
}

.record .list .title span.pre i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -40px -52px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    left: 13px;
    position: absolute;
    top: 11px;
    width: 6px
}

.record .list .title span.next {
    position: relative
}

.record .list .title span.next i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -168px -137px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    left: 13px;
    position: absolute;
    top: 11px;
    width: 8px
}

.record .list .title span.disable i {
    filter: alpha(opacity=50);
    opacity: .5
}

.record .list .content {
    height: 262px;
    margin-top: 37px
}

.record .list .content .header {
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(14,5,10,.2);
    font-size: 0;
    line-height: 46px
}

.record .list .content .header div {
    color: #222;
    display: inline-block;
    font-size: 14px;
    text-align: center
}

.record .list .content .header .phone {
    font-weight: 400
}

.record .list .content .row {
    border-bottom: 1px solid #f5f5f5;
    font-size: 0;
    line-height: 70px;
    text-align: center
}

.record .list .content .row div {
    display: inline-block;
    font-size: 14px;
    text-align: center
}

.record .list .content .row .agentName {
    text-align: left;
    vertical-align: inherit
}

.record .list .content .row .agentName span {
    margin-left: 10px;
    padding-top: 6px;
    width: auto
}

.record .list .content .row .noData {
    color: #999;
    font-size: 14px;
    line-height: 222px
}

.record .list .content .item {
    vertical-align: middle;
    width: 20%
}

.record .list .content .item img {
    border-radius: 50%;
    height: 37px;
    vertical-align: middle;
    width: 37px
}

.record .list .content .item span {
    color: #333;
    display: inline-block;
    vertical-align: middle;
    width: 57px
}

.record .list .content .item a:hover {
    text-decoration: none
}

.record .list .content .phone {
    color: #ff0000;
    font-weight: 700;
    vertical-align: middle;
    width: 40%
}

.record .panel {
    display: inline-block;
    margin-left: 51px;
    margin-top: 79px;
    text-align: center;
    width: 173px
}

.record .panel .title {
    color: #222;
    font-size: 14px
}

.record .panel .count {
    font-family: Tahoma;
    font-size: 80px;
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 26px
}

.record .panel .totalCount {
    color: #999;
    font-size: 14px;
    margin-top: 14px
}

.priceChange {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    display: none;
    margin: 15px auto 0;
    width: 1000px
}

.priceChange .header {
    margin: 0 auto;
    padding-top: 39px;
    width: 928px
}

.priceChange .header .title {
    font-size: 22px
}

.priceChange .header .subTitle {
    color: #999;
    font-size: 14px;
    margin-left: 18px
}

.priceChange .container {
    height: 200px;
    margin: 0 auto;
    width: 928px
}

.dealPrice {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    margin: 15px auto 0;
    width: 1000px
}

.dealPrice .header {
    border-bottom: 1px solid #e1e1e1;
    height: 87px;
    line-height: 87px;
    padding: 0 36px
}

.dealPrice .header .title {
    display: inline-block;
    font-size: 22px
}

.dealPrice .header .des {
    color: #999;
    display: inline-block;
    float: right;
    font-size: 14px
}

.dealPrice .header .des .from {
    display: inline-block;
    margin-right: 18px
}

.dealPrice .header .des .from i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -125px -5px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    margin-right: 8px;
    vertical-align: -2px;
    width: 16px
}

.dealPrice .header .des .update {
    display: inline-block
}

.dealPrice .header .des .update i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -184px -26px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    vertical-align: -2px;
    width: 17px
}

.dealPrice .container {
    background-color: #fbfbfb;
    height: 329px;
    padding-top: 25px;
    position: relative
}

.dealPrice .container .type {
    position: absolute;
    right: 30px;
    top: 25px
}

.dealPrice .container .type span {
    color: #666;
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
    margin-right: 9px;
    padding: 0 6px
}

.dealPrice .container .type span.select {
    background-color: #666;
    color: #fff
}

.dealPrice .container .content {
    height: 329px
}

.dealRecord {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    font-size: 0;
    line-height: 1;
    margin: 15px auto 0;
    width: 1000px
}

.dealRecord .title {
    border-bottom: 1px solid #e1e1e1;
    font-size: 22px;
    line-height: 87px;
    padding: 0 36px
}

.dealRecord .title span {
    color: #999;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    width: 182px
}

.dealRecord .title span.select {
    color: #333
}

.dealRecord .title span.resblockDeal {
    border-right: 1px solid #e1e1e1
}

.dealRecord .title span.bizcircleDeal {
    text-align: right
}

.dealRecord .bizcircleDeal {
    display: none
}

.dealRecord .house {
    position: relative;
    text-align: left;
    width: 30%
}

.dealRecord .house .ziroomTag {
    padding: 2px 1px
}

.dealRecord .house img {
    height: 56px;
    vertical-align: middle;
    width: 56px
}

.dealRecord .house .desc {
    display: inline-block;
    margin-left: 18px;
    text-align: left;
    vertical-align: middle;
    width: 180px
}

.dealRecord .house .desc .frame {
    color: #003;
    font-size: 16px
}

.dealRecord .house .desc .frame .diff,.dealRecord .house .desc .frame .same {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    margin-left: 6px;
    padding: 0 4px
}

.dealRecord .house .desc .frame .diff.same,.dealRecord .house .desc .frame .same.same {
    background-color: #f09f87
}

.dealRecord .house .desc .frame .diff.diff,.dealRecord .house .desc .frame .same.diff {
    background-color: #95c3a2
}

.dealRecord .house .desc .frame span {
    display: inline-block;
    vertical-align: middle
}

.dealRecord .house .desc .frame a {
    color: #003;
    vertical-align: middle
}

.dealRecord .house .desc .address,.dealRecord .house .desc .floor {
    color: #999;
    display: block;
    margin-top: 10px
}

.dealRecord .area,.dealRecord .date {
    width: 13%
}

.dealRecord .price {
    color: #ff0000;
    width: 17%
}

.dealRecord .unitPrice {
    width: 14%
}

.dealRecord .broker {
    width: 17%
}

.dealRecord .broker .phone {
    color: #999;
    margin-top: 14px
}

.dealRecord .from {
    width: 13%
}

.dealRecord .tableHeader {
    border-bottom: 1px solid #e1e1e1;
    color: #555;
    font-size: 0;
    line-height: 49px;
    padding: 0 36px;
    text-align: center
}

.dealRecord .tableHeader>div {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle
}

.dealRecord .tableHeader .price {
    color: #555
}

.dealRecord .row {
    border-bottom: 1px solid #eee;
    color: #555;
    font-size: 0;
    line-height: 115px;
    padding: 0 36px;
    text-align: center
}

.dealRecord .row>div {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle
}

.dealRecord .more {
    cursor: pointer;
    display: block;
    line-height: 46px
}

.dealRecord .more,.dealRecord .noData {
    color: #999;
    font-size: 14px;
    text-align: center
}

.dealRecord .noData {
    line-height: 49px
}

.around {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    line-height: 1;
    margin: 15px auto 0;
    width: 1000px
}

.around .content {
    margin: 0 auto;
    padding: 32px 0;
    width: 928px
}

.around .content .title {
    font-size: 22px
}

.around .content .type {
    font-size: 0;
    margin-top: 33px
}

.around .content .type li {
    color: #555;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    padding: 0 9px
}

.around .content .type li.select {
    background-color: #568fe3;
    color: #fff
}

.around .content .container {
    height: 365px;
    margin-top: 18px;
    position: relative
}

.around .content .container .map {
    height: 100%
}

.around .content .container .map .item {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -215px -5px;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 35px
}

.around .content .container .map .name {
    background-color: #3072f6;
    border: 2px solid #fff;
    border-radius: 12px;
    box-shadow: 0 0 7px rgba(0,0,0,.2);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding: 0 7px;
    position: relative
}

.around .content .container .map .name .arrow {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -215px -79px;
    background-repeat: no-repeat;
    bottom: -8px;
    display: inline-block;
    height: 8px;
    left: 50%;
    margin-left: -8.5px;
    position: absolute;
    width: 17px
}

.around .content .container .list {
    background-color: #fff;
    bottom: 23px;
    box-shadow: 0 0 7px rgba(0,0,0,.45);
    position: absolute;
    right: 23px;
    top: 23px;
    width: 310px
}

.around .content .container .list .name {
    background-color: #568fe3;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 39px;
    text-align: center
}

.around .content .container .list ul {
    height: 265px;
    overflow-y: auto
}

.around .content .container .list ul li {
    border-bottom: 1px solid #e1e4e9;
    cursor: pointer;
    padding: 21px 0
}

.around .content .container .list ul li i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -211px -97px;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    line-height: 25px;
    margin-left: 17px;
    text-align: center;
    vertical-align: top;
    width: 23px
}

.around .content .container .list ul li .item {
    display: inline-block;
    margin-left: 13px;
    width: 215px
}

.around .content .container .list ul li .item .itemTitle {
    font-size: 14px;
    font-weight: 700
}

.around .content .container .list ul li .item .itemInfo {
    color: #888;
    font-size: .85em;
    line-height: 18px;
    margin-top: 8px
}

.brokerList {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    line-height: 1;
    margin: 15px auto 0;
    width: 1000px
}

.brokerList .content {
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 38px;
    width: 928px
}

.brokerList .content .header .title {
    font-size: 22px
}

.brokerList .content .header .subTitle {
    color: #999;
    font-size: 14px;
    margin-left: 17px
}

.brokerList .content .header .btn {
    float: right
}

.brokerList .content .header .btn span {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -22px -5px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 32px;
    width: 33px
}

.brokerList .content .header .btn span i {
    vertical-align: -1px
}

.brokerList .content .header .btn span.pre {
    margin-right: 7px;
    position: relative
}

.brokerList .content .header .btn span.pre i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -40px -52px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    left: 13px;
    position: absolute;
    top: 11px;
    width: 6px
}

.brokerList .content .header .btn span.next {
    position: relative
}

.brokerList .content .header .btn span.next i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -168px -137px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    left: 13px;
    position: absolute;
    top: 11px;
    width: 8px
}

.brokerList .content .header .btn span.disable i {
    filter: alpha(opacity=50);
    opacity: .5
}

.brokerList .content ul {
    margin-top: 39px;
    text-align: justify
}

.brokerList .content ul li {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    width: 277px
}

.brokerList .content ul li.fix_align {
    height: 0;
    overflow: hidden
}

.brokerList .content ul li img {
    border-radius: 50%;
    height: 82px;
    width: 82px
}

.brokerList .content ul li .desc {
    display: inline-block;
    margin-left: 18px;
    width: 176px
}

.brokerList .content ul li .desc .title {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 12px
}

.brokerList .content ul li .desc .title .name {
    color: #333;
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle
}

.brokerList .content ul li .desc .title .level {
    background-color: #f1f1f1;
    color: #999;
    display: inline-block;
    font-size: 12px;
    line-height: 21px;
    margin-right: 10px;
    padding: 0 5px;
    vertical-align: middle
}

.brokerList .content ul li .desc .phone {
    color: #ff0000;
    font-size: 14px;
    font-weight: 700;
    margin-top: 13px
}

.brokerList .content ul li .desc .rate {
    color: #666;
    font-size: 12px;
    margin-top: 12px
}

.brokerList .content ul li .desc .rate span {
    margin-right: 10px
}

.brokerList .content ul li .desc .tag {
    color: #888;
    font-size: 0;
    margin-top: 12px;
    text-align: left
}

.brokerList .content ul li .desc .tag span {
    border: 1px solid #d8d7d8;
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 0 3px
}

.brokerList .content ul li .describes {
    background: #f0f0f0;
    color: #999;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-top: 16px;
    padding-left: 10px
}

.push {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(13,3,9,.2);
    line-height: 1;
    margin: 15px auto 0;
    width: 1000px
}

.push .content {
    margin: 0 auto;
    padding-bottom: 37px;
    padding-top: 33px;
    width: 928px
}

.push .content .header .title {
    font-size: 22px
}

.push .content .header .btn {
    float: right
}

.push .content .header .btn span {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -22px -5px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 32px;
    width: 33px
}

.push .content .header .btn span i {
    vertical-align: -1px
}

.push .content .header .btn span.pre {
    margin-right: 7px;
    position: relative
}

.push .content .header .btn span.pre i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -40px -52px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    left: 13px;
    position: absolute;
    top: 11px;
    width: 6px
}

.push .content .header .btn span.next {
    position: relative
}

.push .content .header .btn span.next i {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -168px -137px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    left: 13px;
    position: absolute;
    top: 11px;
    width: 8px
}

.push .content .header .btn span.disable i {
    filter: alpha(opacity=50);
    opacity: .5
}

.push .content ul {
    height: 287px;
    margin-top: 34px;
    text-align: justify
}

.push .content ul li {
    display: inline-block;
    height: 291px;
    vertical-align: top;
    width: 251px
}

.push .content ul li.bar {
    border-right: 1px solid #f1f1f1;
    width: 0
}

.push .content ul li.justify_fix {
    height: 0
}

.push .content ul li .pic {
    position: relative
}

.push .content ul li .pic img {
    height: 192px;
    width: 100%
}

.push .content ul li .pic span {
    background-color: #1e1908;
    border-radius: 2px;
    bottom: 9px;
    color: #fff;
    font-size: 16px;
    line-height: 31px;
    padding: 0 9px;
    position: absolute;
    right: 9px
}

.push .content ul li .title {
    margin-top: 17px
}

.push .content ul li .title .name {
    font-size: 16px
}

.push .content ul li .title .name a {
    color: #333
}

.push .content ul li .title .info {
    color: #999;
    float: right;
    font-size: 12px
}

.push .content ul li .desc {
    background-color: #f9f9f9;
    color: #999;
    font-size: 12px;
    margin-top: 12px;
    position: relative;
    text-align: center
}

.push .content ul li .desc .front {
    background-position: -65px -5px;
    height: 9px;
    left: 14px;
    top: 16px;
    width: 10px
}

.push .content ul li .desc .back,.push .content ul li .desc .front {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute
}

.push .content ul li .desc .back {
    background-position: -85px -5px;
    filter: alpha(opacity=70);
    height: 27px;
    opacity: .7;
    right: 12px;
    top: 12px;
    width: 30px
}

.push .content ul li .desc .info {
    display: inline-block;
    line-height: 45px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 195px
}

.bigImg {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.bigImg .mask {
    background-color: #000;
    filter: alpha(opacity=70);
    height: 100%;
    opacity: .7;
    width: 100%
}

.bigImg .list {
    bottom: 19%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10%
}

.bigImg .list img {
    height: 100%;
    max-width: 100%
}

.bigImg .list .pre {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    user-select: none;
    width: 50%
}

.bigImg .list .pre span {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -56px -89px;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    height: 88px;
    left: 30px;
    margin-top: -37px;
    position: absolute;
    top: 50%;
    width: 46px
}

.bigImg .list .pre.disable span {
    filter: alpha(opacity=50);
    opacity: .5
}

.bigImg .list .next {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    user-select: none;
    width: 50%
}

.bigImg .list .next span {
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -112px -94px;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    height: 88px;
    margin-top: -37px;
    position: absolute;
    right: 30px;
    top: 50%;
    width: 46px
}

.bigImg .list .next.disable span {
    filter: alpha(opacity=50);
    opacity: .5
}

.bigImg .close {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background-image: url(images/spritesheet.png?971b594e420689767344);
    background-position: -168px -94px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 33px;
    position: absolute;
    right: 40px;
    top: 40px;
    user-select: none;
    width: 33px
}

.bigImg .slide {
    bottom: 0;
    left: 50%;
    margin-left: -500px;
    position: absolute;
    width: 1000px
}

.bigImg .slide .desc {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px
}

.bigImg .slide ul {
    font-size: 0;
    margin-bottom: 25px;
    overflow: hidden;
    white-space: nowrap
}

.bigImg .slide ul li {
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 67px;
    margin-left: 10px;
    width: 89px
}

.bigImg .slide ul li:first-child {
    margin-left: 0
}

.bigImg .slide ul li img {
    filter: alpha(opacity=50);
    height: 100%;
    opacity: .5;
    width: 100%
}

.bigImg .slide ul li.selected img,.bigImg .slide ul li img:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.agent-tips {
    float: right;
    font-size: 14px;
    position: relative;
    top: -26px
}

.agent-tips .fl {
    color: #333;
    text-align: right
}

.agent-tips .fl span {
    background: #f1f1f1;
    color: #999;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    padding: 0 6px
}

.agent-tips .fl p {
    color: #ff0000;
    padding-right: 4px;
    padding-top: 7px
}

.agent-tips .fl .lianjiaim-createtalkAll {
    position: relative;
    top: -1px
}

.agent-tips .fr img {
    border-radius: 50%;
    height: 40px;
    margin-left: 10px;
    width: 40px
}

.taxagent {
    border-top: 1px solid #e4e4e4;
    float: left;
    font-size: 14px;
    margin-left: 538px;
    padding-top: 20px;
    position: relative;
    top: -74px;
    width: 421px
}

.taxagent img {
    border-radius: 50%;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

.taxagent .fl {
    color: #333
}

.taxagent .fl span {
    background: #f1f1f1;
    color: #999;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-left: 10px;
    padding: 0 6px
}

.taxagent .fl p {
    color: #aaa;
    font-size: 12px;
    padding-top: 6px
}

.taxagent .fl .lianjiaim-createtalkAll {
    position: relative;
    top: -1px
}

.taxagent .fl a {
    color: #333
}

.taxagent .fr {
    color: #ff0000;
    font-weight: 700;
    padding-top: 24px
}

.mod-wrap .mod-district {
    height: 250px;
    padding: 0;
    position: relative
}

.mod-wrap .mod-district .distrct-btn {
    border: 1px solid #fff;
    border-radius: 2px;
    bottom: 64px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 37px;
    left: 75px;
    line-height: 2.7;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    text-align: center;
    text-decoration: none
}

.mod-wrap .mod-house-table {
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 15px;
    padding: 30px
}

.mod-wrap .mod-house-table .title {
    color: #3072f6
}

.mod-wrap .mod-house-table .house-desc {
    color: #333;
    display: inline-block;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle
}

.mod-wrap .mod-house-table .house-status {
    font-size: 0;
    padding-bottom: 22px
}

.mod-wrap .mod-house-table .house-status .status {
    color: #101d37;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding-right: 20px;
    vertical-align: bottom
}

.mod-wrap .mod-house-table .house-status .status:before {
    border-radius: 4px;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    vertical-align: bottom;
    width: 20px
}

.mod-wrap .mod-house-table .house-status .status-booked:before {
    background-color: #ccefe0
}

.mod-wrap .mod-house-table .house-status .status-available:before {
    background-color: #3072f6
}

.mod-wrap .mod-house-table .house-status .status-sold:before {
    background-color: #e8e8e8
}

.mod-wrap .mod-house-table .house-status .status-current {
    display: none
}

.mod-wrap .mod-house-table .building-tabs {
    font-size: 0;
    min-height: 40px;
    position: relative
}

.mod-wrap .mod-house-table .building-tabs .tab-wrapper {
    display: inline-block;
    padding-left: 80px;
    width: 860px
}

.mod-wrap .mod-house-table .building-tabs .tab-item {
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-bottom: 10px;
    text-align: center;
    width: 56px
}

.mod-wrap .mod-house-table .building-tabs .first {
    border-left: 1px solid #d9d9d9;
    border-radius: 4px 0 0 4px
}

.mod-wrap .mod-house-table .building-tabs .last {
    border-radius: 0 4px 4px 0
}

.mod-wrap .mod-house-table .building-tabs .tab-item.active {
    border-color: #3072f6;
    color: #3072f6
}

.mod-wrap .mod-house-table .building-tabs .tab-item.coworker {
    border-right-color: #3072f6
}

.mod-wrap .mod-house-table .building-tabs .positioned {
    left: 0;
    position: absolute;
    top: 5px
}

.mod-wrap .mod-house-table .hidden {
    display: none
}

.table-wrapper {
    font-size: 0;
    height: 519px;
    overflow: auto;
    padding-bottom: 60px;
    white-space: nowrap
}

.table-wrapper .jump-link {
    display: block;
    text-decoration: none
}

.table-wrapper .col {
    background-color: #f9f9f9;
    display: inline-block;
    margin-right: 10px
}

.table-wrapper .col:first-child {
    margin-right: 5px
}

.table-wrapper .col-1x {
    vertical-align: top;
    width: 50px
}

.table-wrapper .col-2x {
    vertical-align: top;
    width: 274px
}

.table-wrapper .index {
    color: #333;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    padding-bottom: 21px;
    padding-top: 12px;
    text-align: center
}

.table-wrapper .floor {
    color: #666;
    font-size: 12px;
    height: 67px;
    line-height: 67px;
    padding-bottom: 10px;
    text-align: center
}

.table-wrapper .row {
    font-size: 0;
    padding: 0 12px 10px
}

.table-wrapper .house-item {
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    cursor: default;
    display: inline-block;
    margin-right: 10px;
    overflow: visible;
    position: relative;
    width: 120px
}

.table-wrapper .house-item .id {
    border-radius: 2px;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding-left: 17px
}

.table-wrapper .house-item .id-current {
    background-color: #f5a623;
    color: #fff
}

.table-wrapper .house-item .booked {
    background-color: #ccefe0;
    color: #394043
}

.table-wrapper .house-item .available {
    background-color: #00ae66;
    color: #fff
}

.table-wrapper .house-item .sold {
    background-color: #e8e8e8;
    color: #9c9fa1
}

.table-wrapper .house-item .room-desc {
    color: #999;
    font-size: 12px;
    height: 33px;
    line-height: 33px;
    padding-left: 17px
}

.table-wrapper .house-item .tip-layer {
    -ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,.13);
    -o-box-shadow: 0 1px 4px 0 rgba(0,0,0,.13);
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.13);
    display: none;
    left: 110px;
    padding: 21px;
    position: absolute;
    top: -60px;
    width: 210px;
    z-index: 100000
}

.table-wrapper .house-item .tip-layer .tip-title {
    color: #454647;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding-bottom: 16px
}

.table-wrapper .house-item .tip-layer .tip-item {
    font-size: 0;
    line-height: 1;
    padding-bottom: 12px
}

.table-wrapper .house-item .tip-layer .tip-item .key {
    color: #aaa;
    display: inline-block;
    font-size: 12px
}

.table-wrapper .house-item .tip-layer .tip-item .value {
    color: #000;
    display: inline-block;
    font-size: 12px
}

.table-wrapper .house-item .tip-layer .statement {
    color: #394043;
    font-size: 12px
}

.table-wrapper .house-item .tip-layer .icon-triangle {
    border-color: transparent #fff transparent transparent;
    border-style: solid solid solid none;
    border-width: 5px 10px 5px 0;
    bottom: 61.8%;
    display: inline-block;
    height: 0;
    left: -10px;
    position: absolute;
    width: 0
}

.table-wrapper .house-item:last-child {
    margin-right: 0
}

.table-wrapper .place-holder {
    background-color: #f9f9f9;
    display: inline-block;
    height: 67px;
    margin-right: 10px;
    width: 120px
}

.table-wrapper .place-holder:last-child {
    margin-right: 0
}

.reminding-box {
    position: relative;
    z-index: 1008
}

.reminding-box .border_c {
    border: 1px solid #e4e6f0;
    margin-top: -1px
}

.reminding-box .border_t {
    border: 1px solid #e4e6f0;
    border-radius: 2px 2px 0 0
}

.reminding-box .border_b {
    border: 1px solid #e4e6f0;
    border-radius: 0 0 2px 2px;
    border-top: none
}

.reminding-box .border_red {
    border: 1px solid #db4c3f;
    margin-top: -1px;
    z-index: 2
}

.reminding-box .active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAYFBMVEVMaXE6h/YA//87h/U7hvVVqv87hvY6h/Q7h/Q6h/Q6h/U6h/U7hvY7hvQ6h/U6h/U6h/Q5iPU7h/M6h/Q6h/Q4hfI6hvU6h/U6h/U6h/U7h/U/f/87h/U6h/Q8hfM7h/VEXyMmAAAAH3RSTlMAOAGC8QM99flHcZtT/ojtfTJCd44U0U6joGkMvpMuWVrMyQAAAHJJREFUeNp10dcOgDAIBVC1atXWvSf//5cKiVoD8nR7SDqoJ5WdItHHBGapkyYAYH48X7jrx1fXG3TIMPZD8XrsOoC63Q/RW8obRuV6xRY1RfXdtr28xMAPPMg7dsVck/PHUu2BJ3ZMIA2UnJcVRi1/zglAzA109GHv+gAAAABJRU5ErkJggg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px 10px
}

.reminding-box .remind_overlay_bg {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .6;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1003
}

.reminding-box .panel_reminding {
    -moz-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    -o-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 3px 14px rgba(0,0,0,.3);
    height: auto;
    left: 50%;
    margin-left: -246px;
    margin-top: -205px;
    padding-left: 47px;
    position: fixed;
    top: 50%;
    width: 398px;
    z-index: 10000
}

.reminding-box .panel_reminding .panel_info {
    padding-top: 44px;
    width: 350px
}

.reminding-box .panel_reminding .panel_info .close_reminding {
    cursor: pointer;
    padding: 4px;
    position: absolute;
    right: 15px;
    top: 15px
}

.reminding-box .panel_reminding .panel_tab span {
    border: 1px solid #f5f5f5;
    border-bottom-color: #d0d0d0;
    border-radius: 4px;
    border-right: 0;
    color: #999;
    display: block;
    float: left;
    font-size: 16px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    width: 189px
}

.reminding-box .panel_reminding .panel_tab .title {
    line-height: 20px;
    margin-bottom: 16px;
    min-height: 20px;
    padding-left: 0
}

.reminding-box .panel_reminding .panel_tab .title .fl {
    color: #101d37;
    font-size: 24px;
    font-weight: 700
}

.reminding-box .panel_reminding .panel_tab .title .reminding_text_tel {
    color: #9399a5;
    font-size: 16px;
    line-height: 1;
    padding: 34px 0 0
}

.reminding-box .panel_reminding .panel_tab .title .reminding_text_select {
    color: #ced2d6;
    font-size: 16px;
    line-height: 1;
    padding: 18px 0 0
}

.reminding-box .panel_reminding .panel_tab .send_verify_code_s,.reminding-box .panel_reminding .panel_tab .show_error {
    display: none;
    height: 14px;
    line-height: 14px;
    padding: 24px 0 0
}

.reminding-box .panel_reminding .panel_tab .send_verify_code_s dd,.reminding-box .panel_reminding .panel_tab .show_error dd {
    color: #db4c3f;
    display: block;
    top: 0
}

.reminding-box .panel_reminding .panel_tab li {
    clear: both;
    color: #9399a5;
    height: 60px;
    position: relative
}

.reminding-box .panel_reminding .panel_tab li input {
    border: 0
}

.reminding-box .panel_reminding .panel_tab li .the_input {
    box-sizing: border-box;
    color: #333;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    outline: none;
    padding-left: 16px;
    width: 330px
}

.reminding-box .panel_reminding .panel_tab li .reminding_checkbox {
    cursor: pointer;
    float: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.reminding-box .panel_reminding .panel_tab li .send_verify_code {
    line-height: 60px
}

.reminding-box .panel_reminding .panel_tab li .send_verify_code em {
    border-left: 1px solid #e4e6f0;
    color: #101d37;
    padding: 0 16px
}

.reminding-box .panel_reminding .panel_tab li.send_verify_code_s {
    color: #db4c3f;
    height: 30px;
    line-height: 30px;
    margin-left: 7px
}

.reminding-box .panel_reminding .panel_tab li.username {
    background: #fff;
    border-bottom: none;
    padding: 0
}

.reminding-box .panel_reminding .panel_tab li.username i {
    background: -113px 0
}

.reminding-box .panel_reminding .panel_tab li i {
    display: inline-block;
    float: left;
    height: 19px;
    left: 15px;
    margin-right: 20px;
    margin-top: 6px;
    position: absolute;
    width: 14px
}

.reminding-box .panel_reminding .panel_tab li.checkVerimg {
    padding: 0
}

.reminding-box .panel_reminding .panel_tab li.checkVerimg i {
    background-position: -136px -25px;
    margin: 0;
    top: 10px
}

.reminding-box .panel_reminding .panel_tab li.checkVerimg .ver-img {
    float: left;
    height: 60px;
    line-height: 60px;
    padding-left: 16px;
    width: 151px
}

.reminding-box .panel_reminding .panel_tab li.checkVerimg .verImg {
    float: right;
    height: 45px;
    margin-top: 7.5px;
    width: 125px
}

.reminding-box .panel_reminding .panel_tab li.username input {
    width: 300px
}

.reminding-box .panel_reminding .panel_tab li.username .close-btn {
    -webkit-transform: translateY(-50%);
    background-image: url(images/close.png?7e92419cd470e6e7e530);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.reminding-box .panel_reminding .panel_tab li .verifycode {
    width: 200px
}

.reminding-box .panel_reminding .panel_tab li.reminding_type {
    font-size: 0
}

.reminding-box .panel_reminding .panel_tab li.reminding_type label span {
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    position: relative;
    width: 16px
}

.reminding-box .panel_reminding .panel_tab li.reminding_type .checkbox_btn {
    background-color: rgba(244,248,254,.6);
    color: #3072f6;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 33.3%
}

.reminding-box .panel_reminding .panel_tab li.reminding_type .checkbox_btn span {
    left: 10px;
    top: 21px
}

.reminding-box .panel_reminding .panel_tab li.read_protocol {
    color: #9399a5;
    font-size: 16px;
    height: 18px;
    line-height: 18px;
    padding: 24px 0
}

.reminding-box .panel_reminding .panel_tab li.read_protocol label span {
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin-right: 6px;
    position: relative;
    width: 16px
}

.reminding-box .panel_reminding .panel_tab li.read_protocol a {
    color: #3072f6;
    float: none
}

.reminding-box .panel_reminding .panel_tab li input {
    margin: 0;
    padding: 0
}

.reminding-box .panel_reminding .panel_tab li.reminding_btn {
    margin-bottom: 35px;
    padding: 0
}

.reminding-box .panel_reminding .panel_tab li input.topSpecial {
    border-radius: 3px 3px 0 0
}

.reminding-box .panel_reminding .panel-tab li input.the_input:focus {
    border-color: #e4e6f0;
    outline: none;
    transition: all .3s ease-in-out
}

.reminding-box .panel_reminding .panel-tab li .the_input {
    color: #333;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    outline: none;
    padding: 16px;
    width: 282px
}

.reminding-box .panel_reminding .panel_tab li .the_input::-webkit-input-placeholder {
    color: #bbb
}

.reminding-box .panel_reminding .panel_tab li .the_input:-moz-placeholder,.reminding-box .panel_reminding .panel_tab li .the_input::-moz-placeholder {
    color: #bbb
}

.reminding-box .panel_reminding .panel_tab li .the_input:-ms-input-placeholder {
    color: #bbb
}

.reminding-box .panel_reminding .panel_tab li img {
    float: right;
    height: 41px;
    width: 85px
}

.reminding-box .panel_reminding .panel_tab li a {
    color: #333;
    float: right
}

.reminding-box .panel_reminding .panel_tab li a.voice_a {
    color: #333;
    cursor: pointer;
    float: none;
    text-decoration: underline
}

.reminding-box .panel_reminding .panel_tab li .disabled {
    color: #bbb;
    cursor: default
}

.reminding-box .panel_reminding .panel_tab li .disabled.hover {
    text-decoration: none
}

.reminding-box .panel_reminding .panel_tab .reminding_user_tel_btn {
    background: #3072f6;
    border: 0;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 350px
}

.reminding-box .panel_reminding .panel_tab .reminding_user_tel_btn:hover {
    background: #3072f6;
    text-decoration: none
}

.reminding-box .panel_reminding .fr {
    position: relative
}

.reminding-box .panel_reminding .panel_tab .success_icon {
   /* background: url(images/remind_success@3x.png?a03719429fdcb9aedcd0);
    background: -webkit-image-set(url(images/remind_success@2x.png?8daf5fefdf85384290db) 2x,url(images/remind_success@3x.png?a03719429fdcb9aedcd0) 3x);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 100px;
    margin-top: 81px;
    width: 100px
}

.reminding-box #dialog_cancel .panel_tab,.reminding-box #dialog_success .panel_tab {
    text-align: center
}

.reminding-box #dialog_cancel {
    min-height: 400px
}

.reminding-box .panel_reminding .panel_tab .cancel_content .cancel_title,.reminding-box .panel_reminding .panel_tab .success_content .success_title {
    color: #101d37;
    font-size: 24px;
    height: 33px;
    line-height: 33px;
    margin-top: 36px
}

.reminding-box .panel_reminding .panel_tab .cancel_content .cancel_title {
    margin-top: 76px
}

.reminding-box .panel_reminding .panel_tab .cancel_content span,.reminding-box .panel_reminding .panel_tab .success_content span {
    border: none;
    color: #9399a5;
    cursor: default;
    float: none;
    font-size: 16px;
    height: auto;
    line-height: 1;
    margin-top: 7px;
    width: auto
}

.reminding-box .reminding_success_btn {
    background-color: #3072f6;
    border-radius: 2px;
    color: #fff;
    display: block;
    height: 60px;
    line-height: 60px;
    margin-bottom: 105px;
    margin-top: 73px;
    width: 350px
}

.reminding-box .reminding_success_btn:hover {
    background: #3072f6;
    text-decoration: none
}

.reminding-box .cancel_btn_box {
    margin-bottom: 105px;
    margin-top: 53px;
    overflow: hidden
}

.reminding-box .reminding_cancel_btn,.reminding-box .reminding_continue_btn {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    width: 165px
}

.reminding-box .reminding_cancel_btn:hover,.reminding-box .reminding_continue_btn:hover {
    text-decoration: none
}

.reminding-box .reminding_continue_btn {
    background-color: #3072f6;
    float: left
}

.reminding-box .reminding_continue_btn:hover {
    background-color: #3072f6
}

.reminding-box .reminding_cancel_btn {
    background-color: #656466;
    float: right
}

.reminding-box .reminding_cancel_btn:hover {
    background-color: #656466
}

#agent {
    position: relative
}

#agent h2 {
    display: inline-block;
    margin-right: 20px;
    margin-top: -12px;
    padding-bottom: 23px
}

#agent .agent-title span {
    color: #999;
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 14px
}

#agent .agent-title .a-tag {
    padding-right: 20px;
    vertical-align: 3px
}

#agent .agent-title .a-tag span {
    background: #d8d8d8;
    border-radius: 50%;
    height: 6px;
    margin-right: 8px;
    vertical-align: 3px;
    width: 6px
}

#agent .agent-line {
    background-color: #e4e4e4;
    height: 1px;
    left: 0;
    position: absolute;
    width: 1000px
}

#agent .agent-wrap {
    margin-top: 26px
}

#agent .agent-card-part {
    border: 1px solid #eee;
    border-radius: 1px;
    box-sizing: border-box;
    display: inline-block;
    height: 140px;
    padding: 20px
}

#agent .agent-card-part:not(:last-child) {
    margin-right: 25px
}

#agent .agent-card-part .agent-card-box {
    margin-left: 3px
}

#agent .agent-card-part .agent-card {
    margin-top: 0;
    vertical-align: bottom
}

#agent .agent-card-part a {
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    color: #4688f1;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    width: 88px
}

#agent .agent-card-part a:hover {
    background-color: #fff
}

#agent .agent-card-part a i {
    background: url(images/Imtalk.png?f2207fc6c8af357eda5f) no-repeat 50%/12px;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px;
    width: 16px
}

#agent .agent-card-part .a-photo {
    display: inline-block;
    height: 95px;
    margin-right: 20px;
    vertical-align: top;
    width: 72px
}

#agent .agent-card-part .a-photo img {
    display: inline-block;
    height: 100%;
    width: 100%
}

#agent .agent-card-part .a-info {
    display: inline-block;
    font-family: PingFangSC-Regular
}

#agent .agent-card-part .a-info p {
    margin-bottom: 8px
}

#agent .agent-card-part .a-info .name {
    color: #333;
    font-family: HiraginoSansGB-W6;
    font-size: 16px;
    margin-right: 3px
}

#agent .agent-card-part .a-info .company {
    background: #f3f5f7;
    border-radius: 1px;
    color: #839aae;
    display: inline-block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: 2px;
    width: 34px
}

#agent .agent-card-part .a-info .perform {
    color: #333;
    font-size: 12px
}

#agent .agent-card-part .a-info .perform span {
    background: #eee;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 1px
}

#agent .agent-card-part .a-info .tel {
    color: #FF0000;
    font-family: PingFangSC-Semibold;
    font-size: 12px
}

#agent .agent-card-part .a-info .ask {
    background: #f4f8fe;
    border: 1px solid #3a75ee;
    border-radius: 2px;
    color: #3a75ee;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    width: 88px
}

.related-topic #related-topic.mod-panel {
    box-shadow: none;
    margin-bottom: 45px;
    margin-top: 45px;
    padding: 0
}

.related-topic .lazyload {
    opacity: 1
}

.topic-list-wrap .topic-list-container-large {
    overflow: hidden
}

.topic-list-wrap .topic-list-container-large .topic-item-large {
    float: left;
    margin-right: 17px;
    width: 216px
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link {
    display: block;
    text-decoration: none
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .img-wrapper {
    margin-bottom: 12px
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .img-wrapper img {
    height: 163px;
    width: 222px
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .topic-title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.2px;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .topic-summary {
    color: grey;
    display: block;
    display: -webkit-box;
    font-size: 12px;
    height: 18px;
    letter-spacing: -.17px;
    line-height: 18px;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .author-info {
    overflow: hidden
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .author-info .topic-author {
    color: #b0b3b4;
    font-size: 12px;
    letter-spacing: -.17px;
    margin-right: 6px
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .author-info .topic-date {
    color: #b0b3b4;
    font-size: 12px;
    letter-spacing: -.17px;
    text-align: right
}

.topic-list-wrap .topic-list-container-small .topic-item-small {
    display: inline-block;
    height: 230px;
    margin-right: 10px;
    width: 222px
}

.topic-list-wrap .topic-list-container-small .topic-item-small:last-child {
    margin-right: 0
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link {
    display: block;
    overflow: hidden;
    text-decoration: none
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .img-wrapper {
    margin-right: 24px;
    width: 222px
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .img-wrapper img {
    height: 166px;
    width: 222px
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info {
    margin-top: 13px;
    position: relative;
    width: 222px
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .topic-title {
    color: #101d37;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.29px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .topic-summary {
    color: grey;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    letter-spacing: -.2px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .author-info {
    width: 100%
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .author-info .topic-author {
    color: #b0b3b4;
    font-size: 12px;
    letter-spacing: -.17px;
    margin-right: 8px
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .author-info .topic-date {
    color: #b0b3b4;
    font-size: 12px;
    letter-spacing: -.17px;
    text-align: right
}

.main-title {
    overflow: hidden
}

.main-title .title {
    color: #101d37;
    float: left;
    font-size: 24px;
    font-weight: 600
}

.main-title .more-topic {
    color: grey;
    float: right;
    font-size: 14px;
    height: 20px;
    letter-spacing: -.15px;
    line-height: 20px;
    text-decoration: none
}

.main-title .more-topic .arrow {
    display: inline-block;
    margin-left: 5px;
    margin-top: -2px;
    vertical-align: top
}

.mod-wrap .mod-ask {
    margin-top: 45px;
    padding-bottom: 0
}

.star {
    background-position: 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 85px
}

.star,.star .star_info {
    background-image: url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60);
    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60) 1x,url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    height: 13px
}

.star .star_info {
    background-position: 0 -16px;
    width: 0
}

.layer-star {
    background-position: 0 0;
    width: 107.5px
}

.layer-star,.layer-star .star_info {
    background-image: url(../../common/img/comment/comment_stars.png?105fea065fca399d3947);
    background-image: -webkit-image-set(url(../../common/img/comment/comment_stars.png?105fea065fca399d3947) 1x,url(../../common/img/comment/comment_stars@2x.png?9dddddd441845785ed7a) 2x);
    height: 17px
}

.layer-star .star_info {
    background-position: 0 -22px;
    width: 0
}

.mod-ask {
    width: 712px
}

.mod-ask.mod-panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.mod-ask:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.mod-ask .title-container {
    overflow: hidden
}

.mod-ask .title-container h2 {
    display: block;
    float: left;
    margin-top: 0
}

.mod-ask .title-container .title-link {
    color: #101d37;
    font-size: 24px;
    font-weight: 600
}

.mod-ask .title-container .comment-more {
    color: #999;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 30px
}

.mod-ask .top_box {
    margin-top: -4px;
    padding-bottom: 25px
}

.mod-ask .top_box .totalscore_box {
    float: left;
    font-size: 14px
}

.mod-ask .top_box .totalscore_box .totalscore {
    color: #333;
    font-weight: 700;
    margin-bottom: 4px
}

.mod-ask .top_box .totalscore_box .totalscore .score {
    color: #ff7326
}

.mod-ask .top_box .totalscore_box .totalscore .ratio {
    color: #999;
    font-weight: 400;
    padding-left: 20px
}

.mod-ask .top_box .totalscore_box .itemscore {
    color: #666;
    font-size: 14px
}

.mod-ask .top_box .totalscore_box .itemscore .item {
    float: left;
    margin-right: 18px
}

.mod-ask .top_box .totalscore_box .itemscore .item span {
    position: relative;
    top: 1px;
    vertical-align: middle
}

.mod-ask .top_box .totalscore_box .itemscore .item .star {
    margin-left: -5px
}

.mod-ask .top_box .totalscore_box .itemscore .item i {
    color: #ff7326;
    position: relative;
    top: 1px;
    vertical-align: middle
}

.mod-ask .comment_btn {
    background: #3072f6;
    background: rgba(206,210,214,.05);
    border: 1px solid #ced2d6;
    border-radius: 4px;
    box-sizing: border-box;
    color: #9399a5;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-top: 3px;
    text-align: center;
    width: 100%
}

.mod-ask .comment_btn a {
    color: #9399a5
}

.mod-ask .list_box .tab li {
    background: #f9f9f9;
    border-radius: 50px;
    color: #9399a5;
    cursor: pointer;
    float: left;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    padding: 0 10px
}

.mod-ask .list_box .tab li.active {
    background: #eaf1fe;
    color: #3072f6
}

.mod-ask .list_box .list {
    margin-top: 5px;
    width: 100%
}

.mod-ask .list_box .list li.no-answer .r_comment {
    width: 100%
}

.mod-ask .list_box .list li.no-answer .r_comment .info {
    height: 28px;
    line-height: 28px;
    margin: 0
}

.mod-ask .list_box .list li {
    color: #333;
    padding-bottom: 20px;
    width: 100%
}

.mod-ask .list_box .list li .question-wrap {
    padding-bottom: 18px;
    width: 100%
}

.mod-ask .list_box .list li .question-wrap .ques-tag {
    background-color: #FF0000;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 0 2px
}

.mod-ask .list_box .list li .question-wrap .ques-content {
    color: #101d37;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin-left: 5px
}

.mod-ask .list_box .list li .l_userpic {
    float: left;
    margin-right: 15px;
    padding-top: 4px;
    text-align: center
}

.mod-ask .list_box .list li .l_userpic .pic {
    margin: 0 auto 13px;
    width: 55px
}

.mod-ask .list_box .list li .l_userpic .pic img {
    width: 100%
}

.mod-ask .list_box .list li .l_userpic .info {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.mod-ask .list_box .list li .r_comment {
    background-color: #fff;
    border-radius: 2px;
    float: left;
    font-size: 14px;
    position: relative;
    width: 640px
}

.mod-ask .list_box .list li .r_comment .answer-btn {
    border: 1px solid #3a75ee;
    border-radius: 100px;
    color: #3a75ee;
    float: right;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 20px
}

.mod-ask .list_box .list li .r_comment .user-name {
    color: #101d37;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 7px
}

.mod-ask .list_box .list li .r_comment .agent-card-box .agent-card {
    margin-top: -1px
}

.mod-ask .list_box .list li .r_comment .tag {
    color: #849aae;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    position: absolute;
    right: 20px;
    top: 20px
}

.mod-ask .list_box .list li .r_comment .score .num {
    color: #333;
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle
}

.mod-ask .list_box .list li .r_comment .score .num span {
    padding-right: 12px
}

.mod-ask .list_box .list li .r_comment .words-container {
    color: #101d37;
    font-size: 14px;
    line-height: 24px;
    margin: 13px 0 0 2px;
    max-height: 96px;
    overflow: hidden;
    position: relative
}

.mod-ask .list_box .list li .r_comment .show-all {
    background-image: url(../../common/img/comment/comment_sprite_v2.png?caaa84f5ea7e4cf5edca);
    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite_v2.png?caaa84f5ea7e4cf5edca) 1x,url(../../common/img/comment/comment_sprite_v2@2x.png?1478db266867c45cdd9c) 2x);
    background-position: 0 100%;
    bottom: 0;
    color: #3072f6;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding-left: 40px;
    position: absolute;
    right: 0
}

.mod-ask .list_box .list li .r_comment .sepline {
    border-bottom: 1px solid #e5e5e5
}

.mod-ask .list_box .list li .r_comment .picList {
    margin: 0 0 0 2px;
    width: 540px
}

.mod-ask .list_box .list li .r_comment .picItem {
    cursor: pointer;
    float: left;
    height: 84px;
    margin-right: 10px;
    margin-top: 16px;
    position: relative;
    width: 84px
}

.mod-ask .list_box .list li .r_comment .picItem img {
    width: 100%
}

.mod-ask .list_box .list li .r_comment .picCover {
    background-color: #000;
    display: none;
    filter: alpha(opacity=50);
    height: 80px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 80px
}

.mod-ask .list_box .list li .r_comment .largePic {
    bottom: 90px;
    display: none;
    height: 232px;
    left: 0;
    position: absolute;
    width: 362px
}

.mod-ask .list_box .list li .r_comment .info {
    color: #999;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 14px 0 0
}

.mod-ask .list_box .list li .r_comment .info:after {
    clear: both;
    content: ""
}

.mod-ask .list_box .list li .r_comment .info .time {
    color: #9399a5;
    float: left;
    font-size: 12px
}

.mod-ask .list_box .list li .r_comment .info .comment-num {
    cursor: pointer;
    float: right;
    margin-right: 24px
}

.mod-ask .list_box .list li .r_comment .info .comment-num i {
    background-image: url(images/words.png?6a1c25e447fd88d4cd56);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    width: 14px
}

.mod-ask .list_box .list li .r_comment .info .comment-num span {
    display: inline-block;
    vertical-align: middle
}

.mod-ask .list_box .list li .r_comment .info .comment-num .download-app-qr {
    left: 0;
    top: 30px
}

.mod-ask .list_box .list li .r_comment .info .like {
    cursor: pointer;
    float: right
}

.mod-ask .list_box .list li .r_comment .info .like i {
    background-image: url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60);
    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60) 1x,url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: -15px -33px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    width: 14px
}

.mod-ask .list_box .list li .r_comment .info .like span {
    display: inline-block;
    vertical-align: middle
}

.mod-ask .list_box .list li .r_comment .info .islike i {
    background-position: 0 -33px
}

.mod-ask .list_box .list li:last-child {
    border-bottom: none
}

.mod-ask .list_box .comment-agent-box {
    padding-top: 16px
}

.mod-ask .list_box .comment-agent-box>img {
    border-radius: 50px;
    float: left;
    height: 54px;
    margin-right: 20px;
    width: 54px
}

.mod-ask .list_box .comment-agent-box .comment-agent-infor {
    float: left;
    padding-top: 6px
}

.mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-name {
    margin-bottom: 10px
}

.mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-name p {
    color: #333;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin-right: 9px
}

.mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-name .comment-agent-name-type {
    border: 1px solid rgba(174,188,201,.33);
    border-radius: 1px;
    color: #839aae;
    float: left;
    font-size: 11px;
    padding: 1px 5px
}

.mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-name .agent-card-box {
    margin-left: 10px
}

.mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-work {
    color: #333;
    font-size: 13px
}

.mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-work span {
    color: #FF0000;
    font-size: 13px
}

.mod-ask .list_box .comment-agent-box .comment-agent-consult {
    float: right
}

.mod-ask .list_box .comment-agent-box .comment-agent-consult .new-talk {
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    color: #4688f1;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin: 13px 0 0!important;
    text-align: center;
    text-decoration: none;
    width: 88px
}

.mod-ask .list_box .comment-agent-box .comment-agent-consult .new-talk i {
    background: url(images/Imtalk.png?f2207fc6c8af357eda5f) no-repeat 50%/12px;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    padding: 0;
    vertical-align: -3px;
    width: 16px
}

.mod-ask .nocomment {
    color: #666;
    font-size: 16px;
    padding-bottom: 92px;
    padding-top: 62px;
    text-align: center
}

.mod-ask .nocomment .btn {
    background-color: #f0f3f5;
    color: #849aae;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 35px;
    line-height: 35px;
    margin: 15px auto 0;
    text-align: center;
    width: 90px
}

.mod-ask .nocomment .btn:hover {
    background-color: #849aae;
    color: #f0f3f5
}

.mod-ask .no-question {
    color: #666;
    font-size: 16px;
    height: 68px;
    line-height: 68px;
    text-align: center
}

.mod-ask .download-app-wrapper .download-app-text {
    width: 115px
}

.mod-ask .download-app-wrapper .download-app-qr {
    left: 285px;
    right: auto
}

#comment_mask {
    background: #000;
    filter: alpha(opacity=50);
    height: 100%;
    opacity: .5;
    width: 100%;
    z-index: 1100
}

#comment_layer,#comment_mask {
    display: none;
    left: 0;
    position: fixed;
    top: 0
}

#comment_layer {
    bottom: 0;
    overflow-y: scroll;
    right: 0;
    z-index: 1200
}

#comment_layer .container {
    padding: 10px 0
}

#comment_layer .main {
    background-color: #fff;
    border-radius: 2px;
    margin: auto;
    position: relative;
    width: 675px;
    z-index: 1200
}

#comment_layer .tit {
    border-bottom: 1px solid #eaeaea;
    height: 55px;
    line-height: 55px;
    position: relative
}

#comment_layer .tit span {
    font-size: 16px;
    font-weight: 700;
    padding-left: 29px
}

#comment_layer .tit i {
    background-image: url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60);
    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60) 1x,url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: 100% -37px;
    cursor: pointer;
    height: 11px;
    position: absolute;
    right: 32px;
    top: 23px;
    width: 11px
}

#comment_layer .comment_box {
    padding: 15px 32px 25px
}

#comment_layer .comment_box .selarea {
    color: #333;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 24px
}

#comment_layer .comment_box .selarea .sel {
    display: inline-block;
    margin-left: 52px
}

#comment_layer .comment_box .selarea .sel span {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    padding: 0 12px
}

#comment_layer .comment_box .selarea .sel span:hover {
    border: 1px solid #ff7326
}

#comment_layer .comment_box .selarea .sel span.active {
    background: #ff7326;
    border: 1px solid #ff7326;
    color: #fff
}

#comment_layer .comment_box .stararea li {
    font-size: 14px;
    height: 22px;
    line-height: 22px
}

#comment_layer .comment_box .stararea li span {
    color: #333
}

#comment_layer .comment_box .stararea li .star_wrap {
    cursor: pointer;
    display: inline-block;
    height: 17px;
    padding: 0 3px;
    position: relative;
    top: 3px
}

#comment_layer .comment_box .stararea li .star {
    vertical-align: baseline
}

#comment_layer .comment_box .stararea li i {
    color: #ff7326;
    display: inline-block;
    min-width: 29px;
    padding-left: 0
}

#comment_layer .comment_box .stararea li b {
    color: #ff7326;
    display: inline-block;
    padding-left: 0;
    width: 56px
}

#comment_layer .comment_box .stararea li p {
    color: #999;
    display: inline-block
}

#comment_layer .comment_box .writearea {
    color: #333;
    font-size: 14px;
    margin-top: 26px;
    position: relative
}

#comment_layer .comment_box .writearea span {
    display: block;
    margin-bottom: 12px
}

#comment_layer .comment_box .writearea textarea {
    border: 1px solid #eaeaea;
    color: #bbb;
    font-size: 14px;
    height: 90px;
    padding: 8px 10px;
    width: 589px
}

#comment_layer .comment_box .writearea p {
    color: #999;
    display: none;
    font-size: 12px;
    position: absolute;
    right: -10px;
    top: 0
}

#comment_layer .comment_box .uploadarea {
    margin-top: 10px
}

#comment_layer .comment_box .uploadarea .title {
    color: #333;
    font-size: 14px
}

#comment_layer .comment_box .uploadarea .title i {
    color: #999
}

#comment_layer .comment_box .uploadarea .add_list {
    width: 100%
}

#comment_layer .comment_box .uploadarea .add_list li {
    float: left;
    height: 60px;
    line-height: 60px;
    margin-right: 8px;
    margin-top: 10px;
    position: relative;
    width: 60px
}

#comment_layer .comment_box .uploadarea .add_list .deleteMask {
    background: #000;
    cursor: pointer;
    display: none;
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

#comment_layer .comment_box .uploadarea .add_list .deleteIcon {
    background-image: url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60);
    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60) 1x,url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: 85% -35px;
    cursor: pointer;
    display: none;
    height: 14px;
    position: absolute;
    right: 25px;
    top: 23px;
    width: 11px
}

#comment_layer .comment_box .uploadarea .add_list .add {
    background-color: #eaeaea;
    text-align: center
}

#comment_layer .comment_box .uploadarea .add_list .add img {
    cursor: pointer;
    margin-top: 16px
}

#comment_layer .comment_box .buttonarea .btnlist {
    margin: auto;
    position: relative;
    text-align: center;
    width: 170px
}

#comment_layer .comment_box .buttonarea .post {
    background-color: #686868;
    border-radius: 2px;
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    width: 140px
}

#comment_layer .comment_box .buttonarea .anonymity {
    left: 100%;
    line-height: 35px;
    position: absolute;
    top: 0;
    width: 70px
}

#comment_layer .comment_box .buttonarea .anonymity .icon {
    border: 1px solid #e5e5e5;
    display: inline-block;
    height: 10px;
    vertical-align: middle;
    width: 10px
}

#comment_layer .comment_box .buttonarea .anonymity .icon.on {
    background-image: url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60);
    background-image: -webkit-image-set(url(../../common/img/comment/comment_sprite.png?042f3638239bec043a60) 1x,url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: 70% -40px
}

#comment_layer .comment_box .buttonarea .anonymity span {
    color: #b0b3b4;
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    vertical-align: middle
}

#comment_layer .comment_box .buttonarea p {
    color: #999;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

#comment_layer .comment_box .buttonarea .post {
    -moz-box-shadow: 0 -1px 0 #4f4f4f inset;
    -webkit-box-shadow: 0 -1px 0 #4f4f4f inset;
    background-color: #676767;
    box-shadow: inset 0 -1px 0 #4f4f4f;
    color: #fff;
    float: left;
    ms-box-shadow: 0 -1px 0 #4f4f4f inset;
    o-box-shadow: 0 -1px 0 #4f4f4f inset
}

#comment_layer .comment_box .buttonarea .cancel {
    background-color: #fff;
    border: 1px solid #eaeaea;
    color: #999;
    float: right
}

#layer {
    display: none;
    position: relative;
    z-index: 1000
}

#layer .cover {
    background: #000;
    filter: alpha(opacity=70);
    height: 100%;
    left: 0;
    opacity: .7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1100
}

#layer .main {
    height: 186px;
    left: 50%;
    margin-left: -175px;
    margin-top: -138px;
    position: fixed;
    top: 50%;
    width: 350px;
    z-index: 1200
}

#layer .main .top {
    background: #fff;
    border-radius: 4px 4px 0 0;
    color: #101d37;
    height: 120px;
    padding-top: 66px;
    text-align: center;
    width: 100%
}

#layer .main .top p {
    color: #101d37;
    font-size: 18px
}

#layer .main .bottom {
    background: #101d37;
    border-radius: 0 0 4px 4px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 100%
}

#layer .main .bottom:hover {
    background: #303538
}

#layer .main .l_close {
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px
}

.comment-showall {
    background-color: #f9f9f9;
    border-top: 1px solid #eaeaea;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 43px;
    line-height: 43px;
    margin-left: -30px;
    position: relative;
    text-align: center;
    top: -1px;
    width: 1000px
}

.comment-showall:hover {
    text-decoration: none
}

.webuploader-container {
    position: relative
}

.webuploader-element-invisible {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    position: absolute!important
}

.webuploader-pick {
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    text-align: center
}

.webuploader-pick-disable {
    opacity: .6;
    pointer-events: none
}

.new-header .float-wrapper {
    width: 1172px
}

.index-page-link {
    display: block
}

.xinfang-nav {
    line-height: 22px
}

.title-link {
    color: #3072f6;
    cursor: pointer
}

.title-link,.title-link:hover {
    text-decoration: none
}

#house-map {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    margin: 0 auto 15px;
    padding: 30px;
    width: 940px
}

#house-map .detail-title h2 {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-top: -5px;
    padding-bottom: 26px
}

#house-map .map-indicator {
    font-family: Hiragino Sans GB,"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei,SimHei,Tahoma,"\5B8B\4F53 b8b\4F53",SimSun,sans-serif;
    height: 28px;
    line-height: 28px;
    margin-bottom: 15px
}

#house-map .map-indicator a {
    color: #555;
    margin-right: 4px;
    padding: 5px 6px
}

#house-map .map-indicator a:hover {
    text-decoration: none
}

#house-map .map-indicator a.on {
    background-color: #3072f6;
    color: #fff
}

#house-map .map-content {
    height: 365px;
    width: 940px
}

#house-map .map-box {
    position: relative
}

#house-map .env-list {
    background-color: #fff;
    bottom: 23px;
    box-shadow: 0 0 7px rgba(0,0,0,.45);
    position: absolute;
    right: 23px;
    top: 23px;
    width: 310px
}

#house-map .env-list h3 {
    background-color: #568fe3;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 39px;
    text-align: center
}

#house-map .env-list ol {
    height: 265px;
    overflow-y: auto
}

#house-map .env-list ol li {
    border-bottom: 1px solid #e1e4e9;
    cursor: pointer;
    padding: 21px 0
}

#house-map .result-list div {
    border: 0!important
}

.focusloupan {
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background-color: #fff;
    border-radius: 2px;
    border-top-color: #f9f9f9;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    color: #666;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: center
}

.det-disclaimer {
  /*  background: url(images/detail_new_disclaimer.png?dd648097906ed14c51e9);
    background: -webkit-image-set(url(images/detail_new_disclaimer.png?dd648097906ed14c51e9) 1x,url(images/detail_new_disclaimer@2x.png?ef280d7b740dd063d643) 2x);*/
    background-position: 0 5px;
    background-repeat: no-repeat;
    color: #9399a5;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 52px 16px
}

.xinfang-nav .bar-search-box ul li a .type {
    margin-left: 0
}

@media only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .xinfang-all .item-list ul li .img-part .s-info i,.xinfang-all .item-list ul li .img-part .s-price,.xinfang-banner .x-banner .title,.xinfang-banner .x-filter .x-f-block .btn,.xinfang-hot .items ul.list1 li .del-list p.list-name i,.xinfang-nav .phone {
        background-image:url(../../common/img/Sprite_Graphic_v2@2x.png?fe02747eb64760af56ee);
        background-size: 717px 230px
    }

    .xinfang-nav .logo {
        background-image: url(../../common/img/logo@2x.png?c056e051b66a77dfa224)
    }

    .line {
        background-image: url(../../common/img/line@2x.png?e4e0b661cf6cb1027db1)
    }
}

.search-map i {
    background-position: -110px -70px;
    height: 17px;
    margin-right: 5px;
    margin-top: 2px;
    vertical-align: -4px;
    width: 12px
}

.go-top i,.search-map i {
    background-image: url(../../blue/iamges/match-icon.png?5e5422e6e476d99b1ae6);
    background-repeat: no-repeat;
    display: inline-block
}

.go-top i {
    background-position: -159px -70px;
    background-size: 210px 175px;
    height: 8px;
    width: 15px
}

.explain,.who {
    display: none
}

.newwatchTime,.watchedTime {
    margin: 0 5px
}

.lineTwo {
    margin: 3px 0
}

.lineTwo .phone-qr-wrap {
    background: #fff;
    border: 0!important;
    display: inline-block;
    height: auto;
    left: 170px;
    line-height: 26px;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: -38px;
    width: 100px;
    z-index: 9
}

.lineTwo .phone-qr-wrap .phone-qr-img {
    height: 90px;
    width: 90px
}

.lineTwo .phone-qr-wrap #phone-qr-desc {
    color: #999;
    display: none;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 0
}

.phone-qr-wrap {
    background: #fff;
    border: 1px solid #e8e8e8;
    display: inline-block;
    height: 130px;
    line-height: 26px;
    padding-top: 4px;
    position: absolute;
    right: -120px;
    text-align: center;
    top: -30px;
    width: 114px;
    z-index: 9
}

.phone-qr-wrap .phone-qr-img {
    height: 100px;
    width: 100px
}

.phone-qr-wrap #phone-qr-desc {
    color: #999;
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 12px
}

.phone-s {
    cursor: pointer
}

.phone-s .phone-qr-wrap {
    background: #fff;
    border: 1px solid #e8e8e8;
    display: inline-block;
    height: 130px;
    line-height: 26px;
    padding-top: 4px;
    position: absolute;
    right: -120px;
    text-align: center;
    top: 0;
    width: 114px;
    z-index: 9
}

.phone-s .phone-qr-wrap #phone-qr-desc {
    color: #999;
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 12px
}

.popup-xcxqr-wrapper .phone-qr-wrap {
    left: -128px!important
}

.hoverAgentPhone {
    cursor: pointer
}

.agent-card-box {
    display: inline-block;
    position: relative
}

.agent-card-box .agent-card {
    background: url(images/agent-card.png?ca3946128b6a0b8eaf51) no-repeat;
    background-size: 24px 18px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin-top: 1px;
    vertical-align: top;
    width: 24px
}

.agent-card-box .agent-card-img {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
    display: none;
    left: 26px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: -330px;
    z-index: 10
}

.agent-card-box .agent-card-img .agent-card-img-inner {
    background: #f8f8f9;
    border-radius: 1px;
    display: block;
    height: 480px;
    line-height: 480px;
    overflow: hidden;
    width: 388px
}

.agent-card-box .agent-card-img .agent-card-img-inner img {
    vertical-align: middle;
    width: 388px
}

.agent-card-box .agent-card-img .agent-card-img-title {
    color: #101d37;
    display: block;
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 15px
}

.clearbox {
    clear: both;
    padding-bottom: 0!important
}

.download-app-wrapper {
    position: relative
}

.download-app-wrapper .download-content:hover .download-app-qr {
    -webkit-transform: scale(1) translateY(0);
    display: block;
    transform: scale(1) translateY(0)
}

.download-app-wrapper .download-app-qr {
    -webkit-transform: scale(0) translateY(0);
    -webkit-transform-origin: 50% 0;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
    padding: 26px 26px 16px;
    position: absolute;
    right: -12px;
    top: 60px;
    transform: scale(0) translateY(0);
    transform-origin: 50% 0;
    z-index: 99
}

.download-app-wrapper .download-qr-big {
    text-align: center
}

.download-app-wrapper .download-qr-big canvas {
    margin: 0 auto
}

.download-app-wrapper .download-app-text {
    color: #999;
    font-family: HiraginoSansGB-W3;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    width: 90px
}


 .mod-banner .resblock-info .top-info .subscribe i.attention.share{background:url(images/icon_share.png?ba30b85…) no-repeat;height:16px;width:17px}
.new-header{height:38px}
.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app{width:auto;padding:21px 12px;left:-40px}
.new-header .float-wrapper .link-list-wrapper .new-link-list>a{padding-right:20px}
.new-header .float-wrapper .link-list-wrapper .new-link-list:hover a{color:#fff}
.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app:before{left:65px;margin:0}
.new-header .float-wrapper .link-list-wrapper .new-link-list .toast-link.app .img-desc.img-wrapper{width:120px;height:120px}
.new-header .user-wrapper a{color:#fff}
.personIcon{display:inline-block;vertical-align:-2px;background-image:url(images/icon_user.png?t=123456);width:15px;height:15px;margin-right:5px;background-size:100%}
.preferential-list{margin-top:45px;width:712px}
.preferential-list .itemss{position:relative;margin-bottom:20px;padding:0 15px 0 22px;width:712px;height:120px;background-image:url(images/huodong.png?t=2);background-repeat:no-repeat;background-size:100%}
.clearfix:after,.clearfix:before{content:"";display:table}
address,b,cite,dfn,em,i,var{font-style:normal}
.icons,.icons-ask,.icons-baike,.icons-dialogshow,.icons-entrances,.icons-listings,.icons-qdoll,.icons-sidetools,.icons_qfangindex,.icons_saledetails{width:0;height:0;line-height:0;font-size:0;display:block;overflow:hidden;background-repeat:no-repeat}
.preferential-list .main{width:auto}
.preferential-list .main .title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:15px 0 20px}
.preferential-list .main .title .link{font-size:18px;font-weight:700;color:#fff}
.preferential-list .main .description{max-height:40px;line-height:20px;color:#3072f6;margin-top:45px;margin-left:240px;}
.preferential-list .side .btn-get{vertical-align:top;display:inline-block;*display:inline;*zoom:1;margin:20px 0 10px;width:165px;height:38px;line-height:38px;font-size:18px;color:#fff;text-align:center;background-color:#3072f6;border-radius:20px}
.mod-banner .resblock-info .middle-info .tag-btn-item.txinfo{background-color:inherit;border-width:0px;color:#3072f6;font-size:14px;text-decoration:underline}
.mod-banner .resblock-info .middle-info .open-remind::before,.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-left .dynamic-more::before{content:"";display:inline-block;margin-right:2px;vertical-align:-3px;width:18px;height:18px;background:url(images/tx.png) 0% 0% / 100% 100% no-repeat}
.mod-banner .resblock-info .middle-info .map::before{content:"";display:inline-block;margin-right:2px;vertical-align:-3px;width:15px;height:15px;background:url(images/vrlogo.png?v=fe672c83) 0% 0% / 100% 100% no-repeat}
.mod-banner .resblock-info .top-info .tag-btn-item{background-color:inherit;border-width:0;color:#3072f6;text-decoration:underline}
.open-remind::before{content:"";display:inline-block;margin-right:2px;vertical-align:-3px;width:18px;height:18px;background:url(imagestx.png?bfed4f4…) 0% 0% / 100% 100% no-repeat}
.mod-banner .resblock-info .changePrice-remind::before{content:"";display:inline-block;margin-right:3px;vertical-align:text-bottom;width:13px;height:13px;background:url(images/变价@2x.png?9e8aa8d…) 0% 0% / 100% 100% no-repeat}
.mod-banner .resblock-info .open-remind::before{content:"";display:inline-block;margin-right:3px;vertical-align:text-bottom;width:13px;height:13px;background:url(images/tx.png?9e8aa8d…) 0% 0% / 100% 100% no-repeat}
.dynamic-tree-item .date{width:80px;text-align:right}
.dynamic-tree-item .date span{font-size:15px}
.dynamic-tree-item .date em{color:#ccc}
.dynamic-tree-item .con{position:relative;width:568px;margin-left:30px;padding-left:30px;border-left:2px solid #ddd}
.dynamic-tree-item .node-circle{position:absolute;left:-13px;top:0;width:29px;height:29px;line-height:29px;background-color:#fff;border:2px solid #fff}
.dynamic-tree-item .node-circle .iconfont{width:20px;height:20px;background-image:url(images/Vector.png);background-repeat:no-repeat;background-size:100%;display:block}
.dynamic-tree-item .dynamic-tree-con{position:relative;font-size:14px;line-height:22px;color:#666;margin-bottom:20px;padding:15px;background-color:#f7f7f7;border-radius:8px;border:1px solid #eee}
.dynamic-tree-item .dynamic-tree-con .arrow{position:absolute;left:-7px;top:12px;width:7px;height:12px;background-position:-356px -305px}
.dynamic-tree-item .dynamic-tree-con .title,.dynamic-tree-item .dynamic-tree-hs-con .title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-weight:700;margin-bottom:10px}
.dynamic-tree-item .dynamic-tree-text{word-wrap:break-word;word-break:break-all;position:relative;min-height:40px}
.inner{width:1172px;margin:0 auto;position:relative}
.page-nav{height:55px;box-sizing:border-box;background-color:#f5f5f6;padding-top:13px;width:1172px;margin:0 auto;}
.page-nav a{float:left;height:30px;line-height:30px;margin:0 20px;font-size:16px;color:#000000;font-weight:bold}
.page-nav a:hover{text-decoration:none;color:#3072f6}
.page-nav a.on{border-bottom: 2px solid #2775e9;color:#2775e9;margin:0 20px}
.mod-banner .resblock-info .top-info .subscribe{background:rgba(132,154,174,.15);border-radius:2px;color:#849aad;padding:8px 8px 2px}
.mod-banner .resblock-info .top-info .subscribe i{display:inline-block;vertical-align:-7px}
.fourlist .tags{display:inline-block;margin-right:10px;color:#9399a5}
.fourlist .tags::before{content:"";display:inline-block;vertical-align:-2px;width:13px;height:13px;background-image:url(images/new-detail2.png);background-repeat:no-repeat}
.fourlist .tags::before{width:15px;height:15px;background-position:-2px -20px}
.fourlist .tags +.tags::before{width:15px;height:15px;background-position:-2px -42px}
.fourlist .tags +.tags+.tags::before{width:15px;height:15px;background-position:-2px -64px}
.fourlist .tags +.tags+.tags+.tags::before{width:15px;height:15px;background-position:-2px -85px}
.mod-price .price-result{float:left;width:245px;margin-left:40px;padding-top:50px}
.mod-price .price-result .result-tag-box{font-size:14px;border-bottom:1px solid #e4e6f0;padding-bottom:13px}
.mod-price .price-result .result-tag-box .tag-nav{float:left;color:#9399a5;margin-right:30px;font-weight:700;cursor:pointer}
.mod-price .price-result .result-tag-box .tag-nav-on{color:#101d37}
.mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line{position:relative;font-size:14px;color:#101d37;font-weight:700;margin-top:15px}
.mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line .result-left{float:left}
.mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line .result-left .result-icon{margin-left:4px;margin-top:1px;cursor:pointer;display:inline-block;width:12px;height:12px;background:url(images/icon_ts.png) no-repeat;background-size:12px 12px}
.mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line .result-right{float:right}
.mod-price .price-result .result-ctx-box .result-ctx .result-ctx-line .result-hint{display:none;font-size:14px;line-height:20px;position:absolute;top:24px;left:0;background:rgba(0,0,0,.8);width:246px;padding:10px;color:#fff;box-sizing:border-box;font-weight:400;z-index:1}
.mod-price .price-result .result-sign{font-size:12px;line-height:16px;color:#9399a5;border-bottom:1px solid #e4e6f0;padding-bottom:14px;margin-top:40px}
.mod-price .price-result .reprice-change-remind{height:44px;line-height:44px;text-align:center;color:#3072f6;font-size:12px;border:1px solid #3072f6;border-radius:2px;cursor:pointer}
.page-nav.fixed{position:fixed;top:0;z-index:999999;background:#ffffff}
.mod-banner .album .view-album{top:340px;left:inherit;right:130px}
.mod-banner .album .license-photos{top:340px;left:inherit;right:8px}
.modal-content .price-item{padding:5px 0 5px;color:#999;font-size:14px}
.modal-content .price-item .max-price{float:right}
.modal-content .price-title{color:#3072f6;font-size:16px;width:100%;font-weight:700;text-align:center;display:block;margin-bottom:10px}
       [v-cloak]{
           display:none;
       }
       .mod-banner .resblock-info .middle-info .info-list .info-item .content{font-weight:inherit}
       .carousel .carousel-body>.item a.aa{border:1px solid #f5f5f5;}
       .mod-house-online .more-house-det,.user-comment .comment_btn{background-color:#F2F5F7}
       .user-comment .comment_btn:hover,.mod-house-online .more-house-det:hover{background-color:#F2F5F7;color:#3072f6}
       .mod-house-online .more-house-det:hover a{color:#3072f6}
       .inner.navFixed {
    background: #f5f5f6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111;
    width: 100%;
    margin-top: 0;
}
       .x-box li {
    display: inline-block;
    width: 48%;
    margin-bottom: 20px;
    font-size: 14px;
}
       .x-box .label-val {
    color: #888;
}
       .x-box .llabel {
    display: inline-block;
    font-weight: 700;
    color: #333;
    vertical-align: top;
}
       .ba_map::before {
    content: "";
    display: inline-block;
    margin-left: 5px;
    vertical-align: -3px;
    width: 15px;
    height: 15px;
    background: url(images/vrlogo.png?v=fe672c83) 0% 0% / 100% 100% no-repeat;
}
.xinfang-nav .logo {
    background: url() no-repeat 0;
    background-image: -webkit-image-set(url() 1x,url() 2x);
    background-size: 100% 100%;
    height: 30px;
    width: 257px;
}