body {
    font: normal 12px/1.5 "Microsoft YaHei", "宋体", 'sans-serif';
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif
}

html {
    color: black;
    overflow-y: scroll;
    background: #fff
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

abbr, img, object, a img, :link img, :visited img, a object, :link object, :visited object {
    border: 0
}

address, caption, cite, code, dfn, em, th, var, i {
    font-style: normal;
    font-weight: normal
}

ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 16px
}

h3 {
    font-size: 14px
}

q:before, q:after {
    content: ""
}

form {
    display: inline
}

input, button, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}

textarea {
    resize: none;
    border: 1px solid #dddddd;
    padding: 5px 10px
}

.input-txt, .input-txt-l, .input-txt-s, .input-mobile {
    width: 30px;
    border: 1px solid #ddd
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
    outline: 0
}

input[type='radio'] {
    margin-left: 0;
    cursor: pointer
}

input[type='checkbox'] {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    padding-top: 0;
    cursor: pointer
}

button {
    cursor: pointer;
    overflow: visible;
    padding: 0;
    width: auto
}

input.gray {
    color: darkgrey
}

label, input, button {
    vertical-align: middle
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit
}

th {
    display: table-cell
}

tr {
    display: table-row;
    vertical-align: inherit
}

thead {
    display: table-header-group;
    vertical-align: middle
}

pre, code, kbd, samp, tt {
    font-family: "Courier New", Courier, monospace
}

small {
    font-size: 100%
}

a {
    text-decoration: none;
    cursor: pointer
}

a:hover {
    text-decoration: underline
}

abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

hr {
    color: #d1d7dc;
    background-color: #d1d7dc;
    border: none;
    height: 1px
}

embed, object {
    display: block;
    outline: 0
}

img {
    display: block;
    border: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    margin: 0;
    padding: 0
}

.clearfix {
    *zoom: 1
}

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

.undis {
    display: none !important
}

.hidden {
    display: none !important
}

.fl {
    float: left
}

.fr {
    float: right
}

.red {
    color: #ed1a33
}

.ani-zoom {
    overflow: hidden
}

.ani-zoom img {
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.ani-zoom img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.win-popup {
    padding: 10px;
    overflow-y: auto
}

.win-popup .win-tips {
    position: fixed;
    _position: absolute
}

.win-popup .win-tips .win-tips-txt {
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 45%;
    font-size: 14px;
    display: inline-block;
    line-height: 28px;
    margin: 0 auto;
    text-align: center;
    background: #fff url(img/loading.gif) 0px center no-repeat;
    padding: 0 25px;
    color: #018ce2
}

.win-popup .tip_advice, .win-popup .tip_validator {
    display: none;
    padding: 0px 2px;
    color: #ed1a33
}

.win-popup .validator-advice {
    color: #ed1a33;
    padding: 0px 2px;
    font-size: 13px;
    display: inline !important;
    position: static
}

.win-popup .form-submit label {
    margin-left: 10px
}

.win-popup .form-submit th {
    font-size: 15px;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 5px
}

.win-popup .form-submit td {
    text-align: left
}

.win-popup .form-submit th, .win-popup .form-submit td {
    line-height: 50px;
    font-family: 'microsoft yahei', 'sans-serif', '宋体';
    color: #000;
    font-size: 15px
}

.win-popup .form-submit .select-t {
    width: 200px;
    height: 35px;
    border-radius: 5px;
    background-color: #f7f9fa;
    color: #000;
    border: 1px solid #e6e6e6;
    padding: 0 1px
}

.win-popup .form-submit .select-t:hover, .win-popup .form-submit .input-t:hover {
    border-color: #018ce2 !important
}

.win-popup .form-submit .input-t {
    line-height: 33px;
    height: 33px;
    border-radius: 5px;
    background-color: #f7f9fa;
    font-size: 15px;
    color: #000;
    border: 1px solid #e6e6e6;
    padding: 0 1px
}

.win-popup .btn-bar {
    height: 55px;
    line-height: 55px;
    text-align: center
}

.win-popup .btn-bar-dialog {
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.win-popup .button {
    font-size: 18px;
    color: #fff;
    background: #018ce2;
    padding: 5px 14px;
    border: none;
    border-radius: 5px;
    font-weight: 500
}

.win-popup .button:hover {
    background: #34a3e8
}

.ajax-loading {
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 9999;
    background: #000;
    opacity: 0.6
}

.ajax-loading-txt {
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 49%;
    background: #fff url(img/loading.gif) 10px center no-repeat;
    padding: 10px 10px 10px 30px;
    z-index: 99999;
    box-shadow: 0 0 10px #ccc;
    font-size: 12px
}

.gotoTop {
    position: fixed;
    z-index: 1000;
    display: none
}

.gotoTop a {
    background: url(img/gotop.png) no-repeat;
    width: 51px;
    height: 51px;
    float: left;
    outline: none
}

.gotoTop a:hover {
    background: url(img/gotop.png) 0 -51px no-repeat
}

.simple-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mult-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.no-scroller {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

html.no-scroller, body.no-scroller {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.table-list {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit
}

.table-list thead {
    display: table-header-group;
    vertical-align: middle;
    text-align: center
}

.table-list th {
    display: table-cell;
    text-align: center
}

.table-list tr {
    display: table-row;
    vertical-align: inherit
}

.breadcrumb {
    font-size: 14px;
    line-height: 45px;
    height: 45px;
    color: #333
}

.breadcrumb a {
    color: #666
}

.breadcrumb-fdc {
    padding: 12px 0;
    border-bottom: 1px solid #EDEFF3;
    color: #333;
    font-size: 14px;
    line-height: 1.4
}

.breadcrumb-fdc.no-border {
    border: none
}

.breadcrumb-fdc a {
    color: #999
}

.breadcrumb-fdc a:after {
    content: '>';
    display: inline-block;
    padding: 0 5px;
    font-size: inherit
}

.breadcrumb-fdc b {
    color: #333
}

.main {
    margin: 0 auto;
    position: relative;
    width: 1100px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif
}

.no-data {
    text-align: center;
    color: #333;
    font-size: 18px;
    line-height: 2em
}

.no-data i {
    margin-right: 0.5em;
    color: #666;
    font-size: 1.1em
}

.search-no-data {
    display: table;
    margin: 80px auto 40px;
    padding: 35px 0 0 115px;
    height: 120px;
    background: url(img/serch-null.png) no-repeat 0 0;
    background-size: 100px
}

.search-no-data h5 {
    font-size: 20px;
    color: #666;
    font-weight: bold
}

.loading-inline-wrapper {
    padding: 20px 0;
    text-align: center;
    font-size: 14px
}

.loading-inline-wrapper .load-txt {
    padding: 20px 0;
    color: #333;
    font-size: 18px
}

.mid-con {
    margin: 0 auto;
    position: relative;
    width: 1100px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif
}

.line-layout {
    letter-spacing: -0.5em
}

.line-layout .line-item {
    display: inline-block;
    letter-spacing: normal
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #D3D3D3
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #D3D3D3
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #D3D3D3
}

.autocomplete-wrap {
    position: relative
}

.autocomplete-wrap.mult-select {
    min-height: 30px;
    border: 1px solid #018ce2;
    border-radius: 5px;
    box-sizing: border-box
}

.autocomplete-wrap .mult-select-show {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto
}

.autocomplete-wrap .mult-select-show li {
    float: left;
    list-style: none
}

.autocomplete-wrap .mult-select-show li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 0 5px;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 20px;
    cursor: default
}

.autocomplete-wrap .mult-select-show li.search-choice span {
    word-wrap: break-word
}

.autocomplete-wrap .mult-select-show li.search-choice .search-choice-close {
    padding: 0 3px 0 5px;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    color: #bbb
}

.autocomplete-wrap .mult-select-show li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.autocomplete-wrap .mult-select-show li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    min-width: 4em
}

.autocomplete-wrap .auto-show {
    position: absolute;
    left: 0;
    top: 101%;
    padding: 5px 0;
    z-index: 899;
    width: 100%;
    border: 1px solid #d2d2d2;
    max-height: 200px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
    box-sizing: border-box
}

.autocomplete-wrap .auto-show .auto-item {
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.autocomplete-wrap .auto-show .auto-item i {
    color: #e10602
}

.autocomplete-wrap .auto-show .auto-item:hover {
    background-color: #018ce2;
    -webkit-transition: .5s all;
    transition: .5s all
}

.autocomplete-wrap .auto-show .auto-item.on {
    background-color: #018ce2;
    color: #fff
}

.table-theme-gray {
    overflow: hidden;
    border-radius: 5px
}

.table-theme-gray table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.42
}

.table-theme-gray th, .table-theme-gray td {
    display: table-cell;
    box-sizing: border-box;
    padding: 10px;
    min-width: 80px;
    border: 1px solid #EFF0F3;
    text-align: center
}

.table-theme-gray th {
    color: #fff;
    font-weight: bold
}

.table-theme-gray thead {
    display: table-header-group;
    vertical-align: middle
}

.table-theme-gray tr {
    display: table-row;
    vertical-align: inherit
}

.table-theme-gray thead tr {
    background-color: #3695E9
}

.table-theme-gray thead tr td {
    color: #fff;
    font-weight: bold
}

.table-theme-gray tbody tr {
    background: #fff
}

.table-theme-gray tbody tr:nth-child(even) {
    background: #F6F7F8
}

.table-theme-gray tbody tr:hover {
    background: #e8e8e8
}

.table-theme-gray .txt-l {
    text-align: left
}

.table-theme-gray .txt-c {
    text-align: center
}

.table-theme-gray .txt-r {
    text-align: right
}

.table-theme-gray .red {
    color: #ed1a33
}

.table-theme-gray .blue {
    color: #1B88E7
}

.table-theme-gray .orange {
    color: #F2BC28
}

.layui-laypage-tbl-blue.layui-laypage a, .layui-laypage-tbl-blue.layui-laypage span {
    padding: 0 10px;
    margin: 0 3px;
    box-sizing: border-box;
    min-width: 30px;
    background: #DCE1E6;
    font-size: 12px;
    height: 30px;
    line-height: 30px
}

.layui-laypage-tbl-blue.layui-laypage a:hover {
    color: #1B88E7
}

.layui-laypage-tbl-blue.layui-laypage .layui-laypage-prev, .layui-laypage-tbl-blue.layui-laypage .layui-laypage-next {
    border: 0;
    background: none;
    padding: 0 5px;
    text-decoration: none
}

.layui-laypage-tbl-blue.layui-laypage .layui-laypage-prev .layui-icon, .layui-laypage-tbl-blue.layui-laypage .layui-laypage-next .layui-icon {
    font-size: 18px
}

.layui-laypage-tbl-blue.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #1B88E7
}

.layui-laypage-tbl-blue.layui-laypage .layui-laypage-spr {
    border: 0;
    background: none
}

.layui-laypage-tbl-blue.layui-laypage .layui-laypage-skip {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: none;
    text-indent: -2em;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

.layui-laypage-tbl-blue.layui-laypage input {
    margin: 0;
    font-size: 12px;
    height: 30px;
    line-height: 30px
}

.layui-laypage-tbl-blue.layui-laypage input:focus, .layui-laypage-tbl-blue.layui-laypage select:focus {
    border-color: #1B88E7 !important
}

.layui-laypage-tbl-blue.layui-laypage button {
    position: relative;
    padding: 0;
    margin-left: -1em;
    overflow: hidden;
    border: none;
    color: #666;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-indent: -2em
}

.layui-laypage-tbl-blue.layui-laypage button:hover {
    color: #1B88E7
}

.layui-laypage-tbl-blue.layui-laypage button:after {
    content: '跳转';
    padding: 0 10px;
    font-size: inherit;
    line-height: 30px
}

.layui-table-theme-gray .layui-table-view {
    margin: 0;
    border: none
}

.layui-table-theme-gray .layui-table-view .red {
    color: #ed1a33
}

.layui-table-theme-gray .layui-table-view .blue {
    color: #1B88E7
}

.layui-table-theme-gray .layui-table-view .orange {
    color: #F2BC28
}

.layui-table-theme-gray .layui-table-box {
    border: 1px solid #EFF0F3;
    border-radius: 5px
}

.layui-table-theme-gray .layui-table td, .layui-table-theme-gray .layui-table th, .layui-table-theme-gray .layui-table-col-set, .layui-table-theme-gray .layui-table-fixed-r, .layui-table-theme-gray .layui-table-grid-down, .layui-table-theme-gray .layui-table-header, .layui-table-theme-gray .layui-table-page, .layui-table-theme-gray .layui-table-tips-main, .layui-table-theme-gray .layui-table-tool, .layui-table-theme-gray .layui-table-total, .layui-table-theme-gray .layui-table-view, .layui-table-theme-gray .layui-table[lay-skin=line], .layui-table-theme-gray .layui-table[lay-skin=row] {
    border-color: #EFF0F3
}

.layui-table-theme-gray .layui-table thead tr {
    background-color: #3695E9;
    color: #fff;
    font-size: 14px;
    font-weight: bold
}

.layui-table-theme-gray .layui-table[lay-even] tr:nth-child(even) {
    background-color: #F6F7F8
}

.layui-table-theme-gray .layui-table tbody tr:hover {
    background-color: #e8e8e8 !important
}

.layui-table-theme-gray .layui-form-radio > i:hover, .layui-table-theme-gray .layui-form-radioed > i {
    color: #1B88E7
}

.layui-table-theme-gray .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1B88E7
}

.layui-table-theme-gray .layui-form-checked[lay-skin=primary] i {
    border-color: #1B88E7;
    background-color: #1B88E7
}

.layui-table-theme-gray .layui-table-page {
    padding: 20px 7px;
    border: none;
    height: auto;
    text-align: center
}

.layui-input, .layui-textarea {
    background-color: #F7F9FA;
    border-color: #B8BCC6
}

.layui-input:focus, .layui-textarea:focus {
    border-color: #018ce2 !important
}

.layui-input:hover, .layui-textarea:hover {
    border-color: #018ce2 !important
}

.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #018ce2
}

.layui-form-select dl dd.layui-this {
    background-color: #018ce2;
    color: #fff
}

a.layui-btn {
    text-decoration: none
}

.layui-btn-primary:hover {
    border-color: #018ce2
}

.layui-btn-normal {
    background-color: #018ce2
}

.layui-bg-blue {
    background-color: #018ce2
}

.page-popup-shade {
    display: none;
    position: fixed;
    pointer-events: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1984;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30)
}

.page-popup-win {
    display: none;
    pointer-events: auto;
    webkit-overflow-scrolling: touch;
    position: fixed;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
    z-index: 1986;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -150px;
    width: 500px;
    height: 300px
}

.page-popup-win .popup-win-hd {
    padding: 0 80px 0 20px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0
}

.page-popup-win .popup-win-con {
    position: relative;
    overflow: auto
}

.page-popup-win .popup-win-close {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 16px;
    height: 16px;
    background: url("img/popup-win-close.png") center no-repeat
}

.warpper {
    width: 1100px;
    margin: 0 auto
}

.ac_results {
    padding: 0;
    border: 1px solid #C4D5E0;
    background-color: white;
    overflow: hidden;
    z-index: 100009;
    width: 500px
}

.ac_results .ac_loading {
    background: white url("img/indicator.gif") right center no-repeat
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0
}

.ac_results ul li {
    margin: 0;
    padding: 5px 5px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden
}

.ac_results ul li.ac_odd {
    background-color: #F6F6F6
}

.ac_results ul li.ac_over {
    background-color: #4496DF;
    color: white
}

.ac_results ul li.ac_over i {
    color: #eee
}

.ac_results ul i {
    font-size: 12px;
    color: #999;
    padding-left: 1em
}

.ac_results ul strong {
    font-weight: 700;
    color: #F60
}

.slideBox {
    width: 410px;
    height: 250px;
    overflow: hidden;
    position: relative;
    background-color: #c3c3c3;
    float: left
}

.slideBox .hd {
    position: absolute;
    z-index: 200;
    bottom: 30px;
    right: 150px;
    height: 20px;
    text-align: center
}

.slideBox .hd ul {
    margin: 0 auto;
    overflow: hidden
}

.slideBox .hd ul li {
    display: inline-block;
    position: relative;
    padding-top: 6px
}

.slideBox .hd ul li .nav-num {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 7px;
    margin: 0 5px;
    text-indent: 9999px;
    color: #B0B0B0;
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    text-align: center;
    outline: 0;
    background: #fff
}

.slideBox .hd ul li.on .nav-num, .slideBox .hd ul li.on .nav-num:hover {
    background: #018ce2
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle
}

.slideBox .bd img {
    display: block;
    width: 410px;
    height: 250px
}

.slideBox .shadow {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 30px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slideBox .prev, .slideBox .next {
    position: absolute;
    width: 25px;
    height: 46px;
    background: url(img/slider-arrow.png) no-repeat
}

.slideBox .prev {
    top: 50%;
    margin-top: -37px;
    left: 0;
    background-position: 0 -47px;
    cursor: pointer
}

.slideBox .next {
    top: 50%;
    margin-top: -37px;
    right: 0;
    background-position: -25px -47px;
    cursor: pointer
}

.slideBox .prev:hover, .slideBox .next:hover {
    background-position: 0 0;
    background-color: #a2a2a2;
    opacity: .7;
    filter: alpha(opacity=70)
}

.slideBox .next:hover {
    background-position: -25px 0
}

.slideBox .prevStop, .slideBox .nextStop {
    display: none
}

.banqh-wrap .ban {
    width: 980px;
    position: relative;
    margin: 0 auto
}

.banqh-wrap .ban2 {
    position: relative;
    width: 980px;
    height: 550px;
    overflow: hidden
}

.banqh-wrap .ban2 ul {
    position: absolute;
    left: 0;
    top: 0
}

.banqh-wrap .ban2 ul li {
    width: 980px;
    height: 550px;
    text-align: center;
    vertical-align: middle
}

.banqh-wrap .ban2 ul li img {
    width: 980px;
    height: 550px
}

.banqh-wrap .prev {
    float: left;
    cursor: pointer
}

.banqh-wrap .num {
    width: 585px;
    height: 82px;
    overflow: hidden;
    position: relative;
    float: left
}

.banqh-wrap .min_pic {
    padding: 20px 155px;
    margin: 0 auto;
    width: 670px;
    background: #f5f5f5
}

.banqh-wrap .num ul {
    position: absolute;
    left: 0;
    top: 0
}

.num ul li {
    float: left;
    width: 140px;
    height: 80px;
    margin-right: 5px;
    padding: 1px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.banqh-wrap .num ul li.on {
    padding: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.banqh-wrap .num ul li img {
    background: #f5f5f6;
    width: 140px;
    height: 80px
}

.banqh-wrap .max-btn {
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -41px;
    width: 30px;
    height: 82px;
    background: url("img/banqh_tab_l.png") no-repeat center;
    cursor: pointer;
    text-align: center
}

.banqh-wrap .prev1 {
    left: 10px;
    background-image: url("img/banqh_tab_l.png")
}

.banqh-wrap .next1 {
    right: 10px;
    background-image: url("img/banqh_tab_r.png")
}

.banqh-wrap .min-btn {
    float: left;
    width: 40px;
    height: 82px;
    background: url("img/banqh_tab_l.png") no-repeat center;
    cursor: pointer;
    text-align: center
}

.banqh-wrap .prev_btn1 {
    background-image: url("img/banqh_tab_l.png")
}

.banqh-wrap .next_btn1 {
    background-image: url("img/banqh_tab_r.png")
}

.banqh-wrap .mhc {
    background: #000;
    width: 100%;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(Opacity=50);
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.banqh-wrap .pop_up {
    display: none;
    width: 500px;
    height: 500px;
    padding: 10px;
    background: #fff;
    position: fixed;
    -position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -255px;
    margin-top: -255px;
    display: none;
    z-index: 99
}

.banqh-wrap .pop_up_xx {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -40px;
    right: 0;
    cursor: pointer
}

.banqh-wrap .pop_up2 {
    width: 500px;
    height: 500px;
    position: relative;
    overflow: hidden
}

.banqh-wrap .pop_up2 {
    width: 500px;
    height: 500px;
    position: relative;
    overflow: hidden;
    float: left
}

.banqh-wrap .pop_up2 ul {
    position: absolute;
    left: 0;
    top: 0
}

.banqh-wrap .pop_up2 ul li {
    width: 500px;
    height: 500px;
    float: left
}

.banqh-wrap .max-btn {
    display: none
}

.jigsaw-captcha .block {
    position: absolute;
    left: 0;
    top: 0
}

.jigsaw-captcha .sliderContainer {
    position: relative;
    text-align: center;
    width: 310px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    background: #f7f9fa;
    color: #45494c;
    border: 1px solid #e4e7eb
}

.jigsaw-captcha .sliderContainer_active .slider {
    height: 38px;
    top: -1px;
    border: 1px solid #1991FA
}

.jigsaw-captcha .sliderContainer_active .sliderMask {
    height: 38px;
    border-width: 1px
}

.jigsaw-captcha .sliderContainer_success .slider {
    height: 38px;
    top: -1px;
    border: 1px solid #52CCBA;
    background-color: #52CCBA !important
}

.jigsaw-captcha .sliderContainer_success .sliderMask {
    height: 38px;
    border: 1px solid #52CCBA;
    background-color: #D2F4EF
}

.jigsaw-captcha .sliderContainer_success .sliderIcon {
    background-position: 0 0 !important
}

.jigsaw-captcha .sliderContainer_fail .slider {
    height: 38px;
    top: -1px;
    border: 1px solid #f57a7a;
    background-color: #f57a7a !important
}

.jigsaw-captcha .sliderContainer_fail .sliderMask {
    height: 38px;
    border: 1px solid #f57a7a;
    background-color: #fce1e1
}

.jigsaw-captcha .sliderContainer_fail .sliderIcon {
    top: 14px;
    background-position: 0 -82px !important
}

.jigsaw-captcha .sliderContainer_active .sliderText, .jigsaw-captcha .sliderContainer_success .sliderText, .jigsaw-captcha .sliderContainer_fail .sliderText {
    display: none
}

.jigsaw-captcha .sliderMask {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    border: 0 solid #1991FA;
    background: #D1E9FE
}

.jigsaw-captcha .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: background .2s linear
}

.jigsaw-captcha .slider:hover {
    background: #1991FA
}

.jigsaw-captcha .slider:hover .sliderIcon {
    background-position: 0 -13px
}

.jigsaw-captcha .sliderIcon {
    position: absolute;
    top: 15px;
    left: 13px;
    width: 14px;
    height: 12px;
    background: url(img/icon_light.f13cff3.png) 0 -26px;
    background-size: 34px 471px
}

.jigsaw-captcha .refreshIcon {
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: url(img/icon_light.f13cff3.png) 0 -437px;
    background-size: 34px 471px
}

.focus #slide-box {
    width: 320px;
    height: 240px
}

.focus #slide-box img {
    width: 320px;
    height: 240px
}

.focus #slide-box .title {
    display: block;
    padding: 0 5px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 310px;
    background: rgba(0, 0, 0, 0.3);
    line-height: 34px;
    text-align: left;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#slide-box {
    position: relative;
    overflow: hidden;
    background: url(img/loading.gif) center center no-repeat
}

#slide-box ul {
    position: absolute;
    left: 0;
    top: 0
}

#slide-box ul li {
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

#slide-box ul li.on {
    display: block
}

#slide-box .number-bar {
    position: absolute;
    left: 0px;
    bottom: 34px;
    width: 320px;
    height: 20px;
    line-height: 20px;
    background: rgba(0, 0, 0, 0.3)
}

#slide-box .number-bar .number {
    width: 320px;
    height: 20px;
    margin: 6px auto 0;
    position: absolute;
    left: 40%
}

#slide-box .number-bar .number a {
    display: inline;
    float: left;
    width: 8px;
    height: 8px;
    overflow: hidden;
    margin-right: 10px;
    text-indent: -999em;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

#slide-box .number-bar .number a.on {
    width: 8px;
    height: 8px;
    background: #018ce2;
    opacity: 1
}

#pic-lunbo .ban {
    width: 702px;
    position: relative;
    overflow: hidden;
    margin: 0px auto 0 auto
}

#pic-lunbo .ban2 {
    width: 702px;
    height: 420px;
    position: relative;
    overflow: hidden;
    background: url(img/loading.gif) center center no-repeat
}

#pic-lunbo .ban2 ul {
    position: absolute;
    left: 0;
    top: 0
}

#pic-lunbo .ban2 ul li {
    width: 702px;
    height: 330px
}

#pic-lunbo .ban2 ul li img {
    width: 702px;
    height: 420px
}

#pic-lunbo .prev {
    float: left;
    cursor: pointer
}

#pic-lunbo .num {
    height: 82px;
    overflow: hidden;
    width: 658px;
    position: relative;
    float: left
}

#pic-lunbo .min_pic {
    padding-top: 10px;
    width: 702px
}

#pic-lunbo .num ul {
    position: absolute;
    left: 0;
    top: 0
}

#pic-lunbo .num ul li {
    width: 126px;
    height: 80px;
    margin-right: 5px;
    padding: 1px
}

#pic-lunbo .num ul li img {
    width: 126px;
    height: 80px
}

#pic-lunbo .num ul li.on {
    border: 1px solid #018ce2;
    padding: 0
}

#pic-lunbo .prev_btn1 {
    width: 15px;
    text-align: center;
    height: 80px;
    cursor: pointer;
    float: left;
    background: url(img/feel3.png) left center no-repeat;
    text-indent: -9999px;
    margin-right: 8px
}

#pic-lunbo .prev_btn1:hover {
    opacity: .5
}

#pic-lunbo .next_btn1 {
    width: 15px;
    text-align: center;
    height: 80px;
    cursor: pointer;
    float: right;
    background: url(img/feel4.png) left center no-repeat;
    text-indent: -9999px
}

#pic-lunbo .next_btn1:hover {
    opacity: .5
}

#pic-lunbo .prev1 {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -26px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
    background: url(img/index_tab_l.png) left center no-repeat;
    text-indent: -9999px
}

#pic-lunbo .prev2 {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -26px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
    background: url(img/index_tab_l.png) left center no-repeat;
    text-indent: -9999px
}

#pic-lunbo .next1 {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -26px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
    background: url(img/index_tab_r.png) left center no-repeat;
    text-indent: -9999px
}

#pic-lunbo .next2 {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -26px;
    width: 28px;
    height: 51px;
    z-index: 9;
    cursor: pointer;
    background: url(img/index_tab_r.png) left center no-repeat;
    text-indent: -9999px
}

#pic-lunbo .mhc {
    background: #000;
    width: 100%;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(Opacity=50);
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    display: none
}

#pic-lunbo .pop_up {
    width: 500px;
    height: 500px;
    padding: 10px;
    background: #fff;
    position: fixed;
    -position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -255px;
    margin-top: -255px;
    display: none;
    z-index: 99
}

#pic-lunbo .pop_up_xx {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -40px;
    right: 0;
    cursor: pointer;
    background: url(img/chacha3.png) right center no-repeat;
    text-indent: -9999px
}

#pic-lunbo .pop_up2 {
    width: 500px;
    height: 500px;
    position: relative;
    overflow: hidden
}

#pic-lunbo .pop_up2 {
    width: 500px;
    height: 500px;
    position: relative;
    overflow: hidden;
    float: left
}

#pic-lunbo .pop_up2 ul {
    position: absolute;
    left: 0;
    top: 0
}

#pic-lunbo .pop_up2 ul li {
    width: 500px;
    height: 500px;
    float: left
}

#pic-lunbo .pop_up2 ul li img {
    width: 500px;
    height: 500px
}

.index-header, .service-header {
    background: url(img/banner01.png) center center no-repeat;
    height: 453px;
    position: relative;
    font-family: 'microsoft yahei', 'sans-serif';
    font-size: 18px
}

.index-header .logo, .service-header .logo {
    font-size: 85px;
    font-weight: bolder;
    letter-spacing: 20px;
    color: #fff;
    text-shadow: 0 4px 8px #414244;
    width: 953px;
    height: 93px;
    position: absolute;
    margin-left: -470px;
    top: 160px;
    left: 50%
}

.index-header .nav-bar, .service-header .nav-bar {
    background: #12304d;
    border-radius: 10px;
    position: absolute;
    margin-left: -170px;
    top: 32px;
    left: 50%
}

.index-header .nav-bar .nav, .service-header .nav-bar .nav {
    height: 48px;
    font-size: 18px
}

.index-header .nav-bar .nav ul, .service-header .nav-bar .nav ul {
    padding: 0 0px 0 20px
}

.index-header .nav-bar .nav ul li, .service-header .nav-bar .nav ul li {
    display: inline;
    float: left;
    color: #fff;
    line-height: 48px;
    padding-left: 20px;
    text-align: center
}

.index-header .nav-bar .nav ul li.index-ico, .service-header .nav-bar .nav ul li.index-ico {
    background: url(img/index-ico-default.png) left center no-repeat
}

.index-header .nav-bar .nav ul li.index-ico:hover, .service-header .nav-bar .nav ul li.index-ico:hover, .index-header .nav-bar .nav ul li.index-ico.on, .service-header .nav-bar .nav ul li.index-ico.on {
    background: url(img/index-ico.png) left center no-repeat
}

.index-header .nav-bar .nav ul li.service-ico, .service-header .nav-bar .nav ul li.service-ico {
    background: url(img/service-ico-default.png) left center no-repeat
}

.index-header .nav-bar .nav ul li.service-ico:hover, .service-header .nav-bar .nav ul li.service-ico:hover, .index-header .nav-bar .nav ul li.service-ico.on, .service-header .nav-bar .nav ul li.service-ico.on {
    background: url(img/service-ico.png) left center no-repeat
}

.index-header .nav-bar .nav ul li.house-ico, .service-header .nav-bar .nav ul li.house-ico {
    background: url(img/house-ico-default.png) left center no-repeat
}

.index-header .nav-bar .nav ul li.house-ico:hover, .service-header .nav-bar .nav ul li.house-ico:hover, .index-header .nav-bar .nav ul li.house-ico.on, .service-header .nav-bar .nav ul li.house-ico.on {
    background: url(img/house-ico.png) left center no-repeat
}

.index-header .nav-bar .nav ul li.agent-ico, .service-header .nav-bar .nav ul li.agent-ico {
    background: url(img/agent-ico-default.png) left center no-repeat
}

.index-header .nav-bar .nav ul li.agent-ico:hover, .service-header .nav-bar .nav ul li.agent-ico:hover, .index-header .nav-bar .nav ul li.agent-ico.on, .service-header .nav-bar .nav ul li.agent-ico.on {
    background: url(img/agent-ico.png) left center no-repeat
}

.index-header .nav-bar .nav ul li.news-ico, .service-header .nav-bar .nav ul li.news-ico {
    background: url(img/news-ico-default.png) left center no-repeat
}

.index-header .nav-bar .nav ul li.news-ico:hover, .service-header .nav-bar .nav ul li.news-ico:hover, .index-header .nav-bar .nav ul li.news-ico.on, .service-header .nav-bar .nav ul li.news-ico.on {
    background: url(img/news-ico.png) left center no-repeat
}

.index-header .nav-bar .nav a, .service-header .nav-bar .nav a {
    display: inline-block;
    padding: 0 15px
}

.index-header .nav-bar .nav a li:hover, .service-header .nav-bar .nav a li:hover, .index-header .nav-bar .nav a li.on, .service-header .nav-bar .nav a li.on {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    color: #018ce2;
    box-sizing: border-box;
    border-bottom: 2px solid #018ce2
}

.index-header .change-city, .service-header .change-city {
    width: 88px;
    height: 30px;
    background: #12304d;
    border-radius: 10px;
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    margin-left: -44px;
    top: 32px;
    left: 10%
}

.index-header .change-city b, .service-header .change-city b {
    color: #fff;
    font-weight: normal;
    background: url(img/address-ico.png) left center no-repeat;
    padding: 0 5px 0 20px;
    margin-left: 10px;
    cursor: pointer
}

.index-header .change-city .change, .service-header .change-city .change {
    display: inline-block;
    color: #c5c5c5;
    background: url(img/arrow-ico-down.png) right center no-repeat;
    text-indent: -999px;
    width: 10px
}

.index-header .city-list, .service-header .city-list {
    font-size: 12px;
    position: absolute;
    margin-left: -44px;
    top: 60px;
    left: 10%;
    width: 190px;
    z-index: 9999;
    display: none
}

.index-header .city-content, .service-header .city-content {
    padding: 5px 0 5px 5px;
    background: #fff;
    line-height: 28px;
    margin-top: -2px;
    border-radius: 5px
}

.index-header .city-content dt, .service-header .city-content dt {
    display: inline;
    float: left;
    width: 60px;
    color: #777
}

.index-header .city-content dd, .service-header .city-content dd {
    overflow: hidden;
    zoom: 1
}

.index-header .city-content dd a, .service-header .city-content dd a, .index-header .city-content a, .service-header .city-content a {
    display: inline-block;
    width: 35px;
    color: #666
}

.index-header .city-content a.on, .service-header .city-content a.on {
    color: #018ce2
}

.index-header .city-ctop, .service-header .city-ctop {
    position: relative;
    width: 66px;
    height: 8px;
    overflow: hidden;
    background: url(img/city_topa.png) no-repeat;
    z-index: 988
}

.footer {
    background: #3f4244;
    height: 215px;
    color: #fff;
    font-family: "microsoft yahei",
    'sans-serif'
}

.footer .frendlink {
    height: 53px;
    border-bottom: 1px solid #fff;
    width: 1024px;
    margin: 0 auto
}

.footer .frendlink ul li {
    display: inline;
    float: left;
    margin: 0 50px;
    font-size: 14px;
    text-align: center;
    line-height: 58px
}

.footer .frendlink ul li a {
    color: #fff
}

.footer .copyright {
    width: 1024px;
    margin: 10px auto 0;
    font-size: 12px;
    text-align: center
}

.footer .copyright p {
    line-height: 20px
}

.header-fdc .logo-wrap {
    padding: 15px 0;
    background: #fff
}

.header-fdc .logo-wrap .logo-con {
    margin: 0 auto;
    position: relative;
    width: 1100px;
    text-align: left
}

.header-fdc .logo-wrap .logo {
    display: inline-block;
    padding-left: 40px;
    min-width: 30px;
    height: 34px;
    background: url("img/logo-01.png") no-repeat left bottom
}

.header-fdc .logo-wrap .logo .txt {
    display: block;
    width: 235px;
    height: 34px;
    background: url("img/logo-txt.png") no-repeat center bottom;
    text-indent: -9999px
}

.header-fdc .logo-wrap .find-full {
    float: right
}

.header-fdc .logo-wrap .find-full input {
    width: 370px;
    height: 32px;
    border: 1px solid #1B88E7;
    border-radius: 5px;
    background: #f8f9fb;
    color: #333;
    font-size: 16px;
    line-height: 32px;
    text-indent: 1em
}

.header-fdc .logo-wrap .find-full .btn-search-full {
    display: inline-block;
    margin-left: 10px;
    width: 90px;
    height: 34px;
    border-radius: 5px;
    background: #1B88E7;
    box-shadow: 0 0px 4px #bbb;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    border: none
}

.header-fdc .logo-wrap .find-full .btn-search-full:hover {
    background: #1b7fd6
}

.header-fdc .header-full-bg {
    position: relative;
    width: 100%;
    height: 350px;
    background: #477db0 url("img/header-full-bg.png") no-repeat center;
    background-size: cover
}

.header-fdc .header-full-bg .mid-con {
    padding: 0
}

.header-fdc .header-full-bg .logo-lagre-txt {
    position: absolute;
    left: 0;
    top: 56px;
    width: 675px;
    height: 169px;
    background: url("img/logo-lagre-txt.png") no-repeat center;
    overflow: hidden;
    text-indent: -9999px
}

.header-fdc .hheader {
    margin-top: 10px;
    height: 170px;
    width: 100%;
    background: white
}

.header-fdc .hheader a:hover {
    color: transparent;
    text-decoration: none;
    text-shadow: none
}

.header-fdc .hheader .htop {
    margin: 0 auto;
    width: 1100px;
    height: 126px;
    background: #ffffff 1px 1px no-repeat
}

.header-fdc .hheader .hkxxw {
    font-size: 42px;
    font-weight: bold;
    line-height: 54px;
    padding-top: 4px;
    color: #F01212;
    font-family: Microsoft YaHei, Arial, "微软雅黑", "黑体", Tahoma, Arial, Helvetica, STHeiti
}

.header-fdc .hheader .hkimg {
    display: block;
    float: left;
    width: 86px;
    height: 86px;
    margin-right: 20px;
    background: url(img/gh_logo.png) no-repeat left bottom;
    background-size: cover
}

.header-fdc .hheader .hkwz {
    color: #505050;
    line-height: 28px;
    padding-top: 8px;
    font-size: 16px;
    font-family: Microsoft YaHei, Arial, "微软雅黑", "黑体", Tahoma, Arial, Helvetica, STHeiti
}

.header-fdc .nav-menu {
    position: relative;
    margin-top: -50px;
    width: 100%;
    height: 50px;
    background: #347BD7
}

.header-fdc .nav-menu dd {
    margin: 0 auto;
    width: 1100px;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-between;
    place-content: space-around space-between;
    align-items: stretch;
    text-align: center
}

.header-fdc .nav-menu dd a {
    display: inline-block;
    flex: 1;
    box-sizing: border-box;
    padding: 0 20px;
    text-decoration: none;
    min-width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    font-family: Microsoft YaHei, Arial, "微软雅黑", "黑体", Tahoma, Arial, Helvetica, STHeiti
}

.header-fdc .nav-menu dd a.on, .header-fdc .nav-menu dd a:hover {
    background: rgba(11, 34, 51, 0.62)
}

.header-fdc-ii {
    background: #148df6;
    background: linear-gradient(270deg, #36bffa 0%, #148df6 100%);
    height: 50px;
    overflow: hidden
}

.header-fdc-ii .logo {
    float: left;
    display: block;
    width: 250px;
    height: 50px;
    background: url("img/logo-white.png") no-repeat left center;
    text-indent: -9999px
}

.header-fdc-ii .nav-menu {
    float: left;
    position: relative;
    width: 950px;
    height: 50px
}

.header-fdc-ii .nav-menu dd {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
    text-align: right
}

.header-fdc-ii .nav-menu dd a {
    display: inline-block;
    padding: 0 14px;
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.header-fdc-ii .nav-menu dd a.on, .header-fdc-ii .nav-menu dd a:hover {
    background: #2582c0
}

.header-fdc + .mid-full {
    min-height: 570px
}

.header-fdc-ii + .mid-full {
    min-height: 690px
}

.footer-fdc {
    padding: 25px 0 20px;
    background: #31414f url("img/footer-fdc-bc.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff
}

.footer-fdc .mid-con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.footer-fdc .verse-wrap {
    display: inline-block;
    vertical-align: top;
    width: 255px
}

.footer-fdc .verse-wrap .verse {
    width: 255px;
    height: 86px;
    background: url("img/footer-verse.png") center no-repeat
}

.footer-fdc .govn-icons {
    margin-top: 45px
}

.footer-fdc .govn-icons .icon-item {
    display: inline-block;
    width: 56px;
    height: 72px;
    background: url("img/icon-govn-dzjg.png") no-repeat center;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden
}

.footer-fdc .govn-icons .icon-item.dzjg {
    background-image: url("img/icon-govn-dzjg.png")
}

.footer-fdc .ewm-wrap {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px
}

.footer-fdc .ewm-wrap dt {
    padding-bottom: 12px;
    font-weight: bold
}

.footer-fdc .ewm-wrap .ewm-item {
    display: inline-block;
    margin-left: 36px;
    width: 74px;
    text-align: center
}

.footer-fdc .ewm-wrap .ewm-item:first-child {
    margin-left: 0
}

.footer-fdc .ewm-wrap .ewm-item figure {
    width: 74px;
    height: 74px;
    background: url(img/footer-ewm-gzh.png) no-repeat center;
    background-size: cover
}

.footer-fdc .ewm-wrap .ewm-item figure.gzh {
    background-image: url(img/footer-ewm-gzh.png)
}

.footer-fdc .ewm-wrap .ewm-item figure.ios {
    background-image: url(img/footer-ewm-ios.png)
}

.footer-fdc .ewm-wrap .ewm-item figure.android {
    background-image: url(img/footer-ewm-android.png)
}

.footer-fdc .ewm-wrap .ewm-item .txt {
    padding-top: 5px
}

.footer-fdc .frendlink {
    display: inline-block
}

.footer-fdc .frendlink dt {
    padding-bottom: 12px;
    font-weight: bold
}

.footer-fdc .frendlink a {
    display: block;
    line-height: 20px;
    color: inherit;
    text-decoration: none
}

.footer-fdc .frendlink a:hover {
    opacity: 0.8
}

.footer-fdc .frendlink a:before {
    content: '一';
    display: inline;
    padding-right: 3px
}

.footer-fdc .copyright {
    display: inline-block
}

.footer-fdc .copyright .name {
    font-weight: bold
}

.footer-fdc .copyright .space {
    margin-top: 30px
}

.hfooter {
    margin: 0 auto;
    width: 1100px;
    border-top: 5px solid #4f8fd1;
    background: #ffffff
}

.hfooter a {
    text-decoration: none
}

.hfooter .ft-top {
    display: flex;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 16px;
    overflow: hidden;
    color: #838383;
    font-family: 微软雅黑
}

.hfooter .ft-top span {
    margin-left: 30px;
    color: #1B1B1B;
    float: left
}

.hfooter .ft-top .links-wrap {
    flex: 1;
    display: inline-flex;
    justify-content: space-between;
    align-items: center
}

.hfooter .ft-top .links-wrap .icon {
    margin-left: 35px;
    padding-left: 23px;
    color: #838383;
    min-width: 18px;
    min-height: 18px;
    background: url(img/gh_logo.png) no-repeat left center;
    background-size: 18px 18px
}

.hfooter .ft-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    min-height: 30px;
    font-size: 16px;
    color: #838383
}

.hfooter .ft-bottom .part1 {
    flex: 1;
    padding-left: 30px;
    display: flex;
    justify-content: space-around;
    line-height: 30px;
    font-size: 14px;
    text-align: left;
    color: #838383
}

.hfooter .ft-bottom .part2 {
    width: 270px
}

.hfooter .ft-bottom .part2 a {
    display: inline-block;
    margin-left: 10px
}

.hfooter .ft-bottom .part2 a:first-child {
    margin-left: 0
}

.second-header {
    font-family: 'microsoft yahei';
    height: 65px;
    line-height: 65px;
    background: #3e5060 url("img/btn-topnav-bg.png") no-repeat center;
    background-size: cover
}

.second-header .change-city {
    display: inline;
    float: left;
    width: 88px;
    height: 30px;
    background: #12304d;
    border-radius: 10px;
    font-size: 14px;
    line-height: 30px;
    margin-top: 17px
}

.second-header .change-city b {
    color: #fff;
    font-weight: normal;
    background: url(img/address-ico.png) left center no-repeat;
    padding: 0 5px 0 20px;
    margin-left: 10px;
    cursor: pointer
}

.second-header .change-city .change {
    display: inline-block;
    color: #c5c5c5;
    background: url(img/arrow-ico-down.png) right center no-repeat;
    text-indent: -999px;
    width: 10px
}

.second-header .city-list {
    font-size: 12px;
    position: absolute;
    top: 50px;
    left: auto;
    width: 190px;
    z-index: 9999;
    display: none
}

.second-header .city-content {
    padding: 5px 0 5px 5px;
    background: #fff;
    line-height: 28px;
    margin-top: -2px;
    border-radius: 5px
}

.second-header .city-content dt {
    display: inline;
    float: left;
    width: 60px;
    color: #777
}

.second-header .city-content dd {
    overflow: hidden;
    zoom: 1
}

.second-header .city-content dd a, .second-header .city-content a {
    display: inline-block;
    width: 35px;
    color: #666
}

.second-header .city-content a.on {
    color: #018ce2
}

.second-header .city-ctop {
    position: relative;
    width: 66px;
    height: 8px;
    overflow: hidden;
    background: url(img/city_topa.png) no-repeat;
    z-index: 988
}

.second-header .logo {
    display: inline;
    float: left;
    width: 250px;
    font-family: 'microsoft yahei';
    background: url("img/toplogo-2.png") no-repeat left center;
    background-position: 15px 50%;
    width: 250px;
    height: 65px;
    line-height: 65px;
    color: #fff;
    font-size: 18px;
    text-indent: -9999px
}

.second-header .logo b {
    font-size: 25px;
    padding: 0 7px 0 15px
}

.second-header .nav-bar {
    font-family: 'microsoft yahei';
    display: inline;
    float: left;
    width: 640px
}

.second-header .nav-bar .nav {
    font-size: 18px;
    height: 65px;
    line-height: 65px
}

.second-header .nav-bar .nav ul {
    padding: 0 0px 0 20px;
    letter-spacing: -0.5em
}

.second-header .nav-bar .nav ul li {
    display: inline;
    float: left;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    color: #fff;
    padding-left: 20px;
    text-align: center
}

.second-header .nav-bar .nav ul li.index-ico {
    background: url(img/index-ico-default.png) left center no-repeat
}

.second-header .nav-bar .nav ul li.service-ico {
    background: url(img/service-ico-default.png) left center no-repeat
}

.second-header .nav-bar .nav ul li.house-ico {
    background: url(img/house-ico-default.png) left center no-repeat
}

.second-header .nav-bar .nav ul li.agent-ico {
    background: url(img/agent-ico-default.png) left center no-repeat
}

.second-header .nav-bar .nav ul li.news-ico {
    background: url(img/news-ico-default.png) left center no-repeat
}

.second-header .nav-bar .nav a {
    display: inline-block;
    letter-spacing: normal
}

.second-header .nav-bar .nav a li:hover, .second-header .nav-bar .nav a li.on {
    display: inline-block;
    border-left-color: #076fb3;
    border-right-color: #076fb3;
    background-color: #076fb3
}

.service-header {
    background: url(img/banner03.png) center center no-repeat;
    height: 308px;
    background-size: cover
}

.service-header .logo {
    width: 560px;
    position: absolute;
    margin-left: -44px;
    top: 130px;
    left: 10%;
    text-indent: 0;
    color: #fff;
    text-shadow: 0 4px 8px #414244;
    background: url(img/service-header-logo.png) right 58px no-repeat;
    font-size: 40px;
    letter-spacing: 12px;
    font-weight: bolder
}

.service-header .logo b {
    font-size: 64px;
    letter-spacing: 14px
}

.content {
    font-family: "microsoft yahei", 'sans-serif'
}

.content .market {
    background: #fff
}

.content .market dl {
    width: 1024px;
    margin: 20px auto 50px
}

.content .market dl dt {
    text-indent: -9999px;
    background: url(img/market-title.png) left center no-repeat;
    width: 234px;
    height: 27px
}

.content .market dl dd {
    margin-top: 28px
}

.content .market dl dd .market-pic {
    display: inline;
    float: left;
    width: 320px;
    height: 212px;
    background: #f8f9fb
}

.content .market dl dd .market-news {
    margin-left: 34px;
    display: inline;
    float: left;
    width: 665px;
    font-size: 14px
}

.content .market dl dd .market-news ul li {
    line-height: 24px;
    background: url(img/li-ico.png) left center no-repeat;
    padding: 0 15px
}

.content .market dl dd .market-news ul li a {
    color: #333;
    display: inline-block;
    display: inline;
    float: left;
    width: 515px;
    margin-right: 20px
}

.content .market dl dd .market-news ul li em {
    display: inline;
    float: right;
    width: 90px;
    color: #999;
    overflow: hidden;
    white-space: nowrap
}

.content .house {
    background: #f8f9fb;
    overflow: auto
}

.content .house dl {
    width: 1024px;
    margin: 40px auto 50px
}

.content .house dl dt {
    background: url(img/house-title.png) left center no-repeat;
    width: 730px;
    height: 34px;
    line-height: 34px;
    position: relative
}

.content .house dl dt a {
    color: #333;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 30px;
    background: url(img/arrow-right.png) right center no-repeat;
    padding: 0 10px
}

.content .house dl dd {
    margin-top: 30px;
    position: relative
}

.content .house dl dd .house-list {
    display: inline;
    float: left;
    width: 730px;
    height: 235px
}

.content .house dl dd .house-list a {
    width: 214px;
    margin-right: 24px;
    background: #fff;
    height: 235px;
    border: 1px solid #e9e9e9;
    display: inline-block
}

.content .house dl dd .house-list a .img-bar {
    width: 214px;
    height: 160px;
    position: relative
}

.content .house dl dd .house-list a .img-bar img {
    width: 214px;
    height: 160px;
    background: #eaedf1 url("img/img-load-error.png") center no-repeat;
    background-size: 50px 43px
}

.content .house dl dd .house-list a .img-bar em {
    position: absolute;
    bottom: 12px;
    left: 0;
    display: inline-block;
    background: url(img/price-bg-ico.png) repeat;
    width: 70px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center
}

.content .house dl dd .house-list a h5 {
    font-size: 16px;
    color: #333;
    margin: 10px 0 10px;
    text-align: center;
    width: 220px
}

.content .house dl dd .house-list a p {
    color: #999;
    font-size: 12px;
    text-align: center
}

.content .house dl dd .house-list a p span {
    display: inline-block;
    margin: 0 4px
}

.content .house dl dd .house-list a:hover {
    box-shadow: 3px 3px 5px #e5e5e5
}

.content .house dl dd .house-ico {
    position: absolute;
    top: -60px;
    right: 0;
    width: 270px;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 2px 5px #dcdfe6
}

.content .house dl dd .house-ico .house-ico-item {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 72px;
    line-height: 72px;
    border-top: 1px solid #dcdfe6;
    background: #fff url("img/icon-index-map.png") 28px 50% no-repeat;
    text-align: left;
    text-indent: 72px;
    color: #666;
    font-size: 14px;
    font-weight: bold
}

.content .house dl dd .house-ico .house-ico-item:first-child {
    border-top: none
}

.content .house dl dd .house-ico .house-ico-item:hover {
    background-color: #f1f5f8
}

.content .house dl dd .house-ico .house-ico-item.map {
    background-image: url("img/icon-index-map.png")
}

.content .house dl dd .house-ico .house-ico-item.info {
    background-image: url("img/icon-index-notice.png")
}

.content .house dl dd .house-ico .house-ico-item.list {
    background-image: url("img/icon-index-user.png")
}

.content .house dl dd .house-ico .house-ico-item.phb {
    background-image: url("img/icon-index-chart.png")
}

.content .service {
    background: #fff
}

.content .service dl {
    width: 1026px;
    margin: 20px auto 50px
}

.content .service dl dt {
    text-indent: -9999px;
    background: url(img/service-title.png) left center no-repeat;
    width: 179px;
    height: 45px
}

.content .service dl dd {
    margin-top: 28px;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-between;
    place-content: space-around space-between;
    align-items: stretch
}

.content .service dl dd a {
    display: inline-block;
    position: relative;
    width: 190px;
    height: 190px;
    overflow: hidden;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    background: #fff url("img/icon-index-big-01.png") 50% 44px no-repeat
}

.content .service dl dd a:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -30px;
    width: 60px;
    height: 0;
    border-top: 6px solid #018ce2
}

.content .service dl dd a:hover {
    box-shadow: 2px 2px 5px #dcdfe6
}

.content .service dl dd a.gr-gp {
    background-image: url("img/icon-index-big-01.png")
}

.content .service dl dd a.gr-cp {
    background-image: url("img/icon-index-big-02.png")
}

.content .service dl dd a.jg-gp {
    background-image: url("img/icon-index-big-03.png")
}

.content .service dl dd a.gf-sq {
    background-image: url("img/icon-index-big-04.png")
}

.content .service dl dd a.esf-qy {
    background-image: url("img/icon-index-big-05.png")
}

.content .service dl dd a .txt {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #018ce2;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.house-detail .house-detail-pic {
    display: inline;
    float: left;
    width: 440px
}

.house-detail .house-detail-info {
    display: inline;
    float: left;
    width: 550px;
    margin-left: 34px
}

.house-detail .house-detail-info .price-bar {
    font-size: 14px;
    border-bottom: 1px solid #dcdfe6;
    line-height: 40px
}

.house-detail .house-detail-info .price-bar .price {
    font-size: 16px;
    color: #999
}

.house-detail .house-detail-info .price-bar .price b {
    font-size: 36px;
    color: #018ce2
}

.house-detail .house-detail-info .price-bar .status {
    font-size: 18px;
    color: #333
}

.house-detail .house-detail-info .price-bar .status .left {
    padding-right: 30px
}

.house-detail .house-detail-info .address {
    border-bottom: 1px solid #dcdfe6;
    height: 65px;
    line-height: 65px;
    font-size: 18px
}

.house-detail .house-detail-info .address em {
    color: #999
}

.house-detail .house-detail-info .address a {
    line-height: 20px !important;
    color: #333
}

.house-detail .house-detail-info .house-style {
    border-bottom: 1px solid #dcdfe6;
    padding: 30px 0
}

.house-detail .house-detail-info .house-style .house-style-01 span {
    display: inline-block;
    margin-right: 55px;
    font-size: 19px;
    color: #333
}

.house-detail .house-detail-info .house-style .house-style-01 span.size {
    background: url(img/size-ico.png) left center no-repeat;
    padding: 0 25px
}

.house-detail .house-detail-info .house-style .house-style-01 span.style {
    background: url(img/style-ico.png) left center no-repeat;
    padding: 0 25px
}

.house-detail .house-detail-info .house-style .house-style-01 span.area {
    background: url(img/area-ico.png) left center no-repeat;
    padding: 0 25px
}

.house-detail .house-detail-info .house-style .house-info {
    margin-top: 20px
}

.house-detail .house-detail-info .house-style .house-info span {
    display: inline;
    float: left;
    width: 175px;
    display: inline-block;
    font-size: 14px;
    color: #999
}

.house-detail .house-detail-info .house-style .house-info span b {
    color: #333
}

.house-detail .house-detail-info .house-hym {
    margin-top: 15px
}

.house-detail .house-detail-info .house-hym h5 {
    font-size: 14px;
    color: #999999;
    text-align: center;
    margin-top: 10px
}

.house-detail .house-detail-info .house-hym .house-hym-pic {
    display: inline;
    float: left;
    width: 116px
}

.house-detail .house-detail-info .house-hym .house-hym-pic img {
    width: 116px;
    height: 116px
}

.house-detail .house-detail-info .house-hym .house-hym-num {
    display: inline;
    float: left;
    width: 434px;
    text-align: center
}

.house-detail .house-detail-info .house-hym .house-hym-num h3 {
    font-size: 21px;
    color: #333;
    line-height: 116px
}

.house-detail .gpr-info {
    margin-top: 40px
}

.house-detail .gpr-info dt {
    font-size: 20px;
    color: #333;
    font-weight: bolder
}

.house-detail .gpr-info dd {
    margin-top: 10px
}

.house-detail .gpr-info dd table {
    line-height: 30px
}

.house-detail .gpr-info dd table .t1 {
    width: 60px
}

.house-detail .gpr-info dd table th {
    color: #999;
    font-size: 14px;
    text-align: center
}

.house-detail .gpr-info dd table td {
    color: #2d2d2d;
    font-size: 16px;
    text-align: center
}

.house-detail .gpr-info dd table td a {
    background: #018ce2;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 14px
}

.house-detail .tips {
    margin: 40px 0 50px
}

.house-detail .tips dt {
    font-size: 20px;
    color: #333;
    font-weight: bolder
}

.house-detail .tips dd {
    margin-top: 20px
}

.house-detail .tips dd p {
    line-height: 25px;
    color: #999
}

.service-room {
    margin-bottom: 46px
}

.service-room .service-ico-bar {
    display: inline;
    float: left;
    width: 512px;
    margin-top: 46px
}

.service-room .service-ico-bar a {
    display: inline-block
}

.service-room .service-ico-bar a img:hover {
    border-radius: 100%;
    width: 120px;
    height: 120px;
    box-shadow: 0 0 10px 2px #c0c0c0
}

.service-room .service-ico-bar img {
    display: inline;
    float: left;
    width: 120px;
    height: 120px
}

.service-room .service-ico-bar .service-info {
    display: inline;
    float: left;
    margin: 30px 0 0 25px
}

.service-room .service-ico-bar .service-info h4 {
    font-size: 20px;
    color: #333
}

.service-room .service-ico-bar .service-info p {
    font-size: 13px;
    color: #999;
    line-height: 24px;
    white-space: pre-wrap
}

.service-room .service-ico-bar .company-info {
    display: inline;
    float: left;
    width: 355px;
    margin: 20px 0 0 20px
}

.service-room .service-ico-bar .company-info h4 {
    font-size: 20px;
    color: #333
}

.service-room .service-ico-bar .company-info div {
    font-size: 13px;
    color: #999;
    line-height: 24px;
    white-space: pre-wrap
}

.page-housing-list a:hover {
    text-decoration: none
}

.page-housing-list .mainbox {
    background: #FAFAFB
}

.page-housing-list .main {
    padding: 30px 0 70px
}

.page-housing-list .main .part-search-bar {
    margin-top: -174px;
    margin-bottom: 94px;
    position: relative;
    width: 1100px;
    height: 50px;
    background: #fff;
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25)
}

.page-housing-list .main .part-search-bar .search-input {
    padding: 10px 0;
    margin-left: 30px;
    width: 950px;
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: #fff;
    text-indent: 10px;
    color: #333;
    font-size: 16px
}

.page-housing-list .main .part-search-bar .search-input::-webkit-input-placeholder {
    color: #D3D3D3
}

.page-housing-list .main .part-search-bar .search-input:-moz-placeholder {
    color: #D3D3D3
}

.page-housing-list .main .part-search-bar .search-input:-ms-input-placeholder {
    color: #D3D3D3
}

.page-housing-list .main .part-search-bar .search-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #018ce2;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.page-housing-list .main .part-nav-wrap {
    padding: 30px 0
}

.page-housing-list .main .part-nav-wrap li {
    float: left;
    width: 25%;
    text-align: center
}

.page-housing-list .main .part-nav-wrap li a:hover .icon {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

.page-housing-list .main .part-nav-wrap li a {
    display: block;
    text-decoration: none
}

.page-housing-list .main .part-nav-wrap li a .icon {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background: url("img/icon-large-location.png") center no-repeat;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.page-housing-list .main .part-nav-wrap li a .icon.icon1 {
    background-image: url("img/icon-large-location.png")
}

.page-housing-list .main .part-nav-wrap li a .icon.icon2 {
    background-image: url("img/icon-large-chart.png")
}

.page-housing-list .main .part-nav-wrap li a .icon.icon3 {
    background-image: url("img/icon-large-notice .png")
}

.page-housing-list .main .part-nav-wrap li a .icon.icon4 {
    background-image: url("img/icon-large-house.png")
}

.page-housing-list .main .part-nav-wrap li a b {
    display: block;
    padding: 6px 0;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal
}

.page-housing-list .main .part-search-range {
    margin-bottom: 20px;
    padding: 15px 40px 5px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff
}

.page-housing-list .main .part-search-range .secitem {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px
}

.page-housing-list .main .part-search-range .secitem dt {
    float: left;
    display: inline-block;
    padding-left: 18px;
    margin-right: 14px;
    background: url(img/icon-area-lociton.png) left center no-repeat;
    color: #999;
    font-weight: bold
}

.page-housing-list .main .part-search-range .secitem dt.location {
    background-image: url("img/icon-area-lociton.png")
}

.page-housing-list .main .part-search-range .secitem dt.room {
    background-image: url("img/icon-area-room.png")
}

.page-housing-list .main .part-search-range .secitem dt.type {
    background-image: url("img/icon-area-type.png")
}

.page-housing-list .main .part-search-range .secitem dt.user {
    background-image: url("img/icon-area-user.png")
}

.page-housing-list .main .part-search-range .secitem dd {
    display: table-cell
}

.page-housing-list .main .part-search-range .secitem dd a {
    margin-right: 15px;
    padding: 0 10px
}

.page-housing-list .main .part-search-range .secitem dd a.on, .page-housing-list .main .part-search-range .secitem dd a:hover {
    background-color: #018ce2;
    border-radius: 10px;
    color: #fff
}

.page-housing-list .main .part-search-range .extern {
    border-top: 1px solid #dcdfe6
}

.page-housing-list .main .part-show-list {
    padding: 20px 40px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px
}

.page-housing-list .main .part-show-list .pan-hd .sort-nav {
    letter-spacing: -0.41em;
    float: right;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #dce0e6;
    box-shadow: 0 0 5px #dce0e6;
    overflow: hidden
}

.page-housing-list .main .part-show-list .pan-hd .sort-nav .sort-item {
    letter-spacing: normal;
    display: inline-block;
    padding: 0 10px;
    cursor: pointer;
    height: 24px;
    border-left: 1px solid #dce0e6;
    color: #999;
    font-size: 12px;
    line-height: 24px
}

.page-housing-list .main .part-show-list .pan-hd .sort-nav .sort-item:first-child {
    margin-left: -1px
}

.page-housing-list .main .part-show-list .pan-hd .sort-nav .sort-item.on {
    border-left-color: #018ce2;
    background-color: #018ce2;
    color: #f5f5f5
}

.page-housing-list .main .part-show-list .pan-hd .sort-nav .sort-item.one .fa-sort:before {
    content: "\f175"
}

.page-housing-list .main .part-show-list .pan-hd .sort-nav .sort-item.two.down .fa-sort:before {
    content: "\f175"
}

.page-housing-list .main .part-show-list .pan-hd .sort-nav .sort-item.two.up .fa-sort:before {
    content: "\f176"
}

.page-housing-list .main .part-show-list .pan-con {
    padding: 20px 0 0
}

.page-housing-list .main .part-show-list .pan-con ul {
    margin-left: -36px;
    letter-spacing: -0.41em
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    vertical-align: top;
    margin-left: 36px;
    margin-bottom: 20px;
    width: 316px
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item:hover {
    background-color: #F7F8FA
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .item-pic {
    position: relative;
    width: 316px;
    height: 212px;
    background: #eaedf1 url(img/img-load-error.png) center no-repeat;
    background-size: 50px 43px;
    overflow: hidden
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .item-pic img {
    width: 316px;
    height: 212px;
    vertical-align: top
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .mark {
    position: absolute;
    right: 16px;
    bottom: 10px
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .mark .fa {
    margin-right: 4px
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .mark .icon {
    margin-right: 5px;
    padding: 2px 15px;
    background: rgba(39, 39, 39, 0.55);
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    box-sizing: border-box
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .tag-price {
    display: block;
    position: absolute;
    left: -3px;
    top: 20px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    background: #3695E9;
    border-radius: 0px 5px 5px 0px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .tag-price:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    width: 0;
    height: 0;
    border: 2px solid #1F69AA;
    border-top-width: 3px;
    border-left-color: transparent;
    border-top-color: transparent
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .tag-price:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 0;
    border: 2px solid #1F69AA;
    border-top-width: 3px;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .item-hd {
    padding: 6px 0;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: bold
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .item-desc {
    padding-bottom: 10px;
    text-align: center;
    color: #999;
    font-size: 14px
}

.page-housing-list .main .part-show-list .pan-con ul .house-list-item .item-desc span {
    padding: 0 5px
}

.page-housing-list .main .part-show-list .pan-con .pagebar-wrap {
    text-align: center
}

.page-housing-list .drag-brush {
    margin-left: 10px;
    position: relative;
    width: 240px;
    font-size: 0
}

.page-housing-list .drag-brush.hide {
    display: block;
    height: 0;
    overflow: hidden
}

.page-housing-list .drag-brush .list-main-wrapper {
    position: relative
}

.page-housing-list .drag-brush .list-main-wrapper .list-container {
    height: 60px;
    padding: 0;
    margin: 0;
    font-size: 0
}

.page-housing-list .drag-brush .list-main-wrapper .list-container .list-item {
    display: inline-block;
    width: 6px;
    background: #ddd;
    vertical-align: bottom
}

.page-housing-list .drag-brush .list-main-wrapper .float-top {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap
}

.page-housing-list .drag-brush .list-main-wrapper .float-top .list-container {
    position: relative
}

.page-housing-list .drag-brush .list-main-wrapper .float-top .list-container .list-item {
    background: #c7e4f7
}

.page-housing-list .drag-brush .slid-container {
    position: relative;
    height: 5px;
    background: #d0d0d0
}

.page-housing-list .drag-brush .slid-container .slid-container-float-top {
    position: absolute;
    background: #018ce2;
    height: 5px;
    bottom: 0;
    left: 0;
    right: 0
}

.page-housing-list .drag-brush .slid-container .drag-icon {
    position: absolute;
    width: 0;
    height: 0
}

.page-housing-list .drag-brush .slid-container .drag-icon:hover {
    cursor: pointer
}

.page-housing-list .drag-brush .slid-container .drag-icon.left {
    left: 0;
    bottom: 0
}

.page-housing-list .drag-brush .slid-container .drag-icon.left .display-icon {
    left: -10px;
    bottom: -10px
}

.page-housing-list .drag-brush .slid-container .drag-icon.right {
    right: 0;
    bottom: 0
}

.page-housing-list .drag-brush .slid-container .drag-icon.right .display-icon {
    right: -10px;
    bottom: -10px
}

.page-housing-list .drag-brush .slid-container .drag-icon .display-icon {
    position: absolute;
    width: 18px;
    height: 18px;
    z-index: 1;
    background: #fff;
    border: 1px solid #018ce2;
    box-shadow: 0 2px 4px 0 rgba(115, 115, 115, 0.5);
    border-radius: 100%
}

.page-housing-list .drag-brush .number-reflect {
    position: absolute;
    right: 0;
    top: -49px;
    text-align: right
}

.page-housing-list .drag-brush .number-reflect .desc {
    font-size: 12px;
    color: #9c9fa1;
    vertical-align: bottom;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.page-housing-list .drag-brush .number-reflect input {
    width: 38px;
    height: 20px;
    font-size: 12px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    vertical-align: bottom;
    text-align: center
}

.page-housing-list .drag-brush .number-reflect .division {
    margin: 0 6px;
    font-size: 14px;
    color: #333;
    line-height: 28px;
    vertical-align: middle
}

.page-housing-list .drag-brush .number-reflect .ok {
    display: none;
    position: relative;
    top: 8px;
    left: 10px;
    font-size: 12px;
    color: #018ce2;
    font-weight: 600
}

.page-housing-list .drag-brush .number-reflect .ok:hover {
    cursor: pointer
}

.page-housing-list .price-area-container {
    padding: 20px 0;
    position: relative;
    width: 1010px;
    font-size: 0
}

.page-housing-list .price-area-container .hd-title {
    margin-bottom: 20px
}

.page-housing-list .price-area-container .hd-title .area-desc {
    margin-right: 5px;
    font-size: 14px;
    color: #333;
    font-weight: bold
}

.page-housing-list .price-area-container .hd-title .unit {
    font-size: 14px;
    color: #999
}

.page-housing-list .price-area-container .chart-desc {
    margin-top: 20px;
    position: relative;
    font-size: 12px;
    color: #999
}

.page-housing-list .price-area-container .price-wrapper, .page-housing-list .price-area-container .area-wrapper {
    display: inline-block;
    margin-right: 90px;
    width: 270px
}

.page-housing-list .price-area-container .house-type-wrapper {
    position: absolute;
    top: 20px;
    right: 0;
    width: 250px
}

.page-housing-list .price-area-container .house-type-wrapper .rect-wrapper {
    white-space: nowrap;
    overflow: hidden
}

.page-housing-list .price-area-container .house-type-wrapper .rect-wrapper .rect-item {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    width: 45px;
    height: 110px;
    color: #394043
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item:hover {
    cursor: pointer
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item .fa:before {
    content: "\f096"
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item.on {
    color: #018ce2
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item.on .fa:before {
    content: "\f046"
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item.on .rect {
    background: #018ce2
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item.on .house-type-item .type-icon {
    color: #018ce2
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item .rect {
    position: absolute;
    height: 65px;
    width: 100%;
    bottom: 45px;
    left: 0;
    background: #ddd
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item .rect:hover {
    background: #018ce2
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item .house-type-item {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item .house-type-item .type-icon {
    font-size: 14px;
    line-height: 14px;
    color: #ddd;
    vertical-align: middle
}

.page-housing-list .price-area-container .house-type-wrapper .rect-item .house-type-item .house-type {
    color: #666;
    font-size: 12px;
    line-height: 14px;
    vertical-align: middle
}

.page-grzzgp-step .mainbox {
    padding-bottom: 70px;
    position: relative;
    width: 100%;
    min-height: 736px
}

.page-grzzgp-step .mainbox.fullbg {
    background: #fefefe url("img/grzzgp-step-fullbg.png") no-repeat bottom;
    background-size: cover
}

.page-grzzgp-step .custom-tips {
    display: none;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: -23px;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-grzzgp-step .input-error + .custom-tips {
    display: block
}

.page-grzzgp-step .input-tips {
    display: none
}

.page-grzzgp-step .validator-advice {
    display: block;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 100%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-grzzgp-step .layui-form-item {
    margin-bottom: 20px
}

.page-grzzgp-step .layui-input.input-error {
    border-color: #ed1a33
}

.page-grzzgp-step .layui-btn-container.btn-center {
    padding: 25px 0 0;
    text-align: center
}

.page-grzzgp-step .main .step-hd, .page-grzzgp-step .main .page-gfzg .warpper .step-hd-short, .page-gfzg .warpper .page-grzzgp-step .main .step-hd-short {
    padding: 30px 0;
    text-align: center
}

.page-grzzgp-step .main .step-hd .cn, .page-grzzgp-step .main .page-gfzg .warpper .step-hd-short .cn, .page-gfzg .warpper .page-grzzgp-step .main .step-hd-short .cn {
    height: 24px;
    color: #333;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold
}

.page-grzzgp-step .main .step-hd .cn .txt, .page-grzzgp-step .main .page-gfzg .warpper .step-hd-short .cn .txt, .page-gfzg .warpper .page-grzzgp-step .main .step-hd-short .cn .txt {
    letter-spacing: 5px
}

.page-grzzgp-step .main .step-hd .cn .icon, .page-grzzgp-step .main .page-gfzg .warpper .step-hd-short .cn .icon, .page-gfzg .warpper .page-grzzgp-step .main .step-hd-short .cn .icon {
    display: inline-block;
    width: 54px;
    height: 14px;
    background: url("img/grzzgp-step-hd-left.png") no-repeat center
}

.page-grzzgp-step .main .step-hd .cn .icon.right, .page-grzzgp-step .main .page-gfzg .warpper .step-hd-short .cn .icon.right, .page-gfzg .warpper .page-grzzgp-step .main .step-hd-short .cn .icon.right {
    background-image: url("img/grzzgp-step-hd-right.png");
    margin-left: -5px
}

.page-grzzgp-step .main .step-hd .en, .page-grzzgp-step .main .page-gfzg .warpper .step-hd-short .en, .page-gfzg .warpper .page-grzzgp-step .main .step-hd-short .en {
    padding: 5px 0;
    color: #999;
    font-size: 12px;
    line-height: 1.5
}

.page-grzzgp-step .main .form-wrapper {
    margin: 15px auto 0;
    padding: 25px 0;
    width: 600px;
    background-color: #fff;
    box-sizing: border-box
}

.page-grzzgp-step .main .step1 {
    padding-top: 100px
}

.page-grzzgp-step .main .step1.special {
    padding-top: 20px
}

.page-grzzgp-step .main .step1 .form-wrapper {
    padding: 25px 50px;
    width: 440px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px
}

.page-grzzgp-step .main .step1 .layui-form-item {
    margin-bottom: 10px
}

.page-grzzgp-step .main .step1 .validator-advice {
    top: -24px
}

.page-grzzgp-step .main .step1 .layui-input.validator-invalid {
    border-color: #E0294D !important
}

.page-grzzgp-step .main .step1 .layui-form-label {
    float: none;
    padding: 8px 0;
    width: 300px;
    border: none;
    background: #fff;
    text-align: left;
    color: #333;
    font-size: 16px;
    line-height: 20px
}

.page-grzzgp-step .main .step1 .layui-form-label.special {
    margin-bottom: 8px
}

.page-grzzgp-step .main .step1 .layui-form-label .txt {
    padding-right: 10px
}

.page-grzzgp-step .main .step1 .layui-input-block {
    margin-left: 0
}

.page-grzzgp-step .main .step1 .layui-form-radio {
    margin: 0;
    line-height: 18px
}

.page-grzzgp-step .main .step1 .layui-form-radio * {
    font-size: 16px
}

.page-grzzgp-step .main .step1 .layui-input-block.sms-wrap {
    position: relative;
    padding-right: 100px
}

.page-grzzgp-step .main .step1 .sms-wrap .sms-yzm {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    color: #018ce2;
    font-size: 16px;
    line-height: 38px
}

.page-grzzgp-step .main .step2 .layui-form-item {
    margin-bottom: 0
}

.page-grzzgp-step .main .step3 {
    padding-bottom: 75px
}

.page-grzzgp-step .main .step3 .form-wrapper {
    width: auto;
    padding: 25px 0
}

.page-grzzgp-step .main .step3 .hr-field-title {
    padding: 10px 0;
    color: #333;
    font-size: 22px;
    font-weight: bold
}

.page-grzzgp-step .main .step3 .hr-field-title .blue {
    padding: 0 0.5em;
    color: #018ce2;
    font-size: 14px
}

.page-grzzgp-step .main .step3 .layui-form-label {
    padding: 5px 10px;
    width: 120px;
    text-align: right;
    color: #666;
    font-size: 14px
}

.page-grzzgp-step .main .step3 .layui-form-label.pics-label {
    line-height: 100px
}

.page-grzzgp-step .main .step3 .layui-form-item .layui-input-inline {
    width: 250px
}

.page-grzzgp-step .main .step3 .layui-input {
    color: #333;
    height: 30px;
    line-height: 30px
}

.page-grzzgp-step .main .step3 .part3 {
    letter-spacing: -0.40em
}

.page-grzzgp-step .main .step3 .part3 .layui-input {
    letter-spacing: normal;
    display: inline-block;
    width: 25%
}

.page-grzzgp-step .main .step3 .part3 .assist-txt {
    letter-spacing: normal;
    padding: 0 4px
}

.page-grzzgp-step .main .step3 .layui-input-block.w1 {
    margin-left: 140px;
    width: 800px
}

.page-grzzgp-step .main .step3 .files-wrapper {
    padding-top: 6px;
    position: relative;
    width: 730px;
    height: 104px;
    overflow: hidden
}

.page-grzzgp-step .main .step3 .files-wrapper .upload-pics-list, .page-grzzgp-step .main .step3 .files-wrapper .btn-upload-wrapper {
    float: left
}

.page-grzzgp-step .main .step3 .pic-tips {
    letter-spacing: normal;
    display: none;
    position: relative;
    top: 5px;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-grzzgp-step .main .step3 .btn-upload-wrapper {
    margin-right: 10px;
    width: 134px;
    height: 102px;
    background: url("img/btn-upload-bg.png") center no-repeat;
    background-size: cover;
    border: 1px solid #018ce2;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden
}

.page-grzzgp-step .main .step3 .btn-upload-wrapper .upload-batch {
    display: block;
    width: 134px;
    height: 102px;
    cursor: pointer;
    color: #fff
}

.page-grzzgp-step .main .step3 .upload-pics-list {
    letter-spacing: -0.40em
}

.page-grzzgp-step .main .step3 .upload-pics-item {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 10px 5px 0;
    position: relative;
    width: 134px;
    height: 102px;
    border: 1px solid #018ce2;
    border-radius: 8px;
    text-align: center
}

.page-grzzgp-step .main .step3 .upload-pics-item img {
    width: 134px;
    height: 80px;
    vertical-align: middle;
    border-radius: 8px 8px 0 0
}

.page-grzzgp-step .main .step3 .upload-pics-item .btn-upload-del {
    position: absolute;
    z-index: 100;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url("img/btn-del-x1.png") center no-repeat;
    text-indent: -99999px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 14px
}

.page-grzzgp-step .main .step3 .upload-pics-item .btn-cover {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #018ce2;
    font-size: 14px;
    cursor: pointer
}

.page-grzzgp-step .main .step3 .upload-pics-item .btn-cover:before {
    content: '设置封面'
}

.page-grzzgp-step .main .step3 .upload-pics-item .btn-cover.iscover {
    display: none
}

.page-grzzgp-step .main .step3 .upload-pics-item .btn-cover.iscover:before {
    content: '取消封面';
    color: #ed1a33
}

.page-grzzgp-step .main .step4 .tips-results-wrap {
    padding: 30px 0;
    text-align: center
}

.page-grzzgp-step .main .step4 .tips-results-wrap .result-success {
    margin: 0 auto;
    width: 126px;
    height: 126px;
    background: url("img/grzzgp-step-resultlogo.png") no-repeat center
}

.page-grzzgp-step .main .step4 .tips-results-wrap .result-success.repeal {
    width: 78px;
    height: 92px;
    background-image: url("img/grzzgp-step-resultlogo-repeal.png")
}

.page-grzzgp-step .main .step4 .tips-results-wrap .txt {
    padding-top: 10px;
    color: #09b507;
    font-size: 18px;
    line-height: 1.2
}

.page-grzzgp-step .main .step4 .code-list-wrap {
    padding: 8px 0 60px
}

.page-grzzgp-step .main .step4 .code-list-wrap ul {
    letter-spacing: -0.41em;
    margin-left: -30px;
    text-align: center
}

.page-grzzgp-step .main .step4 .code-list-wrap ul li {
    display: inline-block;
    letter-spacing: normal;
    margin-left: 30px;
    padding-bottom: 35px;
    width: 320px;
    text-align: center
}

.page-grzzgp-step .main .step4 .code-list-wrap ul li .hd {
    padding-bottom: 15px;
    color: #999;
    font-size: 18px;
    line-height: 1.2
}

.page-grzzgp-step .main .step4 .code-list-wrap ul li .hd .code {
    color: #333
}

.page-grzzgp-step .main .step4 .code-list-wrap ul li img {
    display: block;
    margin: 0 auto;
    width: 115px;
    height: 115px
}

.page-grzzgp-step .main .step4 .code-list-wrap ul li .desc {
    display: block;
    margin: 5px auto;
    width: 12em;
    height: 36px;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-grzzgp-step .main .step4 .code-list-wrap ul li .desc:hover {
    color: #018ce2;
    text-decoration: underline
}

.content-padding {
    padding-bottom: 20px !important
}

.page-gfzg .mainbox {
    position: relative;
    width: 100%;
    min-height: 806px
}

.page-gfzg .mainbox.fullbg {
    background: #fefefe url("img/grzzgp-step-fullbg.png") no-repeat bottom;
    background-size: cover
}

.page-gfzg .mainbox .step .tips-results-wrap {
    padding: 30px 0;
    text-align: center
}

.page-gfzg .mainbox .step .tips-results-wrap .result-success {
    margin: 0 auto;
    width: 126px;
    height: 126px;
    background: url("img/grzzgp-step-resultlogo.png") no-repeat center
}

.page-gfzg .mainbox .step .tips-results-wrap .result-success.repeal {
    width: 78px;
    height: 92px;
    background-image: url("img/grzzgp-step-resultlogo-repeal.png")
}

.page-gfzg .mainbox .step .tips-results-wrap .txt {
    padding-top: 10px;
    color: #09b507;
    font-size: 18px;
    line-height: 1.2
}

.page-gfzg .mainbox .step .tips-results-wrap .txt-2 {
    padding-top: 10px;
    color: #999;
    font-size: 16px;
    line-height: 1.2
}

.page-gfzg .mainbox .step .tips-results-wrap .apply-num {
    color: #999;
    font-size: 14px;
    line-height: 45px
}

.page-gfzg .mainbox .step .tips-results-wrap .apply-num em {
    color: #000
}

.page-gfzg .warpper .step-hd, .page-gfzg .warpper .step-hd-short {
    padding: 30px 0;
    text-align: center
}

.page-gfzg .warpper .step-hd .cn, .page-gfzg .warpper .step-hd-short .cn {
    height: 24px;
    color: #333;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold
}

.page-gfzg .warpper .step-hd .cn .txt, .page-gfzg .warpper .step-hd-short .cn .txt {
    letter-spacing: 5px
}

.page-gfzg .warpper .step-hd .cn .icon, .page-gfzg .warpper .step-hd-short .cn .icon {
    display: inline-block;
    width: 54px;
    height: 14px;
    background: url("img/grzzgp-step-hd-left.png") no-repeat center
}

.page-gfzg .warpper .step-hd .cn .icon.right, .page-gfzg .warpper .step-hd-short .cn .icon.right {
    background-image: url("img/grzzgp-step-hd-right.png");
    margin-left: -5px
}

.page-gfzg .warpper .step-hd .en, .page-gfzg .warpper .step-hd-short .en {
    padding: 5px 0;
    color: #999;
    font-size: 12px;
    line-height: 1.5
}

.page-gfzg .warpper .step-hd-short {
    padding: 10px 0
}

.form-bg-shadow {
    margin: 0 auto;
    padding: 25px 0px;
    background-color: #fff
}

.form-nomargin-shadow {
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 0 10px #d1d2d3
}

.form-bg-width {
    width: 630px
}

.content-form .form-submit th {
    font-size: 15px;
    width: 110px;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 5px
}

.content-form .form-submit th, .content-form .form-submit td {
    line-height: 50px;
    font-family: 'microsoft yahei', 'sans-serif', '宋体';
    color: #000;
    font-size: 15px
}

.content-form .form-submit .select-t {
    width: 200px;
    height: 35px;
    padding: 3px 0;
    border-radius: 5px;
    background-color: #f7f9fa;
    color: #000;
    border: 1px solid #e6e6e6;
    padding: 0 1px
}

.content-form .form-submit .select-t:hover, .content-form .form-submit .input-t:hover {
    border-color: #018ce2 !important
}

.content-form .form-submit .input-t {
    line-height: 33px;
    height: 33px;
    border-radius: 5px;
    background-color: #f7f9fa;
    font-size: 15px;
    color: #000;
    border: 1px solid #e6e6e6;
    padding: 0 1px
}

.content-form .select-distance {
    margin-top: 6px \0;
    padding-top: 0px \0;
    padding-top: 1px;
    float: left;
    margin-right: 5px
}

.content-form .tip_advice, .content-form .tip_validator {
    display: none;
    padding: 0px 2px;
    color: #ed1a33
}

.content-form .validator-advice {
    color: #ed1a33;
    padding: 0px 2px;
    font-size: 13px
}

.content-form .yzm {
    color: #018ce2;
    margin-left: 10px;
    background: none;
    height: 33px;
    border: none
}

.content-form .time-getcode {
    cursor: default !important;
    color: #999 !important
}

.content-form .btn-bar {
    height: 55px;
    line-height: 55px;
    text-align: center
}

.content-form .btn-bar .button {
    font-size: 18px;
    color: #fff;
    background: #018ce2;
    padding: 5px 14px;
    border: none;
    border-radius: 5px;
    font-weight: 500
}

.content-form .btn-bar .button:hover {
    background: #34a3e8
}

.content-info .form-submit th {
    font-size: 14px;
    width: 130px;
    text-align: right;
    vertical-align: middle;
    padding-right: 5px;
    color: #999;
    line-height: 25px
}

.content-info .form-submit th, .content-info .form-submit td {
    font-family: 'microsoft yahei', 'sans-serif', '宋体';
    font-size: 14px
}

.content-info .form-submit td {
    color: #333;
    line-height: 40px
}

.content-info .form-submit .select-t {
    height: 27px;
    line-height: 25px;
    border-radius: 5px;
    background-color: #f7f9fa;
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 0 1px
}

.content-info .form-submit .select-t:hover, .content-info .form-submit .input-t:hover {
    border-color: #018ce2 !important
}

.content-info .form-submit .input-t {
    line-height: 25px;
    height: 25px;
    border-radius: 5px;
    background-color: #f7f9fa;
    font-size: 14px;
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 0 2px
}

.content-info .tip_advice, .content-info .tip_validator {
    display: none;
    padding: 0px 2px;
    color: #ed1a33
}

.content-info .validator-advice {
    color: #ed1a33;
    padding: 0px 2px;
    font-size: 12px
}

.content-info .btn-bar {
    height: 55px;
    line-height: 55px;
    text-align: center
}

.content-info .btn-bar button {
    margin: 0 10px
}

.content-info .btn-bar a {
    margin: 0 10px;
    text-decoration: none
}

.content-info .btn-bar .btn-tj, .content-info .btn-bar .btn-qx {
    font-size: 16px;
    color: #fff;
    background: #018ce2;
    padding: 5px 14px;
    border: 1px solid #0075be;
    border-radius: 5px;
    font-weight: 500
}

.content-info .btn-bar .btn-qx {
    color: #666;
    border: 1px solid #c9c9c9;
    background: #e9e9e9
}

.content-info .btn-bar .btn-tj:hover, .content-info .btn-bar .btn-qx:hover {
    background: #34a3e8
}

.content-info .btn-bar .btn-qx:hover {
    background: #f6f6f6
}

.content-info .files-wrapper {
    padding: 10px 0;
    position: relative;
    height: 104px;
    overflow: hidden
}

.content-info .files-wrapper .pic-show {
    display: inline;
    float: left;
    width: 134px;
    height: 102px;
    margin-right: 10px
}

.content-info .files-wrapper .pic-show a, .content-info .files-wrapper .pic-show img {
    display: inline-block;
    width: 134px;
    height: 102px
}

.content-info .files-wrapper .upload-pics-list, .content-info .files-wrapper .btn-upload-wrapper {
    float: left
}

.content-info .pic-tips {
    letter-spacing: normal;
    display: none;
    position: relative;
    top: 5px;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.content-info .txt-tips {
    letter-spacing: normal;
    display: none;
    top: 5px;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.content-info .btn-upload-wrapper {
    margin-right: 10px;
    width: 134px;
    height: 102px;
    background: url("img/btn-upload-bg.png") center no-repeat;
    background-size: cover;
    border: 1px solid #018ce2;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden
}

.content-info .btn-upload-wrapper .upload-batch {
    display: block;
    width: 134px;
    height: 102px;
    cursor: pointer;
    color: #fff
}

.content-info .upload-pics-list {
    letter-spacing: -0.40em
}

.content-info .upload-pics-item {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 10px 5px 0;
    position: relative;
    width: 134px;
    height: 102px;
    border: 1px solid #018ce2;
    border-radius: 8px;
    text-align: center
}

.content-info .upload-pics-item img {
    width: 134px;
    height: 102px;
    vertical-align: middle;
    border-radius: 8px 8px 0 0
}

.content-info .upload-pics-item .btn-upload-del {
    position: absolute;
    z-index: 100;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url("img/btn-del-x1.png") center no-repeat;
    text-indent: -99999px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 14px
}

.error {
    width: 600px;
    margin: 20px auto;
    text-align: center
}

.error .img {
    width: 259px;
    height: 265px;
    text-align: center;
    margin: 0px auto
}

.error p {
    line-height: 34px;
    height: 34px;
    color: #303030;
    font-size: 16px
}

.gp-phb {
    display: inline;
    float: left;
    width: 530px
}

.gp-phb.left {
    margin-right: 20px
}

.gp-phb.right {
    margin-left: 20px
}

.gp-phb h4 {
    font-size: 22px;
    line-height: 24px;
    color: #333;
    font-weight: bold;
    margin: 20px 0 20px 20px
}

.gp-phb .gp-phb-list ul {
    min-height: 160px
}

.gp-phb .gp-phb-list ul li {
    line-height: 32px;
    height: 32px;
    text-align: center;
    color: #383838;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #f8f9fb
}

.gp-phb .gp-phb-list ul li span {
    display: inline-block
}

.gp-phb .gp-phb-list ul li span.blue {
    color: #1B88E7
}

.gp-phb .gp-phb-list ul li .w1 {
    display: inline;
    float: left;
    width: 70px
}

.gp-phb .gp-phb-list ul li .w2 {
    display: inline;
    float: left;
    width: 90px;
    text-align: right;
    padding-right: 20px
}

.gp-phb .gp-phb-list ul li .w3 {
    display: inline;
    float: left;
    width: 340px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gp-phb .gp-phb-list ul li:nth-child(odd) {
    background-color: #f8f9fb
}

.gp-phb .gp-phb-list ul li:nth-child(even) {
    background-color: #fff
}

.jgry-search {
    width: 1020px
}

.jgry-search-bg {
    width: 1020px;
    min-height: 600px;
    background: url(img/jgry-search-bg.jpg) left 0 repeat-y
}

.jgry-search-column {
    display: inline;
    float: left;
    width: 191px
}

.jgry-search-column ul li {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #dcdfe6
}

.jgry-search-column ul li a {
    display: block;
    height: 44px;
    text-decoration: none;
    font-size: 14px
}

.jgry-search-column ul li a span {
    display: block;
    margin-left: 15px
}

.jgry-search-column ul li a span.jg-icon {
    background: url(img/jg-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a span.fdc-icon {
    background: url(img/fdc-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a span.wy-icon {
    background: url(img/wy-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a span.ch-icon {
    background: url(img/ch-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a span.pg-icon {
    background: url(img/pg-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a span.jr-icon {
    background: url(img/jr-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a span.phb_red_jg {
    background: url(img/phb-Rjg-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a span.phb_black_jg {
    background: url(img/phb-Bjg-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a span.phb_red_ry {
    background: url(img/phb-Rry-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a span.phb_black_ry {
    background: url(img/phb-Bry-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-column ul li a:hover {
    display: block;
    height: 44px;
    text-decoration: none;
    font-size: 14px;
    color: #666;
    background: url(img/jgry-search-ico.png) left 0 no-repeat
}

.jgry-search-column ul li.on {
    background: url(img/jgry-search-ico.png) -1px 0 no-repeat
}

.jgry-search-content {
    display: inline;
    float: left;
    width: 829px
}

.jgry-search-content dt {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #dcdfe6
}

.jgry-search-content dt h5 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: center
}

.jgry-search-content dt span {
    display: block;
    display: inline;
    float: left;
    width: 50%;
    text-align: center
}

.jgry-search-content dt a {
    display: inline-block;
    font-size: 16px;
    color: #333;
    height: 44px;
    line-height: 44px;
    text-decoration: none
}

.jgry-search-content dt a.on {
    background: url(img/jgry-search-title.png) 0 bottom no-repeat;
    color: #018ce2
}

.jgry-search-content dt a:hover {
    background: url(img/jgry-search-title.png) 0 bottom no-repeat;
    color: #018ce2
}

.jgry-search-content dd {
    padding: 30px
}

.jgry-search-content dd .form-submit th {
    font-size: 15px;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 5px;
    color: #333
}

.jgry-search-content dd .form-submit td {
    text-align: left;
    color: #000
}

.jgry-search-content dd .form-submit th, .jgry-search-content dd .form-submit td {
    line-height: 50px;
    font-family: 'microsoft yahei', 'sans-serif', '宋体';
    font-size: 15px
}

.jgry-search-content dd .form-submit .select-t {
    width: 200px;
    height: 27px;
    line-height: 25px;
    border-radius: 5px;
    background-color: #f7f9fa;
    color: #000;
    border: 1px solid #e6e6e6;
    padding: 0 1px
}

.jgry-search-content dd .form-submit .select-t:hover, .jgry-search-content dd .form-submit .input-t:hover {
    border-color: #018ce2 !important
}

.jgry-search-content dd .form-submit .input-t {
    line-height: 25px;
    height: 25px;
    border-radius: 5px;
    background-color: #f7f9fa;
    font-size: 15px;
    color: #000;
    border: 1px solid #e6e6e6;
    padding: 0 1px
}

.jgry-search-content dd .form-submit .btn {
    font-size: 16px;
    color: white;
    background: #018ce2;
    height: 27px;
    line-height: 27px;
    width: 80px;
    border: 1px solid #0075be;
    border-radius: 5px;
    font-weight: 500
}

.jgry-search-content .search-table .table .w1 {
    width: 55px
}

.jgry-search-content .search-table .table .w2 {
    width: 90px
}

.jgry-search-content .search-table .table .w3 {
    width: 70px
}

.jgry-search-content .search-table .table th, .jgry-search-content .search-table .table td {
    border: 1px solid #dcdfe6;
    height: 38px;
    line-height: 24px
}

.jgry-search-content .search-table .table td {
    text-align: left;
    padding: 0 5px;
    font-size: 14px;
    color: #666;
    text-align: center
}

.jgry-search-content .search-table .table a {
    color: #018ce2
}

.jgry-search-content .search-table .table tbody tr:hover {
    background: #f2f2f2
}

.jgry-search-content .search-table .table thead {
    background: #c0c4cc;
    height: 38px
}

.jgry-search-content .search-table .table thead th {
    text-align: center;
    font-size: 16px;
    color: #fff
}

.jgry-search-content .jgry-phb {
    margin-top: -30px
}

.jgry-search-content .jgry-phb ul li {
    border-bottom: 1px solid #dcdfe6;
    padding: 15px 0
}

.jgry-search-content .jgry-phb ul li i {
    display: block;
    display: inline;
    float: left;
    width: 40px;
    font-size: 30px;
    margin-top: -6px;
    color: #ddd;
    vertical-align: text-top;
    font-family: Arial, Helvetica, sans-serif
}

.jgry-search-content .jgry-phb ul li .jgry-phb-info {
    display: inline;
    float: left;
    width: 720px
}

.jgry-search-content .jgry-phb ul li .jgry-phb-info h5 {
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.jgry-search-content .jgry-phb ul li .jgry-phb-info h5.name {
    background: url(img/phb-name-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-content .jgry-phb ul li .jgry-phb-info h5.type {
    background: url(img/phb-type-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-content .jgry-phb ul li .jgry-phb-info p {
    font-size: 12px;
    color: #999;
    line-height: 22px;
    word-break: break-all
}

.jgry-search-content .jgry-phb-pic {
    margin-top: -30px
}

.jgry-search-content .jgry-phb-pic ul li {
    border-bottom: 1px solid #dcdfe6;
    padding: 15px 0
}

.jgry-search-content .jgry-phb-pic ul li i {
    display: block;
    display: inline;
    float: left;
    width: 40px;
    font-size: 30px;
    color: #ddd;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 30px
}

.jgry-search-content .jgry-phb-pic ul li .img {
    display: inline;
    float: left;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: url(img/tx-default.png) no-repeat
}

.jgry-search-content .jgry-phb-pic ul li .jgry-phb-info {
    margin: 10px 0 0 20px;
    display: inline;
    float: left;
    width: 590px
}

.jgry-search-content .jgry-phb-pic ul li .jgry-phb-info h5 {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px
}

.jgry-search-content .jgry-phb-pic ul li .jgry-phb-info h5.name {
    background: url(img/phb-Rname-icon.png.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-content .jgry-phb-pic ul li .jgry-phb-info h5.type {
    background: url(img/phb-type-icon.png) left center no-repeat;
    padding: 0 0 0 20px
}

.jgry-search-content .jgry-phb-pic ul li .jgry-phb-info p {
    font-size: 12px;
    color: #999;
    line-height: 22px
}

.jgry-detail-content dt {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #dcdfe6
}

.jgry-detail-content dt span {
    display: block;
    display: inline;
    float: left;
    width: 50%;
    text-align: center
}

.jgry-detail-content dt a {
    display: inline-block;
    font-size: 16px;
    color: #333;
    height: 44px;
    line-height: 44px;
    text-decoration: none
}

.jgry-detail-content dt a.on {
    background: url(img/jgry-search-title.png) 0 bottom no-repeat;
    color: #018ce2
}

.jgry-detail-content dt a:hover {
    background: url(img/jgry-search-title.png) 0 bottom no-repeat;
    color: #018ce2
}

.jgry-detail-content dd {
    padding: 30px
}

.jgry-detail-content dd p {
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px
}

.jgry-detail-content dd p span {
    padding-right: 60px;
    color: #333
}

.jgry-detail-content dd p span i {
    color: #999
}

.jgry-detail-content dd .form-submit th {
    font-size: 15px;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 5px;
    color: #333
}

.jgry-detail-content dd .form-submit td {
    text-align: left;
    color: #000
}

.jgry-detail-content dd .form-submit th, .jgry-detail-content dd .form-submit td {
    line-height: 50px;
    font-family: 'microsoft yahei', 'sans-serif', '宋体';
    font-size: 15px
}

.jgry-detail-content dd .form-submit .select-t {
    width: 200px;
    height: 27px;
    line-height: 25px;
    border-radius: 5px;
    background-color: #f7f9fa;
    color: #000;
    border: 1px solid #e6e6e6;
    padding: 0 1px
}

.jgry-detail-content dd .form-submit .select-t:hover, .jgry-detail-content dd .form-submit .input-t:hover {
    border-color: #018ce2 !important
}

.jgry-detail-content dd .form-submit .input-t {
    line-height: 25px;
    height: 25px;
    border-radius: 5px;
    background-color: #f7f9fa;
    font-size: 15px;
    color: #000;
    border: 1px solid #e6e6e6;
    padding: 0 1px
}

.jgry-detail-content dd .form-submit .btn {
    font-size: 16px;
    color: white;
    background: #018ce2;
    padding: 3px 20px;
    border: 1px solid #0075be;
    border-radius: 5px;
    font-weight: 500
}

.jgry-detail-content .search-table .table .w1 {
    width: 55px
}

.jgry-detail-content .search-table .table .w2 {
    width: 90px
}

.jgry-detail-content .search-table .table .w3 {
    width: 70px
}

.jgry-detail-content .search-table .table .w4 {
    width: 110px
}

.jgry-detail-content .search-table .table th, .jgry-detail-content .search-table .table td {
    border: 1px solid #dcdfe6;
    height: 38px;
    line-height: 24px
}

.jgry-detail-content .search-table .table td {
    text-align: left;
    padding: 0 5px;
    font-size: 14px;
    color: #666;
    text-align: center
}

.jgry-detail-content .search-table .table a {
    color: #018ce2
}

.jgry-detail-content .search-table .table tbody tr:hover {
    background: #f2f2f2
}

.jgry-detail-content .search-table .table thead {
    background: #c0c4cc;
    height: 38px
}

.jgry-detail-content .search-table .table thead th {
    text-align: center;
    font-size: 16px;
    color: #fff
}

.jgry-detail-content .qy-info div {
    margin-bottom: 20px
}

.jgry-detail-content .qy-info h4 {
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.jgry-detail-content .qy-info p {
    font-weight: normal;
    font-size: 14px;
    color: #7a7a7a;
    line-height: 24px;
    margin-bottom: 0
}

.jgry-detail-content .qy-info p a, .jgry-detail-content .qy-info p a:hover {
    color: #018ce2
}

.jgry-info .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #018ce2
}

.jgry-info .layui-laypage .layui-laypage-spr {
    background-color: #f8f9fb;
    border: none
}

.jgry-info .layui-laypage a, .jgry-info .layui-laypage span {
    padding: 0 10px;
    margin: 0 -1px 5px 10px;
    background-color: #ddd;
    color: #666
}

.jgry-info .layui-laypage-btn {
    color: #018ce2;
    border: none;
    background-color: #fff;
    font-size: 14px;
    margin-left: -10px;
    letter-spacing: normal
}

.jgry-info .layui-laypage .layui-laypage-skip {
    color: #f8f9fb;
    background-color: #fff;
    letter-spacing: -1.5em
}

.jgry-info .layui-laypage input:focus, .jgry-info .layui-laypage select:focus {
    border-color: #018ce2 !important
}

.gfzg-userinfo h2 {
    text-align: center;
    font-size: 18px;
    color: #333
}

.gfzg-userinfo h3 {
    font-size: 14px;
    color: #333;
    height: 35px;
    line-height: 35px
}

.gfzg-userinfo p {
    font-size: 14px;
    color: #999;
    text-indent: 2em;
    line-height: 22px
}

.gfzg-userinfo .btn-bar {
    margin: 10px auto;
    text-align: center
}

.gfzg-userinfo .agree-btn {
    padding: 8px 10px;
    background: #018ce2;
    font-size: 16px;
    color: #fff;
    border: none;
    border-radius: 5px
}

.gfzg-userinfo a {
    text-decoration: none
}

.gfzg-list td a {
    padding: 0 4px
}

.gfzg-list td a.red:hover {
    color: #ed1a33 !important
}

.gfzg-list td a.blue {
    color: #018ce2 !important
}

.right-add-btn {
    margin: 0px 0 10px;
    text-align: right;
    float: right;
    padding: 5px 8px;
    background: #018ce2;
    font-size: 14px;
    color: white;
    border: none;
    border-radius: 5px;
    box-shadow: 0 3px 10px #d1d2d3;
    color: #fff
}

.right-add-btn:hover {
    color: #fff;
    text-decoration: underline
}

.page-online-signup .custom-tips {
    display: none;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: -23px;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-online-signup .input-error + .custom-tips {
    display: block
}

.page-online-signup .input-tips {
    display: none
}

.page-online-signup .validator-advice {
    display: block;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 100%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-online-signup .layui-form-item {
    margin-bottom: 20px
}

.page-online-signup .layui-input.input-error {
    border-color: #ed1a33
}

.page-online-signup .layui-btn-container.btn-center {
    padding: 25px 0 0;
    text-align: center
}

.page-online-signup .mainbox {
    padding-bottom: 70px;
    position: relative;
    width: 100%;
    min-height: 736px
}

.page-online-signup .mainbox.fullbg {
    background: #fefefe url("img/grzzgp-step-fullbg.png") no-repeat bottom;
    background-size: cover
}

.page-online-signup .dialog-search-1 {
    display: block;
    padding: 20px;
    width: 500px;
    background-color: #fff
}

.page-online-signup .dialog-search-1 .layui-form-item {
    margin-bottom: 20px
}

.page-online-signup .dialog-search-1 .layui-form-label {
    padding: 8px 0;
    width: 240px;
    border: none;
    background: #fff;
    color: #333;
    font-size: 16px;
    line-height: 20px
}

.page-online-signup .dialog-search-1 .layui-form-label .txt {
    padding-right: 10px
}

.page-online-signup .dialog-search-1 .layui-input-block {
    margin-left: 240px
}

.page-online-signup .dialog-search-1 .layui-form-radio {
    margin: 0;
    line-height: 18px
}

.page-online-signup .dialog-search-1 .layui-form-radio * {
    font-size: 16px
}

.page-online-signup .dialog-edit-info {
    display: block;
    padding: 20px 0
}

.page-online-signup .dialog-edit-info .layui-form-label {
    padding: 5px 10px;
    width: 7em;
    text-align: right;
    color: #666;
    font-size: 14px
}

.page-online-signup .dialog-edit-info .layui-form-label.pics-label {
    line-height: 100px
}

.page-online-signup .dialog-edit-info .layui-form-item .layui-input-inline {
    width: 250px
}

.page-online-signup .dialog-edit-info .layui-form-item .layui-input-inline.w1 {
    width: 650px
}

.page-online-signup .dialog-edit-info .prov-city-country .layui-col-xs3 {
    margin-right: 10px;
    width: 200px
}

.page-online-signup .dialog-edit-info .layui-input {
    color: #333;
    height: 30px;
    line-height: 30px
}

.page-online-signup .dialog-edit-info .files-wrapper {
    padding-top: 6px;
    position: relative;
    width: 164px;
    height: 104px;
    overflow: hidden
}

.page-online-signup .dialog-edit-info .files-wrapper .upload-pics-list, .page-online-signup .dialog-edit-info .files-wrapper .btn-upload-wrapper {
    float: left
}

.page-online-signup .dialog-edit-info .pic-tips {
    letter-spacing: normal;
    display: none;
    position: relative;
    top: 5px;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-online-signup .dialog-edit-info .btn-upload-wrapper {
    margin-right: 10px;
    width: 154px;
    height: 102px;
    background: url("img/btn-upload-bg-x2.png") center no-repeat;
    background-size: cover;
    border: 1px solid #018ce2;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden
}

.page-online-signup .dialog-edit-info .btn-upload-wrapper .upload-batch {
    display: block;
    width: 154px;
    height: 102px;
    cursor: pointer;
    color: #fff
}

.page-online-signup .dialog-edit-info .upload-pics-list {
    letter-spacing: -0.40em
}

.page-online-signup .dialog-edit-info .upload-pics-item {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 10px 5px 0;
    position: relative;
    width: 154px;
    height: 102px;
    border: 1px solid #018ce2;
    border-radius: 8px;
    text-align: center
}

.page-online-signup .dialog-edit-info .upload-pics-item img {
    width: 154px;
    height: 102px;
    vertical-align: middle;
    border-radius: 8px 8px 0 0
}

.page-online-signup .dialog-edit-info .upload-pics-item .btn-upload-del {
    position: absolute;
    z-index: 100;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url("img/btn-del-x1.png") center no-repeat;
    text-indent: -99999px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 14px
}

.page-online-signup .dialog-edit-info .upload-pics-item .btn-cover {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #018ce2;
    font-size: 14px;
    cursor: pointer
}

.page-online-signup .dialog-edit-info .upload-pics-item .btn-cover:before {
    content: '设置封面'
}

.page-online-signup .dialog-edit-info .upload-pics-item .btn-cover.iscover {
    display: none
}

.page-online-signup .dialog-edit-info .upload-pics-item .btn-cover.iscover:before {
    content: '取消封面';
    color: #ed1a33
}

.page-online-signup .main .step-hd, .page-online-signup .main .page-gfzg .warpper .step-hd-short, .page-gfzg .warpper .page-online-signup .main .step-hd-short {
    padding: 30px 0;
    text-align: center
}

.page-online-signup .main .step-hd .cn, .page-online-signup .main .page-gfzg .warpper .step-hd-short .cn, .page-gfzg .warpper .page-online-signup .main .step-hd-short .cn {
    height: 24px;
    color: #333;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold
}

.page-online-signup .main .step-hd .cn .txt, .page-online-signup .main .page-gfzg .warpper .step-hd-short .cn .txt, .page-gfzg .warpper .page-online-signup .main .step-hd-short .cn .txt {
    letter-spacing: 5px
}

.page-online-signup .main .step-hd .cn .icon, .page-online-signup .main .page-gfzg .warpper .step-hd-short .cn .icon, .page-gfzg .warpper .page-online-signup .main .step-hd-short .cn .icon {
    display: inline-block;
    width: 54px;
    height: 14px;
    background: url("img/grzzgp-step-hd-left.png") no-repeat center
}

.page-online-signup .main .step-hd .cn .icon.right, .page-online-signup .main .page-gfzg .warpper .step-hd-short .cn .icon.right, .page-gfzg .warpper .page-online-signup .main .step-hd-short .cn .icon.right {
    background-image: url("img/grzzgp-step-hd-right.png");
    margin-left: -5px
}

.page-online-signup .main .step-hd .en, .page-online-signup .main .page-gfzg .warpper .step-hd-short .en, .page-gfzg .warpper .page-online-signup .main .step-hd-short .en {
    padding: 5px 0;
    color: #999;
    font-size: 12px;
    line-height: 1.5
}

.page-online-signup .main .form-wrapper {
    margin: 15px auto 0;
    padding: 25px 50px;
    width: 600px;
    box-sizing: border-box;
    background-color: #fff
}

.page-online-signup .main .step1 {
    padding-top: 100px
}

.page-online-signup .main .step1 .form-wrapper {
    padding: 25px 50px;
    width: 440px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px
}

.page-online-signup .main .step1 .layui-form-item {
    margin-bottom: 10px
}

.page-online-signup .main .step1 .validator-advice {
    top: -24px
}

.page-online-signup .main .step1 .layui-input.validator-invalid {
    border-color: #E0294D !important
}

.page-online-signup .main .step1 .layui-form-label {
    float: none;
    padding: 8px 0;
    width: 240px;
    border: none;
    background: #fff;
    text-align: left;
    color: #333;
    font-size: 16px;
    line-height: 20px
}

.page-online-signup .main .step1 .layui-form-label.special {
    margin-bottom: 8px
}

.page-online-signup .main .step1 .layui-form-label .txt {
    padding-right: 10px
}

.page-online-signup .main .step1 .layui-input-block {
    margin-left: 0
}

.page-online-signup .main .step1 .layui-form-radio {
    margin: 0;
    line-height: 18px
}

.page-online-signup .main .step1 .layui-form-radio * {
    font-size: 16px
}

.page-online-signup .main .step2 {
    margin: 0;
    padding: 0
}

.page-online-signup .main .step2 .layui-table-theme-gray .layui-input {
    height: 28px;
    line-height: 28px;
    background: #fff;
    border: none;
    font-size: 12px
}

.page-online-signup .main .step2 .mod-part {
    padding-top: 20px
}

.page-online-signup .main .step2 .hr-field-title {
    padding: 10px 0;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold
}

.page-online-signup .main .step2 .hr-field-title .other-wrap {
    float: right;
    font-size: 14px;
    font-weight: normal
}

.page-online-signup .main .step2 .hr-field-title .other-wrap .layui-btn-primary {
    color: #1B88E7;
    border-color: #1B88E7
}

.page-online-signup .main .step2 .hr-field-title .other-wrap input {
    padding-left: 10px;
    color: #333;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background-color: #f7f9fa
}

.page-online-signup .main .step2 .deal-info .fm-mark {
    text-align: center;
    color: #666;
    font-size: 12px
}

.page-online-signup .main .step2 .deal-info .layui-form-label {
    padding: 5px 10px;
    width: 120px;
    text-align: right;
    color: #666;
    font-size: 14px
}

.page-online-signup .main .step2 .deal-info .layui-form-label.pics-label {
    line-height: 100px
}

.page-online-signup .main .step2 .deal-info .layui-form-item .layui-input-inline {
    width: 250px
}

.page-online-signup .main .step2 .deal-info .layui-input {
    color: #333;
    height: 30px;
    line-height: 30px
}

.page-online-signup .main .step2 .deal-info .layui-disabled {
    background-color: #fff;
    border: none;
    color: #333 !important
}

.page-online-signup .main .step2 .deal-info .input-unit-percent {
    display: block;
    position: absolute;
    left: 102%;
    top: 0;
    text-align: left;
    font-size: 14px;
    color: #333;
    height: 30px;
    line-height: 30px
}

.page-online-signup .main .step2 .deal-info .btn-group-wrapper {
    position: absolute;
    right: 120px;
    height: 30px;
    font-size: 14px;
    line-height: 30px
}

.page-online-signup .main .step2 .deal-info .btn-group-wrapper a.red {
    color: #ed1a33
}

.page-online-signup .main .step2 .deal-info .btn-group-wrapper a.blue {
    color: #018ce2
}

.page-online-signup .main .step2 .deal-info .btn-group-wrapper a + a {
    margin-left: 5px
}

.page-online-signup .main .step2 .tbl-wrapper {
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

.page-online-signup .main .step3 .hd-title {
    padding: 10px 0;
    font-size: 18px;
    line-height: 26px
}

.page-online-signup .main .step3 .hd-desc {
    padding-bottom: 10px;
    color: #999;
    font-size: 14px
}

.page-online-signup .main .step3 .contract-wrap {
    margin: 15px auto 0;
    padding: 25px 50px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 10px #d1d2d3
}

.page-online-signup .main .step3 .contract-wrap .contract-tpl {
    height: 1200px
}

.detail-tab .default {
    background: url(img/radio-ico.png) left 0px no-repeat;
    cursor: pointer;
    background-size: 20px;
    white-space: nowrap;
    padding: 0 0 0 20px
}

.detail-tab .on {
    background: url(img/radio-ico.png) left -46px no-repeat;
    cursor: pointer;
    background-size: 20px;
    white-space: nowrap;
    padding: 0 0 0 20px
}

.form-info-write dt {
    font-size: 22px;
    color: #333;
    line-height: 35px;
    font-weight: bold;
    text-align: left
}

.form-info-write dt a, .form-info-write dt input {
    display: inline;
    float: right;
    color: #018ce2;
    font-size: 14px !important
}

.form-info-write dt input {
    background: none;
    border: 0;
    cursor: pointer
}

.form-info-write dt input:disabled {
    color: #ccc
}

.form-info-write dd {
    margin: 10px 0;
    text-align: left
}

.form-info-write dd .progress-step {
    line-height: 22px;
    font-size: 14px;
    color: #999
}

.map-container {
    position: absolute !important;
    top: 120px;
    right: 0;
    bottom: 0;
    left: 0
}

.map-container .overlay i {
    font-style: normal
}

.map-container .overlay .line {
    display: block
}

.map-container .area-overlay a {
    display: block;
    padding: 24px 0 0;
    width: 75px;
    height: 51px;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    background: url("img/map-bg.png") 0 0 no-repeat;
    text-decoration: none
}

.map-container .area-overlay a:hover, .map-container .area-overlay a.on {
    background-position: -85px 0
}

.map-container .community-overlay a {
    display: block;
    position: relative;
    height: 25px;
    line-height: 25px;
    background: #3d444e;
    padding: 0 10px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 200
}

.map-container .community-overlay a .angle {
    position: absolute;
    left: 10px;
    top: 25px;
    width: 15px;
    height: 10px;
    background: url("img/mpjt.png") 0 0 no-repeat
}

.map-container .community-overlay a em {
    padding-left: 0.8em;
    display: none
}

.map-container .community-overlay a:hover, .map-container .community-overlay a.on {
    background: #ff7400
}

.map-container .community-overlay a:hover .angle, .map-container .community-overlay a.on .angle {
    background: url("img/mpjt-on.png") 0 0 no-repeat
}

.map-container .community-overlay a:hover em, .map-container .community-overlay a.on em {
    display: inline-block
}

.page-map-housing {
    font-family: "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "微软雅黑", 'Segoe UI', Tahoma, "宋体b8b\4f53", SimSun, sans-serif
}

.page-map-housing .header-outter {
    position: relative;
    z-index: 9
}

.page-map-housing .houseList {
    width: 438px;
    height: 100%;
    padding-top: 121px;
    box-sizing: border-box;
    position: absolute;
    z-index: 5;
    top: 0;
    left: -438px;
    background-color: #fff;
    transition: left .5s;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -o-transition: left .5s
}

.page-map-housing .houseList .close_list {
    position: absolute;
    right: -40px;
    background-color: #fff;
    display: none;
    width: 40px;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translateY(23px);
    -moz-transform: translateY(23px);
    -o-transform: translateY(23px);
    transform: translateY(23px);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    z-index: 1
}

.page-map-housing .houseList.active {
    left: 0
}

.page-map-housing .houseList.active .close_list {
    display: block
}

.page-map-housing .houseList.active .close_list .icon_close_houselist {
    background-position: -180px 0
}

.page-map-housing .houseList .agent_info {
    border-bottom: 1px solid #eee;
    padding: 0 20px 12px 20px;
    color: #4a4a4a;
    overflow: hidden
}

.page-map-housing .houseList .agent_info .resblock_name {
    color: #333;
    font-size: 22px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin: 20px 0 10px 0;
    display: block
}

.page-map-housing .houseList .agent_info .resblock_name:hover {
    text-decoration: none
}

.page-map-housing .houseList .agent_info .resblock_info {
    float: left;
    width: 49.9%
}

.page-map-housing .houseList .agent_info .resblock_info p {
    color: #666;
    font-size: 12px;
    margin-bottom: 4px;
    vertical-align: bottom
}

.page-map-housing .houseList .agent_info .resblock_info p .dot {
    font-size: 18px;
    vertical-align: middle;
    line-height: 15px;
    margin: -1px -1px 0 -1px
}

.page-map-housing .houseList .agent_info .resblock_info p .big {
    font-size: 16px;
    color: #4a4a4a;
    vertical-align: 1px;
    font-weight: bold
}

.page-map-housing .houseList .agent_info .resblock_info.right {
    margin-top: 2px
}

.page-map-housing .houseList .agent_info .resblock_info.right .agent_img {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 40px;
    overflow: hidden;
    margin-top: 2px
}

.page-map-housing .houseList .agent_info .resblock_info.right .agent_img img {
    width: 100%;
    height: 100%
}

.page-map-housing .houseList .agent_info .resblock_info.right .agent_name, .page-map-housing .houseList .agent_info .resblock_info.right .agent_phone {
    margin-bottom: 2px;
    margin-left: 50px
}

.page-map-housing .houseList .agent_info .resblock_info.right .agent_name {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px
}

.page-map-housing .houseList .agent_info .resblock_info.right .agent_name .new-talk {
    width: 46px;
    height: 18px;
    box-sizing: border-box;
    text-align: center;
    color: #4285f4;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    background: none;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid;
    padding: 2px;
    margin-left: 10px
}

.page-map-housing .houseList .agent_info .resblock_info.right .agent_phone {
    color: #DB4D3F;
    font-size: 13px;
    font-weight: bold
}

.page-map-housing .house_list_top {
    padding: 14px 24px 0 24px
}

.page-map-housing .house_list_top .black {
    color: #333;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.page-map-housing .house_list_top .black .green {
    color: #00a75b;
    margin: 0 3px
}

.page-map-housing .house_list_top .sort_group {
    overflow-x: hidden;
    font-size: 12px;
    margin-top: 3px
}

.page-map-housing .house_list_top .sort_group a {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 20px;
    cursor: pointer
}

.page-map-housing .house_list_top .sort_group a:hover {
    text-decoration: none
}

.page-map-housing .house_list_top .sort_group a.active {
    font-weight: bold;
    color: #00a75b;
    border-bottom: 2px solid #00a75b
}

.page-map-housing .r-content {
    position: relative;
    z-index: 2;
    background: #fff;
    height: 100%;
    overflow: hidden
}

.page-map-housing .r-content .wrapped_div_scroll {
    height: 100%;
    position: absolute;
    width: 15px;
    right: 0;
    background-color: #fff
}

.page-map-housing .r-content .wrapped_div {
    height: 100%;
    margin-top: 15px;
    padding-bottom: 200px;
    box-sizing: border-box;
    overflow: auto
}

.page-map-housing .r-content .wrapped_div > li {
    width: 393px;
    margin: 20px 24px;
    border-bottom: 1px solid #eee;
    clear: both;
    min-height: 120px
}

.page-map-housing .r-content .wrapped_div > li:first-child {
    margin-top: 0;
    padding-top: 5px
}

.page-map-housing .r-content .wrapped_div > li > a {
    display: block
}

.page-map-housing .r-content .wrapped_div > li > a:hover {
    text-decoration: none
}

.page-map-housing .r-content .wrapped_div > li .content__item__aside {
    float: left;
    width: 136px;
    height: 100px;
    margin-bottom: 20px;
    background: url("img/onerror.png") center no-repeat;
    background-size: cover
}

.page-map-housing .r-content .wrapped_div > li .content__item__main {
    margin-left: 152px;
    padding-top: 1px
}

.page-map-housing .r-content .wrapped_div > li .content__item__main .content__item__bottom {
    margin-top: -7px;
    font-family: tahoma;
    font-weight: bold;
    font-size: 20px;
    color: #DF1E1E
}

.page-map-housing .r-content .wrapped_div > li .content__item__main .content__item__bottom span {
    font-size: 14px;
    vertical-align: 1px
}

.page-map-housing .r-content .wrapped_div > li .content__item__main .content__item__title {
    font-size: 13px;
    font-weight: bold;
    color: #4a4a4a;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-map-housing .r-content .wrapped_div > li .content__item__main .content__item__content {
    font-size: 12px;
    color: #666;
    margin-top: -3px
}

.page-map-housing .r-content .wrapped_div > li .content__item__main .content__item__tag--wrapper {
    margin-top: 13px;
    margin-bottom: 16px
}

.page-map-housing .tags {
    margin-top: 12px
}

.page-map-housing .tags .tag {
    display: inline-block;
    padding: 0 4px;
    background-color: #f4f7f9;
    color: #849aae;
    margin-right: 3px;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 4px
}

.page-map-housing .tags .taxfree {
    background: #ffece8;
    color: #FF8062
}

.page-map-housing .tags .five {
    background: #e1f5f8;
    color: #39BECD
}

.page-map-housing .tags .is_see_free {
    background: #e1f5ed;
    color: #33BE85
}

.page-map-housing .tags .is_restriction {
    background: #f3f0ff;
    color: #B199FF
}

.page-map-housing .tags .focus {
    color: #DCB02E;
    background: #faf3e0
}

.page-map-housing .map_icon {
    display: inline-block;
    background-image: url(img/sprite.svg);
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer
}

.page-map-housing .map_icon.icon_search {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 20px;
    -webkit-transform: scale(1.21);
    -ms-transform: scale(1.21);
    -o-transform: scale(1.21)
}

.page-map-housing .map_icon.icon_checkbox {
    background-position: -143px 0
}

.page-map-housing .map_icon.icon_circle_entrance {
    width: 20px;
    height: 20px;
    background-position: -34px 0;
    top: 3px;
    margin-right: 10px
}

.page-map-housing .map_icon.icon_subway_entrance {
    width: 16px;
    height: 20px;
    background-position: -70px 0;
    top: 5px;
    margin-right: 10px
}

.page-map-housing .map_icon.icon_close_houselist {
    width: 10px;
    height: 16px;
    background-position: -171px 0;
    top: 2px
}

.page-map-housing .map_icon.icon_arrow_down {
    width: 12px;
    height: 12px;
    margin-left: 8px;
    background-position: -119px 0;
    top: 4px
}

.page-map-housing .list_empty .icon_list_empty {
    width: 90px;
    height: 54px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    margin: 200px auto;
    background-image: url("img/list_empty.png");
    margin-bottom: 22px
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .page-map-housing .list_empty .icon_list_empty {
        background-image: url("img/list_empty@2x.png")
    }
}

.page-map-housing .list_empty p {
    font-size: 14px;
    color: #999;
    text-align: center
}

.page-map-housing .filters > li, .page-map-housing .tools li {
    height: 50px;
    line-height: 50px
}

.page-map-housing .banner {
    position: relative;
    z-index: 8;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.page-map-housing .search_bar {
    float: left;
    position: relative;
    border: 1px solid #eee;
    border-left: none;
    margin-top: -1px;
    box-sizing: border-box;
    border-bottom: none;
    border-right: none
}

.page-map-housing .search_bar input {
    width: 368px;
    padding: 0 20px;
    font-size: 13px;
    border: none;
    outline: none;
    height: 48px;
    line-height: 48px;
    margin-right: 30px
}

@media screen and (max-width: 1350px) {
    .page-map-housing .search_bar input {
        width: 160px
    }
}

@media screen and (min-width: 1351px) and (max-width: 1466px) {
    .page-map-housing .search_bar input {
        width: 250px
    }
}

.page-map-housing .filters {
    float: left
}

.page-map-housing .filters > li {
    font-size: 13px;
    float: left;
    border-right: 1px solid #eee;
    cursor: pointer
}

.page-map-housing .filters > li:first-child {
    border-left: 1px solid #eee
}

.page-map-housing .filters > li .show_filter {
    display: block;
    width: 100%;
    margin: 0 20px
}

.page-map-housing .filters > li .show_filter:hover {
    text-decoration: none
}

@media screen and (max-width: 1350px) {
    .page-map-housing .filters > li .show_filter {
        margin: 0 6px
    }
}

.page-map-housing .tools {
    margin-right: 4px
}

.page-map-housing .tools.flr {
    float: right
}

.page-map-housing .tools li {
    float: left;
    padding: 0 20px
}

.page-map-housing .tools li a {
    font-size: 13px;
    color: #333;
    cursor: pointer
}

.page-map-housing .tools li a:hover {
    text-decoration: none
}

.page-map-housing .tools li a.active {
    color: #00a75b
}

.page-map-housing .tools li a.active .icon_circle_entrance {
    background-position: -14px 0
}

.page-map-housing .tools li a.active .icon_subway_entrance {
    background-position: -54px 0
}

.page-map-housing .sug {
    background-color: #fff;
    border-right: 1px solid #eee;
    margin-top: 1px;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12)
}

.page-map-housing .filters > li {
    position: relative;
    background-color: #fff
}

.page-map-housing .filters > li.clear_filter {
    border: none;
    padding-left: 20px;
    font-weight: bold;
    display: none
}

.page-map-housing .filters > li.clear_filter a {
    color: #00a75b
}

.page-map-housing .filters > li.clear_filter a:hover {
    text-decoration: none
}

.page-map-housing .filters > li .filter_content {
    position: absolute;
    background-color: #fff;
    display: none;
    padding: 0 20px;
    left: 0;
    top: 51px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
    border: 1px solid #eee;
    border-top: none
}

.page-map-housing .filters > li .filter_content_huxing .a_group {
    text-align: center
}

.page-map-housing .filters > li .filter_content_huxing .a_group a {
    margin: 0 8px
}

.page-map-housing .filters > li .filter_content_more {
    width: 601px
}

@media screen and (max-width: 1350px) {
    .page-map-housing .filters > li .filter_content_more {
        width: 451px
    }
}

.page-map-housing .filters > li .filters_ul {
    background-color: #fff;
    font-size: 12px;
    color: #4A4A4A;
    overflow: hidden;
    padding: 1px 0 6px 0
}

.page-map-housing .filters > li .filters_ul > li {
    float: left;
    height: 38px;
    line-height: 38px
}

.page-map-housing .filters > li .filters_ul > li.active {
    color: #00a75b
}

.page-map-housing .filters > li .filters_ul > li.active .icon_checkbox {
    background-position: -157px 0
}

.page-map-housing .filters > li .filters_ul.filters_ul_price {
    width: 214px
}

.page-map-housing .filters > li .filters_ul.filters_ul_price > li {
    width: 49.9%
}

.page-map-housing .filters > li .filters_ul.filters_ul_huxing {
    width: 95px
}

.page-map-housing .filters > li .filters_ul.filters_ul_huxing > li {
    width: 100%
}

.page-map-housing .filters > li .filters_ul_more {
    background-color: #fff;
    overflow: hidden;
    font-size: 12px;
    color: #4A4A4A
}

.page-map-housing .filters > li .filters_ul_more .filter_ul_more_li {
    line-height: 40px;
    overflow: hidden
}

.page-map-housing .filters > li .filters_ul_more .filter_ul_more_li .filter_more_sub {
    clear: both
}

.page-map-housing .filters > li .filters_ul_more .filter_ul_more_li .filter_more_sub li {
    float: left;
    width: 115px
}

.page-map-housing .filters > li .filters_ul_more .filter_ul_more_li .filter_more_sub li.filter_more_sub_title {
    color: #333;
    font-weight: bold;
    width: 69px
}

.page-map-housing .filters > li .filters_ul_more .filter_ul_more_li .filter_more_sub li.active {
    color: #00a75b
}

.page-map-housing .filters > li .filters_ul_more .filter_ul_more_li .filter_more_sub li.active .icon_checkbox {
    background-position: -157px 0
}

.page-map-housing .filters > li .filters_ul_more .filter_ul_more_li .filter_more_sub li:last-child {
    width: 72px
}

@media screen and (max-width: 1350px) {
    .page-map-housing .filters > li .filters_ul_more .filter_ul_more_li .filter_more_sub li {
        width: 75px
    }
}

.page-map-housing .filters .input_group {
    border-top: 1px solid #eee;
    padding-top: 20px;
    white-space: nowrap
}

.page-map-housing .filters .input_group .gang {
    display: inline-block;
    border-bottom: 1px solid #333;
    width: 8px;
    height: 0;
    position: relative;
    top: -3px
}

.page-map-housing .filters .input_group input {
    width: 72px;
    height: 32px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 0 12px
}

.page-map-housing .filters .input_group input:first-child {
    margin-left: 0
}

.page-map-housing .filters .a_group {
    text-align: right;
    height: 26px;
    line-height: 26px;
    padding-bottom: 14px
}

.page-map-housing .filters .a_group a {
    margin-left: 26px;
    color: #4A4A4A
}

.page-map-housing .filters .a_group a.confirm {
    font-weight: bold;
    color: #00a75b
}

.page-map-housing .filters .icon_checkbox {
    width: 14px;
    height: 14px;
    vertical-align: -3px;
    margin-right: 5px
}

.page-map-housing .sug {
    background-color: #fff;
    border-right: 1px solid #eee;
    margin-top: 1px;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12)
}

.page-map-housing .sug_li {
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-weight: bold;
    border-left: 1px solid #eee;
    border-left-color: #fff
}

.page-map-housing .sug_li .sug_cnt {
    font-size: 12px;
    float: right;
    color: #999;
    font-weight: normal;
    margin-right: 20px
}

.page-map-housing .sug_li:hover, .page-map-housing .sug_li.tmp_focus {
    background-color: #F9F9F9
}

.page-map-housing .sug_li:last-child {
    border-bottom: 1px solid #eee
}

.load-img {
    margin: 5px 0 0px 0;
    background: #fff
}

.load-img .photo {
    overflow: hidden;
    font-size: 0
}

.load-img .photo .photo-results-bar {
    display: inline
}

.load-img .photo .photo-results-bar:after {
    content: '';
    display: none
}

.load-img .photo .img-position {
    display: inline-block;
    margin: 5px 10px 5px 0;
    position: relative;
    display: inline-block;
    width: 132px;
    height: 102px;
    border: 1px solid #018ce2;
    border-radius: 8px;
    text-align: center
}

.load-img .photo .img-position .close-btn {
    position: absolute;
    right: -6px;
    top: -6px;
    background: url("img/btn-del-x1.png") no-repeat;
    background-size: 15px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.load-img .photo .img-position .btn-cover {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #018ce2;
    font-size: 14px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
    margin-left: -2em;
    width: 4em
}

.load-img .photo .img-position .btn-cover:before {
    content: '设置封面'
}

.load-img .photo .img-position .btn-cover.iscover {
    display: none
}

.load-img .photo .img-position .btn-cover.iscover:before {
    content: '取消封面';
    color: #ed1a33
}

.load-img .photo img {
    width: 132px;
    height: 102px;
    border-radius: 8px;
    overflow: hidden
}

.load-img .photo .upload-file {
    display: inline-block;
    margin: 5px 10px 5px 0;
    background: url("img/btn-upload-bg.png") no-repeat center;
    background-size: cover;
    width: 132px;
    height: 102px;
    border: 1px solid #B8BCC6;
    border-radius: 2px;
    cursor: pointer;
    overflow: hidden
}

.load-img .photo .upload-file.all-file {
    background-image: url("img/btn-upload-bg-file.png");
    background-size: 36px 36px
}

.load-img .photo .upload-file input {
    width: 134px;
    height: 102px;
    opacity: 0;
    cursor: pointer
}

.page-sale-contract-query.page-online-signup .main .form-wrapper {
    width: 500px
}

.page-sale-contract-query.page-online-signup .main .step1 .layui-form-label {
    width: 140px
}

.page-sale-contract-query.page-online-signup .main .step1 .layui-input-block {
    margin-left: 140px
}

.page-news-detail .mainbox {
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    min-height: 736px
}

.page-news-detail .channel-view-content {
    margin: 0 auto;
    padding: 30px 70px;
    background: #f8f9fb;
    text-align: left
}

.page-news-detail .channel-view-content .content-title {
    padding: 10px 0 20px;
    text-align: center;
    font-size: 21px;
    font-weight: bold
}

.page-news-detail .channel-view-content .time {
    text-align: right;
    color: #666666;
    padding-bottom: 20px
}

.page-news-detail .channel-view-content .con-back {
    width: 100%;
    overflow: auto
}

.page-online-signup .page-popup-win .load-img {
    background: none
}

.select-input-valid {
    position: absolute;
    left: -99999px
}

.page-fdc-index .mod-item {
    padding-bottom: 50px;
    background: #fff
}

.page-fdc-index .mod-item:first-child {
    padding-top: 50px
}

.page-fdc-index .mod-hd {
    position: relative
}

.page-fdc-index .mod-hd .txt {
    color: #333;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 3px;
    font-weight: bold
}

.page-fdc-index .mod-hd .txt .en {
    color: #999;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: normal
}

.page-fdc-index .mod-hd .txt .en:before {
    content: '/';
    display: inline;
    color: #999;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 5px
}

.page-fdc-index .mod-hd .txt.mult {
    margin-left: -28px
}

.page-fdc-index .mod-hd .txt.isclick {
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: #77b7ef
}

.page-fdc-index .mod-hd .txt.isclick:hover {
    opacity: 0.75
}

.page-fdc-index .mod-hd .txt.isclick.on {
    z-index: 2;
    background: #1B88E7
}

.page-fdc-index .mod-hd .btns {
    float: right;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 44px;
    font-weight: 400
}

.page-fdc-index .mod-hd .btns .btn {
    display: inline-block
}

.page-fdc-index .mod-hd .btns .btn:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.page-fdc-index .mod-hd .btns .btn:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-index .mod-hd .btns .btn.more {
    padding-right: 15px;
    background: url("img/icon-next.png") no-repeat right center
}

.page-fdc-index .mod-hd .btns .btn.map {
    min-width: 20px;
    text-indent: 20px;
    background: url("img/icon-map.png") no-repeat left center
}

.page-fdc-index .mod-hd-btn-wrap {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0
}

.page-fdc-index .mod-hd-btn-wrap .btns {
    position: relative;
    float: right;
    margin-right: 10px;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn {
    display: inline-block
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn.more {
    padding-right: 15px;
    background: url("img/icon-next.png") no-repeat right center
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn.map {
    min-width: 20px;
    text-indent: 20px;
    background: url("img/icon-map.png") no-repeat left center
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn.select-opt {
    position: relative;
    text-decoration: none;
    padding: 0 16px;
    min-width: 50px;
    height: 22px;
    line-height: 22px;
    border-radius: 14px;
    background: #fff;
    color: #3695E9;
    font-size: 14px
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn.select-opt:after {
    content: '';
    display: block;
    position: absolute;
    right: 8px;
    top: 4px;
    width: 10px;
    height: 10px;
    background: url("img/icon-select.png") no-repeat center
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn.select-opt + .select-list {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 100%;
    background: #e3e5e8;
    border-radius: 5px;
    overflow: hidden
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn.select-opt + .select-list li {
    white-space: normal;
    min-width: 82px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #eee
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn.select-opt + .select-list li:hover {
    background: #3695E9;
    color: #fff
}

.page-fdc-index .mod-con {
    padding-top: 20px;
    position: relative
}

.page-fdc-index .market-half {
    float: left;
    position: relative;
    width: 532px;
    margin-left: 36px
}

.page-fdc-index .market-half:first-child {
    margin-left: 0
}

.page-fdc-index .list-house {
    text-align: left;
    letter-spacing: -0.5em
}

.page-fdc-index .list-house .list-item {
    display: inline-block;
    letter-spacing: normal;
    margin-left: 20px;
    margin-top: 20px;
    text-decoration: none;
    background: #F8F9FB;
    position: relative;
    text-align: center
}

.page-fdc-index .list-house .list-item:first-child {
    margin-left: 0
}

.page-fdc-index .list-house .list-item:nth-child(5n+1) {
    margin-left: 0
}

.page-fdc-index .list-house .list-item:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16)
}

.page-fdc-index .list-house .list-item figure {
    position: relative;
    width: 204px;
    height: 156px;
    background: #eaedf1 url(img/img-load-error.png) center no-repeat;
    background-size: 50px 43px
}

.page-fdc-index .list-house .list-item figure img {
    width: 204px;
    height: 156px
}

.page-fdc-index .list-house .list-item .mark {
    display: block;
    position: absolute;
    left: -3px;
    top: 20px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    background: #3695E9;
    border-radius: 0px 5px 5px 0px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.page-fdc-index .list-house .list-item .mark:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    width: 0;
    height: 0;
    border: 2px solid #1F69AA;
    border-top-width: 3px;
    border-left-color: transparent;
    border-top-color: transparent
}

.page-fdc-index .list-house .list-item .mark:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 0;
    border: 2px solid #1F69AA;
    border-top-width: 3px;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.page-fdc-index .list-house .list-item .title {
    padding: 9px 5px;
    width: 194px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: 16px;
    line-height: 22px
}

.page-fdc-index .list-house .list-item .desc {
    padding: 9px 5px;
    background: #F8F9FB;
    color: #333;
    font-size: 14px;
    line-height: 20px
}

.page-fdc-index .list-house .list-item .desc span:before {
    content: '|';
    display: inline-block;
    padding: 0 5px
}

.page-fdc-index .list-house .list-item .desc span:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-index .mod-item.one .mid-con {
    background: #fff
}

.page-fdc-index .mod-item.one .slide-wrap {
    float: left;
    width: 410px;
    height: 250px
}

.page-fdc-index .mod-item.one .list-news {
    float: left;
    margin-left: 30px;
    width: 660px
}

.page-fdc-index .mod-item.one .list-news li {
    position: relative;
    height: 26px;
    line-height: 26px
}

.page-fdc-index .mod-item.one .list-news li a {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 98px;
    width: 100%;
    color: #333;
    font-size: 14px;
    line-height: inherit;
    text-indent: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-fdc-index .mod-item.one .list-news li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%
}

.page-fdc-index .mod-item.one .list-news li em {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 12px;
    line-height: inherit
}

.page-fdc-index .mod-item.one .list-news li.on a:before {
    background: #FD2626
}

.page-fdc-index .mod-item.two .part-notice {
    position: relative;
    width: 1100px;
    height: 400px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16)
}

.page-fdc-index .mod-item.two .part-notice .btn-wrap {
    position: absolute;
    z-index: 9;
    top: 15px;
    right: 0
}

.page-fdc-index .mod-item.two .part-notice .btn-wrap .btns {
    position: relative;
    float: right;
    margin-right: 10px;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
}

.page-fdc-index .mod-item.two .part-notice .btn-wrap .btns .btn {
    display: inline-block
}

.page-fdc-index .mod-item.two .part-notice .btn-wrap .btns .btn:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.page-fdc-index .mod-item.two .part-notice .btn-wrap .btns .btn:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-index .mod-item.two .part-notice .btn-wrap .btns .btn.more {
    padding-right: 15px;
    background: url("img/icon-next.png") no-repeat right center
}

.page-fdc-index .mod-item.two .part-notice .btn-wrap .btns .btn.map {
    min-width: 20px;
    text-indent: 20px;
    background: url("img/icon-map.png") no-repeat left center
}

.page-fdc-index .mod-item.two .part-notice .tab-lbl-wrap {
    padding: 10px 34px 0;
    box-sizing: border-box;
    width: 100%;
    height: 54px;
    border-bottom: 1px solid #F8F9FB
}

.page-fdc-index .mod-item.two .part-notice .tab-lbl-wrap .tab-lbl-item {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 30px;
    box-sizing: border-box;
    width: auto;
    height: 44px;
    line-height: 44px;
    color: #333;
    font-size: 16px;
    font-weight: bold
}

.page-fdc-index .mod-item.two .part-notice .tab-lbl-wrap .tab-lbl-item.on {
    color: #3695E9;
    border-bottom: 3px solid #3695E9
}

.page-fdc-index .mod-item.two .part-notice .tab-lbl-wrap .tab-lbl-item.on:before {
    content: '';
    display: block;
    position: absolute;
    top: 44px;
    left: 50%;
    margin-left: -4px;
    border-style: solid;
    border-width: 4px;
    border-color: #3695E9 transparent transparent transparent
}

.page-fdc-index .mod-item.two .part-notice .tab-pnl-wrap {
    padding: 30px 34px;
    position: relative
}

.page-fdc-index .mod-item.two .part-notice .list-notice {
    box-sizing: border-box;
    width: 100%
}

.page-fdc-index .mod-item.two .part-notice .list-notice li {
    position: relative;
    height: 28px;
    line-height: 28px
}

.page-fdc-index .mod-item.two .part-notice .list-notice li a {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 98px;
    width: 100%;
    color: #333;
    font-size: 14px;
    line-height: inherit;
    text-indent: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-fdc-index .mod-item.two .part-notice .list-notice li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%
}

.page-fdc-index .mod-item.two .part-notice .list-notice li em {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 12px;
    line-height: inherit
}

.page-fdc-index .mod-item.two .part-notice .list-notice li.on a:before {
    background: #FD2626
}

.page-fdc-index .mod-item.two .part-wszw {
    float: left;
    margin-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 320px;
    height: 470px;
    background: #fff
}

.page-fdc-index .mod-item.two .part-wszw .wszw-hd {
    padding: 20px;
    color: #333;
    font-size: 26px;
    line-height: 35px;
    font-weight: bold
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod {
    border-top: 1px solid #F8F9FB
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-subhd {
    margin-top: -11px;
    color: #1B88E7;
    font-size: 16px;
    line-height: 21px
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap {
    position: relative
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item {
    display: block;
    float: left;
    margin-bottom: 8px;
    box-sizing: border-box;
    width: 156px;
    border: 1px solid transparent;
    text-decoration: none;
    background: #FDFCF8
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item:hover {
    border-color: #C6C6C6
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item:nth-child(even) {
    margin-left: 6px
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item.bg-blue {
    background: #F8FBFD
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon {
    display: table-cell;
    vertical-align: middle;
    padding: 16px 8px 16px 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url("img/icon-wszw-spf.png") no-repeat center
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon.zhfc {
    background-image: url("img/icon-wszw-zhfc.png")
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon.fwzl {
    background-image: url("img/icon-wszw-fwzl.png")
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon.wxzj {
    background-image: url("img/icon-wszw-wxzj.png")
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon.spf {
    background-image: url("img/icon-wszw-spf.png")
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon.clf {
    background-image: url("img/icon-wszw-clf.png")
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon.zl {
    background-image: url("img/icon-wszw-zl.png")
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon.presale {
    background-image: url("img/icon-wszw-presale.png")
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon.cyzt {
    background-image: url("img/icon-wszw-cyzt.png")
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item .item-icon.tfgg {
    background-image: url("img/icon-wszw-tfgg.png")
}

.page-fdc-index .mod-item.two .part-wszw .wszw-mod .wszw-items-wrap .wszw-item span {
    display: table-cell;
    vertical-align: middle;
    color: #999;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold
}

.page-fdc-index .mod-item.three {
    margin-top: 50px
}

.page-fdc-index .mod-item.three .online-service {
    float: left;
    width: 750px;
    height: 400px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16)
}

.page-fdc-index .mod-item.three .online-service .mod-hd {
    padding: 20px 34px 15px;
    border-bottom: 1px solid #F8F9FB
}

.page-fdc-index .mod-item.three .online-service .mod-con {
    padding: 20px 36px 15px
}

.page-fdc-index .mod-item.three .online-service #slideBox2 {
    position: relative;
    width: 100%;
    height: 285px;
    background-color: #fff
}

.page-fdc-index .mod-item.three .online-service #slideBox2 .prev, .page-fdc-index .mod-item.three .online-service #slideBox2 .next {
    background-color: #EFF2F6;
    border-radius: 3px
}

.page-fdc-index .mod-item.three .online-service #slideBox2 .prev:hover {
    background-position: 0 -47px
}

.page-fdc-index .mod-item.three .online-service #slideBox2 .next:hover {
    background-position: -25px -47px
}

.page-fdc-index .mod-item.three .online-service #slideBox2 .prev:hover, .page-fdc-index .mod-item.three .online-service #slideBox2 .next:hover {
    background-color: #DDE0E3
}

.page-fdc-index .mod-item.three .online-service .list-online {
    letter-spacing: -2em;
    position: relative;
    padding: 0 25px;
    box-sizing: border-box
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    margin: 10px 20px;
    width: 116px
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon {
    margin: 0 auto;
    width: 66px;
    height: 66px;
    background: url("img/icon-online-service-01.png") no-repeat center;
    border-radius: 50%;
    overflow: hidden
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-01 {
    background-image: url("img/icon-online-service-01.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-02 {
    background-image: url("img/icon-online-service-02.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-03 {
    background-image: url("img/icon-online-service-03.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-04 {
    background-image: url("img/icon-online-service-04.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-05 {
    background-image: url("img/icon-online-service-05.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-06 {
    background-image: url("img/icon-online-service-06.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-07 {
    background-image: url("img/icon-online-service-07.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-08 {
    background-image: url("img/icon-online-service-08.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-09 {
    background-image: url("img/icon-online-service-09.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-10 {
    background-image: url("img/icon-online-service-10.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-11 {
    background-image: url("img/icon-online-service-11.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .item-icon.icon-12 {
    background-image: url("img/icon-online-service-12.png")
}

.page-fdc-index .mod-item.three .online-service .list-online .item-online .txt {
    padding: 10px 2px;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 20px
}

.page-fdc-index .mod-item.three .service-guide {
    display: none;
    float: left;
    margin-left: 30px;
    width: 320px;
    height: 220px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16)
}

.page-fdc-index .mod-item.three .service-guide .mod-hd {
    padding: 20px 34px 15px;
    border-bottom: 1px solid #F8F9FB
}

.page-fdc-index .mod-item.three .service-guide .mod-hd .txt {
    letter-spacing: normal
}

.page-fdc-index .mod-item.three .service-guide .list-guide .item-guide {
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 34px;
    height: 55px;
    line-height: 55px;
    border-top: 1px solid #F8F9FB;
    background: url("img/icon-guide-01.png") 34px 50% no-repeat;
    color: #333;
    font-size: 14px;
    text-indent: 30px
}

.page-fdc-index .mod-item.three .service-guide .list-guide .item-guide:first-child {
    border-top: none
}

.page-fdc-index .mod-item.three .service-guide .list-guide .item-guide:before {
    content: '';
    display: block;
    position: absolute;
    right: 34px;
    top: 0;
    width: 12px;
    height: 62px;
    background: url("img/icon-next.png") center no-repeat
}

.page-fdc-index .mod-item.three .service-guide .list-guide .item-guide:hover {
    background-color: #F5F8FA
}

.page-fdc-index .mod-item.three .service-guide .list-guide .item-guide.deal-guide {
    background-image: url("img/icon-guide-01.png")
}

.page-fdc-index .mod-item.three .service-guide .list-guide .item-guide.excel-down {
    background-image: url("img/icon-guide-02.png")
}

.page-fdc-index .mod-item.three .service-guide .list-guide .item-guide.public-tel {
    background-image: url("img/icon-guide-03.png")
}

.page-fdc-index .mod-item.three .service-guide .list-guide .item-guide.service-address {
    background-image: url("img/icon-guide-04.png")
}

.page-fdc-index .mod-item.three .zhfc-wrap {
    float: left;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 180px
}

.page-fdc-index .mod-item.three .zhfc {
    float: left;
    width: 320px;
    height: 80px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16)
}

.page-fdc-index .mod-item.three .zhfc:first-child {
    margin-top: 0
}

.page-fdc-index .mod-item.three .zhfc .txt {
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 34px;
    height: 80px;
    border-bottom: 1px solid #F8F9FB;
    background: url("img/logo-02.png") 34px 50% no-repeat;
    background-size: 26px 26px
}

.page-fdc-index .mod-item.three .zhfc .txt:before {
    content: '';
    display: block;
    position: absolute;
    right: 34px;
    top: 0;
    width: 12px;
    height: 80px;
    background: url("img/icon-next.png") center no-repeat
}

.page-fdc-index .mod-item.three .zhfc .txt .hd {
    display: inline-block;
    width: 100%;
    color: #999;
    font-size: 20px;
    line-height: 80px;
    text-indent: 50px
}

.page-fdc-index .mod-item.three .zhfc .txt .blue {
    display: inline-block;
    color: #3695E9;
    font-size: 12px;
    line-height: 16px;
    text-indent: 50px
}

.page-fdc-index .mod-item.sale-rank .tab-lbl-wrap {
    letter-spacing: -0.5em;
    text-align: right;
    position: absolute;
    z-index: 99;
    right: 20px;
    top: -28px
}

.page-fdc-index .mod-item.sale-rank .tab-lbl-wrap .tab-lbl-item {
    display: inline-block;
    letter-spacing: normal;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 16px;
    margin-left: 6px;
    height: 26px;
    line-height: 26px;
    background: #DDE4EA;
    color: #999;
    font-size: 14px;
    border-radius: 5px
}

.page-fdc-index .mod-item.sale-rank .tab-lbl-wrap .tab-lbl-item.on {
    background: #3695E9;
    color: #fff
}

.page-fdc-index .index-tbl {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16)
}

.page-fdc-index .index-tbl table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.42
}

.page-fdc-index .index-tbl th, .page-fdc-index .index-tbl td {
    display: table-cell;
    box-sizing: border-box;
    padding: 10px;
    min-width: 80px;
    border: 1px solid #EFF0F3;
    text-align: center
}

.page-fdc-index .index-tbl th {
    color: #fff;
    font-weight: bold
}

.page-fdc-index .index-tbl thead {
    display: table-header-group;
    vertical-align: middle
}

.page-fdc-index .index-tbl tr {
    display: table-row;
    vertical-align: inherit
}

.page-fdc-index .index-tbl tr.hd {
    background-color: #3695E9
}

.page-fdc-index .index-tbl tr.hd td {
    color: #fff;
    font-weight: bold
}

.page-fdc-index .index-tbl thead {
    position: relative
}

.page-fdc-index .index-tbl thead:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 39px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 3px 6px rgba(9, 45, 78, 0.16)
}

.page-fdc-index .index-tbl thead tr {
    background-color: #3695E9;
    border-top: 8px solid #3695e9;
    border-bottom: 8px solid #3695e9
}

.page-fdc-index .index-tbl thead tr th {
    padding: 2px 10px
}

.page-fdc-index .index-tbl thead tr th:first-child {
    border-left: none
}

.page-fdc-index .index-tbl thead tr th:last-child {
    border-right: none
}

.page-fdc-index .index-tbl tbody tr:not(.hd) {
    background: #fff
}

.page-fdc-index .index-tbl tbody tr:not(.hd):hover {
    background: #e8e8e8
}

.page-fdc-index .index-tbl .txt-l {
    text-align: left
}

.page-fdc-index .index-tbl .txt-c {
    text-align: center
}

.page-fdc-index .index-tbl .txt-r {
    text-align: right
}

.page-fdc-index .index-tbl .red {
    color: #ed1a33
}

.page-fdc-index .index-tbl .blue {
    color: #0B52B3
}

.page-fdc-index .index-tbl .td-blk {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-fdc-index .index-tbl .td-blk.w1 {
    max-width: 240px
}

.page-fdc-index .index-tbl .td-blk.w2 {
    max-width: 380px
}

.page-fdc-index .index-tbl .td-blk.w3 {
    max-width: 480px
}

.page-fdc-index .index-tbl .td-blk.w4 {
    max-width: 580px
}

.page-fdc-index .rank-tbl thead {
    position: relative
}

.page-fdc-index .rank-tbl thead:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 39px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 3px 6px rgba(9, 45, 78, 0.16)
}

.page-fdc-index .rank-tbl thead tr {
    background-color: #3695E9;
    border-top: 8px solid #3695e9;
    border-bottom: 8px solid #3695e9
}

.page-fdc-index .rank-tbl thead tr th {
    padding: 2px 10px
}

.page-fdc-index .rank-tbl thead tr th:first-child {
    border-left: none
}

.page-fdc-index .rank-tbl thead tr th:last-child {
    border-right: none
}

.page-fdc-index .rank-tbl .rank-num {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #3695e9;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.page-fdc-index .rank-tbl .rank-num.blue {
    background: #f00
}

.page-fdc-index .mod-hd-btn-wrap .btns .btn.select-bg {
    text-align: center;
    position: relative;
    text-decoration: none;
    padding: 0 16px;
    min-width: 30px;
    height: 22px;
    line-height: 22px;
    border-radius: 14px;
    background: #fff;
    color: #3695E9;
    font-size: 14px
}

.page-fdc-zxbs .gray {
    margin-top: 30px;
    height: 40px;
    background: #F8F9FB
}

.page-fdc-zxbs .mod-hd {
    padding: 0 14px;
    display: inline-block;
    height: 40px;
    background: #fff;
    overflow: hidden
}

.page-fdc-zxbs .mod-hd .txt {
    color: #333;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold
}

.page-fdc-zxbs .mod-hd .txt .en {
    color: #999;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: normal
}

.page-fdc-zxbs .mod-hd .txt .en:before {
    content: '/';
    display: inline;
    color: #999;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 5px
}

.page-fdc-zxbs .zxbs-list {
    padding-bottom: 86px
}

.page-fdc-zxbs .zxbs-list li {
    float: left;
    margin-top: 40px;
    margin-left: 40px
}

.page-fdc-zxbs .zxbs-list li:nth-child(even) {
    margin-left: 70px
}

.page-fdc-zxbs .zxbs-list li .icon {
    float: left;
    position: relative;
    cursor: pointer;
    width: 66px;
    height: 66px;
    background: url(img/icon-zxbs-01.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden
}

.page-fdc-zxbs .zxbs-list li .icon:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

.page-fdc-zxbs .zxbs-list li .icon.icon-zxbs-01 {
    background-image: url(img/icon-zxbs-01.png)
}

.page-fdc-zxbs .zxbs-list li .icon.icon-zxbs-02 {
    background-image: url(img/icon-zxbs-02.png)
}

.page-fdc-zxbs .zxbs-list li .icon.icon-zxbs-03 {
    background-image: url(img/icon-zxbs-03.png)
}

.page-fdc-zxbs .zxbs-list li .icon.icon-zxbs-04 {
    background-image: url(img/icon-zxbs-04.png)
}

.page-fdc-zxbs .zxbs-list li .icon.icon-zxbs-05 {
    background-image: url(img/icon-zxbs-05.png)
}

.page-fdc-zxbs .zxbs-list li .icon.icon-zxbs-06 {
    background-image: url(img/icon-zxbs-06.png)
}

.page-fdc-zxbs .zxbs-list li .icon.icon-zxbs-07 {
    background-image: url(img/icon-zxbs-07.png)
}

.page-fdc-zxbs .zxbs-list li .icon.icon-zxbs-08 {
    background-image: url(img/icon-zxbs-08.png)
}

.page-fdc-zxbs .zxbs-list li .txt {
    float: left;
    margin-left: 14px;
    position: relative;
    width: 400px;
    height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.page-fdc-zxbs .zxbs-list li .txt .hd {
    display: block;
    padding: 5px 0;
    color: #333;
    font-size: 14px;
    line-height: 20px
}

.page-fdc-zxbs .zxbs-list li .txt .desc {
    color: #999;
    font-size: 12px;
    line-height: 16px
}

.page-fdc-qygs .gray {
    height: 40px;
    background: #F8F9FB
}

.page-fdc-qygs .mod-hd {
    display: inline-block;
    height: 40px;
    background: #fff;
    overflow: hidden
}

.page-fdc-qygs .mod-hd .txt {
    color: #333;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold
}

.page-fdc-qygs .mod-hd .txt .en {
    color: #999;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: normal
}

.page-fdc-qygs .mod-hd .txt .en:before {
    content: '/';
    display: inline;
    color: #999;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 5px
}

.page-fdc-qygs .qygs-list {
    margin-left: -30px;
    margin-top: 40px
}

.page-fdc-qygs .qygs-list li {
    float: left;
    margin-left: 30px;
    margin-bottom: 60px
}

.page-fdc-qygs .qygs-list li .icon {
    float: left;
    position: relative;
    cursor: pointer;
    width: 100px;
    height: 100px;
    background: url(img/icon-qygs-01.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden
}

.page-fdc-qygs .qygs-list li .icon:hover {
    box-shadow: 0 0 10px rgba(48, 48, 48, 0.3)
}

.page-fdc-qygs .qygs-list li .icon.icon-qygs-01 {
    background-image: url(img/icon-qygs-01.png)
}

.page-fdc-qygs .qygs-list li .icon.icon-qygs-02 {
    background-image: url(img/icon-qygs-02.png)
}

.page-fdc-qygs .qygs-list li .icon.icon-qygs-03 {
    background-image: url(img/icon-qygs-03.png)
}

.page-fdc-qygs .qygs-list li .icon.icon-qygs-04 {
    background-image: url(img/icon-qygs-04.png)
}

.page-fdc-qygs .qygs-list li .icon.icon-qygs-05 {
    background-image: url(img/icon-qygs-05.png)
}

.page-fdc-qygs .qygs-list li .icon.icon-qygs-06 {
    background-image: url(img/icon-qygs-06.png)
}

.page-fdc-qygs .qygs-list li .txt {
    float: left;
    margin-left: 26px;
    position: relative;
    width: 390px;
    text-align: left
}

.page-fdc-qygs .qygs-list li .txt .hd {
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold
}

.page-fdc-qygs .qygs-list li .txt .desc {
    margin-top: 10px;
    color: #999;
    font-size: 14px;
    line-height: 22px
}

.page-fdc-bahtcx .custom-tips {
    display: none;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: -23px;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-fdc-bahtcx .input-error + .custom-tips {
    display: block
}

.page-fdc-bahtcx .input-tips {
    display: none
}

.page-fdc-bahtcx .validator-advice {
    display: block;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: -23px;
    color: #E0294D;
    font-size: 12px;
    line-height: 18px
}

.page-fdc-bahtcx .layui-input, .page-fdc-bahtcx .layui-textarea {
    border-radius: 5px;
    background-color: #fff;
    border-color: #1b88e7
}

.page-fdc-bahtcx .layui-form-item {
    margin-bottom: 10px
}

.page-fdc-bahtcx .layui-form-label {
    float: none;
    padding: 5px 0;
    width: auto;
    text-align: left;
    color: #666;
    font-size: 14px
}

.page-fdc-bahtcx .layui-input-block {
    margin: 0;
    left: 0
}

.page-fdc-bahtcx .layui-input.input-error {
    border-color: #E0294D
}

.page-fdc-bahtcx .layui-input.validator-invalid {
    border-color: #E0294D !important
}

.page-fdc-bahtcx .layui-btn-container {
    padding-top: 30px
}

.page-fdc-bahtcx .layui-btn {
    border-radius: 5px
}

.page-fdc-bahtcx .layui-input-block.two {
    padding-right: 120px
}

.page-fdc-bahtcx .layui-input-block.two img {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    height: 38px
}

.page-fdc-bahtcx .pnl-form {
    margin: 0 auto;
    padding: 32px 0;
    width: 416px;
    min-height: 200px;
    border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)
}

.page-fdc-bahtcx .pnl-form .form-hd {
    margin-bottom: 30px;
    height: 34px;
    line-height: 34px;
    background: #ffff;
    border-bottom: 2px solid #1B88E7;
    border-left: 12px solid #1B88E7
}

.page-fdc-bahtcx .pnl-form .form-hd .txt {
    padding: 0 14px;
    margin-left: 24px;
    display: inline-block;
    background: #fff;
    overflow: hidden;
    color: #1B88E7;
    font-size: 22px;
    line-height: inherit;
    font-weight: bold
}

.page-fdc-bahtcx .pnl-form .form-con {
    padding: 0 35px
}

.page-fdc-bahtcx .wrap-code {
    position: relative
}

.page-fdc-bahtcx .wrap-code .layui-input-block {
    margin-right: 96px
}

.page-fdc-bahtcx .wrap-code .btn-code {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90px;
    height: 38px;
    background: rgba(27, 136, 231, 0.15);
    border-radius: 5px;
    text-align: center;
    color: #1B88E7;
    font-size: 14px;
    line-height: 38px;
    font-weight: 400
}

.page-fdc-bahtcx .wrap-code .btn-code.gray {
    background: #eee;
    color: #a0a4a7
}

.page-fdc-bahtcx .fullbg {
    position: relative
}

.page-fdc-bahtcx .fullbg:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 540px;
    background: #fff url("img/htbacx-fullbg.png") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.page-fdc-bahtcx .fullbg .mid-con {
    padding: 106px 0
}

.page-fdc-htxxzy {
    text-align: left
}

.page-fdc-htxxzy .tab-lbl-wrap {
    padding: 10px 0
}

.page-fdc-htxxzy .tab-lbl-wrap .tab-lbl-item {
    margin-left: 10px;
    position: relative;
    width: 212px;
    height: 42px;
    line-height: 42px;
    background: #F4F6F7;
    cursor: pointer;
    text-align: center;
    color: #333;
    font-size: 16px
}

.page-fdc-htxxzy .tab-lbl-wrap .tab-lbl-item:first-child {
    margin-left: 0px
}

.page-fdc-htxxzy .tab-lbl-wrap .tab-lbl-item.on {
    background: #1B88E7;
    color: #fff
}

.page-fdc-htxxzy .tab-lbl-wrap .tab-lbl-item.on:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    pointer-events: none;
    margin-left: -6px;
    height: 0;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #1B88E7
}

.page-fdc-htxxzy h2 {
    padding: 20px 0;
    text-align: left;
    color: #333;
    font-size: 26px;
    line-height: 35px;
    letter-spacing: 2px;
    font-weight: bold
}

.page-fdc-htxxzy .treaty-con {
    padding-bottom: 60px;
    text-align: left
}

.page-fdc-htxxzy .treaty-con .btn-wrap {
    padding: 15px 0;
    text-align: center
}

.page-fdc-htxxzy .treaty-con .treaty-hd {
    padding-top: 20px;
    color: #1B88E7;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold
}

.page-fdc-htxxzy .treaty-con .treaty-hd:first-child {
    padding-top: 0
}

.page-fdc-htxxzy .treaty-con .treaty-part {
    padding-top: 5px;
    letter-spacing: -0.5em
}

.page-fdc-htxxzy .treaty-con .treaty-part .item-field {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 50%;
    color: #999;
    font-size: 14px;
    line-height: 1.8
}

.page-fdc-htxxzy .treaty-con .treaty-part .item-field .txt-label {
    color: #333
}

.page-fdc-htxxzy .treaty-con .treaty-part .item-field .txt-block {
    display: block
}

.page-fdc-htxxzy .treaty-con .table-list {
    letter-spacing: normal
}

.page-fdc-htxxzy .treaty-con .table-list th, .page-fdc-htxxzy .treaty-con .table-list td {
    border: 1px solid #DCDFE6;
    height: 38px;
    line-height: 24px
}

.page-fdc-htxxzy .treaty-con .table-list td {
    text-align: left;
    padding: 0 5px;
    font-size: 14px;
    color: #666
}

.page-fdc-htxxzy .treaty-con .table-list td.hd {
    width: 220px;
    text-align: right;
    color: #333;
    font-weight: bold
}

.page-fdc-htxxzy .treaty-con .table-list thead {
    background: #C0C4CC;
    height: 38px
}

.page-fdc-htxxzy .treaty-con .table-list thead th {
    text-align: center;
    font-size: 14px;
    color: #fff
}

.page-fdc-htxxzy .treaty-detail {
    padding: 0 0 70px
}

.page-fdc-htxxzy .treaty-detail .hd {
    margin: 20px 0
}

.page-fdc-htxxzy .treaty-detail h2 {
    display: inline-block;
    padding: 0
}

.page-fdc-htxxzy .treaty-detail .btn-print {
    float: right;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 18px;
    background-color: #018ce2;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer
}

.page-fdc-htxxzy .treaty-detail .btn-print:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.page-latest-sale .area-search {
    padding: 7px 0
}

.page-latest-sale .area-search .layui-form-label {
    color: #999;
    font-size: 14px
}

.page-latest-sale .area-search .layui-input, .page-latest-sale .area-search .layui-textarea {
    color: #333;
    font-size: 14px
}

.page-latest-sale .area-search .layui-input::-webkit-input-placeholder, .page-latest-sale .area-search .layui-textarea::-webkit-input-placeholder {
    color: #D3D3D3
}

.page-latest-sale .area-search .layui-input:-moz-placeholder, .page-latest-sale .area-search .layui-textarea:-moz-placeholder {
    color: #D3D3D3
}

.page-latest-sale .area-search .layui-input:-ms-input-placeholder, .page-latest-sale .area-search .layui-textarea:-ms-input-placeholder {
    color: #D3D3D3
}

.page-latest-sale .area-search .layui-btn {
    border-radius: 5px
}

.page-latest-sale .area-search .layui-form-item:first-child {
    margin-top: 15px
}

.page-latest-sale .area-search .layui-form-item .layui-input-inline.w1 {
    width: 104px
}

.page-latest-sale .area-search .layui-form-item .layui-input-inline.w2 {
    width: 616px
}

.page-latest-sale .area-search .layui-form-label.label-icon {
    background: url("img/label-icon-sale.png") no-repeat left center
}

.page-latest-sale .area-search .hd {
    float: left;
    margin-right: 30px;
    width: 4em;
    color: #333;
    font-size: 26px;
    line-height: 38px;
    font-weight: bold
}

.page-latest-sale .layui-table-theme-gray .layui-table-page {
    padding-right: 0;
    text-align: right
}

.house-list-position li {
    position: relative
}

.page-fdc-housing-list .part-show-list .pan-con ul li {
    position: relative
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-sale-num {
    position: absolute;
    right: 30px;
    top: 60px;
    color: #666;
    font-size: 16px
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-sale-num .txt-name i {
    color: #1B88E7
}

.page-fdc-housing-list .section-full {
    background: #FAFAFB
}

.page-fdc-housing-list .mid-con {
    padding: 30px 0 70px
}

.page-fdc-housing-list .part-search-bar {
    position: relative;
    width: 1100px;
    height: 50px;
    background: #fff;
    overflow: hidden;
    border-radius: 25px;
    border: 1px solid #018ce2
}

.page-fdc-housing-list .part-search-bar .search-input {
    padding: 10px 0;
    margin-left: 30px;
    width: 950px;
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: #fff;
    text-indent: 10px;
    color: #333;
    font-size: 16px
}

.page-fdc-housing-list .part-search-bar .search-input::-webkit-input-placeholder {
    color: #D3D3D3
}

.page-fdc-housing-list .part-search-bar .search-input:-moz-placeholder {
    color: #D3D3D3
}

.page-fdc-housing-list .part-search-bar .search-input:-ms-input-placeholder {
    color: #D3D3D3
}

.page-fdc-housing-list .part-search-bar .search-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #018ce2;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.page-fdc-housing-list .part-search-range {
    margin-top: 30px;
    padding: 15px 40px 5px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.page-fdc-housing-list .part-search-range .secitem {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px
}

.page-fdc-housing-list .part-search-range .secitem dt {
    float: left;
    display: inline-block;
    padding-left: 18px;
    margin-right: 14px;
    background: url("img/icon-area-lociton.png") left center no-repeat;
    color: #999;
    font-weight: bold
}

.page-fdc-housing-list .part-search-range .secitem dt.no-icon {
    background: none;
    padding-left: 0
}

.page-fdc-housing-list .part-search-range .secitem dt.location {
    background-image: url("img/icon-area-lociton.png")
}

.page-fdc-housing-list .part-search-range .secitem dt.room {
    background-image: url("img/icon-area-room.png")
}

.page-fdc-housing-list .part-search-range .secitem dt.type {
    background-image: url("img/icon-area-type.png")
}

.page-fdc-housing-list .part-search-range .secitem dt.price {
    background-image: url("img/icon-area-price.png")
}

.page-fdc-housing-list .part-search-range .secitem dt.mj {
    background-image: url("img/icon-area-mj.png")
}

.page-fdc-housing-list .part-search-range .secitem dd {
    display: table-cell
}

.page-fdc-housing-list .part-search-range .secitem dd a {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding: 0 10px;
    color: #333
}

.page-fdc-housing-list .part-search-range .secitem dd a.on, .page-fdc-housing-list .part-search-range .secitem dd a:hover {
    text-decoration: none;
    background-color: #018ce2;
    border-radius: 10px;
    color: #fff
}

.page-fdc-housing-list .part-show-list {
    margin-top: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    position: relative
}

.page-fdc-housing-list .part-show-list .pan-sort {
    position: absolute;
    right: 30px;
    top: 0
}

.page-fdc-housing-list .part-show-list .pan-sort .sort-list {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.page-fdc-housing-list .part-show-list .pan-sort .sort-list a {
    text-decoration: none
}

.page-fdc-housing-list .part-show-list .pan-sort .sort-list .sort-item {
    padding: 20px 10px;
    color: #666;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold
}

.page-fdc-housing-list .part-show-list .pan-sort .sort-list .sort-item.on {
    color: #1B88E7
}

.page-fdc-housing-list .part-show-list .pan-sort .sort-list .sort-item.on.asc::before {
    content: '↑'
}

.page-fdc-housing-list .part-show-list .pan-sort .sort-list .sort-item.on.desc::before {
    content: '↓'
}

.page-fdc-housing-list .part-show-list .pan-hd {
    padding: 20px 40px;
    color: #666;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold
}

.page-fdc-housing-list .part-show-list .pan-hd .num-total {
    color: #1B88E7;
    font-weight: bold
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item {
    padding: 20px 30px 20px 40px;
    vertical-align: top;
    border-bottom: 1px solid #E1E4E9
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item:first-child {
    border-top: 1px solid #E1E4E9
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item:after {
    content: ' ';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item:hover {
    background-color: #F4F7FC
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item a {
    text-decoration: none
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-img {
    display: block;
    float: left;
    margin-right: 36px;
    width: 220px;
    height: 148px
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-img figure {
    position: relative;
    width: 220px;
    height: 148px;
    background: #CDD1D8 url(img/img-load-error.png) center no-repeat;
    background-size: 61px 58px;
    overflow: hidden
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-img figure img {
    width: 220px;
    height: 148px;
    vertical-align: top
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info {
    float: left
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-proj {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-proj:hover {
    color: #1B88E7
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-using {
    margin-left: 8px
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-using i {
    display: inline-block;
    margin: 2px 5px;
    padding: 0 13px;
    height: 20px;
    line-height: 20px;
    background: #1b88e7;
    opacity: 0.27;
    border-radius: 10px;
    color: #fff;
    font-size: 14px
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-fpfy {
    margin-left: 8px
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-fpfy i {
    display: inline-block;
    margin: 2px 5px;
    padding: 0 13px;
    height: 20px;
    line-height: 20px;
    background: #f59a23;
    border-radius: 10px;
    color: #fff;
    font-size: 12px
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro {
    margin-top: 8px;
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon {
    padding-left: 16px;
    background: url("img/icon-proj-location.png") left center no-repeat
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-none {
    padding-left: 0;
    background-image: none
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-proj-sale {
    background-image: url("img/icon-proj-sale.png")
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-presale {
    background-image: url("img/icon-proj-presale.png")
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-time {
    background-image: url("img/icon-proj-time.png")
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-location {
    background-image: url("img/icon-proj-location.png")
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-company {
    background-image: url("img/icon-proj-company.png")
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-proj-xmdz {
    background-image: url("img/icon-proj-xmdz.png")
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-sale-sldh {
    background-image: url("img/icon-proj-sldh.png")
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .txt-name {
    display: table-cell
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-info .item-intro .txt-val {
    display: table-cell;
    max-width: 30em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-count {
    position: absolute;
    right: 30px;
    top: 100px;
    color: #666;
    font-size: 16px;
    line-height: 64px
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-count .txt-val {
    color: #1B88E7
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-count .txt-val .count-num {
    font-size: 48px;
    font-weight: bold
}

.page-fdc-housing-list .part-show-list .pan-con ul .house-list-item .part-count .txt-val .count-unit {
    font-size: 24px;
    font-weight: bold
}

.page-fdc-housing-list .pagebar-wrap {
    text-align: center;
    padding: 15px
}

.page-floor-plan .pic-title {
    margin: 20px 0px 12px;
    position: relative
}

.page-floor-plan .pic-title .hd {
    color: #333;
    font-size: 16px;
    line-height: 36px;
    font-weight: bold
}

.page-floor-plan .pic-title .desc {
    padding: 0 14px;
    color: #999;
    font-size: 14px;
    line-height: 36px
}

.page-floor-plan .pic-title .desc em {
    color: #f00
}

.page-floor-plan .pic-title .back-list {
    position: absolute;
    right: 0;
    top: 4px;
    border: 1px solid #1B88E7;
    border-radius: 5px;
    width: 100px;
    height: 28px;
    text-align: center;
    color: #1B88E7;
    font-size: 12px;
    line-height: 28px
}

.page-floor-plan .banqh-wrap .max-btn {
    display: block;
    width: 44px;
    height: 44px;
    background: url("img/banqh-arrow-prev.png") center no-repeat;
    background-color: rgba(51, 51, 51, 0.5);
    border-radius: 50%
}

.page-floor-plan .banqh-wrap .max-btn.next1 {
    background-image: url("img/banqh-arrow-next.png")
}

.page-floor-plan .banqh-wrap .min-btn {
    width: 30px;
    background-color: #D7D8DA
}

.page-floor-plan .banqh-wrap .ban {
    width: 1100px
}

.page-floor-plan .banqh-wrap .ban2, .page-floor-plan .banqh-wrap .ban2 ul li {
    width: 1100px;
    height: 600px
}

.page-floor-plan .banqh-wrap .ban2 ul li img {
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 1100px;
    max-height: 600px
}

.page-floor-plan .banqh-wrap .min_pic {
    padding: 20px 0px 40px;
    width: 806px;
    background: none
}

.page-floor-plan .banqh-wrap .num {
    margin-left: 16px;
    width: 730px
}

.page-floor-plan .banqh-wrap .num ul li, .page-floor-plan .banqh-wrap .num ul li img {
    width: 130px
}

.page-floor-plan .banqh-wrap .num ul li {
    margin-right: 16px;
    padding: 0
}

.page-floor-plan .pic-show-box .multgraph-pre, .page-floor-plan .pic-show-box .multgraph-next {
    position: absolute;
    width: 130px;
    height: 80px;
    bottom: 40px;
    left: 0;
    cursor: pointer;
    text-align: center;
    vertical-align: top
}

.page-floor-plan .pic-show-box .multgraph-pre img, .page-floor-plan .pic-show-box .multgraph-next img {
    width: 130px;
    height: 80px
}

.page-floor-plan .pic-show-box .multgraph-pre .txt, .page-floor-plan .pic-show-box .multgraph-next .txt {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 130px;
    height: 80px;
    background: rgba(27, 136, 231, 0.5)
}

.page-floor-plan .pic-show-box .multgraph-pre .txt a, .page-floor-plan .pic-show-box .multgraph-next .txt a {
    display: inline-block;
    margin: 27px auto;
    width: 106px;
    height: 26px;
    background: #1B88E7;
    border-radius: 13px;
    color: #fff;
    font-size: 12px;
    line-height: 28px
}

.page-floor-plan .pic-show-box .multgraph-next {
    left: auto;
    right: 0
}

.page-fdc-housing-detail h2 {
    padding: 20px 0;
    color: #333;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold
}

.page-fdc-housing-detail .txt-fpfy {
    margin-left: 8px
}

.page-fdc-housing-detail .txt-fpfy i {
    display: inline-block;
    margin: 2px 5px;
    padding: 0 13px;
    height: 20px;
    line-height: 20px;
    background: #f59a23;
    border-radius: 10px;
    color: #fff;
    font-size: 12px
}

.page-fdc-housing-detail .tab-container .tab-lbl-wrap {
    padding-bottom: 26px;
    display: flex
}

.page-fdc-housing-detail .tab-container .tab-lbl-wrap .tab-lbl-item {
    flex: 1;
    margin-left: 10px;
    position: relative;
    width: 266px;
    height: 42px;
    line-height: 42px;
    background: #F4F6F7;
    cursor: pointer;
    text-align: center;
    color: #333;
    font-size: 16px
}

.page-fdc-housing-detail .tab-container .tab-lbl-wrap .tab-lbl-item:first-child {
    margin-left: 0px
}

.page-fdc-housing-detail .tab-container .tab-lbl-wrap .tab-lbl-item.on {
    background: #1B88E7;
    color: #fff
}

.page-fdc-housing-detail .tab-container .tab-lbl-wrap .tab-lbl-item.on:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    pointer-events: none;
    margin-left: -6px;
    height: 0;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #1B88E7
}

.page-fdc-housing-detail .tab-container .part-filter .house-type {
    padding-bottom: 32px
}

.page-fdc-housing-detail .tab-container .part-filter .house-type .line-item {
    margin-left: 6px;
    text-decoration: none;
    position: relative;
    width: 88px;
    height: 32px;
    line-height: 32px;
    background: #F4F6F7;
    cursor: pointer;
    text-align: center;
    color: #333;
    font-size: 14px
}

.page-fdc-housing-detail .tab-container .part-filter .house-type .line-item:first-child {
    margin-left: 0px
}

.page-fdc-housing-detail .tab-container .part-filter .house-type .line-item.on {
    background: #1B88E7;
    color: #fff
}

.page-fdc-housing-detail .tab-container .part-list {
    padding-bottom: 20px
}

.page-fdc-housing-detail .tab-container .part-list ul {
    margin-left: -76px;
    letter-spacing: -0.41em
}

.page-fdc-housing-detail .tab-container .part-list ul .house-list-item {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    margin-left: 76px;
    margin-bottom: 20px;
    width: 316px
}

.page-fdc-housing-detail .tab-container .part-list ul .house-list-item:hover {
    background-color: #F7F8FA
}

.page-fdc-housing-detail .tab-container .part-list ul .house-list-item a {
    text-decoration: none
}

.page-fdc-housing-detail .tab-container .part-list ul .house-list-item figure {
    position: relative;
    width: 316px;
    height: 212px;
    background: #eaedf1 url(img/img-load-error.png) center no-repeat;
    background-size: 50px 43px;
    overflow: hidden
}

.page-fdc-housing-detail .tab-container .part-list ul .house-list-item figure img {
    width: 316px;
    height: 212px;
    vertical-align: top
}

.page-fdc-housing-detail .tab-container .part-list ul .house-list-item .mark {
    position: absolute;
    right: 16px;
    bottom: 10px
}

.page-fdc-housing-detail .tab-container .part-list ul .house-list-item .mark .icon {
    margin-right: 5px;
    padding: 2px 15px;
    background: rgba(39, 39, 39, 0.55);
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    box-sizing: border-box
}

.page-fdc-housing-detail .tab-container .part-list ul .house-list-item .item-hd {
    padding: 10px 0;
    text-align: center;
    color: #333;
    font-size: 16px
}

.page-fdc-housing-detail .tab-container .part-list ul .house-list-item .item-desc {
    padding-bottom: 15px;
    text-align: center;
    color: #999;
    font-size: 14px;
    line-height: 1.2
}

.page-fdc-housing-detail .tab-container .part-list .pagebar-wrap {
    text-align: center
}

.page-fdc-housing-detail .tab-container .selling-license {
    padding-bottom: 50px
}

.page-fdc-housing-detail .tab-container .selling-license .timeline {
    position: relative
}

.page-fdc-housing-detail .tab-container .selling-license .timeline:before {
    content: '';
    display: block;
    position: absolute;
    left: 67px;
    top: 0;
    width: 2px;
    height: 100%;
    background: #1B88E7
}

.page-fdc-housing-detail .tab-container .selling-license .timeline tr.line {
    height: 30px
}

.page-fdc-housing-detail .tab-container .selling-license .timeline td {
    position: relative;
    background: #E3F2ED
}

.page-fdc-housing-detail .tab-container .selling-license .timeline td:first-child {
    background: none
}

.page-fdc-housing-detail .tab-container .selling-license .timeline td:nth-child(1) {
    width: 84px
}

.page-fdc-housing-detail .tab-container .selling-license .timeline td:nth-child(2) {
    width: 200px
}

.page-fdc-housing-detail .tab-container .selling-license .timeline td .ywj {
    text-align: center;
    color: #000;
    font-size: 12px;
    position: relative;
    bottom: -30px;
    cursor: pointer;
    background: #fff;
    padding: 2px 2px;
    border-radius: 12px;
    margin: 0 40px
}

.page-fdc-housing-detail .tab-container .selling-license .timeline td .ywj span {
    display: inline-block;
    background: url(img/card-ico.png) left center no-repeat;
    background-size: 19px 15px;
    padding: 0 6px 0 22px;
    color: #81AEA0
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .dot-start:before, .page-fdc-housing-detail .tab-container .selling-license .timeline .dot-end:before {
    content: '';
    display: block;
    position: absolute;
    left: -217px;
    top: 0;
    width: 2px;
    height: 50%;
    background: #fff
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .dot-end:before {
    top: 50%
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .bg1 {
    background: #81AEA0
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .bg1 .license-key:before {
    border-right-color: #81AEA0
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .bg2 {
    background: #CBC68D
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .bg2 .license-key:before {
    border-right-color: #CBC68D
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .time {
    position: relative;
    z-index: 2;
    padding-bottom: 20px;
    width: 54px;
    text-align: right;
    color: #999;
    font-size: 14px;
    line-height: 20px
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .time:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -18px;
    margin-top: -4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 2px solid #1B88E7;
    border-radius: 50%;
    background: #fff
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .time .day {
    color: #1B88E7;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 43px;
    height: 24px;
    background: #CBC68D;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .icon.type-booking {
    background: #CBC68D
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .icon.type-cash {
    background: #81AEA0
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .license-key {
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .license-key:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: -12px;
    pointer-events: none;
    margin-top: -6px;
    height: 0;
    width: 0;
    border: 6px solid transparent;
    border-right-color: #81AEA0
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .license-key .title {
    font-size: 18px
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .license-key .no {
    margin-top: 16px;
    font-size: 22px
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .desc {
    padding: 10px 20px;
    box-sizing: border-box
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .part {
    padding: 6px 0;
    color: #666;
    font-size: 14px;
    line-height: 1.5
}

.page-fdc-housing-detail .tab-container .selling-license .timeline .part .half {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px
}

.page-fdc-housing-detail .tab-container .project-intro {
    padding-bottom: 40px
}

.page-fdc-housing-detail .tab-container .project-intro .half {
    float: left;
    width: 50%
}

.page-fdc-housing-detail .tab-container .project-intro .proj-img, .page-fdc-housing-detail .tab-container .project-intro .proj-txt {
    float: left;
    height: 300px
}

.page-fdc-housing-detail .tab-container .project-intro .proj-img {
    width: 570px;
    background: #eaedf1 url(img/img-load-error.png) center no-repeat;
    background-size: 50px 43px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)
}

.page-fdc-housing-detail .tab-container .project-intro .proj-img img {
    width: 570px;
    height: 300px;
    vertical-align: top
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt {
    margin-left: 14px;
    width: 516px;
    color: #666;
    font-size: 14px;
    line-height: 1.5
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .txt-field {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .txt-field.icon {
    padding-left: 18px;
    background: url("img/icon-proj-location.png") left center no-repeat
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .txt-field.icon.icon-none {
    padding-left: 0;
    background-image: none
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .txt-field.icon.icon-presale {
    background-image: url("img/icon-proj-presale.png")
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .txt-field.icon.icon-time {
    background-image: url("img/icon-proj-time.png")
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .txt-field.icon.icon-location {
    background-image: url("img/icon-proj-location.png")
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .txt-field.icon.icon-company {
    background-image: url("img/icon-proj-company.png")
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt ul {
    list-style: none;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt li {
    margin-top: 8px;
    display: table;
    position: relative;
    box-sizing: border-box;
    width: 100%
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt li:first-child {
    margin-top: 0px
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt li .one {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 20px
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt li .one.proj {
    background: #e1e7ee;
    color: #1B88E7
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt li .one.proj .txt-field {
    font-size: 24px;
    font-weight: bold;
    color: #1B88E7
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .single-mod {
    display: flex;
    align-items: center;
    margin-top: 14px;
    background: #e5f2f8 url("img/icon-proj-tel.png") 20px 50% no-repeat;
    border-radius: 23px;
    line-height: 46px
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .single-mod.icon-sale-tel {
    background-image: url("img/icon-proj-tel.png")
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .single-mod.icon-sale-address {
    background-image: url("img/icon-proj-sale-address.png")
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .single-mod .txt-field {
    display: inline;
    padding-left: 60px;
    color: #666;
    font-size: 14px;
    min-width: 5em;
    margin-bottom: 0
}

.page-fdc-housing-detail .tab-container .project-intro .proj-txt .single-mod .num {
    padding-right: 1em;
    color: #1B88E7;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold
}

.page-fdc-housing-detail .tab-container .project-intro .stage-info h3 {
    padding: 25px 0 10px;
    color: #333;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold
}

.page-fdc-housing-detail .tab-container .project-intro .stage-info .desc {
    color: #999;
    font-size: 14px;
    line-height: 1.8
}

.page-fdc-housing-detail .tab-container .project-intro .stage-info .desc.part-building-notice .table-theme-gray tbody tr {
    background: #F4F6F6
}

.page-fdc-housing-detail .tab-container .project-intro .stage-info .desc.part-building-notice .table-theme-gray .blue {
    color: #0B52B3
}

.page-fdc-housing-detail .tab-container .project-intro .stage-info .desc .txt-label {
    color: #333
}

.page-fdc-housing-detail .tab-container .project-intro .stage-info .desc .space {
    padding-top: 20px
}

.page-fdc-housing-detail .tab-container .project-intro .stage-info .desc .row {
    display: block
}

.page-fdc-housing-detail .tab-container .room-vs-price {
    padding-bottom: 20px
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap {
    margin-bottom: 16px;
    position: relative;
    color: #666;
    font-size: 14px;
    line-height: 20px
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon {
    margin-right: 15px
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    width: 12px;
    height: 12px;
    background: #6CE02A
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon.icon-green i {
    background: #4B59D9
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon.icon-orange i {
    background: #F1D723
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon.icon-yellow i {
    background: #ff8400
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon.icon-red i {
    background: #EB3D3D
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon.icon-gray i {
    background: #C6C6C6
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon.icon-fp i {
    background: #FFBD00
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon.icon-dy i {
    background: url("img/icon-house-dy.png") left center no-repeat;
    background-size: 12px 12px
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon.icon-cf i {
    background: url("img/icon-house-cf.png") left center no-repeat;
    background-size: 12px 12px
}

.page-fdc-housing-detail .tab-container .room-vs-price .legend-wrap .icon.icon-xs i {
    background: url("img/icon-house-xs.png") left center no-repeat;
    background-size: 12px 12px
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .layui-table-cell {
    padding: 0 10px
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .layui-table-page {
    text-align: right
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .layui-table-view .js-fppnl {
    display: block;
    position: relative
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .layui-table-view .js-fppnl .blue {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .layui-table-view .js-fppnl .txt-down {
    position: relative;
    z-index: 1
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    width: 12px;
    height: 12px;
    background: #6CE02A
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon.icon-green i {
    background: #4B59D9
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon.icon-yellow i {
    background: #ff8400
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon.icon-orange i {
    background: #F1D723
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon.icon-red i {
    background: #EB3D3D
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon.icon-gray i {
    background: #C6C6C6
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon.icon-fp i {
    background: #FFBD00
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon.icon-dy i {
    background: url("img/icon-house-dy.png") left center no-repeat;
    background-size: 12px 12px
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon.icon-cf i {
    background: url("img/icon-house-cf.png") left center no-repeat;
    background-size: 12px 12px
}

.page-fdc-housing-detail .tab-container .room-vs-price .layui-table-theme-gray .icon.icon-xs i {
    background: url("img/icon-house-xs.png") left center no-repeat;
    background-size: 12px 12px
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav {
    float: left;
    width: 220px;
    height: 680px;
    background: #F4F6F7;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    overflow: hidden;
    color: #666;
    font-size: 14px
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav a {
    display: block;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #DCDFE6;
    text-decoration: none
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav dl {
    height: 680px;
    overflow: auto
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav dt {
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px 40px 10px 20px;
    border-bottom: 1px solid #DCDFE6;
    background: #F4F6F7 url("img/icon-nav-down.png") 180px 50% no-repeat
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav dt.on {
    background-image: url("img/icon-nav-up.png")
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav dd {
    overflow: hidden
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav dd a {
    background: #f4f6f7
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav dd a:hover {
    background: #1B88E7;
    color: #fff
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav dd a.on {
    background: #1B88E7;
    color: #fff
}

.page-fdc-housing-detail .tab-container .room-vs-price .sidebar-nav dt.on + dd {
    height: auto
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-view-wrap {
    float: left;
    margin-left: 20px;
    width: 860px
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-view-wrap .tab-lbl-wrap2 {
    letter-spacing: -0.5em
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-view-wrap .tab-lbl-item {
    display: inline-block;
    letter-spacing: normal;
    cursor: pointer;
    box-sizing: border-box;
    width: 106px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px 5px 0px 0px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    text-indent: 30px;
    background: #67737E url("img/icon-view-grid.png") 10px 50% no-repeat;
    background-size: 10px 10px;
    border-left: 1px solid #fff
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-view-wrap .tab-lbl-item:first-child {
    border-left: none;
    background-image: url("img/icon-view-table.png")
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-view-wrap .tab-lbl-item:last-child {
    background-image: url("img/icon-view-info.png")
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-view-wrap .tab-lbl-item.on {
    background-color: #1B88E7
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-building-view {
    position: relative
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap {
    padding: 10px 20px;
    box-sizing: border-box;
    height: 600px;
    background: #FAFAFA;
    overflow: auto
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building {
    text-align: center;
    color: #fff;
    font-size: 12px
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td {
    border: 4px solid #fff
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div {
    display: table-cell;
    position: relative;
    min-width: 48px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #E8EAEC
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div.nopop, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div.nopop {
    color: #666;
    background: #E8EAEC
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div.green, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div.green {
    background: #4B59D9
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div.yellow, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div.yellow {
    background: #ff8400
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div.orange, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div.orange {
    background: #F1D723
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div.red, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div.red {
    color: #fff;
    background: #EB3D3D
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div.gray, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div.gray {
    background: #C6C6C6
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div.fp, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div.fp {
    background: #FFBD00
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div .icon-wrap, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div .icon-wrap {
    display: block;
    letter-spacing: -0.5em;
    position: absolute;
    left: 0;
    top: 0
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div .icon-wrap i, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div .icon-wrap i {
    display: inline-block;
    letter-spacing: normal;
    width: 16px;
    height: 16px;
    background: url("img/icon-house-dy.png") center no-repeat;
    background-size: 16px 16px;
    overflow: hidden;
    text-indent: -9999px
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div .icon-wrap i.icon-dy, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div .icon-wrap i.icon-dy {
    background-image: url("img/icon-house-dy.png")
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div .icon-wrap i.icon-cf, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div .icon-wrap i.icon-cf {
    background-image: url("img/icon-house-cf.png")
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th > div .icon-wrap i.icon-xs, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td > div .icon-wrap i.icon-xs {
    background-image: url("img/icon-house-xs.png")
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th {
    border-top-color: transparent
}

.page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building th:first-child, .page-fdc-housing-detail .tab-container .room-vs-price .table-building-wrap .table-building td:first-child {
    border-left-color: transparent
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup {
    box-sizing: border-box;
    position: absolute;
    z-index: 99;
    left: -9999px;
    top: -99999px;
    opacity: 0;
    width: 180px;
    min-height: 60px;
    border-radius: 13px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    text-align: left;
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup.show {
    opacity: 1
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border: 5px solid transparent;
    height: 0;
    width: 0;
    border-top-color: #CACFD4;
    margin-left: -5px
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup .con-wrap {
    position: relative;
    box-sizing: border-box;
    padding: 8px 12px;
    background: #fff;
    border: 4px solid #CACFD4;
    border-radius: 12px
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup .txt-label {
    color: #333
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup .txt-green {
    color: #C6C6C6
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup .txt-orange {
    color: #F1D723
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup .txt-red {
    color: #EB3D3D
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup .txt-gray {
    color: #C6C6C6
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup .txt-dy {
    color: #ff94b4
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup .txt-cf {
    color: #EE26A4
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-cell-popup .txt-xs {
    color: #BE228A
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-building-info {
    position: relative;
    padding: 20px 40px;
    min-height: 600px;
    background: #fafafa;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    border-radius: 5px
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-building-info .blue {
    color: #1B88E7
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-building-info .part {
    padding: 10px 0;
    color: #999;
    font-size: 14px;
    line-height: 1.8
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-building-info .part .half {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-building-info .part .txt-field {
    float: left;
    color: #333
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-building-info .part .img-wrap {
    display: inline-block
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-building-info .part .img-wrap img {
    max-width: 176px;
    max-height: 120px
}

.page-fdc-housing-detail .tab-container .room-vs-price .tbl-building-info .part .img-wrap .img-txt {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 5px 0
}

.page-fdc-housing-detail .tab-container .fpfygs .layui-input, .page-fdc-housing-detail .tab-container .fpfygs .layui-textarea {
    background-color: #F7F9FA;
    border-color: #B8BCC6
}

.page-fdc-housing-detail .tab-container .fpfygs .layui-input:focus, .page-fdc-housing-detail .tab-container .fpfygs .layui-textarea:focus {
    border-color: #018ce2 !important
}

.page-fdc-housing-detail .tab-container .fpfygs .layui-input:hover, .page-fdc-housing-detail .tab-container .fpfygs .layui-textarea:hover {
    border-color: #018ce2 !important
}

.page-fdc-housing-detail .tab-container .fpfygs .custom-tips {
    display: none;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 101%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-fdc-housing-detail .tab-container .fpfygs .input-error + .custom-tips {
    display: block
}

.page-fdc-housing-detail .tab-container .fpfygs .input-tips {
    display: none
}

.page-fdc-housing-detail .tab-container .fpfygs .validator-advice {
    display: block;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 100%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-fdc-housing-detail .tab-container .fpfygs .layui-form-item {
    margin-bottom: 20px
}

.page-fdc-housing-detail .tab-container .fpfygs .layui-input.input-error {
    border-color: #ed1a33
}

.page-fdc-housing-detail .tab-container .fpfygs .layui-form-text .layui-input-inline {
    width: 300px
}

.page-fdc-housing-detail .tab-container .fpfygs .layui-btn-container.btn-center {
    padding: 25px 0 0;
    text-align: center
}

.page-fdc-news-module .mid-con {
    padding-bottom: 25px
}

.page-fdc-news-module .subnews-item {
    margin-bottom: 44px
}

.page-fdc-news-module .subnews-item:first-child {
    margin-top: 44px
}

.page-fdc-news-module .subnews-item .hd {
    height: 38px;
    line-height: 38px;
    background: #DAE8F5;
    text-align: left
}

.page-fdc-news-module .subnews-item .hd .icon {
    float: left;
    margin-left: 6px;
    width: 14px;
    height: 38px;
    border-left: 3px solid #fff;
    box-shadow: -6px 0 0 0 #1B88E7
}

.page-fdc-news-module .subnews-item .hd .txt {
    float: left;
    padding: 0 10px;
    height: 38px;
    background: #fff;
    color: #333;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 5px
}

.page-fdc-news-module .subnews-item .hd .btns {
    float: right;
    margin-right: 28px;
    height: 38px;
    color: #333;
    font-size: 12px;
    line-height: 38px
}

.page-fdc-news-module .subnews-item .hd .btns .btn {
    display: inline-block
}

.page-fdc-news-module .subnews-item .hd .btns .btn.more {
    padding-right: 15px;
    background: url(img/icon-next.png) no-repeat right center
}

.page-fdc-news-module .subnews-item .subnews-list {
    padding: 20px 28px;
    background: #FDFDFD
}

.page-fdc-news-module .subnews-item .subnews-list ul {
    height: 260px;
    overflow: hidden
}

.page-fdc-news-module .subnews-item .subnews-list ul li {
    position: relative;
    height: 26px;
    line-height: 26px
}

.page-fdc-news-module .subnews-item .subnews-list ul li a {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 98px;
    width: 100%;
    color: #333;
    font-size: 14px;
    line-height: inherit;
    text-indent: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-fdc-news-module .subnews-item .subnews-list ul li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%
}

.page-fdc-news-module .subnews-item .subnews-list ul li em {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 12px;
    line-height: inherit
}

.page-fdc-news-module .subnews-item .subnews-list ul li.on a:before {
    background: #FD2626
}

.page-fdc-news-list-query .mod-hd {
    position: relative;
    padding-left: 17px;
    height: 38px;
    line-height: 38px;
    background: #DAE8F5;
    text-align: left
}

.page-fdc-news-list-query .mod-hd::before {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    width: 14px;
    height: 38px;
    border-left: 3px solid #fff;
    box-shadow: -6px 0 0 0 #1b88e7
}

.page-fdc-news-list-query .mod-hd .txt {
    display: inline-block;
    padding: 0 10px;
    height: 38px;
    background: #fff;
    color: #333;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 5px
}

.page-fdc-news-list-query .mod-hd .btns {
    position: relative;
    float: right;
    margin-right: 10px;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
}

.page-fdc-news-list-query .mod-hd .btns .btn {
    display: inline-block;
    color: #1B88E7
}

.page-fdc-news-list-query .mod-hd .btns .btn:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.page-fdc-news-list-query .mod-hd .btns .btn:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-news-list-query .mod-hd .btns .btn.more {
    padding-right: 15px;
    background: url("img/icon-next.png") no-repeat right center
}

.page-fdc-news-list-query .mod-hd .btns .btn.map {
    min-width: 20px;
    text-indent: 20px;
    background: url("img/icon-map.png") no-repeat left center
}

.page-fdc-news-list-query .con-container {
    padding: 20px 0 60px
}

.page-fdc-news-list-query .part-area-query {
    padding-top: 20px
}

.page-fdc-news-list-query .part-area-query .layui-form-mid {
    color: #999;
    font-size: 14px
}

.page-fdc-news-list-query .part-area-query .layui-input, .page-fdc-news-list-query .part-area-query .layui-textarea {
    font-size: 14px;
    border-radius: 5px
}

.page-fdc-news-list-query .part-area-query .layui-input.render-date {
    padding-left: 30px;
    background: url("img/icon-input-date.png") no-repeat 5px 50%;
    background-size: 20px 20px
}

.page-fdc-news-list-query .part-area-query .layui-btn-normal {
    width: 96px;
    background-color: #1B88E7;
    border-radius: 5px;
    color: #fff;
    font-size: 16px
}

.page-fdc-news-list-query .pagebar-wrap {
    text-align: center
}

.page-fdc-news-list-query .list-con li {
    margin-bottom: 10px
}

.page-fdc-news-list-query .list-con li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 15px 18px;
    background: #F8F9FB;
    border: 1px solid #F8F9FB;
    border-radius: 5px
}

.page-fdc-news-list-query .list-con li a:hover {
    border-color: #DCDFE6
}

.page-fdc-news-list-query .list-con li a .headline {
    position: relative;
    height: 22px;
    line-height: 22px
}

.page-fdc-news-list-query .list-con li a .headline .txt {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 98px;
    width: 100%;
    color: #333;
    font-size: 16px;
    line-height: inherit;
    text-indent: 12px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-fdc-news-list-query .list-con li a .headline .txt:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%
}

.page-fdc-news-list-query .list-con li a .headline .txt.on:before {
    background: #FD2626
}

.page-fdc-news-list-query .list-con li a .headline .time {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 12px;
    line-height: inherit
}

.page-fdc-news-list-query .list-con li a .news-desc {
    margin-top: 10px;
    width: 100%;
    max-height: 40px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-fdc-news-list .news-con-container {
    padding: 30px 0
}

.page-fdc-news-list .news-con-container .mod-hd {
    position: relative;
    padding-left: 17px;
    height: 38px;
    line-height: 38px;
    background: #DAE8F5;
    text-align: left
}

.page-fdc-news-list .news-con-container .mod-hd::before {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    width: 14px;
    height: 38px;
    border-left: 3px solid #fff;
    box-shadow: -6px 0 0 0 #1b88e7
}

.page-fdc-news-list .news-con-container .mod-hd .txt {
    display: inline-block;
    padding: 0 10px;
    height: 38px;
    background: #fff;
    color: #333;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 5px
}

.page-fdc-news-list .news-con-container .mod-hd .btns {
    position: relative;
    float: right;
    margin-right: 10px;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
}

.page-fdc-news-list .news-con-container .mod-hd .btns .btn {
    display: inline-block;
    color: #1B88E7
}

.page-fdc-news-list .news-con-container .mod-hd .btns .btn:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.page-fdc-news-list .news-con-container .mod-hd .btns .btn:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-news-list .news-con-container .mod-hd .btns .btn.more {
    padding-right: 15px;
    background: url("img/icon-next.png") no-repeat right center
}

.page-fdc-news-list .news-con-container .mod-hd .btns .btn.map {
    min-width: 20px;
    text-indent: 20px;
    background: url("img/icon-map.png") no-repeat left center
}

.page-fdc-news-list .news-con-container .list-con {
    padding-top: 26px
}

.page-fdc-news-list .news-con-container .list-con li {
    margin-bottom: 10px
}

.page-fdc-news-list .news-con-container .list-con li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 15px 18px;
    background: #F8F9FB;
    border: 1px solid #F8F9FB;
    border-radius: 5px
}

.page-fdc-news-list .news-con-container .list-con li a:hover {
    border-color: #DCDFE6
}

.page-fdc-news-list .news-con-container .list-con li a .headline {
    position: relative;
    height: 22px;
    line-height: 22px
}

.page-fdc-news-list .news-con-container .list-con li a .headline .txt {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 98px;
    width: 100%;
    color: #333;
    font-size: 16px;
    line-height: inherit;
    text-indent: 12px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-fdc-news-list .news-con-container .list-con li a .headline .txt:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%
}

.page-fdc-news-list .news-con-container .list-con li a .headline .txt.on:before {
    background: #FD2626
}

.page-fdc-news-list .news-con-container .list-con li a .headline .time {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 12px;
    line-height: inherit
}

.page-fdc-news-list .news-con-container .list-con li a .news-desc {
    margin-top: 10px;
    width: 100%;
    max-height: 40px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-fdc-news-list .news-con-container .list-download {
    padding-top: 26px
}

.page-fdc-news-list .news-con-container .list-download li {
    margin-bottom: 10px;
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 15px 18px;
    background: #F8F9FB;
    border: 1px solid #F8F9FB;
    border-radius: 5px
}

.page-fdc-news-list .news-con-container .list-download li .headline {
    position: relative;
    height: 22px;
    line-height: 22px
}

.page-fdc-news-list .news-con-container .list-download li .headline .txt {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 98px;
    width: 100%;
    color: #333;
    font-size: 16px;
    line-height: inherit;
    text-indent: 12px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-fdc-news-list .news-con-container .list-download li .headline .txt:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%
}

.page-fdc-news-list .news-con-container .list-download li .headline .txt.on:before {
    background: #FD2626
}

.page-fdc-news-list .news-con-container .list-download li .headline .time {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 12px;
    line-height: inherit
}

.page-fdc-news-list .news-con-container .list-download li .headline .download {
    position: absolute;
    right: 150px;
    top: 0;
    color: #1B88E7;
    font-size: 16px;
    line-height: inherit
}

.page-fdc-news-list .news-con-container .list-download li .headline .look {
    position: absolute;
    right: 100px;
    top: 0;
    color: #1B88E7;
    font-size: 16px;
    line-height: inherit
}

.page-fdc-news-list .news-con-container .pagebar-wrap {
    text-align: center
}

.page-fdc-news-detail .breadcrumb-fdc b {
    display: inline-block;
    max-width: 6em;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-fdc-news-detail .news-hd {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px dashed #EDEFF3
}

.page-fdc-news-detail .news-hd h2 {
    color: #333;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold
}

.page-fdc-news-detail .news-hd .time {
    text-align: center;
    margin-top: 8px;
    height: 20px;
    text-indent: 22px;
    color: #999;
    font-size: 14px;
    line-height: 20px
}

.page-fdc-news-detail .news-hd .time .time-bg {
    background: url("img/icon-time.png") left center no-repeat;
    padding: 0 20px
}

.page-fdc-news-detail .news-con {
    padding: 26px 0 60px;
    position: relative;
    color: #666;
    font-size: 14px;
    line-height: 26px
}

.page-fdc-news-detail .news-con img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.page-red-black .con-container {
    padding: 20px 0 90px
}

.page-red-black .sidebar-nav {
    float: left;
    width: 170px;
    height: 640px;
    background: #F4F6F7;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    text-indent: 15px
}

.page-red-black .sidebar-nav a {
    display: block;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #DCDFE6;
    text-decoration: none
}

.page-red-black .sidebar-nav dl {
    height: 640px;
    overflow: auto
}

.page-red-black .sidebar-nav dt {
    cursor: pointer;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #DCDFE6;
    background: #F4F6F7 url("img/icon-nav-down.png") 130px 50% no-repeat
}

.page-red-black .sidebar-nav dt.on {
    background-image: url("img/icon-nav-up.png")
}

.page-red-black .sidebar-nav dd {
    overflow: hidden;
    height: 0
}

.page-red-black .sidebar-nav dd a {
    background: #fff;
    text-indent: 30px
}

.page-red-black .sidebar-nav dd a:hover {
    background: #F9FBFC
}

.page-red-black .sidebar-nav dd a.on {
    background: #1B88E7;
    color: #fff
}

.page-red-black .sidebar-nav dt.on + dd {
    height: auto
}

.page-red-black .nav-content {
    float: left;
    margin-left: 20px;
    width: 910px;
    min-height: 640px;
    background: #F4F6F7;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    overflow: hidden
}

.page-red-black .nav-content .hd {
    padding: 20px 40px;
    border-bottom: 1px solid #dcdfe6;
    color: #333;
    font-size: 26px;
    line-height: 35px;
    font-weight: bold
}

.page-red-black .nav-content .list-container {
    padding: 0 40px
}

.page-red-black .nav-content .list-container li {
    box-sizing: border-box;
    padding: 20px 0;
    border-bottom: 1px solid #dcdfe6
}

.page-red-black .nav-content .list-container li .td {
    display: table-cell;
    vertical-align: middle
}

.page-red-black .nav-content .list-container li .sn {
    width: 40px;
    color: #ddd;
    font-size: 30px;
    line-height: 1
}

.page-red-black .nav-content .list-container li .portrait {
    padding-right: 10px
}

.page-red-black .nav-content .list-container li .portrait img {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: url(img/tx-default.png) center no-repeat
}

.page-red-black .nav-content .list-container li .info .name {
    display: block;
    background: url(img/icon-rank-house.png) left center no-repeat;
    text-indent: 20px;
    color: #333;
    font-size: 14px;
    font-weight: bold
}

.page-red-black .nav-content .list-container li .info .name.company {
    color: #0B52B3;
    background-image: url(img/icon-rank-house.png)
}

.page-red-black .nav-content .list-container li .info .name.person {
    color: #0B52B3;
    background-image: url(img/icon-rank-user.png)
}

.page-red-black .nav-content .list-container li .info .name.organ {
    color: #333;
    background-image: url(img/icon-rank-menu.png)
}

.page-red-black .nav-content .list-container li .info .txt-field, .page-red-black .nav-content .list-container li .info .txt-value {
    color: #999;
    font-size: 12px;
    line-height: 22px;
    word-break: break-all
}

.page-red-black .nav-content .list-container li .info .txt-field {
    color: #333
}

.page-red-black .pagebarWrapper {
    text-align: center
}

.page-red-black .pagebarWrapper .layui-laypage-tbl-blue.layui-laypage button {
    background: #f4f6f7
}

.page-qygs-query .con-container {
    padding: 20px 0 90px
}

.page-qygs-query .sidebar-nav {
    float: left;
    width: 150px;
    height: 640px;
    background: #F4F6F7;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    text-indent: 15px
}

.page-qygs-query .sidebar-nav a {
    display: block;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #DCDFE6;
    text-decoration: none
}

.page-qygs-query .sidebar-nav dl {
    height: 640px;
    overflow: auto
}

.page-qygs-query .sidebar-nav dt {
    cursor: pointer;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #DCDFE6;
    background: #F4F6F7 url("img/icon-nav-down.png") 110px 50% no-repeat
}

.page-qygs-query .sidebar-nav dt.on {
    background-image: url("img/icon-nav-up.png")
}

.page-qygs-query .sidebar-nav dd a {
    background: #f4f6f7;
    text-indent: 15px
}

.page-qygs-query .sidebar-nav dd a:hover {
    background: #F9FBFC
}

.page-qygs-query .sidebar-nav dd a.on {
    background: #1B88E7;
    color: #fff
}

.page-qygs-query .sidebar-nav dt.on + dd {
    height: auto
}

.page-qygs-query .nav-content {
    float: left;
    margin-left: 20px;
    width: 930px;
    height: 640px;
    overflow: hidden
}

.page-qygs-query .nav-content .tab-lbl-wrap {
    letter-spacing: -0.5em
}

.page-qygs-query .nav-content .tab-lbl-wrap .tab-lbl-item {
    display: inline-block;
    letter-spacing: normal;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: 1px;
    width: 106px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    text-indent: 36px;
    background: #67737E url("img/icon-tab-company.png") 20px 50% no-repeat;
    background-size: 10px 10px
}

.page-qygs-query .nav-content .tab-lbl-wrap .tab-lbl-item:first-child {
    margin-left: 0;
    border-radius: 5px 0px 0px 0px
}

.page-qygs-query .nav-content .tab-lbl-wrap .tab-lbl-item:last-child {
    border-radius: 0px 5px 0px 0px
}

.page-qygs-query .nav-content .tab-lbl-wrap .tab-lbl-item.on {
    background-color: #1B88E7
}

.page-qygs-query .nav-content .tab-lbl-wrap .tab-lbl-item.company {
    background-image: url("img/icon-tab-company.png")
}

.page-qygs-query .nav-content .tab-lbl-wrap .tab-lbl-item.person {
    background-image: url("img/icon-tab-person.png")
}

.page-qygs-query .nav-content .tab-lbl-wrap .tab-lbl-item.credit {
    background-image: url("img/icon-tab-credit.png")
}

.page-qygs-query .nav-content .tab-pnl-item {
    box-sizing: border-box;
    padding: 0 30px;
    height: 600px;
    border-radius: 0px 5px 5px 5px;
    border: 1px solid #DCDFE6;
    overflow: hidden
}

.page-qygs-query .nav-content .part-area-query {
    padding: 20px 0 0 0
}

.page-qygs-query .nav-content .part-area-query .w7 {
    width: 7em
}

.page-qygs-query .nav-content .part-area-query .w35 {
    width: 35em
}

.page-qygs-query .nav-content .part-area-query .layui-inline .layui-form-label {
    width: auto
}

.page-qygs-query .nav-content .part-area-query .layui-inline:first-child .layui-form-label {
    padding-left: 0
}

.page-qygs-info .con-container {
    padding: 20px 0 90px
}

.page-qygs-info .tab-lbl-wrap {
    letter-spacing: -0.5em
}

.page-qygs-info .tab-lbl-wrap .tab-lbl-item {
    display: inline-block;
    letter-spacing: normal;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: 1px;
    width: 106px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    text-indent: 36px;
    background: #67737E url("img/icon-tab-company.png") 20px 50% no-repeat;
    background-size: 10px 10px
}

.page-qygs-info .tab-lbl-wrap .tab-lbl-item:first-child {
    margin-left: 0;
    border-radius: 5px 0px 0px 0px
}

.page-qygs-info .tab-lbl-wrap .tab-lbl-item:last-child {
    border-radius: 0px 5px 0px 0px
}

.page-qygs-info .tab-lbl-wrap .tab-lbl-item.on {
    background-color: #1B88E7
}

.page-qygs-info .tab-lbl-wrap .tab-lbl-item.company {
    background-image: url("img/icon-tab-company.png")
}

.page-qygs-info .tab-lbl-wrap .tab-lbl-item.person {
    background-image: url("img/icon-tab-person.png")
}

.page-qygs-info .tab-lbl-wrap .tab-lbl-item.credit {
    background-image: url("img/icon-tab-credit.png")
}

.page-qygs-info .tab-pnl-item {
    padding: 0 40px;
    min-height: 600px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    border-radius: 0px 5px 5px 5px
}

.page-qygs-info .field-desc {
    padding: 20px 0;
    color: #999;
    font-size: 14px;
    line-height: 24px
}

.page-qygs-info .field-desc .filed-item {
    margin-left: 60px
}

.page-qygs-info .field-desc .filed-item:first-child {
    margin-left: 0
}

.page-qygs-info .field-desc em {
    color: #333
}

.page-qygs-info .field-desc em.red {
    color: #ed1a33
}

.page-qygs-info .part-area-search .w7 {
    width: 7em
}

.page-qygs-info .part-area-search .w35 {
    width: 35em
}

.page-qygs-info .part-pnl-company .blue {
    color: #1B88E7
}

.page-qygs-info .part-pnl-company .hd {
    padding: 22px 0;
    background: url("img/icon-pnl-hd.png") left center no-repeat;
    background-size: 24px 24px;
    border-bottom: 1px solid #DCDFE6;
    text-indent: 30px;
    color: #333;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold
}

.page-qygs-info .part-pnl-company .hd.user {
    background-image: url("img/icon-pnl-hd-user.png")
}

.page-qygs-info .part-pnl-company .part {
    padding: 10px 0;
    color: #999;
    font-size: 14px;
    line-height: 1.8
}

.page-qygs-info .part-pnl-company .part .half {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px
}

.page-qygs-info .part-pnl-company .part .txt-field {
    color: #333
}

.page-qygs-info .part-pnl-person .pagebarWrapper {
    text-align: center;
    padding: 10px
}

.page-qygs-info .part-pnl-credit .field-desc {
    text-align: center
}

.page-qygs-info .part-pnl-credit .pagebarWrapper {
    text-align: center;
    padding: 10px
}

.page-qygs-detail .con-container {
    padding: 20px 0 90px
}

.page-qygs-detail .part-detail-pnl {
    padding: 0 40px;
    min-height: 600px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    border-radius: 5px
}

.page-qygs-detail .part-detail-pnl .blue {
    color: #1B88E7
}

.page-qygs-detail .part-detail-pnl .hd {
    padding: 22px 0;
    background: url("img/icon-pnl-hd.png") left center no-repeat;
    background-size: 24px 24px;
    border-bottom: 1px solid #DCDFE6;
    text-indent: 30px;
    color: #333;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold
}

.page-qygs-detail .part-detail-pnl .hd.user {
    background-image: url("img/icon-pnl-hd-user.png")
}

.page-qygs-detail .part-detail-pnl .part {
    padding: 10px 0;
    color: #999;
    font-size: 14px;
    line-height: 1.5
}

.page-qygs-detail .part-detail-pnl .part .half {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px
}

.page-qygs-detail .part-detail-pnl .part .txt-field {
    color: #333
}

.page-global-search .full-container {
    padding: 0 0 40px;
    background: #fafafa
}

.page-global-search .full-container .keyword {
    color: #D90E29 !important
}

.page-global-search .full-container .nav-submenu {
    position: relative;
    letter-spacing: -0.5em;
    margin: 25px auto;
    box-sizing: border-box;
    padding: 0;
    width: 1100px;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.16);
    text-align: left;
    color: #333;
    font-size: 16px
}

.page-global-search .full-container .nav-submenu.fixed {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 50%;
    margin-left: -550px;
    margin-top: 0
}

.page-global-search .full-container .nav-submenu a {
    position: relative;
    display: inline-block;
    letter-spacing: normal;
    text-decoration: none;
    box-sizing: border-box;
    padding: 0 10px;
    min-width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.page-global-search .full-container .nav-submenu a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 12px;
    height: 26px;
    border-right: 1px solid #DFE6ED
}

.page-global-search .full-container .nav-submenu a.on, .page-global-search .full-container .nav-submenu a:hover {
    color: #1B88E7;
    border-bottom: 3px solid #1B88E7
}

.page-global-search .full-container .nav-submenu a.on:before, .page-global-search .full-container .nav-submenu a:hover:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -3px;
    border: 3px solid transparent;
    border-top-color: #1B88E7
}

.page-global-search .full-container .part-item {
    margin-bottom: 20px;
    padding: 0 40px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px
}

.page-global-search .full-container .part-item .pagebar-wrap {
    padding-bottom: 20px;
    text-align: center
}

.page-global-search .full-container .part-item .list-news-full .list-item-news {
    padding: 20px 0;
    border-top: 1px solid #DCDFE6
}

.page-global-search .full-container .part-item .list-news-full .list-item-news:first-child {
    border-top: none
}

.page-global-search .full-container .part-item .list-news-full .list-item-news a {
    text-decoration: none
}

.page-global-search .full-container .part-item .list-news-full .list-item-news .category {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
    padding-right: 98px;
    width: 100%;
    color: #1B88E7;
    font-size: 16px;
    line-height: 22px
}

.page-global-search .full-container .part-item .list-news-full .list-item-news .time {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 12px;
    line-height: 22px
}

.page-global-search .full-container .part-item .list-news-full .list-item-news .headline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-top: 4px;
    width: 100%;
    color: #333;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold
}

.page-global-search .full-container .part-item .list-news-full .list-item-news .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 0;
    width: 100%;
    color: #999;
    font-size: 14px;
    line-height: 1.5
}

.page-global-search .full-container .part-item .list-online-deal {
    padding-bottom: 25px;
    margin-left: -60px
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online {
    float: left;
    margin-top: 25px;
    margin-left: 60px
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon {
    float: left;
    position: relative;
    cursor: pointer;
    width: 66px;
    height: 66px;
    background: url(img/icon-zxbs-01.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon.icon-zxbs-01 {
    background-image: url(img/icon-zxbs-01.png)
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon.icon-zxbs-02 {
    background-image: url(img/icon-zxbs-02.png)
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon.icon-zxbs-03 {
    background-image: url(img/icon-zxbs-03.png)
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon.icon-zxbs-04 {
    background-image: url(img/icon-zxbs-04.png)
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon.icon-zxbs-05 {
    background-image: url(img/icon-zxbs-05.png)
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon.icon-zxbs-06 {
    background-image: url(img/icon-zxbs-06.png)
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon.icon-zxbs-07 {
    background-image: url(img/icon-zxbs-07.png)
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .icon.icon-zxbs-08 {
    background-image: url(img/icon-zxbs-08.png)
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .txt {
    float: left;
    margin-left: 14px;
    position: relative;
    width: 400px;
    text-align: left
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .txt .hd {
    display: block;
    padding: 10px 0 4px;
    color: #333;
    font-size: 14px;
    line-height: 20px
}

.page-global-search .full-container .part-item .list-online-deal .list-item-online .txt .desc {
    color: #999;
    font-size: 12px;
    line-height: 16px
}

.page-global-search .full-container .part-item .list-qyxy-full .list-item-qyxy {
    padding: 20px 0;
    border-top: 1px solid #DCDFE6
}

.page-global-search .full-container .part-item .list-qyxy-full .list-item-qyxy:first-child {
    border-top: none
}

.page-global-search .full-container .part-item .list-qyxy-full .list-item-qyxy a {
    text-decoration: none
}

.page-global-search .full-container .part-item .list-qyxy-full .list-item-qyxy .ogan {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    color: #1B88E7;
    font-size: 16px;
    line-height: 22px
}

.page-global-search .full-container .part-item .list-qyxy-full .list-item-qyxy .company {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-top: 4px;
    width: 100%;
    color: #333;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold
}

.page-global-search .full-container .part-item .list-qyxy-full .list-item-qyxy .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 0;
    width: 100%;
    color: #999;
    font-size: 14px;
    line-height: 1.5
}

.page-global-search .full-container .part-item .list-qyxy-full .list-item-qyxy .desc .location {
    padding: 0 5px;
    color: #333
}

.page-global-search .full-container .part-item .list-qyxy-full .list-item-qyxy .desc .location:after {
    content: '|';
    padding-left: 5px;
    font-size: inherit
}

.page-global-search .full-container .part-item .list-housing {
    padding: 40px 0 20px;
    margin-left: -36px;
    letter-spacing: -0.41em
}

.page-global-search .full-container .part-item .list-housing .house-list-item {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    vertical-align: top;
    margin-left: 36px;
    margin-bottom: 20px;
    width: 316px
}

.page-global-search .full-container .part-item .list-housing .house-list-item:hover {
    background-color: #F7F8FA
}

.page-global-search .full-container .part-item .list-housing .house-list-item a {
    text-decoration: none
}

.page-global-search .full-container .part-item .list-housing .house-list-item .item-pic {
    position: relative;
    width: 316px;
    height: 212px;
    background: #eaedf1 url(img/img-load-error.png) center no-repeat;
    background-size: 50px 43px;
    overflow: hidden
}

.page-global-search .full-container .part-item .list-housing .house-list-item .item-pic img {
    width: 316px;
    height: 212px;
    vertical-align: top
}

.page-global-search .full-container .part-item .list-housing .house-list-item .mark {
    position: absolute;
    right: 16px;
    bottom: 10px
}

.page-global-search .full-container .part-item .list-housing .house-list-item .mark .fa {
    margin-right: 4px
}

.page-global-search .full-container .part-item .list-housing .house-list-item .mark .icon {
    margin-right: 5px;
    padding: 2px 15px;
    background: rgba(39, 39, 39, 0.55);
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    box-sizing: border-box
}

.page-global-search .full-container .part-item .list-housing .house-list-item .tag-price {
    display: block;
    position: absolute;
    left: -3px;
    top: 20px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    background: #3695E9;
    border-radius: 0px 5px 5px 0px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.page-global-search .full-container .part-item .list-housing .house-list-item .tag-price:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    width: 0;
    height: 0;
    border: 2px solid #1F69AA;
    border-top-width: 3px;
    border-left-color: transparent;
    border-top-color: transparent
}

.page-global-search .full-container .part-item .list-housing .house-list-item .tag-price:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 0;
    border: 2px solid #1F69AA;
    border-top-width: 3px;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.page-global-search .full-container .part-item .list-housing .house-list-item .item-hd {
    padding: 6px 0;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-weight: bold
}

.page-global-search .full-container .part-item .list-housing .house-list-item .item-desc {
    padding-bottom: 10px;
    text-align: center;
    color: #999;
    font-size: 14px
}

.page-global-search .full-container .part-item .list-housing .house-list-item .item-desc span {
    padding: 0 5px
}

.page-global-search .full-container .part-item .list-housing .house-list-item .item-desc .location {
    padding: 0 5px;
    color: #333
}

.page-global-search .full-container .part-item .list-housing .house-list-item .item-desc .location:after {
    content: '|';
    padding-left: 5px;
    font-size: inherit
}

.page-score-list .w30 {
    width: 30em
}

.page-score-list .con-container {
    padding: 20px 0 90px
}

.page-score-list .sidebar-nav {
    float: left;
    width: 150px;
    height: 640px;
    background: #F4F6F7;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    text-indent: 15px
}

.page-score-list .sidebar-nav a {
    display: block;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #DCDFE6;
    text-decoration: none
}

.page-score-list .sidebar-nav dl {
    height: 640px;
    overflow: auto
}

.page-score-list .sidebar-nav dt {
    cursor: pointer;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #DCDFE6;
    background: #F4F6F7 url("img/icon-nav-down.png") 110px 50% no-repeat
}

.page-score-list .sidebar-nav dt.on {
    background-image: url("img/icon-nav-up.png")
}

.page-score-list .sidebar-nav dd a {
    background: #f4f6f7;
    text-indent: 15px
}

.page-score-list .sidebar-nav dd a:hover {
    background: #F9FBFC
}

.page-score-list .sidebar-nav dd a.on {
    background: #1B88E7;
    color: #fff
}

.page-score-list .sidebar-nav dt.on + dd {
    height: auto
}

.page-score-list .nav-content {
    float: left;
    margin-left: 20px;
    padding: 0 30px;
    box-sizing: border-box;
    width: 930px;
    height: 640px;
    border-radius: 5px;
    border: 1px solid #DCDFE6;
    overflow: hidden
}

.page-score-list .nav-content .part-area-query {
    padding: 20px 0 0 0
}

.page-score-list .nav-content .part-area-query .w7 {
    width: 7em
}

.page-score-list .nav-content .part-area-query .w35 {
    width: 35em
}

.page-score-list .nav-content .part-area-query .w39 {
    width: 39em
}

.page-score-list .nav-content .part-area-query .layui-inline .layui-form-label {
    width: auto
}

.page-score-list .nav-content .part-area-query .layui-inline:first-child .layui-form-label {
    padding-left: 0
}

.page-score-list .tab-lbl-wrap {
    letter-spacing: -0.5em
}

.page-score-list .tab-lbl-wrap .tab-lbl-item {
    display: inline-block;
    letter-spacing: normal;
    cursor: pointer;
    box-sizing: border-box;
    margin-left: 1px;
    width: 106px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    text-indent: 36px;
    background: #67737E url("img/icon-tab-company.png") 20px 50% no-repeat;
    background-size: 10px 10px;
    text-decoration: none
}

.page-score-list .tab-lbl-wrap .tab-lbl-item:first-child {
    margin-left: 0;
    border-radius: 5px 0px 0px 0px
}

.page-score-list .tab-lbl-wrap .tab-lbl-item:last-child {
    border-radius: 0px 5px 0px 0px
}

.page-score-list .tab-lbl-wrap .tab-lbl-item.on {
    background-color: #1B88E7
}

.page-score-list .tab-lbl-wrap .tab-lbl-item.company {
    background-image: url("img/icon-tab-company.png")
}

.page-score-list .tab-lbl-wrap .tab-lbl-item.person {
    background-image: url("img/icon-tab-person.png")
}

.page-score-list .tab-lbl-wrap .tab-lbl-item.credit {
    background-image: url("img/icon-tab-credit.png")
}

.page-score-list .tab-pnl-item {
    padding: 40px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    border-radius: 0px 5px 5px 5px
}

.page-fdc-spf-query .table-theme-gray.th-blue {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16)
}

.page-fdc-spf-query .table-theme-gray.th-blue thead tr {
    background-color: #3695E9
}

.page-fdc-spf-query .mid-con {
    padding: 30px 0 60px
}

.page-fdc-spf-query .part-search-bar {
    position: relative;
    width: 1100px;
    height: 50px;
    background: #fff;
    overflow: hidden;
    border-radius: 25px;
    box-sizing: border-box;
    border: 1px solid #018ce2
}

.page-fdc-spf-query .part-search-bar .search-input {
    padding: 10px 0;
    margin-left: 30px;
    width: 950px;
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: #fff;
    text-indent: 10px;
    color: #333;
    font-size: 16px
}

.page-fdc-spf-query .part-search-bar .search-input::-webkit-input-placeholder {
    color: #D3D3D3
}

.page-fdc-spf-query .part-search-bar .search-input:-moz-placeholder {
    color: #D3D3D3
}

.page-fdc-spf-query .part-search-bar .search-input:-ms-input-placeholder {
    color: #D3D3D3
}

.page-fdc-spf-query .part-search-bar .search-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #018ce2;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.page-fdc-spf-query .mod-item {
    background: #fff;
    margin-top: 30px
}

.page-fdc-spf-query .mod-item .hd {
    position: relative;
    text-align: right
}

.page-fdc-spf-query .mod-item .btn-all {
    display: inline-block;
    text-decoration: none;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    background: #1B88E7;
    border-radius: 15px;
    color: #fff;
    font-size: 14px
}

.page-fdc-spf-query .mod-hd {
    position: relative;
    height: 36px;
    overflow: hidden
}

.page-fdc-spf-query .mod-hd .txt {
    color: #333;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 3px;
    font-weight: bold
}

.page-fdc-spf-query .mod-hd .txt .en {
    color: #999;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: normal
}

.page-fdc-spf-query .mod-hd .txt .en:before {
    content: '/';
    display: inline;
    color: #999;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 5px
}

.page-fdc-spf-query .mod-hd .txt.mult {
    margin-left: -28px
}

.page-fdc-spf-query .mod-hd .txt.isclick {
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: #77b7ef
}

.page-fdc-spf-query .mod-hd .txt.isclick:hover {
    opacity: 0.75
}

.page-fdc-spf-query .mod-hd .txt.isclick.on {
    z-index: 2;
    background: #1B88E7
}

.page-fdc-spf-query .mod-hd .btns {
    position: relative;
    float: right;
    margin-right: 10px;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
}

.page-fdc-spf-query .mod-hd .btns .btn {
    display: inline-block
}

.page-fdc-spf-query .mod-hd .btns .btn:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.page-fdc-spf-query .mod-hd .btns .btn:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-spf-query .mod-hd .btns .btn.more {
    padding-right: 15px;
    background: url("img/icon-next.png") no-repeat right center
}

.page-fdc-spf-query .mod-hd .btns .btn.map {
    min-width: 20px;
    text-indent: 20px;
    background: url("img/icon-map.png") no-repeat left center
}

.page-fdc-spf-query .mod-con {
    padding-top: 10px
}

.page-fdc-spf-query .rank-tbl .rank-num {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #859DC5;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.page-fdc-spf-query .rank-tbl .rank-num.blue {
    background: #D91744
}

.page-fdc-spf-query .list-house {
    text-align: left;
    letter-spacing: -0.5em
}

.page-fdc-spf-query .list-house .list-item {
    display: inline-block;
    letter-spacing: normal;
    margin-left: 20px;
    margin-top: 20px;
    text-decoration: none;
    background: #F8F9FB;
    position: relative;
    text-align: center
}

.page-fdc-spf-query .list-house .list-item:first-child {
    margin-left: 0
}

.page-fdc-spf-query .list-house .list-item:nth-child(5n+1) {
    margin-left: 0
}

.page-fdc-spf-query .list-house .list-item:hover {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16)
}

.page-fdc-spf-query .list-house .list-item figure {
    position: relative;
    width: 204px;
    height: 156px;
    background: #eaedf1 url(img/img-load-error.png) center no-repeat;
    background-size: 50px 43px
}

.page-fdc-spf-query .list-house .list-item figure img {
    width: 204px;
    height: 156px
}

.page-fdc-spf-query .list-house .list-item .mark {
    display: block;
    position: absolute;
    left: -3px;
    top: 20px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    background: #3695E9;
    border-radius: 0px 5px 5px 0px;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.page-fdc-spf-query .list-house .list-item .mark:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    width: 0;
    height: 0;
    border: 2px solid #1F69AA;
    border-top-width: 3px;
    border-left-color: transparent;
    border-top-color: transparent
}

.page-fdc-spf-query .list-house .list-item .mark:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 0;
    border: 2px solid #1F69AA;
    border-top-width: 3px;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.page-fdc-spf-query .list-house .list-item .title {
    padding: 9px 5px;
    width: 194px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-size: 16px;
    line-height: 22px
}

.page-fdc-spf-query .list-house .list-item .desc {
    padding: 9px 5px;
    background: #F8F9FB;
    color: #333;
    font-size: 14px;
    line-height: 20px
}

.page-fdc-spf-query .list-house .list-item .desc span:before {
    content: '|';
    display: inline-block;
    padding: 0 5px
}

.page-fdc-spf-query .list-house .list-item .desc span:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-spf-query .mod-item.sale-rank .tab-lbl-wrap {
    letter-spacing: -0.5em;
    text-align: right;
    margin-top: -44px;
    padding-bottom: 20px
}

.page-fdc-spf-query .mod-item.sale-rank .tab-lbl-wrap .tab-lbl-item {
    display: inline-block;
    letter-spacing: normal;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 25px;
    margin-left: 8px;
    height: 36px;
    line-height: 36px;
    background: #DDE4EA;
    color: #999;
    font-size: 16px;
    border-radius: 5px
}

.page-fdc-spf-query .mod-item.sale-rank .tab-lbl-wrap .tab-lbl-item.on {
    background: #3695E9;
    color: #fff
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn.select-bg {
    text-align: center;
    position: relative;
    text-decoration: none;
    padding: 0 16px;
    min-width: 30px;
    height: 22px;
    line-height: 22px;
    border-radius: 14px;
    background: #fff;
    color: #3695E9;
    font-size: 14px
}

.page-fdc-house-market .section-full {
    background: #FAFAFB
}

.page-fdc-house-market .mid-con {
    padding: 30px 0 60px
}

.page-fdc-house-market .mod-item {
    position: relative;
    padding: 30px 40px;
    background: #fff;
    margin-top: 30px
}

.page-fdc-house-market .mod-hd {
    position: relative;
    height: 36px;
    overflow: hidden
}

.page-fdc-house-market .mod-hd .txt {
    color: #333;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 3px;
    font-weight: bold
}

.page-fdc-house-market .mod-hd .txt .en {
    color: #999;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: normal
}

.page-fdc-house-market .mod-hd .txt .en:before {
    content: '/';
    display: inline;
    color: #999;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 5px
}

.page-fdc-house-market .mod-hd .txt.mult {
    margin-left: -28px
}

.page-fdc-house-market .mod-hd .txt.isclick {
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: #77b7ef
}

.page-fdc-house-market .mod-hd .txt.isclick:hover {
    opacity: 0.75
}

.page-fdc-house-market .mod-hd .txt.isclick.on {
    z-index: 2;
    background: #1B88E7
}

.page-fdc-house-market .mod-hd .btns {
    position: relative;
    float: right;
    margin-right: 10px;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
}

.page-fdc-house-market .mod-hd .btns .btn {
    display: inline-block;
    color: #1B88E7
}

.page-fdc-house-market .mod-hd .btns .btn:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.page-fdc-house-market .mod-hd .btns .btn:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-house-market .mod-hd .btns .btn.more {
    padding-right: 15px;
    background: url("img/icon-next.png") no-repeat right center
}

.page-fdc-house-market .mod-hd .btns .btn.map {
    min-width: 20px;
    text-indent: 20px;
    background: url("img/icon-map.png") no-repeat left center
}

.page-fdc-house-market .mod-hd-btn-wrap {
    position: absolute;
    z-index: 9;
    top: 30px;
    right: 40px
}

.page-fdc-house-market .mod-hd-btn-wrap .btns {
    position: relative;
    float: right;
    margin-right: 10px;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn {
    display: inline-block
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn:first-child:before {
    content: '';
    padding: 0
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn.more {
    padding-right: 15px;
    background: url("img/icon-next.png") no-repeat right center
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn.map {
    min-width: 20px;
    text-indent: 20px;
    background: url("img/icon-map.png") no-repeat left center
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn.select-opt {
    position: relative;
    text-decoration: none;
    padding: 0 16px;
    min-width: 50px;
    height: 22px;
    line-height: 22px;
    border-radius: 5px;
    background: #fff;
    color: #3695E9;
    font-size: 14px;
    box-shadow: 0 0 1px #666
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn.select-opt:after {
    content: '';
    display: block;
    position: absolute;
    right: 8px;
    top: 4px;
    width: 10px;
    height: 10px;
    background: url("img/icon-select.png") no-repeat center
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn.select-opt + .select-list {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 100%;
    background: #e3e5e8;
    border-radius: 5px;
    overflow: hidden
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn.select-opt + .select-list li {
    white-space: normal;
    min-width: 82px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #eee
}

.page-fdc-house-market .mod-hd-btn-wrap .btns .btn.select-opt + .select-list li:hover {
    background: #3695E9;
    color: #fff
}

.page-fdc-house-market .mod-con {
    padding-top: 10px
}

.page-fdc-house-market .market-tbl {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16)
}

.page-fdc-house-market .market-tbl table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.42
}

.page-fdc-house-market .market-tbl th, .page-fdc-house-market .market-tbl td {
    display: table-cell;
    box-sizing: border-box;
    padding: 10px;
    min-width: 80px;
    border: 1px solid #EFF0F3;
    text-align: center
}

.page-fdc-house-market .market-tbl th {
    color: #fff;
    font-weight: bold
}

.page-fdc-house-market .market-tbl thead {
    display: table-header-group;
    vertical-align: middle
}

.page-fdc-house-market .market-tbl tr {
    display: table-row;
    vertical-align: inherit
}

.page-fdc-house-market .market-tbl tr.hd {
    background-color: #3695E9
}

.page-fdc-house-market .market-tbl tr.hd td {
    color: #fff;
    font-weight: bold
}

.page-fdc-house-market .market-tbl thead {
    position: relative
}

.page-fdc-house-market .market-tbl thead:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 39px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 3px 6px rgba(9, 45, 78, 0.16)
}

.page-fdc-house-market .market-tbl thead tr {
    background-color: #3695E9;
    border-top: 8px solid #3695E9;
    border-bottom: 8px solid #3695E9
}

.page-fdc-house-market .market-tbl thead tr th {
    padding: 2px 10px
}

.page-fdc-house-market .market-tbl thead tr th:first-child {
    border-left: none
}

.page-fdc-house-market .market-tbl thead tr th:last-child {
    border-right: none
}

.page-fdc-house-market .market-tbl tbody tr {
    background: #fff
}

.page-fdc-house-market .market-tbl .txt-l {
    text-align: left
}

.page-fdc-house-market .market-tbl .txt-c {
    text-align: center
}

.page-fdc-house-market .market-tbl .txt-r {
    text-align: right
}

.page-fdc-house-market .market-tbl .red {
    color: #ed1a33
}

.page-fdc-house-market .market-tbl .blue {
    color: #0B52B3
}

.page-fdc-house-market .market-tbl .black {
    color: #000;
    font-weight: bold
}

.page-fdc-house-market .market-tbl .td-blk {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-fdc-house-market .market-tbl .td-blk.w1 {
    max-width: 240px
}

.page-fdc-house-market .market-tbl .td-blk.w2 {
    max-width: 380px
}

.page-fdc-house-market .market-tbl .td-blk.w3 {
    max-width: 480px
}

.page-fdc-house-market .market-tbl .td-blk.w4 {
    max-width: 580px
}

.fdc-esf-query .section-full {
    background: #FAFAFB
}

.fdc-esf-query .mid-con {
    padding: 30px 0 70px
}

.fdc-esf-query .part-nav-wrap {
    padding: 30px 0;
    text-align: center
}

.fdc-esf-query .part-nav-wrap li {
    display: inline-block;
    width: 25%;
    text-align: center
}

.fdc-esf-query .part-nav-wrap li a:hover .icon {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate
}

.fdc-esf-query .part-nav-wrap li a {
    display: block;
    text-decoration: none
}

.fdc-esf-query .part-nav-wrap li a .icon {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    background: url("img/icon-large-location.png") center no-repeat;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.fdc-esf-query .part-nav-wrap li a .icon.icon1 {
    background-image: url("img/icon-large-location.png")
}

.fdc-esf-query .part-nav-wrap li a .icon.icon2 {
    background-image: url("img/icon-large-chart.png")
}

.fdc-esf-query .part-nav-wrap li a .icon.icon3 {
    background-image: url("img/icon-large-notice .png")
}

.fdc-esf-query .part-nav-wrap li a .icon.icon4 {
    background-image: url("img/icon-large-house.png")
}

.fdc-esf-query .part-nav-wrap li a b {
    display: block;
    padding: 6px 0;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal
}

.fdc-esf-query .part-search-bar {
    position: relative;
    width: 1100px;
    height: 50px;
    background: #fff;
    overflow: hidden;
    border-radius: 25px;
    box-sizing: border-box;
    border: 1px solid #018ce2
}

.fdc-esf-query .part-search-bar .search-input {
    padding: 10px 0;
    margin-left: 30px;
    width: 950px;
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: #fff;
    text-indent: 10px;
    color: #333;
    font-size: 16px
}

.fdc-esf-query .part-search-bar .search-input::-webkit-input-placeholder {
    color: #D3D3D3
}

.fdc-esf-query .part-search-bar .search-input:-moz-placeholder {
    color: #D3D3D3
}

.fdc-esf-query .part-search-bar .search-input:-ms-input-placeholder {
    color: #D3D3D3
}

.fdc-esf-query .part-search-bar .search-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #018ce2;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.fdc-esf-query .part-search-range {
    margin-top: 30px;
    padding: 15px 40px 5px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.fdc-esf-query .part-search-range .secitem {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px
}

.fdc-esf-query .part-search-range .secitem dt {
    float: left;
    display: inline-block;
    padding-left: 18px;
    margin-right: 14px;
    background: url("img/icon-area-lociton.png") left center no-repeat;
    color: #999;
    font-weight: bold
}

.fdc-esf-query .part-search-range .secitem dt.location {
    background-image: url("img/icon-area-lociton.png")
}

.fdc-esf-query .part-search-range .secitem dt.room {
    background-image: url("img/icon-area-room.png")
}

.fdc-esf-query .part-search-range .secitem dt.type {
    background-image: url("img/icon-area-type.png")
}

.fdc-esf-query .part-search-range .secitem dt.price {
    background-image: url("img/icon-area-price.png")
}

.fdc-esf-query .part-search-range .secitem dt.mj {
    background-image: url("img/icon-area-mj.png")
}

.fdc-esf-query .part-search-range .secitem dd {
    display: table-cell
}

.fdc-esf-query .part-search-range .secitem dd a {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding: 0 10px;
    color: #333
}

.fdc-esf-query .part-search-range .secitem dd a.on, .fdc-esf-query .part-search-range .secitem dd a:hover {
    text-decoration: none;
    background-color: #018ce2;
    border-radius: 10px;
    color: #fff
}

.fdc-esf-query .tab-lbl-wrap {
    letter-spacing: -0.5em;
    text-align: left
}

.fdc-esf-query .tab-lbl-wrap .tab-lbl-item {
    display: inline-block;
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    margin-right: 30px;
    height: 35px;
    color: #333;
    font-size: 20px;
    line-height: 35px;
    font-weight: bold
}

.fdc-esf-query .tab-lbl-wrap .tab-lbl-item.on {
    color: #3695E9;
    border-bottom: 3px solid #3695E9
}

.fdc-esf-query .tab-lbl-wrap .tab-lbl-item.on::before {
    content: '';
    display: block;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -4px;
    border-style: solid;
    border-width: 4px;
    border-color: #3695E9 transparent transparent transparent
}

.fdc-esf-query .tab-lbl-wrap .tab-lbl-item i {
    font-style: inherit;
    font-weight: inherit
}

.fdc-esf-query .part-show-list {
    position: relative;
    margin-top: 40px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff
}

.fdc-esf-query .part-show-list.gray {
    background: #FAFAFB
}

.fdc-esf-query .part-show-list .pan-hd {
    padding: 20px 40px;
    color: #666;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold
}

.fdc-esf-query .part-show-list .pan-hd.zj-border {
    padding: 10px 40px;
    border-bottom: 1px solid #e1e4e9;
    background: #fff
}

.fdc-esf-query .part-show-list .pan-hd .num-total {
    color: #1B88E7;
    font-weight: bold
}

.fdc-esf-query .part-show-list .pan-con {
    margin-top: 20px
}

.fdc-esf-query .part-show-list .pan-con.white {
    background: #fff
}

.fdc-esf-query .part-show-list .pan-con.no-top {
    padding: 0
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item {
    position: relative;
    padding: 20px 40px;
    cursor: pointer;
    vertical-align: top;
    border-bottom: 1px solid #e1e4e9
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item:first-child {
    border-top: 1px solid #e1e4e9
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item:after {
    content: ' ';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item:hover {
    background-color: #ECEDF0
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item:hover .part-info .item-hd .txt-proj {
    color: #1B88E7
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item.border-zj-ls {
    padding: 20px 30px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item.border-zj-ls:first-child {
    border-top: none
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item.arrow.on:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 598px;
    height: 122px;
    background: url("img/arrow-bg.png") no-repeat center
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item.arrow.on .item-hd .txt-proj {
    color: #fff;
    font-size: 21px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item.arrow.on .part-count .txt-val, .fdc-esf-query .part-show-list .pan-con ul .house-list-item.arrow.on .part-count .txt-name {
    color: #fff
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item.arrow.on .part-count .txt-val .count-num {
    color: #fff;
    font-size: 53px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item.arrow.on .part-info .item-intro {
    color: #fff
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item.arrow.on .part-info .item-intro .icon.icon-location {
    background-image: url(img/icon-proj-location2.png)
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item.arrow.on .part-info .item-intro .icon.icon-tel {
    background-image: url("img/icon-proj-tel-gray2.png")
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item a {
    text-decoration: none
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-img {
    display: block;
    float: left;
    margin-right: 36px;
    width: 220px;
    height: 148px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-img figure {
    position: relative;
    width: 220px;
    height: 148px;
    background: #eaedf1 url(img/img-load-error.png) center no-repeat;
    background-size: 50px 43px;
    overflow: hidden
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-img figure img {
    width: 220px;
    height: 148px;
    vertical-align: top
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-img.small {
    margin-right: 15px;
    width: 186px;
    height: 126px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-img.small figure {
    width: 186px;
    height: 126px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-img.small figure img {
    width: 186px;
    height: 126px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-img .mark {
    position: absolute;
    right: 8px;
    bottom: 8px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-img .mark .icon {
    display: inline-block;
    margin: 3px 5px;
    padding: 2px 8px;
    background: rgba(255, 255, 255, 0.84);
    color: #1B88E7;
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px;
    box-sizing: border-box
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info {
    position: relative;
    z-index: 9
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-proj {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-proj:hover {
    color: #1B88E7
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-using {
    margin-left: 8px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-hd .txt-using i {
    display: inline-block;
    margin: 2px 5px;
    padding: 0 13px;
    height: 20px;
    line-height: 20px;
    background: #1b88e7;
    opacity: 0.27;
    border-radius: 10px;
    color: #fff;
    font-size: 14px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-intro {
    margin-top: 8px;
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon {
    padding-left: 16px;
    background: url("img/icon-proj-location.png") left center no-repeat
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-none {
    padding-left: 0;
    background-image: none
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-presale {
    background-image: url("img/icon-proj-presale.png")
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-time {
    background-image: url("img/icon-proj-time.png")
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-location {
    background-image: url("img/icon-proj-location.png")
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-company {
    background-image: url("img/icon-proj-company.png")
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-info .item-intro .icon.icon-tel {
    background-image: url("img/icon-proj-tel-gray.png")
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-count {
    position: absolute;
    z-index: 9;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #666;
    font-size: 16px;
    line-height: 64px
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-count .txt-val {
    color: #1B88E7
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-count .txt-val .count-num {
    font-size: 48px;
    font-weight: bold
}

.fdc-esf-query .part-show-list .pan-con ul .house-list-item .part-count .txt-val .count-unit {
    font-size: 24px;
    font-weight: bold
}

.fdc-esf-query .part-show-list .zj-list {
    float: left;
    width: 550px;
    background: #fff
}

.fdc-esf-query .part-show-list .zj-house {
    float: left;
    margin-left: 60px;
    width: 490px;
    max-height: 1290px;
    background: #fff;
    overflow: auto
}

.fdc-esf-query .part-show-list .zj-house .part-info {
    float: right !important;
    width: 210px !important
}

.fdc-esf-query .part-show-list .zj-house .txt-name {
    display: table-cell;
    min-width: 5em
}

.fdc-esf-query .part-show-list .zj-house .txt-val {
    display: table-cell
}

.fdc-esf-query .person-publish {
    position: absolute;
    z-index: 9;
    top: 17px;
    right: 0
}

.fdc-esf-query .person-publish .icon-btn {
    display: inline-block;
    margin-right: 14px;
    padding: 0 16px;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #1b88e7;
    color: #1B88E7;
    font-size: 16px;
    text-decoration: none
}

.fdc-esf-query .person-publish .icon-btn.icon-add:before {
    content: '＋';
    color: inherit;
    font-size: 1.1em;
    padding-right: 3px
}

.fdc-esf-query .fy-tbl {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16)
}

.fdc-esf-query .fy-tbl.no-hover tbody tr:hover {
    background: #fff
}

.fdc-esf-query .fy-tbl table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.42
}

.fdc-esf-query .fy-tbl th, .fdc-esf-query .fy-tbl td {
    display: table-cell;
    box-sizing: border-box;
    padding: 10px;
    min-width: 80px;
    border: 1px solid #EFF0F3;
    text-align: center
}

.fdc-esf-query .fy-tbl th {
    color: #fff;
    font-weight: bold
}

.fdc-esf-query .fy-tbl thead {
    display: table-header-group;
    vertical-align: middle
}

.fdc-esf-query .fy-tbl tr {
    display: table-row;
    vertical-align: inherit
}

.fdc-esf-query .fy-tbl thead {
    position: relative
}

.fdc-esf-query .fy-tbl thead:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 39px;
    border-radius: 5px 5px 0px 0px
}

.fdc-esf-query .fy-tbl thead tr {
    background-color: #3695E9;
    border-top: 8px solid #3695E9;
    border-bottom: 8px solid #3695E9
}

.fdc-esf-query .fy-tbl thead tr th {
    padding: 2px 10px
}

.fdc-esf-query .fy-tbl thead tr th:first-child {
    border-left: none
}

.fdc-esf-query .fy-tbl thead tr th:last-child {
    border-right: none
}

.fdc-esf-query .fy-tbl tbody tr {
    background: #fff
}

.fdc-esf-query .fy-tbl .txt-l {
    text-align: left
}

.fdc-esf-query .fy-tbl .txt-c {
    text-align: center
}

.fdc-esf-query .fy-tbl .txt-r {
    text-align: right
}

.fdc-esf-query .fy-tbl .red {
    color: #ed1a33
}

.fdc-esf-query .fy-tbl .blue {
    color: #0B52B3
}

.fdc-esf-query .fy-tbl .black {
    color: #000;
    font-weight: bold
}

.fdc-esf-query .fy-tbl .td-blk {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fdc-esf-query .fy-tbl .td-blk.w1 {
    max-width: 240px
}

.fdc-esf-query .fy-tbl .td-blk.w2 {
    max-width: 380px
}

.fdc-esf-query .fy-tbl .td-blk.w3 {
    max-width: 480px
}

.fdc-esf-query .fy-tbl .td-blk.w4 {
    max-width: 580px
}

.fdc-esf-query .pagebar-wrap {
    text-align: center;
    padding: 15px
}

.fdc-esf-query .part-person {
    position: relative;
    margin-top: 50px
}

.fdc-esf-query .part-person .mod-hd {
    position: relative
}

.fdc-esf-query .part-person .mod-hd .txt {
    color: #333;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 3px;
    font-weight: bold
}

.fdc-esf-query .part-person .mod-hd .txt .en {
    color: #999;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: normal
}

.fdc-esf-query .part-person .mod-hd .txt .en:before {
    content: '/';
    display: inline;
    color: #999;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 5px
}

.fdc-esf-query .part-person .mod-hd .txt.mult {
    margin-left: -28px
}

.fdc-esf-query .part-person .mod-hd .txt.isclick {
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: #77b7ef
}

.fdc-esf-query .part-person .mod-hd .txt.isclick:hover {
    opacity: 0.75
}

.fdc-esf-query .part-person .mod-hd .txt.isclick.on {
    z-index: 2;
    background: #1B88E7
}

.fdc-esf-query .part-person .mod-hd .btns {
    position: relative;
    float: right;
    margin-right: 10px;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
}

.fdc-esf-query .part-person .mod-hd .btns .btn {
    display: inline-block;
    margin-left: 15px;
    padding-left: 22px;
    background: url(img/icon-btn-publish.png) left center no-repeat;
    background-size: 18px 18px;
    color: #1989E6;
    font-weight: bold;
    text-decoration: none
}

.fdc-esf-query .part-person .mod-hd .btns .btn.edit {
    background-image: url(img/icon-btn-publish-edit.png);
    color: #8D9296
}

.fdc-esf-query .part-person .item-blk-part {
    float: left;
    margin-top: 24px;
    margin-bottom: 16px;
    width: 530px;
    height: 376px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff
}

.fdc-esf-query .part-person .item-blk-part:nth-child(even) {
    margin-left: 40px
}

.fdc-esf-query .part-person .item-blk-part .item-hd {
    position: relative;
    margin-top: 24px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    background: rgba(27, 136, 231, 0.2);
    border-left: 7px solid #fff
}

.fdc-esf-query .part-person .item-blk-part .item-hd:before {
    content: '';
    display: block;
    position: absolute;
    left: -7px;
    top: 0;
    width: 7px;
    height: 30px;
    background: #1B88E7;
    border-radius: 0 10px 10px 0
}

.fdc-esf-query .part-person .item-blk-part .item-hd .txt {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    color: #333;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold
}

.fdc-esf-query .part-person .item-blk-part .item-hd .btns {
    position: relative;
    float: right;
    margin-right: 20px;
    height: 30px;
    color: #333;
    font-size: 16px;
    line-height: 30px
}

.fdc-esf-query .part-person .item-blk-part .item-hd .btns .btn {
    display: inline-block;
    color: #1B88E7
}

.fdc-esf-query .part-person .item-blk-part .item-con {
    padding: 20px 10px;
    background: #FDFDFD
}

.fdc-esf-query .part-person .item-blk-part .item-con ul {
    overflow: hidden
}

.fdc-esf-query .part-person .item-blk-part .item-con ul li {
    position: relative;
    padding: 12px 0;
    margin-bottom: 8px;
    background: #F8F9FB;
    height: 26px;
    line-height: 26px
}

.fdc-esf-query .part-person .item-blk-part .item-con ul li .list-item:before {
    content: '';
    clear: both
}

.fdc-esf-query .part-person .item-blk-part .item-con ul li .list-item .td {
    float: left;
    width: 90px;
    text-align: center;
    color: #333;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fdc-esf-query .part-person .item-blk-part .item-con ul li .list-item .td.orange {
    color: #F08D0C
}

.fdc-esf-query .part-person .item-blk-part .item-con ul li .list-item .td.btn {
    color: #1B88E7
}

.fdc-esf-query .part-person .item-blk-part .item-con ul li .list-item .td.w2 {
    width: 240px;
    text-align: left;
    text-indent: 10px
}

.page-fdc-esf-detail .main-wrap {
    padding: 30px 0 80px
}

.page-fdc-esf-detail .house-detail-pic {
    float: left;
    width: 702px
}

.page-fdc-esf-detail .house-detail-info {
    position: relative;
    width: 100%;
    height: 510px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    overflow: hidden
}

.page-fdc-esf-detail .house-detail-info .proj-name {
    padding: 28px 20px;
    background: #E1E7EE;
    text-align: left;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px
}

.page-fdc-esf-detail .house-detail-info .proj-two {
    padding: 16px 0;
    font-size: 16px;
    color: #666
}

.page-fdc-esf-detail .house-detail-info .proj-two span {
    display: inline-block;
    margin-left: 20px
}

.page-fdc-esf-detail .house-detail-info .proj-two span:first-child {
    margin-left: 0
}

.page-fdc-esf-detail .house-detail-info .proj-two .price {
    color: #1B88E7;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold
}

.page-fdc-esf-detail .house-detail-info .proj-two .mj {
    padding-left: 16px;
    color: #666;
    font-size: 16px;
    line-height: 22px
}

.page-fdc-esf-detail .house-detail-info .proj-subinfo {
    padding: 0 20px
}

.page-fdc-esf-detail .house-detail-info .tbl-wrap-small {
    width: 100%;
    display: table;
    border: 1px solid #E1E4E9;
    border-left: none;
    border-right: none;
    line-height: 1.5;
    text-align: center
}

.page-fdc-esf-detail .house-detail-info .tbl-wrap-small .cell-name {
    color: #666;
    font-size: 14px
}

.page-fdc-esf-detail .house-detail-info .tbl-wrap-small .cell-val {
    display: block;
    color: #333;
    font-size: 18px;
    font-weight: bold
}

.page-fdc-esf-detail .house-detail-info .tbl-wrap-small .tbl-cell {
    display: inline-block;
    width: 16.66%;
    padding: 15px 0
}

.page-fdc-esf-detail .house-detail-info .txt-field {
    font-weight: bold;
    margin-bottom: 5px;
    color: #333
}

.page-fdc-esf-detail .house-detail-info .txt-field.icon {
    padding-left: 18px;
    background: url("img/icon-proj-location.png") left center no-repeat
}

.page-fdc-esf-detail .house-detail-info .txt-field.icon.icon-none {
    padding-left: 0;
    background-image: none
}

.page-fdc-esf-detail .house-detail-info .txt-field.icon.icon-house-code {
    background-image: url("img/icon-proj-house-code.png")
}

.page-fdc-esf-detail .house-detail-info .txt-field.icon.icon-time {
    background-image: url("img/icon-proj-time.png")
}

.page-fdc-esf-detail .house-detail-info .txt-field.icon.icon-location {
    background-image: url("img/icon-proj-location.png")
}

.page-fdc-esf-detail .house-detail-info .txt-field.icon.icon-tel {
    padding-left: 40px;
    background-size: 27px 24px;
    background-image: url(img/icon-proj-tel.png)
}

.page-fdc-esf-detail .house-detail-info .tel {
    width: 370px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 8px;
    padding: 10px 20px;
    background: #e5f2f8;
    border-radius: 22px;
    line-height: 26px
}

.page-fdc-esf-detail .house-detail-info .tel .txt-field {
    display: inline;
    color: #666;
    font-size: 14px
}

.page-fdc-esf-detail .house-detail-info .tel .num {
    color: #1B88E7;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px
}

.page-fdc-esf-detail .house-detail-info .one {
    margin-bottom: 5px
}

.page-fdc-esf-detail .house-detail-info .one.space-top {
    margin-top: 20px
}

.page-fdc-esf-detail .house-detail-info .btn-fy-pic {
    cursor: pointer;
    margin: 20px 0 25px 0;
    width: 190px;
    height: 44px;
    background: #1b88e7;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 44px
}

.page-fdc-esf-detail .stage-info .half {
    float: left;
    width: 50%
}

.page-fdc-esf-detail .stage-info h3 {
    padding: 20px 0;
    color: #333;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold
}

.page-fdc-esf-detail .stage-info .desc {
    color: #999;
    font-size: 14px;
    line-height: 1.8
}

.page-fdc-esf-detail .stage-info .desc.part-building-notice .table-theme-gray tbody tr {
    background: #F4F6F6
}

.page-fdc-esf-detail .stage-info .desc.part-building-notice .table-theme-gray .blue {
    color: #0B52B3
}

.page-fdc-esf-detail .stage-info .desc .txt-label {
    color: #333
}

.page-fdc-esf-detail .stage-info .desc .row {
    display: block
}

.page-fdc-esf-detail .slide-pics-dialog {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45)
}

.page-fdc-esf-detail .slide-pics-dialog .btn-close {
    position: absolute;
    z-index: 999;
    right: -30px;
    top: -30px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 32px;
    width: 36px;
    height: 36px;
    background: rgba(247, 247, 247, 0.5);
    border-radius: 50%
}

.error-build {
    padding: 50px 0;
    text-align: center
}

.error-build .build {
    margin: 0 auto;
    width: 126px;
    height: 130px;
    background: url(img/error-build.png) center no-repeat;
    background-size: contain
}

.error-build .build.wh {
    background-image: url(img/error-wh.png)
}

.error-build .txt {
    padding: 18px;
    color: #999;
    font-size: 24px;
    font-family: "Microsoft Yahei", "宋体", "arial"
}

.page-person-sale .mainbox {
    padding-bottom: 70px;
    position: relative;
    width: 100%;
    min-height: 736px
}

.page-person-sale .mainbox.fullbg {
    background: #fefefe url("img/grzzgp-step-fullbg.png") no-repeat bottom;
    background-size: cover
}

.page-person-sale .custom-tips {
    display: none;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 101%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-person-sale .input-error + .custom-tips {
    display: block
}

.page-person-sale .input-tips {
    display: none
}

.page-person-sale .validator-advice {
    display: block;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 100%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-person-sale .layui-form-item {
    margin-bottom: 20px
}

.page-person-sale .layui-input.input-error {
    border-color: #ed1a33
}

.page-person-sale .layui-btn-container.btn-center {
    padding: 25px 0 0;
    text-align: center
}

.page-person-sale .main .steps-flow {
    position: relative;
    text-align: center;
    font-weight: 400
}

.page-person-sale .main .steps-flow .steps-flow-hd {
    padding: 16px 0 6px;
    color: #333;
    font-size: 16px;
    line-height: 24px
}

.page-person-sale .main .steps-flow .steps-flow-con {
    padding: 18px 0 12px
}

.page-person-sale .main .steps-flow .steps-item {
    position: relative;
    display: inline-block;
    margin-left: 40px
}

.page-person-sale .main .steps-flow .steps-item:first-child {
    margin-left: 0
}

.page-person-sale .main .steps-flow .steps-item:first-child:before {
    content: '';
    display: none
}

.page-person-sale .main .steps-flow .steps-item:before {
    content: '';
    display: block;
    position: absolute;
    left: -38px;
    top: 18px;
    width: 24px;
    border-bottom: 2px solid #E5EAEE
}

.page-person-sale .main .steps-flow .steps-item .step-icon {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    background: #d7e0e7;
    border: 1px solid #c8d2da;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-family: Microsoft YaHei;
    line-height: 30px
}

.page-person-sale .main .steps-flow .steps-item .step-txt {
    color: #999;
    font-size: 14px;
    line-height: 24px
}

.page-person-sale .main .steps-flow .steps-item.on .step-icon {
    background: #16dc23;
    border: 1px solid #24cd3a
}

.page-person-sale .main .steps-flow .steps-item.on .step-txt {
    color: #666
}

.page-person-sale .main .step-hd, .page-person-sale .main .page-gfzg .warpper .step-hd-short, .page-gfzg .warpper .page-person-sale .main .step-hd-short {
    padding: 30px 0;
    text-align: center
}

.page-person-sale .main .step-hd .cn, .page-person-sale .main .page-gfzg .warpper .step-hd-short .cn, .page-gfzg .warpper .page-person-sale .main .step-hd-short .cn {
    height: 24px;
    color: #333;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold
}

.page-person-sale .main .step-hd .cn .txt, .page-person-sale .main .page-gfzg .warpper .step-hd-short .cn .txt, .page-gfzg .warpper .page-person-sale .main .step-hd-short .cn .txt {
    letter-spacing: 5px
}

.page-person-sale .main .step-hd .cn .icon, .page-person-sale .main .page-gfzg .warpper .step-hd-short .cn .icon, .page-gfzg .warpper .page-person-sale .main .step-hd-short .cn .icon {
    display: inline-block;
    width: 54px;
    height: 14px;
    background: url("img/grzzgp-step-hd-left.png") no-repeat center
}

.page-person-sale .main .step-hd .cn .icon.right, .page-person-sale .main .page-gfzg .warpper .step-hd-short .cn .icon.right, .page-gfzg .warpper .page-person-sale .main .step-hd-short .cn .icon.right {
    background-image: url("img/grzzgp-step-hd-right.png");
    margin-left: -5px
}

.page-person-sale .main .step-hd .en, .page-person-sale .main .page-gfzg .warpper .step-hd-short .en, .page-gfzg .warpper .page-person-sale .main .step-hd-short .en {
    padding: 5px 0;
    color: #999;
    font-size: 12px;
    line-height: 1.5
}

.page-person-sale .main .form-wrapper {
    margin: 15px auto 0;
    padding: 25px 0;
    width: 600px;
    background-color: #fff;
    box-sizing: border-box
}

.page-person-sale .main .step0 {
    padding-top: 100px
}

.page-person-sale .main .step0.special {
    padding-top: 20px
}

.page-person-sale .main .step0 .form-wrapper {
    padding: 25px 50px;
    width: 440px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px
}

.page-person-sale .main .step0 .layui-form-item {
    margin-bottom: 10px
}

.page-person-sale .main .step0 .validator-advice {
    top: -24px
}

.page-person-sale .main .step0 .layui-input.validator-invalid {
    border-color: #E0294D !important
}

.page-person-sale .main .step0 .layui-form-label {
    float: none;
    padding: 8px 0;
    width: 300px;
    border: none;
    background: transparent;
    text-align: left;
    color: #333;
    font-size: 16px;
    line-height: 20px
}

.page-person-sale .main .step0 .layui-form-label.special {
    margin-bottom: 8px
}

.page-person-sale .main .step0 .layui-form-label .txt {
    padding-right: 10px
}

.page-person-sale .main .step0 .layui-input-block {
    margin-left: 0
}

.page-person-sale .main .step0 .layui-input, .page-person-sale .main .step0 .layui-textarea {
    background: #fff
}

.page-person-sale .main .step0 .layui-form-radio {
    margin: 0;
    line-height: 18px
}

.page-person-sale .main .step0 .layui-form-radio * {
    font-size: 16px
}

.page-person-sale .main .step0 .wrap-code {
    position: relative
}

.page-person-sale .main .step0 .wrap-code .layui-input {
    padding-right: 96px
}

.page-person-sale .main .step0 .wrap-code .btn-code {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90px;
    height: 38px;
    border-radius: 5px;
    text-align: center;
    color: #1B88E7;
    font-size: 14px;
    line-height: 38px;
    font-weight: 400
}

.page-person-sale .main .step0 .wrap-code .btn-code.gray {
    color: #ccc
}

.page-person-sale .main .step1.special {
    padding-top: 20px
}

.page-person-sale .main .step1 .form-wrapper {
    padding: 25px 50px;
    width: 440px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px
}

.page-person-sale .main .step1 .layui-form-item {
    margin-bottom: 10px
}

.page-person-sale .main .step1 .validator-advice {
    top: -24px
}

.page-person-sale .main .step1 .layui-input.validator-invalid {
    border-color: #E0294D !important
}

.page-person-sale .main .step1 .layui-form-label {
    float: none;
    padding: 8px 0;
    width: 300px;
    border: none;
    background: #fff;
    text-align: left;
    color: #333;
    font-size: 16px;
    line-height: 20px
}

.page-person-sale .main .step1 .layui-form-label.special {
    margin-bottom: 8px
}

.page-person-sale .main .step1 .layui-form-label .txt {
    padding-right: 10px
}

.page-person-sale .main .step1 .layui-input-block {
    margin-left: 0
}

.page-person-sale .main .step1 .layui-form-radio {
    margin: 0;
    line-height: 18px
}

.page-person-sale .main .step1 .layui-form-radio * {
    font-size: 16px
}

.page-person-sale .main .step1 .layui-input-block.sms-wrap {
    position: relative;
    padding-right: 100px
}

.page-person-sale .main .step1 .sms-wrap .sms-yzm {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    color: #018ce2;
    font-size: 16px;
    line-height: 38px
}

.page-person-sale .main .step2 .layui-form-item {
    margin-bottom: 0
}

.page-person-sale .main .step3 {
    padding-bottom: 75px
}

.page-person-sale .main .step3 .form-wrapper {
    width: auto;
    padding: 25px 0
}

.page-person-sale .main .step3 .hr-field-title {
    padding: 10px 0;
    color: #333;
    font-size: 22px;
    font-weight: bold
}

.page-person-sale .main .step3 .hr-field-title .blue {
    padding: 0 0.5em;
    color: #018ce2;
    font-size: 14px
}

.page-person-sale .main .step3 .input-unit {
    float: left;
    padding: 5px 0;
    font-size: 14px;
    line-height: 20px
}

.page-person-sale .main .step3 .layui-form-label {
    padding: 5px 10px;
    width: 120px;
    text-align: right;
    color: #666;
    font-size: 14px
}

.page-person-sale .main .step3 .layui-form-label.pics-label {
    line-height: 100px
}

.page-person-sale .main .step3 .layui-form-item .layui-input-inline {
    width: 250px
}

.page-person-sale .main .step3 .layui-input {
    color: #333;
    height: 30px;
    line-height: 30px
}

.page-person-sale .main .step3 .layui-form-radio {
    margin-top: 0
}

.page-person-sale .main .step3 .form-xs {
    width: 840px
}

.page-person-sale .main .step3 .form-xs .layui-form-label {
    width: 90px
}

.page-person-sale .main .step3 .form-xs .layui-input-block.w1 {
    margin-left: 110px;
    width: 670px
}

.page-person-sale .main .step3 .part3 {
    letter-spacing: -0.40em
}

.page-person-sale .main .step3 .part3 .layui-input {
    letter-spacing: normal;
    display: inline-block;
    width: 25%
}

.page-person-sale .main .step3 .part3 .assist-txt {
    letter-spacing: normal;
    padding: 0 4px
}

.page-person-sale .main .step3 .layui-input-block.w1 {
    margin-left: 140px;
    width: 800px
}

.page-person-sale .main .step3 .btn-group-wrapper {
    position: absolute;
    right: 120px;
    height: 30px;
    font-size: 14px;
    line-height: 30px
}

.page-person-sale .main .step3 .btn-group-wrapper a.red {
    color: #ed1a33
}

.page-person-sale .main .step3 .btn-group-wrapper a.blue {
    color: #018ce2
}

.page-person-sale .main .step3 .btn-group-wrapper a + a {
    margin-left: 5px
}

.page-person-sale .main .step3 .files-wrapper {
    padding-top: 6px;
    position: relative;
    width: 730px;
    height: 104px;
    overflow: hidden
}

.page-person-sale .main .step3 .files-wrapper .upload-pics-list, .page-person-sale .main .step3 .files-wrapper .btn-upload-wrapper {
    float: left
}

.page-person-sale .main .step3 .pic-tips {
    letter-spacing: normal;
    display: none;
    position: relative;
    top: 5px;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-person-sale .main .step3 .btn-upload-wrapper {
    margin-right: 10px;
    width: 134px;
    height: 102px;
    background: url("img/btn-upload-bg.png") center no-repeat;
    background-size: cover;
    border: 1px solid #018ce2;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden
}

.page-person-sale .main .step3 .btn-upload-wrapper .upload-batch {
    display: block;
    width: 134px;
    height: 102px;
    cursor: pointer;
    color: #fff
}

.page-person-sale .main .step3 .upload-pics-list {
    letter-spacing: -0.40em
}

.page-person-sale .main .step3 .upload-pics-item {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 10px 5px 0;
    position: relative;
    width: 134px;
    height: 102px;
    border: 1px solid #018ce2;
    border-radius: 8px;
    text-align: center
}

.page-person-sale .main .step3 .upload-pics-item img {
    width: 134px;
    height: 80px;
    vertical-align: middle;
    border-radius: 8px 8px 0 0
}

.page-person-sale .main .step3 .upload-pics-item .btn-upload-del {
    position: absolute;
    z-index: 100;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url("img/btn-del-x1.png") center no-repeat;
    text-indent: -99999px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 14px
}

.page-person-sale .main .step3 .upload-pics-item .btn-cover {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #018ce2;
    font-size: 14px;
    cursor: pointer
}

.page-person-sale .main .step3 .upload-pics-item .btn-cover:before {
    content: '设置封面'
}

.page-person-sale .main .step3 .upload-pics-item .btn-cover.iscover {
    display: none
}

.page-person-sale .main .step3 .upload-pics-item .btn-cover.iscover:before {
    content: '取消封面';
    color: #ed1a33
}

.page-person-sale .main .step4 .tips-results-wrap {
    padding: 30px 0;
    text-align: center
}

.page-person-sale .main .step4 .tips-results-wrap .result-success {
    margin: 0 auto;
    width: 126px;
    height: 126px;
    background: url("img/grzzgp-step-resultlogo.png") no-repeat center
}

.page-person-sale .main .step4 .tips-results-wrap .result-success.repeal {
    width: 78px;
    height: 92px;
    background-image: url("img/grzzgp-step-resultlogo-repeal.png")
}

.page-person-sale .main .step4 .tips-results-wrap .txt {
    padding-top: 10px;
    color: #09b507;
    font-size: 18px;
    line-height: 1.2
}

.page-person-sale .main .step4 .code-sigle-wrap {
    display: flex;
    justify-content: center
}

.page-person-sale .main .step4 .code-sigle-wrap .ewmwrap img {
    width: 74px;
    height: 74px;
    background: #eee
}

.page-person-sale .main .step4 .code-sigle-wrap .info-rel {
    margin-left: 22px;
    text-align: left;
    color: #999;
    font-size: 16px;
    line-height: 36px
}

.page-person-sale .main .step4 .code-sigle-wrap .txt-blue {
    padding: 0 10px;
    color: #0B52B3
}

.page-person-sale .main .step4 .code-list-wrap {
    padding: 8px 0 60px
}

.page-person-sale .main .step4 .code-list-wrap ul {
    letter-spacing: -0.41em;
    margin-left: -30px;
    text-align: center
}

.page-person-sale .main .step4 .code-list-wrap ul li {
    display: inline-block;
    letter-spacing: normal;
    margin-left: 30px;
    padding-bottom: 35px;
    width: 320px;
    text-align: center
}

.page-person-sale .main .step4 .code-list-wrap ul li .hd {
    padding-bottom: 15px;
    color: #999;
    font-size: 18px;
    line-height: 1.2
}

.page-person-sale .main .step4 .code-list-wrap ul li .hd .code {
    color: #333
}

.page-person-sale .main .step4 .code-list-wrap ul li img {
    display: block;
    margin: 0 auto;
    width: 115px;
    height: 115px
}

.page-person-sale .main .step4 .code-list-wrap ul li .desc {
    display: block;
    margin: 5px auto;
    width: 12em;
    height: 36px;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-person-sale .main .step4 .code-list-wrap ul li .desc:hover {
    color: #018ce2;
    text-decoration: underline
}

.page-person-house-detail .main-wrap {
    padding: 30px 0 80px
}

.page-person-house-detail .house-detail-pic {
    float: left;
    width: 702px
}

.page-person-house-detail .house-detail-info {
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    overflow: hidden
}

.page-person-house-detail .house-detail-info .proj-name {
    position: relative;
    padding: 28px 20px;
    background: #E1E7EE;
    text-align: left;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px
}

.page-person-house-detail .house-detail-info .proj-name .icon-mark {
    display: inline-block;
    margin-left: 30px;
    min-width: 38px;
    padding: 0 20px;
    border-radius: 15px;
    background: #E85353;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.page-person-house-detail .house-detail-info .proj-name .icon-mark.red {
    background: #E85353
}

.page-person-house-detail .house-detail-info .proj-name .icon-mark.green {
    background: #31CE56
}

.page-person-house-detail .house-detail-info .proj-name .icon-mark.orange {
    background: #DC7D1E
}

.page-person-house-detail .house-detail-info .proj-name .icon-mark.blue {
    background: #297cce
}

.page-person-house-detail .house-detail-info .proj-name .icon-sign {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -32px;
    width: 64px;
    height: 64px;
    background: url("img/person-sign-gr.png") no-repeat center;
    overflow: hidden;
    text-indent: -99999px
}

.page-person-house-detail .house-detail-info .proj-name .icon-sign.gr {
    background-image: url("img/person-sign-gr.png")
}

.page-person-house-detail .house-detail-info .proj-name .icon-sign.zj {
    background-image: url("img/person-sign-zj.png")
}

.page-person-house-detail .house-detail-info .proj-two {
    padding: 16px 0;
    font-size: 16px;
    color: #666
}

.page-person-house-detail .house-detail-info .proj-two span {
    display: inline-block;
    margin-left: 20px
}

.page-person-house-detail .house-detail-info .proj-two span:first-child {
    margin-left: 0
}

.page-person-house-detail .house-detail-info .proj-two .price {
    color: #1B88E7;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold
}

.page-person-house-detail .house-detail-info .proj-two .mj {
    padding-left: 16px;
    color: #666;
    font-size: 16px;
    line-height: 22px
}

.page-person-house-detail .house-detail-info .proj-subinfo {
    padding: 0 20px
}

.page-person-house-detail .house-detail-info .tbl-wrap-small {
    width: 100%;
    display: table;
    border: 1px solid #E1E4E9;
    border-left: none;
    border-right: none;
    line-height: 1.5;
    text-align: left
}

.page-person-house-detail .house-detail-info .tbl-wrap-small .cell-name {
    color: #666;
    font-size: 14px
}

.page-person-house-detail .house-detail-info .tbl-wrap-small .cell-val {
    display: block;
    color: #333;
    font-size: 18px;
    font-weight: bold
}

.page-person-house-detail .house-detail-info .tbl-wrap-small .tbl-cell {
    display: inline-block;
    width: 16.66%;
    padding: 15px 0;
    text-align: center
}

.page-person-house-detail .house-detail-info .txt-field {
    font-weight: bold;
    margin-bottom: 5px;
    color: #333
}

.page-person-house-detail .house-detail-info .txt-field.icon {
    padding-left: 18px;
    background: url("img/icon-proj-location.png") left center no-repeat
}

.page-person-house-detail .house-detail-info .txt-field.icon.icon-none {
    padding-left: 0;
    background-image: none
}

.page-person-house-detail .house-detail-info .txt-field.icon.icon-house-code {
    background-image: url("img/icon-proj-house-code.png")
}

.page-person-house-detail .house-detail-info .txt-field.icon.icon-time {
    background-image: url("img/icon-proj-time.png")
}

.page-person-house-detail .house-detail-info .txt-field.icon.icon-location {
    background-image: url("img/icon-proj-location.png")
}

.page-person-house-detail .house-detail-info .txt-field.icon.icon-tel {
    padding-left: 40px;
    background-size: 27px 24px;
    background-image: url(img/icon-proj-tel.png)
}

.page-person-house-detail .house-detail-info .tel {
    width: 370px;
    box-sizing: border-box;
    padding: 8px 20px;
    background: #e5f2f8;
    border-radius: 22px;
    line-height: 26px
}

.page-person-house-detail .house-detail-info .tel .txt-field {
    display: inline;
    color: #666;
    font-size: 14px
}

.page-person-house-detail .house-detail-info .tel .num {
    color: #1B88E7;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px
}

.page-person-house-detail .house-detail-info .one {
    margin-bottom: 5px
}

.page-person-house-detail .house-detail-info .one.space-top {
    margin-top: 20px
}

.page-person-house-detail .house-detail-info .btn-fy-pic {
    cursor: pointer;
    width: 190px;
    height: 44px;
    background: #1b88e7;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 44px
}

.page-person-house-detail .house-detail-info .personinfo {
    position: relative;
    padding: 0 22px;
    height: 44px;
    line-height: 44px;
    background: #E5F2F8 url(img/icon-proj-tel.png) no-repeat 22px 50%;
    border-radius: 22px;
    text-indent: 40px
}

.page-person-house-detail .house-detail-info .personinfo .pstel {
    color: #1B88E7;
    font-size: 20px;
    font-weight: 400
}

.page-person-house-detail .house-detail-info .personinfo .psname {
    padding: 0 8px 0 20px;
    color: #666;
    font-size: 14px
}

.page-person-house-detail .house-detail-info .info-rela {
    margin: 20px 0 15px;
    position: relative
}

.page-person-house-detail .house-detail-info .info-rela .ewm-house img {
    width: 80px;
    height: 80px
}

.page-person-house-detail .house-detail-info .info-rela .rela-item {
    float: left
}

.page-person-house-detail .house-detail-info .info-rela .rela-item.personinfo {
    margin-left: 32px
}

.page-person-house-detail .house-detail-info .info-rela .rela-item.ewm-house {
    float: none;
    position: absolute;
    right: 0;
    top: 0
}

.page-person-house-detail .stage-info {
    margin-top: 20px;
    padding: 0 25px 25px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px
}

.page-person-house-detail .stage-info .half {
    float: left;
    width: 50%
}

.page-person-house-detail .stage-info h3 {
    padding: 20px 0;
    color: #333;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold
}

.page-person-house-detail .stage-info .desc {
    color: #999;
    font-size: 14px;
    line-height: 1.8
}

.page-person-house-detail .stage-info .desc.part-building-notice .table-theme-gray tbody tr {
    background: #F4F6F6
}

.page-person-house-detail .stage-info .desc.part-building-notice .table-theme-gray .blue {
    color: #0B52B3
}

.page-person-house-detail .stage-info .desc .txt-label {
    color: #333
}

.page-person-house-detail .stage-info .desc .row {
    display: block
}

.page-person-house-detail .slide-pics-dialog {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45)
}

.page-person-house-detail .slide-pics-dialog .btn-close {
    position: absolute;
    z-index: 999;
    right: -30px;
    top: -30px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 32px;
    width: 36px;
    height: 36px;
    background: rgba(247, 247, 247, 0.5);
    border-radius: 50%
}

.page-person-house-detail .slide-pics-dialog .btn-close:hover {
    background: rgba(247, 247, 247, 0.8)
}

.page-person-house-list .mid-con {
    padding: 0 0 20px
}

.page-person-house-list .part-search-bar {
    position: relative;
    width: 1100px;
    height: 50px;
    background: #fff;
    overflow: hidden;
    border-radius: 25px;
    box-sizing: border-box;
    border: 1px solid #018ce2;
    margin: 30px auto
}

.page-person-house-list .part-search-bar .search-input {
    padding: 10px 0;
    margin-left: 30px;
    width: 950px;
    height: 30px;
    line-height: 30px;
    border: none;
    background-color: #fff;
    text-indent: 10px;
    color: #333;
    font-size: 16px
}

.page-person-house-list .part-search-bar .search-input::-webkit-input-placeholder {
    color: #D3D3D3
}

.page-person-house-list .part-search-bar .search-input:-moz-placeholder {
    color: #D3D3D3
}

.page-person-house-list .part-search-bar .search-input:-ms-input-placeholder {
    color: #D3D3D3
}

.page-person-house-list .part-search-bar .search-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #018ce2;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.page-person-house-list .part-search-range {
    margin-top: 30px;
    padding: 15px 40px 5px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff
}

.page-person-house-list .part-search-range .secitem {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px
}

.page-person-house-list .part-search-range .secitem dt {
    float: left;
    display: inline-block;
    padding-left: 18px;
    margin-right: 14px;
    background: url("img/icon-area-lociton.png") left center no-repeat;
    color: #999;
    font-weight: bold
}

.page-person-house-list .part-search-range .secitem dt.location {
    background-image: url("img/icon-area-lociton.png")
}

.page-person-house-list .part-search-range .secitem dt.room {
    background-image: url("img/icon-area-room.png")
}

.page-person-house-list .part-search-range .secitem dt.type {
    background-image: url("img/icon-area-type.png")
}

.page-person-house-list .part-search-range .secitem dt.price {
    background-image: url("img/icon-area-price.png")
}

.page-person-house-list .part-search-range .secitem dt.mj {
    background-image: url("img/icon-area-mj.png")
}

.page-person-house-list .part-search-range .secitem dd {
    display: table-cell
}

.page-person-house-list .part-search-range .secitem dd a {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    padding: 0 10px;
    color: #333
}

.page-person-house-list .part-search-range .secitem dd a.on, .page-person-house-list .part-search-range .secitem dd a:hover {
    text-decoration: none;
    background-color: #018ce2;
    border-radius: 10px;
    color: #fff
}

.page-person-house-list .fy-tbl {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16)
}

.page-person-house-list .fy-tbl.no-hover tbody tr:hover {
    background: #fff
}

.page-person-house-list .fy-tbl table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.42
}

.page-person-house-list .fy-tbl th, .page-person-house-list .fy-tbl td {
    display: table-cell;
    box-sizing: border-box;
    padding: 10px;
    min-width: 80px;
    border: 1px solid #EFF0F3;
    text-align: center
}

.page-person-house-list .fy-tbl th {
    color: #fff;
    font-weight: bold
}

.page-person-house-list .fy-tbl thead {
    display: table-header-group;
    vertical-align: middle
}

.page-person-house-list .fy-tbl tr {
    display: table-row;
    vertical-align: inherit
}

.page-person-house-list .fy-tbl thead {
    position: relative
}

.page-person-house-list .fy-tbl thead:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 39px;
    border-radius: 5px 5px 0px 0px
}

.page-person-house-list .fy-tbl thead tr {
    background-color: #3695E9;
    border-top: 8px solid #3695E9;
    border-bottom: 8px solid #3695E9
}

.page-person-house-list .fy-tbl thead tr th {
    padding: 2px 10px
}

.page-person-house-list .fy-tbl thead tr th:first-child {
    border-left: none
}

.page-person-house-list .fy-tbl thead tr th:last-child {
    border-right: none
}

.page-person-house-list .fy-tbl tbody tr {
    background: #fff
}

.page-person-house-list .fy-tbl .txt-l {
    text-align: left
}

.page-person-house-list .fy-tbl .txt-c {
    text-align: center
}

.page-person-house-list .fy-tbl .txt-r {
    text-align: right
}

.page-person-house-list .fy-tbl .red {
    color: #ed1a33
}

.page-person-house-list .fy-tbl .blue {
    color: #0B52B3
}

.page-person-house-list .fy-tbl .black {
    color: #000;
    font-weight: bold
}

.page-person-house-list .fy-tbl .td-blk {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-person-house-list .fy-tbl .td-blk.w1 {
    max-width: 240px
}

.page-person-house-list .fy-tbl .td-blk.w2 {
    max-width: 380px
}

.page-person-house-list .fy-tbl .td-blk.w3 {
    max-width: 480px
}

.page-person-house-list .fy-tbl .td-blk.w4 {
    max-width: 580px
}

.page-person-house-list .pagebar-wrap {
    text-align: center;
    padding: 15px
}

.page-person-house-list .part-person {
    position: relative
}

.page-person-house-list .part-person .mod-hd {
    position: relative;
    margin-bottom: 20px
}

.page-person-house-list .part-person .mod-hd .txt {
    color: #333;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 3px;
    font-weight: bold
}

.page-person-house-list .part-person .mod-hd .txt .en {
    color: #999;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: normal
}

.page-person-house-list .part-person .mod-hd .txt .en:before {
    content: '/';
    display: inline;
    color: #999;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 5px
}

.page-person-house-list .part-person .mod-hd .txt.mult {
    margin-left: -28px
}

.page-person-house-list .part-person .mod-hd .txt.isclick {
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: #77b7ef
}

.page-person-house-list .part-person .mod-hd .txt.isclick:hover {
    opacity: 0.75
}

.page-person-house-list .part-person .mod-hd .txt.isclick.on {
    z-index: 2;
    background: #1B88E7
}

.page-person-house-list .part-person .mod-hd .btns {
    position: relative;
    float: right;
    margin-right: 10px;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
}

.page-person-house-list .part-person .mod-hd .btns .btn {
    display: inline-block;
    margin-left: 15px;
    padding-left: 22px;
    background: url(img/icon-btn-publish.png) left center no-repeat;
    background-size: 18px 18px;
    color: #1989E6;
    font-weight: bold;
    text-decoration: none
}

.page-person-house-list .part-person .mod-hd .btns .btn.edit {
    background-image: url(img/icon-btn-publish-edit.png);
    color: #8D9296
}

.page-person-house-list .part-person .item-blk-part {
    float: left;
    margin-top: 24px;
    margin-bottom: 16px;
    width: 530px;
    height: 376px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff
}

.page-person-house-list .part-person .item-blk-part:nth-child(even) {
    margin-left: 40px
}

.page-person-house-list .part-person .item-blk-part .item-hd {
    position: relative;
    margin-top: 24px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    background: rgba(27, 136, 231, 0.2);
    border-left: 7px solid #fff
}

.page-person-house-list .part-person .item-blk-part .item-hd:before {
    content: '';
    display: block;
    position: absolute;
    left: -7px;
    top: 0;
    width: 7px;
    height: 30px;
    background: #1B88E7;
    border-radius: 0 10px 10px 0
}

.page-person-house-list .part-person .item-blk-part .item-hd .txt {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    color: #333;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold
}

.page-person-house-list .part-person .item-blk-part .item-hd .btns {
    position: relative;
    float: right;
    margin-right: 20px;
    height: 30px;
    color: #333;
    font-size: 16px;
    line-height: 30px
}

.page-person-house-list .part-person .item-blk-part .item-hd .btns .btn {
    display: inline-block;
    color: #1B88E7
}

.page-person-house-list .part-person .item-blk-part .item-con {
    padding: 20px 20px;
    background: #FDFDFD
}

.page-person-house-list .part-person .item-blk-part .item-con ul {
    overflow: hidden
}

.page-person-house-list .part-person .item-blk-part .item-con ul li {
    position: relative;
    padding: 12px 0;
    margin-bottom: 8px;
    background: #F8F9FB;
    height: 26px;
    line-height: 26px
}

.page-person-house-list .part-person .item-blk-part .item-con ul li .list-item {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 98px;
    width: 100%;
    color: #333;
    font-size: 16px;
    line-height: inherit;
    text-indent: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold
}

.page-person-house-list .part-person .item-blk-part .item-con ul li .list-item:before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #999;
    border-radius: 50%
}

.page-person-house-list .part-person .item-blk-part .item-con ul li .btn {
    display: block;
    position: absolute;
    right: 18px;
    top: 0;
    color: #1B88E7;
    font-size: 16px;
    line-height: inherit
}

.page-person-house-list .part-person .item-blk-part .item-con ul li.on a:before {
    background: #FD2626
}

.page-person-business {
    position: relative
}

.page-person-business .mod-hd {
    position: relative;
    margin: 20px 0;
    padding-left: 35px
}

.page-person-business .mod-hd .txt {
    color: #333;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 3px;
    font-weight: bold
}

.page-person-business .mod-hd .txt .en {
    color: #999;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: normal;
    font-weight: normal
}

.page-person-business .mod-hd .txt .en:before {
    content: '/';
    display: inline;
    color: #999;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 5px
}

.page-person-business .mod-hd .txt.mult {
    margin-left: -28px
}

.page-person-business .mod-hd .txt.isclick {
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: #77b7ef
}

.page-person-business .mod-hd .txt.isclick:hover {
    opacity: 0.75
}

.page-person-business .mod-hd .txt.isclick.on {
    z-index: 2;
    background: #1B88E7
}

.page-person-business .mod-hd .btns {
    float: right;
    height: 36px;
    color: #333;
    font-size: 14px;
    line-height: 44px;
    font-weight: 400
}

.page-person-business .mod-hd .btns .btn {
    display: inline-block
}

.page-person-business .mod-hd .btns .btn:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.page-person-business .mod-hd .btns .btn:first-child:before {
    content: '';
    padding: 0
}

.page-person-business .mod-hd .btns .btn.more {
    padding-right: 15px;
    background: url("img/icon-next.png") no-repeat right center
}

.page-person-business .mod-hd .btns .btn.map {
    min-width: 20px;
    text-indent: 20px;
    background: url("img/icon-map.png") no-repeat left center
}

.page-person-business .part-gryw {
    position: relative;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 34px
}

.page-person-business .part-gryw .gryf-items {
    letter-spacing: -0.5em;
    text-align: left;
    position: relative;
    padding: 10px 0 20px
}

.page-person-business .part-gryw .gryf-items .item {
    display: inline-block;
    letter-spacing: normal;
    text-decoration: none;
    width: 25%;
    text-align: center
}

.page-person-business .part-gryw .gryf-items .icon {
    margin: 0 auto;
    width: 76px;
    height: 59px;
    background: url("img/person-business-01.png") no-repeat center
}

.page-person-business .part-gryw .gryf-items .icon.icon1 {
    background-image: url("img/person-business-01.png")
}

.page-person-business .part-gryw .gryf-items .icon.icon2 {
    background-image: url("img/person-business-02.png")
}

.page-person-business .part-gryw .gryf-items .icon.icon3 {
    background-image: url("img/person-business-03.png")
}

.page-person-business .part-gryw .gryf-items .icon.icon4 {
    background-image: url("img/person-business-04.png")
}

.page-person-business .part-gryw .gryf-items .txt {
    padding: 5px;
    color: #333;
    font-size: 16px;
    line-height: 1.4
}

.page-person-business .part-tab-tbl {
    position: relative;
    padding-bottom: 50px
}

.page-person-business .sidebar-nav {
    float: left;
    width: 150px;
    height: 600px;
    background: #F4F6F7;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #DCDFE6;
    overflow: hidden;
    color: #666;
    font-size: 14px
}

.page-person-business .sidebar-nav a {
    display: block;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #DCDFE6;
    text-decoration: none
}

.page-person-business .sidebar-nav dl {
    height: 680px;
    overflow: auto
}

.page-person-business .sidebar-nav dt {
    cursor: pointer;
    box-sizing: border-box;
    padding: 10px 40px 10px 20px;
    border-bottom: 1px solid #DCDFE6;
    background: #F4F6F7 url("img/icon-nav-down.png") 180px 50% no-repeat
}

.page-person-business .sidebar-nav dt.on {
    background-image: url("img/icon-nav-up.png")
}

.page-person-business .sidebar-nav dd {
    overflow: hidden
}

.page-person-business .sidebar-nav dd a {
    background: #f4f6f7
}

.page-person-business .sidebar-nav dd a:hover {
    background: #1B88E7;
    color: #fff
}

.page-person-business .sidebar-nav dd a.on {
    background: #1B88E7;
    color: #fff
}

.page-person-business .sidebar-nav dt.on + dd {
    height: auto
}

.page-person-business .side-con {
    float: left;
    margin-left: 16px;
    width: 934px
}

.page-person-business .side-con .part-thd {
    color: #333;
    font-size: 22px;
    line-height: 30px
}

.page-person-business .side-con .part-thd .big {
    font-weight: bold
}

.page-person-business .side-con .part-thd .small {
    padding: 0 10px;
    color: #999;
    font-size: 14px;
    line-height: 1.5
}

.page-person-business .side-con .part-thd .red {
    color: #F82F2F
}

.page-person-business .side-con .part-find {
    padding: 15px 0
}

.page-person-business .side-con .part-find .layui-form-mid {
    padding: 6px 0 !important;
    color: #666;
    font-size: 14px;
    font-weight: 400
}

.page-person-business .side-con .part-find .layui-input, .page-person-business .side-con .part-find .layui-select, .page-person-business .side-con .part-find .layui-textarea {
    height: 32px;
    line-height: 1.3;
    line-height: 32px \9
}

.page-person-business .side-con .part-find .layui-btn {
    height: 34px;
    font-size: 16px;
    line-height: 34px
}

.page-person-business .side-con td .btn-icon {
    padding: 0 5px
}

.page-fdc-house-market .house-rent-bar {
    width: 1100px;
    margin: 30px auto -30px;
    height: 110px
}

.page-fdc-house-market .house-rent-bar img {
    width: 1100px;
    height: 110px
}

.acticle-sreach-bar {
    width: 1100px;
    margin: 0 auto
}

.index-sreach-acticle {
    float: right;
    margin: 10px -5px 0
}

.index-sreach-acticle .layui-input-inline.w3 {
    width: 70px !important;
    border-radius: 10px !important
}

.slide-yj-dialog {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45)
}

.slide-yj-dialog .ban {
    width: 500px;
    min-height: 200px;
    font-size: 14px;
    color: #333
}

.slide-yj-dialog .ban .yj-name {
    font-size: 12px;
    line-height: 28px;
    background: #f0f0f1
}

.slide-yj-dialog .ban .yj-name span {
    padding-left: 10px
}

.slide-yj-dialog .ban .yj-bar {
    max-height: 240px !important;
    overflow-y: auto !important;
    line-height: 32px;
    padding: 0 10px;
    font-weight: normal !important
}

.slide-yj-dialog .ban .yj-bar .yj-ico {
    color: #999;
    background-size: 15px 15px;
    padding-left: 15px
}

.slide-yj-dialog .ban .yj-bar a {
    color: #1B88E7;
    float: right
}

.slide-yj-dialog h3 {
    font-size: 16px;
    text-align: center;
    font-family: " Microsoft Yahei ", " weir ", " arial "
}

.slide-yj-dialog h3.no {
    margin: 2px auto;
    font-size: 18px
}

.slide-yj-dialog .btn-close {
    position: absolute;
    z-index: 999;
    right: -30px;
    top: -30px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 32px;
    width: 36px;
    height: 36px;
    background: rgba(247, 247, 247, 0.5);
    border-radius: 50%
}

.slide-yj-pics-dialog {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45)
}

.slide-yj-pics-dialog .btn-close {
    position: absolute;
    z-index: 999;
    right: -30px;
    top: -30px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 32px;
    width: 36px;
    height: 36px;
    background: rgba(247, 247, 247, 0.5);
    border-radius: 50%
}

.pic-box {
    width: 800px;
    height: 450px
}

.pic-box .swiper-slide img {
    width: 800px;
    height: 450px;
    background: url(img/loading.gif) center center no-repeat
}

.page-credit-sumitSuccess .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.page-credit-sumitSuccess .content img {
    width: 280px;
    height: 226px
}

.page-credit-sumitSuccess .content p {
    width: 266px;
    height: 19px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;
    padding-bottom: 50px
}

.page-credit-sumitSuccess .content .btn {
    width: 133px;
    height: 44px;
    background: #1b88e7;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    color: #fff
}

.page-mechanism-detail .mainbox .breadcrumb-fdc {
    display: flex
}

.page-mechanism-detail .mainbox .content {
    width: 1118px;
    border: 1px solid #c8d1dd
}

.page-mechanism-detail .mainbox .content .title {
    height: 46px;
    background: #f3f7fb;
    display: flex;
    color: #1b88e7;
    font-size: 18px;
    font-weight: 400
}

.page-mechanism-detail .mainbox .content .title .item {
    width: 180px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    cursor: pointer
}

.page-mechanism-detail .mainbox .content .title .active {
    border-top: 4px solid #1b88e7;
    height: 42px;
    line-height: 42px;
    background-color: #fff
}

.page-mechanism-detail .mainbox .content .enterpriseInfo {
    padding: 24px 27px
}

.page-mechanism-detail .mainbox .content .enterpriseInfo .headText {
    display: flex;
    align-items: center;
    padding-bottom: 24px
}

.page-mechanism-detail .mainbox .content .enterpriseInfo .headText .point {
    display: inline-block;
    width: 4px;
    height: 24px;
    background-color: #1b88e7
}

.page-mechanism-detail .mainbox .content .enterpriseInfo .headText p {
    font-size: 22px;
    font-weight: 700;
    color: #333333
}

.page-mechanism-detail .mainbox .content .enterpriseInfo .headText .wypj {
    color: #1b88e7;
    font-size: 16px
}

.page-mechanism-detail .mainbox .content .enterpriseInfo .table table tr {
    width: 1058px;
    height: 40px;
    border: 1px solid #c8d1dd
}

.page-mechanism-detail .mainbox .content .enterpriseInfo .table table tr .type {
    background-color: #F3F7FB;
    width: 168px;
    text-align: end
}

.page-mechanism-detail .mainbox .content .enterpriseInfo .table table tr .value {
    width: 360px
}

.page-mechanism-detail .mainbox .content .person-query {
    padding: 0 40px
}

.page-mechanism-detail .mainbox .content .person-query .headTitle {
    display: flex;
    height: 70px;
    align-items: center;
    justify-content: space-between
}

.page-mechanism-detail .mainbox .content .person-query .headTitle .left-text {
    display: flex;
    font-size: 16px;
    color: #DBDBDB
}

.page-mechanism-detail .mainbox .content .person-query .headTitle .left-text span {
    color: #9A9A9A
}

.page-mechanism-detail .mainbox .content .person-query .headTitle .search .btn {
    width: 105px;
    height: 36px;
    background: #1b88e7;
    border-radius: 5px;
    color: #fff;
    border: none
}

.page-mechanism-detail .mainbox .content .person-query .headTitle .search input {
    width: 259px;
    height: 34px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    text-indent: 8px
}

.page-mechanism-detail .mainbox .content .credit-points, .page-mechanism-detail .mainbox .content .evaluate, .page-mechanism-detail .mainbox .content .store {
    padding: 0 40px
}

.page-mechanism-detail .mainbox .content .credit-points .headTitle, .page-mechanism-detail .mainbox .content .evaluate .headTitle, .page-mechanism-detail .mainbox .content .store .headTitle {
    display: flex;
    height: 70px;
    align-items: center
}

.page-mechanism-detail .mainbox .content .credit-points .headTitle .point, .page-mechanism-detail .mainbox .content .evaluate .headTitle .point, .page-mechanism-detail .mainbox .content .store .headTitle .point {
    display: inline-block;
    width: 4px;
    height: 24px;
    background-color: #1b88e7
}

.page-mechanism-detail .mainbox .content .credit-points .headTitle .company, .page-mechanism-detail .mainbox .content .evaluate .headTitle .company, .page-mechanism-detail .mainbox .content .store .headTitle .company {
    font-size: 22px;
    font-weight: 700;
    text-align: left;
    color: #333333
}

.page-mechanism-detail .mainbox .content .credit-points .headTitle .score, .page-mechanism-detail .mainbox .content .evaluate .headTitle .score, .page-mechanism-detail .mainbox .content .store .headTitle .score {
    font-size: 16px;
    color: #999999
}

.page-mechanism-list .mainbox .breadcrumb-fdc {
    display: flex
}

.page-mechanism-list .mainbox .content .tab {
    width: 562px;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #d8d8d8;
    margin: 10px auto 20px;
    display: flex;
    justify-content: center;
    font-size: 18px;
    color: #676767
}

.page-mechanism-list .mainbox .content .tab div {
    width: 92px;
    text-align: center
}

.page-mechanism-list .mainbox .content .tab .active {
    color: #1B88E7;
    border-bottom: 2px solid #1e6dd6
}

.page-mechanism-list .mainbox .content .search {
    display: flex;
    justify-content: center;
    padding: 20px 0 30px
}

.page-mechanism-list .mainbox .content .search input {
    width: 480px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #1b88e7;
    border-radius: 6px 0px 0px 6px;
    text-indent: 12px
}

.page-mechanism-list .mainbox .content .search .btn {
    width: 80px;
    height: 50px;
    background: #1b88e7;
    border: 1px solid #0079e3;
    border-radius: 0px 6px 6px 0px;
    font-size: 14px;
    color: #fff
}

.page-mechanism-list .mainbox .content .region {
    width: 840px;
    height: 38px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    border-left: none
}

.page-mechanism-list .mainbox .content .region .regionTitle {
    width: 200px;
    height: 38px;
    background: #f3f7fb;
    border: 1px solid #1b88e7;
    border-radius: 4px 0px 0px 4px;
    line-height: 38px;
    text-align: center;
    color: #1b88e7;
    font-size: 18px;
    font-weight: 700
}

.page-mechanism-list .mainbox .content .region .regionBox {
    width: 610px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #676767
}

.page-mechanism-list .mainbox .content .region .regionBox span {
    display: inline-block;
    width: 70px;
    text-align: center
}

.page-mechanism-list .mainbox .content .region .regionBox .active {
    width: 70px;
    height: 30px;
    line-height: 30px;
    opacity: 0.59;
    background: #1e6dd6;
    border-radius: 15px;
    color: #fff
}

.page-mechanism-list .mainbox .content .region .num {
    width: 210px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #8c8c8c
}

.page-mechanism-list .mainbox .content .contentList {
    width: 1070px;
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.page-mechanism-list .mainbox .content .contentList .contentItem {
    width: 512px;
    height: 138px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 20px 0 0 15px;
    display: flex
}

.page-mechanism-list .mainbox .content .contentList .contentItem .left-box .logo {
    width: 124px;
    height: 78px;
    background: #fafafb;
    border: 3px solid #dfe1e2;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-mechanism-list .mainbox .content .contentList .contentItem .left-box .logo .logBox {
    width: 82px;
    height: 60px;
    background: #ffffff;
    border: 4px solid #dfe1e2;
    border-radius: 12px 12px 0px 0px;
    position: relative
}

.page-mechanism-list .mainbox .content .contentList .contentItem .left-box .logo .logBox .name {
    width: 102px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #dfe1e2;
    border-radius: 2px;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -11px;
    font-size: 14px;
    font-weight: 700;
    color: #999999
}

.page-mechanism-list .mainbox .content .contentList .contentItem .left-box .companyType {
    display: inline-block;
    width: 130px;
    height: 30px;
    text-align: center;
    background: #1b88e7;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-top: 10px
}

.page-mechanism-list .mainbox .content .contentList .contentItem .left-box .logoImg {
    width: 130px;
    height: 84px;
    background-color: #003D4B;
    border: none
}

.page-mechanism-list .mainbox .content .contentList .contentItem .left-box .logoImg img {
    width: 114px;
    height: 44px
}

.page-mechanism-list .mainbox .content .contentList .contentItem .right-box {
    padding-left: 10px;
    font-size: 16px;
    color: #676767
}

.page-mechanism-list .mainbox .content .contentList .contentItem .right-box .company {
    font-size: 20px;
    font-weight: 700;
    color: #707070
}

.page-mechanism-list .mainbox .content .contentList .contentItem .right-box .address {
    color: #8e8e8e
}

.page-mechanism-list .mainbox .content .contentList .contentItem .right-box .line {
    height: 42px;
    line-height: 42px;
    border-bottom: 2px solid #e8e8e8
}

.page-mechanism-list .mainbox .content .contentList .contentItem .right-box .num {
    color: #FF7700;
    font-size: 20px;
    font-weight: 700
}

.page-person-list .mainbox .breadcrumb-fdc {
    display: flex
}

.page-person-list .mainbox .content {
    display: flex;
    justify-content: space-between;
    padding-top: 20px
}

.page-person-list .mainbox .content .left-nav {
    width: 152px;
    height: 588px;
    border: 1px solid #dcdfe6;
    border-radius: 5px
}

.page-person-list .mainbox .content .left-nav .title {
    height: 34px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dcdfe6;
    background-color: #f6f6f6;
    font-weight: 700;
    font-size: 14px;
    color: #1b88e7
}

.page-person-list .mainbox .content .left-nav .title img {
    width: 10px;
    height: 10px
}

.page-person-list .mainbox .content .left-nav .navList {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px
}

.page-person-list .mainbox .content .left-nav .navList .item {
    width: 114px;
    height: 26px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    text-align: center;
    background: #c5c5c5;
    border-radius: 13px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px
}

.page-person-list .mainbox .content .left-nav .navList .item span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #c5c5c5;
    border-radius: 3px
}

.page-person-list .mainbox .content .left-nav .navList .active {
    background: #1b88e7
}

.page-person-list .mainbox .content .left-nav .navList .active span {
    background-color: #fff
}

.page-person-list .mainbox .content .right-table {
    width: 934px;
    height: 588px;
    display: none
}

.page-person-list .mainbox .content .right-table .title {
    height: 46px;
    background: #f3f7fb;
    border-radius: 0px 3px 3px 0px;
    font-size: 18px;
    color: #1e6dd6;
    display: flex
}

.page-person-list .mainbox .content .right-table .title div {
    width: 143px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-person-list .mainbox .content .right-table .title div img {
    width: 15px;
    height: 15px
}

.page-person-list .mainbox .content .right-table .title .active {
    background-color: #fff;
    border-top: 4px solid #1e6dd6;
    height: 42px
}

.page-person-list .mainbox .content .right-table .search {
    display: flex;
    justify-content: center
}

.page-person-list .mainbox .content .right-table .search input {
    width: 854px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #1b88e7;
    border-radius: 6px 0px 0px 6px;
    text-indent: 12px
}

.page-person-list .mainbox .content .right-table .search .btn {
    width: 80px;
    height: 50px;
    background: #1b88e7;
    border: 1px solid #0079e3;
    border-radius: 0px 6px 6px 0px;
    color: #fff
}

.page-person-list .mainbox .content .right-table .table {
    padding: 10px 20px 0 20px;
    display: none
}

.page-person-list .mainbox .content .isShow {
    display: block !important
}

.page-person-detail .mainbox .breadcrumb-fdc {
    display: flex
}

.page-person-detail .mainbox .content {
    width: 1118px;
    height: 568px;
    border: 1px solid #c8d1dd
}

.page-person-detail .mainbox .content .title {
    height: 46px;
    background: #f3f7fb;
    display: flex;
    color: #1b88e7;
    font-size: 18px;
    font-weight: 400
}

.page-person-detail .mainbox .content .title .item {
    width: 144px;
    height: 46px;
    line-height: 46px;
    text-align: center
}

.page-person-detail .mainbox .content .title .active {
    border-top: 4px solid #1b88e7;
    height: 42px;
    line-height: 42px;
    background-color: #fff
}

.page-person-detail .mainbox .content .basicInfo {
    padding: 0 27px
}

.page-person-detail .mainbox .content .basicInfo .headTitle {
    display: flex;
    align-items: center;
    height: 70px
}

.page-person-detail .mainbox .content .basicInfo .headTitle img {
    width: 20px;
    height: 20px
}

.page-person-detail .mainbox .content .basicInfo .headTitle .name {
    font-size: 22px;
    font-weight: 700;
    color: #333
}

.page-person-detail .mainbox .content .basicInfo .table table tr {
    width: 1058px;
    height: 40px;
    border: 1px solid #c8d1dd
}

.page-person-detail .mainbox .content .basicInfo .table table tr .type {
    background-color: #F3F7FB;
    width: 168px;
    text-align: end
}

.page-person-detail .mainbox .content .basicInfo .table table tr .value {
    width: 360px
}

.page-person-detail .mainbox .content .basicInfo .QRcode {
    display: flex;
    align-items: center
}

.page-person-detail .mainbox .content .basicInfo .QRcode .imgBox img {
    width: 172px;
    height: 172px
}

.page-person-detail .mainbox .content .basicInfo .QRcode .imgBox p {
    font-size: 14px;
    font-weight: 400;
    color: #cecece
}

.page-person-detail .mainbox .content .basicInfo .QRcode .explain {
    font-size: 18px;
    font-weight: 700;
    color: #333333
}

.page-person-detail .mainbox .content .evaluate {
    padding: 0 27px
}

.page-credit-info .mainbox .breadcrumb-fdc, .page-service-evaluation .mainbox .breadcrumb-fdc, .page-administration-supervise .mainbox .breadcrumb-fdc {
    display: flex
}

.page-credit-info .mainbox .content, .page-service-evaluation .mainbox .content, .page-administration-supervise .mainbox .content {
    display: flex;
    justify-content: space-between;
    padding-top: 20px
}

.page-credit-info .mainbox .content .left-nav, .page-service-evaluation .mainbox .content .left-nav, .page-administration-supervise .mainbox .content .left-nav {
    width: 152px;
    height: 588px;
    border: 1px solid #dcdfe6;
    border-radius: 5px
}

.page-credit-info .mainbox .content .left-nav .title, .page-service-evaluation .mainbox .content .left-nav .title, .page-administration-supervise .mainbox .content .left-nav .title {
    height: 34px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dcdfe6;
    background-color: #f6f6f6;
    font-weight: 700;
    font-size: 14px;
    color: #1b88e7
}

.page-credit-info .mainbox .content .left-nav .title img, .page-service-evaluation .mainbox .content .left-nav .title img, .page-administration-supervise .mainbox .content .left-nav .title img {
    width: 10px;
    height: 10px
}

.page-credit-info .mainbox .content .left-nav .navList, .page-service-evaluation .mainbox .content .left-nav .navList, .page-administration-supervise .mainbox .content .left-nav .navList {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px
}

.page-credit-info .mainbox .content .left-nav .navList .item, .page-service-evaluation .mainbox .content .left-nav .navList .item, .page-administration-supervise .mainbox .content .left-nav .navList .item {
    width: 114px;
    height: 26px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    text-align: center;
    color: #C2C2C2;
    border-radius: 13px;
    font-size: 14px;
    margin-bottom: 10px
}

.page-credit-info .mainbox .content .left-nav .navList .item span, .page-service-evaluation .mainbox .content .left-nav .navList .item span, .page-administration-supervise .mainbox .content .left-nav .navList .item span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #F0F1F3;
    border-radius: 3px
}

.page-credit-info .mainbox .content .left-nav .navList .administrationItem, .page-service-evaluation .mainbox .content .left-nav .navList .administrationItem, .page-administration-supervise .mainbox .content .left-nav .navList .administrationItem {
    width: 104px;
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 14px 0 16px;
    line-height: 15px;
    color: #C2C2C2;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 10px
}

.page-credit-info .mainbox .content .left-nav .navList .administrationItem span, .page-service-evaluation .mainbox .content .left-nav .navList .administrationItem span, .page-administration-supervise .mainbox .content .left-nav .navList .administrationItem span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #F0F1F3;
    border-radius: 3px
}

.page-credit-info .mainbox .content .left-nav .navList .active, .page-service-evaluation .mainbox .content .left-nav .navList .active, .page-administration-supervise .mainbox .content .left-nav .navList .active {
    background: #1b88e7;
    color: #fff
}

.page-credit-info .mainbox .content .left-nav .navList .active span, .page-service-evaluation .mainbox .content .left-nav .navList .active span, .page-administration-supervise .mainbox .content .left-nav .navList .active span {
    background-color: #fff
}

.page-credit-info .mainbox .content .right-table, .page-service-evaluation .mainbox .content .right-table, .page-administration-supervise .mainbox .content .right-table {
    width: 927px;
    height: 588px;
    border: 1px solid #dde0e6;
    display: none
}

.page-credit-info .mainbox .content .right-table .title, .page-service-evaluation .mainbox .content .right-table .title, .page-administration-supervise .mainbox .content .right-table .title {
    height: 46px;
    background: #f3f7fb;
    border-radius: 0px 3px 3px 0px;
    font-size: 18px;
    color: #1e6dd6;
    display: flex
}

.page-credit-info .mainbox .content .right-table .title div, .page-service-evaluation .mainbox .content .right-table .title div, .page-administration-supervise .mainbox .content .right-table .title div {
    width: 143px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-credit-info .mainbox .content .right-table .title div img, .page-service-evaluation .mainbox .content .right-table .title div img, .page-administration-supervise .mainbox .content .right-table .title div img {
    width: 15px;
    height: 15px
}

.page-credit-info .mainbox .content .right-table .title .active, .page-service-evaluation .mainbox .content .right-table .title .active, .page-administration-supervise .mainbox .content .right-table .title .active {
    background-color: #fff;
    border-top: 4px solid #1e6dd6;
    height: 42px
}

.page-credit-info .mainbox .content .right-table .search, .page-service-evaluation .mainbox .content .right-table .search, .page-administration-supervise .mainbox .content .right-table .search {
    display: flex;
    padding: 10px 20px
}

.page-credit-info .mainbox .content .right-table .search .select, .page-service-evaluation .mainbox .content .right-table .search .select, .page-administration-supervise .mainbox .content .right-table .search .select {
    width: 137px;
    height: 36px;
    border: 1px solid #d4d4d4;
    border-radius: 4px
}

.page-credit-info .mainbox .content .right-table .search input, .page-service-evaluation .mainbox .content .right-table .search input, .page-administration-supervise .mainbox .content .right-table .search input {
    width: 629px;
    height: 34px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    text-indent: 12px
}

.page-credit-info .mainbox .content .right-table .search .btn, .page-service-evaluation .mainbox .content .right-table .search .btn, .page-administration-supervise .mainbox .content .right-table .search .btn {
    width: 105px;
    height: 36px;
    background: #1b88e7;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 16px
}

.page-credit-info .mainbox .content .right-table .tabContent .table, .page-service-evaluation .mainbox .content .right-table .tabContent .table, .page-administration-supervise .mainbox .content .right-table .tabContent .table {
    padding: 10px 20px 0 20px;
    display: none
}

.page-credit-info .mainbox .content .right-table .tabContent .isShow, .page-service-evaluation .mainbox .content .right-table .tabContent .isShow, .page-administration-supervise .mainbox .content .right-table .tabContent .isShow {
    display: block
}

.page-credit-info .mainbox .content .isShow, .page-service-evaluation .mainbox .content .isShow, .page-administration-supervise .mainbox .content .isShow {
    display: block
}

.page-credit-publicity .mainbox {
    background: url("./demo/img/page-credit-bg.png");
    background-size: cover
}

.page-credit-publicity .mainbox .content {
    padding-top: 60px;
    width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.page-credit-publicity .mainbox .content div {
    width: 350px;
    height: 120px;
    text-indent: 108px;
    line-height: 120px;
    font-size: 26px;
    font-weight: 700;
    color: #005ac1;
    padding-top: 8px;
    border-radius: 10px;
    background-size: cover
}

.page-credit-publicity .mainbox .content .mechanism-person-info {
    background-image: url("./demo/img/mechanism-person-info.png")
}

.page-credit-publicity .mainbox .content .supervise {
    background-image: url("./demo/img/supervision.png")
}

.page-credit-publicity .mainbox .content .evaluate {
    background-image: url("./demo/img/evaluate.png")
}

.page-credit-publicity .mainbox .content .policy {
    background-image: url("./demo/img/policy.png")
}

.page-credit-publicity .mainbox .content .ranking {
    background-image: url("./demo/img/ranking.png")
}

.page-credit-publicity .mainbox .content .declare {
    background-image: url("./demo/img/declare.png")
}

.page-credit-publicity .mainbox .content .Ievaluate {
    background-image: url("./demo/img/Ievaluate.png")
}

.page-complaint-info .mainbox .breadcrumb-fdc, .page-evaluate-info .mainbox .breadcrumb-fdc {
    display: flex
}

.page-complaint-info .mainbox .content .complaint, .page-evaluate-info .mainbox .content .complaint {
    font-size: 16px;
    color: #BDBDBD;
    width: 1100px
}

.page-complaint-info .mainbox .content .complaint .title, .page-evaluate-info .mainbox .content .complaint .title {
    font-size: 26px;
    color: #333333;
    font-weight: 700;
    padding: 10px 0
}

.page-complaint-info .mainbox .content .complaint input, .page-complaint-info .mainbox .content .complaint select, .page-evaluate-info .mainbox .content .complaint input, .page-evaluate-info .mainbox .content .complaint select {
    width: 306px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    text-indent: 12px
}

.page-complaint-info .mainbox .content .complaint textarea, .page-evaluate-info .mainbox .content .complaint textarea {
    width: 987px;
    height: 155px;
    background: #ffffff;
    border: 1px solid #dcdfe6;
    border-radius: 4px
}

.page-complaint-info .mainbox .content .complaint label span, .page-evaluate-info .mainbox .content .complaint label span {
    display: inline-block;
    width: 112px;
    text-align: end
}

.page-complaint-info .mainbox .content .complaint .captcha, .page-evaluate-info .mainbox .content .complaint .captcha {
    display: inline-block;
    width: 102px;
    height: 36px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #1b88e7;
    border-radius: 5px;
    color: #1b88e7;
    font-size: 14px
}

.page-complaint-info .mainbox .content .complaint .radioGroup, .page-evaluate-info .mainbox .content .complaint .radioGroup {
    display: flex;
    align-items: center;
    width: 306px;
    color: #333333
}

.page-complaint-info .mainbox .content .complaint .radioGroup input, .page-evaluate-info .mainbox .content .complaint .radioGroup input {
    width: 16px;
    height: 16px
}

.page-complaint-info .mainbox .content .complaint .explain, .page-evaluate-info .mainbox .content .complaint .explain {
    font-size: 12px;
    color: #f53333;
    padding-left: 112px
}

.page-complaint-info .mainbox .content .submitbtn, .page-evaluate-info .mainbox .content .submitbtn {
    text-align: center;
    padding: 20px 0 20px
}

.page-complaint-info .mainbox .content .submitbtn .btn, .page-evaluate-info .mainbox .content .submitbtn .btn {
    width: 133px;
    height: 44px;
    background: #1b88e7;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-size: 14px
}

.page-fphy .step1, .page-fphy .step2 {
    padding-bottom: 20px
}

.page-fphy .form-hd {
    padding: 20px 0;
    text-align: center;
    color: #333;
    font-size: 20px;
    line-height: 36px;
    font-weight: bold
}

.page-fphy .fphy .layui-input, .page-fphy .fphy .layui-textarea {
    background-color: #F7F9FA;
    border-color: #B8BCC6
}

.page-fphy .fphy .layui-input:focus, .page-fphy .fphy .layui-textarea:focus {
    border-color: #018ce2 !important
}

.page-fphy .fphy .layui-input:hover, .page-fphy .fphy .layui-textarea:hover {
    border-color: #018ce2 !important
}

.page-fphy .fphy .unit {
    display: block;
    position: absolute;
    right: -40px;
    top: 11px
}

.page-fphy .fphy .custom-tips {
    display: none;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 101%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-fphy .fphy .input-error + .custom-tips {
    display: block
}

.page-fphy .fphy .input-tips {
    display: none
}

.page-fphy .fphy .validator-advice {
    display: block;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 100%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.page-fphy .fphy .layui-form-item {
    margin-bottom: 20px
}

.page-fphy .fphy .layui-input.input-error {
    border-color: #ed1a33
}

.page-fphy .fphy .layui-form-text .layui-input-inline {
    width: 300px
}

.page-fphy .fphy .layui-btn-container.btn-center {
    padding: 25px 0 0;
    margin: 0 auto;
    text-align: center;
    width: 150px
}

.page-fphy .query-result {
    position: relative
}

.page-fphy .query-result .hd {
    padding: 20px 0;
    text-align: center;
    color: #333;
    font-size: 20px;
    line-height: 36px;
    font-weight: bold
}

.page-fphy .query-result table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit
}

.page-fphy .query-result table thead {
    display: table-header-group;
    vertical-align: middle;
    text-align: center
}

.page-fphy .query-result table th {
    display: table-cell;
    text-align: center
}

.page-fphy .query-result table tr {
    display: table-row;
    vertical-align: inherit
}

.page-fphy .query-result table td {
    padding: 0.5em 1em;
    border: 1px solid #DCDFE6;
    text-align: center
}

.page-fphy .query-result table td.thd {
    color: #018ce2;
    text-align: center
}

.page-fphy .query-result table td.name {
    background: #eee;
    text-align: left;
    width: 10em
}

.page-fphy .query-result table td.val {
    text-align: left
}

.dialog-fpfy {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 5px #eee;
    border: 1px solid #eee;
    padding: 0 30px
}

.dialog-fpfy .form-hd {
    padding: 20px 0;
    text-align: center;
    color: #333;
    font-size: 20px;
    line-height: 36px;
    font-weight: bold
}

.dialog-fpfy .form-con {
    padding-right: 30px
}

.dialog-fpfy .fphy .layui-input, .dialog-fpfy .fphy .layui-textarea {
    background-color: #F7F9FA;
    border-color: #B8BCC6
}

.dialog-fpfy .fphy .layui-input:focus, .dialog-fpfy .fphy .layui-textarea:focus {
    border-color: #018ce2 !important
}

.dialog-fpfy .fphy .layui-input:hover, .dialog-fpfy .fphy .layui-textarea:hover {
    border-color: #018ce2 !important
}

.dialog-fpfy .fphy .unit {
    display: block;
    position: absolute;
    right: -40px;
    top: 11px
}

.dialog-fpfy .fphy .custom-tips {
    display: none;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 101%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.dialog-fpfy .fphy .input-error + .custom-tips {
    display: block
}

.dialog-fpfy .fphy .input-tips {
    display: none
}

.dialog-fpfy .fphy .validator-advice {
    display: block;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    top: 100%;
    color: #ed1a33;
    font-size: 12px;
    line-height: 18px
}

.dialog-fpfy .fphy .layui-form-item {
    margin-bottom: 20px
}

.dialog-fpfy .fphy .layui-input.input-error {
    border-color: #ed1a33
}

.dialog-fpfy .fphy .layui-form-text .layui-input-inline {
    width: 300px
}

.dialog-fpfy .fphy .layui-btn-container.btn-center {
    padding: 15px 0 0;
    margin-left: 50px;
    margin: 0 auto;
    text-align: center
}

.dialog-fpfy .query-result {
    position: relative
}

.dialog-fpfy .query-result .hd {
    padding: 20px 0;
    text-align: center;
    color: #333;
    font-size: 20px;
    line-height: 36px;
    font-weight: bold
}

.dialog-fpfy .query-result table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit
}

.dialog-fpfy .query-result table thead {
    display: table-header-group;
    vertical-align: middle;
    text-align: center
}

.dialog-fpfy .query-result table th {
    display: table-cell;
    text-align: center
}

.dialog-fpfy .query-result table tr {
    display: table-row;
    vertical-align: inherit
}

.dialog-fpfy .query-result table td {
    padding: 0.5em 1em;
    border: 1px solid #DCDFE6;
    text-align: center
}

.dialog-fpfy .query-result table td.thd {
    color: #018ce2;
    text-align: center
}

.dialog-fpfy .query-result table td.name {
    background: #eee;
    text-align: left;
    width: 10em
}

.dialog-fpfy .query-result table td.val {
    text-align: left
}