::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,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

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

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 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: 400
}

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

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

button {
    border: 0
}

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

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

body {
    font-size: 14px;
    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;
    text-rendering: optimizeLegibility;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body .clear{
    clear: both;
    display: block;
    overflow: initial;
    visibility: initial;
    width: auto;
    height: auto;
}
.lianjia-header {
    height: 55px;
    line-height: 55px;
    background: #3072f6;
    color: #fff
}

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

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

.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 {
    text-align: right;
    width: 606px;
    padding-top: 0;
    float: right;
    clear: both;
    margin-left: 20px
}

.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 {
    opacity: 1;
    position: absolute;
    display: block\9;
    pointer-events: auto;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    z-index: 99999
}

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

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

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

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

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

.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;
    padding: 0;
    margin-left: 20px;
    font-size: 14px
}

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

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

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

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

.lianjia-header .nav .ti-hover:hover .user-news ul {
    opacity: 1;
    filter: alpha(opacity=100);
    display: block\9;
    pointer-events: auto;
    -webkit-transform: translateY(0) scale(1);
    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;
    font-size: .875em;
    padding: 1px 3px;
    margin-left: 5px;
    width: auto;
    display: inline;
    float: none
}

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

.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 {
    float: none;
    display: inline;
    position: relative;
    top: 1px
}

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

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

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

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

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

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

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

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

.lianjia-header .nav .user-news ul li.s-li {
    height: 0;
    position: relative;
    left: 25px;
    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(../image/logo@2x.png);
        background-size: 148px 30px
    }
}

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

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

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

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

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

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

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

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

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

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

.footer {
    background: #fff;
    clear: both;
    width: 100%
}

.footer .wrapper {
    width: 1150px
}

.footer .f-title {
    margin: 0
}

.footer .f-title .fr {
    color: #3072f6
}

.footer .f-title .fl li {
    float: left
}

.footer .f-title .fl li.nav_f {
    position: relative;
    text-align: left
}

.footer .f-title .fl li.nav_f:hover .sitemap-quick {
    display: block
}

.footer .f-title .fl li.nav_f .sitemap-quick {
    display: none;
    width: 200px;
    position: absolute;
    background: rgba(71, 78, 88, .95);
    padding: 15px;
    line-height: 20px;
    border-radius: 3px;
    right: -70px;
    top: 49px;
    z-index: 999;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    background: #333 \0
}

.footer .f-title .fl li.nav_f .sitemap-quick p {
    color: #fff3be;
    font-size: 14px;
    font-weight: 700
}

.footer .f-title .fl li.nav_f .sitemap-quick dd a {
    height: auto;
    margin: 5px 0;
    color: #dbece1
}

.footer .f-title .fl li.nav_f .sitemap-quick .nav_area {
    clear: both;
    width: 200px;
    border-bottom: 1px solid #777;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.footer .f-title .fl li.nav_f .sitemap-quick .last {
    border: none;
    margin: 0;
    padding: 0
}

.footer .f-title .fl li.nav_f .sitemap-quick a {
    color: #ddd;
    font-size: 12px;
    margin-right: 9px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    float: none;
    display: inline-block
}

.footer .f-title .fl li a {
    color: #101d37;
    text-decoration: none;
    margin-right: 15px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 600
}

.footer .f-title .fl li a:hover {
    text-decoration: none
}

.footer .lianjia-link-box {
    padding: 13px 0 20px;
    border-bottom: 1px solid #393939;
    background: none
}

.footer .lianjia-link-box .fl {
    width: 870px
}

.footer .lianjia-link-box .fl .tab {
    height: 40px
}

.footer .lianjia-link-box .fl .tab span {
    padding: 8px 10px;
    background: #121212;
    color: #888c8e;
    float: left;
    margin-right: 12px;
    cursor: pointer;
    font-size: 12px;
    transition: all .3s ease-in-out
}

.footer .lianjia-link-box .fl .tab span:empty {
    display: none
}

.footer .lianjia-link-box .fl .tab span.hover {
    background: #101d37;
    color: #fff
}

.footer .lianjia-link-box .fl .link-list div {
    display: none;
    min-height: 89px;
    overflow: hidden
}

.footer .lianjia-link-box .fl dd a {
    color: #888c8e;
    font-size: 12px;
    display: inline-block;
    margin: 10px 10px 0 0
}

.footer .lianjia-link-box .fr img {
    border: 5px solid #fff;
    border-radius: 2px;
    width: 129px;
    height: 129px
}

.footer .bottom {
    padding-top: 23px
}

.footer .bottom .copyright {
    color: #888c8e;
    font-size: 12px;
    line-height: 20px
}

.footer .bottom .hot-frauds {
    display: none
}

.lianjia-footer-simple {
    height: 80px;
    text-align: center;
    line-height: 24px;
    color: #999;
    font-size: 12px;
    background: #f5f5f5;
    padding-top: 60px
}

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

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

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

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

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

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

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

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

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

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

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

.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(../image/bg1.png) -850px -51px;
    width: 7px;
    height: 4px;
    display: block;
    float: left;
    margin-top: 16px;
    margin-right: 8px;
    position: absolute;
    left: 60px;
    z-index: 98
}

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

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

.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 {
    position: absolute;
    left: 0;
    top: 0
}

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

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

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

.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 {
    display: none;
    text-align: right;
    cursor: pointer
}

.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 {
    width: 620px;
    float: left
}

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

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

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

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

.searchs .last i {
    background: url(../image/bg1.png) -845px -19px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-top: 8px;
    margin-right: 10px;
    float: left
}

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

.searchs .last .ditu i {
    background: url(../image/bg1.png) -1068px -615px;
    width: 13px;
    height: 13px;
    margin: 11px 5px 0 0
}

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

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

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

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

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

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

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

.savesearch span label.down {
    background: url(../image/save-bg.png) -3px -92px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #e4393c
}

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

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

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

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

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

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

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

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

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

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

.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 {
    top: -1px;
    left: -74px
}

.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(../image/Sprite_Graphic.png);
    margin: 0 auto
}

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

.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(../image/Sprite_Graphic.png) -824px -1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: 2px;
    width: 37px;
    height: 37px;
    margin-top: 9px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: none
}

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

.fix-right .has-ask:hover {
    background: url(../image/Sprite_Graphic.png) -780px -1px
}

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

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

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

.fix-right .go-top:hover i {
    background: url(../image/Sprite_Graphic.png) -633px -230px
}

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

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

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

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

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

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

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

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

.feedback-box p {
    font-size: 12px;
    color: #999;
    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;
    font-size: 12px;
    margin-left: 10px;
    display: none
}

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

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

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

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

.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;
    width: 180px;
    height: 43px;
    line-height: 43px;
    color: #fff;
    border-radius: 2px;
    margin-top: 26px;
    font-size: 16px;
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    font-size: 12px;
    text-decoration: underline;
    display: block;
    margin-top: 10px
}

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

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

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

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

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

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

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

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

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

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

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

.fix-right-v2 li .popup-qr .qr-title {
    display: block;
    padding-top: 8px;
    color: #000;
    line-height: 12px;
    font-size: 12px;
    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-image: url(../image/sidebar_spriteV5@2x.png);
    background-image: -webkit-image-set(url(../../common/img/sidebar_spriteV5.png?0f5b0e265baef4dbddd6) 1x, url(../image/sidebar_spriteV5@2x.png) 2x);
    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 {
    height: 38px;
    background-position: -38px -224px
}

.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 {
    cursor: default;
    background-position: -38px -265px
}

.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 {
    position: absolute;
    bottom: 50px
}

.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 {
    width: 19px;
    height: 1px;
    margin: 7px auto;
    background: #ccc
}

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

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

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

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

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

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

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

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

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

.fix-right-v3 .sidebar-item .popup-qr .qr-title {
    display: block;
    padding-top: 8px;
    color: #000;
    line-height: 12px;
    font-size: 12px;
    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 {
    height: 38px;
    line-height: 38px;
    background-position: -38px -421px
}

.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 {
    padding: 15px 25px 25px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border: 1px solid #f5f5f6;
    width: 300px;
    background: #fff;
    color: #616669;
    z-index: 100
}

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

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

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

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

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

.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 {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 410px;
    margin-bottom: 13px
}

.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 {
    width: 80px;
    height: 60px
}

.fix-right-v3 .mycart .popup .zones .zone .houses>li h1 {
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    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 {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    color: #db4c3f
}

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

.fix-right-v3 .mycart .popup .book-btn a {
    color: #fff;
    background: #3072f6;
    font-size: 14px;
    font-weight: 700;
    line-height: 45px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    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 {
    margin: 40px auto 30px;
    width: 99px;
    height: 94px;
    background-image: url(../image/empty_cart.png);
    background-image: -webkit-image-set(url(../image/empty_cart.png) 1x, url(../../common/img/empty_cart@2x.png?6b3e8f7c99bf96022896) 2x);
    background-repeat: no-repeat
}

.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 {
    margin: 40px auto 30px;
    width: 77px;
    height: 106px;
    background-image: url(../image/failed.png);
    background-image: -webkit-image-set(url(../image/failed.png) 1x, url(../../common/img/failed@2x.png?42ac87677594872371f4) 2x);
    background-repeat: no-repeat
}

.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;
    margin: 20px auto 18px;
    width: 34px;
    height: 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-image: url(../image/sidebar_spriteV5@2x.png);
    background-image: -webkit-image-set(url(../../common/img/sidebar_spriteV5.png?0f5b0e265baef4dbddd6) 1x, url(../image/sidebar_spriteV5@2x.png) 2x);
    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 {
    height: 38px;
    background-position: -38px -224px
}

.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 {
    cursor: default;
    background-position: -38px -265px
}

.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 {
    position: absolute;
    bottom: 50px
}

.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 {
    width: 19px;
    height: 1px;
    margin: 7px auto;
    background: #ccc
}

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

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

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

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

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

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

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

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

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

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

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

.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;
    top: -20px;
    right: -20px;
    width: 40px
}

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

.advert .entry img {
    width: 163px
}

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

.advert .huodongBox img {
    width: 750px
}

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

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

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

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

.infoWrap .lianjiaim-createtalkAll .im-icon {
    display: inline-block;
    background-image: url(../image/sprite-1489639851328.png);
    background-position: -469px -173px;
    width: 13px;
    height: 12px;
    vertical-align: -1px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .infoWrap .lianjiaim-createtalkAll .im-icon {
        background-image: url(../image/sprite@2x-1489639851328.png);
        background-size: 606px 356px
    }
}

.follow-bar-pickup-wrap {
    position: fixed;
    left: -150px;
    bottom: 37px;
    width: 150px;
    height: 166px;
    background: rgba(0, 0, 0, .8);
    z-index: 10000;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 4px 4px 0
}

.follow-bar-pickup-wrap .follow-bar-pickup {
    position: relative;
    height: 100%;
    text-align: center
}

.follow-bar-pickup-wrap .follow-bar-pickup .follow-bar-pickup-qrcode {
    margin-top: 28px;
    margin-bottom: 12px;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-size: contain
}

.follow-bar-pickup-wrap .follow-bar-pickup .follow-bar-pickup-text {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #fff;
    display: inline-block
}

.follow-bar-pickup-wrap .follow-bar-pickup .follow-bar-pickup-spread {
    position: absolute;
    width: 39px;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.follow-bar-pickup-wrap .follow-bar-pickup .follow-bar-pickup-spread i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.follow-bar-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 202px;
    background: rgba(0, 0, 0, .8);
    z-index: 10000;
    box-sizing: border-box
}

.follow-bar-wrap .follow-bar {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    overflow: hidden
}

.follow-bar-wrap .follow-bar-qrcode {
    margin: 0 24px 0 144px;
    width: 140px;
    height: 140px;
    background-size: contain
}

.follow-bar-wrap .follow-bar-title {
    margin-bottom: 19px;
    font-size: 38px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden
}

.follow-bar-wrap .follow-bar-resblock {
    font-family: PingFangSC-Semibold;
    color: #3072f6;
    line-height: 32px
}

.follow-bar-wrap .follow-bar-subtitle {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden
}

.follow-bar-wrap .follow-bar-close {
    position: absolute;
    top: 32px;
    right: 36px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 1
}

.follow-bar-wrap .follow-bar-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.follow-bar-wrap .follow-bar-close:after,
.follow-bar-wrap .follow-bar-close:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #fff;
    display: inline-block
}

.follow-bar-wrap .follow-bar-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.follow-weixin-modal-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    background: rgba(0, 0, 0, .4);
    display: none
}

.follow-weixin-modal-wrap .weixin-inner-wrap {
    background: #fff;
    border-radius: 5px;
    width: 380px;
    padding: 40px;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.follow-weixin-modal-wrap .weixin-inner-wrap .weixin-close {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../image/weixin_close.png) no-repeat;
    background-size: contain;
    cursor: pointer
}

.follow-weixin-modal-wrap .weixin-inner-wrap .title {
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #222;
    line-height: 20px
}

.follow-weixin-modal-wrap .weixin-inner-wrap .sub-title {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    line-height: 14px;
    margin: 11px 0 38px
}

.follow-weixin-modal-wrap .weixin-inner-wrap .desc-wrap {
    display: flex;
    align-items: center
}

.follow-weixin-modal-wrap .weixin-inner-wrap .desc-wrap .qrcode-img {
    width: 120px;
    height: 120px
}

.follow-weixin-modal-wrap .weixin-inner-wrap .desc-wrap .desc {
    height: 100px;
    border-left: 1px solid #eee;
    margin-left: 30px;
    padding-left: 39px;
    display: flex;
    flex-direction: column
}

.follow-weixin-modal-wrap .weixin-inner-wrap .desc-wrap .desc .beike-new {
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #222;
    line-height: 14px
}

.follow-weixin-modal-wrap .weixin-inner-wrap .desc-wrap .desc .desc-info {
    display: flex;
    align-items: center;
    margin-top: 15.3px
}

.follow-weixin-modal-wrap .weixin-inner-wrap .desc-wrap .desc .desc-info-value {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #999;
    line-height: 14px
}

.follow-weixin-modal-wrap .weixin-inner-wrap .desc-wrap .desc .desc-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../image/weixin.png) no-repeat;
    background-size: contain;
    margin-right: 6px
}

a,
a:focus {
    outline: none
}

a:hover {
    text-decoration: underline
}

.mtl {
    margin-top: 20px
}

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

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

* html .clear {
    height: 1%
}

.clear {
    display: block
}

.hide {
    display: none
}

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

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

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

.left {
    float: left
}

.right {
    float: right
}

.fs14 {
    font-size: 14px
}

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

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

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

.box-shadow {
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 62%, .2);
    -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 1px 2px ""hsla(0, 0%, 62%, .2) rgba(0, 0, 0, .2)
}

@media screen {
    .lazyload {
        opacity: 0
    }

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

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

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

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

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

.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(../image/pic-ico.png) no-repeat;
    width: 11px;
    height: 11px
}

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

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

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

.icon-hui {
    background: url(../image/bg1.png) no-repeat -150px -444px;
    width: 31px;
    height: 20px;
    display: inline-block
}

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

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

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

.suggest-wrap:after {
    clear: both
}

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

.ui-front {
    z-index: 1002
}

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

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

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

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

.ui-autocomplete .ui-menu-item .sub-text {
    font-size: 12px;
    color: #999;
    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 {
    margin-top: 0;
    padding: 1px;
    border-radius: 0 0 3px 3px
}

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

.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 {
    width: 60px;
    overflow: hidden
}

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

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

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

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

.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;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

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

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

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

.loninContaner .registered a {
    color: #e4393c
}

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

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

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

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

.loninContaner .panel_login.panel_success>div {
    font-weight: lighter;
    font-size: 14px;
    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;
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 4px
}

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

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

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

.loninContaner .panel_login .panel_tab .title .fl {
    font-size: 20px;
    color: #333;
    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 {
    font-size: 16px;
    color: #999;
    width: 189px;
    display: block;
    text-align: center;
    height: 47px;
    line-height: 47px;
    border: 1px solid #f5f5f5;
    border-bottom-color: #d0d0d0;
    cursor: pointer;
    float: left;
    border-right: 0;
    border-radius: 4px
}

.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;
    padding: 24px 0 0;
    height: 14px;
    line-height: 14px
}

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

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

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

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

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

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

.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(../image/sprite_user.png) no-repeat;
    width: 14px;
    height: 19px;
    display: inline-block;
    float: left;
    margin-top: 6px;
    position: absolute;
    left: 15px;
    margin-right: 20px
}

.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 {
    margin-top: -1px;
    padding: 0;
    border: 1px solid #dbdbdb
}

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

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

.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 {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    position: relative;
    margin-right: 6px
}

.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-size: 12px 10px;
    background-position: 50%;
    background-repeat: no-repeat
}

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

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

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

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

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

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

.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 {
    width: 210px;
    height: 39px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    color: #999;
    padding-left: 15px
}

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

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

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

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

.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 {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 300px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    background: #3072f6;
    color: #fff;
    text-align: center;
    border-radius: 2px
}

.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(../image/bg1.png) no-repeat -955px -47px;
    *zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.loninContaner .panel_login .panel_tab li.y_error dd {
    color: #db4c3f;
    clear: both;
    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;
    padding: 40px 0 0;
    line-height: 1;
    font-size: 14px
}

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

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

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

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

.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 {
    margin-top: -1px;
    border: 1px solid #db4c3f;
    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 {
    display: inline-block;
    width: 18px;
    height: 12px;
    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)
}

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

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

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

.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 {
    position: absolute;
    top: 0;
    width: 300px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none
}

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

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

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

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

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

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

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

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

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

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

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

.nav-border {
    width: 1px;
    height: 28px;
    margin: 0 16px;
    background: #ccc
}

.nav-border,
.s-city {
    display: inline-block;
    vertical-align: middle
}

.s-city {
    height: 26px;
    padding: 0 8px;
    line-height: 26px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    text-decoration: none;
    font-size: 14px;
    color: #666;
    cursor: pointer
}

.s-city:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 2px 0 0 8px;
    border: 4px solid transparent;
    border-top-color: #999;
    vertical-align: middle
}

.xinfang-disclaimer-box {
    position: fixed;
    z-index: 1008;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center
}

.xinfang-disclaimer-box .dis-close {
    display: inline-block;
    position: fixed;
    top: 78px;
    right: 42px;
    z-index: 1004;
    width: 28px;
    height: 28px;
    background: url(../image/hu-close.png) no-repeat;
    background-size: contain
}

.xinfang-disclaimer-box .disclaimer-inner {
    width: 640px;
    margin: 99px auto;
    background: #fff;
    border-radius: 10px;
    overflow: auto
}

.xinfang-disclaimer-box .disclaimer-inner .title {
    padding-left: 40px;
    height: 176px;
    font-family: PingFangSC-Semibold;
    font-size: 46px;
    color: #222;
    letter-spacing: 0;
    line-height: 46px;
    display: flex;
    align-items: center;
    background: url(../image/dis-dun.png) no-repeat;
    background-size: contain
}

.xinfang-disclaimer-box .disclaimer-inner .desc-box {
    padding: 0 40px 40px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    letter-spacing: 0;
    text-align: justify;
    line-height: 24px
}

.xinfang-disclaimer-box .disclaimer-inner .strong {
    font-family: PingFangSC-Semibold
}

.xinfang-disclaimer-box .disclaimer-inner .title-20 {
    margin-top: 36px;
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 20px
}

.xinfang-disclaimer-box .disclaimer-inner .mt20 {
    margin-top: 20px
}

.xinfang-disclaimer-box .disclaimer-inner .sub-title {
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px
}

.disclaimer-strong {
    font-family: PingFangSC-Semibold;
    color: #3072f6
}

.disclaimer-click {
    cursor: pointer
}

.xinfang-nav {
    background: #fff
}

.wrapper-xinfang {
    width: 1010px
}

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

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

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

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

#matchBar .match-nav .add-word,
#matchBar .match-nav .go-top,
#matchBar .match-nav .unadd-word {
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -ms-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;
    height: 100%;
    border: 0
}

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

.mod-wrap {
    position: relative;
    width: 1182px;
    margin: 0 auto
}

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

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

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

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

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

.mod-building,
.new-header {
    position: relative
}

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

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

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

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

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

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

.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 {
    display: none;
    position: absolute;
    width: 62px;
    top: 36px;
    left: -18px;
    padding: 8px 0;
    z-index: 100;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid #eee;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
    background: #fff
}

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

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

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

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

.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 {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    text-align: center
}

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

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

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

.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 {
    display: inline-block;
    width: 0;
    height: 12px;
    border-left: 1px solid #d8d8d8
}

.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 {
    width: 1150px;
    overflow: hidden;
    position: relative
}

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

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

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

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

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

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

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

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

.carousel .carousel-body>.item a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 1
}
.carousel .carousel-body>.item a:hover{
    text-decoration: none;
}
.carousel .carousel-body>.item img {
    width: 100%
}

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

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

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

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

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

@-webkit-keyframes vr {
    to {
        background-position-y: 100%
    }
}

@keyframes vr {
    to {
        background-position-y: 100%
    }
}

.vr-animation-forever {
    -webkit-animation: vr 3s steps(80) infinite;
    animation: vr 3s steps(80) infinite
}

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

.tags-wrap {
    display: inline-block
}

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

.tags-wrap .sell-type-tag {
    margin-left: 7px;
    color: #fff;
    background-image: linear-gradient(-135deg, #00795b, #00523E)
}

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

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

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

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

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

.mod-resblock-name-bar .title-wrap .tag-discount_info,
.mod-resblock-name-bar .title-wrap .tag-special-tags {
    background-image: url(../image/标签@2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 71px;
    height: 24px;
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #fa5741;
    text-align: center;
    line-height: 24px;
    margin-left: 20px;
    text-indent: 8px
}

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

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

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

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

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

.mod-resblock-name-bar .share {
    position: relative;
    display: inline-block;
    float: right;
    color: #101d37;
    font-weight: 700;
    height: 22px;
    overflow: visible;
    font-size: 16px;
    cursor: pointer
}

.mod-banner {
    position: relative
}

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

.mod-banner .album {
    display: inline-block;
    width: 524px;
    position: relative;
    vertical-align: top
}

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

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

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

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

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

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

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

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

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

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

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

.mod-banner .album .carousel .go-left,
.mod-banner .album .carousel .go-right {
    width: 30px;
    height: 80px;
    border-radius: 0;
    opacity: .5;
    background: #333;
    z-index: 2;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

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

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

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

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

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

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

.mod-banner .album .carousel .carousel-body .item .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 31px;
    margin-right: 15px;
    background: rgba(0, 0, 0, .6);
    border-radius: 100px;
    width: 80px;
    height: 80px;
    background: url(../image/vr_animation.png);
    background-position-y: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid hsla(0, 0%, 100%, .8);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

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

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

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

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

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

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

.mod-banner .album .carousel-nav .carousel {
    width: auto;
    height: 150px;
    overflow: hidden
}

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

.mod-banner .album .carousel-nav .carousel .carousel-body .item {
    width: 100px;
    height: 67px;
    margin-right: 6px;
    display: inline-block;
    cursor: pointer
}

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

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

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

.mod-banner .album .carousel-nav .carousel .carousel-body .item:nth-child(5) {
    margin-right: 0
}

.mod-banner .album .carousel-nav .carousel .carousel-body .item .type {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    background: rgba(0, 0, 0, .5)
}

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

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

.mod-banner .disclaimer-box {
    display: flex;
    margin-top: 20px;
    align-items: center
}

.mod-banner .disclaimer-box .address-key {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9399a5;
    width: 81px
}

.mod-banner .disclaimer-box .disclaimer-img {
    width: 19px;
    height: 14px;
    display: inline-block;
    background: url(../image/disclaimer.png) no-repeat;
    background-size: 100% 100%
}

.mod-banner .disclaimer-box .disclaimer-value {
    font-family: HiraginoSansGB-W3;
    font-weight: 300;
    font-size: 14px;
    color: #101d37;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    cursor: pointer;
    margin-right: 6px
}

.mod-banner .resblock-info {
    width: 586px;
    display: inline-block;
    margin-left: 60px;
    vertical-align: top
}

.mod-banner .resblock-info .info-wrap {
    position: relative;
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .06);
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .06)
}

.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 {
    position: relative;
    background: #fff
}

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

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

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

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

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

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

.mod-banner .resblock-info .middle-info .tag-btn-item,
.mod-banner .resblock-info .top-info .tag-btn-item {
    font-size: 13px;
    line-height: 19px;
    color: #3072f6;
    background-color: #f4f8fe;
    border-radius: 2px;
    padding: 0 6px;
    position: relative
}

.mod-banner .resblock-info .top-info .price-explain {
    position: relative;
    background: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px
}

.mod-banner .resblock-info .top-info .price-explain:hover .price-info {
    display: block
}

.mod-banner .resblock-info .top-info .price-explain .price-info {
    display: none;
    background: rgba(26, 26, 26, .95);
    border-radius: 4px;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    padding: 8px 12px;
    position: absolute;
    top: 29.3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 194px;
    text-align: left;
    white-space: normal
}

.mod-banner .resblock-info .top-info .price-explain .price-info:after {
    content: "";
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -16.6px;
    border: 8.3px solid transparent;
    border-bottom-color: rgba(26, 26, 26, .95);
    border-radius: 0
}

.mod-banner .resblock-info .changePrice-remind:before {
    content: "";
    display: inline-block;
    margin-right: 3px;
    vertical-align: text-bottom;
    width: 13px;
    height: 13px;
    background: url(../image/bianjia.png) no-repeat;
    background-size: 100% 100%
}

.mod-banner .resblock-info .middle-info .open-remind:before {
    content: "";
    display: inline-block;
    margin-right: 3px;
    vertical-align: -1px;
    width: 13px;
    height: 13px;
    background: url(../image/tixing.png) no-repeat;
    background-size: 100% 100%
}

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

.mod-banner .resblock-info .top-info .price {
    max-width: 330px;
    white-space: nowrap
}

.mod-banner .resblock-info .top-info .price .title {
    width: 81px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9399a5;
    display: inline-block
}

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

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

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

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

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

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

.mod-banner .resblock-info .top-info .resblock-tag {
    height: 28px;
    margin-left: 81px;
    margin-top: 20px
}

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

.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 {
    padding: 6px 8px;
    border-radius: 2px;
    color: #849aad;
    background: rgba(132, 154, 174, .15)
}

.mod-banner .resblock-info .top-info .resblock-tag .subscribe {
    margin-right: 0;
    cursor: pointer;
    float: right
}

.mod-banner .resblock-info .top-info .resblock-tag .subscribe i {
    height: 100%;
    width: 14px;
    display: inline-block;
    margin-right: 3px;
    background-position: 50%;
    background-repeat: no-repeat
}

.mod-banner .resblock-info .top-info .resblock-tag .subscribe i.attention {
    background-image: url(../image/attention.png);
    background-size: 100%
}

.mod-banner .resblock-info .top-info .resblock-tag .subscribe i.enattention {
    background-image: url(../image/enattention.png);
    background-size: 100%
}

.mod-banner .resblock-info .top-info .resblock-tag .subscribe .subscribe-text {
    vertical-align: top;
    line-height: unset
}

.mod-banner .resblock-info .top-info .resblock-tag .wx-share {
    margin-right: 30px !important;
    cursor: pointer;
    float: right;
    position: relative
}

.mod-banner .resblock-info .top-info .resblock-tag .wx-share i {
    height: 100%;
    width: 18px;
    display: inline-block;
    margin-right: 3px;
    background-position: 50%;
    background-image: url(../image/微信@2x.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.mod-banner .resblock-info .top-info .resblock-tag .wx-share span {
    vertical-align: top;
    line-height: unset
}

.mod-banner .resblock-info .top-info .resblock-tag .wx-share .share-code-container {
    -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;
    left: -25px;
    top: 100%;
    transform: scale(0) translateY(0);
    transform-origin: 50% 0;
    z-index: 1
}

.mod-banner .resblock-info .top-info .resblock-tag .wx-share .share-code-container:before {
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: -6px;
    left: 25px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2)
}

.mod-banner .resblock-info .top-info .resblock-tag .wx-share .share-code-container:after {
    content: "";
    width: 56px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    background: #fff
}

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

.mod-banner .resblock-info .top-info .resblock-tag .wx-share .share-code-container .share-code {
    text-align: center
}

.mod-banner .resblock-info .top-info .resblock-tag .wx-share .share-code-container-hover {
    display: block;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

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

.mod-banner .resblock-info .top-info .tag-btn-item {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer
}

.mod-banner .resblock-info .top-info.empty .update-time {
    margin-left: 0
}

.mod-banner .resblock-info .top-info.empty .resblock-tag {
    margin-top: 10px;
    margin-left: 0
}

.mod-banner .resblock-info .middle-info {
    padding-bottom: 25px;
    /* max-height: 180px; */
    margin-top: 15.5px
}

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

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

.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 {
    padding-top: 10px;
    font-family: HiraginoSansGB-W3;
    font-size: 12px;
    color: #9399a5;
    letter-spacing: 0
}

.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 {
    width: 81px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9399a5
}

.mod-banner .resblock-info .middle-info .info-list .info-item .content {
    font-family: PingFangSC-Regular;
    font-weight: 300;
    font-size: 14px;
    color: #101d37;
    margin-right: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    background: none;
}

.mod-banner .resblock-info .middle-info .info-list .info-item .content .house-type-item {
    cursor: pointer;
    text-decoration: underline
}

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

.mod-banner .resblock-info .middle-info .info-list .info-item .open-remind {
    margin-left: 5px
}

.mod-banner .resblock-info .middle-info .info-list .open-date-wrap {
    display: flex;
    align-items: center
}

.mod-banner .resblock-info .middle-info .info-list .open-date {
    display: inline-block
}

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

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

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

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

.mod-banner .resblock-info .middle-info .more-box2 .more-close {
    width: 11px;
    height: 11px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(../image/fclose.png);
    background: -webkit-image-set(url(../image/fclose.png) 1x, url(../../pages/detail/img/fclose@2x.png?738c31f7842736ee287a) 2x) no-repeat 50%;
    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);
    cursor: pointer
}

.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 {
    float: left;
    width: 13px;
    height: 13px;
    position: relative;
    top: 3px;
    margin-right: 5px;
    background: url(../image/fdate.png);
    background: -webkit-image-set(url(../image/fdate.png) 1x, url(../../pages/detail/img/fdate@2x.png?5dbcf4e916c5ea571936) 2x) no-repeat 50%
}

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

.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 {
    display: inline-block;
    width: 13px;
    height: 13px;
    float: left;
    position: relative;
    top: 3px;
    margin-right: 5px;
    background: url(../image/floupan.png);
    background: -webkit-image-set(url(../image/floupan.png) 1x, url(../../pages/detail/img/floupan@2x.png?a64f15d4b65125102be9) 2x) no-repeat 50%
}

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

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

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

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

.mod-banner .resblock-info .middle-info .tag-btn-item {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer
}

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

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

.mod-banner .resblock-info .middle-info-hr {
    background-color: #e4e6f0;
    height: 1px;
    border: 0;
    padding: 0;
    margin: 0;
    width: 376px
}

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

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

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

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

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

.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 {
    font-family: HiraginoSansGB-W6;
    font-weight: 600;
    font-size: 20px;
    color: #333;
    vertical-align: middle;
    margin-right: 6px
}

.mod-banner .resblock-info .consultant .consultant-box .expert-info .name-line .position {
    margin-right: 8px;
    height: 18px;
    line-height: 18px;
    font-family: HiraginoSansGB-W3;
    font-size: 12px;
    color: #b0b4b4;
    font-weight: 300;
    padding: 0 2px;
    border-radius: 2px;
    background-color: #eff0f2;
    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 {
    font-family: HiraginoSansGB-W3;
    font-size: 12px;
    color: #333;
    letter-spacing: 0;
    font-weight: 300;
    float: right;
    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 {
    margin-bottom: 5px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #101d37
}

.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 {
    margin-bottom: 8px;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    font-weight: 600;
    color: #fe615a
}

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

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

.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 {
    font-family: Tahoma-Bold;
    font-size: 20px;
    color: #eb4d3a;
    letter-spacing: 0
}

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

.mod-banner .resblock-info .consultant .consultant-box .expert-info .tags-line {
    margin-top: 11px;
    height: 22px;
    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 {
    padding: 5px 10px;
    margin-right: 5px;
    font-size: 0
}

.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(../image/Imtalk.png) no-repeat 4.16666667%;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px;
    width: 16px
}

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

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

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

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

.mod-banner .resblock-info .resblock-consult .xinxuan-im {
    margin-top: 21px;
    font-family: PingFangSC-Semibold
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-img {
    vertical-align: top;
    display: inline-block;
    margin-right: 18px;
    width: 60px;
    height: 60px;
    background-image: url(../image/xinxuan@2x.png);
    background-size: 100%
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text {
    display: inline-block;
    vertical-align: top
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 {
    display: block;
    margin-bottom: 4px
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 .text-1 {
    font-size: 18px;
    color: #101d37;
    margin-right: 8px
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 .text-2 {
    font-family: Hiragino Sans GB;
    font-size: 12px;
    color: #fa5741;
    background: #fdeeec;
    padding: 2px;
    border-radius: 2px;
    line-height: 24px
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-2 {
    display: block;
    opacity: .5;
    font-size: 12px;
    color: #101d37;
    margin-bottom: 17px;
    font-family: Hiragino Sans GB
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 {
    height: 40px
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 .phone-text-btn {
    display: inline-block;
    background: #3072f6;
    border-radius: 2px;
    padding: 0 20px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #fff;
    height: 100%;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    vertical-align: middle
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 .im-btn {
    display: inline-block;
    background: #f4f8fe;
    padding: 0 17px;
    border: 1px solid #4688f1;
    border-radius: 2px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 .im-btn:before {
    display: inline-block;
    content: " ";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(../image/im-consult@2x.png);
    background-size: 100%;
    margin-right: 4px
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-4 .im-btn .text {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #4688f1;
    line-height: 40px;
    height: 40px;
    vertical-align: middle
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-qr {
    position: relative;
    margin-right: 10px;
    top: -15px;
    margin-top: -10px;
    float: right
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-qr img {
    height: 110px
}

.mod-banner .resblock-info .resblock-consult .xinxuan-im .xinxuan-qr p {
    font-size: 10px;
    color: #9399a5;
    letter-spacing: 0;
    text-align: center;
    margin-top: 7px
}

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

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

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

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

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

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

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

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

.mod-banner .resblock-info.stick_fixed {
    left: 50%;
    margin-left: 182px;
    border: none
}

.mod-banner .resblock-info.stick_fixed .info-wrap {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .06)
}

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

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

.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 {
    margin-top: 4px;
    height: 20px;
    line-height: 20px
}

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

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

.mod-banner .resblock-info.banner-fixed.stick_fixed .top-info .tag-btn-wrap .tag-btn-item {
    height: 19px
}

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

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

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

.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 {
    width: 140px;
    height: 154px;
    display: none;
    top: -165px;
    left: 130px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2)
}

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

.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 {
    box-shadow: none;
    -webkit-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 .one-out {
    height: auto;
    display: block
}

.mod-banner .resblock-info .three-out {
    height: 0;
    display: none
}

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

.mod-banner .resblock-info.stick_fixed .one-out {
    height: 0;
    display: none
}

.mod-banner .resblock-info.stick_fixed .three-out {
    height: auto;
    display: block
}

.mod-banner .people-booth {
    width: 524px;
    height: 60px;
    margin-top: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../image/peopleBooth.jpg);
    border-radius: 4px
}

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

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

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

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

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

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

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

.detail-car-wrap input[type=button] {
    padding: 0;
    border: none;
    background-color: transparent;
    font-weight: 400
}

.detail-car-wrap .car-banner-wrap {
    height: 95px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    border-radius: 5px;
    background-color: #fff;
    background-image: url("../image/car_banner_bg.png");
    background-size: 100% 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 23px;
    padding-right: 30px
}

.detail-car-wrap .car-banner-wrap .left-part .title {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 700
}

.detail-car-wrap .car-banner-wrap .left-part .sub-title {
    margin-top: 3px;
    padding-left: 3px;
    display: flex;
    align-items: center
}

.detail-car-wrap .car-banner-wrap .left-part .sub-title .car-icon {
    width: 38px;
    height: 13px;
    background: no-repeat url("../image/car_icon.png");
    background-size: 100% 100%
}

.detail-car-wrap .car-banner-wrap .left-part .sub-title .text {
    font-size: 13px;
    line-height: 18px;
    color: #ffeee1;
    margin-left: 8.5px;
    opacity: .8
}

.detail-car-wrap .car-banner-wrap .right-part {
    padding-top: 8px
}

.detail-car-wrap .car-banner-wrap .right-part .status-wrap {
    text-align: center
}

.detail-car-wrap .car-banner-wrap .right-part .status-wrap .car-order-btn {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.14px;
    padding: 5px 17px;
    color: #ff984c;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05)
}

.detail-car-wrap .car-banner-wrap .right-part .status-wrap .car-order-btn.ordered-btn {
    color: rgba(243, 165, 112, .5)
}

.detail-car-wrap .car-banner-wrap .right-part .status-wrap .total-text {
    display: none;
    margin-top: 1px;
    color: #fff;
    opacity: .6;
    font-size: 11px;
    line-height: 18px
}

.detail-car-wrap .car-banner-wrap .right-part .status-wrap .total-text .num {
    margin-right: .2em
}

.detail-car-wrap .success-modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    padding-top: 26px;
    text-align: center
}

.detail-car-wrap .success-modal-wrap .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5
}

.detail-car-wrap .success-modal-wrap .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 44px 48px 45px
}

.detail-car-wrap .success-modal-wrap .modal-content .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    box-sizing: content-box;
    background-image: url(../image/modal_close_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    border: 20px solid transparent
}

.detail-car-wrap .success-modal-wrap .complete-icon {
    width: 100px;
    height: 100px;
    background-image: url(../image/complete_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto
}

.detail-car-wrap .success-modal-wrap .title {
    font-size: 24px;
    line-height: 33px;
    color: #101d37;
    font-weight: 700;
    margin-top: 22px;
    text-align: center
}

.detail-car-wrap .success-modal-wrap .sub-title {
    font-size: 16px;
    line-height: 22px;
    color: #9399a5;
    font-weight: 400;
    margin-top: 7px;
    letter-spacing: -.27px;
    text-align: center
}

.detail-car-wrap .success-modal-wrap .confirm-btn {
    margin-top: 60px;
    border: none;
    width: 350px;
    background: #3072f6;
    border-radius: 2px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    padding: 17px 0;
    text-align: center
}

.common-phone-modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4
}

.common-phone-modal-wrap .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5
}

.common-phone-modal-wrap .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 44px 48px 45px
}

.common-phone-modal-wrap .modal-content .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    box-sizing: content-box;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAGFBMVEUAAAARHjgQHTcQHjgRHTgSHzgSHzkQHTebbBjcAAAAB3RSTlMAkLBsX2Fj5oi/PQAAAItJREFUKM+N0j0KgDAMhmFFD+DmAURcxcXVzd1LOPsDub4BIa/yUWiHtDaP0KQtMkfVf7+mxcNqDTulXR4HO9hq7fQ4mzUgu9/pAHmamey7ALGKHJ4ULDIwECwQLBAsEAwEA+mW/giC6SH0qFqQlp1ujrZQG63XASK7/642/QAcwW6PdfetdhuLvPEAL4RF7N1/LngAAAAASUVORK5CYII=");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    border: 20px solid transparent
}

.common-phone-modal-wrap .title {
    font-size: 24px;
    line-height: 33px;
    color: #101d37;
    font-weight: 700;
    float: none
}

.common-phone-modal-wrap .sub-title {
    max-width: 350px;
    font-size: 16px;
    line-height: 22px;
    color: #9399a5;
    font-weight: 400;
    margin-top: 6px;
    padding: 0
}

.common-phone-modal-wrap .phone-captcha-form {
    margin-top: 21px;
    width: 350px
}

.common-phone-modal-wrap .phone-captcha-form .phone-captcha-wrap {
    border: 1px solid #e4e6f0;
    border-radius: 2px
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap {
    position: relative;
    margin-top: 14px
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox]+.checkbox-text {
    font-size: 16px;
    line-height: 22px;
    color: #9399a5;
    position: relative;
    display: flex;
    align-items: center
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox]+.checkbox-text .colored-text {
    color: #3072f6
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox]+.checkbox-text:before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 21px;
    height: 21px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/BAMAAAClcQ3sAAAAHlBMVEUAAADm5ubl5eXm5ubm5ubr6+vm5ub////l5eXz8/NHEMUmAAAAB3RSTlMA871lyBnJxMlejwAAAGVJREFUSMft1SESQFAUheEz3uiiDZgRRZFRbEOzgzcaimMFLNcK7r1NOn/++g+kkVbHBKBs6dQABb1OoOeTzV52WO9st3FAfWUnVqAPdgEBAQEBgX9A/Kw5uF74zfC88buRFvf+HxRytNmKlzQVAAAAAElFTkSuQmCC");
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.common-phone-modal-wrap .phone-captcha-form .protocol-wrap input[type=checkbox]:checked+.checkbox-text:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAA/CAMAAABggeDtAAAAmVBMVEUAAADm5ubm5ubl5eXm5ubm5ubr6+v////l5eUwcvb9/f0xc/fz8/NFgfc2dvf4+v90ofpRifhJhPg/fff6/P/0+P/q8f/Z5v7V4/6+0/25z/yjwfx/qPo5effm5ubw9f/s8//n7/7j7P7N3v3F2P2Vt/uLsPtsm/nd6P6bu/tjlflglPlekvlbj/hXjfjQ3/2yy/yuyPydvfsOn3NnAAAAB3RSTlMA88m9ZmUZ/cQdsgAAAWtJREFUSMftl9eOgzAQRR0CiQfTAoRQ03vb8v8ftw7DKmGfzPhlI3HesHSQZXvuaJjEMga8OwPDZA9GQ05lOJI+6jSGjJmczx173B3bmXNuMYNzZ0zD4dxg8uhsom/LQ2Sc8zEV6fZ+77+RPwumOv7KhXtC9xcTAAiPVD8+w4NoQ/QDqBE5zd8DUtD2XwCyp51fJlAPaPf34aF+8Un+OkJ9siC9v2WIursmvV//hnqVqrz/bPk35w+oi61K/Wy8cNZeKQH5Uqm/VQRQZa8rJ0B2KvU7ndQ7PT1XPgEpler/AEjwe8/b5uIPsZK/E4DcEgyMCj/vU8X8yT1A3BQDoyZMlPMrbRTwcjwNSXTskH/JFRp25+ZPm0756ZfQQuRd8/dbvPpF9/zOqqe+p+T/LISGgNY/lhfUrz6x/8QlBga9fxUCorVO/9u6qV7/jP9b/+793m/5uvOP9vxlac1/pub8qT//Skzi/G1J9wezGHoDENW0WgAAAABJRU5ErkJggg==")
}

.common-phone-modal-wrap .phone-captcha-form .form-hint {
    display: none;
    margin-top: 14px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #db4c3f
}

.common-phone-modal-wrap .phone-captcha-form .submit-btn {
    display: block;
    margin-top: 23px;
    border: none;
    width: 100%;
    background: #3072f6;
    border-radius: 2px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    padding: 17px 0;
    text-align: center
}

.common-phone-modal-wrap .phone-captcha-form .submit-btn:disabled {
    color: hsla(0, 0%, 100%, .5)
}

#youhui {
    margin-top: 45px
}

#youhui .youhui-title {
    font-size: 24px;
    font-weight: 600;
    color: #101d37
}

#youhui .youhui-cards {
    margin-bottom: 29px
}

#youhui .youhui-cards .card-title {
    margin-bottom: 21px
}

#youhui .youhui-cards .card-title .tag {
    background: rgba(254, 97, 90, .1);
    border-radius: 2px;
    font-size: 10px;
    color: #fe615a;
    padding: 2px 3px;
    margin-right: 6px
}

#youhui .youhui-cards .card-title .content {
    font-size: 14px;
    color: #101d37;
    margin-right: 10px
}

#youhui .youhui-cards .card-title .open-all-discounts {
    font-size: 14px;
    color: #3072f6;
    cursor: pointer
}

#youhui .youhui-cards .cards {
    width: 744px;
    height: 120px;
    overflow: hidden
}

#youhui .youhui-cards .cards .card {
    display: inline-block;
    position: relative;
    width: 230px;
    height: 120px;
    margin-right: 12px;
    margin-bottom: 29px;
    background-image: url(../image/优惠券BG.png);
    background-repeat: no-repeat;
    background-size: contain
}

#youhui .youhui-cards .cards .card .card-des {
    position: absolute;
    top: 14.5px;
    width: 190px;
    left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #a44e11
}

#youhui .youhui-cards .cards .card .card-price {
    position: absolute;
    top: 39.5px;
    bottom: 0;
    width: 100%;
    text-align: center
}

#youhui .youhui-cards .cards .card .card-price .price {
    margin-top: 16px
}

#youhui .youhui-cards .cards .card .card-price .price .price-1 {
    font-size: 24px;
    color: #fff;
    margin-right: 20px
}

#youhui .youhui-cards .cards .card .card-price .price .price-2 {
    font-size: 14px;
    color: #fff
}

#youhui .youhui-cards .cards .card .card-price .tag {
    display: inline-block;
    text-align: center;
    height: 22px;
    line-height: 22px;
    padding: 0 23px;
    margin-top: 6px;
    background: #fff;
    border-radius: 11px;
    font-size: 11px;
    color: #a44e11;
    cursor: pointer
}

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

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

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

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

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

.youhui .tip-box {
    margin-left: 60px;
    height: 100%;
    padding: 17px 0;
    box-sizing: border-box
}

.youhui .tip-box .youhui-tip {
    display: block;
    font-size: 28px;
    color: #fff;
    font-weight: 700
}

.youhui .tip-box .youhui-intro {
    display: block;
    font-size: 24px;
    color: #fff;
    margin-bottom: 7px
}

.youhui .tip-box .youhui-intro:before {
    content: "\697C\76D8\4F18\60E0";
    padding: 2px 11px;
    display: inline-block;
    font-size: 16px;
    color: #ff6b27;
    opacity: .8;
    background: #fff;
    border-radius: 4px;
    height: 25px;
    line-height: 25px;
    margin-right: 12px;
    vertical-align: bottom
}

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

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

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

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

.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 {
    font-size: 14px;
    color: #f15044;
    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 {
    display: inline-block;
    width: 20px;
    height: 13px;
    margin-right: 5px;
    vertical-align: -1px;
    text-align: left;
    background: url(../image/littip11@1x.jpg);
    background: -webkit-image-set(url(../image/littip11@1x.jpg) 1x, url(../../pages/detail/img/littip11@2x.jpg?730a5360c118b6e4b135) 2x);
    background-repeat: no-repeat
}

.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 {
    font-size: 14px;
    color: #3072f6;
    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 {
    display: inline-block;
    width: 20px;
    height: 13px;
    text-align: center;
    margin-right: 5px;
    vertical-align: -1px;
    background: url(../image/littip22@1x.jpg);
    background: -webkit-image-set(url(../image/littip22@1x.jpg) 1x, url(../../pages/detail/img/littip22@2x.jpg?266aff2e8fcf520aec59) 2x);
    background-repeat: no-repeat
}

.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 {
    font-size: 12px;
    color: #a2a5a7;
    max-height: 90px;
    overflow: auto;
    line-height: 18px
}

.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 {
    width: 216px;
    text-align: center
}

.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 {
    width: 100%;
    height: 150px;
    text-align: center
}

.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 {
    width: 150px;
    height: 150px;
    background-color: #eee
}

.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 {
    width: 71%;
    margin-left: 32px;
    font-size: 12px;
    margin-top: 14px;
    text-align: center
}

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

.apply-detailinfo .apply-box .note-l,
.apply-myinfo .apply-box .note-l,
.apply-successinfo .apply-box .note-l,
.apply-youhui .apply-box .note-l {
    margin-bottom: 15px;
    font-size: 12px;
    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 {
    height: 40px;
    width: 248px;
    margin-bottom: 10px;
    border: 1px solid #dfdfdf;
    background: #fff;
    box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, .2)
}

.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 {
    float: left;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    width: 74%;
    height: 95%;
    margin-top: 1px;
    margin-left: 20px;
    border: 0
}

.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 {
    display: inline-block;
    border-radius: 2px;
    background: #f15044;
    height: 40px;
    width: 240px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.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 {
    background-color: #fff;
    margin-top: 15px 0;
    padding: 30px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

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

.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 {
    display: block;
    background-image: url(../image/baike.png);
    background-image: -webkit-image-set(url(../image/baike.png) 1x, url(../../pages/detail/img/baike@2x.png?7b72e86bd54cff585f9b) 2x);
    background-repeat: no-repeat;
    width: 362px;
    height: 36px;
    padding-bottom: 10px
}

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

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

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

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

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

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

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

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

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

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

.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 {
    font-size: 24px;
    font-weight: 600;
    color: #101d37
}

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

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

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

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

.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 {
    display: block;
    line-height: 24px;
    font-size: 14px;
    width: 490px;
    height: 72px;
    color: #9c9fa1;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

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

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

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

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

.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 {
    padding: 0 20px;
    height: 65px;
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    box-sizing: border-box
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-text {
    float: left;
    height: 100%;
    line-height: 63px;
    font-size: 15px;
    color: #101d37
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-text i {
    margin-right: 5px;
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url(../image/notice.png);
    background-image: -webkit-image-set(url(../image/notice.png) 1x, url(../../pages/detail/img/notice@2x.png?b262a88df4a2fbc1c1e1) 2x);
    background-repeat: no-repeat
}

.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 {
    float: left;
    padding-left: 20px;
    width: 225px;
    height: 40px;
    background: #f8f8f9;
    border: none;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap-remind .dynamic-remind-setting .remind-btn {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 13px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #fe615a;
    border-radius: 0 2px 2px 0;
    cursor: pointer
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right {
    display: block;
    width: 310px;
    background-color: #fafafa;
    padding-bottom: 40px
}

.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 {
    margin-left: 25px;
    font-size: 12px;
    border-left: 1px solid #eaeaea
}

.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 {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #f15044;
    position: absolute;
    top: 5px;
    left: -5px
}

.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 {
    display: block;
    color: #999;
    margin: 0 20px;
    width: 244px;
    line-height: 18px
}

.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 {
    margin-bottom: 4px;
    min-height: 23px;
    color: #101d37;
    font-size: 14px;
    font-weight: 600
}

.dt-part-line {
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin-top: 19px
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .date-info-limited {
    display: block;
    color: #999;
    margin: 0 20px;
    width: 244px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
    word-break: break-all
}

.mod-wrap .mod-estate-dynamic .dynamic-wrap .dynamic-wrap-right .dynamic-right-item .invisible-content {
    position: absolute;
    z-index: -10000;
    visibility: hidden
}

.news-content-werapper {
    max-height: 48px;
    overflow: hidden
}

.news-content-werapper .invisible-dongtai {
    visibility: hidden
}

#detail-subscribe-dongtai-phone {
    float: left
}

#detail-subscribe-dongtai-phone .input-wrap {
    width: 225px
}

#detail-subscribe-dongtai-phone .phone-wrap .input {
    height: 40px;
    background: #f8f8f9;
    border: none;
    font-size: 14px;
    line-height: 16px;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box
}

.phone-collect-input-group,
.phone-collect-input-group input[type=button] {
    background-color: transparent
}

.phone-collect-input-group .input-wrap {
    position: relative;
    border: 1px solid transparent;
    box-sizing: border-box
}

.phone-collect-input-group .input-wrap.error {
    border: 1px solid #db4c3f !important;
    z-index: 1
}

.phone-collect-input-group .input-wrap .input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 18px;
    font-size: 18px;
    line-height: 24px;
    color: #101d37;
    border: none
}

.phone-collect-input-group .input-wrap .input::-webkit-input-placeholder {
    color: #ced2d6
}

.phone-collect-input-group .input-wrap .input::-ms-input-placeholder {
    color: #ced2d6
}

.phone-collect-input-group .input-wrap .input::placeholder {
    color: #ced2d6
}

.phone-collect-input-group .input-wrap+.input-wrap {
    border-top-color: #e4e6f0
}

.phone-collect-input-group .phone-wrap .phone-input {
    padding-right: 16px
}

.phone-collect-input-group .phone-wrap .phone-input:disabled {
    cursor: not-allowed
}

.phone-collect-input-group .phone-wrap .phone-clear-btn {
    cursor: pointer;
    display: none;
    border: none;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 22px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAPFBMVEUAAADNzc3Nzc3Nzc3MzMzMzMzOzs7Pz8/Nzc3Nzc3Nzc3MzMzMzMzOzs7V1dXT09PMzMzMzMzOzs7MzMxJL/92AAAAE3RSTlMAii31wqN9HZWP4N7ZFQYRKLovc8xuRgAAARxJREFUSMfVVdFuwzAInA3Gduo03fj/f900ZYMWnBT1qfcWdCeZ4wIfb4FMBQfAwEL5CXa/sMKlH2tqYYNSp/RrAnYA6erzV+QJcHVfv/AUS3b4wAcAo1gXPsSyPvSLfAK87zzxKdKd/3AuAD2Pwk+gKIek+lm3Jl99q6o5capLseqG6OfjpuT/ApW3TVlAv+2pJDov4iam0d6efRNZ99Ifv7ECiUdWIXzrE7oTsnzGvTzMTH0+j70OkxQ0M2xXIM2lmWBYvq8YftM0DTG6tu5+JkdR7ODUvBwFOdHo4k8yVmU3fEJKJnyTeDc9j+zEWxfxptdlq1n/QNFfNL4E4msmvsjiq1LwdbaM4+s+flDiJyt+FF8/u/awvwO+AWoLVkJy2Ju/AAAAAElFTkSuQmCC");
    background-size: 100% 100%
}

.phone-collect-input-group .sms-captcha-wrap .sms-captcha-input {
    padding-right: 146px
}

.phone-collect-input-group .sms-captcha-wrap .sms-hr {
    position: absolute;
    right: 120px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 16px;
    width: 1px;
    border: 0;
    background-color: #e4e6f0;
    margin: 0;
    padding: 0
}

.phone-collect-input-group .sms-captcha-wrap .sms-hr-inline {
    height: 16px;
    width: 1px;
    background-color: #e4e6f0;
    border: 0;
    padding: 0;
    display: inline-block;
    margin: 0 21px 0 0;
    vertical-align: -2px
}

.phone-collect-input-group .sms-captcha-wrap .sms-hint {
    font-size: 16px;
    line-height: 22px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20px
}

.phone-collect-input-group .sms-captcha-wrap .disabled-sms-send-btn,
.phone-collect-input-group .sms-captcha-wrap .sms-send-btn {
    cursor: pointer;
    border: none;
    color: #3072f6;
    background: #fff
}

.phone-collect-input-group .sms-captcha-wrap .disabled-sms-send-btn {
    color: #ced2d6;
    cursor: not-allowed
}

.phone-collect-input-group .sms-captcha-wrap .sms-text {
    display: none;
    color: #ced2d6
}

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

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.clearfix:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
    clear: both
}

.mod-wrap .mod-estate-album .album-wrap {
    height: 193px;
    overflow: hidden
}

.mod-wrap .mod-estate-album .album-wrap .album-list-item {
    margin-left: 15px;
    height: 210px
}

.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;
    width: 176px;
    height: 132px
}

.mod-wrap .mod-estate-album .album-wrap .album-list-item .album-list-info {
    display: block;
    text-align: center;
    padding-top: 14px;
    color: #333;
    font-size: 12px;
    text-decoration: none
}

.mod-wrap .mod-estate-album .album-bottom {
    color: #999;
    display: block;
    text-align: center;
    margin: 0 -30px;
    height: 46px;
    background: #fbfbfb;
    line-height: 46px;
    border-top: 1px solid #e4e4e4;
    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 {
    display: inline-block;
    width: 100px;
    height: 36px;
    background: url(../image/dujia.png);
    background: -webkit-image-set(url(../image/dujia.png) 1x, url(../../pages/detail/img/dujia@2x.png?d4140623bf6aac684d9a) 2x);
    background-repeat: no-repeat
}

#house-tese .tese-top .top-info {
    display: inline-block;
    margin-left: 30px;
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 0
}

#house-tese .tese-top .right-more {
    float: right;
    color: #999;
    font-size: 12px;
    line-height: 36px
}

#house-tese .view {
    width: 100%;
    height: 100%;
    margin: 30px 0
}

#house-tese .view li {
    position: relative
}

#house-tese .view .positon {
    display: inline-block;
    z-index: 2;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 42%;
    left: 45%
}

#house-tese .view .positon:hover {
    background: #fff
}

#house-tese .view .btn-img {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-image: url(../image/vbtn.png);
    background-image: -webkit-image-set(url(../image/vbtn.png) 1x, url(../../pages/detail/img/vbtn@2x.png?2278d296f83989093a3e) 2x);
    background-repeat: no-repeat
}

#house-tese .view img {
    width: 100%;
    height: 100%
}

#house-tese .view .view-opcity {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #000;
    opacity: .2
}

#house-tese .view .view-intro {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
    -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
    -o-text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
    -ms-text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 100%;
    z-index: 1;
    font-size: 20px;
    color: #fff
}

#house-tese .view .introB {
    font-size: 20px;
    height: 25px
}

#house-tese .view .introS {
    font-size: 14px;
    height: 15px
}

#house-tese .view .three .v-left {
    width: 630px;
    height: 353px;
    float: left
}

#house-tese .view .three .v-right1 {
    margin-bottom: 30px
}

#house-tese .view .three .v-right1,
#house-tese .view .three .v-right2 {
    width: 280px;
    height: 162px;
    float: right
}

#house-tese .view .three .btnB {
    width: 60px;
    height: 60px
}

#house-tese .view .three .btnS {
    width: 40px;
    height: 40px
}

#house-tese .view .two li {
    width: 456px;
    height: 255px
}

#house-tese .view .two .v-left {
    float: left
}

#house-tese .view .two .v-right {
    float: right
}

#house-tese .view .two .btnA {
    width: 50px;
    height: 50px
}

#house-tese .view .one .only {
    width: 940px;
    height: 500px
}

#house-tese .view .one .btnM {
    width: 65px;
    height: 65px
}

#house-tese .tushuo-view {
    width: 100%;
    overflow: hidden;
    margin-top: 30px
}

#house-tese .tushuo-view ul {
    width: 9999px
}

#house-tese .tushuo-view li {
    position: relative;
    float: left;
    width: 294px;
    height: 220px;
    margin-right: 29px
}

#house-tese .tushuo-view .tushuo-mask {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%
}

#house-tese .tushuo-view .tushuo-desc {
    position: absolute;
    left: 0;
    bottom: 8px;
    display: block;
    width: 244px;
    height: 40px;
    padding: 0 25px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    word-break: break-all;
    overflow: hidden
}

#house-tese .tushuo-view .tushuo-index {
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    padding: 0 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px
}

#house-tese .tushuo-view .tushuo-index-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

#deter,
#house-tese .tushuo-view .tushuo-index-text {
    position: relative
}

#deter #pricedeter {
    width: 1000px;
    height: 350px;
    padding-top: 50px;
    border-top: 1px solid #e1e1e1;
    background: #fbfbfb
}

#deter .deter-title {
    position: absolute;
    left: 30px;
    top: 100px;
    font-size: 14px;
    font-weight: 700
}

#deter .deter-text {
    position: absolute;
    right: 15px;
    top: 102px;
    color: #9c9fa1;
    font-size: 12px
}

.mod-info {
    width: 940px;
    line-height: 26px;
    padding: 30px;
    margin: 0 auto 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    color: #9c6848;
    background-color: #fffcf2
}

.mod-info .cont-bgbox {
    width: 100%;
    max-height: 75px;
    overflow: hidden
}

.mod-info .show-all {
    overflow: visible;
    max-height: none
}

.mod-info .cont {
    width: 100%;
    position: relative
}

.mod-info .more-info {
    height: 20px;
    display: none;
    right: 0;
    top: 52px;
    position: absolute
}

.mod-info .more-info .dot {
    padding-right: 10px;
    padding-left: 50px;
    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
}

.mod-info .more-info .more-btn {
    color: #1ba1e1;
    cursor: pointer;
    background: #fffcf2;
    display: inline;
    margin: 0
}

#modTab {
    background: #f5f5f6;
    top: 0;
    left: 0
}

.mod-tab {
    height: 54px;
    margin-top: 47px
}

.mod-tab .panel-tab {
    margin: 0 auto;
    height: 54px;
    font-size: 16px;
    color: #555;
    position: relative
}

.mod-tab .panel-tab .panel-tab-ul {
    font-family: PingFangSC-Semibold;
    position: relative;
    z-index: 10;
    width: 800px;
    white-space: nowrap;
    overflow: hidden
}

.mod-tab .panel-tab .panel-tab-ul .phone-s {
    float: right;
    margin-right: 15px;
    height: 100%;
    position: absolute;
    right: 0;
    line-height: 54px;
    font-size: 12px;
    color: #f15044;
    font-weight: 700;
    text-align: center
}

.mod-tab .panel-tab .panel-tab-ul .freetel {
    display: block;
    height: 12px;
    width: 12px;
    margin: 21px 0;
    float: left;
    background: url(../image/btn_phone_S.png);
    background: -webkit-image-set(url(../image/btn_phone_S.png) 1x, url(../../pages/detail/img/btn_phone_S@2x.png?a875e74276a183311357) 2x);
    background-repeat: no-repeat
}

.mod-tab .panel-tab .panel-tab-ul li {
    display: inline-block;
    height: 100%;
    line-height: 54px;
    visibility: middle;
    text-align: center;
    width: 97px;
    position: relative;
    transition: color .3s linear
}

.mod-tab .panel-tab .panel-tab-ul li a {
    color: #101d37;
    text-decoration: none;
    display: inline-block;
    height: 50px;
    box-sizing: border-box
}

.mod-tab .panel-tab .panel-bg {
    position: absolute;
    width: 97px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: left .3s linear
}

.mod-tab .panel-tab .panel-bg span {
    color: #3072f6;
    position: absolute;
    bottom: -12px;
    font-size: 12px;
    left: 45%
}

.mod-tab .panel-tab .on a {
    color: #3072f6;
    border-bottom: 2px solid #3072f6
}

.mod-tab .panel-tab .popup-xcxqr-wrapper {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 60px;
    right: -145px;
    background-color: #fff;
    -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, .1));
    z-index: 10
}

.mod-tab .panel-tab .popup-xcxqr-wrapper h2 {
    padding: 16px 0 16px 13px;
    font-size: 16px;
    color: #333;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    font-weight: 700
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 22px 0;
    margin: 0 13px
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-img {
    width: 72px;
    height: 95px;
    float: left;
    margin-right: 15px
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name {
    margin-bottom: 7px
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name h3 {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    display: inline-block
}

.mod-tab .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;
    padding: 1px 6px;
    font-size: 11px;
    color: #839aae;
    display: inline-block
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-desc-infor .qr-desc-name .agent-card-img {
    left: -420px
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-count {
    margin-bottom: 6px;
    font-size: 12px;
    color: #333
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-phone {
    font-size: 12px;
    color: #fa5741;
    margin-bottom: 8px
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-consult .new-talk {
    margin: 0 !important;
    display: inline-block;
    width: 88px;
    height: 28px;
    text-align: center;
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    line-height: 28px;
    text-decoration: none;
    font-size: 12px;
    color: #4688f1;
    cursor: pointer
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .popup-xcxqr-agent-list .popup-xcxqr-agent-infor .qr-infor-consult .new-talk i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/Imtalk.png) no-repeat 50%/12px;
    padding: 0;
    margin-right: 4px;
    vertical-align: -3px
}

.mod-tab .panel-tab .popup-xcxqr-wrapper .qr-desc {
    color: #999;
    font-size: 12px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center
}

.mod-tab .panel-tab .popup-xcxqr-wrapper:before {
    content: "";
    position: absolute;
    border-color: transparent #f9f9f9 transparent transparent;
    border-style: solid;
    border-width: 4px 4px 4px 0;
    top: 18px;
    left: -4px;
    width: 0;
    height: 0
}

.mod-tab .panel-tab .phone {
    font-family: PingFangSC-Semibold;
    position: absolute;
    right: 0;
    top: 18px;
    font-size: 16px;
    color: #101d37;
    letter-spacing: 0;
    margin-right: 26px
}

.mod-tab .panel-tab .phone span {
    display: inline-block;
    padding: 0 2px
}

.lianjiaim {
    right: 55px !important
}

.xinfang-nav .wrapper {
    width: 1172px
}

.mod-details {
    position: relative
}

.mod-details .mod-details-line {
    width: 1000px;
    height: 1px;
    background-color: #e4e4e4;
    position: absolute;
    left: 0
}

.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 {
    padding: 18px 0;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    font-size: 16px;
    font-weight: 400;
    float: left;
    text-align: center;
    cursor: pointer
}

.mod-details .tab li span {
    display: inline-block;
    width: 100px
}

.mod-details .tab li i {
    width: 17px;
    height: 20px;
    display: inline-block;
    float: left;
    margin-top: 4px
}

.mod-details .tab-loupan {
    width: 49%;
    border-right: 1px solid #ededed
}

.mod-details .tab-loupan i {
    background: url(../image/icon_box_press.png);
    background: -webkit-image-set(url(../image/icon_box_press.png) 1x, url(../../pages/detail/img/icon_box_press@2x.png?3dbdfea6086716a406fd) 2x);
    background-repeat: no-repeat
}

.mod-details .tab-loupan .clicked-loupan {
    background: url(../image/icon_box.png);
    background: -webkit-image-set(url(../image/icon_box.png) 1x, url(../../pages/detail/img/icon_box@2x.png?a74cf2dc7cabc9816ed8) 2x);
    background-repeat: no-repeat
}

.mod-details .tab-wuye {
    width: 50%
}

.mod-details .tab-wuye i {
    background: url(../image/icon_key.png);
    background: -webkit-image-set(url(../image/icon_key.png) 1x, url(../../pages/detail/img/icon_key@2x.png?6beb3581da6902d8e02c) 2x);
    background-repeat: no-repeat
}

.mod-details .tab-wuye .clicked-wuye {
    background: url(../image/icon_key_press.png);
    background: -webkit-image-set(url(../image/icon_key_press.png) 1x, url(../../pages/detail/img/icon_key_press@2x.png?a22e79ab1ed91e333d40) 2x);
    background-repeat: no-repeat
}

.desc-p {
    padding: 7px 0;
    font-size: 14px;
    line-height: 24px
}

.desc-p .label {
    display: inline-block;
    width: 100px;
    font-weight: 700;
    color: #333;
    vertical-align: top;
    float: left
}

.desc-p .label-val {
    display: block;
    color: #888;
    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 {
    margin-right: 28px;
    line-height: 20px
}

.table-list .even .desc-p {
    margin-left: 28px
}

.table-list .no-border {
    border-bottom: 0
}

.xqmore-btn-con {
    display: inline-block;
    width: 1000px;
    height: 45px;
    line-height: 45px;
    background-color: #f9f9f9;
    color: #b0b0b0;
    text-align: center;
    cursor: pointer;
    position: relative;
    left: -30px;
    bottom: -20px
}

.xqmore-btn-con:hover {
    text-decoration: none
}

.xqmore-btn-con .xqmore-btn {
    color: #b0b0b0
}

.footer {
    background-color: #f1f1f1
}

.other-name-pos2 {
    overflow: hidden
}

.mod-banner .ab-daoliu {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 1
}

.clear {
    zoom: 1
}

.clear:after {
    content: "";
    clear: both;
    display: block
}

.mod-price.mod-panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    margin-top: 50px
}

.mod-price .price-title {
    padding-bottom: 14px;
    font-size: 24px;
    font-weight: 600;
    color: #101d37
}

.mod-price .count-intro {
    font-size: 14px;
    color: #9399a5;
    margin-bottom: 30px
}

.mod-price .count {
    height: 100%;
    float: left
}

.mod-price .count .count-top {
    margin-bottom: 20px;
    margin-top: 10px
}

.mod-price .count .count-icon {
    width: 55px;
    height: 45px;
    background: url(../image/count-icon.png) no-repeat;
    text-align: center;
    line-height: 45px;
    color: #6f6117;
    float: left
}

.mod-price .count .type-select {
    width: 350px;
    position: relative
}

.mod-price .count .type-select p {
    position: absolute;
    margin: 0;
    padding: 0;
    display: block;
    left: -60px
}

.mod-price .count>ol>div>li,
.mod-price .count>ol>li {
    margin-bottom: 20px
}

.mod-price .count .price-submit {
    width: 298px;
    line-height: 43px;
    border: 1px solid #b2b2bc;
    border-radius: 2px;
    font-size: 14px;
    color: #9399a5;
    background: #fff;
    cursor: pointer;
    margin-left: 128px
}

.mod-price .count .price-submit:hover {
    text-decoration: underline
}

.mod-price .clear .dk,
.mod-price .clear .tle {
    float: left;
    width: 128px;
    height: 45px;
    font-size: 14px;
    font-weight: 600;
    color: #101d37;
    line-height: 47px
}

.mod-price .clear .ret-gong,
.mod-price .clear .ret-shang,
.mod-price .clear .ret-zongjia {
    float: left;
    width: 298px;
    font-size: 14px;
    text-align: center;
    position: relative;
    height: 45px;
    line-height: 35px;
    border-bottom: 1px solid #e4e6f0
}

.mod-price .clear .ret-gong input,
.mod-price .clear .ret-shang input,
.mod-price .clear .ret-zongjia input {
    float: left;
    width: 100%;
    height: 95%;
    margin-top: 1px;
    padding-left: 20px;
    border: 0;
    box-sizing: border-box
}

.mod-price .clear .ret-gong .wan,
.mod-price .clear .ret-shang .wan,
.mod-price .clear .ret-zongjia .wan {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 45px;
    font-size: 14px;
    color: #101d37
}

.mod-price .clear .ret {
    float: left;
    width: 298px;
    background-color: #f9f9f9;
    font-size: 14px;
    color: #101d37;
    text-align: center;
    position: relative;
    height: 45px;
    line-height: 45px;
    background: #f5f5f6;
    cursor: pointer
}

.mod-price .clear .ret .da {
    float: left;
    margin-left: 20px
}

.mod-price .clear .ret ol {
    display: none;
    position: absolute;
    top: 46px;
    width: 100%;
    max-height: 176px;
    overflow-y: auto;
    z-index: 2;
    background: #fff;
    text-align: left;
    list-style: none;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    margin-top: -1px
}

.mod-price .clear .ret ol li {
    padding-left: 20px;
    cursor: pointer;
    box-sizing: border-box
}

.mod-price .clear .ret ol li:hover {
    background-color: #f9f9f9
}

.mod-price .clear .ret .arrow {
    position: absolute;
    border: 4px solid transparent;
    border-top-color: #9399a5;
    right: 15px;
    top: 22px
}

.mod-price .accumulation,
.mod-price .clear .ret .gdai {
    display: none
}

.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("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABL5JREFUWAnNWF1oW1UcP+ckjWnXFVd0zkGULF1NsqRpX8Ru+qAwUByD7kEYiE8y7INsMBARYb4NBdHix5t7FYboS8WHvIh1FcZo2iTNTUlH2IJV1Gl17ZJ1yT3+/jc97b1p7s292QY9D/d8/L9+9/4/zjmXM48tm72xT+fVVyWTxyH6FJPsIOPyoKFG8hXG2QrGNznjaSF7vx8ZefofLya4W+b5XGFCMv62lPIFyPhdytU55zOcyc9Gk/Hv3Mh0BJTJF48xKT8CkKNuFNrxANgs4/ydsUT0ih0PrdsCAgDffF77WEp21kmBVxrnbGo0ETsPgI12sm0BZcrlR9la7TJAUZw88AYwadYffG0sHF5tVb4DEIGRa9VZBGuslfmBzjnTeH/v0VZQwmyE3ERf5qGDIaP0wk0v+MwYLICaMePNTUjvXxEXV+GGHxG0RYw3zAacxhQSZNPMs+Uyyiap6z+biXZjGL+LzJsSAXEpFY0umflKpdLAeq1xUmf6BXyFITPNbsyFeF5l3zagnHYFiDunNmfLPh+bSMXjeTsDtF4ul4Ort2uXUEBPO/ERDS84O5aMHTPG9KCip0v2LY2dGtzxt5/1PJtMHr6u+BYXK4Mb+u1xJkXfI/7A1Xj80A1Fwwv2ZHLFnxAwz6k1u15wdoqKpxFDVIHtGK3r/KIZTDarjQNMCbVqWjL9cq1eK81ntTNKBm9+Twj2gZo79QoDp72pztb/AHPH7cDXF3giNTREvAghKTJ5bak1TiioxeODg6kDB9aJr1Kp9P61urYO/q3woPU2re5ne/YLnddOgNgRDBkaiUT+VIoyhaVTrWCIhq8V8N+q7lV8oVCoKhm7q+YOvZ+wCJ01XFVjMjS/qBnbyMLy8n7ekB+2Uw43TR85Ev5d0TKF64eBMqjmTj1hQSzxkBOTmSZ19slcTltp3Lm3guw5ZKZtjmcG+gKvW9YbG+9b5g4TwiLw2ZtnGQdGC0nKJ+EYS3UlOpR9s7e353gkEvlX8WfyhTcRO2+oecceWPzG4QpOvp+Gz/xVKhE9A3fpSs9crjgJV30O8Gqpc4+DnmXr6CyxkwOpk0klYm8pMJRN2A4uMql/SZm4U8JphUOAjp330YRPvAcwdaUCYL7QdfmumnvqJftNbJ6BPcmZmYN+fk3NFxaLLyMbJ9Xcc4/zuEC2VDwLbgpQbRoeHr6l5PWGnFDjLvubqOy+dJfCRhFEbZpErPgXisVn8HLWlPeoGJma9rR12Orn/D+gG7CluyM0tw66NyEoZ9zJtOHi/BfO5QW83ddtqK6XCANhMfYwujehWrzoWloxclbZ1x98KRwO12hpLqvtQd05qcheesJA/EadoHMIEM56UUC8+CpFBaYpK7NedRh6YFtdJLcLFy5x3pXJcQpmkqOjK4pkd1lmsm05o2RyhU9RRzxeDHkVbrqGc2gMgf2Y15dC6ZgaS8bPKTkLIKQvbqvFH9C7OpIoJd32CJP0aCL6CvqtW+y2y6DVIOBGieDQujXiWo5swJYZDMlaANEC3STpRknoaf4wGulud2slWxaXmY033bdLfjaYge2a3zFmUDTeNT+sWoE1f+nVTtCBHIUxZByBW37p0QmCNm0hg9Nef+n9D+IA7QFeUpfBAAAAAElFTkSuQmCC") 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-ctx-box .result-ctx .line-reduce {
    display: none;
    color: #d4d4d4;
    margin-top: 10px;
    text-align: right;
    font-weight: 400
}

.mod-price .price-result .result-ctx-box .result-ctx .line-reduce span {
    color: #003f00
}

.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
}

.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 .count-agent ul li .countant-box {
    padding-top: 27px
}

.mod-price .price-result .count-agent ul li .countant-box>img {
    float: left;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin-right: 15px
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part {
    float: left
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .name-line {
    margin-bottom: 9px
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .name-line .name {
    font-size: 18px;
    color: #101d37;
    font-weight: 700
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .name-line .position {
    display: none
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .new-talk {
    display: inline-block;
    width: 82px;
    height: 24px;
    background: #f4f8fe;
    border: 1px solid #3a75ee;
    color: #4688f1;
    text-align: center;
    border-radius: 2px;
    vertical-align: middle;
    line-height: 24px;
    font-size: 12px
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .new-talk i {
    display: inline-block;
    width: 14px;
    height: 16px;
    line-height: 26px;
    margin-right: 4px;
    vertical-align: middle;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAABG9JREFUWAm9V11sVFUQnjl3u7u3/ITEYFojCCnIk7htCuojiYIQUXwgBkjwDbWJiN1q6oOkqSGK0pqQ8GN4VF8whIQXhZhAYqKFBraVRKPFaJW0pcSIVPduu3vvcebcPXfPvbvb7NZ0T7J35syZme/8zZxZgGJLdTszzCJ/Ut1ZyVS19m4nK4uNB8o1WK0jnT3Rkc5tYx5D9iQQLOV26LmYomUaymlHz+xGz3NHlYrxGRlsRmQAT0KXIQ+xggavhCSRTuV5F5UUhDbY3SfjYzO5m9SfGBmwt2h5dQ8It0cGmldhKu38A1Iu0RYmbbLsVlFtkBXzrjMZ7FRmwIZvjiSVA+Z1K9s5PaCpQMD3dSdKeZmCznhtdID7PEGmapnMcNt+XCYmx3N/zjdxFPhe5ph92LcoOlCGvzk5LayFEvJQZrD5KVQncN+ZrcUoqkPrvy+KxxeMrWtBWFE8lmQc4LHVpVXu6LACPWYkyOUxWu89U3prqhQRuTmAm7+X+pdGXVNV8cp9NA7KtKoIaENPqZuAQrxRRaeqmI+RTqNLRdqSWOJTR85dZm2UaLtu4byU8FDUmhHZyJSXdsiQcox7IHtplzrppkzQjf66bZn95hd9SLsSbiEH7T1Ov/Tku2EVo4f4b+sjyQe+PIjBsQcOUunsH4T4sKFelbWarI3XjyY4ev3E096d/a5WYzZy8+73fHuVg01vyRY66Se5U09TMUMGSOnzb75R9Rhr3fXL7YRYqDE7+WXG+ThIKdrrC5tL931nZ4nvbBOUA7SWTz3Ap0MOtqYs6HspDkv91AT9e+Lw8hY/q5/pSsC5t9W+mV5ay3JWnPTnCr4OI+bL46fkAPFKaAY8oo2Zn9eYxinffcBJ8RNWXki7MZC8KDKD9qsLMebcyHZlS6jJGb0rOrHW7YCCZ4gfJQ2kzoiDQwu8greX3vVe3deUE2jMSm4Y/gintIxpEI2m0OQ5Vgoydxg82FfrrWUw2pzPY5jsjwKavpmvOAEF6jrnFxKkUYAiyFDMsl+sNJnQBBg47znD9aSWSoBVZXT4TcLeZE4kuAScTbleWDRwnhUlXMZgLD1JtQMkOEmp/DUtbATVDxTVgfQASe+rRoBGMQSKZ4V6/aIjDeozNpUm9PRWaWseRDjbk6A8jjA+7cGuo8FjCqdficMTj/oJ/sCpWRi+5SkvzzxuwYf7qSiidjFTgN7P8oqv+CFsgQh/VRwk4TQ9dj9PUPRTlfHtTz6A1uW+S2X6+F1P/bR8bNKDO/ck5AsSro6FbbROQKnmwPZ09jj5fz0QNpChp+SkWIn2OypzNRCYoRiTqy0Vhpt7nLVzHvxIgVr25i7KvKhCaxLJdZyQVCK6dsz+lUJi76KARZzSioe4PNTZ0K84SIlCou7iLOJ7/i6lYStm7dAlpVYOJoAgU6X/Anr4f1LaaoqywZbVySNmQWx6DT1G5kCU331WWmPDs9vQlc9LlCnKH2voKq0gvTyX8ES5jP+BipQLbcsSlyuV8lGf3P8PtUieM6rZ74UAAAAASUVORK5CYII=") no-repeat;
    background-size: contain
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo {
    display: inline-block;
    width: 82px;
    height: 24px;
    background: #f4f8fe;
    border: 1px solid #3a75ee;
    color: #4688f1;
    text-align: center;
    border-radius: 2px;
    vertical-align: middle;
    line-height: 26px;
    font-size: 12px;
    margin: 0
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo .tel {
    line-height: 24px;
    cursor: pointer
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo .tel .tel-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 22px;
    vertical-align: middle;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAnCAYAAAB5XdqFAAAAAXNSR0IArs4c6QAABGNJREFUWAm9WF1sVEUUnjOXLfdKu5CYJiZq/I0NUZRShKA+gA/1ARN5oPoAGqgBIUZJWoIhNXpfCGq7G+ODEUkMmojRGhOLkCgxQDQBtO3WN+nGiDFGYqJoi9672L3Hb6qzbpd2mbl3b+flzMz9vnO+nZ8zM0uipjAztfcGG4lohxB8DwshSVBBSnp5pN/9rAY+b02qjrRqL197uRQOQuC66n5dh+D9ozm3Dz8C+ue3VITe2/PXjVNEJzCit9WVQHRoQ4v7pO9TVBfX4I9S+VvTx9cbiVRg5i0fT4b7VHU+C3X53FScDM4IFu3GgYkiTH5nIe99bsxJCJTFydJOK5EqILNkEgc7DnAmYXxjOqaeNxqjq4HMt3Cx1F3dlWZdEnNb3AAc8aa4XFseppAW25I0Hjlqla6nbdWI/ho7CBJrbK4lUWJUfrTkVOBQeabSSLkiBclTcWPghBqIy7Xlqan/1Jb0H/7V0QH3SEyuNU3ennW/EER/2jCJxIcbsl6vDScpdnoz4Lb0Ds74x02dOeQsHckt/NYU3wjc9FlPjvO6jbOyiPbY4BuBraSX5b3BCRyNa82c4qQnemgs5x43wydHTY+ockNS+ObucExw9C6WzE3mnGTIitBCv3cK6eZ9U3fIv63M4uhan5eYcpLgKkKVk0UZdyfEWhwAfOfvE+Ennbt5URIRJtwZQr98iS46JJ7A+rO4vfP9v0ThkTV59kwCxsXMEKqcDA94J7HDXrFzyOuCn8JjWAbNdjxz9BVCFVXe4b6ApD5i7gZIZIw/JoLj6oFoxTMEV9JTLX7lnrCtPMWjLPia2m9120TnHEnr8bT+rha32uds6VL4NJLbg9iM1+HXnZdEQ9lm972TPl2qxVe35xSqQCt6w+0RRweqCUZ1EheFlJvH+t1jGr9id+nuiMtH8ey5Qfdpi9m7IJj68AZ7S/fV2rpCFXh5T/Amfvm2WqJRG09rz3WfL4WluyLBg1geLfV4EDyUafK6v9pPV9yRryrU91nieXwYd4HH6gWZ6xvu1mVcr0HnBXNhZvQTjUNUZyHn/VDdf1WhCqxem+Xx4CNM28PV5PTqdN7Luh2nffpNx5h11+uP2o48RX8vafG61NTovnQt3xxMBG9UxzAaUU3o+oCd4tnwICZyq+5LzyI3ONSGDVlUMYxGVIsZfJTKYzmvGzcYywNBe7CxTJL5Ac2wEqpJuN49h8fWVtwLQt2XhuXo/1duLKFK1GjeO+Swcx/uBd+nIVL5xGFTeUXEFqocDeebCs0ZtwMp6LBqN7Jg83yDFHVa+0wkVDlRNy6cKJtIyEfg/GftOInFkprCRtoFi5P235JYqHZUyLtDMuMtVRst+dqlZ9RFXvtWFoPQ+DL977WgFzEcm7HSFtpEICl3FQbc12o5qQjVQdr3cqsohTsgeAsE36r7Z7NY5xP4z/VZpL+3Z/8+W28KfSt7LreXqbweO3k1RC3Dlm5FPcRIjSPc8ALH2/d1P12YK/Q/s9BYJVAtXWYAAAAASUVORK5CYII=") no-repeat;
    background-size: 13px 13px
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo .phone-qr-wrap {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    display: inline-block;
    width: 100px;
    height: auto;
    line-height: 26px;
    padding-top: 4px;
    text-align: center;
    background: #fff;
    border: 0 !important;
    z-index: 9
}

.mod-price .price-result .count-agent ul li .countant-box .agent-card-part .lineTwo .phone-qr-wrap #phone-qr-desc {
    display: block
}

.mod-price .line-both .line-both-left {
    width: 144px
}

.mod-price .line-both .line-input-box {
    width: 134px;
    float: left;
    margin-left: 20px;
    position: relative;
    border-bottom: 1px solid #e4e6f0
}

.mod-price .line-both .line-input-box input {
    width: 100%;
    -webkit-appearance: none;
    border: 0;
    line-height: 45px
}

.mod-price .line-both .line-input-box .wan {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 45px
}

.mod-price .select-math {
    display: inline-block;
    width: 200px;
    height: 15px;
    margin-top: 30px;
    margin-left: 93px
}

.mod-price .slt-i {
    font-size: 14px;
    color: #101d37;
    margin-right: 20px;
    font-weight: 700
}

.mod-price .slt-i,
.mod-price .wu-icon {
    display: inline-block;
    vertical-align: middle
}

.mod-price .wu-icon {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    line-height: 13px;
    border-radius: 2px
}

.price-input::-webkit-input-placeholder {
    color: #9399a5
}

.price-input:-moz-placeholder,
.price-input::-moz-placeholder {
    color: #9399a5
}

.price-input:-ms-input-placeholder {
    color: #9399a5
}

.mod-price .clear .ret ol::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.mod-price .clear .ret ol::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(37, 27, 27, .1);
    background: rgba(37, 27, 27, .1)
}

.mod-price .clear .ret ol::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(37, 27, 27, .1);
    border-radius: 0;
    background: rgba(37, 27, 27, .1)
}

.common-phone-modal-wrap {
    z-index: 1000 !important
}

#house-push {
    padding-right: 0
}

#house-push.mod-panel {
    margin-top: 45px;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

#house-push.mod-panel h2 {
    font-size: 24px;
    font-weight: 600;
    color: #101d37
}

.imglist {
    width: 1000px;
    height: 260px;
    overflow: hidden;
    float: left
}

.show-content ul li {
    margin-right: 9px;
    margin-bottom: 26px;
    display: inline-block;
    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;
    width: 280px;
    margin-bottom: 15px;
    position: relative
}

.show-content .pic img {
    width: 280px;
    height: 208px
}

.show-content .pic .tip {
    z-index: 20;
    height: 24px;
    padding: 0 4px;
    color: #fff;
    display: inline-block;
    background: #fa5741;
    font-size: 14px;
    font-weight: 700;
    border-radius: 2px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    bottom: 17px;
    left: 0
}

.show-content .pic .ad-tag {
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    background: rgba(9, 0, 0, .11);
    padding: 0 6px;
    border-radius: 8px
}

.show-content .house-name {
    color: #101d37;
    font-size: 16px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    margin-right: 10px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.show-content .zhuzhai {
    float: right;
    position: absolute;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    border-radius: 2px;
    padding: 0 4px;
    background-image: linear-gradient(-135deg, #00795b, #00523E);
    color: #fff
}

.show-content P {
    font-size: 12px;
    color: #9399a5
}

.show-content P .left-i {
    display: inline-block;
    margin-right: 25px
}

.fl {
    float: left
}

.fr {
    float: right
}

.h2-flow {
    margin-bottom: 6px
}

.h2-flow h2 {
    float: left;
    padding: 18px 0;
    display: block
}

.h2-flow .title-link {
    font-size: 24px;
    font-weight: 600;
    color: #101d37
}

.h2-flow .house-more {
    float: right;
    display: block;
    padding: 18px 0;
    font-size: 14px;
    color: #9399a5;
    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 {
    width: 36px;
    height: 36px;
    float: left;
    border-radius: 50px;
    margin-right: 9px;
    overflow: hidden
}

.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 {
    float: left;
    font-size: 14px;
    color: #333;
    padding-bottom: 0;
    margin-top: 0;
    font-weight: 700
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor div .house-intro-infor-label {
    background: #f3f5f7;
    border-radius: 1px;
    font-size: 11px;
    color: #839aae;
    float: left;
    padding: 1px 6px;
    margin-top: 1px;
    margin-left: 4px
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor div .agent-card-box .agent-card-img {
    top: -330px;
    left: -420px
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor p {
    font-size: 12px;
    color: #333
}

.h2-flow .house-intro-box .house-intro-left .house-intro-infor .agent-card {
    margin-top: 0;
    margin-left: 5px
}

.h2-flow .house-intro-box .house-intro-center {
    padding: 0 11px;
    font-size: 12px;
    color: #fa5741;
    line-height: 18px;
    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 {
    margin: 3px 0 0 !important;
    display: inline-block;
    width: 88px;
    height: 28px;
    text-align: center;
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    line-height: 28px;
    text-decoration: none;
    font-size: 12px;
    color: #4688f1;
    cursor: pointer
}

.h2-flow .house-intro-box .house-intro-right .qr-infor-consult .new-talk i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/Imtalk.png) no-repeat 50%/12px;
    padding: 0;
    margin-right: 4px;
    vertical-align: -3px
}

.h2-flow .house-intro-box .house-intro-line {
    border-right: 2px solid hsla(0, 0%, 59.2%, .2);
    height: 28px;
    margin-top: 4px
}

.h2-flow .agent-wrapper {
    float: right;
    font-size: 0;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #e4e6f0;
    border-radius: 2px
}

.h2-flow .agent-wrapper .avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 9px;
    background: pink;
    border-radius: 100%;
    vertical-align: middle
}

.h2-flow .agent-wrapper .consult-info {
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px
}

.h2-flow .agent-wrapper .consult-info .main-info {
    display: inline-block
}

.h2-flow .agent-wrapper .consult-info .main-info .name {
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
    color: #333;
    font-weight: 700;
    vertical-align: middle
}

.h2-flow .agent-wrapper .consult-info .main-info .coop {
    display: inline-block;
    margin-right: 8px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #839aae;
    padding: 0 3px;
    background: #f3f5f7;
    vertical-align: middle
}

.h2-flow .agent-wrapper .consult-info .look-deal {
    margin-top: 4px
}

.h2-flow .agent-wrapper .consult-info .look-deal .text {
    font-size: 12px;
    color: #333;
    vertical-align: middle
}

.h2-flow .agent-wrapper .consult-info .look-deal .split {
    display: inline-block;
    width: 0;
    height: 10px;
    margin: 0 6px;
    border-right: 1px solid rgba(16, 29, 55, .5);
    vertical-align: middle
}

.h2-flow .agent-wrapper .phone {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    width: 78px;
    cursor: pointer
}

.h2-flow .agent-wrapper .phone .num {
    font-size: 12px;
    color: #fa5741;
    line-height: 18px;
    margin-right: 6px;
    font-weight: 700;
    vertical-align: middle
}

.h2-flow .agent-wrapper .phone .weixin {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 18px;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAAXNSR0IArs4c6QAAA5ZJREFUOBGNVE2IHFUQrnrdme2eXU2I4A7rfwwLSTxkdhKTNcGDgog/YQUvOSSHJLJgcCHzs/4sREFCQuIuKBL8gVw8eRAUg9GDHoKHuLg7omENMQEPxsjmoGKcftPT/cqvZreHibOBvEPXq6/q1atX9VVzcTLeQmn6joiM+pQme0VolLAMNi8x0Wdrbg9X8eZyQ5j5ssFnAZZ16kKKLn2gjFQak8VK9KgauFhuLOb98MF/k+hn6HcN5MK1CBI5IuEfZvLtgMR8Ub3ba8ek3KabkbJ9BsejX4gprk+Hm5avtqY/Fzyc94Lt6oXEKhBN/9tj/KcC7cX8PXLzOill+Eg5mtL4I9XosQwrVZpjJlM6kqWV5IkRJckwVCbBdUSlSrRTjF5NNHhPMHtmgpu6716+Zjs3Hbad1IBCfAox9kRV+hfJTvTlglNJYjf6THypWLa7jKFUHVMnj6tcdPa8x+bQ2gL9dfVXepM3V6KfSOQhNeLhsirH69NE7ndOvl7CgBp6hIqVxu4MUIlyX253qAtU3ZDx4i7sptve8tzENaPHwrK9nwwdJkdDqN3R7IwxvMf3gnBIWnZ9G2SvNX88d27Z4VjmqFIZ8F7eD2qqRKY5KLHswysXfMezMckFZnm3Pp2faPNFnbIFCn6Y7fW12yblbtX9DOyWxWq033hmNk3S0600ehW2g76QVEtVK+qIIg+CsfNs5KJncr+nZIdB26/Upnw+zyQRXjvNcmNNxbgBVOAw+L6APHehOVdwBJ3kkyAH5mBpYZ58R+4QbisgRdlEnvd8/UTfJ5lDt8SIFZzwuHIZkzXETLvrM8HZbh/dY4YSIff5LTdQOf//ICvpytoIRdmwklExR7wBrbl+L5G9RIzfAz8N6s/FA0ssXz7n/33dPsVCf2DShEvV+Dmku5HgfUNgFNcY74u5E7n5DN/6il2XxPJApndkX/Bj/Shf80s1ewDFPInAvS2Hwbn0ADix87vj/NvojITNq83h+kz4ZellWS2pLc2/FX6ztSaFpBUpS6/5oMAHGJln4XS6c1vXRic8Tu3rgF6Ir8T34SX7S2/I2fQfexBze2Tba1KIbTSF7u+Fz+pbboregVcgCx5zDVrji3cG9X//3BFa5Jx5G/ge9WkHdIY9VVZa+HN3SiFGBrU0huM7EpM+CbKPb5+iO11Lavi5fKzneUutsSNxfArXD/cG5CZ495EZDl6cG+dWr70X+Q/W0JM+RxeKhgAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.h2-flow .agent-wrapper .phone .phone-qr-wrap {
    display: inline-block;
    display: none;
    position: absolute;
    top: -38px;
    left: 84px;
    width: 120px;
    height: auto;
    line-height: 26px;
    padding-top: 4px;
    text-align: center;
    background: #fff;
    z-index: 9
}

.h2-flow .agent-wrapper .phone .phone-qr-wrap .phone-qr-img {
    width: 110px;
    height: 110px
}

.h2-flow .agent-wrapper .phone .phone-qr-wrap .phone-qr-desc {
    display: none;
    line-height: 12px;
    padding: 5px 0;
    font-size: 12px;
    color: #999
}

.h2-flow .agent-wrapper .consult {
    display: inline-block;
    width: 86px;
    height: 26px;
    background: #f4f8fe;
    border: 1px solid #3a75ee;
    text-align: center;
    border-radius: 2px;
    vertical-align: middle
}

.h2-flow .agent-wrapper .consult i {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 26px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAABG9JREFUWAm9V11sVFUQnjl3u7u3/ITEYFojCCnIk7htCuojiYIQUXwgBkjwDbWJiN1q6oOkqSGK0pqQ8GN4VF8whIQXhZhAYqKFBraVRKPFaJW0pcSIVPduu3vvcebcPXfPvbvb7NZ0T7J35syZme/8zZxZgGJLdTszzCJ/Ut1ZyVS19m4nK4uNB8o1WK0jnT3Rkc5tYx5D9iQQLOV26LmYomUaymlHz+xGz3NHlYrxGRlsRmQAT0KXIQ+xggavhCSRTuV5F5UUhDbY3SfjYzO5m9SfGBmwt2h5dQ8It0cGmldhKu38A1Iu0RYmbbLsVlFtkBXzrjMZ7FRmwIZvjiSVA+Z1K9s5PaCpQMD3dSdKeZmCznhtdID7PEGmapnMcNt+XCYmx3N/zjdxFPhe5ph92LcoOlCGvzk5LayFEvJQZrD5KVQncN+ZrcUoqkPrvy+KxxeMrWtBWFE8lmQc4LHVpVXu6LACPWYkyOUxWu89U3prqhQRuTmAm7+X+pdGXVNV8cp9NA7KtKoIaENPqZuAQrxRRaeqmI+RTqNLRdqSWOJTR85dZm2UaLtu4byU8FDUmhHZyJSXdsiQcox7IHtplzrppkzQjf66bZn95hd9SLsSbiEH7T1Ov/Tku2EVo4f4b+sjyQe+PIjBsQcOUunsH4T4sKFelbWarI3XjyY4ev3E096d/a5WYzZy8+73fHuVg01vyRY66Se5U09TMUMGSOnzb75R9Rhr3fXL7YRYqDE7+WXG+ThIKdrrC5tL931nZ4nvbBOUA7SWTz3Ap0MOtqYs6HspDkv91AT9e+Lw8hY/q5/pSsC5t9W+mV5ay3JWnPTnCr4OI+bL46fkAPFKaAY8oo2Zn9eYxinffcBJ8RNWXki7MZC8KDKD9qsLMebcyHZlS6jJGb0rOrHW7YCCZ4gfJQ2kzoiDQwu8greX3vVe3deUE2jMSm4Y/gintIxpEI2m0OQ5Vgoydxg82FfrrWUw2pzPY5jsjwKavpmvOAEF6jrnFxKkUYAiyFDMsl+sNJnQBBg47znD9aSWSoBVZXT4TcLeZE4kuAScTbleWDRwnhUlXMZgLD1JtQMkOEmp/DUtbATVDxTVgfQASe+rRoBGMQSKZ4V6/aIjDeozNpUm9PRWaWseRDjbk6A8jjA+7cGuo8FjCqdficMTj/oJ/sCpWRi+5SkvzzxuwYf7qSiidjFTgN7P8oqv+CFsgQh/VRwk4TQ9dj9PUPRTlfHtTz6A1uW+S2X6+F1P/bR8bNKDO/ck5AsSro6FbbROQKnmwPZ09jj5fz0QNpChp+SkWIn2OypzNRCYoRiTqy0Vhpt7nLVzHvxIgVr25i7KvKhCaxLJdZyQVCK6dsz+lUJi76KARZzSioe4PNTZ0K84SIlCou7iLOJ7/i6lYStm7dAlpVYOJoAgU6X/Anr4f1LaaoqywZbVySNmQWx6DT1G5kCU331WWmPDs9vQlc9LlCnKH2voKq0gvTyX8ES5jP+BipQLbcsSlyuV8lGf3P8PtUieM6rZ74UAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.h2-flow .agent-wrapper .consult span {
    display: inline-block;
    font-size: 12px;
    color: #3a75ee;
    line-height: 26px;
    vertical-align: middle
}

.mod-wrap .mod-panel-houseonline {
    margin-top: 50px;
    box-shadow: none;
    -webkit-box-shadow: none
}

.mod-house-online {
    width: 100%;
    position: relative
}

.mod-house-online .float-img-wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1002;
    background: rgba(0, 0, 0, .51);
    text-align: center;
    font-size: 0
}

.mod-house-online .float-img-wrapper:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.mod-house-online .float-img-wrapper .close-icon {
    position: absolute;
    width: 33px;
    height: 33px;
    top: 65px;
    right: 65px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MDI0OTI4Mzg0ODcxMUU1QUI5NUQ4MUZDRDlCMDRGMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MDI0OTI4NDg0ODcxMUU1QUI5NUQ4MUZDRDlCMDRGMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgwMjQ5MjgxODQ4NzExRTVBQjk1RDgxRkNEOUIwNEYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgwMjQ5MjgyODQ4NzExRTVBQjk1RDgxRkNEOUIwNEYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wiH5lwAAArNJREFUeNrc281qFEEQAODeIgffxkMkPoOoKPEtkkOy5mLiQUMgq5CNQnyNQAIJij5BXEF8kpwGb2rVWAtNkv2Z7qruqikodmZ3Z3b72+rpYXZ60DRN4HiBOcRcxfyLeYV5hHkZ/Mdzbtsat+075gfMc3pxwAj0xPaMHbzD3HXa+AHmmAHuiveYrwhhHRdOF+zsGHPHIcAJ5uaC9z2FORUQx0sW7RtA2zaqhN+4cG/JnXuoiC4AFNdUCX86fID1iugK0AbwKBB6AJEEgDEBLvHgHCIVgIbLI0K44GHQK0QqAMUB5jfglV0+V/AGkQMwwnwzPSbEDfIEkQuwFx8Yg0MIMYC7EDxAiALMQrAMIQ4wD8EihArAIgRLEGoAyyBYgFAFWBahJoQ6QBeEGhBFALoilIQoBpCCUAKiKEAqgiZEcYAcBA2IKgC5CJIQ1QAkECQgqgK0v0D050tu0BWqYcJ2vzDv1wKQRsiBqAYg1R0kukY1AA0EbQhxAC0ELQgVAE0EaQg1AG0EKQhVAI3RYdap8M/EYZDuI3io/QWhAMBJIgDFWihw8RYKAGwKdKmxRwQpgCIQ4ABAHQKcAKhCgCMANQgwADCpDQGVAUY8DFb9gwcqA+xlnlmKQIABgFAbAowAVIUAQwDVIMAYQBUIMAhQHAKMAhSFAMMAxSDAOEARCHAAEDdI5RZkcAIwjR0NCBAGOAzKF0U1IEAY4HUoEzkQt7ZbuQHwCXPDOEAMMW1Ylxje3A6cAuRWxDDebopw7BBAAmLUVkDTNM/w8cwpQBzjhK5B8RhC2uw2awA5FbHVdUqgVYCciriGHlRAdkUQwqRHACkQ7ZTAcc8AukJ8JASaPj9rSiDNG9x3CBBDzJvu+Bbzc3x/whMeOx+E/1OHr1jya/Afjxhkldd/cA/4Qiv/BBgAroYEELAskssAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.mod-house-online .float-img-wrapper .content {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.mod-house-online .jump-to-frame-all {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 14px;
    color: #9d9d9d;
    cursor: pointer
}

.mod-house-online .type-tab {
    float: left
}

.mod-house-online .type-tab li {
    padding: 10px 20px;
    float: left;
    color: #101d37;
    cursor: pointer
}

.mod-house-online .type-tab li a {
    text-decoration: none;
    font-size: 14px;
    color: #9d9d9d
}

.mod-house-online .type-tab li:first-child {
    padding-left: 0
}

.mod-house-online .type-tab .item.active>* {
    position: relative;
    font-family: HiraginoSansGB-W6;
    font-size: 14px;
    color: #3072f6
}

.mod-house-online .type-tab .item.active>:after {
    content: " ";
    background: #3072f6;
    bottom: -11px;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.mod-house-online .houselist.carousel {
    top: 30px;
    width: 100%
}

.mod-house-online .houselist.carousel .carousel-body>.item {
    margin-right: 0;
    width: 1182px;
    display: inline-block;
    overflow: hidden
}

.mod-house-online .housemore {
    padding-left: 30px;
    padding-right: 30px
}

.mod-house-online .house-intro {
    font-size: 14px;
    color: #999;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 0
}

.mod-house-online .det-line-h {
    display: inline-block;
    background: #eee;
    height: 1px
}

.mod-house-online .house-det {
    position: relative;
    width: 185px;
    height: 335px;
    display: inline-block;
    margin-right: 12px;
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    vertical-align: top
}

.mod-house-online .house-det .card-img {
    height: 65%;
    width: 100%;
    border-bottom: 1px solid #e4e6f0;
    position: relative
}

.mod-house-online .house-det .card-img .img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.mod-house-online .house-det .card-img .card-img-blowUp {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    background-color: #f5f5f5;
    color: #000;
    border-radius: 2px;
    cursor: pointer
}

.mod-house-online .house-det .card-content {
    padding: 15px 10px 10px
}

.mod-house-online .house-det .card-content .content-title {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

.mod-house-online .house-det .card-content .content-title .p1-state {
    vertical-align: text-bottom;
    display: inline-block;
    padding: 0 3px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    line-height: 16px;
    border-radius: 2px
}

.mod-house-online .house-det .card-content .content-title .p1-blue {
    background-image: linear-gradient(-135deg, #00795b, #00523E);
    color: #fff
}

.mod-house-online .house-det .card-content .content-title .p1-gray,
.mod-house-online .house-det .card-content .content-title .p1-orange {
    background-image: linear-gradient(-135deg, #f99f82, #ff5722);
    color: #fff
}

.mod-house-online .house-det .card-content .content-area {
    color: #9399a5;
    font-size: 14px;
    margin-bottom: 5px
}

.mod-house-online .house-det .card-content .content-price {
    margin-bottom: 5px;
    font-size: 16px;
    color: #fa5741
}

.mod-house-online .house-det .card-content .content-price .price-explain {
    display: inline-block;
    background: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    opacity: .99;
    font-family: HiraginoSansGB-W3;
    font-size: 12px;
    color: #3072f6;
    text-align: left;
    margin-left: 8px;
    height: 18px;
    width: 60px;
    text-align: center;
    line-height: 18px;
    position: relative;
    cursor: pointer
}

.mod-house-online .house-det .card-content .content-price .price-explain:hover .price-info {
    display: block
}

.mod-house-online .house-det .card-content .content-price .price-explain .price-info {
    display: none;
    background: rgba(26, 26, 26, .95);
    border-radius: 4px;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    padding: 8px 12px;
    position: absolute;
    top: 29.3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 194px;
    text-align: left;
    white-space: normal
}

.mod-house-online .house-det .card-content .content-price .price-explain .price-info:after {
    content: "";
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -16.6px;
    border: 8.3px solid transparent;
    border-bottom-color: rgba(26, 26, 26, .95);
    border-radius: 0
}

.mod-house-online .house-det .card-content .content-tags {
    margin-bottom: 10px;
    height: 24px
}

.mod-house-online .house-det .card-content .content-tags span {
    font-size: 12px;
    color: #849aad;
    margin-right: 5px;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    padding: 0 7px;
    display: inline-block;
    background-color: #f2f4f6
}

.mod-house-online .house-det .card-content .content-bts .add-contrast {
    padding: 0 14px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border: 1px solid #9399a5;
    border-radius: 2px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #9399a5;
    cursor: pointer
}

.mod-house-online .more-house-det {
    height: 50px;
    width: 100%;
    margin-top: 28px;
    display: block;
    color: #9399a5;
    background: #3072f6;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ced2d6;
    background: #fff;
    cursor: pointer
}

.mod-house-online .more-house-det:hover {
    background: rgba(206, 210, 214, .05)
}

.mod-house-online .more-house-det a {
    position: relative !important;
    color: #9399a5
}

.mod-house-online .all-list {
    font-size: 14px;
    width: 100%;
    margin-top: -1px;
    height: 46px;
    background: #fbfbfb;
    text-align: center;
    line-height: 46px;
    border-top: 1px solid #e4e4e4
}

.mod-house-online .all-list .more {
    cursor: pointer;
    color: #999
}

.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 {
    margin-top: 45px;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0
}

.user-comment .title-container {
    overflow: hidden
}

.user-comment .title-container h2 {
    float: left;
    margin-top: 0;
    padding-bottom: 18px;
    display: block
}

.user-comment .title-container .title-link {
    font-size: 24px;
    font-weight: 600;
    color: #101d37
}

.user-comment .title-container .comment-more {
    float: right;
    display: block;
    font-size: 14px;
    color: #9399a5;
    line-height: 30px
}

.user-comment .top_box {
    margin-top: -4px;
    padding-bottom: 25px
}

.user-comment .top_box .totalscore_box {
    font-size: 14px;
    float: left
}

.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 {
    font-size: 14px;
    color: #666
}

.user-comment .top_box .totalscore_box .itemscore .item {
    float: left;
    margin-right: 18px
}

.user-comment .top_box .totalscore_box .itemscore .item span {
    vertical-align: middle;
    position: relative;
    top: 1px
}

.user-comment .top_box .totalscore_box .itemscore .item .star {
    margin-left: -5px
}

.user-comment .top_box .totalscore_box .itemscore .item i {
    vertical-align: middle;
    position: relative;
    top: 1px;
    color: #ff7326
}

.user-comment .comment_btn {
    height: 50px;
    width: 100%;
    margin-top: 3px;
    display: block;
    color: #9399a5;
    background: #3072f6;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ced2d6;
    background: #fff;
    cursor: pointer
}

.user-comment .comment_btn:hover {
    background: rgba(206, 210, 214, .05)
}

.user-comment .list_box .tab li {
    float: left;
    margin-right: 10px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    background: #f9f9f9;
    border-radius: 50px;
    cursor: pointer
}

.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 {
    position: relative;
    width: 725px;
    margin-top: 5px
}

.user-comment .list_box .list li {
    width: 100%;
    color: #333;
    padding-top: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee
}

.user-comment .list_box .list li .l_userpic {
    float: left;
    margin-right: 23px;
    text-align: center;
    padding-top: 4px
}

.user-comment .list_box .list li .l_userpic .pic {
    width: 55px;
    margin: 0 auto 13px
}

.user-comment .list_box .list li .l_userpic .pic img {
    width: 100%;
    border-radius: 100%
}

.user-comment .list_box .list li .l_userpic .info {
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.user-comment .list_box .list li .r_comment {
    float: left;
    position: relative;
    width: 643px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 2px
}

.user-comment .list_box .list li .r_comment .user-name {
    position: relative;
    margin-bottom: 7px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #101d37
}

.user-comment .list_box .list li .r_comment .user-name .tag-real {
    padding: 0 2px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    color: #fff;
    opacity: .5;
    background: #ff6f33;
    border-radius: 2px 2px 2px 0 0
}

.user-comment .list_box .list li .r_comment .user-name .comment-agent-box {
    float: right;
    margin: 0;
    padding: 0;
    background: #fff;
    display: inline-block
}

.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 {
    border-radius: 2px;
    font-size: 11px;
    padding: 1px 5px;
    color: #9399a5;
    background: #e9eaec
}

.user-comment .list_box .list li .r_comment .user-name .tel {
    font-size: 13px;
    color: #fe615a
}

.user-comment .list_box .list li .r_comment .user-name .tel i {
    background: url(../image/qr@1x.png);
    background: -webkit-image-set(url(../image/qr@1x.png) 1x, url(../../pages/detail/img/qr@2x.png?3a2ee9548cdc8215ae0e) 2x);
    margin-left: 3px;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    display: inline-block
}

.user-comment .list_box .list li .r_comment .user-name .comment-agent-consult {
    float: none;
    display: inline-block
}

.user-comment .list_box .list li .r_comment .user-name .new-talk {
    margin-top: 0 !important;
    font-size: 12px
}

.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 {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #849aae;
    padding: 0 6px
}

.user-comment .list_box .list li .r_comment .score .num {
    display: inline-block;
    color: #333;
    vertical-align: middle;
    padding-left: 8px
}

.user-comment .list_box .list li .r_comment .score .num span {
    padding-right: 12px
}

.user-comment .list_box .list li .r_comment .words-container {
    position: relative;
    max-height: 96px;
    margin: 13px 0 0 2px;
    font-size: 14px;
    color: #101d37;
    line-height: 24px;
    overflow: hidden;
    cursor: pointer
}

.user-comment .list_box .list li .r_comment .words-container a {
    text-decoration: none
}

.user-comment .list_box .list li .r_comment .show-all {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    height: 24px;
    padding-left: 40px;
    line-height: 24px;
    color: #3072f6;
    font-size: 14px;
    background-image: url(../image/comment_sprite_v2.png);
    background-image: -webkit-image-set(url(../image/comment_sprite_v2.png) 1x, url(../../common/img/comment/comment_sprite_v2@2x.png?1478db266867c45cdd9c) 2x);
    background-position: 0 100%;
    cursor: pointer
}

.user-comment .list_box .list li .r_comment .sepline {
    border-bottom: 1px solid #e5e5e5
}

.user-comment .list_box .list li .r_comment .picList {
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.user-comment .list_box .list li .r_comment .picItem {
    width: 84px;
    height: 84px;
    margin-right: 10px;
    margin-top: 16px;
    display: inline-block;
    cursor: pointer
}

.user-comment .list_box .list li .r_comment .picItem img {
    width: 100%
}

.user-comment .list_box .list li .r_comment .picCover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 84px;
    height: 84px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.user-comment .list_box .list li .r_comment .largePic {
    display: none;
    position: absolute;
    left: 0;
    bottom: 90px;
    width: 362px;
    height: 232px;
    z-index: 1000
}

.user-comment .list_box .list li .r_comment .pic-wrap {
    width: 100%;
    margin-top: 10px;
    position: relative
}

.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 {
    position: absolute;
    top: 0;
    width: 20px;
    height: 84px;
    background: #fff;
    cursor: pointer
}

.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 {
    content: " ";
    font-size: 0;
    display: block;
    border-left: 2px solid #3072f6;
    border-top: 2px solid #3072f6;
    width: 12px;
    height: 12px;
    position: absolute
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-left-btn:before {
    top: 32px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-right-btn:before {
    top: 32px;
    right: 0;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-list {
    position: relative;
    margin: 0 20px;
    width: auto;
    height: 80px;
    overflow: hidden
}

.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 {
    position: relative;
    margin-right: 5px;
    width: 84px;
    height: 84px;
    border: none;
    display: inline-block;
    cursor: pointer
}

.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 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: #000;
    opacity: .5
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-large-list {
    position: absolute;
    left: 0;
    bottom: 90px;
    width: 362px;
    height: 232px;
    z-index: 1000
}

.user-comment .list_box .list li .r_comment .pic-wrap .pic-large-list img {
    width: 100%;
    height: 100%
}

.user-comment .list_box .list li .r_comment .info {
    margin: 14px 0 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #999
}

.user-comment .list_box .list li .r_comment .info .time {
    float: left;
    font-size: 12px;
    color: #9399a5
}

.user-comment .list_box .list li .r_comment .info .comment-num {
    position: relative;
    float: right;
    margin-right: 10px;
    cursor: pointer
}

.user-comment .list_box .list li .r_comment .info .comment-num i {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-image: url(../image/words.png);
    background-image: -webkit-image-set(url(../image/words.png) 1x, url(../../pages/detail/img/words@2x.png?cd8adc9734fd8d31d933) 2x);
    background-repeat: no-repeat;
    vertical-align: sub
}

.user-comment .list_box .list li .r_comment .info .comment-num span {
    min-width: 50px;
    border: 1px solid #9399a5;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.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 {
    padding: 1px 0;
    vertical-align: initial;
    line-height: normal
}

.user-comment .list_box .list li .r_comment .info .comment-num .download-app-qr {
    top: 30px;
    right: -64px
}

.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 {
    float: right;
    min-width: 50px;
    border: 1px solid #9399a5;
    border-radius: 20px;
    text-align: center;
    padding: 1px 0;
    line-height: normal;
    cursor: pointer
}

.user-comment .list_box .list li .r_comment .info .like i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-image: url(../image/comment_sprite.png);
    background-image: -webkit-image-set(url(../image/comment_sprite.png) 1x, url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: -15px -33px;
    background-repeat: no-repeat
}

.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 {
    position: relative;
    margin-top: 14px;
    width: 100%;
    height: 77px;
    background: #f8f8f9
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .avatar {
    float: left;
    margin: 11px 25px 0 24px;
    width: 55px;
    height: 55px;
    border-radius: 100px
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info {
    margin-top: 19px;
    float: left
}

.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 {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .position {
    margin-right: 9px;
    padding: 0 3px;
    height: 15px;
    font-size: 12px;
    color: #9399a5;
    background: #e9eaec
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .perform {
    margin-right: 10px;
    display: inline-block;
    font-size: 13px;
    color: #333
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .perform span {
    margin: 0 5px;
    width: 1px;
    height: 10px;
    display: inline-block;
    background: #eee
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info .lineTwo {
    height: 18px;
    line-height: 18px;
    display: inline-block;
    font-size: 13px;
    color: #fe615a
}

.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(../image/qr@1x.png);
    background: -webkit-image-set(url(../image/qr@1x.png) 1x, url(../../pages/detail/img/qr@2x.png?3a2ee9548cdc8215ae0e) 2x);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    vertical-align: middle
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info a {
    position: absolute;
    top: 30px;
    right: 24px;
    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
}

.user-comment .list_box .list li .r_comment .agent-info-wrap .expert-info a i {
    background: url(../image/Imtalk.png) 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 {
    position: absolute;
    top: 30px;
    right: 0;
    width: 55px;
    height: 55px;
    background: url(../image/cream@2x.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.user-comment .list_box .list li:last-child {
    border-bottom: none
}

.user-comment .list_box .comment-agent-box {
    margin-top: 14px;
    padding: 10px 24px;
    box-sizing: border-box;
    background: #f8f8f9
}

.user-comment .list_box .comment-agent-box>img {
    width: 54px;
    height: 54px;
    border-radius: 50px;
    margin-right: 20px;
    float: left
}

.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 {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-right: 9px
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-name .comment-agent-name-type {
    float: left;
    border-radius: 2px;
    font-size: 11px;
    padding: 1px 5px;
    color: #9399a5;
    background: #e9eaec
}

.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 {
    font-size: 12px;
    font-weight: 700;
    color: #333
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-work span {
    margin-left: 10px;
    font-size: 13px;
    color: #fe615a
}

.user-comment .list_box .comment-agent-box .comment-agent-infor .comment-agent-work i {
    background: url(../image/qr@1x.png);
    background: -webkit-image-set(url(../image/qr@1x.png) 1x, url(../../pages/detail/img/qr@2x.png?3a2ee9548cdc8215ae0e) 2x);
    margin-left: 3px;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
    display: inline-block
}

.user-comment .list_box .comment-agent-box .comment-agent-consult {
    float: right
}

.user-comment .list_box .comment-agent-box .comment-agent-consult .new-talk {
    margin: 13px 0 0 !important;
    display: inline-block;
    width: 88px;
    height: 28px;
    text-align: center;
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    line-height: 28px;
    text-decoration: none;
    font-size: 12px;
    color: #4688f1;
    cursor: pointer
}

.user-comment .list_box .comment-agent-box .comment-agent-consult .new-talk i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/Imtalk.png) no-repeat 50%/12px;
    padding: 0;
    margin-right: 4px;
    vertical-align: -3px
}

.user-comment .nocomment {
    text-align: center;
    font-size: 16px;
    color: #666
}

.user-comment .nocomment .btn {
    display: block;
    margin: 15px auto 0;
    width: 90px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #849aae;
    background-color: #f0f3f5;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.user-comment .nocomment .btn:hover {
    color: #f0f3f5;
    background-color: #849aae
}

.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 {
    font-size: 14px;
    color: #9d9d9d;
    font-weight: 400;
    margin-left: 10px
}

.pingce a {
    cursor: pointer
}

.pingce ul {
    overflow: hidden;
    padding: 0 30px 30px
}

.pingce ul li {
    float: left;
    margin-left: 15px;
    font-size: 12px;
    line-height: 1;
    background-color: #f5f5f6
}

.pingce ul li:first-child {
    margin-left: 0
}

.pingce ul a {
    display: block;
    width: 303px;
    padding: 30px;
    text-decoration: none
}

.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 {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.pingce ul .text {
    height: 117px;
    padding: 10px 0;
    color: #999;
    line-height: 22px;
    overflow: hidden
}

.pingce ul .link {
    color: #333
}

.pingce .btn-more {
    display: block;
    text-align: center;
    line-height: 45px;
    background-color: #fbfbfb;
    border-top: 1px solid #eaeaea;
    font-size: 12px;
    color: #999;
    text-decoration: none
}

#around .ul-box {
    height: 420px;
    overflow-y: scroll
}

#around .ul-box ul {
    height: auto;
    overflow-y: visible
}

#around .ul-box .note-sel {
    background: #999;
    color: #fff;
    border: 1px solid transparent
}

#around .ul-box .busInfo {
    display: none;
    background: #f9f9f9;
    width: 290px;
    padding: 10px 20px 10px 0;
    position: relative
}

#around .ul-box .busInfo .note {
    display: block;
    line-height: 22px;
    margin-left: 55px;
    color: #888;
    font-size: 12px
}

#around .ul-box .busInfo .note .note-name {
    color: #333
}

#around .ul-box .busInfo .nn-close {
    color: #dadada;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    font-weight: 700
}

#around .ctrl {
    font-size: 26px;
    line-height: 26px;
    position: absolute;
    z-index: 1;
    left: 20px;
    bottom: 50px;
    width: 26px;
    text-align: center;
    border: solid #555;
    border-width: 1px 1px 0;
    background: #fff
}

#around .ctrl li {
    height: 26px;
    cursor: pointer;
    border-bottom: 1px solid #555;
    line-height: 23px;
    -webkit-user-select: none
}

#around .ctrl li:first-child {
    font-size: 20px;
    line-height: 22px
}

#around .around-no-info {
    padding: 10px;
    color: #101d37
}

.back-map {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    left: 20px;
    bottom: 114px;
    width: 26px;
    height: 27px;
    text-align: center;
    border: 1px solid #555;
    background: #fff
}

.back-map i {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 4px;
    background-image: url(../image/zoom-back.png);
    background-image: -webkit-image-set(url(../image/zoom-back.png) 1x, url(../../pages/detail/img/zoom-back@2x.png?2a803fb85262dbab076d) 2x);
    background-repeat: no-repeat
}

.BMapLabel {
    position: relative
}

.BMapLabel .labelIcon {
    cursor: pointer
}

.BMapLabel .labelIcon:hover {
    background-image: url(../image/marker.png);
    background-position: 6px 6px
}

.BMapLabel .labelText {
    display: none;
    position: absolute;
    left: -9px;
    min-width: 36px;
    text-align: center;
    top: -22px;
    background: #fff;
    padding: 6px 10px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.mod-wrap.around {
    width: 1175px;
    box-shadow: none;
    -webkit-box-shadow: none
}

.mod-wrap.around .content {
    padding: 0;
    width: 100%;
    background: none;
}

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

.mod-wrap.around .content .type {
    margin-top: 10px
}

.mod-wrap.around .content .type li {
    padding: 0;
    margin: 0 9px;
    color: #101d37
}

.mod-wrap.around .content .type li:first-child {
    margin-left: 0
}

.mod-wrap.around .content .type .select {
    position: relative;
    color: #3072f6;
    background-color: #fff
}

.mod-wrap.around .content .type .select:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #3072f6
}

.mod-wrap.around .content .container {
    height: 640px
}

.around .bus-one {
    display: inline-block;
    padding: 2px;
    border-radius: 2px;
    margin-bottom: 1px;
    color: #9399a5
}

.around .bus-one.bordered {
    cursor: pointer;
    background-color: #fff
}

.around .content .container .list ul li {
    cursor: auto !important;
    padding: 20px 0 0 !important;
    border-bottom: none !important
}

.around .content .container .list ul li i {
    margin-top: -1px;
    background-image: url(../image/address-bg.png) !important;
    background-image: -webkit-image-set(url(../image/address-bg.png) 1x, url(../../pages/detail/img/address-bg@2x.png?87ae65f765161d5afbe6) 2x) !important;
    background-position: 1px 2px !important
}

.around .content .container .list ul li .item .itemInfo {
    color: #9399a5
}

.around .content .container .list ul li .itemTitle {
    font-size: 16px;
    font-weight: 700;
    color: #101d37
}

.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(../image/marker.png);
    background-position: 0 0
}

.around .content .container .map .item {
    background-image: url(../image/address-bg.png) !important;
    background-image: -webkit-image-set(url(../image/address-bg.png) 1x, url(../../pages/detail/img/address-bg@2x.png?87ae65f765161d5afbe6) 2x) !important;
    background-position: 7px 7px !important
}

.around .content .container .map .name {
    padding: 7px 10px !important;
    border: none !important;
    border-radius: 0 !important
}

.around .content .container .map .name .arrow {
    background-image: url(../image/detail_spritesheet.png) !important;
    background-position: inherit !important
}

.around .content .container .list .name {
    background: #3072f6 !important;
    text-align: left !important;
    overflow: hidden;
    height: 40px
}

.around .content .container .list .name .unds-project-situation {
    background: #fff;
    color: #3072f6;
    border-radius: 2px;
    float: right;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0 5px;
    cursor: pointer
}

.around .content .container .list .name .name-title {
    padding-left: 20px;
    height: 40px;
    line-height: 40px
}

.around-succ-wrap {
    display: none
}

.around-succ-wrap .complete-modal-wrap {
    padding-top: 26px;
    text-align: center
}

.around-succ-wrap .complete-modal-wrap .complete-icon {
    width: 100px;
    height: 100px;
    background-image: url(../image/complete_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto
}

.around-succ-wrap .complete-modal-wrap .title {
    display: block;
    text-align: center !important;
    max-width: 100%;
    float: none !important;
    font-size: 24px;
    line-height: 33px;
    color: #101d37;
    font-weight: 700;
    margin-top: 22px;
    text-align: center
}

.around-succ-wrap .complete-modal-wrap .sub-title {
    font-size: 16px;
    line-height: 22px;
    color: #9399a5;
    font-weight: 400;
    margin-top: 7px;
    letter-spacing: -.27px;
    text-align: center
}

.around-succ-wrap .complete-modal-wrap .confirm-btn {
    margin-top: 60px;
    border: none;
    width: 350px;
    background: #3072f6;
    border-radius: 2px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    padding: 17px 0;
    text-align: center
}

.modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

.modal-wrap .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5
}

.modal-wrap .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 44px 48px 45px
}

.modal-wrap .modal-content .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    box-sizing: content-box;
    background-image: url(../image/modal_close_icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    border: 20px solid transparent
}

.mod-wrap.mod-building {
    display: none;
    padding: 0
}

.mod-wrap.mod-building .mod-panel {
    margin-top: 45px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: none
}

#build-info .hh2 {
    font-size: 24px;
    font-weight: 600;
    color: #101d37
}

#build-info .hr {
    margin-top: 15px;
    margin-bottom: 3px;
    border-top: 1px solid #eaeaea
}

#build-info .content-wrap {
    margin-left: 26px;
    width: 220px
}

#build-info .content-wrap p {
    line-height: 1.8;
    color: #888
}

#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 {
    font-size: 20px;
    color: #f15044;
    vertical-align: middle;
    font-weight: 800
}

#build-info .content-wrap .b-hd .b-type {
    font-size: 12px;
    color: #fff;
    background-color: #b2b2b2;
    padding: 3px 5px;
    vertical-align: middle;
    border-radius: 2px;
    margin-left: 8px
}

#build-info .content-wrap .i-bold {
    color: #222
}

#build-info .content-wrap .i-light {
    display: inline-block;
    width: 122px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#build-info .mark-label {
    position: absolute;
    cursor: pointer;
    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 {
    padding: 0 10px;
    display: inline-block;
    min-width: 30px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

#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;
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    opacity: .9999;
    zoom: 1;
    position: absolute;
    left: 14px;
    bottom: -5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

#build-info .danyuan-list {
    width: 100%;
    margin-top: 5px;
    height: 205px;
    overflow-y: scroll
}

#build-info .danyuan-list .danyuan-eum {
    display: inline-block;
    line-height: 30px;
    border-radius: 2px;
    padding-left: 15px;
    width: 225px;
    font-size: 12px;
    margin-top: 10px;
    border: 1px solid #dfdfdf;
    background-color: #f9f9f9;
    height: 30px;
    cursor: pointer;
    box-sizing: border-box
}

#build-info .danyuan-list .danyuan-eum i {
    display: inline-block;
    float: right;
    margin-top: 9px;
    margin-right: 8px;
    width: 7px;
    height: 13px;
    background: url(../image/iic.png);
    background: -webkit-image-set(url(../image/iic.png) 1x, url(../../pages/detail/img/iic@2x.png?09926aa9ce19f4116e43) 2x);
    background-repeat: no-repeat
}

#build-info .content-open1-b {
    width: 246px;
    height: 340px;
    background-color: #fff;
    position: absolute;
    right: -300px;
    transition: right .3s ease-in-out;
    z-index: 500
}

#build-info .content-open1-b .go-btn {
    z-index: 520;
    width: 20px;
    height: 60px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    top: 125px;
    left: -48px;
    cursor: pointer
}

#build-info .content-open1-b .go-btn i {
    display: inline-block;
    float: right;
    margin-top: 22px;
    margin-right: 6px;
    width: 7px;
    height: 13px;
    background: url(../image/iic.png);
    background: -webkit-image-set(url(../image/iic.png) 1x, url(../../pages/detail/img/iic@2x.png?09926aa9ce19f4116e43) 2x);
    background-repeat: no-repeat
}

#build-info .content-open1 .open1-hd {
    line-height: 20px;
    margin-bottom: 6px
}

#build-info .content-open1 .open1-hd span {
    font-size: 14px;
    color: #666
}

#build-info .content-open1 .open1-hd .open1-title {
    display: inline-block;
    font-size: 20px;
    color: #f15044;
    vertical-align: middle;
    font-weight: 800;
    width: 70px;
    height: 20px
}

#build-info .content-open1 .open1-hd .open1-t {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 134px
}

#build-info .content-open1 .open1-hd .open1-g {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 76px
}

#build-info .content-open1 .ju-list {
    width: 246px;
    height: 264px;
    overflow-y: auto;
    margin-top: 5px
}

#build-info .content-open1 .ju-list .ju-div .ju-ul {
    display: none;
    width: 85px;
    height: 95px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 8px;
    float: left
}

#build-info .content-open1 .ju-list .ju-div .img-li {
    width: 85px;
    height: 75px;
    position: relative
}

#build-info .content-open1 .ju-list .ju-div .img-li img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

#build-info .content-open1 .ju-list .ju-div .img-li .ju-size {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #747474;
    margin-top: 5px
}

#build-info .content-open1 .ju-list .ju-div .img-li .tip {
    z-index: 20;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 3px;
    margin-left: 3px;
    height: 25px;
    color: #fff;
    display: inline-block;
    background: #333;
    filter: alpha(opacity=80);
    opacity: .8;
    font-size: 12px;
    font-weight: 700;
    border-radius: 2px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0
}

#build-info .content-open1 .ju-list .jia i {
    background-repeat: no-repeat;
    background: url(../image/jia.png);
    background: -webkit-image-set(url(../image/jia.png) 1x, url(../../pages/detail/img/jia@2x.png?489e78dd79fea5ff324c) 2x)
}

#build-info .content-open1 .ju-list .jian i {
    background-repeat: no-repeat;
    background: url(../image/jian.png);
    background: -webkit-image-set(url(../image/jian.png) 1x, url(../../pages/detail/img/jian@2x.png?beee42479e4a7f039206) 2x)
}

#build-info .content-open1 .ju-list .ju-eum {
    display: inline-block;
    line-height: 30px;
    border-radius: 2px;
    padding-left: 15px;
    width: 246px;
    font-size: 12px;
    margin-top: 10px;
    border: 1px solid #dfdfdf;
    background-color: #f9f9f9;
    height: 30px;
    cursor: pointer;
    box-sizing: border-box
}

#build-info .content-open1 .ju-list .ju-eum i {
    display: inline-block;
    float: left;
    margin-top: 9px;
    margin-right: 13px;
    width: 12px;
    height: 12px
}

#build-info .info-content {
    width: 712px
}

#build-info .info-content .img-wrap {
    position: relative;
    width: 460px;
    height: 340px;
    overflow: hidden
}

#build-info .info-content .content-wrap {
    height: 340px;
    cursor: pointer
}

#build-info .info-content .content-wrap .content-wrap-header .content-header-title {
    font-size: 18px;
    line-height: 25px;
    color: #101d37;
    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 {
    font-size: 12px;
    background: #666;
    color: #fff;
    border-radius: 2px;
    padding: 0 5px;
    float: left;
    margin-left: 8px
}

#build-info .info-content .content-wrap .content-wrap-header .content-header-info {
    font-size: 14px;
    line-height: 13px;
    margin-bottom: 9px;
    color: #101d37
}

#build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom {
    margin-bottom: 20px;
    font-size: 0;
    position: relative
}

#build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom span {
    margin-right: 4px;
    padding: 3px 7px;
    height: 20px;
    display: inline-block;
    border: 1px solid #3072f6;
    border-radius: 2px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    font-size: 12px;
    color: #3072f6
}

#build-info .info-content .content-wrap .content-wrap-header .detail-header-bedroom .no-data {
    display: block;
    background: url(../image/no-data.png);
    background: -webkit-image-set(url(../image/no-data.png) 1x, url(../../pages/detail/img/no-data@2x.png?7e5624cc727693acc4b7) 2x);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 220px;
    height: 278px;
    position: absolute
}

#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 {
    overflow-y: auto;
    max-height: 240px;
    margin-top: 20px
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-text {
    padding-bottom: 11px;
    line-height: 20px;
    font-size: 14px;
    color: #101d37
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-text a {
    text-decoration: underline
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-text a .pull-left {
    float: none
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img {
    text-decoration: none;
    position: relative;
    margin-right: 10px;
    margin-bottom: 20px
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img .block-img-info {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    font-size: 12px;
    background: #333;
    color: #fff;
    text-align: center;
    opacity: .8
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img img {
    width: 104px;
    height: 78px;
    display: block;
    border: 2px solid #eaeaea
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img .building-block-img-btm {
    display: block;
    text-decoration: none;
    margin-top: 10px
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img .block-img-btl {
    font-size: 10px;
    font-weight: 700;
    color: #333
}

#build-info .info-content .content-wrap .content-wrap-block .content-block-img .block-img-btr {
    font-size: 10px;
    color: #333
}

.xinfang-nav {
    height: 84px;
    line-height: 84px
}

.xinfang-nav .nav-list {
    margin-left: 50px
}

.xinfang-nav .bar-search-box {
    width: 245px;
    height: 36px
}

.xinfang-nav .bar-search-box input {
    width: 193px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #dedede
}

.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 {
    width: 36px;
    height: 36px;
    background-color: #f15044
}

.xinfang-nav .bar-search-box button i {
    display: block;
    margin: 4px auto 0;
    width: 20px;
    height: 20px;
    background: url(../image/btn-search.png) no-repeat left -2px;
    background-image: -webkit-image-set(url(../image/btn-search.png) 1x, url(../../common/img/btn-search_2.png?998af6d910962389d66e) 2x)
}

.xinfang-nav .bar-search-box ul {
    width: 209px;
    border: 1px solid #ccc;
    margin-top: 36px
}

.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 {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flexslider .slides:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides>li:first-child {
    display: block
}

.flexslider {
    margin: 0;
    background: #fff;
    border: 0;
    position: relative;
    zoom: 1;
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2) "";
    -o-box-shadow: ""0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px ""rgba(0, 0, 0, .2)
}

.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 {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    transition: .3s ease-in-out;
    transition: all .3s ease-in-out
}

.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 {
    font-family: flexslider-icon;
    font-size: 40px;
    display: inline-block;
    content: "\F001"
}

.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 {
    opacity: .7;
    left: 10px
}

.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 {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: "\F004"
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: "\F003"
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 20px
}

.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;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    transition: all 1s ease
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

body,
html {
    position: relative;
    width: 100%;
    height: 100%
}

.photoLayer {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s ease-in
}

.photoLayer .photo-con {
    width: 100%;
    height: 100%;
    position: relative
}

.photoLayer .photo-list {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    *word-spacing: -1px
}

.photoLayer .photo-list .photo-item-list {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    position: relative
}

.photoLayer .photo-list .photo-item {
    width: 100%;
    height: 100%;
    display: table;
    position: relative
}

.photoLayer .photo-list .photo-item .photo-img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *position: absolute;
    *top: 50%;
    *left: 50%
}

.photoLayer .photo-list .photo-item img {
    vertical-align: middle;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    *position: relative;
    *top: -50%;
    *left: -50%;
    max-width: 100%;
    max-height: 100%
}

.photoLayer .photo-list .photo-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #000;
    background: rgba(0, 0, 0, .5);
    font-size: 14px;
    color: #fff;
    filter: "alpha(opacity=50)";
    text-align: center;
    line-height: 30px;
    vertical-align: middle
}

.photoLayer .btn-close,
.photoLayer .btn-left,
.photoLayer .btn-right {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    filter: alpha(opacity=50);
    *padding: 0 10px;
    z-index: 10;
    color: #ddd;
    font: 1em sans-serif;
    transition: background-color .4s ease;
    transition: all background-color .4s ease ease
}

.photoLayer .btn-left {
    left: 2%;
    top: 50%;
    margin-top: -20px
}

.photoLayer .btn-right {
    right: 2%;
    top: 50%;
    margin-top: -20px
}

.photoLayer .btn-close {
    top: 2%;
    right: 2%
}

.photo-round {
    height: 370px;
    width: 694px;
    float: left
}

.leftbtn {
    background: url(../image/left.png);
    background: -webkit-image-set(url(../image/left.png) 1x, url(../../pages/detail/img/left@2x.png?95234437dcd6eff58c19) 2x);
    background-repeat: no-repeat;
    left: 65px
}

.leftbtn,
.rightbtn {
    display: inline-block;
    display: none;
    position: fixed;
    bottom: 50%;
    z-index: 1001;
    height: 57px;
    width: 31px
}

.rightbtn {
    background: url(../image/right.png);
    background: -webkit-image-set(url(../image/right.png) 1x, url(../../pages/detail/img/right@2x.png?46feb949b77a68f7798c) 2x);
    background-repeat: no-repeat;
    right: 65px
}

.close {
    display: block;
    display: none;
    background-image: url(../image/hu-close.png);
    background-image: -webkit-image-set(url(../image/hu-close.png) 1x, url(../../pages/detail/img/hu-close@2x.png?1fea02de6556c4f81c54) 2x);
    width: 33px;
    height: 33px;
    background-size: 33px 33px;
    overflow: hidden;
    position: fixed;
    right: 65px;
    top: 65px;
    z-index: 1001;
    cursor: pointer
}

.type-pic .box {
    width: 694px;
    height: 440px;
    padding: 40px 0;
    border: 0 solid #000;
    position: relative
}

.frame-tip {
    z-index: 1001;
    padding-left: 5px;
    padding-right: 5px;
    height: 25px;
    font-weight: 700;
    color: #fff;
    background: #333;
    filter: alpha(opacity=80);
    opacity: .8;
    border-radius: 2px;
    line-height: 22px;
    text-align: center;
    left: 10px;
    top: 10px
}

.frame-tip,
.nature {
    display: inline-block;
    font-size: 12px;
    position: absolute
}

.nature {
    width: 50px;
    height: 20px;
    bottom: 26px;
    right: 30px;
    color: #666;
    cursor: pointer
}

.nature:hover {
    text-decoration: none
}

.bigPic {
    width: 390px;
    height: 370px;
    margin-bottom: 50px;
    overflow: hidden;
    margin-left: 155px;
    position: relative
}

.bigPic img {
    max-height: 100%;
    vertical-align: middle
}

.bigPic ul {
    position: absolute;
    left: 0;
    top: 0
}

.bigPic ul li {
    float: left;
    width: 390px;
    height: 370px;
    text-align: center;
    line-height: 370px
}

.smallPic {
    overflow: hidden;
    position: relative;
    margin-left: 50px;
    width: 630px;
    height: 100px
}

.smallPic img {
    width: 100%;
    height: 100%
}

.smallPic ul {
    position: absolute;
    top: 0
}

.smallPic ul li {
    float: left;
    margin-right: 30px;
    opacity: .5;
    filter: alpha(opacity=50);
    width: 75px;
    height: 75px
}

.smallPic ul li.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.type-pic {
    width: 1000px;
    height: 520px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001
}

.photoLayer {
    width: 694px;
    height: 100%;
    float: left
}

.pic-info {
    width: 306px;
    height: 520px;
    background-color: #f5f5f5;
    border-radius: 2px;
    float: right
}

.pic-info .p-info-box {
    width: 246px;
    height: 520px;
    margin-left: 30px;
    margin-right: 30px
}

.pic-info .p-info-box .p-title {
    margin-top: 25px;
    font-weight: 700;
    font-size: 26px
}

.pic-info .p-info-box .p-dtl {
    font-size: 12px;
    color: #b5b5b5;
    width: 246px;
    height: 176px
}

.pic-info .p-info-box .p-dtl li {
    width: 123px;
    float: left;
    margin-bottom: 8px
}

.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-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    max-height: 23px
}

.pic-info .p-info-box .p-tips span {
    font-size: 12px;
    color: #fff;
    margin-right: 5px;
    height: 23px;
    vertical-align: middle;
    line-height: 23px;
    padding: 0 5px;
    float: left
}

.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 {
    width: 100%;
    height: 1px;
    padding: 0;
    margin: 0 auto 10px;
    background-color: #d5d5d5;
    overflow: hidden
}

.pic-info .p-info-box .p-note-b {
    width: 246px;
    height: 63px;
    margin-top: 10px
}

.pic-info .p-info-box .p-note {
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fbfbfb;
    width: 246px;
    height: 64px;
    position: absolute
}

.pic-info .p-info-box .p-note #p-note-info {
    display: inline-block;
    height: 43px;
    width: 226px;
    background: #fbfbfb;
    margin-top: 10px;
    margin-left: 10px;
    border: 0;
    font-size: 12px;
    position: absolute
}

.pic-info .p-info-box .p-note .code-color {
    color: #999
}

.pic-info .p-info-box .p-update {
    color: #b5b5b5;
    font-size: 12px;
    position: absolute;
    bottom: 120px
}

.pic-info .p-info-box .pf-btn {
    height: 30px;
    width: 249px;
    position: absolute;
    bottom: 79px
}

.pic-info .p-info-box .pf-btn span {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin-bottom: 18px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fbfbfb;
    width: 110px;
    height: 30px;
    color: #000;
    position: relative;
    bottom: 0
}

.pic-info .p-info-box .pf-btn .duibi {
    float: left;
    font-size: 12px;
    cursor: pointer
}

.pic-info .p-info-box .pf-btn .quxiaoduibi {
    background: #e6e6e6
}

.pic-info .p-info-box .pf-btn .guanzhu {
    float: right;
    font-size: 12px;
    cursor: pointer
}

.pic-info .p-info-box .p-btn {
    height: 30px;
    width: 249px;
    position: absolute;
    bottom: 79px
}

.pic-info .p-info-box .p-btn span {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fbfbfb;
    width: 110px;
    height: 30px;
    position: relative;
    bottom: 0
}

.pic-info .p-info-box .p-btn .quxiao {
    float: left;
    cursor: pointer
}

.pic-info .p-info-box .p-btn .tianjia {
    float: right;
    color: #3072f6;
    cursor: pointer
}

.pic-info .p-info-box .p-phone {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #f15044;
    width: 246px;
    height: 45px;
    position: absolute;
    bottom: 12px
}

.pic-info .p-info-box .t-phonetag {
    position: absolute;
    padding-top: 12px;
    bottom: 23px
}

.pic-info .p-info-box .t-phonetag .btn_phone_ll {
    display: inline-block;
    width: 249px;
    height: 25px;
    line-height: 25px;
    padding: 7px 0 8px;
    background: #f15044;
    border-radius: 2px;
    text-align: center
}

.pic-info .p-info-box .t-phonetag .btn_phone_ll i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../image/btn_phone_B.png);
    background: -webkit-image-set(url(../image/btn_phone_B.png) 1x, url(../../pages/detail/img/btn_phone_B@2x.png?f5ce8f686088cd0a6e25) 2x);
    background-repeat: no-repeat;
    overflow: hidden;
    vertical-align: middle
}

.pic-info .p-info-box .t-phonetag .btn_phone_ll span {
    display: inline-block;
    font-size: 18px;
    font-family: Hiragino Sans GB, Microsoft Yahei UI, Microsoft Yahei, "\5FAE\8F6F\96C5\9ED1", Segoe UI, Tahoma, "\5B8B\4F53", SimSun, sans-serif;
    color: #fff;
    vertical-align: middle
}

.lianjia-header-xinfang {
    color: #333;
    background: #ececec;
    height: 36px;
    line-height: 36px
}

.lianjia-header-xinfang .nav-xinfang {
    width: 1000px;
    height: 36px
}

.lianjia-header-xinfang .nav-xinfang ul {
    width: auto;
    margin: 0
}

.lianjia-header-xinfang .nav-xinfang ul li a {
    font-size: 12px;
    color: #555
}

.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 {
    height: 38px;
    line-height: 38px;
    background: #101d37
}

.lianjia-header-article .wrapper {
    width: 1150px
}

.lianjia-header-article .nav-xinfang {
    width: 1150px;
    height: 38px
}

.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 {
    color: #fff;
    background: none
}

.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 {
    vertical-align: top;
    display: inline-block;
    background-image: url(../image/xinfang_sprite.png);
    width: 12px;
    height: 12px;
    margin: 13px 9px 13px 0
}

.lianjia-header-article .nav-xinfang .login i {
    background-position: -340px -106px;
    padding: 13px 0
}

.xinfang-nav {
    background-color: #f5f5f6;
    height: auto;
    line-height: auto
}

.xinfang-nav .split {
    display: inline-block;
    width: 15px;
    height: 28px;
    border: 1px solid transparent;
    border-right-color: #ccc;
    vertical-align: middle
}

.xinfang-nav .map-sign {
    margin-left: 10px;
    cursor: pointer
}

.xinfang-nav .map-sign p {
    padding-left: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAABURJREFUaAXtGVuIW0V0ZhI39wb7EpSui1TaQi0+SLJbvywKC2oFv6RSRbT+FEHpxya7bkEkWii67gYsCvoh1Y+1an/8agUV/bJ2626WIlbUwlqprq9SfOTe7CZ3PCfuSedOZpKbZAsKuZA973PmnHncM3cZi/Kkst5fpCcISY2UZJI7mxEiry5A4rNJ/gvChge1h3LlWxoE7TFS2aUd6Zz3PFlxRGCYjzEp3yTmfCHJa6OCvwvIFIKNcc4rpFCDOCLKISTomqgNSvViCoODJJ1QCdMj3t8oSDjuRlQiRdVJ3ZI8qELikSHSoQjIQCE8dyLOGT+vKiPv//Kks95H8DtvGm+oSplxf2uwFHyrKkIBzhWn3K3EC1VJUT7GubgPlaSUW0gZYVwlCIdSPog4zAmx6jAUoc5tgoQj8PjtTFZmwrPNF1T7UNIoCCv/O/OqgRFHI93QqNhjGivQMAu6VnpMXi8r3gWdX6c5n56fch+p0xrSNEA7MyeYeGqu4Lyq+YdDwfLAbjsL++AmEsMmehc20R6iEeoDMJ0u9q0g2a+qM8n4GyodFbdmgA70ETZz2sfEtpmC842u0zQAKqezpS+kZIO6oUqbSkNye4lWNIpTyaHrhHs1GYQg50eaOUfdlhmoDtO50h4ZsKOcs0UI3K/KenivAleuApGXaSbn5WGJPg5DuRZ+M0zIA8XJ5MlWQ2sZAA6943Do7bI5Wr/W3fBpnl+yyZsGSGVLF5lkG2zGxMeO8NQh/jPRKrQeFTDyZ6I4R2dl31tUnaq4NQCU5aCqiLgQfPiqmNsPneUHuiyV8x7WeUiHOx2TxgpPO9R2QcN8QjJ5L5lwyfKAv000QWsGpGCD8ZiDK0p9blAJwjsOUAnKaXKCEO5VH6s04ZED1G5EZIUOZXBcIRnva8ioJrYu08yI/2TAgldUJzYcJn25WHD7THJrBtiCQCcRvqKZPABPrHXWW0SNFx1Vcd0ax1VpEw4lODyb542t+4qytUTkLJP19wUyeJ1oFUJpPChNUuXpeMsAaABr/gys+Vt1Y21v6OIabZ0DVRtGeRv0B2WVx+PugErb8EgB0Hi+4Dq4WhCPs3imOMF/RLz39CrQq0CvAv/1CkQ6qqMkkR4tP8CC6oFWl0XyBYHnBI8dnJ1KvE+8TmBXCeDn3Co0FtAAGtuhqAOCN8BZ4TjDs4f4T1FtSK+jBAbzMln9w5+BvuhmcrQaEPqXD+cmnXsA1r6MR/HZdgKDT8t11Yr/A/R0a6IE6EDnQv+N7pYT+8Mvf5ufyG07OQiWPfyc03zwnO+Fr19vkY0KM7nSaBCwCZWn4QOL3/vYf+3V+EYycrdy2Zpb74E1HS7utg0e5XOTyZfog/Jln2EM9tT9YY6dajsByWX93zomt4lE4oyJr/LiIlFUaR2HTX1R59nothMAR9M2Z8hfKvsvN5OjrFL1jzTV4fxwU7kibHsT735Pxr475Z+Dad6k+DGhx+Au/ZrDnC+XORO1i6KU+9XrrskITqB34JvsQyaZidd2Aujkrrx0Lv3pz8NJtM3ktFMe5PliseCMt2PfUQIUAD6RPAcz8SzRnUMuY3E2PDvhftKuj64SwGCZsfJ2WQ3mIBGn3eCoD0vmK2fAGTo5wr2O7DsxMtnA1XYa1rfxG5FJH3lCiCfgzWu8c9tsdH7XM6A63DHub15eCk4D7xqVr+PwLf30xk3uzqhvW91epVc1AXIM/yfZDWf5UZiRGPEQwsB/Fyx2B3SgX6v8bvArkgANKDPq7ZRVhkvkt0Qfe/TzF9wFkvVgrwK9CqxOBf4B8z2OcO4jVrwAAAAASUVORK5CYII=") no-repeat 0;
    background-size: 24px 24px
}

.xinfang-nav .map-sign p a {
    font-size: 14px;
    color: #3072f6
}

.xinfang-nav .nav-content {
    line-height: 46px;
    padding: 15px 0 9px
}

.xinfang-nav .sec-list-nav {
    width: 1172px;
    margin: 0 auto;
    padding-bottom: 4px;
    position: relative
}

.xinfang-nav .sec-list-nav .sec-list {
    float: left;
    margin-right: 35px;
    line-height: 46px
}

.xinfang-nav .sec-list-nav .sec-list a {
    font-size: 16px;
    color: #101d37;
    font-weight: 700
}

.xinfang-nav .sec-list-nav .sec-list-on {
    border-bottom: 2px solid #3072f6
}

.xinfang-nav .sec-list-nav .sec-list-on a {
    color: #3072f6
}

.xinfang-nav .sec-list-nav .phone {
    width: 175px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 0;
    top: 18px;
    font-size: 16px;
    color: #101d37;
    letter-spacing: 0;
    padding-left: 22px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAABGdBTUEAALGPC/xhBQAABENJREFUWAmtV12IW1UQPnP2mm3M2ibpKtLd3G5d2sUK1p9iEutPhApifVXEFixUUUEQCkoFH/bF3z4pCCL40qJQRShSqIoPQazbSCvdPtSlbO2apD5UN8mW3ST7d8c5t57jycn9y9b7kJn55ps5c+b83BvG6EnZ+ZeEdJ+UnfstmcmitF2pAyA9CqT4NyWo6Ek796sEuasg3isBN4eKJxQox7uIziHBsJg19Hfl1J+SraSI0KOUg5Tusgi8ZzR+07lLrWXO4KAiyCiqsM0Q+6XtylQm1+wANAP0sRuVUlfG6/PUIkxVESi0ajqFzWVa6v9wakv2bpPkZgBgh4UDV9gkrdf7el9UUeQ4ioj7zAyKIByFQsESDVIkYOdcQsrOTiGyMekAgGP18ulnpR0kIZXJLtAEbu4iAfu9US6NduEGwAH4fgNzzSjBgtjXmqteiCcz95GupiAcibQ92WpUp4Qe9Kgm2fZDqWu4XDPJfRbPzl6e+MXEpa0SSIAaeoIaukfaQZKafaIrgQxI27lnHMRj0vaTvgn0gLT98HbE5TPIMC5xGn2KlvpON8FwPh9fuOKcoQMGBG6XpCgS0qOPZJylxbJOlhtcx/x0bgYLYtAJNROp86Y79LnquJfumcCL6Id5JqAOf+IXYOIcGHxhgokhOGhifra7jPrN9S8RaSU8qzMTXScBf95w0HWYmzUwT1PtRFq6KnV/qJMFtUbl9MZOrNNSCQTsMRUB48AwT8xfwY/oSn9BANS3Vq08kaBmY8c8R2/bERME44H5qtOUwcIn9gldonTWkC5c4+m6OA2/blIl57sSSALdlfN0Vyak7SVp+AsdU9BJ9UppgEZ4S8dMPTHEd/pWoJNpvp/SfF/UMR7rt2uXfqyoBJu2FQab7dZJ6tBOnSh0KvXIjjviB4rF4orpu1EbBsd23bLSXD1La7M1LBlw/mr9j4mPw3i9+Pv6E5vOU8C2SEGIT65LZTa056rfReJHIHGGYJye4Chw2MvBjN68nLZq6JtHT4nA//u21B1r1Pl6sF6ns70UFk/H/tTjOdtqlH8+Gsbtxc/L5Z/qFkA+LIiO0a4fSpV3wni9+tUxvH0kN7Lo4CR9VawPSkIBTW7xx4I+V4LiTZ8qQDro0viSZvu0tP0l/AUW7q5fLolTtOanqwCRaaOd272K+D2pnn59NLcjfXzv7MzEcR1Pb84fQAdfQ8AxQHaVUh2HWOwDcfvpPN8BxsfH+Yefffs5vToifSmLpJSsSj8VWsbgPQXw9WAstXd6+uSibwGyypGRwro5p/0VLctTEvu/JL1sXgktQA5GBQC19T2Sb0jsRiUNvhC5AH0w8bXrsKUj9OK6X8d71eluObSmAvSBklse3AyrztvUmecIj5aP/kDxWPzR2nSxGi1AHzFEv/WuwsDqtfYeB9gTwPABqilDb1ral+wilfdNEuKHZ2aKbZnmH0lDW+JHgqDUAAAAAElFTkSuQmCC") no-repeat 0;
    background-size: 16px 16px;
    font-weight: 700
}

.xinfang-nav .sec-list-nav .phone span {
    display: inline-block;
    padding: 0 2px
}

.xinfang-nav .breadcrumbs {
    line-height: 17px;
    display: inline-block;
    margin-left: 22px
}

.xinfang-nav .breadcrumbs,
.xinfang-nav .breadcrumbs a,
.xinfang-nav .breadcrumbs span {
    font-size: 12px;
    color: #9399a5
}

.xinfang-nav .download-app-wrapper {
    cursor: pointer
}

.xinfang-nav .download-app-wrapper .download-text {
    line-height: 22px;
    font-size: 16px;
    color: #333
}

.xinfang-nav .download-app-wrapper .download-text i {
    display: inline-block;
    width: 14px;
    height: 18px;
    margin-right: 11px;
    vertical-align: middle;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAAXNSR0IArs4c6QAAALFJREFUOBFjNDEx8WRgYJj1//9/GSBNEDAyMj4BKkpjBGp8DNT0HiiwjqAuoAKg2iCgWkEWkE1AxtwzZ840EKMRaBFIcz0TMYqxqRnViC1UoGJkBw4LNkNhqQkqlwaM4+3o6nDZCE6CoMQB1DALXROIj0sjNrUoYrg0poESMwgDVaeh6IBysPoR6idZbBpgYrhshMnjpFlAzgFlFVCqJwaA1IL0gJwK8g8oFOuJ0QjzNwDbjTtSsrWSrgAAAABJRU5ErkJggg==") no-repeat;
    background-size: contain
}

.xinfang-nav .download-app-wrapper .download-text a {
    vertical-align: middle;
    text-decoration: none
}

.xinfang-nav dl.city-list {
    line-height: 28px;
    margin-left: 15px;
    color: #2b2b2b;
    display: inline-block;
    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 {
    margin: 0;
    line-height: 27px;
    display: block;
    padding-left: 7px;
    color: #2b2b2b;
    cursor: pointer
}

.xinfang-nav dl.city-list a:hover {
    background-color: #f9f9f9;
    text-decoration: none
}

.xinfang-nav dl.city-list dd {
    display: none;
    border: 1px solid #ccc;
    background: #fff;
    margin-top: -1px;
    padding-top: 6px;
    padding-bottom: 6px;
    position: absolute;
    left: 0;
    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;
    margin-left: 14px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle
}

.xinfang-nav .logo {
    width: 138px;
    height: 30px;
    background: url(../image/logo.png) no-repeat 0;
    background-image: -webkit-image-set(url(../image/logo.png) 1x, url(../image/logo@2x.png) 2x);
    background-size: 100% 100%
}

.xinfang-nav .logo,
.xinfang-nav .nav-list {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

.xinfang-nav .nav-list {
    margin-left: 20px;
    top: 26px;
    line-height: 1
}

.xinfang-nav .nav-list li {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    list-style: none;
    margin-right: 30px
}

.xinfang-nav .nav-list li:last-child {
    margin-right: 0
}

.xinfang-nav .nav-list li a {
    color: #333;
    font-size: 16px
}

.xinfang-nav .nav-list li a.check {
    color: #3072f6
}

.xinfang-nav .ren-con {
    *zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    position: relative
}

.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 {
    position: absolute;
    z-index: 2;
    background: #fff;
    width: 350px;
    height: 220px;
    right: -135px;
    top: 68px;
    overflow: auto;
    padding: 0 20px 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: ""0 1px 3px rgba(0, 0, 0, .2) 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px 1px 2px ""rgba(0, 0, 0, .2) rgba(0, 0, 0, .2)
}

.xinfang-nav .ren-con .r-container .recent-detail .loading {
    width: 20px;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.xinfang-nav .ren-con .r-container .recent-detail ul {
    position: relative;
    line-height: 0
}

.xinfang-nav .ren-con .r-container .recent-detail ul li {
    border-bottom: 1px solid #e4e4e4;
    *zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    padding: 20px 0
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .delete {
    color: #999;
    float: right;
    line-height: 50px;
    cursor: pointer
}

.xinfang-nav .ren-con .r-container .recent-detail ul li img {
    width: 70px;
    height: 55px;
    margin-right: 15px
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .info p {
    line-height: 19px;
    font-size: 12px
}

.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-weight: 700;
    font-size: 16px;
    margin-right: 10px
}

.xinfang-nav .ren-con .r-container .recent-detail ul li .info p span {
    padding: 2px;
    margin-right: 5px;
    font-size: 12px
}

.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 {
    height: 40px;
    position: absolute;
    bottom: 0;
    color: #999;
    background: #fff;
    line-height: 40px;
    z-index: 3;
    top: 288px;
    width: 390px;
    right: -135px;
    text-align: center;
    display: none
}

.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 {
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    right: 19px;
    float: right
}

.xinfang-nav .phone {
    background: url(../image/Sprite_Graphic_v2.png) no-repeat -83px -10px;
    width: 18px;
    height: 14px;
    *zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    vertical-align: -2px
}

.xinfang-nav .connect {
    line-height: 46px;
    color: #3072f6
}

.xinfang-nav .bar-search-box {
    width: 400px;
    height: 46px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.xinfang-nav .bar-search-box input {
    box-sizing: border-box;
    width: 400px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    padding-left: 15px;
    top: 0;
    left: 0;
    border: none;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 hsla(0, 0%, 92.2%, .5)
}

.xinfang-nav .bar-search-box input:focus {
    box-shadow: none
}

.xinfang-nav .bar-search-box button {
    display: inline-block;
    width: 46px;
    height: 46px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0
}

.xinfang-nav .bar-search-box button i {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    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
}

.xinfang-nav .bar-search-box ul {
    display: none;
    width: 400px;
    background-color: #fff;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .5);
    border-top: 0;
    box-sizing: border-box;
    margin-top: 40px;
    position: relative;
    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 {
    position: relative;
    width: 100%;
    display: inline-block;
    color: #333;
    font-size: 12px;
    text-decoration: none
}

.xinfang-nav .bar-search-box ul li a .type {
    padding: 4px;
    border-radius: 2px;
    margin-left: 10px;
    background-color: #f4f7f9;
    text-align: center;
    color: #849aae
}

.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 {
    display: inline-block;
    height: 19px;
    padding-left: 29px;
    line-height: 19px;
    background: url(../image/article_login_sprite.png) 0 0 no-repeat;
    background: -webkit-image-set(url(../image/article_login_sprite.png) 1x, url(../../common/img/article_login_sprite@2x.png?f8392b89c0adc827c182) 2x) 0 0 no-repeat
}

.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 {
    display: inline-block;
    height: 19px;
    padding-left: 29px;
    line-height: 19px;
    font-size: 16px !important;
    background: url(../image/article_login_sprite.png) 0 -19px no-repeat;
    background: -webkit-image-set(url(../image/article_login_sprite.png) 1x, url(../../common/img/article_login_sprite@2x.png?f8392b89c0adc827c182) 2x) 0 -19px no-repeat
}

.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(../image/line.png) no-repeat;
    width: 100%;
    height: 2px;
    margin-top: 30px;
    margin-bottom: 30px
}

.new-search {
    width: 100%;
    background-color: #edeff1;
    height: 72px
}

.new-search-box {
    position: relative;
    width: 1000px;
    height: 72px;
    line-height: 72px;
    margin: 0 auto
}

.new-search-box .input-box {
    display: inline-block;
    height: 36px;
    width: 407.5px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 18px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
    -o-box-shadow: ""0 1px 2px rgba(0, 0, 0, .08) 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 1px 2px ""rgba(0, 0, 0, .08) rgba(0, 0, 0, .2)
}

.suggest-title {
    background-color: #edeff1;
    color: #849aae;
    font-size: 14px;
    padding: 0 15px;
    height: 35px;
    line-height: 35px
}

.set-hisNone {
    cursor: pointer
}

.set-hisNone:hover {
    text-decoration: underline
}

.input-box input {
    position: absolute;
    width: 371.5px;
    height: 36px;
    padding-left: 15px;
    border-width: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    top: 0;
    left: 0;
    line-height: 36px
}

.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 {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: #f15044;
    position: absolute;
    right: 0;
    top: 0
}

.input-box button i {
    display: block;
    margin: 4px auto 0;
    width: 20px;
    height: 20px;
    background: url(../image/btn-search.png) no-repeat left -2px;
    background-image: -webkit-image-set(url(../image/btn-search.png) 1x, url(../../common/img/btn-search_2.png?998af6d910962389d66e) 2x)
}

.input-box ul {
    display: none;
    width: 371.5px;
    background-color: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    -o-box-shadow: ""0 2px 2px rgba(0, 0, 0, .175) 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 1px 2px ""rgba(0, 0, 0, .175) rgba(0, 0, 0, .2);
    border: 1px solid #ebebeb;
    border-top: 0;
    box-sizing: border-box;
    margin-top: 41px;
    position: relative;
    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 {
    position: relative;
    width: 100%;
    display: inline-block;
    color: #333;
    font-size: 12px;
    text-decoration: none
}

.input-box ul li a .type {
    padding: 4px;
    border-radius: 2px;
    margin-left: 10px;
    background-color: #f4f7f9;
    text-align: center;
    color: #849aae
}

.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 {
    position: absolute;
    left: 406px;
    margin-left: 20px;
    color: #555;
    font-size: 12px
}

.his-search .his-search-name {
    color: #999
}

.his-search a {
    margin-right: 8px;
    color: #555
}

.search-map {
    position: absolute;
    right: 0;
    top: 18px;
    display: inline-block;
    width: 104px;
    height: 36px;
    line-height: 36px;
    background-color: #3072f6;
    border-radius: 2px;
    color: #fff;
    text-align: center
}

.welcome {
    font-size: 0 !important
}

.lianjia-header .nav ul li.hover dd {
    background-color: #fff;
    margin-left: 0
}

.match-nav {
    position: fixed;
    bottom: 281px;
    right: 5px;
    font-size: 12px;
    z-index: 1
}

.unadd-nav-box {
    width: 45px;
    height: 75px;
    border: 1px solid #efeeef;
    border-top-color: #f9f9f9;
    border-radius: 2px;
    background-color: #fff
}

.unadd-nav-name {
    width: 25px;
    padding: 5px 10px;
    color: #666
}

.unadd-nav-name,
.unadd-nav-num {
    display: inline-block;
    font-size: 12px
}

.unadd-nav-num {
    width: 45px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #999;
    background-color: #f9f9f9
}

.add-nav-box {
    border: 1px solid #efeeef;
    border-top-color: #f9f9f9;
    border-radius: 2px;
    background-color: #fff
}

.add-nav-header {
    color: #666;
    padding: 9px 10px;
    border-bottom: 1px solid #eee
}

.add-nav-header .add-nav-header-num {
    color: #3072f6;
    font-weight: 700
}

.add-nav-name {
    padding-top: 10px;
    padding-bottom: 8px
}

.add-nav-name>span {
    display: block;
    color: #333;
    padding: 5px 10px
}

.add-nav-name>span span {
    width: 95px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden
}

.add-nav-name span i {
    cursor: pointer;
    float: right;
    color: #e4e4e4;
    font-weight: 700
}

.add-nav-btn {
    padding: 0 9px
}

.add-nav-btn .clear-btn {
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: #9a9a9a;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    cursor: pointer
}

.add-nav-btn .jumpMatch {
    color: #3072f6
}

.add-nav-btn .jumpMatch:hover {
    border: 1px solid #2b66dc
}

.go-top {
    visibility: hidden;
    width: 100%;
    height: 22px;
    box-sizing: border-box;
    text-align: center;
    line-height: 22px;
    border: 1px solid #efeeef;
    border-radius: 2px;
    margin-top: 5px;
    background-color: #fff
}

.crumb {
    padding: 20px 0;
    font-size: 0;
    height: 18px
}

.crumb a,
.crumb span {
    font-size: 12px;
    color: #888;
    *zoom: 1;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle
}

.crumb a:hover {
    text-decoration: underline
}

.crumb .stp {
    margin: 0 5px;
    font-size: 12px
}

.tab-lst {
    float: left
}

.tab-lst li {
    float: left;
    line-height: 46px;
    height: 46px
}

.tab-lst li a {
    display: inline-block;
    font-size: 16px;
    padding: 0 26px;
    color: #555
}

.tab-lst li a:hover {
    transition: all .2s ease;
    transition: all all .2s ease ease;
    text-decoration: underline
}

.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% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        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% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.validate .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }
}

.validate .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    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);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    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);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.validate .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes bounceDis {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceDis {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

.validate .bounceDis {
    -webkit-animation-name: bounceDis;
    animation-name: bounceDis
}

.validate header {
    width: 90%;
    text-align: center;
    padding: 5%;
    letter-spacing: 2px;
    color: #333;
    font-size: 1.2em;
    text-shadow: 0 0 2px #999
}

.validate .demo {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.validate .demo a {
    margin: 0 5px 20px;
    background-color: #eee
}

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

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    80% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

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

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

.validate #valideteMain {
    width: 420px;
    height: 458px;
    display: none;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -215px;
    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 {
    width: 90%;
    margin: 0 auto;
    letter-spacing: 1px;
    padding: 18px 0;
    text-align: right;
    position: relative
}

.validate .validateTop a {
    font-size: 23px;
    color: #ccc
}

.validate .validateTop a.validateCloseBtn {
    background: url(../image/detail.png) -293px -125px no-repeat;
    display: block;
    width: 41px;
    height: 56px;
    position: absolute;
    right: -45px;
    top: -23px
}

.validate .validForm h3 {
    color: #39ac6a;
    margin-left: 40px;
    font-size: 25px
}

.validate .validForm p {
    margin-bottom: 25px
}

.validate .validForm ul {
    margin: 8px 0
}

.validate .validForm .others {
    width: 260px;
    height: 80px;
    padding: 5px;
    border: 1px solid #d0d0d0;
    color: #333
}

.validate .validForm .dfequ {
    width: 157px;
    height: 24px;
    margin-left: 8px;
    padding: 5px;
    border: 1px solid #d0d0d0;
    color: #333
}

.validate .validForm .jiudin {
    width: 336px;
    height: 40px;
    background: #39ac6a;
    cursor: pointer;
    margin-top: 10px;
    text-align: center;
    line-height: 40px
}

.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 {
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px dotted transparent;
    box-sizing: border-box
}

.mod-scroll_bar-x {
    width: 100%;
    height: 9px;
    bottom: 0;
    left: 0;
    font-size: 0
}

.mod-scroll_bar-x,
.mod-scroll_bar-y {
    background: #000;
    opacity: .1;
    filter: alpha(opacity=10);
    border-radius: 5px;
    position: absolute;
    z-index: 3
}

.mod-scroll_bar-y {
    width: 9px;
    height: 100%;
    top: 0
}

.mod-scroll_thumb-x {
    width: 30%;
    height: 9px;
    bottom: 0;
    left: 0;
    font-size: 0
}

.mod-scroll_thumb-x,
.mod-scroll_thumb-y {
    background: #000;
    position: absolute;
    opacity: .5;
    filter: alpha(opacity=50);
    border-radius: 5px;
    z-index: 3
}

.mod-scroll_thumb-y {
    width: 9px;
    height: 30%;
    top: 0
}

.mod-scroll--activate .mod-scroll_bar-x,
.mod-scroll--activate .mod-scroll_bar-y {
    opacity: .2;
    filter: alpha(opacity=20)
}

.mod-scroll--activate .mod-scroll_thumb-x,
.mod-scroll--activate .mod-scroll_thumb-y {
    opacity: .6;
    filter: alpha(opacity=60)
}

body {
    background-color: #f1f1f1
}

input::-ms-clear {
    display: none
}

.sprite {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block
}

.sprite-arrow {
    width: 7px;
    height: 4px;
    background-position: -5px -5px
}

.sprite-bg_icon_s {
    width: 33px;
    height: 34px;
    background-position: -22px -5px
}

.sprite-bg_l {
    width: 10px;
    height: 9px;
    background-position: -65px -5px
}

.sprite-bg_r {
    width: 30px;
    height: 27px;
    background-position: -85px -5px
}

.sprite-biao {
    width: 16px;
    height: 15px;
    background-position: -125px -5px
}

.sprite-bluePoint {
    width: 23px;
    height: 28px;
    background-position: -151px -5px
}

.sprite-book {
    width: 10px;
    height: 11px;
    background-position: -184px -5px
}

.sprite-chengnuo {
    width: 52px;
    height: 14px;
    background-position: -65px -43px
}

.sprite-clock {
    width: 17px;
    height: 16px;
    background-position: -184px -26px
}

.sprite-dianfu {
    width: 41px;
    height: 41px;
    background-position: -127px -43px
}

.sprite-duigou {
    width: 25px;
    height: 26px;
    background-position: -5px -52px
}

.sprite-erweima {
    width: 27px;
    height: 27px;
    background-position: -178px -52px
}

.sprite-huishou {
    width: 41px;
    height: 41px;
    background-position: -5px -94px
}

.sprite-icon_b_l {
    width: 46px;
    height: 88px;
    background-position: -56px -89px
}

.sprite-icon_b_r {
    width: 46px;
    height: 88px;
    background-position: -112px -94px
}

.sprite-icon_b_x {
    width: 33px;
    height: 33px;
    background-position: -168px -94px
}

.sprite-icon_s_l {
    width: 6px;
    height: 13px;
    background-position: -40px -52px
}

.sprite-icon_s_r {
    width: 8px;
    height: 13px;
    background-position: -168px -137px
}

.sprite-jiang {
    width: 9px;
    height: 11px;
    background-position: -186px -137px
}

.sprite-loan {
    width: 22px;
    height: 11px;
    background-position: -5px -158px
}

.sprite-loan-gray {
    width: 22px;
    height: 11px;
    background-position: -186px -158px
}

.sprite-mapPoint {
    width: 35px;
    height: 40px;
    background-position: -215px -5px
}

.sprite-more {
    width: 13px;
    height: 14px;
    background-position: -215px -55px
}

.sprite-namePoint {
    width: 17px;
    height: 8px;
    background-position: -215px -79px
}

.sprite-point {
    width: 10px;
    height: 11px;
    background-position: -238px -55px
}

.sprite-redPoint {
    width: 23px;
    height: 28px;
    background-position: -211px -97px
}

.sprite-rili {
    width: 16px;
    height: 17px;
    background-position: -218px -135px
}

.sprite-shizhong {
    width: 10px;
    height: 11px;
    background-position: -242px -76px
}

.sprite-tax {
    width: 16px;
    height: 17px;
    background-position: -218px -162px
}

.sprite-tax-gray {
    width: 16px;
    height: 17px;
    background-position: -5px -189px
}

.sprite-tree {
    width: 10px;
    height: 11px;
    background-position: -244px -97px
}

.sprite-you {
    width: 14px;
    height: 14px;
    background-position: -31px -189px
}

.sprite-zhen {
    width: 41px;
    height: 41px;
    background-position: -55px -189px
}

.sprite-zhong {
    width: 10px;
    height: 10px;
    background-position: -244px -118px
}

.sprite-zijin {
    width: 41px;
    height: 41px;
    background-position: -168px -189px
}

.justify_fix {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden
}

.content-wrapper {
    margin: 0 auto
}

.content-wrapper,
.xinfangPush {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px
}

.xinfangPush {
    margin: 15px auto 0;
    line-height: 1;
    padding: 32px 0
}

.xinfangPush h3 {
    width: 928px;
    margin: 0 auto;
    font-size: 22px
}

.xinfangPush ul {
    width: 928px;
    margin: 32px auto 0;
    text-align: justify
}

.xinfangPush ul li {
    width: 215px;
    position: relative;
    vertical-align: top;
    display: inline-block
}

.xinfangPush ul li img {
    width: 100%;
    height: 165px
}

.xinfangPush ul li .description {
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    top: 137px;
    left: 0;
    padding: 0 12px;
    width: 100%
}

.xinfangPush ul li .description .title {
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px
}

.xinfangPush ul li .description .type {
    color: #efefef;
    line-height: 17px;
    font-size: 12px;
    border: 1px solid #efefef;
    vertical-align: middle;
    padding: 0 5px;
    display: inline-block;
    border-radius: 2px;
    margin-left: 6px
}

.xinfangPush ul li .price {
    margin-top: 12px
}

.xinfangPush ul li .price .average {
    font-weight: 700;
    font-size: 14px;
    color: #333
}

.xinfangPush ul li .price .average span {
    color: #e4393c
}

.xinfangPush ul li .price .lowest {
    font-size: 12px;
    color: #666
}

.xinfangPush ul li .area {
    margin-top: 10px;
    font-size: 12px
}

.xinfangPush ul li .bg {
    background: url(../image/bg_1px.png) repeat-x;
    width: 100%;
    height: 45px;
    position: absolute;
    top: 120px
}

.title-wrapper {
    height: 125px;
    line-height: 125px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    background-color: #fcfcfc
}

.title-wrapper .content {
    display: inline-block;
    width: 928px;
    vertical-align: middle;
    line-height: 1;
    text-align: left
}

.title-wrapper .content .title {
    display: table-cell
}

.title-wrapper .content .title .main {
    font-size: 26px;
    color: #333;
    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 {
    margin-top: 15px;
    font-size: 14px;
    color: #aaa
}

.title-wrapper .content .btnContainer {
    display: table-cell;
    width: 1000px;
    text-align: right;
    vertical-align: middle
}

.title-wrapper .content .btnContainer button {
    display: inline-block;
    width: 98px;
    height: 34px;
    background-color: #39ac6a;
    border: 1px solid #34724f;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.title-wrapper .content .btnContainer.disable button {
    background-color: #999;
    border-color: #8e8e8e
}

.title-wrapper i {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 2px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 27px;
    height: 27px;
    background-position: -178px -52px
}

.title-wrapper i .barcode {
    display: none;
    position: absolute;
    top: 0;
    right: -118px;
    width: 108px;
    height: 125px;
    border-radius: 2px;
    box-shadow: 1px 0 3px rgba(13, 4, 9, .2);
    background-color: #fff
}

.title-wrapper i .barcode img {
    width: 90px;
    height: 90px;
    margin: 9px auto 0;
    display: block
}

.title-wrapper i .barcode .des {
    line-height: 1;
    text-align: center;
    font-size: 12px;
    color: #333
}

.title-wrapper i:hover .barcode {
    display: block
}

.overview {
    width: 928px;
    padding: 36px;
    background-color: #fff
}

.overview .img {
    display: inline-block;
    width: 454px;
    cursor: pointer
}

.overview .img .imgContainer {
    position: relative
}

.overview .img .imgContainer .ziroomTag {
    background: #fcb846;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    padding: 5px 7px
}

.overview .img .imgContainer img {
    width: 454px;
    height: 340px;
    display: block
}

.overview .img .imgContainer span {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background-color: rgba(0, 0, 0, .7);
    font-size: 12px;
    color: #fff;
    padding: 0 11px;
    line-height: 32px;
    border-radius: 2px
}

.overview .img .imgContainer .loading {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../image/loading.gif) 50% no-repeat
}

.overview .img .thumbnail {
    position: relative;
    margin-top: 6px;
    width: 454px;
    height: 82px
}

.overview .img .thumbnail ul {
    white-space: nowrap;
    overflow: hidden;
    height: 82px;
    font-size: 0
}

.overview .img .thumbnail ul li {
    display: inline-block;
    width: 109px;
    height: 82px;
    margin-left: 6px
}

.overview .img .thumbnail ul li:first-child {
    margin-left: 0
}

.overview .img .thumbnail ul li img {
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50)
}

.overview .img .thumbnail ul li.selected img,
.overview .img .thumbnail ul li img:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.overview .img .thumbnail .pre {
    left: 0
}

.overview .img .thumbnail .next,
.overview .img .thumbnail .pre {
    position: absolute;
    top: 0;
    line-height: 82px;
    width: 32px;
    text-align: center;
    font-size: 20px;
    color: #cac9c9;
    opacity: .8;
    filter: alpha(opacity=80);
    background-color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.overview .img .thumbnail .next {
    right: 0
}

.overview .content {
    display: inline-block;
    float: right;
    width: 437px;
    line-height: 1
}

.overview .content .price {
    position: relative;
    height: 49px;
    white-space: nowrap
}

.overview .content .price .totalPrice {
    display: inline-block;
    width: 87%
}

.overview .content .price .total {
    display: inline-block;
    font-family: Tahoma;
    font-size: 46px;
    line-height: 37px;
    height: 38px;
    color: #e4393c;
    font-weight: 700;
    letter-spacing: -1px;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis
}

.overview .content .price .unit {
    display: inline-block;
    margin-left: 7px;
    font-size: 16px;
    color: #e4393c;
    height: 37px;
    vertical-align: 2px
}

.overview .content .price .unit i {
    margin: 0 auto;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 9px;
    height: 11px;
    background-position: -186px -137px;
    display: block
}

.overview .content .price .unit span {
    display: block;
    margin-top: 9px
}

.overview .content .price .text {
    font-size: 12px;
    color: #333;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px
}

.overview .content .price .text .unitPrice {
    font-weight: 700
}

.overview .content .price .text .unitPrice span {
    margin-left: 5px;
    color: #e4393c
}

.overview .content .price .text .tax {
    margin-top: 13px;
    font-weight: 700
}

.overview .content .price .text .tax span {
    font-weight: 400;
    margin-left: 2px
}

.overview .content .price .text .tax .detail {
    font-weight: 400;
    color: #999;
    margin-left: 8px
}

.overview .content .price .compute {
    font-weight: 400;
    font-size: 12px;
    color: #009de8;
    display: inline-block;
    width: 13%;
    text-align: right
}

.overview .content .price .removeIcon {
    display: none;
    width: 150px;
    height: 112px;
    position: absolute;
    right: -25px;
    top: -31px;
    background: url(../image/isRemove.png) no-repeat
}

.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 {
    box-sizing: border-box;
    margin-top: 12px;
    width: 100%;
    height: 82px;
    border: 1px solid #e4e3e3;
    padding: 20px 0;
    background-color: #fcfcfc
}

.overview .content .houseInfo .mainInfo {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.overview .content .houseInfo .subInfo {
    text-align: center;
    margin-top: 8px;
    font-size: 12px;
    color: #999
}

.overview .content .houseInfo .room {
    display: table-cell;
    width: 143px
}

.overview .content .houseInfo .area {
    display: table-cell;
    width: 144px;
    border-left: 1px solid #e4e3e3;
    border-right: 1px solid #e4e3e3
}

.overview .content .houseInfo .type {
    display: table-cell;
    width: 146px
}

.overview .content .aroundInfo {
    padding: 22px 0;
    border-bottom: 1px solid #eee;
    font-size: 12px
}

.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(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 11px;
    background-position: -244px -97px
}

.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(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 11px;
    background-position: -238px -55px
}

.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(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 11px;
    background-position: -184px -5px
}

.overview .content .aroundInfo .schoolName .info a {
    color: #39ac6a
}

.overview .content .aroundInfo .schoolName .schoolType {
    width: 14px;
    background-position: -31px -189px;
    margin-left: 5px
}

.overview .content .aroundInfo .schoolName .more,
.overview .content .aroundInfo .schoolName .schoolType {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    vertical-align: -1px
}

.overview .content .aroundInfo .schoolName .more {
    width: 13px;
    background-position: -215px -55px;
    margin-left: 6px;
    position: relative
}

.overview .content .aroundInfo .schoolName .more ul {
    display: none;
    position: absolute;
    bottom: 17px;
    left: -72px;
    padding: 6px 11px;
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    border-radius: 2px
}

.overview .content .aroundInfo .schoolName .more ul li {
    white-space: nowrap;
    margin: 6px 0;
    color: #39ac6a
}

.overview .content .aroundInfo .schoolName .more ul li i {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -31px -189px
}

.overview .content .aroundInfo .schoolName .more:hover ul {
    display: block
}

.overview .content .aroundInfo .visitTime {
    margin-top: 14px
}

.overview .content .aroundInfo .visitTime i {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 10px;
    height: 11px;
    background-position: -242px -76px
}

.overview .content .brokerInfo {
    font-size: 0;
    padding: 21px 0 15px;
    border-bottom: 1px solid #e4e3e3
}

.overview .content .brokerInfo img {
    border-radius: 50%;
    width: 76px;
    height: 76px
}

.overview .content .brokerInfo .brokerInfoText {
    display: inline-block;
    width: 340px;
    margin-left: 21px
}

.overview .content .brokerInfo .brokerInfoText .brokerName .name {
    vertical-align: middle;
    font-size: 18px;
    color: #333;
    margin-right: 10px
}

.overview .content .brokerInfo .brokerInfoText .brokerName .tag {
    vertical-align: middle;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
    color: #888;
    border: 1px solid #d8d7d8;
    padding: 0 6px;
    margin-right: 6px
}

.overview .content .brokerInfo .brokerInfoText .brokerName .tag.first {
    color: #999;
    background: #f1f1f1;
    border: none
}

.overview .content .brokerInfo .brokerInfoText .evaluate {
    margin-top: 12px;
    font-size: 12px;
    color: #999;
    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 {
    margin-top: 6px;
    font-size: 28px;
    line-height: 24px;
    font-weight: 700;
    color: #e4393c;
    font-family: Tahoma;
    letter-spacing: -1px
}

.overview .content .brokerInfo .brokerInfoText .phone span {
    padding: 0 6px;
    font-size: 14px
}

.overview .content .brokerInfo .noData {
    color: #999;
    font-size: 14px
}

.overview .content .houseRecord {
    margin-top: 20px;
    font-size: 12px;
    color: #333;
    text-align: justify
}

.overview .content .houseRecord .report {
    color: #1ba1e1;
    margin-right: 12px
}

.overview .content .houseRecord .detail {
    color: #999
}

.promise {
    display: none;
    text-align: justify;
    width: 1000px;
    height: 80px;
    margin: 15px auto
}

.promise i {
    margin-left: 22px;
    vertical-align: middle
}

.promise .text {
    display: inline-block;
    margin-left: 14px;
    vertical-align: middle;
    line-height: 1
}

.promise .title {
    font-size: 18px;
    color: #fff
}

.promise .sub {
    font-size: 12px;
    color: #fff;
    margin-top: 8px
}

.promise .item {
    display: inline-block;
    width: 240px;
    height: 80px;
    box-shadow: 0 1px 3px rgba(13, 4, 9, .2);
    border-radius: 2px;
    vertical-align: top;
    line-height: 80px
}

.promise .item a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.promise .item a:hover {
    text-decoration: none
}

.promise .zhen {
    background-color: #ec6941
}

.promise .zhen i {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 41px;
    height: 41px;
    background-position: -55px -189px
}

.promise .jianguan {
    background-color: #faba46
}

.promise .jianguan i {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 41px;
    height: 41px;
    background-position: -168px -189px
}

.promise .huigou {
    background-color: #15ade3
}

.promise .huigou i {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 41px;
    height: 41px;
    background-position: -5px -94px
}

.promise .dianfu {
    background-color: #39ac6a
}

.promise .dianfu i {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 41px;
    height: 41px;
    background-position: -127px -43px
}

.detailPageTab {
    width: 1000px;
    font-size: 0;
    margin: 15px auto 0
}

.detailPageTab ul {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px
}

.detailPageTab li,
.detailPageTab li a {
    display: inline-block
}

.detailPageTab li a {
    width: 138px;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    text-align: center;
    color: #555;
    background-color: #fff;
    position: relative;
    text-decoration: none
}

.detailPageTab li a:after {
    position: absolute;
    bottom: -8px;
    color: #39ac6a;
    display: none;
    line-height: 1;
    left: 62px;
    content: "\25BC"
}

.detailPageTab li a:hover {
    background-color: #f5f5f5
}

.detailPageTab li a.force {
    color: #fff;
    background-color: #39ac6a
}

.detailPageTab li a.force:after {
    display: block
}

.detailPageTab li a.force:hover {
    background-color: #39ac6a
}

.introduction-wrapper {
    margin-top: 15px
}

.introduction-wrapper .introduction {
    width: 928px;
    margin: 0 auto;
    padding-top: 38px;
    padding-bottom: 26px;
    line-height: 1
}

.introduction-wrapper .introduction .title {
    font-size: 22px;
    color: #333;
    margin-bottom: 33px
}

.introduction-wrapper .introduction .name {
    font-size: 16px;
    color: #222;
    font-weight: 700;
    padding-bottom: 12px;
    border-bottom: 2px solid #222
}

.introduction-wrapper .introduction .introContent {
    text-align: justify
}

.introduction-wrapper .introduction .introContent:after {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
    content: " "
}

.introduction-wrapper .introduction .introContent .content {
    margin-top: 25px
}

.introduction-wrapper .introduction .introContent .content ul {
    font-size: 0
}

.introduction-wrapper .introduction .introContent .content ul li {
    display: inline-block;
    width: 50%;
    line-height: 30px;
    font-size: 14px;
    color: #222
}

.introduction-wrapper .introduction .introContent .content ul li .label {
    color: #999
}

.introduction-wrapper .introduction .introContent .base,
.introduction-wrapper .introduction .introContent .transaction {
    display: inline-block;
    width: 444px;
    vertical-align: top
}

.introduction-wrapper .introduction .feature {
    margin-top: 34px
}

.introduction-wrapper .introduction .feature .featureTag {
    line-height: 80px;
    font-size: 0;
    border-bottom: 1px solid #eaeaea
}

.introduction-wrapper .introduction .feature .featureTag a {
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 0 11px;
    background-color: #89c4a4;
    margin-right: 10px;
    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 {
    padding-top: 25px;
    font-size: 14px;
    line-height: 28px;
    overflow: hidden;
    max-height: 255px
}

.introduction-wrapper .introduction .feature .featureContent span {
    display: table-cell
}

.introduction-wrapper .introduction .feature .featureContent .label {
    width: 75px;
    font-weight: 700;
    color: #222
}

.introduction-wrapper .introduction .feature .featureContent .text {
    color: #666
}

.introduction-wrapper .introduction .feature .featureContent .noData {
    text-align: center;
    color: #999
}

.introduction-wrapper .introduction .feature .featureContent .disclaimer {
    font-size: 12px;
    color: #ccc;
    margin-top: 26px;
    line-height: 1
}

.introduction-wrapper .more {
    display: none;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #eaeaea;
    text-align: center;
    font-size: 14px;
    color: #888;
    cursor: pointer
}

.layout-wrapper {
    margin-top: 15px;
    padding-top: 39px;
    padding-bottom: 45px;
    line-height: 1
}

.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 {
    font-weight: 700;
    color: #e4393c;
    padding-top: 5px
}

.layout-wrapper .content-agent img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px
}

.layout-wrapper .layout {
    width: 928px;
    margin: 0 auto;
    font-size: 22px;
    color: #333
}

.layout-wrapper .bar {
    margin-top: 38px;
    background: url(../image/bar.png) no-repeat;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.layout-wrapper .content {
    margin-top: 33px;
    text-align: justify
}

.layout-wrapper .content img {
    width: 443px;
    vertical-align: middle
}

.layout-wrapper .content .des {
    vertical-align: middle;
    display: inline-block;
    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 {
    margin-top: 20px;
    font-size: 0;
    text-align: left;
    overflow: hidden
}

.layout-wrapper .content .des .feature .list span {
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 20px;
    background-color: #f5eedf
}

.layout-wrapper .content .des .feature .list .noData {
    font-size: 14px;
    color: #999
}

.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;
    width: 25%;
    line-height: 47px;
    font-size: 14px
}

.layout-wrapper .content .des .info .list .row .col:first {
    color: #938566
}

.housePic {
    margin-top: 15px;
    padding-top: 46px;
    padding-bottom: 5px
}

.housePic .title {
    width: 928px;
    margin: 0 auto;
    font-size: 22px
}

.housePic .container {
    max-height: 1133px;
    overflow: hidden
}

.housePic .container .list {
    margin: 35px auto 0;
    width: 928px;
    text-align: justify;
    line-height: 0
}

.housePic .container .list div {
    width: 450px;
    height: 338px;
    margin-bottom: 28px;
    display: inline-block;
    position: relative
}

.housePic .container .list div.left_fix {
    height: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 0;
    vertical-align: top
}

.housePic .container .list div img {
    width: 100%;
    height: 100%
}

.housePic .container .list div span {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    line-height: 32px;
    text-align: center;
    padding: 0 11px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 12px
}

.housePic .more {
    display: none;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #eee;
    text-align: center;
    font-size: 14px;
    color: #999;
    cursor: pointer
}

.matchSchool {
    margin-top: 15px;
    padding: 39px 0;
    line-height: 1
}

.matchSchool .title {
    width: 928px;
    margin: 0 auto;
    font-size: 22px
}

.matchSchool .content {
    width: 928px;
    margin: 34px auto 0
}

.matchSchool .content .name {
    font-size: 16px;
    font-weight: 700;
    height: 28px;
    border-bottom: 2px solid #222
}

.matchSchool .content .name a {
    color: #333
}

.matchSchool .content .name .subSchool {
    font-size: 12px;
    color: #999;
    font-weight: 400
}

.matchSchool .content .info {
    padding: 27px 0;
    border-bottom: 1px solid #eee;
    font-size: 14px
}

.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 {
    margin-top: 15px;
    font-size: 0
}

.matchSchool .content .next .nextTitle {
    line-height: 38px;
    color: #999;
    font-size: 14px
}

.matchSchool .content .next .nextContent {
    line-height: 24px;
    font-size: 14px
}

.matchSchool .content .next .direct {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #eee
}

.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 {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    text-align: right
}

.matchSchool .content .next .random div {
    display: inline-block;
    width: 435px;
    text-align: left
}

.calculator {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1;
    font-size: 0
}

.calculator .title {
    border-bottom: 1px solid #e4e4e4
}

.calculator .title div {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    font-size: 18px;
    color: #aaa;
    line-height: 60px;
    text-align: center;
    cursor: pointer
}

.calculator .title i {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 9px
}

.calculator .title .tax-tab {
    border-right: 1px solid #e4e4e4
}

.calculator .title .tax-tab i {
    display: inline-block;
    width: 16px;
    height: 17px;
    background-position: -5px -189px
}

.calculator .title .tax-tab.select {
    color: #222
}

.calculator .title .tax-tab.select i {
    width: 16px;
    height: 17px;
    background-position: -218px -162px
}

.calculator .title .loan-tab i {
    display: inline-block;
    width: 22px;
    height: 11px;
    background-position: -186px -158px
}

.calculator .title .loan-tab.select {
    color: #222
}

.calculator .title .loan-tab.select i {
    width: 22px;
    height: 11px;
    background-position: -5px -158px
}

.calculator .row {
    margin: 13px 0;
    text-align: right
}

.calculator .row label {
    width: 172px;
    text-align: right;
    font-size: 16px;
    color: #222;
    display: inline-block;
    vertical-align: middle
}

.calculator .row .content {
    display: inline-block;
    box-sizing: border-box;
    width: 288px;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 34px;
    font-size: 14px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    cursor: pointer
}

.calculator .row .content.select-content {
    background-color: #f5f5f5
}

.calculator .row .content .itemName {
    margin-left: 12px
}

.calculator .row .content .arrow {
    margin-right: 12px;
    float: right;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 7px;
    height: 4px;
    background-position: -5px -5px;
    margin-top: 16px
}

.calculator .row .content ul {
    display: none;
    position: absolute;
    top: 35px;
    left: -1px;
    width: 100%;
    line-height: 34px;
    border: 1px solid #ccc;
    border-top: 0 solid #ccc;
    background-color: #fff;
    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;
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    box-sizing: border-box;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08)
}

.calculator .row .content .unit {
    position: absolute;
    right: 12px;
    top: 0;
    color: #999;
    font-weight: 700
}

.calculator .row .select {
    width: 170px
}

.calculator .row .input {
    margin-left: 8px;
    width: 110px;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 34px;
    font-size: 14px;
    color: #e4393c;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    position: relative
}

.calculator .row .input input {
    height: 100%;
    width: 100%;
    border: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08);
    padding-left: 12px;
    box-sizing: border-box
}

.calculator .row .input span {
    position: absolute;
    top: 0;
    right: 12px
}

.calculator .tax {
    padding: 27px 0
}

.calculator .tax .option {
    display: inline-block;
    width: 462px;
    vertical-align: middle
}

.calculator .tax .option .btn {
    text-align: right
}

.calculator .tax .option .btn button {
    width: 288px;
    box-sizing: border-box;
    border: 1px solid #34724f;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background-color: #39ac6a;
    border-radius: 2px;
    line-height: 38px
}

.calculator .tax .result {
    display: inline-block;
    vertical-align: middle;
    margin-left: 74px;
    font-size: 0;
    position: relative;
    top: -40px
}

.calculator .tax .result span {
    display: inline-block;
    font-size: 14px
}

.calculator .tax .result .name {
    color: #222;
    width: 84px
}

.calculator .tax .result .value {
    color: #e4393c;
    width: 89px
}

.calculator .tax .result .unit {
    color: #aaa
}

.calculator .tax .result .total {
    height: 45px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 33px
}

.calculator .tax .result .item {
    margin-top: 26px
}

.calculator .tax .pie {
    display: inline-block;
    height: 300px;
    width: 194px;
    margin-left: 30px;
    vertical-align: middle;
    position: relative;
    top: -40px
}

.calculator .loan {
    display: none;
    line-height: 22px;
    padding: 36px 0 10px
}

.calculator .loan .option {
    display: inline-block;
    width: 462px;
    line-height: 44px
}

.calculator .loan .option .row:first-child {
    margin-top: 0
}

.calculator .loan .option .btn {
    text-align: right;
    margin-bottom: 0
}

.calculator .loan .option .btn button {
    width: 288px;
    box-sizing: border-box;
    border: 1px solid #34724f;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background-color: #39ac6a;
    border-radius: 2px;
    line-height: 38px
}

.calculator .loan .title {
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px
}

.calculator .loan .item {
    margin-top: 10px;
    font-size: 0
}

.calculator .loan .item span {
    font-size: 14px;
    display: inline-block
}

.calculator .loan .item .name {
    width: 78px;
    color: #222
}

.calculator .loan .item .value {
    width: 95px;
    color: #e4393c
}

.calculator .loan .item .unit {
    color: #aaa
}

.calculator .loan .item .des {
    height: 12px;
    margin-top: -9px;
    font-size: 12px;
    text-align: right;
    color: #d4d4d4;
    margin-bottom: 20px;
    position: relative
}

.calculator .loan .item .des div {
    position: absolute;
    right: 0;
    white-space: nowrap
}

.calculator .loan .item .des div span {
    font-size: 12px;
    color: #999
}

.calculator .loan .capital {
    margin-left: 76px;
    display: inline-block;
    position: relative;
    top: -65px
}

.calculator .loan .interest {
    margin-left: 72px;
    display: inline-block;
    position: relative;
    top: -65px
}

.calculator .loan .taxagent {
    float: none;
    position: relative;
    margin-top: 5px
}

.calculator .loan .taxagent .fl {
    line-height: 14px
}

.calculator .loan .taxagent .fr {
    padding-top: 21px
}

.record {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px;
    margin: 15px auto 0;
    padding: 42px 0;
    line-height: 1
}

.record .list {
    margin-left: 36px;
    display: inline-block;
    vertical-align: top
}

.record .list .title {
    display: inline-block;
    width: 688px;
    font-size: 22px
}

.record .list .title span {
    float: right;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 33px;
    height: 34px;
    background-position: -22px -5px
}

.record .list .title span i {
    vertical-align: 1px
}

.record .list .title span.pre {
    position: relative;
    margin-right: 7px
}

.record .list .title span.pre i {
    position: absolute;
    top: 11px;
    left: 13px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 13px;
    background-position: -40px -52px
}

.record .list .title span.next {
    position: relative
}

.record .list .title span.next i {
    position: absolute;
    top: 11px;
    left: 13px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 8px;
    height: 13px;
    background-position: -168px -137px
}

.record .list .title span.disable i {
    opacity: .5;
    filter: alpha(opacity=50)
}

.record .list .content {
    margin-top: 37px;
    height: 262px
}

.record .list .content .header {
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(14, 5, 10, .2);
    line-height: 46px;
    font-size: 0
}

.record .list .content .header div {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: #222
}

.record .list .content .header .phone {
    font-weight: 400
}

.record .list .content .row {
    line-height: 70px;
    font-size: 0;
    border-bottom: 1px solid #f5f5f5;
    text-align: center
}

.record .list .content .row div {
    display: inline-block;
    font-size: 14px;
    text-align: center
}

.record .list .content .row .agentName {
    vertical-align: inherit;
    text-align: left
}

.record .list .content .row .agentName span {
    width: auto;
    margin-left: 10px;
    padding-top: 6px
}

.record .list .content .row .noData {
    font-size: 14px;
    color: #999;
    line-height: 222px
}

.record .list .content .item {
    width: 20%;
    vertical-align: middle
}

.record .list .content .item img {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    vertical-align: middle
}

.record .list .content .item span {
    display: inline-block;
    width: 57px;
    vertical-align: middle;
    color: #333
}

.record .list .content .item a:hover {
    text-decoration: none
}

.record .list .content .phone {
    vertical-align: middle;
    width: 40%;
    color: #e4393c;
    font-weight: 700
}

.record .panel {
    display: inline-block;
    width: 173px;
    margin-top: 79px;
    text-align: center;
    margin-left: 51px
}

.record .panel .title {
    font-size: 14px;
    color: #222
}

.record .panel .count {
    font-size: 80px;
    font-family: Tahoma;
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 26px
}

.record .panel .totalCount {
    font-size: 14px;
    margin-top: 14px;
    color: #999
}

.priceChange {
    display: none;
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px;
    margin: 15px auto 0
}

.priceChange .header {
    width: 928px;
    margin: 0 auto;
    padding-top: 39px
}

.priceChange .header .title {
    font-size: 22px
}

.priceChange .header .subTitle {
    font-size: 14px;
    color: #999;
    margin-left: 18px
}

.priceChange .container {
    width: 928px;
    margin: 0 auto;
    height: 200px
}

.dealPrice {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px;
    margin: 15px auto 0
}

.dealPrice .header {
    line-height: 87px;
    height: 87px;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 36px
}

.dealPrice .header .title {
    display: inline-block;
    font-size: 22px
}

.dealPrice .header .des {
    display: inline-block;
    float: right;
    font-size: 14px;
    color: #999
}

.dealPrice .header .des .from {
    display: inline-block;
    margin-right: 18px
}

.dealPrice .header .des .from i {
    vertical-align: -2px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 15px;
    background-position: -125px -5px;
    margin-right: 8px
}

.dealPrice .header .des .update {
    display: inline-block
}

.dealPrice .header .des .update i {
    vertical-align: -2px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 16px;
    background-position: -184px -26px;
    margin-right: 8px
}

.dealPrice .container {
    height: 329px;
    padding-top: 25px;
    position: relative;
    background-color: #fbfbfb
}

.dealPrice .container .type {
    position: absolute;
    top: 25px;
    right: 30px
}

.dealPrice .container .type span {
    display: inline-block;
    line-height: 22px;
    padding: 0 6px;
    color: #666;
    margin-right: 9px;
    cursor: pointer
}

.dealPrice .container .type span.select {
    color: #fff;
    background-color: #666
}

.dealPrice .container .content {
    height: 329px
}

.dealRecord {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1;
    font-size: 0
}

.dealRecord .title {
    line-height: 87px;
    padding: 0 36px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 22px
}

.dealRecord .title span {
    display: inline-block;
    width: 182px;
    line-height: 1;
    color: #999;
    cursor: pointer
}

.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 {
    width: 30%;
    text-align: left;
    position: relative
}

.dealRecord .house .ziroomTag {
    padding: 2px 1px
}

.dealRecord .house img {
    width: 56px;
    height: 56px;
    vertical-align: middle
}

.dealRecord .house .desc {
    text-align: left;
    display: inline-block;
    width: 180px;
    margin-left: 18px;
    vertical-align: middle
}

.dealRecord .house .desc .frame {
    font-size: 16px;
    color: #003
}

.dealRecord .house .desc .frame .diff,
.dealRecord .house .desc .frame .same {
    margin-left: 6px;
    font-size: 12px;
    padding: 0 4px;
    line-height: 19px;
    color: #fff;
    border-radius: 2px
}

.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 {
    display: block;
    margin-top: 10px;
    color: #999
}

.dealRecord .area,
.dealRecord .date {
    width: 13%
}

.dealRecord .price {
    width: 17%;
    color: #e4393c
}

.dealRecord .unitPrice {
    width: 14%
}

.dealRecord .broker {
    width: 17%
}

.dealRecord .broker .phone {
    margin-top: 14px;
    color: #999
}

.dealRecord .from {
    width: 13%
}

.dealRecord .tableHeader {
    line-height: 49px;
    color: #555;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    padding: 0 36px;
    font-size: 0
}

.dealRecord .tableHeader>div {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.dealRecord .tableHeader .price {
    color: #555
}

.dealRecord .row {
    padding: 0 36px;
    text-align: center;
    line-height: 115px;
    border-bottom: 1px solid #eee;
    color: #555;
    font-size: 0
}

.dealRecord .row>div {
    line-height: 1;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.dealRecord .more {
    line-height: 46px;
    display: block;
    cursor: pointer
}

.dealRecord .more,
.dealRecord .noData {
    color: #999;
    font-size: 14px;
    text-align: center
}

.dealRecord .noData {
    line-height: 49px
}

.around {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1
}

.around .content {
    width: 928px;
    margin: 0 auto;
    padding: 32px 0
}

.around .content .title {
    font-size: 22px
}

.around .content .type {
    margin-top: 33px;
    font-size: 0
}

.around .content .type li {
    cursor: pointer;
    display: inline-block;
    line-height: 28px;
    padding: 0 9px;
    color: #555;
    font-size: 14px
}

.around .content .type li.select {
    background-color: #568fe3;
    color: #fff
}

.around .content .container {
    margin-top: 18px;
    height: 365px;
    position: relative
}

.around .content .container .map {
    height: 100%
}

.around .content .container .map .item {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 35px;
    height: 40px;
    background-position: -215px -5px;
    line-height: 38px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.around .content .container .map .name {
    line-height: 24px;
    border: 2px solid #fff;
    border-radius: 12px;
    padding: 0 7px;
    font-size: 14px;
    color: #fff;
    position: relative;
    display: inline-block;
    background-color: #3072f6;
    box-shadow: 0 0 7px rgba(0, 0, 0, .2)
}

.around .content .container .map .name .arrow {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 8px;
    background-position: -215px -79px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8.5px
}

.around .content .container .list {
    position: absolute;
    top: 23px;
    bottom: 23px;
    right: 23px;
    width: 310px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, .45)
}

.around .content .container .list .name {
    line-height: 39px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #568fe3
}

.around .content .container .list ul {
    height: 265px;
    overflow-y: auto
}

.around .content .container .list ul li {
    padding: 21px 0;
    border-bottom: 1px solid #e1e4e9;
    cursor: pointer
}

.around .content .container .list ul li i {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 23px;
    height: 28px;
    background-position: -211px -97px;
    vertical-align: top;
    margin-left: 17px;
    line-height: 25px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.around .content .container .list ul li .item {
    display: inline-block;
    width: 215px;
    margin-left: 13px
}

.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 {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1
}

.brokerList .content {
    width: 928px;
    margin: 0 auto;
    padding-top: 38px;
    padding-bottom: 30px
}

.brokerList .content .header .title {
    font-size: 22px
}

.brokerList .content .header .subTitle {
    font-size: 14px;
    color: #999;
    margin-left: 17px
}

.brokerList .content .header .btn {
    float: right
}

.brokerList .content .header .btn span {
    width: 32px;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 33px;
    height: 34px;
    background-position: -22px -5px
}

.brokerList .content .header .btn span i {
    vertical-align: -1px
}

.brokerList .content .header .btn span.pre {
    position: relative;
    margin-right: 7px
}

.brokerList .content .header .btn span.pre i {
    position: absolute;
    top: 11px;
    left: 13px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 13px;
    background-position: -40px -52px
}

.brokerList .content .header .btn span.next {
    position: relative
}

.brokerList .content .header .btn span.next i {
    position: absolute;
    top: 11px;
    left: 13px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 8px;
    height: 13px;
    background-position: -168px -137px
}

.brokerList .content .header .btn span.disable i {
    opacity: .5;
    filter: alpha(opacity=50)
}

.brokerList .content ul {
    margin-top: 39px;
    text-align: justify
}

.brokerList .content ul li {
    font-size: 0;
    display: inline-block;
    width: 277px;
    vertical-align: top
}

.brokerList .content ul li.fix_align {
    height: 0;
    overflow: hidden
}

.brokerList .content ul li img {
    width: 82px;
    height: 82px;
    border-radius: 50%
}

.brokerList .content ul li .desc {
    display: inline-block;
    width: 176px;
    margin-left: 18px
}

.brokerList .content ul li .desc .title {
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0
}

.brokerList .content ul li .desc .title .name {
    color: #333;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px
}

.brokerList .content ul li .desc .title .level {
    display: inline-block;
    line-height: 21px;
    padding: 0 5px;
    color: #999;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 10px;
    background-color: #f1f1f1
}

.brokerList .content ul li .desc .phone {
    margin-top: 13px;
    font-size: 14px;
    color: #e4393c;
    font-weight: 700
}

.brokerList .content ul li .desc .rate {
    margin-top: 12px;
    font-size: 12px;
    color: #666
}

.brokerList .content ul li .desc .rate span {
    margin-right: 10px
}

.brokerList .content ul li .desc .tag {
    margin-top: 12px;
    font-size: 0;
    color: #888;
    text-align: left
}

.brokerList .content ul li .desc .tag span {
    font-size: 12px;
    display: inline-block;
    line-height: 17px;
    border: 1px solid #d8d7d8;
    padding: 0 3px;
    margin-bottom: 6px;
    margin-right: 6px
}

.brokerList .content ul li .describes {
    height: 30px;
    color: #999;
    line-height: 30px;
    font-size: 12px;
    background: #f0f0f0;
    margin-top: 16px;
    padding-left: 10px
}

.push {
    width: 1000px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(13, 3, 9, .2);
    border-radius: 2px;
    margin: 15px auto 0;
    line-height: 1
}

.push .content {
    width: 928px;
    margin: 0 auto;
    padding-bottom: 37px;
    padding-top: 33px
}

.push .content .header .title {
    font-size: 22px
}

.push .content .header .btn {
    float: right
}

.push .content .header .btn span {
    width: 32px;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 33px;
    height: 34px;
    background-position: -22px -5px
}

.push .content .header .btn span i {
    vertical-align: -1px
}

.push .content .header .btn span.pre {
    position: relative;
    margin-right: 7px
}

.push .content .header .btn span.pre i {
    position: absolute;
    top: 11px;
    left: 13px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 6px;
    height: 13px;
    background-position: -40px -52px
}

.push .content .header .btn span.next {
    position: relative
}

.push .content .header .btn span.next i {
    position: absolute;
    top: 11px;
    left: 13px;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 8px;
    height: 13px;
    background-position: -168px -137px
}

.push .content .header .btn span.disable i {
    opacity: .5;
    filter: alpha(opacity=50)
}

.push .content ul {
    margin-top: 34px;
    text-align: justify;
    height: 287px
}

.push .content ul li {
    display: inline-block;
    width: 251px;
    height: 291px;
    vertical-align: top
}

.push .content ul li.bar {
    width: 0;
    border-right: 1px solid #f1f1f1
}

.push .content ul li.justify_fix {
    height: 0
}

.push .content ul li .pic {
    position: relative
}

.push .content ul li .pic img {
    width: 100%;
    height: 192px
}

.push .content ul li .pic span {
    position: absolute;
    right: 9px;
    bottom: 9px;
    background-color: #1e1908;
    font-size: 16px;
    color: #fff;
    line-height: 31px;
    padding: 0 9px;
    border-radius: 2px
}

.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 {
    float: right;
    font-size: 12px;
    color: #999
}

.push .content ul li .desc {
    margin-top: 12px;
    font-size: 12px;
    position: relative;
    color: #999;
    text-align: center;
    background-color: #f9f9f9
}

.push .content ul li .desc .front {
    top: 16px;
    left: 14px;
    width: 10px;
    height: 9px;
    background-position: -65px -5px
}

.push .content ul li .desc .back,
.push .content ul li .desc .front {
    position: absolute;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block
}

.push .content ul li .desc .back {
    top: 12px;
    right: 12px;
    width: 30px;
    height: 27px;
    background-position: -85px -5px;
    opacity: .7;
    filter: alpha(opacity=70)
}

.push .content ul li .desc .info {
    display: inline-block;
    width: 195px;
    line-height: 45px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

.bigImg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000
}

.bigImg .mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70)
}

.bigImg .list {
    position: absolute;
    top: 10%;
    bottom: 19%;
    left: 0;
    right: 0;
    text-align: center
}

.bigImg .list img {
    height: 100%;
    max-width: 100%
}

.bigImg .list .pre {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bigImg .list .pre span {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 46px;
    height: 88px;
    background-position: -56px -89px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -37px
}

.bigImg .list .pre.disable span {
    opacity: .5;
    filter: alpha(opacity=50)
}

.bigImg .list .next {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bigImg .list .next span {
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 46px;
    height: 88px;
    background-position: -112px -94px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -37px
}

.bigImg .list .next.disable span {
    opacity: .5;
    filter: alpha(opacity=50)
}

.bigImg .close {
    position: absolute;
    right: 40px;
    top: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background-image: url(../image/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 33px;
    height: 33px;
    background-position: -168px -94px
}

.bigImg .slide {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -500px;
    width: 1000px
}

.bigImg .slide .desc {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px
}

.bigImg .slide ul {
    margin-bottom: 25px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0
}

.bigImg .slide ul li {
    display: inline-block;
    width: 89px;
    height: 67px;
    margin-left: 10px;
    background-color: #fff;
    cursor: pointer
}

.bigImg .slide ul li:first-child {
    margin-left: 0
}

.bigImg .slide ul li img {
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50)
}

.bigImg .slide ul li.selected img,
.bigImg .slide ul li img:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.agent-tips {
    float: right;
    font-size: 14px;
    position: relative;
    top: -26px
}

.agent-tips .fl {
    color: #333;
    text-align: right
}

.agent-tips .fl span {
    color: #999;
    background: #f1f1f1;
    font-size: 12px;
    padding: 0 6px;
    margin-left: 10px;
    display: inline-block;
    line-height: 20px;
    font-weight: 400
}

.agent-tips .fl p {
    color: #e4393c;
    padding-top: 7px;
    padding-right: 4px
}

.agent-tips .fl .lianjiaim-createtalkAll {
    position: relative;
    top: -1px
}

.agent-tips .fr img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 10px
}

.taxagent {
    border-top: 1px solid #e4e4e4;
    margin-left: 538px;
    float: left;
    top: -74px;
    font-size: 14px;
    position: relative;
    width: 421px;
    padding-top: 20px
}

.taxagent img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px
}

.taxagent .fl {
    color: #333
}

.taxagent .fl span {
    color: #999;
    background: #f1f1f1;
    font-size: 12px;
    padding: 0 6px;
    margin-left: 10px;
    line-height: 20px;
    display: inline-block
}

.taxagent .fl p {
    color: #aaa;
    padding-top: 6px;
    font-size: 12px
}

.taxagent .fl .lianjiaim-createtalkAll {
    position: relative;
    top: -1px
}

.taxagent .fl a {
    color: #333
}

.taxagent .fr {
    font-weight: 700;
    color: #e4393c;
    padding-top: 24px
}

.mod-wrap .mod-district {
    padding: 0;
    height: 250px;
    position: relative
}

.mod-wrap .mod-district .distrct-btn {
    font-size: 14px;
    position: absolute;
    padding-left: 30px;
    padding-right: 30px;
    height: 37px;
    left: 75px;
    bottom: 64px;
    text-align: center;
    line-height: 2.7;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer
}

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

.mod-wrap .mod-house-table .title {
    color: #3072f6
}

.mod-wrap .mod-house-table .house-desc {
    display: inline-block;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    vertical-align: middle
}

.mod-wrap .mod-house-table .house-status {
    padding-bottom: 22px;
    font-size: 0
}

.mod-wrap .mod-house-table .house-status .status {
    display: inline-block;
    height: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #101d37;
    vertical-align: bottom
}

.mod-wrap .mod-house-table .house-status .status:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 4px;
    vertical-align: bottom
}

.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 {
    min-height: 40px;
    position: relative;
    font-size: 0
}

.mod-wrap .mod-house-table .building-tabs .tab-wrapper {
    display: inline-block;
    width: 860px;
    padding-left: 80px
}

.mod-wrap .mod-house-table .building-tabs .tab-item {
    display: inline-block;
    width: 56px;
    height: 28px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 28px;
    color: #666;
    text-align: center;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer
}

.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 {
    position: absolute;
    top: 5px;
    left: 0
}

.mod-wrap .mod-house-table .hidden {
    display: none
}

.table-wrapper {
    height: 519px;
    padding-bottom: 60px;
    font-size: 0;
    white-space: nowrap;
    overflow: auto
}

.table-wrapper .jump-link {
    display: block;
    text-decoration: none
}

.table-wrapper .col {
    display: inline-block;
    background-color: #f9f9f9;
    margin-right: 10px
}

.table-wrapper .col:first-child {
    margin-right: 5px
}

.table-wrapper .col-1x {
    width: 50px;
    vertical-align: top
}

.table-wrapper .col-2x {
    width: 274px;
    vertical-align: top
}

.table-wrapper .index {
    height: 14px;
    padding-top: 12px;
    padding-bottom: 21px;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    text-align: center
}

.table-wrapper .floor {
    height: 67px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 67px;
    text-align: center;
    color: #666
}

.table-wrapper .row {
    padding: 0 12px 10px;
    font-size: 0
}

.table-wrapper .house-item {
    display: inline-block;
    position: relative;
    width: 120px;
    margin-right: 10px;
    background: #fff;
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    overflow: visible;
    cursor: default
}

.table-wrapper .house-item .id {
    height: 34px;
    padding-left: 17px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 34px
}

.table-wrapper .house-item .id-current {
    color: #fff;
    background-color: #f5a623
}

.table-wrapper .house-item .booked {
    color: #394043;
    background-color: #ccefe0
}

.table-wrapper .house-item .available {
    color: #fff;
    background-color: #00ae66
}

.table-wrapper .house-item .sold {
    color: #9c9fa1;
    background-color: #e8e8e8
}

.table-wrapper .house-item .room-desc {
    height: 33px;
    padding-left: 17px;
    font-size: 12px;
    line-height: 33px;
    color: #999
}

.table-wrapper .house-item .tip-layer {
    display: none;
    width: 210px;
    padding: 21px;
    position: absolute;
    top: -60px;
    left: 110px;
    -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .13);
    -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .13);
    border-radius: 2px;
    background-color: #fff;
    z-index: 100000
}

.table-wrapper .house-item .tip-layer .tip-title {
    margin: 0;
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 1;
    color: #454647
}

.table-wrapper .house-item .tip-layer .tip-item {
    padding-bottom: 12px;
    font-size: 0;
    line-height: 1
}

.table-wrapper .house-item .tip-layer .tip-item .key {
    display: inline-block;
    font-size: 12px;
    color: #aaa
}

.table-wrapper .house-item .tip-layer .tip-item .value {
    display: inline-block;
    font-size: 12px;
    color: #000
}

.table-wrapper .house-item .tip-layer .statement {
    font-size: 12px;
    color: #394043
}

.table-wrapper .house-item .tip-layer .icon-triangle {
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    left: -10px;
    bottom: 61.8%;
    border-color: transparent #fff transparent transparent;
    border-style: solid solid solid none;
    border-width: 5px 10px 5px 0
}

.table-wrapper .house-item:last-child {
    margin-right: 0
}

.table-wrapper .place-holder {
    display: inline-block;
    width: 120px;
    height: 67px;
    margin-right: 10px;
    background-color: #f9f9f9
}

.table-wrapper .place-holder:last-child {
    margin-right: 0
}

#remind-modal-more-des {
    margin-top: 6px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #9399a5;
    letter-spacing: -.2px;
    margin-bottom: 10px
}

#remind-modal-title {
    color: #101d37;
    font-size: 24px;
    font-weight: 700;
    font-family: PingFangSC-Medium;
    letter-spacing: -.41px
}

#remind-modal-img {
    margin-top: 20px;
    height: 104px;
    width: 350px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#remind-modal-des {
    padding: 17px 0 0;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #9399a5;
    letter-spacing: -.27px
}

.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-radius: 0 0 2px 2px;
    border: 1px solid #e4e6f0;
    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-size: 12px 10px;
    background-position: 50%;
    background-repeat: no-repeat
}

.reminding-box .remind_overlay_bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1003
}

.reminding-box .panel_reminding {
    width: 398px;
    height: auto;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -222.5px;
    margin-top: -262.5px;
    padding-left: 47px;
    z-index: 10000;
    padding-bottom: 30px;
    border-radius: 2px;
    box-shadow: 1px 3px 14px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 3px 14px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 1px 3px 14px rgba(0, 0, 0, .3);
    -o-box-shadow: 1px 3px 14px rgba(0, 0, 0, .3)
}

.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 .title {
    margin-bottom: 16px;
    min-height: 20px;
    padding-left: 0
}

.reminding-box .panel_reminding .panel_tab .form-item.show_error {
    display: none;
    height: 14px;
    line-height: 14px;
    padding: 24px 0 0
}

.reminding-box .panel_reminding .panel_tab .form-item.show_error dd {
    color: #db4c3f;
    display: block;
    top: 0
}

.reminding-box .panel_reminding .panel_tab .bordered-items {
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    margin-bottom: 30px;
    overflow: hidden
}

.reminding-box .read_protocol .checkbox_btn {
    display: flex;
    align-items: center
}

.reminding-box .panel_reminding .panel_tab .form-item {
    color: #9399a5;
    clear: both;
    position: relative
}

.reminding-box .panel_reminding .panel_tab .form-item input {
    border: 0
}

.reminding-box .panel_reminding .panel_tab .form-item .the_input {
    color: #333;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    outline: none;
    padding-left: 16px;
    width: 330px;
    box-sizing: border-box
}

.reminding-box .panel_reminding .panel_tab .form-item .reminding_checkbox {
    float: none;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    cursor: pointer
}

.reminding-box .panel_reminding .panel_tab .form-item .send_verify_code {
    line-height: 60px
}

.reminding-box .panel_reminding .panel_tab .form-item .send_verify_code em {
    border-left: 1px solid #e4e6f0;
    padding: 0 16px;
    color: #101d37
}

.reminding-box .panel_reminding .panel_tab .form-item.send_verify_code_s {
    margin-left: 7px;
    color: #db4c3f;
    height: 30px;
    line-height: 30px
}

.reminding-box .panel_reminding .panel_tab .form-item.username {
    padding: 0;
    background: #fff;
    border-bottom: none
}

.reminding-box .panel_reminding .panel_tab .form-item.username i {
    background: -113px 0
}

.reminding-box .panel_reminding .panel_tab .form-item i {
    width: 14px;
    height: 19px;
    display: inline-block;
    float: left;
    margin-top: 6px;
    position: absolute;
    left: 15px;
    margin-right: 20px
}

.reminding-box .panel_reminding .panel_tab .form-item.checkVerimg {
    padding: 0
}

.reminding-box .panel_reminding .panel_tab .form-item.checkVerimg i {
    margin: 0;
    top: 10px;
    background-position: -136px -25px
}

.reminding-box .panel_reminding .panel_tab .form-item.checkVerimg .ver-img {
    width: 151px;
    line-height: 60px;
    height: 60px;
    float: left;
    padding-left: 16px
}

.reminding-box .panel_reminding .panel_tab .form-item.checkVerimg .verImg {
    float: right;
    width: 125px;
    height: 45px;
    margin-top: 7.5px
}

.reminding-box .panel_reminding .panel_tab .form-item.username input {
    width: 300px
}

.reminding-box .panel_reminding .panel_tab .form-item.username .close-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: none;
    background-image: url(../image/close.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.reminding-box .panel_reminding .panel_tab .form-item .verifycode {
    width: 200px
}

.reminding-box .panel_reminding .panel_tab .form-item.reminding_type {
    display: none;
    font-size: 0;
    border-bottom: 1px solid #e4e6f0;
    background-color: rgba(244, 248, 254, .6)
}

.reminding-box .panel_reminding .panel_tab .form-item.reminding_type label span {
    float: left;
    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 .form-item.reminding_type .checkbox_btn {
    display: inline-block;
    width: 33.3%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #3072f6;
    background-color: rgba(244, 248, 254, .6);
    cursor: pointer
}

.reminding-box .panel_reminding .panel_tab .form-item.reminding_type .checkbox_btn span {
    left: 10px;
    top: 21px
}

.reminding-box .panel_reminding .panel_tab .form-item.read_protocol {
    height: 18px;
    line-height: 18px;
    padding: 23px 0;
    font-size: 16px;
    color: #9399a5
}

.reminding-box .panel_reminding .panel_tab .form-item.read_protocol label span {
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    position: relative;
    width: 16px
}

.reminding-box .panel_reminding .panel_tab .form-item.read_protocol a {
    float: none;
    color: #3072f6
}

.reminding-box .panel_reminding .panel_tab .form-item input {
    margin: 0;
    padding: 0
}

.reminding-box .panel_reminding .panel_tab .form-item.reminding_btn {
    padding: 0;
    overflow: hidden
}

.reminding-box .panel_reminding .panel_tab .form-item.reminding_btn .reminding_user_tel_btn {
    width: 350px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    background: #3072f6;
    color: #fff;
    text-align: center;
    border-radius: 2px
}

.reminding-box .panel_reminding .panel_tab .form-item.reminding_btn .reminding_user_tel_btn:hover {
    background: #3072f6;
    text-decoration: none
}

.reminding-box .panel_reminding .panel_tab .form-item input.topSpecial {
    border-radius: 3px 3px 0 0
}

.reminding-box .panel_reminding .panel-tab .form-item input.the_input:focus {
    outline: none;
    border-color: #e4e6f0;
    transition: all .3s ease-in-out
}

.reminding-box .panel_reminding .panel-tab .form-item .the_input {
    width: 282px;
    height: 60px;
    line-height: 60px;
    color: #333;
    font-size: 18px;
    padding: 16px;
    outline: none
}

.reminding-box .panel_reminding .panel_tab .form-item .the_input::-webkit-input-placeholder {
    color: #bbb
}

.reminding-box .panel_reminding .panel_tab .form-item .the_input:-moz-placeholder,
.reminding-box .panel_reminding .panel_tab .form-item .the_input::-moz-placeholder {
    color: #bbb
}

.reminding-box .panel_reminding .panel_tab .form-item .the_input:-ms-input-placeholder {
    color: #bbb
}

.reminding-box .panel_reminding .panel_tab .form-item img {
    float: right;
    width: 85px;
    height: 41px
}

.reminding-box .panel_reminding .panel_tab .form-item a {
    color: #333;
    float: right
}

.reminding-box .panel_reminding .panel_tab .form-item a.voice_a {
    float: none;
    text-decoration: underline;
    color: #333;
    cursor: pointer
}

.reminding-box .panel_reminding .panel_tab .form-item .disabled {
    color: #bbb;
    cursor: default
}

.reminding-box .panel_reminding .panel_tab .form-item .disabled.hover {
    text-decoration: none
}

.reminding-box .panel_reminding .fr {
    position: relative
}

.reminding-box .panel_reminding .panel_tab .success_icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-top: 81px;
    background: url(../image/remind_success@3x.png);
    background: -webkit-image-set(url(../../pages/detail/img/remind_success@2x.png?8daf5fefdf85384290db) 2x, url(../image/remind_success@3x.png) 3x);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.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 {
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
    float: none;
    margin-top: 7px;
    border: none;
    font-size: 16px;
    color: #9399a5;
    cursor: default
}

.reminding-box .reminding_success_btn {
    width: 350px;
    height: 60px;
    line-height: 60px;
    display: block;
    margin-top: 73px;
    margin-bottom: 105px;
    background-color: #3072f6;
    color: #fff;
    border-radius: 2px
}

.reminding-box .reminding_success_btn:hover {
    background: #3072f6;
    text-decoration: none
}

.reminding-box .cancel_btn_box {
    margin-top: 53px;
    margin-bottom: 105px;
    overflow: hidden
}

.reminding-box .reminding_cancel_btn,
.reminding-box .reminding_continue_btn {
    display: inline-block;
    width: 165px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    border-radius: 2px
}

.reminding-box .reminding_cancel_btn:hover,
.reminding-box .reminding_continue_btn:hover {
    text-decoration: none
}

.reminding-box .reminding_continue_btn {
    float: left;
    background-color: #3072f6
}

.reminding-box .reminding_continue_btn:hover {
    background-color: #3072f6
}

.reminding-box .reminding_cancel_btn {
    float: right;
    background-color: #656466
}

.reminding-box .reminding_cancel_btn:hover {
    background-color: #656466
}

#agent {
    position: relative
}

#agent h2 {
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 23px;
    margin-top: -12px
}

#agent .agent-title span {
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #999
}

#agent .agent-title .a-tag {
    padding-right: 20px;
    vertical-align: 3px
}

#agent .agent-title .a-tag span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 8px;
    background: #d8d8d8;
    vertical-align: 3px
}

#agent .agent-line {
    width: 1000px;
    height: 1px;
    background-color: #e4e4e4;
    position: absolute;
    left: 0
}

#agent .agent-wrap {
    margin-top: 26px
}

#agent .agent-card-part {
    display: inline-block;
    height: 140px;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 1px;
    box-sizing: border-box
}

#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 {
    display: inline-block;
    width: 88px;
    height: 28px;
    text-align: center;
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    line-height: 28px;
    text-decoration: none;
    font-size: 12px;
    color: #4688f1;
    cursor: pointer
}

#agent .agent-card-part a:hover {
    background-color: #fff
}

#agent .agent-card-part a i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/Imtalk.png) no-repeat 50%/12px;
    margin-right: 4px;
    vertical-align: -3px
}

#agent .agent-card-part .a-photo {
    display: inline-block;
    width: 72px;
    height: 95px;
    margin-right: 20px;
    vertical-align: top
}

#agent .agent-card-part .a-photo img {
    display: inline-block;
    width: 100%;
    height: 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 {
    margin-right: 3px;
    font-family: HiraginoSansGB-W6;
    font-size: 16px;
    color: #333
}

#agent .agent-card-part .a-info .company {
    display: inline-block;
    width: 34px;
    height: 18px;
    line-height: 18px;
    background: #f3f5f7;
    border-radius: 1px;
    font-size: 11px;
    color: #839aae;
    text-align: center;
    vertical-align: 2px
}

#agent .agent-card-part .a-info .perform {
    font-size: 12px;
    color: #333
}

#agent .agent-card-part .a-info .perform span {
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #eee;
    margin: 0 5px
}

#agent .agent-card-part .a-info .tel {
    font-family: PingFangSC-Semibold;
    font-size: 12px;
    color: #fa5741
}

#agent .agent-card-part .a-info .ask {
    width: 88px;
    height: 28px;
    line-height: 28px;
    background: #f4f8fe;
    border: 1px solid #3a75ee;
    border-radius: 2px;
    font-size: 12px;
    color: #3a75ee
}

.related-topic #related-topic.mod-panel {
    margin-top: 45px;
    margin-bottom: 45px;
    padding: 0;
    box-shadow: none
}

.related-topic .lazyload {
    opacity: 1
}

.topic-list-wrap .topic-list-container-large {
    overflow: hidden
}

.topic-list-wrap .topic-list-container-large .topic-item-large {
    width: 216px;
    float: left;
    margin-right: 17px
}

.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 {
    width: 222px;
    height: 163px
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .topic-title {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    letter-spacing: -.2px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .topic-summary {
    display: block;
    font-size: 12px;
    color: grey;
    letter-spacing: -.17px;
    margin-bottom: 12px;
    width: 100%;
    height: 18px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    overflow: hidden
}

.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 {
    margin-right: 6px;
    font-size: 12px;
    color: #b0b3b4;
    letter-spacing: -.17px
}

.topic-list-wrap .topic-list-container-large .topic-item-large .topic-link .topic-info .author-info .topic-date {
    font-size: 12px;
    color: #b0b3b4;
    letter-spacing: -.17px;
    text-align: right
}

.topic-list-wrap .topic-list-container-small .topic-item-small {
    margin-right: 10px;
    width: 222px;
    height: 230px;
    display: inline-block
}

.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;
    text-decoration: none;
    overflow: hidden
}

.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 {
    width: 222px;
    height: 166px
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info {
    position: relative;
    margin-top: 13px;
    width: 222px
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .topic-title {
    font-weight: 700;
    font-size: 14px;
    color: #101d37;
    letter-spacing: -.29px;
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .topic-summary {
    width: 100%;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    letter-spacing: -.2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: grey
}

.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 {
    font-size: 12px;
    color: #b0b3b4;
    letter-spacing: -.17px;
    margin-right: 8px
}

.topic-list-wrap .topic-list-container-small .topic-item-small .topic-link .topic-info .author-info .topic-date {
    font-size: 12px;
    color: #b0b3b4;
    letter-spacing: -.17px;
    text-align: right
}

.main-title {
    overflow: hidden
}

.main-title .title {
    font-size: 24px;
    font-weight: 600;
    color: #101d37;
    float: left
}

.main-title .more-topic {
    float: right;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: grey;
    letter-spacing: -.15px;
    text-decoration: none
}

.main-title .more-topic .arrow {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    margin-left: 5px
}

.mod-wrap .mod-ask {
    margin-top: 45px;
    padding-bottom: 0
}

.star {
    display: inline-block;
    vertical-align: middle;
    width: 85px;
    background-position: 0 0
}

.star,
.star .star_info {
    height: 13px;
    background-image: url(../image/comment_sprite.png);
    background-image: -webkit-image-set(url(../image/comment_sprite.png) 1x, url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x)
}

.star .star_info {
    width: 0;
    background-position: 0 -16px
}

.layer-star {
    width: 107.5px;
    background-position: 0 0
}

.layer-star,
.layer-star .star_info {
    height: 17px;
    background-image: url(../image/comment_stars.png);
    background-image: -webkit-image-set(url(../image/comment_stars.png) 1x, url(../../common/img/comment/comment_stars@2x.png?9dddddd441845785ed7a) 2x)
}

.layer-star .star_info {
    width: 0;
    background-position: 0 -22px
}

.mod-ask {
    width: 712px
}

.mod-ask.mod-panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0
}

.mod-ask:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0
}

.mod-ask .title-container {
    overflow: hidden
}

.mod-ask .title-container h2 {
    float: left;
    margin-top: 0;
    display: block
}

.mod-ask .title-container .title-link {
    font-size: 24px;
    font-weight: 600;
    color: #101d37
}

.mod-ask .title-container .comment-more {
    float: right;
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 30px
}

.mod-ask .top_box {
    margin-top: -4px;
    padding-bottom: 25px
}

.mod-ask .top_box .totalscore_box {
    font-size: 14px;
    float: left
}

.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 {
    font-size: 14px;
    color: #666
}

.mod-ask .top_box .totalscore_box .itemscore .item {
    float: left;
    margin-right: 18px
}

.mod-ask .top_box .totalscore_box .itemscore .item span {
    vertical-align: middle;
    position: relative;
    top: 1px
}

.mod-ask .top_box .totalscore_box .itemscore .item .star {
    margin-left: -5px
}

.mod-ask .top_box .totalscore_box .itemscore .item i {
    vertical-align: middle;
    position: relative;
    top: 1px;
    color: #ff7326
}

.mod-ask .go-ask {
    height: 50px;
    width: 100%;
    margin-top: 3px;
    color: #9399a5;
    font-size: 16px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ced2d6;
    box-sizing: border-box;
    background: #fff;
    cursor: pointer
}

.mod-ask .go-ask:hover {
    background: rgba(206, 210, 214, .05)
}

.mod-ask .go-ask a {
    display: block;
    color: #9399a5
}

.mod-ask .list_box .tab li {
    float: left;
    margin-right: 10px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #9399a5;
    background: #f9f9f9;
    border-radius: 50px;
    cursor: pointer
}

.mod-ask .list_box .tab li.active {
    color: #3072f6;
    background: #eaf1fe
}

.mod-ask .list_box .list {
    width: 100%;
    margin-top: 5px
}

.mod-ask .list_box .list li.no-answer .r_comment {
    width: 100%
}

.mod-ask .list_box .list li.no-answer .r_comment .info {
    margin: 0;
    height: 28px;
    line-height: 28px
}

.mod-ask .list_box .list li {
    width: 100%;
    color: #333;
    padding-bottom: 20px
}

.mod-ask .list_box .list li a {
    text-decoration: none
}

.mod-ask .list_box .list li .question-wrap {
    width: 100%;
    padding-bottom: 18px
}

.mod-ask .list_box .list li .question-wrap .ques-tag {
    padding: 0 2px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
    background-color: #fa5741
}

.mod-ask .list_box .list li .question-wrap .ques-content {
    margin-left: 5px;
    width: 680px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 700;
    color: #101d37
}

.mod-ask .list_box .list li .question-no-anster {
    position: relative;
    padding-left: 21px
}

.mod-ask .list_box .list li .question-no-anster .answer-time {
    font-size: 12px;
    color: #9399a5;
    line-height: 24px
}

.mod-ask .list_box .list li .question-no-anster .go-answer {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #3a75ee;
    border-radius: 50px;
    font-size: 12px;
    color: #3a75ee;
    padding: 5px 20px;
    cursor: pointer
}

.mod-ask .list_box .list li .question-no-anster .go-answer a {
    color: #3a75ee
}

.mod-ask .list_box .list li .l_userpic {
    float: left;
    margin-right: 15px;
    text-align: center;
    padding-top: 4px
}

.mod-ask .list_box .list li .l_userpic .pic {
    width: 55px;
    margin: 0 auto 13px
}

.mod-ask .list_box .list li .l_userpic .pic img {
    width: 100%;
    border-radius: 50%
}

.mod-ask .list_box .list li .l_userpic .info {
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.mod-ask .list_box .list li .r_comment {
    float: left;
    position: relative;
    width: 640px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 2px
}

.mod-ask .list_box .list li .r_comment .answer-btn {
    float: right;
    padding: 0 20px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #3a75ee;
    border-radius: 100px;
    font-size: 12px;
    color: #3a75ee
}

.mod-ask .list_box .list li .r_comment .answer-btn a {
    color: #3a75ee;
    text-decoration: none
}

.mod-ask .list_box .list li .r_comment .user-name {
    margin-bottom: 7px;
    height: 20px;
    line-height: 20px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #101d37
}

.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 {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #849aae;
    padding: 0 6px
}

.mod-ask .list_box .list li .r_comment .score .num {
    display: inline-block;
    color: #333;
    vertical-align: middle;
    padding-left: 8px
}

.mod-ask .list_box .list li .r_comment .score .num span {
    padding-right: 12px
}

.mod-ask .list_box .list li .r_comment .words-container {
    position: relative;
    max-height: 96px;
    font-size: 14px;
    color: #101d37;
    line-height: 24px;
    overflow: hidden
}

.mod-ask .list_box .list li .r_comment .show-all {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    height: 24px;
    padding-left: 40px;
    line-height: 24px;
    color: #3072f6;
    font-size: 14px;
    background-image: url(../image/comment_sprite_v2.png);
    background-image: -webkit-image-set(url(../image/comment_sprite_v2.png) 1x, url(../../common/img/comment/comment_sprite_v2@2x.png?1478db266867c45cdd9c) 2x);
    background-position: 0 100%;
    cursor: pointer
}

.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 {
    float: left;
    position: relative;
    width: 84px;
    height: 84px;
    margin-right: 10px;
    margin-top: 16px;
    cursor: pointer
}

.mod-ask .list_box .list li .r_comment .picItem img {
    width: 100%
}

.mod-ask .list_box .list li .r_comment .picCover {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.mod-ask .list_box .list li .r_comment .largePic {
    display: none;
    position: absolute;
    left: 0;
    bottom: 90px;
    width: 362px;
    height: 232px
}

.mod-ask .list_box .list li .r_comment .info {
    margin: 7px 0 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #999;
    overflow: hidden
}

.mod-ask .list_box .list li .r_comment .info:after {
    content: "";
    clear: both
}

.mod-ask .list_box .list li .r_comment .info .time {
    float: left;
    font-size: 12px;
    color: #9399a5
}

.mod-ask .list_box .list li .r_comment .info .comment-num {
    float: right;
    margin-right: 24px;
    cursor: pointer
}

.mod-ask .list_box .list li .r_comment .info .comment-num i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-image: url(../image/words.png);
    background-repeat: no-repeat;
    vertical-align: middle
}

.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 span a {
    color: #999
}

.mod-ask .list_box .list li .r_comment .info .comment-num .download-app-qr {
    top: 30px;
    left: 0
}

.mod-ask .list_box .list li .r_comment .info .like {
    float: right;
    cursor: pointer
}

.mod-ask .list_box .list li .r_comment .info .like i {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-image: url(../image/comment_sprite.png);
    background-image: -webkit-image-set(url(../image/comment_sprite.png) 1x, url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: -15px -33px;
    background-repeat: no-repeat
}

.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 .r_comment .info .answer-footer-right {
    overflow: hidden;
    float: right;
    font-size: 0;
    line-height: 12px
}

.mod-ask .list_box .list li .r_comment .info .answer-footer-right p {
    display: inline-block;
    font-size: 11px;
    padding: 3px 11px 3px 29px;
    border-radius: 20px;
    cursor: pointer
}

.mod-ask .list_box .list li .r_comment .info .answer-footer-right .answer-footer-like {
    background: url(../image/icon_like.png) no-repeat 11px;
    background-size: 14px 14px;
    border: 1px solid #9399a5;
    color: #9399a5
}

.mod-ask .list_box .list li .r_comment .info .answer-footer-right .answer-footer-liked {
    background: url(../image/icon_liked.png) no-repeat 11px;
    background-size: 14px 14px;
    border: 1px solid #3072f6;
    color: #3072f6
}

.mod-ask .list_box .list li .r_comment .info .answer-footer-right .answer-footer-answer {
    background: url(../image/icon_message.png) no-repeat 11px;
    background-size: 14px 14px;
    margin-right: 10px;
    border: 1px solid #9399a5;
    color: #9399a5
}

.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 {
    width: 54px;
    height: 54px;
    border-radius: 50px;
    margin-right: 20px;
    float: left
}

.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 {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-right: 9px
}

.mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-name .comment-agent-name-type {
    float: left;
    border: 1px solid rgba(174, 188, 201, .33);
    border-radius: 1px;
    font-size: 11px;
    color: #839aae;
    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 {
    font-size: 13px;
    color: #333
}

.mod-ask .list_box .comment-agent-box .comment-agent-infor .comment-agent-work span {
    font-size: 13px;
    color: #fa5741
}

.mod-ask .list_box .comment-agent-box .comment-agent-consult {
    float: right
}

.mod-ask .list_box .comment-agent-box .comment-agent-consult .new-talk {
    margin: 13px 0 0 !important;
    display: inline-block;
    width: 88px;
    height: 28px;
    text-align: center;
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    line-height: 28px;
    text-decoration: none;
    font-size: 12px;
    color: #4688f1;
    cursor: pointer
}

.mod-ask .list_box .comment-agent-box .comment-agent-consult .new-talk i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/Imtalk.png) no-repeat 50%/12px;
    padding: 0;
    margin-right: 4px;
    vertical-align: -3px
}

.mod-ask .nocomment {
    padding-top: 62px;
    padding-bottom: 92px;
    text-align: center;
    font-size: 16px;
    color: #666
}

.mod-ask .nocomment .btn {
    display: block;
    margin: 15px auto 0;
    width: 90px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #849aae;
    background-color: #f0f3f5;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.mod-ask .nocomment .btn:hover {
    color: #f0f3f5;
    background-color: #849aae
}

.mod-ask .no-question {
    height: 68px;
    line-height: 68px;
    font-size: 16px;
    color: #666;
    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 {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1100
}

#comment_layer,
#comment_mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0
}

#comment_layer {
    right: 0;
    bottom: 0;
    z-index: 1200;
    overflow-y: scroll
}

#comment_layer .container {
    padding: 10px 0
}

#comment_layer .main {
    position: relative;
    z-index: 1200;
    width: 675px;
    margin: auto;
    background-color: #fff;
    border-radius: 2px
}

#comment_layer .tit {
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #eaeaea;
    position: relative
}

#comment_layer .tit span {
    padding-left: 29px;
    font-size: 16px;
    font-weight: 700
}

#comment_layer .tit i {
    position: absolute;
    right: 32px;
    top: 23px;
    width: 11px;
    height: 11px;
    background-image: url(../image/comment_sprite.png);
    background-image: -webkit-image-set(url(../image/comment_sprite.png) 1x, url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: 100% -37px;
    cursor: pointer
}

#comment_layer .comment_box {
    padding: 15px 32px 25px
}

#comment_layer .comment_box .selarea {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    margin-bottom: 24px
}

#comment_layer .comment_box .selarea .sel {
    display: inline-block;
    margin-left: 52px
}

#comment_layer .comment_box .selarea .sel span {
    display: inline-block;
    margin-right: 10px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    cursor: pointer
}

#comment_layer .comment_box .selarea .sel span:hover {
    border: 1px solid #ff7326
}

#comment_layer .comment_box .selarea .sel span.active {
    border: 1px solid #ff7326;
    background: #ff7326;
    color: #fff
}

#comment_layer .comment_box .stararea li {
    height: 22px;
    line-height: 22px;
    font-size: 14px
}

#comment_layer .comment_box .stararea li span {
    color: #333
}

#comment_layer .comment_box .stararea li .star_wrap {
    position: relative;
    top: 3px;
    display: inline-block;
    padding: 0 3px;
    height: 17px;
    cursor: pointer
}

#comment_layer .comment_box .stararea li .star {
    vertical-align: baseline
}

#comment_layer .comment_box .stararea li i {
    color: #ff7326;
    padding-left: 0;
    display: inline-block;
    min-width: 29px
}

#comment_layer .comment_box .stararea li b {
    display: inline-block;
    color: #ff7326;
    width: 56px;
    padding-left: 0
}

#comment_layer .comment_box .stararea li p {
    display: inline-block;
    color: #999
}

#comment_layer .comment_box .writearea {
    margin-top: 26px;
    color: #333;
    font-size: 14px;
    position: relative
}

#comment_layer .comment_box .writearea span {
    display: block;
    margin-bottom: 12px
}

#comment_layer .comment_box .writearea textarea {
    width: 589px;
    padding: 8px 10px;
    height: 90px;
    border: 1px solid #eaeaea;
    color: #bbb;
    font-size: 14px
}

#comment_layer .comment_box .writearea p {
    position: absolute;
    top: 0;
    right: -10px;
    display: none;
    color: #999;
    font-size: 12px
}

#comment_layer .comment_box .uploadarea {
    margin-top: 10px
}

#comment_layer .comment_box .uploadarea .title {
    font-size: 14px;
    color: #333
}

#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;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-top: 10px;
    margin-right: 8px;
    position: relative
}

#comment_layer .comment_box .uploadarea .add_list .deleteMask {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer
}

#comment_layer .comment_box .uploadarea .add_list .deleteIcon {
    display: none;
    position: absolute;
    right: 25px;
    top: 23px;
    width: 11px;
    height: 14px;
    background-image: url(../image/comment_sprite.png);
    background-image: -webkit-image-set(url(../image/comment_sprite.png) 1x, url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: 85% -35px;
    cursor: pointer
}

#comment_layer .comment_box .uploadarea .add_list .add {
    background-color: #eaeaea;
    text-align: center
}

#comment_layer .comment_box .uploadarea .add_list .add img {
    margin-top: 16px;
    cursor: pointer
}

#comment_layer .comment_box .buttonarea .btnlist {
    width: 170px;
    margin: auto;
    text-align: center;
    position: relative
}

#comment_layer .comment_box .buttonarea .post {
    width: 140px;
    height: 36px;
    line-height: 36px;
    background-color: #686868;
    border-radius: 2px;
    cursor: pointer
}

#comment_layer .comment_box .buttonarea .anonymity {
    position: absolute;
    left: 100%;
    top: 0;
    line-height: 35px;
    width: 70px
}

#comment_layer .comment_box .buttonarea .anonymity .icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #e5e5e5;
    vertical-align: middle
}

#comment_layer .comment_box .buttonarea .anonymity .icon.on {
    background-image: url(../image/comment_sprite.png);
    background-image: -webkit-image-set(url(../image/comment_sprite.png) 1x, url(../../common/img/comment/comment_sprite@2x.png?e26a1ea992d1942c510e) 2x);
    background-position: 70% -40px
}

#comment_layer .comment_box .buttonarea .anonymity span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 12px;
    color: #b0b3b4
}

#comment_layer .comment_box .buttonarea p {
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 12px;
    color: #999
}

#comment_layer .comment_box .buttonarea .post {
    float: left;
    background-color: #676767;
    color: #fff;
    box-shadow: inset 0 -1px 0 #4f4f4f;
    -webkit-box-shadow: 0 -1px 0 #4f4f4f inset;
    -moz-box-shadow: 0 -1px 0 #4f4f4f inset;
    o-box-shadow: 0 -1px 0 #4f4f4f inset;
    ms-box-shadow: 0 -1px 0 #4f4f4f inset
}

#comment_layer .comment_box .buttonarea .cancel {
    float: right;
    background-color: #fff;
    color: #999;
    border: 1px solid #eaeaea
}

#layer {
    display: none;
    position: relative;
    z-index: 1000
}

#layer .cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 1100
}

#layer .main {
    width: 350px;
    height: 186px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -138px;
    z-index: 1200
}

#layer .main .top {
    width: 100%;
    height: 120px;
    padding-top: 66px;
    background: #fff;
    color: #101d37;
    text-align: center;
    border-radius: 4px 4px 0 0
}

#layer .main .top p {
    font-size: 18px;
    color: #101d37
}

#layer .main .bottom {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #101d37;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 0 0 4px 4px;
    cursor: pointer
}

#layer .main .bottom:hover {
    background: #303538
}

#layer .main .l_close {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer
}

.comment-showall {
    display: block;
    position: relative;
    top: -1px;
    margin-left: -30px;
    width: 1000px;
    font-size: 14px;
    color: #999;
    background-color: #f9f9f9;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-top: 1px solid #eaeaea;
    cursor: pointer
}

.comment-showall:hover {
    text-decoration: none
}

.webuploader-container {
    position: relative
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden
}

.webuploader-pick-disable {
    opacity: .6;
    pointer-events: none
}

.mod-consult {
    font-size: 0
}

.mod-consult .section-anchor {
    top: -30px
}

.mod-consult .consult-title {
    padding: 50px 0 14px;
    font-size: 24px;
    color: #101d37;
    letter-spacing: 0;
    font-weight: 700
}

.mod-consult .consult-sub-title span {
    font-size: 14px;
    color: #9399a5;
    letter-spacing: 0;
    line-height: 14px;
    vertical-align: middle
}

.mod-consult .consult-sub-title i {
    display: inline-block;
    width: 0;
    height: 10px;
    line-height: 10px;
    border: 1px solid hsla(0, 0%, 59.2%, .23);
    margin: 0 8px;
    vertical-align: middle
}

.mod-consult .consult-wrapper {
    margin-top: 20px;
    white-space: nowrap
}

.mod-consult .consult-wrapper .consult-item {
    display: inline-block;
    width: 268px;
    padding: 20px 0;
    margin-right: 32px;
    background: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
    border-radius: 2px
}

.mod-consult .consult-wrapper .consult-item:last-child {
    margin-right: 0
}

.mod-consult .consult-wrapper .consult-item .agent-img {
    float: left;
    margin-left: 20px;
    width: 72px
}

.mod-consult .consult-wrapper .consult-item .consult-info {
    display: table-cell;
    padding-left: 17px;
    width: 9999px
}

.mod-consult .consult-wrapper .consult-item .consult-info .main-info .name {
    display: inline-block;
    margin-right: 8px;
    font-size: 16px;
    color: #333;
    font-weight: 700;
    vertical-align: middle
}

.mod-consult .consult-wrapper .consult-item .consult-info .main-info .coop {
    display: inline-block;
    margin-right: 8px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #839aae;
    padding: 0 6px;
    background: #f3f5f7;
    vertical-align: middle
}

.mod-consult .consult-wrapper .consult-item .consult-info .main-info .authentication {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 18px;
    background: pink;
    vertical-align: middle;
    cursor: pointer
}

.mod-consult .consult-wrapper .consult-item .consult-info .main-info .authentication:hover img {
    display: block
}

.mod-consult .consult-wrapper .consult-item .consult-info .main-info .authentication img {
    display: none;
    position: absolute;
    z-index: 10;
    top: -330px;
    right: 30px;
    width: 408px;
    height: 500px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box
}

.mod-consult .consult-wrapper .consult-item .consult-info .look-deal {
    margin-top: 6px
}

.mod-consult .consult-wrapper .consult-item .consult-info .look-deal .text {
    font-size: 12px;
    color: #333;
    vertical-align: middle
}

.mod-consult .consult-wrapper .consult-item .consult-info .look-deal .split {
    display: inline-block;
    width: 0;
    height: 12px;
    margin: 0 8px;
    border: 1px solid #eee;
    vertical-align: middle
}

.mod-consult .consult-wrapper .consult-item .consult-info .phone {
    position: relative;
    margin-top: 5px;
    cursor: pointer
}

.mod-consult .consult-wrapper .consult-item .consult-info .phone .num {
    font-size: 12px;
    color: #fa5741;
    line-height: 18px;
    margin-right: 6px;
    vertical-align: middle;
    font-weight: 700
}

.mod-consult .consult-wrapper .consult-item .consult-info .phone .weixin {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 18px;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAAXNSR0IArs4c6QAAA5ZJREFUOBGNVE2IHFUQrnrdme2eXU2I4A7rfwwLSTxkdhKTNcGDgog/YQUvOSSHJLJgcCHzs/4sREFCQuIuKBL8gVw8eRAUg9GDHoKHuLg7omENMQEPxsjmoGKcftPT/cqvZreHibOBvEPXq6/q1atX9VVzcTLeQmn6joiM+pQme0VolLAMNi8x0Wdrbg9X8eZyQ5j5ssFnAZZ16kKKLn2gjFQak8VK9KgauFhuLOb98MF/k+hn6HcN5MK1CBI5IuEfZvLtgMR8Ub3ba8ek3KabkbJ9BsejX4gprk+Hm5avtqY/Fzyc94Lt6oXEKhBN/9tj/KcC7cX8PXLzOill+Eg5mtL4I9XosQwrVZpjJlM6kqWV5IkRJckwVCbBdUSlSrRTjF5NNHhPMHtmgpu6716+Zjs3Hbad1IBCfAox9kRV+hfJTvTlglNJYjf6THypWLa7jKFUHVMnj6tcdPa8x+bQ2gL9dfVXepM3V6KfSOQhNeLhsirH69NE7ndOvl7CgBp6hIqVxu4MUIlyX253qAtU3ZDx4i7sptve8tzENaPHwrK9nwwdJkdDqN3R7IwxvMf3gnBIWnZ9G2SvNX88d27Z4VjmqFIZ8F7eD2qqRKY5KLHswysXfMezMckFZnm3Pp2faPNFnbIFCn6Y7fW12yblbtX9DOyWxWq033hmNk3S0600ehW2g76QVEtVK+qIIg+CsfNs5KJncr+nZIdB26/Upnw+zyQRXjvNcmNNxbgBVOAw+L6APHehOVdwBJ3kkyAH5mBpYZ58R+4QbisgRdlEnvd8/UTfJ5lDt8SIFZzwuHIZkzXETLvrM8HZbh/dY4YSIff5LTdQOf//ICvpytoIRdmwklExR7wBrbl+L5G9RIzfAz8N6s/FA0ssXz7n/33dPsVCf2DShEvV+Dmku5HgfUNgFNcY74u5E7n5DN/6il2XxPJApndkX/Bj/Shf80s1ewDFPInAvS2Hwbn0ADix87vj/NvojITNq83h+kz4ZellWS2pLc2/FX6ztSaFpBUpS6/5oMAHGJln4XS6c1vXRic8Tu3rgF6Ir8T34SX7S2/I2fQfexBze2Tba1KIbTSF7u+Fz+pbboregVcgCx5zDVrji3cG9X//3BFa5Jx5G/ge9WkHdIY9VVZa+HN3SiFGBrU0huM7EpM+CbKPb5+iO11Lavi5fKzneUutsSNxfArXD/cG5CZ495EZDl6cG+dWr70X+Q/W0JM+RxeKhgAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.mod-consult .consult-wrapper .consult-item .consult-info .phone .phone-qr-wrap {
    display: inline-block;
    display: none;
    position: absolute;
    top: -38px;
    left: 146px;
    width: 120px;
    height: auto;
    line-height: 26px;
    padding-top: 4px;
    text-align: center;
    background: #fff;
    z-index: 9
}

.mod-consult .consult-wrapper .consult-item .consult-info .phone .phone-qr-wrap .phone-qr-img {
    width: 110px;
    height: 110px
}

.mod-consult .consult-wrapper .consult-item .consult-info .phone .phone-qr-wrap .phone-qr-desc {
    display: block;
    line-height: 12px;
    padding: 5px 0;
    font-size: 12px;
    color: #999
}

.mod-consult .consult-wrapper .consult-item .consult-info .consult {
    display: block;
    width: 86px;
    height: 26px;
    background: #f4f8fe;
    border: 1px solid #3a75ee;
    text-align: center;
    margin-top: 3px;
    border-radius: 2px
}

.mod-consult .consult-wrapper .consult-item .consult-info .consult i {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 26px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAABG9JREFUWAm9V11sVFUQnjl3u7u3/ITEYFojCCnIk7htCuojiYIQUXwgBkjwDbWJiN1q6oOkqSGK0pqQ8GN4VF8whIQXhZhAYqKFBraVRKPFaJW0pcSIVPduu3vvcebcPXfPvbvb7NZ0T7J35syZme/8zZxZgGJLdTszzCJ/Ut1ZyVS19m4nK4uNB8o1WK0jnT3Rkc5tYx5D9iQQLOV26LmYomUaymlHz+xGz3NHlYrxGRlsRmQAT0KXIQ+xggavhCSRTuV5F5UUhDbY3SfjYzO5m9SfGBmwt2h5dQ8It0cGmldhKu38A1Iu0RYmbbLsVlFtkBXzrjMZ7FRmwIZvjiSVA+Z1K9s5PaCpQMD3dSdKeZmCznhtdID7PEGmapnMcNt+XCYmx3N/zjdxFPhe5ph92LcoOlCGvzk5LayFEvJQZrD5KVQncN+ZrcUoqkPrvy+KxxeMrWtBWFE8lmQc4LHVpVXu6LACPWYkyOUxWu89U3prqhQRuTmAm7+X+pdGXVNV8cp9NA7KtKoIaENPqZuAQrxRRaeqmI+RTqNLRdqSWOJTR85dZm2UaLtu4byU8FDUmhHZyJSXdsiQcox7IHtplzrppkzQjf66bZn95hd9SLsSbiEH7T1Ov/Tku2EVo4f4b+sjyQe+PIjBsQcOUunsH4T4sKFelbWarI3XjyY4ev3E096d/a5WYzZy8+73fHuVg01vyRY66Se5U09TMUMGSOnzb75R9Rhr3fXL7YRYqDE7+WXG+ThIKdrrC5tL931nZ4nvbBOUA7SWTz3Ap0MOtqYs6HspDkv91AT9e+Lw8hY/q5/pSsC5t9W+mV5ay3JWnPTnCr4OI+bL46fkAPFKaAY8oo2Zn9eYxinffcBJ8RNWXki7MZC8KDKD9qsLMebcyHZlS6jJGb0rOrHW7YCCZ4gfJQ2kzoiDQwu8greX3vVe3deUE2jMSm4Y/gintIxpEI2m0OQ5Vgoydxg82FfrrWUw2pzPY5jsjwKavpmvOAEF6jrnFxKkUYAiyFDMsl+sNJnQBBg47znD9aSWSoBVZXT4TcLeZE4kuAScTbleWDRwnhUlXMZgLD1JtQMkOEmp/DUtbATVDxTVgfQASe+rRoBGMQSKZ4V6/aIjDeozNpUm9PRWaWseRDjbk6A8jjA+7cGuo8FjCqdficMTj/oJ/sCpWRi+5SkvzzxuwYf7qSiidjFTgN7P8oqv+CFsgQh/VRwk4TQ9dj9PUPRTlfHtTz6A1uW+S2X6+F1P/bR8bNKDO/ck5AsSro6FbbROQKnmwPZ09jj5fz0QNpChp+SkWIn2OypzNRCYoRiTqy0Vhpt7nLVzHvxIgVr25i7KvKhCaxLJdZyQVCK6dsz+lUJi76KARZzSioe4PNTZ0K84SIlCou7iLOJ7/i6lYStm7dAlpVYOJoAgU6X/Anr4f1LaaoqywZbVySNmQWx6DT1G5kCU331WWmPDs9vQlc9LlCnKH2voKq0gvTyX8ES5jP+BipQLbcsSlyuV8lGf3P8PtUieM6rZ74UAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.mod-consult .consult-wrapper .consult-item .consult-info .consult span {
    display: inline-block;
    font-size: 12px;
    color: #3a75ee;
    line-height: 26px;
    vertical-align: middle
}

.mod-right-card {
    position: absolute;
    top: 60px;
    right: 0;
    transition: opacity .3s
}

.mod-right-card .resblock-info {
    width: 400px
}

.mod-right-card .resblock-info .info-wrap {
    position: relative;
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .06);
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .06)
}

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

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

.mod-right-card .resblock-info .name-info {
    overflow: hidden;
    margin-bottom: 12px
}

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

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

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

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

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

.mod-right-card .resblock-info .middle-info .tag-btn-item,
.mod-right-card .resblock-info .top-info .tag-btn-item {
    font-size: 13px;
    line-height: 19px;
    color: #3072f6;
    background-color: #f4f8fe;
    border-radius: 2px;
    padding: 0 6px;
    position: relative
}

.mod-right-card .resblock-info .changePrice-remind:before {
    content: "";
    display: inline-block;
    margin-right: 3px;
    width: 13px;
    height: 13px;
    background: url(../image/bianjia.png) no-repeat;
    background-size: 100% 100%
}

.mod-right-card .resblock-info .middle-info .open-remind:before {
    content: "";
    display: inline-block;
    margin-right: 3px;
    width: 13px;
    height: 13px;
    background: url(../image/tixing.png) no-repeat;
    background-size: 100% 100%
}

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

.mod-right-card .resblock-info .top-info .price .title {
    width: 81px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9399a5;
    display: inline-block
}

.mod-right-card .resblock-info .top-info .price .price-number,
.mod-right-card .resblock-info .top-info .price .price-unit {
    line-height: 1;
    color: #fe615a
}

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

.mod-right-card .resblock-info .top-info .price .price-unit {
    font-family: HiraginoSansGB-W6;
    font-size: 16px
}

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

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

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

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

.mod-right-card .resblock-info .top-info .subscribe i.attention {
    background: url(../image/attention.png) no-repeat;
    background-size: 100%
}

.mod-right-card .resblock-info .top-info .subscribe i.enattention {
    background: url(../image/enattention.png) no-repeat;
    background-size: 100%
}

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

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

.mod-right-card .resblock-info .top-info .tag-btn-item {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer
}

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

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

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

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

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

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

.mod-right-card .resblock-info .middle-info .info-list .info-item .title {
    width: 81px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9399a5
}

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

.mod-right-card .resblock-info .middle-info .info-list .info-item .content .house-type-item {
    cursor: pointer;
    text-decoration: underline
}

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

.mod-right-card .resblock-info .middle-info .info-list .info-item .open-remind {
    margin-left: 5px
}

.mod-right-card .resblock-info .middle-info .info-list .open-date-wrap {
    display: flex;
    align-items: center
}

.mod-right-card .resblock-info .middle-info .info-list .open-date {
    display: inline-block
}

.mod-right-card .resblock-info .middle-info .info-list .open-date .content {
    width: auto
}

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

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

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

.mod-right-card .resblock-info .middle-info .more-box2 .more-close {
    width: 11px;
    height: 11px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(../image/fclose.png);
    background: -webkit-image-set(url(../image/fclose.png) 1x, url(../../pages/detail/img/fclose@2x.png?738c31f7842736ee287a) 2x) no-repeat 50%;
    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);
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

.mod-right-card .resblock-info .middle-info .tag-btn-item {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer
}

.mod-right-card .resblock-info .middle-info .more-building {
    padding-top: 20px;
    color: #101d37;
    text-decoration: underline;
    font-size: 14px
}

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

.mod-right-card .resblock-info .middle-info .tag-btn-wrap {
    margin-top: 15px;
    text-align: center
}

.mod-right-card .resblock-info .middle-info .tag-btn-wrap .tag-btn-item {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    width: 159px;
    height: 28px;
    text-align: center;
    line-height: 28px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mod-right-card .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-right-card .resblock-info .consultant .consultant-box .agent-card-part a i {
    background: url(../image/Imtalk.png) no-repeat 4.16666667%;
    display: inline-block;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px;
    width: 16px
}

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

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

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

.mod-right-card .resblock-info .resblock-consult {
    background: #fff;
    font-size: 0
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im {
    margin-top: 21px;
    font-family: PingFangSC-Semibold;
    white-space: nowrap
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-img {
    vertical-align: top;
    display: inline-block;
    margin-right: 18px;
    width: 60px;
    height: 60px;
    background-image: url(../image/xinxuan@2x.png);
    background-size: 100%
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text {
    display: inline-block;
    vertical-align: top
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 {
    display: block;
    margin-bottom: 4px
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 .text-1 {
    font-size: 18px;
    color: #101d37;
    margin-right: 8px
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-1 .text-2 {
    font-family: Hiragino Sans GB;
    font-size: 12px;
    color: #fa5741;
    background: #fdeeec;
    padding: 2px;
    border-radius: 2px;
    line-height: 24px
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-2 {
    display: block;
    opacity: .5;
    font-size: 12px;
    color: #101d37;
    margin-bottom: 3px;
    font-family: Hiragino Sans GB
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-3 {
    display: block;
    margin-bottom: 8px
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-3 .text-1 {
    font-family: Arial-Black;
    font-size: 14px;
    color: #fe615a
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-3 .text-2 {
    font-size: 11px;
    color: #fe615a;
    margin-left: 5px;
    margin-right: 3px
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-text .line-3 .text-3 {
    font-family: Arial-Black;
    font-size: 13px;
    color: #fe615a
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr {
    display: inline-block;
    position: relative;
    left: 13px
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr .im-btn {
    display: inline-block;
    background: #f4f8fe;
    padding: 0 12px;
    border: 1px solid #4688f1;
    border-radius: 2px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr .im-btn:before {
    display: inline-block;
    content: " ";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(../image/im-consult@2x.png);
    background-size: 100%;
    margin-right: 4px
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr .im-btn .text {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #4688f1;
    line-height: 40px;
    height: 40px;
    vertical-align: middle
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr p {
    font-size: 10px;
    color: #3072f6;
    letter-spacing: 0;
    text-align: center;
    margin-top: 7px;
    position: relative;
    cursor: pointer
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr p:before {
    content: "";
    display: inline-block;
    background-image: url(../image/1564373904308.png);
    background-size: 100%;
    height: 12px;
    width: 12px;
    line-height: 18px;
    vertical-align: bottom;
    margin-right: 5px
}

.mod-right-card .resblock-info .resblock-consult .xinxuan-im .xinxuan-modal-qr p img {
    display: none;
    position: absolute;
    top: 150%;
    left: 0;
    height: 110px;
    border: 1px solid #e8e8e8
}

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

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

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

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

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

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

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

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

.mod-right-card .resblock-info .resblock-tag {
    height: 28px;
    margin-top: 24px;
    text-align: center
}

.mod-right-card .resblock-info .resblock-tag .subscribe {
    display: inline-block;
    margin-right: 0;
    height: 28px;
    cursor: pointer
}

.mod-right-card .resblock-info .resblock-tag .subscribe i {
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-right: 3px;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: middle
}

.mod-right-card .resblock-info .resblock-tag .subscribe i.attention {
    background-image: url(../image/attention.png);
    background-size: 100%
}

.mod-right-card .resblock-info .resblock-tag .subscribe i.enattention {
    background-image: url(../image/enattention.png);
    background-size: 100%
}

.mod-right-card .resblock-info .resblock-tag .subscribe .subscribe-text {
    vertical-align: middle;
    line-height: unset
}

.mod-right-card .resblock-info .resblock-tag .wx-share {
    display: inline-block;
    cursor: pointer;
    height: 28px;
    margin-right: 70px;
    position: relative
}

.mod-right-card .resblock-info .resblock-tag .wx-share i {
    height: 14px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    background-position: 50%;
    background-image: url(../image/微信@2x.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.mod-right-card .resblock-info .resblock-tag .wx-share span {
    vertical-align: middle;
    line-height: unset
}

.mod-right-card .resblock-info .resblock-tag .wx-share .share-code-container {
    -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;
    left: -25px;
    bottom: 120%;
    transform: scale(0) translateY(0);
    transform-origin: 50% 0
}

.mod-right-card .resblock-info .resblock-tag .wx-share .share-code-container:after {
    content: "";
    width: 56px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    background: #fff
}

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

.mod-right-card .resblock-info .resblock-tag .wx-share .share-code-container .share-code {
    text-align: center
}

.mod-right-card .resblock-info .resblock-tag .share-code-container-hover {
    display: block;
    -webkit-transform: scale(1) translateY(0) !important;
    transform: scale(1) translateY(0) !important
}

.mod-right-card .resblock-info.stick_fixed {
    left: 50%;
    margin-left: 182px;
    border: none
}

.mod-right-card .resblock-info.stick_fixed .info-wrap {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .06)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mod-right-card .resblock-info .one-out {
    height: auto;
    display: block
}

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

.mod-right-card .resblock-info.stick_fixed .one-out {
    height: 0;
    display: none
}

.mod-right-card .resblock-info.stick_fixed .three-out {
    height: auto;
    display: block
}

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

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

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

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

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

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

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

.mod-right-card .disclaimer-box {
    display: flex;
    margin-top: 20px;
    align-items: center
}

.mod-right-card .disclaimer-box .address-key {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9399a5;
    width: 81px
}

.mod-right-card .disclaimer-box .disclaimer-img {
    width: 19px;
    height: 14px;
    display: inline-block;
    background: url(../image/disclaimer.png) no-repeat;
    background-size: 100% 100%
}

.mod-right-card .disclaimer-box .disclaimer-value {
    font-family: HiraginoSansGB-W3;
    font-weight: 300;
    font-size: 14px;
    color: #101d37;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    cursor: pointer;
    margin-right: 6px
}

.common-frame-modal-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.common-frame-modal-wrap .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5
}

.common-frame-modal-wrap .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 4px;
    padding: 44px 41px 45px
}

.common-frame-modal-wrap .modal-content .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    box-sizing: content-box;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAGFBMVEUAAAARHjgQHTcQHjgRHTgSHzgSHzkQHTebbBjcAAAAB3RSTlMAkLBsX2Fj5oi/PQAAAItJREFUKM+N0j0KgDAMhmFFD+DmAURcxcXVzd1LOPsDub4BIa/yUWiHtDaP0KQtMkfVf7+mxcNqDTulXR4HO9hq7fQ4mzUgu9/pAHmamey7ALGKHJ4ULDIwECwQLBAsEAwEA+mW/giC6SH0qFqQlp1ujrZQG63XASK7/642/QAcwW6PdfetdhuLvPEAL4RF7N1/LngAAAAASUVORK5CYII=");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 0;
    border: 20px solid transparent;
    cursor: pointer
}

.common-frame-modal-wrap .modal-content .fl {
    float: left
}

.common-frame-modal-wrap .modal-content .fr {
    float: right
}

.common-frame-modal-wrap .modal-content .h2-flow {
    margin-bottom: 8px
}

.common-frame-modal-wrap .modal-content .h2-flow h2 {
    float: left;
    padding: 0;
    display: block
}

.common-frame-modal-wrap .modal-content .h2-flow .title-link {
    font-size: 24px;
    font-weight: 600;
    color: #101d37
}

.common-frame-modal-wrap .modal-content .h2-flow .house-more {
    float: right;
    display: block;
    padding: 18px 0;
    font-size: 14px;
    color: #9399a5;
    line-height: 30px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box {
    float: right;
    padding-top: 15px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box li {
    float: left
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left {
    padding-right: 20px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-img {
    width: 36px;
    height: 36px;
    float: left;
    border-radius: 50px;
    margin-right: 9px;
    overflow: hidden
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-img img {
    width: 36px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor {
    float: left
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor div {
    padding-bottom: 6px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor div h2 {
    float: left;
    font-size: 14px;
    color: #333;
    padding-bottom: 0;
    margin-top: 0;
    font-weight: 700
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor div .house-intro-infor-label {
    background: #f3f5f7;
    border-radius: 1px;
    font-size: 11px;
    color: #839aae;
    float: left;
    padding: 1px 6px;
    margin-top: 1px;
    margin-left: 4px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor div .agent-card-box .agent-card-img {
    top: -330px;
    left: -420px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor p {
    font-size: 12px;
    color: #333
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-left .house-intro-infor .agent-card {
    margin-top: 0;
    margin-left: 5px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-center {
    padding: 0 11px;
    font-size: 12px;
    color: #fa5741;
    line-height: 18px;
    width: 76px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-right {
    padding: 0 26px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-right .qr-infor-consult .new-talk {
    margin: 3px 0 0 !important;
    display: inline-block;
    width: 88px;
    height: 28px;
    text-align: center;
    background-color: #f4f8fe;
    border: 1px solid #4688f1;
    border-radius: 2px;
    line-height: 28px;
    text-decoration: none;
    font-size: 12px;
    color: #4688f1;
    cursor: pointer
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-right .qr-infor-consult .new-talk i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/Imtalk.png) no-repeat 50%/12px;
    padding: 0;
    margin-right: 4px;
    vertical-align: -3px
}

.common-frame-modal-wrap .modal-content .h2-flow .house-intro-box .house-intro-line {
    border-right: 2px solid hsla(0, 0%, 59.2%, .2);
    height: 28px;
    margin-top: 4px
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper {
    float: right;
    font-size: 0;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #e4e6f0;
    border-radius: 2px
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 9px;
    background: pink;
    border-radius: 100%;
    vertical-align: middle
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info {
    display: inline-block;
    vertical-align: middle;
    margin-right: 13px
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .main-info {
    display: inline-block
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .main-info .name {
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
    color: #333;
    font-weight: 700;
    vertical-align: middle
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .main-info .coop {
    display: inline-block;
    margin-right: 8px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #839aae;
    padding: 0 3px;
    background: #f3f5f7;
    vertical-align: middle
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .look-deal {
    margin-top: 4px
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .look-deal .text {
    font-size: 12px;
    color: #333;
    vertical-align: middle
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult-info .look-deal .split {
    display: inline-block;
    width: 0;
    height: 10px;
    margin: 0 6px;
    border-right: 1px solid rgba(16, 29, 55, .5);
    vertical-align: middle
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    width: 78px;
    cursor: pointer
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .num {
    font-size: 12px;
    color: #fa5741;
    line-height: 18px;
    margin-right: 6px;
    font-weight: 700;
    vertical-align: middle
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .weixin {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 18px;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAAXNSR0IArs4c6QAAA5ZJREFUOBGNVE2IHFUQrnrdme2eXU2I4A7rfwwLSTxkdhKTNcGDgog/YQUvOSSHJLJgcCHzs/4sREFCQuIuKBL8gVw8eRAUg9GDHoKHuLg7omENMQEPxsjmoGKcftPT/cqvZreHibOBvEPXq6/q1atX9VVzcTLeQmn6joiM+pQme0VolLAMNi8x0Wdrbg9X8eZyQ5j5ssFnAZZ16kKKLn2gjFQak8VK9KgauFhuLOb98MF/k+hn6HcN5MK1CBI5IuEfZvLtgMR8Ub3ba8ek3KabkbJ9BsejX4gprk+Hm5avtqY/Fzyc94Lt6oXEKhBN/9tj/KcC7cX8PXLzOill+Eg5mtL4I9XosQwrVZpjJlM6kqWV5IkRJckwVCbBdUSlSrRTjF5NNHhPMHtmgpu6716+Zjs3Hbad1IBCfAox9kRV+hfJTvTlglNJYjf6THypWLa7jKFUHVMnj6tcdPa8x+bQ2gL9dfVXepM3V6KfSOQhNeLhsirH69NE7ndOvl7CgBp6hIqVxu4MUIlyX253qAtU3ZDx4i7sptve8tzENaPHwrK9nwwdJkdDqN3R7IwxvMf3gnBIWnZ9G2SvNX88d27Z4VjmqFIZ8F7eD2qqRKY5KLHswysXfMezMckFZnm3Pp2faPNFnbIFCn6Y7fW12yblbtX9DOyWxWq033hmNk3S0600ehW2g76QVEtVK+qIIg+CsfNs5KJncr+nZIdB26/Upnw+zyQRXjvNcmNNxbgBVOAw+L6APHehOVdwBJ3kkyAH5mBpYZ58R+4QbisgRdlEnvd8/UTfJ5lDt8SIFZzwuHIZkzXETLvrM8HZbh/dY4YSIff5LTdQOf//ICvpytoIRdmwklExR7wBrbl+L5G9RIzfAz8N6s/FA0ssXz7n/33dPsVCf2DShEvV+Dmku5HgfUNgFNcY74u5E7n5DN/6il2XxPJApndkX/Bj/Shf80s1ewDFPInAvS2Hwbn0ADix87vj/NvojITNq83h+kz4ZellWS2pLc2/FX6ztSaFpBUpS6/5oMAHGJln4XS6c1vXRic8Tu3rgF6Ir8T34SX7S2/I2fQfexBze2Tba1KIbTSF7u+Fz+pbboregVcgCx5zDVrji3cG9X//3BFa5Jx5G/ge9WkHdIY9VVZa+HN3SiFGBrU0huM7EpM+CbKPb5+iO11Lavi5fKzneUutsSNxfArXD/cG5CZ495EZDl6cG+dWr70X+Q/W0JM+RxeKhgAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .phone-qr-wrap {
    display: inline-block;
    display: none;
    position: absolute;
    top: -38px;
    left: 84px;
    width: 120px;
    height: auto;
    line-height: 26px;
    padding-top: 4px;
    text-align: center;
    background: #fff;
    z-index: 9
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .phone-qr-wrap .phone-qr-img {
    width: 110px;
    height: 110px
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .phone .phone-qr-wrap .phone-qr-desc {
    display: none;
    line-height: 12px;
    padding: 5px 0;
    font-size: 12px;
    color: #999
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult {
    display: inline-block;
    width: 86px;
    height: 26px;
    background: #f4f8fe;
    border: 1px solid #3a75ee;
    text-align: center;
    border-radius: 2px;
    vertical-align: middle
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult i {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 26px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAABG9JREFUWAm9V11sVFUQnjl3u7u3/ITEYFojCCnIk7htCuojiYIQUXwgBkjwDbWJiN1q6oOkqSGK0pqQ8GN4VF8whIQXhZhAYqKFBraVRKPFaJW0pcSIVPduu3vvcebcPXfPvbvb7NZ0T7J35syZme/8zZxZgGJLdTszzCJ/Ut1ZyVS19m4nK4uNB8o1WK0jnT3Rkc5tYx5D9iQQLOV26LmYomUaymlHz+xGz3NHlYrxGRlsRmQAT0KXIQ+xggavhCSRTuV5F5UUhDbY3SfjYzO5m9SfGBmwt2h5dQ8It0cGmldhKu38A1Iu0RYmbbLsVlFtkBXzrjMZ7FRmwIZvjiSVA+Z1K9s5PaCpQMD3dSdKeZmCznhtdID7PEGmapnMcNt+XCYmx3N/zjdxFPhe5ph92LcoOlCGvzk5LayFEvJQZrD5KVQncN+ZrcUoqkPrvy+KxxeMrWtBWFE8lmQc4LHVpVXu6LACPWYkyOUxWu89U3prqhQRuTmAm7+X+pdGXVNV8cp9NA7KtKoIaENPqZuAQrxRRaeqmI+RTqNLRdqSWOJTR85dZm2UaLtu4byU8FDUmhHZyJSXdsiQcox7IHtplzrppkzQjf66bZn95hd9SLsSbiEH7T1Ov/Tku2EVo4f4b+sjyQe+PIjBsQcOUunsH4T4sKFelbWarI3XjyY4ev3E096d/a5WYzZy8+73fHuVg01vyRY66Se5U09TMUMGSOnzb75R9Rhr3fXL7YRYqDE7+WXG+ThIKdrrC5tL931nZ4nvbBOUA7SWTz3Ap0MOtqYs6HspDkv91AT9e+Lw8hY/q5/pSsC5t9W+mV5ay3JWnPTnCr4OI+bL46fkAPFKaAY8oo2Zn9eYxinffcBJ8RNWXki7MZC8KDKD9qsLMebcyHZlS6jJGb0rOrHW7YCCZ4gfJQ2kzoiDQwu8greX3vVe3deUE2jMSm4Y/gintIxpEI2m0OQ5Vgoydxg82FfrrWUw2pzPY5jsjwKavpmvOAEF6jrnFxKkUYAiyFDMsl+sNJnQBBg47znD9aSWSoBVZXT4TcLeZE4kuAScTbleWDRwnhUlXMZgLD1JtQMkOEmp/DUtbATVDxTVgfQASe+rRoBGMQSKZ4V6/aIjDeozNpUm9PRWaWseRDjbk6A8jjA+7cGuo8FjCqdficMTj/oJ/sCpWRi+5SkvzzxuwYf7qSiidjFTgN7P8oqv+CFsgQh/VRwk4TQ9dj9PUPRTlfHtTz6A1uW+S2X6+F1P/bR8bNKDO/ck5AsSro6FbbROQKnmwPZ09jj5fz0QNpChp+SkWIn2OypzNRCYoRiTqy0Vhpt7nLVzHvxIgVr25i7KvKhCaxLJdZyQVCK6dsz+lUJi76KARZzSioe4PNTZ0K84SIlCou7iLOJ7/i6lYStm7dAlpVYOJoAgU6X/Anr4f1LaaoqywZbVySNmQWx6DT1G5kCU331WWmPDs9vQlc9LlCnKH2voKq0gvTyX8ES5jP+BipQLbcsSlyuV8lGf3P8PtUieM6rZ74UAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.common-frame-modal-wrap .modal-content .h2-flow .agent-wrapper .consult span {
    display: inline-block;
    font-size: 12px;
    color: #3a75ee;
    line-height: 26px;
    vertical-align: middle
}

.common-frame-modal-wrap .modal-content .mod-house-online {
    width: 712px;
    position: relative
}

.common-frame-modal-wrap .modal-content .mod-house-online .jump-to-frame-all {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 14px;
    color: #9d9d9d;
    cursor: pointer
}

.common-frame-modal-wrap .modal-content .mod-house-online .type-tab {
    float: left
}

.common-frame-modal-wrap .modal-content .mod-house-online .type-tab li {
    padding: 10px 20px;
    float: left;
    color: #101d37;
    cursor: pointer
}

.common-frame-modal-wrap .modal-content .mod-house-online .type-tab li a {
    text-decoration: none;
    font-size: 14px;
    color: #9d9d9d
}

.common-frame-modal-wrap .modal-content .mod-house-online .type-tab li:first-child {
    padding-left: 0
}

.common-frame-modal-wrap .modal-content .mod-house-online .type-tab .item.active>* {
    position: relative;
    font-family: HiraginoSansGB-W6;
    font-size: 14px;
    color: #3072f6
}

.common-frame-modal-wrap .modal-content .mod-house-online .type-tab .item.active>:after {
    content: " ";
    background: #3072f6;
    bottom: -11px;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.common-frame-modal-wrap .modal-content .mod-house-online .houselist.carousel {
    top: 30px;
    width: 753px
}

.common-frame-modal-wrap .modal-content .mod-house-online .houselist.carousel .carousel-body>.item {
    margin-right: 0;
    width: 753px;
    display: inline-block;
    overflow-y: auto;
    white-space: normal;
    height: 370px
}

.common-frame-modal-wrap .modal-content .mod-house-online .housemore {
    padding-left: 30px;
    padding-right: 30px
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-intro {
    font-size: 14px;
    color: #999;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 0
}

.common-frame-modal-wrap .modal-content .mod-house-online .det-line-h {
    display: inline-block;
    background: #eee;
    height: 1px
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det {
    position: relative;
    width: 230px;
    height: 335px;
    display: inline-block;
    margin-right: 12px;
    border: 1px solid #e4e6f0;
    border-radius: 2px;
    vertical-align: baseline
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-img {
    height: 60%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-bottom: 1px solid #e4e6f0
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content {
    height: 40%;
    padding: 20px 10px 10px
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title .p1-state {
    vertical-align: text-bottom;
    display: inline-block;
    padding: 0 3px;
    height: 16px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    line-height: 16px;
    border-radius: 2px
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title .p1-blue {
    background-image: linear-gradient(-135deg, #00795b, #00523E);
    color: #fff
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title .p1-gray,
.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-title .p1-orange {
    background-image: linear-gradient(-135deg, #f99f82, #ff5722);
    color: #fff
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-area {
    color: #9399a5;
    font-size: 14px;
    margin-bottom: 10px
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-price {
    margin-bottom: 5px;
    font-size: 16px;
    color: #fa5741
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-tags {
    margin-bottom: 10px;
    height: 24px
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-tags span {
    font-size: 12px;
    color: #849aad;
    margin-right: 5px;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    padding: 0 7px;
    display: inline-block;
    background-color: #f2f4f6
}

.common-frame-modal-wrap .modal-content .mod-house-online .house-det .card-content .content-bts .add-contrast {
    padding: 0 14px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border: 1px solid #9399a5;
    border-radius: 2px;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #9399a5;
    cursor: pointer
}

.common-frame-modal-wrap .modal-content .mod-house-online .more-house-det {
    height: 50px;
    width: 100%;
    margin-top: 30px;
    display: block;
    color: #9399a5;
    background: #3072f6;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ced2d6;
    background: #fff;
    cursor: pointer
}

.common-frame-modal-wrap .modal-content .mod-house-online .more-house-det:hover {
    background: rgba(206, 210, 214, .05)
}

.common-frame-modal-wrap .modal-content .mod-house-online .more-house-det a {
    position: relative !important;
    color: #9399a5
}

.common-frame-modal-wrap .modal-content .mod-house-online .all-list {
    font-size: 14px;
    width: 100%;
    margin-top: -1px;
    height: 46px;
    background: #fbfbfb;
    text-align: center;
    line-height: 46px;
    border-top: 1px solid #e4e4e4
}

.common-frame-modal-wrap .modal-content .mod-house-online .all-list .more {
    cursor: pointer;
    color: #999
}

.common-frame-modal-wrap .modal-content .mod-house-online .all-list .more a {
    color: #999
}

.common-frame-modal-wrap .modal-content .mod-house-online .all-list .more:hover {
    text-decoration: underline
}

.mod-car-container {
    width: 712px;
    height: 86px;
    position: relative;
    background-image: url(../image/看房bg@2x.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.mod-car-container .left-container {
    height: 100%;
    overflow: hidden
}

.mod-car-container .left-container .title {
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #fff;
    margin-top: 18.6px;
    margin-left: 22.3px
}

.mod-car-container .left-container .des {
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #fff6ef;
    margin-left: 22.3px;
    display: none
}

.mod-car-container .left-container .des:before {
    display: inline-block;
    content: "";
    vertical-align: bottom;
    margin-right: -14px;
    height: 20px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../image/专车豪华@2x.png)
}

.mod-car-container .right-container {
    position: absolute;
    top: 25px;
    right: 30px
}

.mod-car-container .right-container .phone-input {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    padding: 8px 20px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #fff;
    letter-spacing: -.14px;
    background: #f3af6f;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
    display: inline-block;
    outline: none;
    border: 0;
    margin: 0;
    width: 90px
}

.mod-car-container .right-container .phone-input::-moz-placeholder {
    color: #fff
}

.mod-car-container .right-container .phone-input::-ms-input-placeholder {
    color: #fff
}

.mod-car-container .right-container .phone-input::-webkit-input-placeholder {
    color: #fff
}

.mod-car-container .right-container .btn {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    padding: 8px 12px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #ff984c;
    letter-spacing: -.14px;
    display: inline-block;
    cursor: pointer
}

.mod-car-container .right-container .ordered-btn {
    color: #dcdcdc;
    background-color: #f8f8f9;
    cursor: not-allowed;
    border-radius: 18px;
    padding: 8px 22px
}

.mod-car-container .right-container .ordered-input {
    color: #dcdcdc;
    background-color: #f8f8f9;
    cursor: not-allowed;
    display: none
}

.new-header .float-wrapper {
    width: 1172px
}

.index-page-link {
    display: block
}

.title-link {
    color: #3072f6;
    cursor: pointer
}

.title-link,
.title-link:hover {
    text-decoration: none
}

#house-map {
    width: 940px;
    background-color: #fff;
    padding: 30px;
    margin: 0 auto 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

#house-map .detail-title h2 {
    font-size: 20px;
    padding-bottom: 26px;
    margin-top: -5px;
    font-weight: 400;
    display: block
}

#house-map .map-indicator {
    height: 28px;
    line-height: 28px;
    margin-bottom: 15px;
    font-family: Hiragino Sans GB, "\5FAE\8F6F\96C5\9ED1", Microsoft YaHei, SimHei, Tahoma, "\5B8B\4F53 b8b\4F53", SimSun, sans-serif
}

#house-map .map-indicator a {
    padding: 5px 6px;
    margin-right: 4px;
    color: #555
}

#house-map .map-indicator a:hover {
    text-decoration: none
}

#house-map .map-indicator a.on {
    background-color: #3072f6;
    color: #fff
}

#house-map .map-content {
    width: 940px;
    height: 365px
}

#house-map .map-box {
    position: relative
}

#house-map .env-list {
    position: absolute;
    top: 23px;
    bottom: 23px;
    right: 23px;
    width: 310px;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, .45)
}

#house-map .env-list h3 {
    line-height: 39px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #568fe3
}

#house-map .env-list ol {
    height: 265px;
    overflow-y: auto
}

#house-map .env-list ol li {
    padding: 21px 0;
    border-bottom: 1px solid #e1e4e9;
    cursor: pointer
}

#house-map .result-list div {
    border: 0 !important
}

.focusloupan {
    padding: 5px 10px;
    color: #666;
    font-size: 12px;
    border-top-color: #f9f9f9;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    margin-bottom: 5px;
    text-align: center;
    cursor: pointer
}

.det-disclaimer {
    height: 20px;
    padding: 0 0 52px 16px;
    margin: 0;
    background: url(../image/detail_new_disclaimer.png);
    background: -webkit-image-set(url(../image/detail_new_disclaimer.png) 1x, url(../../pages/detail/img/detail_new_disclaimer@2x.png?ef280d7b740dd063d643) 2x);
    background-repeat: no-repeat;
    background-position: 0 5px;
    color: #9399a5;
    font-size: 0
}

.det-disclaimer span {
    font-size: 12px;
    line-height: 20px
}

.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(../image/Sprite_Graphic_v2@2x.png);
        background-size: 717px 230px
    }

    .xinfang-nav .logo {
        background-image: url(../image/logo@2x.png)
    }

    .line {
        background-image: url(../image/line@2x.png)
    }
}

.search-map i {
    width: 12px;
    height: 17px;
    background-position: -110px -70px;
    margin-right: 5px;
    vertical-align: -4px;
    margin-top: 2px
}

.go-top i,
.search-map i {
    display: inline-block;
    background-image: url(../image/match-icon.png);
    background-repeat: no-repeat
}

.go-top i {
    height: 8px;
    width: 15px;
    background-position: -159px -70px;
    background-size: 210px 175px
}

.explain,
.who {
    display: none
}

.newwatchTime,
.watchedTime {
    margin: 0 5px
}

.lineTwo {
    margin: 3px 0
}

.lineTwo .phone-qr-wrap {
    position: absolute;
    top: -38px;
    left: 170px;
    display: inline-block;
    width: 100px;
    height: auto;
    line-height: 26px;
    padding-top: 4px;
    text-align: center;
    background: #fff;
    border: 0 !important;
    z-index: 9
}

.lineTwo .phone-qr-wrap .phone-qr-img {
    width: 90px;
    height: 90px
}

.lineTwo .phone-qr-wrap #phone-qr-desc {
    display: none;
    line-height: 12px;
    padding: 5px 0;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #999
}

.phone-qr-wrap {
    position: absolute;
    right: -120px;
    top: -30px;
    display: inline-block;
    width: 114px;
    height: 130px;
    line-height: 26px;
    padding-top: 4px;
    text-align: center;
    background: #fff;
    border: 1px solid #e8e8e8;
    z-index: 9
}

.phone-qr-wrap .phone-qr-img {
    width: 100px;
    height: 100px
}

.phone-qr-wrap #phone-qr-desc {
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #999
}

.phone-s {
    cursor: pointer
}

.phone-s .phone-qr-wrap {
    position: absolute;
    right: -120px;
    top: 0;
    display: inline-block;
    width: 114px;
    height: 130px;
    line-height: 26px;
    padding-top: 4px;
    text-align: center;
    background: #fff;
    border: 1px solid #e8e8e8;
    z-index: 9
}

.phone-s .phone-qr-wrap #phone-qr-desc {
    display: inline-block;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    color: #999
}

.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 {
    display: inline-block;
    width: 24px;
    height: 18px;
    background: url(../image/agent-card.png) no-repeat;
    background-size: 24px 18px;
    vertical-align: top;
    margin-top: 1px;
    cursor: pointer
}

.agent-card-box .agent-card-img {
    display: none;
    z-index: 10;
    position: absolute;
    top: -330px;
    left: 26px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    text-align: center
}

.agent-card-box .agent-card-img .agent-card-img-inner {
    display: block;
    line-height: 480px;
    width: 388px;
    height: 480px;
    background: #f8f8f9;
    border-radius: 1px;
    overflow: hidden
}

.agent-card-box .agent-card-img .agent-card-img-inner img {
    width: 388px;
    vertical-align: middle
}

.agent-card-box .agent-card-img .agent-card-img-title {
    display: block;
    font-size: 14px;
    color: #101d37;
    margin-top: 15px;
    margin-bottom: 30px
}

.clearbox {
    clear: both;
    padding-bottom: 0 !important
}

.download-app-qr-hover {
    display: block;
    -webkit-transform: scale(1) translateY(0) !important;
    transform: scale(1) translateY(0) !important
}

.download-app-wrapper .download-content {
    position: relative
}

.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 {
    font-family: HiraginoSansGB-W3;
    font-weight: 300;
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    line-height: 18px;
    width: 90px;
    text-align: center;
    margin: 0 auto;
    padding-top: 10px
}

.footer .beike-links-container {
    padding: 0;
    border: none
}

.footer .bottom {
    color: #9399a5;
    padding-top: 0;
    padding-bottom: 80px
}

.footer .bottom .copyright {
    color: #9399a5 !important
}

.section-anchor {
    color: transparent;
    font-size: 0;
    opacity: 0;
    position: absolute;
    top: -60px;
    z-index: -1
}

.pc-xcxdaoliu .unadd-word {
    display: none
}

.add-panel.clear {
    width: 1175px;
    margin: 0 auto;
}
.add-panel.clear .info p{
    text-indent: 2em;
    line-height: 25px;
}
.x-title {
    font-size: 20px;
    line-height: 78px;
}
.x-box{
    border: 1px solid #eee;
    border-width: 0 1px 1px 1px;
    overflow: hidden;
}
.x-box li:nth-child(2n){
    background: #f9f9f9;
}
.x-box li {
    display: block;
    width: 48.002%;
    padding: 5px 1%;
    float: left;
    border-top: 1px solid #eee;
}
/* 楼盘信息 */
.x-box .label {
    display: inline-block;
    width: 100px;
    font-weight: 700;
    color: #333;
    vertical-align: top;
}

.x-box .label-val {
    color: #888;
}

.x-box .all-row {
    display: block;
    width: 98%;
}

.x-box .around-val {
    display: inline-block;
    width: 650px;
    vertical-align: -42px;
}

/* 滚动楼盘资讯 */

.box{ width:1182px; margin:0 auto;}
.bcon{ width:100%; margin:30px auto;}
.bcon h1{ border-bottom:1px solid #eee; padding:0 10px;}
.bcon h1 b{ font:bold 14px/40px '宋体'; border-top:2px solid #3492D1; padding:0 8px; margin-top:-1px; display:inline-block;}

.list_lh{ height:400px; overflow:hidden;}
.list_lh li{ padding:10px 15px; position: relative;}
.list_lh li.lieven{ background:#F0F2F3;}
.list_lh li p{ height:24px; line-height:24px;}
.list_lh li p a.title{color: #101d37; font-size: 15px;font-weight: 600;top: 23px;
    position: absolute;}
.list_lh li p a{ float:left; color: #999; font-size: 14px;}
.list_lh li p em{ width:80px; font:normal 12px/24px Arial; color:#FF3300; float:right; display:inline-block;}
.list_lh li p span{ color:#999; float:right;}
.list_lh li p a.btn_lh{ background:#dcf2ed; height:17px; line-height:17px; color:#00523E; font-size: 12px;
    font-weight: 400; padding:0 5px; margin-top:4px; display:inline-block; float:right;}
.btn_lh:hover{ color:#fff; text-decoration:none;}

.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center;}