@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, p, a, dl, dt, dd, ul, li {
    border: 0;
    font-family: "Microsoft YaHei", "微软雅黑", arial, Tahoma, SimSun, sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

:focus {
    outline: 0
}

body {
    background: #fff;
    line-height: 1
}
.introduce-item{
    line-height: 2;
}
ol, ul, li {
    list-style: none
}

a img {
    border: 0
}

.ah:hover {
    cursor: pointer;
    color: #ff552e
}

.ab:hover {
    background: #f8f8f8
}

#qrcode-wrap table {
    margin: 0 auto
}

.hove {
    color: #333 !important
}

i {
    font-style: normal
}

img {
    width: 100%;
    height: 100%;
    border: 0
}

em {
    font-style: normal
}

a {
    text-decoration: none
}

.clearfix:after {
    display: block;
    content: ".";
    visibility: hidden;
    height: 0;
    clear: both
}

.clearfix {
    zoom: 1
}

.td {
    text-decoration: underline
}

.op_75 {
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75
}

.c_000 {
    color: #000
}

.c_fff {
    color: #fff
}

.c_888 {
    color: #888
}

.c_999 {
    color: #999
}

.c_333 {
    color: #333
}

.c_555 {
    color: #555
}

.c_ff552e {
    color: #ff552e
}

.c_0091d7 {
    color: #0091d7
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f24 {
    font-size: 24px
}
.f30{
    font-size: 30px
}
.f34 {
    font-size: 34px
}

.f36 {
    font-size: 36px
}

.fl {
    float: left
}

.fr {
    float: right
}

.pa {
    position: absolute
}

.pr {
    position: relative
}

.t14 {
    top: 14px
}

.b12 {
    bottom: 12px
}

.lh18 {
    line-height: 18px
}

.lh20 {
    line-height: 20px
}

.lh28 {
    line-height: 28px
}

.lh30 {
    line-height: 30px
}

.lh36 {
    line-height: 36px
}

.lh44 {
    line-height: 44px
}

.lh50 {
    line-height: 50px
}

.lh75 {
    line-height: 75px
}

.mr_15 {
    margin-right: 15px
}

.mr_20 {
    margin-right: 20px
}

.t_w {
    width: 90px
}

.db {
    display: block
}

.hide {
    display: none
}

.header-wrap, .main-wrap, .footer-wrap {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden
}

.header-wrap {
    margin-top: 20px
}

.main-wrap {
    margin-top: 5px
}

#brand_detial_top_banner {
    width: 1190px !important;
    height: auto !important;
    margin: 0 auto;
    overflow: hidden;
    *max-height: 50px
}

.brandad1000 {
    width: 1190px !important
}

.icon {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 30px;
    background: url(https://pic.0598777.com/pc-detail-icon.png) no-repeat center;
    background-size: auto 80px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .icon {
        background-image: url(https://pic.0598777.com/detail-icon@2x.png);
        background-size: auto 80px
    }
}

.icon2 {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 16px;
    height: 30px;
    background: url() no-repeat center
}

.jianjiao {
    position: absolute;
    display: inline-block
}

.view-more {
    height: 46px;
    line-height: 46px;
    text-align: center;
    border: 1px solid #e0e0e0
}

.view-more .icon {
    margin-bottom: -4px;
    width: 10px;
    height: 13px;
    position: absolute;
    top: 18px;
    background-position: -1963px 0
}

.view-more a {
    position: relative;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    display: block;
    color: #555;
    background: #f5f5f5
}

.view-more a:hover {
    background: #e0e0e0;
    color: #333
}

.rjj .icon {
    margin-bottom: -2px;
    width: 10px;
    height: 13px;
    position: relative;
    background-position: -1963px 0
}

.clear {
    clear: both
}

.close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    background-position: 0 0;
    background: url(https://pic.0598777.com/safeicon.png) no-repeat
}

.defraud-layer {
    display: none;
    z-index: 999999;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    opacity: .85;
}

.defraud-mask {
    display: none;
    z-index: 999999;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 640px;
    height: 360px;
    background: #fff;
    border-radius: 2px
}

.defraud-title {
    margin-top: 30px;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #000
}

.defraud-detail {
    width: 321px;
    margin: 15px auto;
    height: 102px;
    line-height: 30px;
    font-size: 20px;
    color: #666;
    background: url(https://pic.0598777.com/safeicon.png) no-repeat;
    background-position: 258px -22px;
    padding-top: 5px
}

.defraud-remain-1, .defraud-remain-2 {
    display: block;
    margin: 0 auto;
    font-size: 20px;
    color: #666;
    margin-bottom: 5px
}

.defraud-remain-1 {
    width: 200px
}

.defraud-remain-2 {
    width: 180px
}

.defraud-remain-3 {
    color: #0091d7;
    text-decoration: underline;
    margin: 20px auto;
    text-align: center
}

.defraud-remain-1 span {
    display: inline-block;
    border-bottom: 2px solid #666;
    padding-bottom: 5px
}

.defraud-mask i {
    display: inline-block;
    color: #ff552e;
    padding-bottom: 5px;
    border-bottom: 2px solid #ff552e
}

.defraud-close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    background-position: 0 0
}

.defraud-know {
    cursor: pointer;
    width: 222px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #FF552E;
    font-size: 14px;
    color: #FF552E
}

.defraud-pic {
    display: block;
    width: 100%;
    height: 209px
}

.defraud-tip {
    font-size: 14px;
    color: #555;
    line-height: 24px;
    margin-top: 19px;
    margin-bottom: 25px;
    text-align: center
}

#topbar {
    height: 30px;
    border-bottom: 1px solid #888
}

.header-wrap .logo {
    width: 214px;
    height: 42px;
    margin: 0 0 6px;
    background: url(../img/logo.png) no-repeat;
    background-image: -webkit-image-set(url(../img/logo_2.png) 2x)
}

.nav-top-bar {
    width: 100%;
    line-height: 42px
}

.nav-top-bar a {
    color: #888
}

.nav-top-bar a:hover {
    color: #ff552e
}

.top-publish-news {
    width: 100px;
    height: 36px;
    color: #ff552e;
    background: #ffefe7;
    line-height: 36px;
    text-align: center
}

.house-title {
    z-index: 5;
    position: relative
}

.house-title h1 {
    font-weight: 700;
    width: 940px;
    line-height: 24px
}

.house-update-info {
    margin-top: 10px;
    margin-bottom: 19px;
    line-height: 18px
}

.title-right-info {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

.title-right-info a {
    float: left;
    padding-top: 26px;
    display: block
}

.collect-house i {
    width: 24px;
    *width: 24px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-position: -965px 0
}

.clt-btn.on i {
    background-position: center !important;
    background-size: contain;
    background-image: url(https://pic.0598777.com/news_xx.png)
}

.clt-btn.on:hover i {
    background-position: center !important
}

.collect-house:hover {
    color: #ff552e
}

.collect-house:hover i {
    background-position: -1425px 0
}

.richscan-house {
    z-index: 12;
    margin-right: 16px;
    margin-left: 31px
}

.richscan-house i {
    top: 0;
    width: 100%;
    *width: 26px;
    height: 15px;
    background-position: -890px 0
}

.richscan-house:hover {
    color: #ff552e
}

.richscan-house:hover i {
    background-position: -1394px 0
}

.see-by-phone i {
    top: 0;
    width: 10px;
    left: 23px;
    height: 15px;
    background-position: -414px 0
}

.see-by-phone:hover {
    color: #ff552e
}

.see-by-phone:hover i {
    background-position: -1384px 0
}

.manage-house {
    margin-right: 30px
}

.manage-house i {
    top: 0;
    width: 100%;
    height: 16px;
    background-position: -1908px 0
}

.manage-house:hover {
    color: #ff552e
}

.manage-house:hover i {
    background-position: -1934px 0
}

.richscan-wrap {
    display: none;
    z-index: 11;
    width: 100px;
    position: absolute;
    top: 47px;
    right: 20px;
    padding: 20px;
    background: #FFF;
    border: 1px solid #D2D2D2
}

.richscan-wrap .code {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    margin-bottom: 10px
}

.richscan-wrap .word {
    font-size: 12px;
    color: #9B9B9B
}

.richscan-wrap .word i {
    width: 20px;
    height: 12px;
    position: relative;
    background-position: -1618px 0
}

.richscan-wrap .jianjiao {
    width: 22px;
    height: 17px;
    top: -7px;
    right: 57px;
    background-position: -1680px 0
}

.manage-wrap {
    display: none;
    z-index: 11;
    position: absolute;
    top: 47px;
    right: 152px;
    width: 110px;
    height: 112px;
    padding: 9px 0 18px 0;
    background: #FFF;
    border: 1px solid #D2D2D2
}

.manage-wrap .jianjiao {
    width: 22px;
    height: 17px;
    top: -7px;
    right: 42px;
    background-position: -1680px 0
}

.manage-wrap a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #888;
    line-height: 28px
}

.house-basic-info {
    /*margin-bottom: 40px;*/
    /**margin-bottom: 80px*/
}

.house-basic-pic {
    position: relative;
    width: 464px;
	border-top: 1px solid #f3f3f3;
}

.basic-top-bigpic {
    cursor: pointer;
    width: 464px;
    height: 348px;
    overflow: hidden;
    margin-bottom: 10px
}

.basic-top-bigpic img {
    width: 100%;
    height: 100%
}

.basic-top-bigpic .leftNum {
    width: 49px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    text-align: center;
    right: 20px;
    bottom: 20px
}

.basic-pic-load {
    display: none;
    width: 90px;
    height: 75px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -45px
}

.basic-pic-load .top {
    width: 90px;
    height: 45px;
    top: 0;
    left: 0;
    background-position: -2244px 0;
    -webkit-animation: rotateOut 1s infinite linear;
    animation: rotateOut 1s infinite linear
}

.basic-pic-load .bottom {
    width: 60px;
    height: 30px;
    bottom: 0;
    left: 15px;
    background-position: -2173px 0;
    -webkit-animation: rotateIn 1s infinite linear;
    animation: rotateIn 1s infinite linear
}

.basic-pic-list {
    width: 100%;
    height: 75px;
    overflow: hidden
}

.pic-list-wrap {
    padding-left: 35px;
    width: 10000px
}

.pic-list-wrap li {
    cursor: pointer;
    position: relative;
    width: 91px;
    height: 75px;
    margin-right: 10px;
    float: left
}

.pic-list-wrap img {
    background: #fff;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6
}

.pic-list-wrap li.actives img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.pic-list-wrap li.hove img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.basic-pic-left, .basic-pic-right {
    top: 0;
    width: 25px;
    height: 75px;
    display: block;
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75
}

.basic-pic-left:hover, .basic-pic-right:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.basic-pic-left {
    left: 0;
    background-position: -1358px 31px
}

.basic-pic-right {
    right: 0;
    background-position: -1320px 31px
}

.house-basic-right {
    width: 686px;
    border-top: 1px solid #f3f3f3
}

.house-basic-desc {
    height: 280px;
    margin-bottom: 10px
}

.house-desc-item {
    width: 424px
}

.house-desc-item li {
    line-height: 40px
}

.house-desc-item .li_br {
    line-height: 16px;
    margin: 10px 0
}

.house-desc-item li span {
    display: inline-block
}

.house-desc-item li .pz {
    line-height: 24px;
    vertical-align: top;
    width: 330px;
    margin-top: 4px
}

.house-desc-item li .fj_br {
    margin-top: 10px;
    margin-left: 87px
}

.house-desc-item li .dz_br {
    line-height: 16px
}

.house-desc-item li .zs {
    margin-left: 20px
}

.house-desc-item li .dt {
    margin-left: 20px
}

.house-desc-item li .fj {
    margin-left: 20px
}

.house-desc-item li .detail-addr {
    line-height: 24px
}

.house-pay-way {
    height: 91px;
    line-height: 107px
}

.freeEntry {
    position: relative
}

.freeEntry:hover .freeDetail {
    display: block
}

.freeDetail {
    display: none;
    position: absolute;
    top: 36px;
    width: 400px;
    padding: 18px 12px 9px 12px;
    background: #FFF;
    border: 1px solid #D2D2D2
}

.freeDetail .jianjiao {
    width: 22px;
    height: 17px;
    top: -7px;
    right: 140px;
    background-position: -1680px 0
}

.freeDetail h3 {
    font-size: 16px;
    line-height: 16px;
    color: #333;
    margin-bottom: 14px
}

.freeItem {
    overflow: hidden;
    font-size: 14px;
    color: #666
}

.freeItem li {
    float: left;
    width: 25%;
    line-height: 14px;
    margin-bottom: 14px
}

.house-agent-info {
    z-index: 1;
    width: 242px;
    text-align: center
}

#generalAgent .agent-head-portrait {
    margin-top: 15px
}

.agent-head-portrait {
    width: 80px;
    height: 80px;
    margin: 15px auto 20px;
    z-index: 3
}

.agent-head-portrait img {
    height: auto
}

.agent-head-portrait a {
    width: 80px;
    height: 80px;
    display: block;
    overflow: hidden
}

.agent-head-portrait .icon2 {
    _display: none;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-position: 0 0
}

.agent-head-portrait .agent-service-district {
    display: none;
    z-index: 10;
    top: 89px;
    right: -80px;
    padding: 20px;
    width: 200px;
    background: #FFF;
    border: 1px solid #D2D2D2;
    font-size: 12px
}

.agent-head-portrait .agent-service-district .nav {
    margin-bottom: 12px
}

.agent-head-portrait .agent-service-district p {
    text-align: left
}

.agent-head-portrait .agent-service-district a {
    width: auto;
    height: auto;
    margin-right: 10px;
    display: inline-block;
    font-size: 12px;
    color: #555;
    line-height: 16px
}

.agent-head-portrait .agent-service-district a:hover {
    color: #ff552e
}

.agent-head-portrait .agent-service-district .jianjiao {
    width: 22px;
    height: 17px;
    top: -7px;
    right: 100px;
    background-position: -1680px 0
}

.agent-name {
    margin-bottom: 6px
}

.agent-name a:hover {
    color: #ff552e
}

.agent-name i {
    position: relative;
    width: 24px;
    height: 17px;
    bottom: -4px;
    margin-left: -2px
}

.agent-name .pho-approve {
    width: 15px;
    background-position: -2443px 0
}

.agent-name .single-approve {
    width: 22px;
    background-position: -2466px 0
}

.agent-name .license-approve {
    width: 22px;
    background-position: -2498px 0
}

.agent-name .mail-approve {
    width: 22px;
    background-position: -2529px 0
}

#single .agent-name {
    margin-bottom: 23px
}

.agent-subgroup {
    line-height: 14px;
    margin-bottom: 7px;
    color: #888
}

.agent-subgroup i {
    position: relative;
    width: 34px;
    height: 18px;
    background-position: -1035px 0;
    margin-bottom: -5px;
    margin-left: 5px;
    color: #0091d7;
    padding-left: 7px;
    line-height: 16px
}

.agent-store {
    line-height: 14px;
    margin-bottom: 8px
}

.agent-store a {
    color: #888
}

.agent-credit-values {
    height: 16px;
    margin-bottom: 16px
}

.agent-credit-values img {
    width: auto
}

.agent-credit-values i {
    width: 16px;
    height: 16px;
    position: relative
}

.credit-values-high i {
    background-position: -90px 0
}

.credit-values-middle i {
    background-position: -142px 0
}

.credit-values-low i {
    background-position: -116px 0
}

.agent-chat {
    z-index: 2;
    height: 26px;
    position: relative;
    margin-bottom: 10px
}

.agent-chat a {
    display: inline-block;
    position: relative;
    *margin-right: 4px
}

.bangbang-chat {
    visibility: hidden;
    width: 80px;
    height: 23px;
    background-position: -656px 0
}

.bangbang-chat:hover {
    background-position: -746px 0
}

.agent-chat .offline, .agent-chat .offline:hover {
    background-position: -136px 0
}

.agent-chat .im-offline, .agent-chat .im-offline:hover {
    background-position: -136px 0
}

.wx-chat {
    visibility: hidden;
    width: 80px;
    height: 23px;
    background-position: -1079px 0
}

.wx-chat:hover {
    background-position: -1169px 0
}

.qq-chat {
    width: 23px;
    height: 23px;
    background-position: -103px 0
}

#qqChatBtn {
    visibility: hidden
}

.wxchat-wrap {
    display: none;
    z-index: 10;
    position: absolute;
    top: 32px;
    right: 16px;
    padding: 20px;
    width: 100px;
    background: #FFF;
    border: 1px solid #D2D2D2
}

.wxchat-wrap .code {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    margin-bottom: 10px
}

.wxchat-wrap .word {
    width: 80px;
    margin: 0 auto;
    font-size: 12px;
    color: #9B9B9B;
    line-height: 16px;
    text-align: center
}

.wxchat-wrap .word i {
    width: 20px;
    height: 12px;
    position: relative;
    background-position: -1618px 0
}

.wxchat-wrap .jianjiao {
    width: 22px;
    height: 17px;
    top: -7px;
    right: 57px;
    background-position: -1680px 0
}

.agent-company-logo {
    width: 242px;
    border-top: 1px solid #f3f3f3;
    padding-top: 19px;
    padding-bottom: 29px
}

.agent-company-logo .cmlogo {
    margin-right: 23px;
    margin-left: 42px;
    width: 60px;
    height: 57px;
    display: block
}

.agent-company-logo .title i {
    width: 15px;
    height: 12px;
    position: relative;
    background-position: -80px 0
}

.rz-wrap {
    position: relative;
    top: 20px;
    border: 1px solid #efefef;
    padding: 19px 12px 8px
}

.rz-title {
    background: #fff;
    top: -7px;
    left: 13px;
    position: absolute;
    color: #333;
    font-size: 14px;
    padding: 0 4px
}

.rz-box {
    float: left;
    position: relative;
    padding-top: 36px;
    display: block;
    color: #999;
    font-size: 12px;
    text-align: center;
    margin: 0 6px
}

.rz-rl em {
    background-position: 0 0
}

.wrz-rl em {
    background-position: 0 -35px
}

.rz-xy em {
    background-position: 0 -105px
}

.wrz-xy em {
    background-position: 0 -70px
}

.face-recognition {
    text-align: center;
    line-height: 24px;
    font-size: 12px
}

.isRec {
    color: #0091d7
}

.notRec {
    color: #888
}

.isRec .faceicon {
    width: 24px;
    height: 24px;
    background-position: 0 0
}

.notRec .faceicon {
    width: 20px;
    height: 24px;
    background-position: -34px 0
}

.house-fraud-tip {
    height: 75px;
    position: relative
}

.house-fraud-tip span {
    display: block
}

.frand-remarks {
    margin-top: 20px;
    float: right;
    width: 156px;
    height: 48px;
    padding: 12px 68px 15px 18px;
    color: #555;
    background: #fff6f5;
    line-height: 16px
}

.frand-remarks .frand-logo {
    cursor: pointer;
    top: 0;
    right: 0;
    width: 56px;
    height: 30px;
    padding-top: 45px;
    text-align: center;
    background: #ffe8e4
}

.frand-remarks .frand-logo i {
    width: 21px;
    height: 21px;
    background-position: -550px 0;
    top: 15px;
    left: 17px
}

.report-column {
    display: none;
    position: absolute;
    top: 84px;
    right: 0;
    width: 110px;
    height: 84px;
    padding: 9px 0 18px 0;
    background: #FFF;
    border: 1px solid #D2D2D2
}

.house-chat-im {
    float: left;
    height: 73px;
    width: 88px;
    margin-right: 10px;
    font-size: 12px;
    background: #F9F9F9;
    color: #666;
    border: 1px solid #E6E6E6;
    cursor: pointer;
    text-align: center;
    transition: all .1s ease
}

.house-chat-im .im-icon {
    display: block;
    width: 32px;
    height: 32px;
    margin: 12px auto 7px;
    background-repeat: no-repeat;
    background-position: -50px 0;
    background-image: url(https://pic.0598777.com/tel_tt.png)
}

.house-chat-im:hover {
    border-color: #20B1EE;
    background: #21B2EE;
    color: #FFF
}

.house-chat-im:hover .im-icon {
    background-position: -84px 0
}

.house-chat-icon {
    display: block;
    background-repeat: no-repeat;
    background-image: url(https://pic.0598777.com/tel_tt.png)
}

.house-chat-cover-container {
    float: left;
    position: relative;
    width: 324px;
    height: 75px;
    line-height: 75px;
    background: #FF552E;
    font-size: 20px;
    color: #FFF;
    text-align: center;
    margin-right: 10px
}

.house-chat-phone {
    margin-top: 20px;
    float: left;
    width: 285px;
    height: 73px;
    line-height: 73px;
    background: #FFF;
    border: 1px solid #FF552E;
    font-size: 24px;
    color: #FF552E;
    text-align: center;
    margin-right: 10px
}

.house-chat-phone span {
    display: inline-block
}

.house-chat-no-phone {
    float: left;
    width: 324px;
    height: 75px;
    line-height: 75px;
    background: #F9F9F9;
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-right: 10px
}

.house-chat-icon-guard {
    width: 46px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
    background-position: 0 0
}

.house-chat-icon-phone-white {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-position: -25px -51px
}

.house-chat-icon-phone-full {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-position: 0 -51px
}

.house-chat-cover-container .house-chat-txt {
    display: inline-block;
    margin: 0 14px
}

.phone-qr-tooltips {
    display: none;
    position: absolute;
    left: 0;
    top: -280px;
    width: 420px;
    height: 240px;
    border-radius: 2px;
    background: #FFF;
    border: 1px solid #EEE;
    box-shadow: 0 2px 10px #eee;
    padding: 12px 16px;
    animation-name: fade-up;
    animation-duration: .2s;
    animation-fill-mode: forwards
}

.tooltips-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border-width: 10px 12px 0;
    border-style: solid dashed dashed dashed;
    border-left-color: transparent;
    border-right-color: transparent
}

.tooltips-arrow-border {
    color: #EEE;
    bottom: -10px;
    z-index: -10;
    right: 75%
}

.tooltips-arrow-bg {
    color: #FFF;
    bottom: -8px;
    right: 75%
}

.for-center {
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.phone-qr-code {
    display: inline-block;
    vertical-align: middle;
    margin-right: 32px;
    width: 170px;
    height: 170px
}

.phone-qr-text-container {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    text-align: left
}

.phone-qr-text-xl {
    font-size: 20px;
    color: #333;
    line-height: 32px
}

.phone-qr-text-xl.mg {
    margin-bottom: 24px
}

.phone-qr-text-s {
    font-size: 14px;
    color: #999;
    line-height: 24px
}

.phone-qr-text-s b {
    font-weight: 700;
    margin-right: 6px;
    color: #74CB89
}

@keyframes fade-up {
    from {
        opacity: 0;
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.report-column .jianjiao {
    width: 22px;
    height: 17px;
    top: -7px;
    right: 12px;
    background-position: -1680px 0
}

.report-column a {
    display: block;
    padding-left: 20px;
    font-size: 12px;
    color: #888;
    line-height: 28px
}

.house-detail-desc {
    width: 100%;
    border-top: 1px solid #f3f3f3;
    overflow: hidden
}

.main-detail-info {
    width: 706px;
    overflow: hidden
}

.nav-detail-bar {
    width: 100%;
    height: 18px;
    margin-top: 39px;
    margin-bottom: 34px;
    overflow: hidden
}

.nav-detail-bar li {
    float: left;
    margin-right: 57px;
    color: #888;
    cursor: pointer
}

.nav-detail-bar li a {
    color: #888
}

.nav-detail-bar li a:hover {
    color: #333
}

.nav-detail-bar li.on {
    color: #333
}

.nav-detail-bar li.on a {
    color: #333
}

.broker-promise, .smalledit-judge {
    *display: block;
    background: #fff9f3
}

.broker-promise a, .smalledit-judge a {
    color: #333;
    text-decoration: underline
}

.broker-promise span, .smalledit-judge span {
    display: inline-block;
    *display: inline
}

.broker-promise .logo, .smalledit-judge .logo {
    margin: 0;
    background-color: #fff4e8;
    width: 80px;
    height: auto
}

.broker-promise .logo i, .smalledit-judge .logo i {
    left: 24px;
    top: 17px;
    width: 30px;
    height: 33px
}

.broker-promise .word, .smalledit-judge .word {
    *display: inline;
    width: 606px;
    padding: 17px 10px 17px 20px
}

.broker-promise .logo i {
    background-position: -261px 0
}

.smalledit-judge .logo i {
    background-position: -1838px 0
}

#Immereport:hover {
    color: #ff552e
}

.house-disposal {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 27px
}

.house-disposal li {
    font-size: 14px;
    color: #555;
    float: left;
    position: relative;
    width: 117px;
    line-height: 18px;
    text-align: center;
    padding-top: 39px;
    margin-bottom: 27px
}

.house-disposal li i {
    top: 0
}

.house-disposal .bed i {
    width: 35px;
    height: 29px;
    background-position: -301px 0;
    left: 42px
}

.house-disposal .chest i {
    width: 25px;
    height: 31px;
    background-position: -1878px 0;
    left: 47px
}

.house-disposal .sofa i {
    width: 34px;
    height: 22px;
    background-position: -926px 0;
    left: 42px
}

.house-disposal .telev i {
    width: 33px;
    height: 30px;
    background-position: -346px 0;
    width: 33px;
    left: 42px
}

.house-disposal .icebox i {
    width: 25px;
    height: 31px;
    background-position: -226px 0;
    left: 46px
}

.house-disposal .washer i {
    width: 25px;
    height: 30px;
    background-position: -1259px 0;
    left: 46px
}

.house-disposal .air-condition i {
    width: 29px;
    height: 29px;
    background-position: -580px 0;
    left: 46px
}

.house-disposal .water-heater i {
    width: 28px;
    height: 30px;
    background-position: -861px 0;
    left: 46px
}

.house-disposal .broadband i {
    width: 28px;
    height: 26px;
    background-position: -618px 0;
    left: 46px
}

.house-disposal .central-heater i {
    width: 16px;
    height: 30px;
    background-position: -836px 0;
    left: 48px
}

.house-disposal .fuel-gas i {
    width: 26px;
    height: 31px;
    background-position: -1980px 0;
    left: 45px
}

.house-disposal .balcony i {
    width: 31px;
    height: 30px;
    background-position: -2016px 0;
    left: 44px
}

.house-disposal .toilet i {
    width: 31px;
    height: 25px;
    background-position: -2133px 0;
    left: 44px
}

.house-word-introduce {
    margin-bottom: 31px
}

.house-word-introduce img {
    width: auto;
    height: auto
}

.introduce-item li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px
}

.introduce-item em {
    margin-right: 30px
}

.introduce-item .a1 {
    width: 93px;
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 30px
}

.introduce-item .a2 {
    width: 612px;
    float: left;
    font-size: 14px;
    color: #555;
    line-height: 30px
}

.house-pic-list {
    width: 100%;
    overflow: hidden
}

.house-pic-list .pic img {
    background: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.house-pic-list li.hove {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.house-pic-list .spec-pic {
    width: 100%;
    height: 530px;
    margin-bottom: 10px
}

.house-pic-list .pic {
    float: left;
    cursor: pointer;
    width: 348px;
    height: 261px;
    margin-bottom: 10px
}

.house-pic-list li.even {
    margin-right: 10px
}

.house-pic-list .view-more-pic {
    width: 704px;
    height: 46px;
    float: left
}

.district-info-header {
    margin-top: 60px;
    margin-bottom: 35px;
    height: 70px
}

.district-pic {
    width: 70px;
    height: 70px;
    overflow: hidden
}

.district-decs {
    margin-left: 15px
}

.district-decs .addr {
    margin-top: 13px;
    margin-bottom: 9px
}

.district-decs .trend {
    padding-left: 20px
}

.district-decs .trend i {
    width: 18px;
    height: 10px;
    background-position: 0 0;
    left: 0
}

.district-online-sale a {
    display: inline-block;
    margin-right: 8px;
    width: 80px;
    height: 90px
}

.district-online-sale a:hover {
    background: #f8f8f8
}

.district-online-sale em {
    display: block;
    text-align: center
}

.district-info-list {
    border-top: 1px solid #f8f8f8;
    padding: 12px 0 24px 0
}

.district-info-list span {
    display: inline-block
}

.map-view {
    margin-bottom: 36px
}

#dtjt_wrap {
    width: 706px
}

#dtjt_info {
    height: 320px;
    position: relative;
    width: 706px
}

#map {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0
}

.tableft, .tabright {
    background: #FCFCFC;
    border: 1px solid #E6E6E6;
    border-right: none;
    border-top: none;
    cursor: pointer;
    font: 12px/29px Arial;
    height: 29px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 129px
}

.tableft {
    border-left: none;
    right: 132px
}

.tabright {
    right: 0
}

.tabsel {
    background: 0 0;
    border-bottom-width: 0;
    cursor: default
}

#dtjt_tab1 {
    background: #FCFCFC;
    border-bottom: 1px solid #E6E6E6;
    padding-right: 2px;
    cursor: default
}

#dtjt_tab2 {
    border-left: none;
    text-align: left;
    padding-left: 3px;
    cursor: default
}

.map_tab {
    right: 20px;
    position: absolute;
    top: 20px;
    width: 90px;
    border: 1px solid #d2d2d2;
    display: none;
    font-size: 12px;
    background: #fff;
    padding-bottom: 8px
}

.map_tab_sel {
    display: block
}

.zbpz-title {
    line-height: 28px;
    padding: 7px 0 0 10px
}

.zbpz-title .icon {
    position: relative;
    background-position: -1345px 4px;
    height: 18px;
    margin-bottom: -2px;
    width: 22px
}

.map_tab_sel dl {
    cursor: pointer;
    height: 28px
}

.map_tab_sel .zbpz-title {
    display: block
}

#map_route {
    background: #f5f5f5;
    border: 1px solid #E6E6E6;
    border-top: none;
    color: #666;
    font: 14px/34px Arial;
    height: 34px;
    padding: 10px;
    width: 708px
}

.route_type {
    vertical-align: middle
}

.route_type input {
    height: 12px;
    margin-top: -1px;
    overflow: hidden;
    vertical-align: middle;
    width: 12px
}

.route_type .label {
    color: #666;
    font-size: 12px;
    margin-right: 10px
}

.map_tab_title {
    font-size: 12px;
    color: #000;
    margin-top: 17px;
    margin-bottom: 14px
}

.map_tab_title .icon {
    position: relative;
    width: 10px;
    height: 14px;
    margin-left: 13px;
    margin-right: 14px;
    background-position: -1458px 0
}

.map_tab dt.item-dt {
    height: 15px;
    padding: 7px 0 7px 10px;
    position: relative
}

.map_tab dt.item-dt input, .map_tab dt.item-dt span, .map_tab dt.item-dt div {
    float: left;
    display: block
}

.map_tab dt.item-dt input {
    width: 15px;
    height: 15px;
    margin: 0
}

.map_tab dt.on {
    background: #f8f8f8
}

.map_tab dt.on div.dt {
    color: #000
}

.map_tab dt.hove {
    background: #f8f8f8
}

.map_tab dt.hove div.dt {
    color: #000
}

.map_tab dt.item-dt div.dt {
    font-size: 12px;
    height: 15px;
    line-height: 15px
}

.map_tab dt.item-dt label {
    display: block;
    overflow: hidden
}

.map_tab dt.item-dt span {
    visibility: hidden
}

.map_tab div.dt {
    color: #888;
    font-size: 12px
}

.map_tab dd {
    position: relative
}

.map_tab dd .distance {
    position: absolute;
    right: 0;
    _left: 190px;
    _padding: 0;
    _margin: 0;
    top: 4px
}

.transit_list {
    border: 1px solid #9cb5ff;
    background: #ebf1fb;
    cursor: pointer;
    line-height: 38px;
    margin-top: 10px;
    overflow: hidden;
    zoom: 1
}

.lefttop {
    background: #9cb5ff;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    width: 38px;
    height: 38px;
    text-align: center;
    float: left;
    display: inline
}

.route {
    color: #25D;
    font-family: "times new roman" arial 宋体 sans-serif;
    font-size: 14px;
    font-weight: 900;
    padding: 0 20px;
    float: left;
    display: inline
}

.distance_time {
    padding: 0 20px;
    float: right;
    display: inline
}

.route_detail {
    border: 1px solid #9cb5ff;
    border-top: none;
    background: #fff;
    padding: 15px;
    line-height: 28px
}

.route_detail p {
    background: url() no-repeat 0 -998px;
    padding-left: 25px
}

.route_detail b {
    color: #25d
}

.route_start, .route_end {
    background: url() no-repeat;
    font: 12px/24px Arial;
    height: 24px;
    text-indent: 25px;
    font-weight: 900
}

.route_start {
    background-position: 0 3px;
    margin-bottom: 5px
}

.route_end {
    background-position: 0 -70px;
    margin-top: 5px
}

#map_search_result td {
    border: 0
}

#map_search_result h1 {
    clear: both
}


#dtjt_title {
    height: 28px;
    line-height: 28px;
    margin-bottom: 12px
}

#dtjt_title span {
    font-size: 14px;
    color: #888;
    cursor: pointer
}

#dtjt_title span.active {
    color: #333
}

#dtjt_title li {
    float: left;
    width: 96px;
    height: 30px;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    line-height: 30px;
    color: #333;
    font-weight: 700;
    text-align: center;
    margin-right: -1px;
    cursor: pointer
}

#dtjt_title li.active {
    background: #9da0a5;
    color: #fff
}

#baidu_map {
    width: 706px;
    position: relative;
    height: 320px;
    overflow: hidden
}

#soso_map {
    width: 706px;
    height: 320px;
    position: relative;
    overflow: hidden
}

.map {
    visibility: hidden;
    margin-top: -320px;
    z-index: 0
}

.map.active {
    visibility: visible;
    margin-top: 0;
    z-index: 1
}

#static_map_background {
    width: 110px;
    height: 110px;
    border: 1px solid #999;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 500;
    padding: 4px;
    background: #f2f2f2;
    display: none
}


#static_map {
    width: 100%;
    height: 100%;
    border: 1px solid #cdcdcd
}

.map_tab .dticon0, .map_tab .dticon1, .map_tab .dticon2, .map_tab .dticon3, .map_tab .dticon4, .map_tab .dticon5, .map_tab .dticon6 {
    background: url() no-repeat 0 0;
    width: 11px;
    height: 15px
}

.map_tab .dticon0 {
    background-position: 0 0
}

.map_tab .dticon1 {
    background-position: 0 -19px
}

.map_tab .dticon2 {
    background-position: 0 -37px
}

.map_tab .dticon3 {
    background-position: 0 -55px
}

.map_tab .dticon4 {
    background-position: 0 -72px
}

.map_tab .dticon5 {
    background-position: 0 -90px
}

.map_tab .dticon6 {
    background-position: 0 -108px
}

#rvAd {
    margin-left: 0;
    margin-right: 0
}

.map-view .section {
    width: 100%;
    height: 320px;
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 10px
}

.map-nav-bar .active {
    color: #000
}

.view-more-detailmap {
    width: 704px;
    height: 46px;
    margin-top: 10px
}

.guess-your-like {
    margin-top: 60px
}

.guess-like-nav {
    line-height: 18px;
    margin-bottom: 19px
}

.guess-like-house {
    overflow: hidden
}

.guess-like-house li {
    float: left;
    width: 168px;
    height: 176px;
    margin-left: 11px
}

.guess-like-house li img {
    background: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.guess-like-house li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.guess-like-house li a:hover .title {
    color: #ff552e
}

.guess-like-house li.first {
    margin-left: 0
}

.guess-like-house .pic {
    width: 168px;
    height: 120px;
    margin-bottom: 20px
}

.guess-like-house .price {
    bottom: 0;
    left: 0;
    color: #fff;
    background: #000;
    padding: 4px
}

.guess-like-house .price b {
    font-weight: 400
}

.guess-like-house .area {
    margin-top: 8px
}

.appraise-table {
    margin-top: 40px
}

.rec_tit {
    height: 20px
}

.rec_tit h3 {
    display: inline-block;
    color: #888;
    float: left
}

.rec_tit h3 span {
    display: inline-block;
    font-size: 14px;
    line-height: 20px
}

.rec_tit h3 span i {
    font-style: normal;
    font-size: 12px;
    color: #999;
    margin-left: 3px
}

.rec_tit h3.on {
    color: #333
}

.rec_tit h3.on span {
    font-size: 18px
}

.rec_tit h3.on span i {
    color: #333;
    font-size: 18px
}

.pjpointer h3 {
    cursor: pointer
}

.rec_con {
    background: #fff;
    clear: both;
    margin-top: 30px
}

.bestbroker {
    background: #efffec;
    border: 1px solid #d5ebd0;
    padding: 5px 10px;
    line-height: 24px;
    font-size: 12px;
    font-family: Arial, "宋体";
    color: #666;
    margin-bottom: 15px
}

.bestbroker p {
    padding-left: 25px;
    vertical-align: middle;
    zoom: 1
}

.bestbroker p em {
    display: inline-block;
    width: 17px;
    height: 22px;
    overflow: hidden;
    background-position: -59px -391px;
    vertical-align: middle;
    margin: -2px 8px 0 -25px
}

.bestbroker a {
    margin-left: 5px;
    zoom: 1;
    _position: relative;
    _top: -2px
}

.brokerpraise a:link {
    color: #25d
}

.des_h2 span {
    color: #25D;
    font-size: 12px;
    padding: 0 3px
}

.brokerPraise {
    padding: 16px 0;
    height: 110px;
    background: #f8f8f8
}

.broP_l {
    float: left;
    width: 110px;
    font-size: 30px;
    padding-right: 10px;
    padding-left: 15px;
    text-align: center;
    color: #28a032;
    margin-right: 27px;
    margin-top: 20px
}

.broP_l span {
    display: block;
    height: 23px;
    font-size: 14px;
    text-align: center;
    margin-top: 15px
}

.broP_m {
    width: 360px;
    margin-right: 10px
}

.broP_m .singleB {
    width: 360px
}

.pr10 {
    margin-right: 10px
}

.broP_m .singleB {
    font-size: 14px;
    color: #28A032;
    line-height: 20px;
    float: left;
    text-align: left;
    height: 30px;
    overflow: hidden
}

.broP_m .singleB .nubofporsen {
    display: inline-block;
    color: #999
}

.broP_m .singleB .nubofporsen {
    font-size: 12px
}

.broP_m .singleB .Etext {
    padding-right: 19px
}

.broP_m .singleB.good .Etext {
    color: #090
}

.broP_m .singleB.general .Etext {
    color: #808096
}

.broP_m .singleB.poor .Etext {
    color: #f50
}

.broP_m .bar, .broP_m .w {
    display: inline-block;
    height: 10px
}

.broP_m .bar {
    width: 212px;
    background: #fafafa;
    border: 1px solid #ededed;
    margin-top: 5px;
    border-top: 1px solid #e5e5e5;
    position: relative;
    height: 9px
}

.broP_m .bar .w {
    position: absolute;
    height: 11px;
    left: -1px;
    top: -1px;
    _overflow: hidden
}

.broP_m .singleB.good .w {
    background: #28a032
}

.broP_m .singleB.general .w {
    background: #888
}

.broP_m .singleB.poor .w {
    background: #ff552e
}

.sTit.good {
    color: #090
}

.sTit.general {
    color: #808096
}

.sTit.poor {
    color: #f50
}

.sTit.good, .sTit.general, .sTit.poor {
    font: 700 16px/2 "微软雅黑", "黑体"
}

.broP_r {
    margin-top: 35px
}

.broP_r .broP_text {
    line-height: 21px;
    margin-bottom: 5px
}

.broP_l, .broP_m, .broP_r {
    float: left;
    display: inline
}

.broP_m {
    margin-top: 13px
}

.pTable {
    color: #333;
    width: 100%;
    font-size: 12px
}

.pTable td {
    border: 0;
    vertical-align: middle
}

.pTable td.pTtit {
    vertical-align: top;
    padding-top: 10px;
    text-align: left;
    color: #333
}

.pTtit.top {
    vertical-align: top
}

.pTable input.text01 {
    width: 120px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #e4e4e4;
    padding: 3px;
    vertical-align: middle;
    margin-right: 5px
}

#tel_str td, #val_str td {
    padding-bottom: 20px
}

.textareadiv {
    margin-bottom: 20px
}

.pTable .textarea1 {
    width: 500px;
    height: 90px;
    font: 400 12px/2 Arial, "宋体";
    border: 1px solid #e4e4e4;
    padding: 5px 10px
}

.singlepj {
    padding: 0 0 10px
}

.singlepj .tdl {
    float: left;
    padding: 5px 0;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word
}

#listinfo_content0 .singlepj .tdl {
    width: 500px
}

#listinfo_content1 .singlepj .tdl {
    width: 300px
}

.dateBar i {
    font-style: normal;
    color: #999
}

.sTable {
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px dotted #e1e1e1
}

.sTable a {
    color: #0091d7
}

.sTable td, .sTable th {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: middle;
    font: 400 12px/2;
    border: 0;
    border-top: 1px dotted #e1e1e1;
    color: #666;
    padding: 5px;
    text-align: center
}

.sTit .star {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url() 0 -2px no-repeat scroll;
    margin: 0 10px 0 0;
    vertical-align: text-bottom
}

.sTit .star.s5 {
    width: 89px
}

.sTit .star.s3 {
    width: 54px
}

.sTit .star.s1 {
    width: 16px
}

.sText {
    line-height: 23px;
    color: #666;
    word-wrap: break-word;
    word-break: break-all
}

.sText b {
    font-style: normal;
    color: #999;
    font-weight: 400
}

.dateBar {
    position: relative;
    height: 23px
}

.dateBar .ri {
    position: absolute;
    right: 0;
    top: 0
}

.dateBar .datespan {
    line-height: 23px
}

.dateBar .btn {
    margin-left: 10px
}

.caozBar a {
    float: left;
    padding-top: 4px;
    line-height: 13px
}

.noborder td, .noborder th {
    border-top: 0;
    color: #333
}

.caozBar li {
    float: left;
    margin-right: 10px
}

.caozBar li a {
    color: #333
}

.caozBar label {
    vertical-align: middle;
    float: left;
    padding-right: 15px;
    cursor: pointer
}

.caozBar input {
    vertical-align: middle;
    display: inline-block;
    height: 12px;
    width: 12px;
    overflow: hidden;
    margin: -3px 5px 0 0;
    _margin: 2px 5px 4px 0
}

.caozBar .pjr_tit {
    position: absolute;
    top: 0;
    right: 10px;
    color: #999
}

#listinfo_content0, #listinfo_content1 {
    margin-top: 10px
}

.praiseform {
    overflow: hidden;
    width: 100%;
    margin-top: 20px
}

#commentBtn.on {
    background: #9b9b9b
}

.praiseInfo {
    display: none;
    padding: 0 20px 0 20px;
    font-size: 14px
}

.pjtab {
    position: relative;
    height: 30px;
    border-bottom: 2px solid #E3662B
}

.pjtab li {
    float: left;
    height: 30px;
    font-size: 14px;
    margin-right: 20px
}

.pjtab li.on {
    font-weight: 700
}

.pjtab li a {
    display: inline-block;
    height: 30px;
    padding-left: 2px;
    vertical-align: middle
}

.pjtab li a span {
    background-positisn: 100% -24px;
    cursor: pointer;
    display: inline-block;
    line-height: 30px
}

.pjtab li a i {
    font-style: normal;
    font-weight: 100;
    color: #999;
    margin-left: 3px;
    font-size: 12px
}

.pjtab li.on a span {
    color: #333
}

.Forange {
    color: #F50
}

.page {
    position: absolute;
    right: 0;
    top: 0
}

.sc {
    display: block
}

.hc {
    display: none
}

.reason {
    margin: -7px -3px 2px 0
}

.reason .s {
    padding-right: 10px;
    color: gray;
    cursor: pointer
}

.reason label {
    vertical-align: middle;
    color: gray;
    float: left;
    padding-right: 15px;
    cursor: pointer
}

.reason input {
    vertical-align: middle;
    display: inline-block;
    height: 12px;
    width: 12px;
    overflow: hidden;
    margin: -1px 5px 0 0;
    _margin: 2px 5px 6px 0
}

.haop {
    position: static;
    height: 56px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 29
}

.haop a {
    width: 98px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #dedede;
    display: inline-block;
    text-align: center;
    background: #fff;
    float: left;
    margin-right: 10px;
    overflow: hidden
}

.notice_div {
    position: absolute;
    bottom: 10px;
    z-index: 30
}

.qipao1 {
    left: 0
}

.qipao2 {
    left: 110px;
    _left: 110px
}

.qipao3 {
    left: 220px
}

.pTable.small td, .pTable.small th {
    vertical-align: top;
    padding: 5px 5px;
    vertical-align: middle
}

.pTable.small .pTtit.top {
    vertical-align: top
}

.pTable .small_text textarea {
    width: 321px;
    height: 116px
}

.pTable .textareadiv textarea {
    width: 321px;
    height: 116px
}


.haop #clickhp.on {
    border: 2px solid #28a032;
    background-position: 76px 13px
}

.haop #clickzp.on {
    border: 2px solid #888;
    background-position: 76px -26px
}

.haop #clickcp.on {
    border: 2px solid #ff552e;
    background-position: 76px -65px
}



.haop a {
    color: gray
}

.starsin {
    vertical-align: middle
}

.haop .starsin.s5 {
    width: 89px
}

.haop .starsin.s3 {
    width: 54px
}

.haop .starsin.s1 {
    width: 16px
}

.resentvalcode, .resentvalcode input, .btn, .btn span {
    display: inline-block
}

.btn {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle
}

.btn span {
    cursor: pointer;
    display: inline-block
}

.btn.Org {
    background-position: 0 -317px;
    height: 30px
}

.btn.Org span {
    background-position: 100% -348px;
    line-height: 30px
}

.btn.Greyc1 {
    background-position: 0 0;
    height: 22px
}

.btn.Greyc1 span {
    background-position: right -23px;
    margin: 0;
    line-height: 22px;
    padding-left: 9px;
    padding-right: 11px;
    float: left
}

.c_ebe {
    color: #888
}

.btn.Greyc2 {
    background-position: 0 -46px;
    height: 22px
}

.btn.Greyc2 span {
    background-position: 100% -69px;
    line-height: 22px;
    padding-left: 9px;
    padding-right: 11px
}

.btn.Greyc3 {
    background-position: 0 -92px;
    height: 26px
}

.btn.Greyc3 span {
    background-position: 100% -119px;
    line-height: 26px;
    padding-left: 11px;
    padding-right: 13px
}

.btn.Greyc4 {
    background-position: 0 -147px;
    height: 24px
}

.btn.Greyc4 span {
    background: #FFF7F0;
    border: 1px solid #FF552E;
    border-radius: 2px;
    font-size: 12px;
    color: #FF552E;
    padding: 2px 10px;
    line-height: 18px
}

.resentvalcode {
    background-position: 0 -147px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    padding-left: 2px
}

.resentvalcode input {
    background-position: 100% -172px;
    border: 0;
    display: inline-block;
    _float: left;
    height: 24px;
    font-size: 12px;
    line-height: 18px;
    padding-left: 10px;
    padding-right: 12px;
    color: #999;
    vertical-align: middle;
    overflow: visible;
    width: auto;
    *width: 1;
    margin: 0
}

.resentvalcode input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.btn.Orgb {
    height: 36px;
    width: 100px;
    line-height: 36px;
    color: #fff;
    background: #ff552e;
    text-align: center
}

.btn.Orgb .yahei {
    font-family: "微软雅黑"
}

.btn.Org2 {
    background-position: 0 -267px;
    height: 24px
}

.btn.Org2 span {
    background-position: 100% -292px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 12px
}

.button, .button .buttons {
    background: url(https://pic.0598777.com/btnstyle.png) no-repeat 0 0;
    display: inline-block
}

.button.Org2 {
    background-position: 0 -197px;
    height: 34px;
    padding-left: 1px
}

.button.Org2 .buttons {
    background-position: 100% -232px;
    display: block;
    height: 34px;
    padding: 0 12px 0 11px;
    padding-bottom: 4px !important;
    padding-top: 1px !important;
    *padding-top: 4px;
    vertical-align: middle;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-family: "微软雅黑";
    overflow: visible;
    width: auto;
    *width: 1
}

.bubble {
    background: none repeat scroll 0 0 #FFFEE0;
    border: 1px solid #F5E493;
    border-radius: 3px 3px 3px 3px;
    position: absolute;
    width: 200px
}

.bubble_box {
    overflow: hidden;
    padding: 10px
}

.bubble_box p {
    line-height: 1.5
}

.bubble .shadow {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 0 none;
    bottom: -2px;
    font-size: 0;
    height: 1px;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 100%
}

.bubble_close {
    color: #E8B98E;
    cursor: pointer;
    display: block;
    float: right;
    font: 700 12px Comic Sans MS, sans-serif;
    margin-right: 10px;
    margin-top: 5px
}

.bubble_arrow {
    display: block;
    height: 10px;
    left: 20px;
    overflow: hidden;
    position: absolute;
    top: -9px;
    width: 18px
}

.arrow_box {
    background: none repeat scroll 0 0 transparent;
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 0
}

.arrow_top {
    border-color: transparent transparent #F5E495;
    border-style: dotted dotted solid dotted;
    border-style: solid \0;
    border-width: 0 8px 8px
}

.arrow_top.inner {
    border-bottom-color: #FFFEE0;
    border-width: 0 8px 8px;
    left: 0;
    position: absolute;
    top: 1px
}

.bubble.xb {
    background: none repeat scroll 0 0 #FFF8F5;
    border: 1px solid #FFC4A6;
    width: 209px
}

.bubble.xb .arrow_top {
    border-bottom-color: #FFC4A6
}

.bubble.xb .arrow_top.inner {
    border-bottom-color: #FFF8F5
}

.pager a, .pager a span, .pager strong, .pager strong span, .pager a:hover, .pager a:hover span {
    background: url(https://pic.0598777.com/fang-list-sprites.png) no-repeat
}

.pager {
    padding: 40px 0;
    background: #fff;
    clear: both;
    text-align: center;
    line-height: 22px;
    font-family: Arial, '宋体';
    font-size: 12px;
    zoom: 1
}

.pager a, .pager strong {
    margin: 0 1px;
    padding: 0 0 0 1px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    background-position: 0 -200px;
    vertical-align: middle;
    cursor: pointer
}

.pager a span, .pager strong span {
    height: 22px;
    display: inline-block;
    padding: 0 8px 0 7px;
    background-position: right -200px
}

.pager a.prv {
    background-position: 0 -244px;
    padding-left: 12px
}

.pager a.next span {
    background-position: right -244px;
    padding-right: 19px
}

.pager a:hover, .pager strong {
    background-position: 0 -156px;
    color: #fff;
    text-decoration: none
}

.pager a:hover span, .pager strong span {
    background-position: right -156px
}

.pager a.prv:hover {
    background-position: 0 -267px
}

.pager a.next:hover span {
    background-position: right -267px
}

.pager strong {
    font-weight: 700
}

.pager .recently {
    background-position: 0 -178px;
    color: red
}

.pager .recently span {
    background-position: right -178px
}

.posi_right {
    position: relative;
    border-top: 1px dotted #E1E1E1;
    height: 22px;
    padding: 15px 0 0
}

.posi_right .pager {
    position: absolute;
    right: 0;
    padding: 0 0 1px 0
}

.paginbox {
    border-bottom: 1px dotted #e1e1e1;
    padding: 20px 0
}

.pagination {
    margin: 0 auto;
    font-size: 12px;
    font-family: Arial, '宋体';
    text-align: right;
    zoom: 1
}

.pagination a, .pagination span {
    display: inline-block;
    zoom: 1;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    margin: 0 1px;
    text-align: center;
    vertical-align: middle;
    _vertical-align: text-top;
    cursor: pointer;
    border: solid 1px #dee3e7;
    color: gray !important
}

.pagination a:hover, .pagination .current {
    background: #e66a34;
    color: #fff !important;
    border: solid 1px #e66a34
}

.pagination .prev, .pagination .next {
    border-color: #dee3e7;
    background: #fff
}

.pagination .current.prev, .pagination .current.next {
    color: gray !important
}

.guess-your-service {
    margin-top: 60px
}

.guess-your-service .service-list {
    overflow: hidden;
    margin-top: 20px
}

.guess-your-service .service-list a {
    display: block;
    float: left;
    width: 328px;
    height: 104px;
    padding-top: 16px;
    padding-left: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.guess-your-service .service-list a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.guess-your-service .first {
    margin-right: 10px
}

.all-see-house {
    margin-top: 60px
}

.all-see-nav {
    margin-bottom: 19px
}

.all-see-list {
    overflow: hidden
}

.all-see-list li {
    float: left;
    width: 168px;
    height: 214px;
    margin-left: 11px
}

.all-see-list li img {
    background: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.all-see-list li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.all-see-list li a:hover .info-title {
    color: #ff552e
}

.all-see-list li.first {
    margin-left: 0
}

.all-see-list .view-more-goodhouse {
    width: 704px;
    height: 46px;
    margin: 0
}

.all-see-list .pic {
    width: 168px;
    height: 120px;
    margin-bottom: 20px
}

.all-see-list .price {
    bottom: 0;
    left: 0;
    color: #fff;
    background: #000;
    padding: 4px
}

.all-see-list .price b {
    font-weight: 400
}

.all-see-list .area {
    margin-top: 8px
}

.jx_bottom_ad {
    width: 100%;
    overflow: hidden
}

.jx_bottom_ad ul {
    overflow: hidden;
    height: 214px
}

.jx_bottom_ad li {
    float: left;
    width: 168px;
    height: 214px;
    margin-left: 11px
}

.jx_bottom_ad li img {
    background: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.jx_bottom_ad li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.jx_bottom_ad li a:hover .decs {
    color: #ff552e
}

.jx_bottom_ad li.first {
    margin-left: 0
}

.jx_bottom_ad .pic {
    width: 168px;
    height: 120px;
    margin-bottom: 20px
}

.jx_bottom_ad .price {
    bottom: 0;
    left: 0;
    color: #fff;
    background: #000;
    padding: 4px
}

.jx_bottom_ad .price b {
    font-weight: 400;
    font-size: 18px
}

.jx_bottom_ad .decs {
    height: 40px;
    overflow: hidden;
    text-align: center
}

.jx_right_ad {
    width: 426px
}

.jx_right_ad .jx_title_nav {
    line-height: 18px;
    padding-top: 40px;
    padding-bottom: 19px;
    border-top: 1px solid #f3f3f3
}

.jx_right_ad li {
    height: 75px;
    margin-bottom: 20px
}

.jx_right_ad li img {
    background: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.jx_right_ad li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.jx_right_ad li a:hover .info-title {
    color: #ff552e
}

.jx_right_ad .pic {
    width: 100px;
    height: 75px
}

.jx_right_ad .side-right {
    width: 310px;
    margin-left: 15px;
    overflow: hidden
}

.jx_right_ad .info-title {
    line-height: 16px
}

.side-right-info {
    margin-top: 39px;
    width: 426px;
    overflow: hidden
}

.agent-other-house {
    margin-bottom: 57px
}

.agent-house-nav {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 19px
}

.agent-otherhouse-list li {
    height: 120px;
    margin-bottom: 30px
}

.agent-otherhouse-list li a {
    display: block;
    width: 100%;
    height: 100%
}

.agent-otherhouse-list li img {
    background: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.agent-otherhouse-list li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.agent-otherhouse-list li a:hover .info-title {
    color: #ff552e
}

.agent-otherhouse-list .pic {
    width: 168px;
    height: 120px;
    overflow: hidden
}

.agent-otherhouse-list .side-right {
    margin-left: 17px;
    width: 240px
}

.agent-otherhouse-list .info-title {
    line-height: 17px
}

.agent-otherhouse-list .info-area-toward {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 13px
}

.premium-brand-apartment {
    margin-bottom: 60px
}

.brand-apartment-nav {
    display: block;
    line-height: 18px;
    margin-bottom: 19px
}

.brand-apartment-list li {
    height: 120px;
    margin-bottom: 30px
}

.brand-apartment-list li img {
    background: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.brand-apartment-list li a {
    width: 100%;
    height: 100%;
    display: block
}

.brand-apartment-list li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.brand-apartment-list li a:hover .info-title {
    color: #ff552e
}

.brand-apartment-list .pic {
    position: relative;
    width: 168px;
    height: 120px;
    overflow: hidden
}

.brand-apartment-list .label {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 3px 9px;
    font-size: 14px;
    color: #EACC6D;
    line-height: 20px;
    background: #000;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.brand-apartment-list .side-right {
    margin-left: 17px;
    width: 240px
}

.brand-apartment-list .info-area-toward {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 6px;
    *margin-bottom: 8px
}

.brand-apartment-list .info-special {
    height: 22px;
    overflow: hidden;
    color: #788294
}

.brand-apartment-list .info-special span {
    line-height: 22px;
    background: #EBF2F7;
    padding: 4px;
    margin-right: 5px
}

.brand-apartment-list .view-more-apartment {
    width: 424px;
    height: 46px
}

.other-series-recommend {
    margin: 30px 0
}

.other-series-nav {
    width: 100%;
    height: 30px;
    margin-bottom: 13px
}

.other-series-nav li {
    background: #f3f3f3;
    padding: 8px;
    float: left;
    margin-right: 15px;
    cursor: pointer
}

.other-series-nav li.on {
    background: #888;
    color: #fff
}

.other-detail-introduce {
    width: 100%
}

.other-detail-introduce li {
    display: none
}

.other-detail-introduce li.on {
    display: block
}

.other-detail-introduce a {
    display: inline-block;
    color: #888;
    line-height: 24px;
    margin-right: 15px
}

.footer {
    width: 100%;
    background-color: #fff;
    font-size: 12px
}

.footerCon {
    width: 1190px;
    margin: 0 auto;
    border-top: 1px solid #EEE
}

#upWrap {
    border-top: 1px solid #eee;
    padding: 32px 0 20px 0
}

#downWrap, #upWrap {
    height: 14px;
    line-height: 14px;
    text-align: center
}

#upWrap a {
    color: #5A5A5A;
    display: inline-block
}

#upWrap a:hover {
    color: #ff552e
}

#downWrap em, #downWrap a, #downWrap span {
    color: #5c5c5c;
    display: inline-block
}

#downWrap span, #linkCont span, #upWrap span {
    margin: 0 10px;
    color: #eee
}

#downWrap em, #downWrap a, #downWrap span {
    color: #CFCFCF;
    display: inline-block
}

.fotBtmIcon {
    height: 58px;
    text-align: center;
    margin-top: 30px
}



#fotBm_1 {
    width: 130px;
    background-position: 0 -96px
}

#fotBm_2 {
    width: 160px;
    background-position: 0 -192px
}

#fotBm_3 {
    width: 154px;
    background-position: 0 0
}

#fotBm_4 {
    width: 108px;
    background-position: 0 -48px
}

#fotBm_5 {
    width: 130px;
    background-position: 0 -144px
}

#fotBm_6 {
    width: 120px;
    background-position: 0 -240px
}

.piclayer {
    display: none;
    position: fixed;
    _position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: red;
    background-color: #000;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    opacity: .85;
    text-align: center
}

.picmask {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 999999
}

.big-wrap {
    width: 705px;
    height: 540px
}

.picclose {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    background-position: -1488px 0;
    cursor: pointer
}

.big-top-bigpic {
    margin-top: 50px;
    margin-bottom: 20px;
    height: 75%;
    _height: 500px;
    overflow: hidden
}

.big-top-bigpic img {
    width: auto;
    height: auto;
    max-height: 100%;
    display: block;
    margin: 0 auto
}

.big-pic-load {
    display: none;
    width: 90px;
    height: 75px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -45px
}

.big-pic-load .top {
    width: 90px;
    height: 45px;
    top: 0;
    left: 0;
    background-position: -2244px 0;
    -webkit-animation: rotateOut 1s infinite linear;
    animation: rotateOut 1s infinite linear
}

.big-pic-load .bottom {
    width: 60px;
    height: 30px;
    bottom: 0;
    left: 15px;
    background-position: -2173px 0;
    -webkit-animation: rotateIn 1s infinite linear;
    animation: rotateIn 1s infinite linear
}

.big-pic-list {
    position: absolute;
    width: 760px;
    height: 75px;
    overflow: hidden;
    left: 50%;
    margin-left: -380px;
    bottom: 20px
}

.bigpic-list-wrap {
    margin-left: -8px;
    width: 10000px
}

.bigpic-list-wrap li {
    position: relative;
    width: 120px;
    height: 75px;
    margin-left: 8px;
    float: left
}

.bigpic-list-wrap img {
    background: #fff;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6
}

.bigpic-list-wrap li.actives img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.bigpic-list-wrap li.hove img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.big-pic-left, .big-pic-right {
    width: 20%;
    height: 100%;
    _height: 550px;
    top: 0
}

.big-pic-left .icon, .big-pic-right .icon {
    top: 50%;
    width: 28px;
    height: 50px;
    margin-top: -25px;
    display: block
}

.big-pic-left {
    left: 0
}

.big-pic-right {
    right: 0
}

.big-pic-left .icon {
    left: 50px;
    background-position: -2092px 0
}

.big-pic-right .icon {
    right: 50px;
    background-position: -2056px 0
}

.big-pic-leftnum {
    position: absolute;
    left: 50%;
    bottom: 137px;
    margin-left: -25px;
    width: 49px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
    text-align: center
}

.right_gj {
    position: fixed;
    _position: absolute;
    bottom: 260px;
    right: 2px;
    z-index: 99;
    background-color: #fff;
    width: 52px;
    border: 1px solid #f3f3f3;
    border-bottom: 0
}

.right_gj a {
    display: block;
    position: relative;
    width: 52px;
    height: 52px;
    border-bottom: 1px solid #f3f3f3
}

.right_gj a:hover em {
    display: block
}

.right_gj em {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 30px;
    padding: 11px;
    background: #ff552e;
    color: #fff
}

.right_gj .feedback i {
    width: 22px;
    height: 22px;
    background-position: -434px 0;
    top: 15px;
    left: 16px
}

.right_gj .collect-right i {
    width: 29px;
    height: 27px;
    background-position: -994px 0;
    top: 12px;
    left: 12px
}

.right_gj .backtop i {
    width: 22px;
    height: 25px;
    background-position: -500px 0;
    top: 13px;
    left: 16px
}

.right_gj .backtop, .right_gj .collect-right {
    display: none
}

#common-popup-layer {
    display: none;
    position: fixed;
    _position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
}

#common-popup-mask {
    display: none;
    position: absolute;
    z-index: 999999;
    top: 50%;
    left: 50%;
    width: 642px;
    height: 322px;
    background-color: #fff;
    border: 1px solid #f3f3f3
}

#common-popup-mask .top {
    overflow: hidden;
    padding: 55px 60px 52px 60px
}

#common-popup-mask .code {
    float: left;
    width: 170px;
    height: 170px
}

#common-popup-mask .right {
    width: 317px;
    float: left;
    margin-left: 24px
}

#common-popup-mask .word-1 {
    font-size: 22px;
    line-height: 24px
}

#common-popup-mask .word-2 {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-top: 14px;
    margin-bottom: 29px
}

#common-popup-mask .word-3 {
    position: relative;
    width: 315px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    color: #333
}

#common-popup-mask .word-3 em {
    color: #28a032
}

#common-popup-mask .word-3 i {
    width: 8px;
    height: 13px;
    left: -8px;
    top: 20px;
    background-position: -1702px 0
}

#common-popup-mask .bottom {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: center
}

#common-popup-mask .bottom em {
    color: #0091d7
}

#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box
}

#cboxOverlay {
    background: #000
}

#colorbox {
    border: 8px solid #9f9f9f
}

#cboxContent {
    background: #fff;
    overflow: hidden
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin-top: 34px
}

#cboxClose:hover {
    background-position: 0 -53px
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center
    }
    100% {
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg)
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center
    }
    100% {
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg)
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: rotate3d(0, 0, 1, -360deg);
        transform: rotate3d(0, 0, 1, -360deg)
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: rotate3d(0, 0, 1, -360deg);
        transform: rotate3d(0, 0, 1, -360deg)
    }
}