html,
body {
    width: 100%;
    height: 100%
}

* {
    padding: 0;
    margin: 0;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif
}

div,
dl,
dt,
dd,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ol,
ul,
li,
table,
th,
td,
p,
span,
a {
    border: 0
}

img,
input {
    border: 0;
    vertical-align: middle
}

body {
    font-size: 12px;
    background: #FFF;
    color: #000
}

html {
    overflow-y: scroll
}

ul,
ol {
    list-style-type: none
}

th,
td,
input {
    font-size: 12px
}

input {
    outline: 0;
    border: 0;
    box-shadow: none;
    padding-left: 8px
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type="number"] {
    -moz-appearance: textfield
}

h3 {
    font-size: 14px
}

button {
    border: 0;
    cursor: pointer;
    font-size: 12px;
    background-color: transparent;
    outline: 0
}

select {
    border-width: 1px;
    _zoom: 1;
    border-style: solid;
    padding-top: 2px;
    font-size: 12px
}

.clear {
    clear: both;
    font-size: 1px;
    height: 0;
    visibility: hidden;
    line-height: 0
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.clearfix {
    zoom: 1
}

a:link,
a:visited {
    text-decoration: none;
    color: #fff
}

.wrap {
    width: 100%;
    margin: 0 auto
}

header {
    width: 100%;
    height: 90px
}

a {
    text-decoration: none
}

em {
    font-style: normal
}

header {
    width: 100%;
    height: 90px;
   
}

header .header_box {
    width: 1200px;
    height: 90px;
    margin: 0 auto;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
    font-size: 16px
}

.header_tit {
    font-size: 29px;
    font-weight: 400;
    color: #000;
    margin-right: 16px;
    margin-left: 6px
}

.header_box {
    font-size: 18px;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center
}

.header_text {
    font-weight: 400;
    color: #fff;
    margin-left: 19px
}

.header_num {
    ont-weight: bold;
    color: #ffffff;
    width: 192px;
    height: 44px;
    line-height: 44px;
    padding-left: 50px;
    font-size: 18px;
    font-weight: 600;
    color: #c2282e;
    border-radius: 21px;
    background: url(/static/yipai/images/tel.png) no-repeat 8px center/32px 32px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.header_list {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    font-size: 16px;
    color: #fff;
    font-weight: 1000;
    padding-top: 6px
}

.header_list .header_active {
    padding: 0 16px
}

.header_list .header_active:last-child {
    padding-right: 0
}

.header_img {
    width: 16px;
    height: 15px;
    display: inline-block;
    margin-top: -3px
}

#footer {
    width: 100%;
    height: 360px;
    background: #2a2a2a;
    position: relative;
    z-index: 9
}

.footer {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    color: #fff;
    background-image: url('../images/bgbottom.png')
}

.footer_tit {
    width: 100%;
    height: 62px;
    border-bottom: 1px #3b3b3b solid;
    color: #fff;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.footer_tit span a {
    color: #fff
}

.footer_tit span a::before {
    content: '';
    width: 1px;
    height: 11px;
    background: #484848;
    display: inline-block;
    margin: 0 17px
}

.footer_tit span a:nth-child(1)::before {
    width: 0;
    margin: 0
}

.footer_em {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    color: #fff
}

.footer_em em {
    font-style: italic
}

.footer_em em i {
    font-size: 20px
}

.footer_tab {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    text-align: left;
    display: flex;
    display: -ms-flexbox
}

.footer_tab span {
    margin-right: 30px;
    color: #fff;
    display: inline-block;
    cursor: pointer
}

.footer_li {
    font-weight: 700
}

.footer_li::after {
    content: '';
    height: 2px;
    width: 20px;
    background: #fff;
    border-radius: 1px;
    display: block;
    margin-left: 10px;
    margin-top: -10px
}

.footer_bottom {
    width: 100%;
    height: 160px;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
    border-top: 1px #3b3b3b solid;
    font-size: 12px;
    font-weight: 400;
    color: #ababab
}

.footer_bottom span a {
    font-size: 12px;
    font-weight: 400;
    color: #ababab
}

.footer_bottom p {
    line-height: 32px;
    text-align: left
}

.footer_before::after {
    content: '';
    width: 1px;
    height: 11px;
    background: #484848;
    display: inline-block;
    margin: 0 10px
}

.footer_before:nth-child(2):hover {
    text-decoration: underline
}

.footer_bottom.flex div:nth-child(2) {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -ms-flex-align: center
}

.footer_wx {
    width: 64px;
    height: 64px;
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.04)
}

.footer_wx img {
    width: 100%;
    height: 100%;
    display: block
}

.footer_line {
    text-decoration: underline
}

.tab_content {
    text-align: left;
    margin-bottom: 13px
}

.tab_content span,
.tab_content span a {
    line-height: 26px;
    font-size: 12px;
    font-weight: 400;
    color: #ababab;
    text-align: left;
    width: 168px;
    display: inline-block;
    cursor: pointer
}

.tab_content span:hover,
.tab_content span a:hover {
    text-decoration: underline
}

.manage_ul li {
    width: 100%;
    margin-bottom: 18px
}

.manage_ul li {
    width: 289px;
    height: 407px;
    background: #fff
}

.manage_ul .man_top {
    width: 287px;
    height: 216px;
    border: 1px solid #d30000;
    position: relative
}

.man_top img {
    width: 100%;
    height: 100%;
    display: block
}

.ypd {
    width: 81px !important
}

.jl {
    width: 98px !important
}

.man_top .man_imgs {
    position: absolute;
    right: 0;
    top: 0;
    height: 43px !important;
    width: 80px
}

.postate {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 34px;
    background: #d30000;
    font-size: 14px;
    font-weight: 600;
    color: #fdfdfd;
    line-height: 34px;
    text-align: center
}

.manage_time {
    width: 199px;
    height: 34px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 8px;
    color: #fdfdfd;
    font-size: 12px;
    font-weight: 400;
    line-height: 34px
}

.manage_time b {
    font-size: 16px;
    font-weight: 600;
    color: #fdfdfd;
    margin: 0 1px;
    display: inline-block;
    line-height: 34px
}

.manage_time strong {
    width: 16px;
    height: 16px;
    font-size: 16px;
    border-radius: 2px;
    display: inline-block;
    line-height: 23px;
    margin: 0 2px;
    text-align: center
}

.man_bom {
    flex: 1;
    -ms-flex: 1;
    border: 1px solid #f0f0f0;
    text-align: left;
    overflow: hidden
}

.man_bom:hover h3 {
    color: #d30000
}

.man_bom h3 {
    width: 100%;
    line-height: 58px;
    font-size: 18px !important;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px #eee solid
}

.man_bom p {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 40px;
    padding: 0 10px
}

.mt10 {
    margin-top: 10px;
    position: relative
}

.man_bom p span::before {
    content: '';
    width: 1px;
    height: 11px;
    background: #d2d2d2;
    display: inline-block;
    margin: 0 10px
}

.man_bom p span:nth-child(1)::before {
    content: '';
    width: 0;
    height: 0;
    margin: 0
}

.man_bom h3:hover {
    color: #d30000
}

.man_bom .mt10 {
    cursor: pointer
}

.man_bom .mt10 .status {
    width: 287px;
    height: 0;
    background: #16ab6b;
    position: absolute;
    left: 0;
    bottom: -10px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    transition: all .6s
}

.man_bom:hover .mt10 .status {
    height: 39px
}

.man_bom .mt10:hover .status {
    height: 39px
}

.transition_img {
    overflow: hidden
}

.transition_img .img {
    transition: all 1.5s
}

.transition_img .img:hover {
    transform: scale(1.5);
    overflow: hidden;
    display: block
}

.flex {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.p10 {
    padding: 0 10px
}

.header_a::after {
    content: '';
    width: 20px;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    display: block;
    position: relative;
    bottom: -4px;
    left: 50%;
    margin-left: -10px
}

.con_box ul li{padding-bottom: 10px;font-size: 20px; color: #333333; font-weight: bold;}
.con_box ul li a{color: #333;}
.con_box ul li a:hover{color: #19aa66;}

.disnone {
    display: none !important
}

.mt10 .last span {
    font-size: 20px;
    font-weight: 600;
    color: #d30000
}

.mt10 .last b {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-left: 5px
}

.house_tab {
    width: 100%;
    margin-top: 20px;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-around
}

.house_tab span {
    font-size: 12px;
    font-weight: 400;
    color: #333;
    position: relative;
    cursor: pointer
}

.house_tab_active {
    font-weight: 600
}

.house_tab_active::after {
    content: '';
    width: 18px;
    height: 4px;
    background: #dc0d34;
    border-radius: 2px;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -9px
}

.xq_status {
    position: absolute;
    right: 0;
    top: 0px;
    width: 66px !important;
    height: 30px !important
}

.xq_text {
    position: absolute;
    right: 10px;
    bottom: 38px;
    font-size: 14px;
    font-weight: 600;
    color: #fff
}

.office {
    width: 52px !important
}

.search {
    width: 1200px;
    height: 78px;
    display: flex;
    display: -ms-flexbox;
    justify-content: start;
    -ms-flex-pack: start;
    align-items: center;
    -ms-flex-align: center;
    margin: 0 auto;
    position: relative
}

.search input {
    width: 518px;
    height: 36px;
    background: rgba(246, 246, 246, 0);
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
    box-sizing: border-box
}

.search .search_top {
    position: relative
}

.search .search_btn {
    width: 63px;
    height: 36px;
    background: #c2282e;
    border-radius: 0 5px 5px 0;
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px
}

.search .search_ss {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 490px;
    width: 13px;
    height: 13px;
    display: inline-block
}

.search .search_inp::-webkit-input-placeholder {
    font-size: 12px;
    color: #a9a9a9
}

.search .search_inp {
    padding-left: 36px !important
}

nav {
    text-align: left;
    width: 1200px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 400;
    color: #666
}

.end .postate {
    background: #cecece
}

.end .manage_time strong {
    background: #cecece
}

.end .mt10 .last span {
    color: #cecece
}

.end .manage_time span {
    margin-left: 20px
}

.soon .man_top {
    border: 1px solid #5480af
}

.soon .postate {
    background: #a92d2d
}


.soon .mt10 .last span {
    color: #5480af
}

.end .man_top {
    border: 1px #cecece solid
}

.loan_list .color_line {
    width: 282px;
    height: 290px;
    background-size: cover;
    border: 1px solid #e8e8e8;
    padding: 0 22px;
    box-sizing: border-box
}

.loan_list {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.loan_list .color_line img {
    display: block;
    margin-bottom: 28px
}

.color_line .top {
    height: 112px;
    border-bottom: 1px #f4ece4 solid;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -ms-flex-pack: center
}

.color_line .bot {
    margin-top: 20px
}

.color_line .bot h5 {
    display: flex;
    display: -ms-flexbox
}

.color_line .bot h5 b {
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    width: 88px;
    display: inline-block
}

.color_line .bot h5 span {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    flex: 1;
    -ms-flex: 1
}

.color_line .bot .btn {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-top: 15px
}

.color_line .bot button {
    width: 110px;
    height: 38px;
    border: 1px solid #c2282e;
    border-radius: 19px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #c2282e;
    margin: 0 auto
}

.color_line .bot button:hover {
    background: #c2282e;
    color: #fff
}

.layuis-layer-shade {
    width: 52px;
    height: 370px;
    position: fixed;
    top: 50%;
    margin-top: -185px;
    right: 0;
    z-index: 1001
}

.layuis-layer-shade .nav {
    width: 52px;
    height: 495px;
    background: #fff;
    box-shadow: 0 6px 13px 3px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column
}

.layuis-layer-shade .nav dl {
    flex: 1;
    -ms-flex: 1;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -ms-flex-pack: center;
    cursor: pointer
}

.layuis-layer-shade .nav dl dd {
    font-size: 12px;
    font-weight: 400;
    color: #333;
    margin-top: 8px
}

.layuis-layer-shade .nav img {
    width: 19px;
    height: 19px
}

.layuis-layer-shade .nav dl:last-child {
    border-top: 1px solid #f0f0f0
}

.layuis-layer-shade .nav dl:hover {
    background: #c2282e
}

.layuis-layer-shade .nav dl:hover dd {
    color: #fff
}

.layuis-layer-shade .nav dl .img {
    display: none
}

.layuis-layer-shade .nav dl:hover img {
    display: none
}

.layuis-layer-shade .nav dl:hover .img {
    display: block
}

.layuis-layer,
#list-dialog,
.claim-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001 !important;
    background: rgba(0, 0, 0, 0.5);
    display: none
}

.dialog {
    width: 600px;
    height: 517px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -258.5px;
    box-sizing: border-box;
    display: none;
    flex-direction: column;
    -ms-flex-direction: column
}

.dialog_top {
    width: 100%;
    height: 190px;
    position: relative;
    display: flex;
    display: -ms-flexbox;
    background-image: url('../images/dialog_bj.png');
    background-size: cover
}

.dialog .dialog_top .close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 12px;
    height: 12px;
    cursor: pointer
}

.dialog .dialog_top .left {
    width: 30%;
    position: relative
}

.dialog .dialog_top .left .h {
    width: 182px;
    height: 169px;
    position: absolute;
    top: 12px;
    left: 15px;
    animation: house 2s linear 0s infinite alternate;
    -moz-animation: house 2s linear 0s infinite alternate;
    -ms-animation: house 2s linear 0s infinite alternate
}

.dialog .dialog_top .left .r {
    width: 44px;
    height: 85px;
    position: absolute;
    bottom: 12px;
    left: 106px
}

.dialog .dialog_top .right {
    flex: 1;
    -ms-flex: 1;
    margin-left: 18px;
    text-align: left;
    padding-right: 50px
}

.dialog .dialog_top .right h2 {
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    margin-top: 52px
}

.dialog .dialog_top .right p {
    margin-top: 22px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8)
}

.dialog-content {
    width: 458px;
    height: 220px;
    background: linear-gradient(0deg, #FFFFFF, #FFE6E8);
    box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -229px;
    margin-top: -110px
}

.dialog-content img {
    width: 66px;
    height: 60px
}

.dialog-content .text {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #333333;
    margin: 14.5px 0 35px
}

.dialog-content .time {
    width: 131px;
    height: 37px;
    background: #F6F6F6;
    text-align: center;
    line-height: 37px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666
}

@-webkit-keyframes house {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(8px)
    }
}

@-moz-keyframes house {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(8px)
    }
}

.dialog .dialog_bottom {
    height: 327px;
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.dialog .dialog_bottom .slider {
    height: 92px;
    padding: 0 46px;
    box-sizing: border-box;
    width: 100%
}

.dialog .dialog_bottom .center {
    height: 297px
}

.dialog .dialog_bottom .bottom {
    display: flex;
    display: -ms-flexbox;
    height: 30px;
    overflow: hidden
}

.dialog .dialog_bottom .bottom dl {
    width: 100px;
    height: 30px;
    background: #ddd;
    border-right: 1px solid #fff
}

.dialog .dialog_bottom .bottom dl:last-child {
    border-right: 0
}

.dialog .dialog_bottom .bottom dl dd,
.dialog .dialog_bottom .bottom dl dt {
    line-height: 30px;
    text-align: center
}

.dialog .dialog_bottom .bottom dl:hover {
    animation: diabot .5s linear 0s forwards;
    -moz-animation: diabot .5s linear 0s forwards;
    -ms-animation: diabot .5s linear 0s forwards
}

.dialog .dialog_bottom .bottom .checked {
    background: #c2282e;
    color: #fff
}

.dialog .dialog_bottom .bottom .checked::before {
    content: '';
    width: 13px;
    height: 10px;
    background-image: url('../images/duihao.png');
    margin-right: 2px;
    background-size: cover;
    display: inline-block
}

.dialog .dialog_bottom .bottom {
    background: #fff
}

dl.subject_active {
    background: #c40b0b;
    margin-top: -30px
}

dl.subject_active_mt {
    margin-top: -30px
}

dl.subject_active .checked {
    background: #c40b0b !important
}

.dialog .dialog_bottom .bottom dl.subject_active:hover {
    animation: none;
    -moz-animation: none;
    -ms-animation: none
}

@-webkit-keyframes diabot {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-30px)
    }
}

@-moz-keyframes diabot {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-30px)
    }
}

@-ms-keyframes diabot {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-30px)
    }
}

.dialog .dialog_bottom .center li {
    display: none
}

.dialog .dialog_bottom .center li h2 {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-top: 42px;
    margin-bottom: 22px;
    text-align: left;
    margin-left: 40px
}

.dialog .dialog_bottom .center .dl {
    height: 92px;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
    padding: 0 40px;
    box-sizing: border-box;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.dialog .dialog_bottom .center .city {
    height: 92px;
    display: flex;
    display: -ms-flexbox;
    padding: 0 40px;
    box-sizing: border-box;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.dialog .dialog_bottom .center .city>span {
    text-align: center;
    width: 76px;
    height: 27px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 27px;
    cursor: pointer
}

.dialog .dialog_bottom .center .city>span:nth-child(6n) {
    margin-right: 0
}

.dialog .dialog_bottom .center .next {
    height: 84px;
    margin-top: 33px
}

.dialog_bottom .center .dl dl {
    width: 86px;
    height: 94px;
    border: 1px dashed #dfdfdf;
    border-radius: 5px;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -ms-flex-pack: center;
    box-sizing: border-box
}

.dialog_bottom .center .dl dl dd {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-top: 13px
}

.dialog_bottom .center .next {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -ms-flex-align: center
}

.dialog_bottom .center button {
    text-align: center;
    width: 175px;
    height: 34px;
    background: #c2282e;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #fff
}

.dialog_bottom .center li.dialog_c_active {
    display: block
}

.dialog_bottom .center .btn {
    color: #999;
    background: #fff;
    margin: 0
}

li .city span.tz {
    width: 100px !important
}

.city_active {
    background: #c2282e;
    color: #fff !important
}

.slider-handle {
    width: 20px;
    height: 20px;
    background: #fff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.18) !important;
    border-radius: 4px !important
}

.slider {
    position: relative
}

.slider .slider_left,
.slider .slider_right {
    position: absolute;
    top: 40px;
    left: 28px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    z-index: 999;
    font-size: 10px
}

.slider .slider_right {
    left: 550px
}

.slider .slider_left::before,
.slider .slider_right::before {
    width: 60px;
    height: 26px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    content: '0万';
    display: block;
    margin-top: -40px;
    margin-left: -20px;
    font-size: 10px;
    font-weight: 400;
    color: #999;
    line-height: 26px
}

.slider .slider_right::before {
    content: '2000万以上';
    width: 70px;
    margin-left: -26px
}

.slider .slider_left::after,
.slider .slider_right::after,
.slider .tooltip-main .tooltip-inner::after {
    width: 10px !important;
    height: 10px !important;
    border: 1px solid #DDD;
    content: '';
    display: block;
    transform: rotateZ(45deg);
    margin-top: -5px;
    margin-left: 5px;
    border-top: 0;
    border-left: none;
    background: #fff
}

.slider .tooltip.top {
    margin-top: -8px !important;
    margin-left: -6px !important;
    position: absolute;
    z-index: 9999
}

.slider .tooltip-main .tooltip-inner {
    width: 80px;
    height: 26px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    line-height: 26px;
    font-size: 10px;
    font-weight: 400;
    color: #999;
    margin-left: -30px !important
}

.slider .tooltip-main .tooltip-inner::after {
    margin-left: 30px;
    margin-top: -6px
}

.house_mj .slider .slider_left::before {
    content: '0㎡'
}

.house_mj .slider .slider_right::before {
    content: '500㎡以上'
}

.house_purpose .dl dl {
    position: relative
}

.house_purpose .dl dl dt img {
    width: 72px
}

.purpose_active {
    border: 2px solid #c2282e !important;
    box-sizing: border-box
}

.purpose_active::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('../images/checked.png');
    background-size: cover;
    margin-left: 66px;
    position: absolute;
    top: -1px;
    right: -1px
}

.dialog_close,
.del_dailog {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -192px;
    margin-top: -74px;
    width: 384px;
    height: 149px;
    background: #fff;
    box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding: 0 22px;
    box-sizing: border-box;
    z-index: 9999
}

.dialog_close .close,
.del_dailog .close,
.dialog_phone .close {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 24px
}

.dialog_close h4,
.del_dailog h4 {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-top: 50px;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center
}

.dialog_close h4::before,
.del_dailog h4::before {
    width: 17px;
    height: 17px;
    content: '';
    background-image: url('../images/tishi-2.png');
    background-size: cover;
    display: inline-block;
    margin-right: 8px
}

.dialog_close button,
.del_dailog button {
    text-align: center;
    width: 164px;
    height: 37px;
    background: #eee;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-top: 26px
}

.dialog_close button:nth-child(2),
.del_dailog button:nth-child(2) {
    background: #d30000;
    color: #fff
}

.dialog_phone {
    display: none;
    position: absolute;
    height: 90px;
    width: 384px;
    top: 50%;
    left: 50%;
    margin-left: -192px;
    margin-top: -45px;
    background: #fff;
    box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px
}

.dialog_phone .flex {
    justify-content: start;
    -ms-flex-pack: start
}

.dialog_phone .left img {
    width: 84px;
    height: 90px
}

.dialog_phone h6 {
    font-size: 16px;
    font-weight: 400;
    color: #666
}

.dialog_phone h6 b {
    font-size: 24px;
    font-weight: 400;
    color: #c2282e
}

.security .box {
    position: relative;
    width: 100%;
    height: 500px
}

.security .box>img {
    position: absolute;
    top: 50%;
    
    display: block;
    margin-top: -227.5px;
}

.security .box dl {
    display: flex;
    display: -ms-flexbox;
    position: absolute;
    left: 0;
    top: 20px
}

.security .box dl dt img {
    width: 48px;
    height: 48px;
    display: block
}

.security .box .dl_1,
.security .box .dl_6 {
    top: 110px
}

.security .box .dl_2,
.security .box .dl_7 {
    top: 200px
}

.security .box .dl_3,
.security .box .dl_8 {
    top: 300px
}

.security .box .dl_4,
.security .box .dl_9 {
    top: 390px
}

.security .ser_dl {
    left: 890px !important
}

.security dl dd {
    margin-left: 18px
}

.security dl dd h5 {
    font-size: 18px;
    font-weight: 600;
    color: #e25c5a
}

.security dl dd p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-top: 10px;
    margin-bottom: 0
}

.login_box {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1002
}

.login_content {
    text-align: center;
    width: 384px;
    height: 356px;
    background: #fff;
    box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -178px;
    margin-left: -192px
}

.login_box .login_close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 12px;
    height: 12px;
    cursor: pointer
}

.login_box h6 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin-top: 48px
}

.login_box p {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #b8b8b8;
    line-height: 32px
}

.login_box input {
    width: 336px;
    height: 36px;
    background: #f6f6f6;
    margin-top: 16px;
    box-sizing: border-box;
    padding: 0 10px
}

.login_box .code,
.load_wrap .code {
    width: 100%;
    position: relative
}

.login_box .code span,
.load_wrap .code span {
    position: absolute;
    right: 30px;
    top: 26px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    cursor: pointer
}

.login_box input::-webkit-input-placeholder {
    font-size: 12px;
    color: #b8b8b8
}

.login_box button {
    width: 336px;
    height: 37px;
    background: #c2282e;
    margin-top: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 22px;
    text-align: center
}

.login_box .tit {
    font-size: 12px;
    font-weight: 400;
    color: #111;
    margin-top: 30px
}

.login_box .tit b {
    color: #c2282e;
    font-weight: 400;
    cursor: pointer
}

.login_box button:hover {
    background: #d30000
}

aside .searchs .del_close {
    top: 16px !important;
    cursor: pointer
}

.del_close_search {
    cursor: pointer
}

.search_tootie_box,
.search_data_list {
    width: 518px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-top: 0;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    position: absolute;
    box-sizing: border-box;
    z-index: 9
}

.search_tootie_box h6 {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    padding: 20px 18px;
    text-align: left
}

.search_tootie_box ul {
    display: flex;
    display: -ms-flexbox;
    width: 100%;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding: 0 18px;
    padding-bottom: 16px;
    box-sizing: border-box
}

.search_tootie_box ul li {
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 400;
    color: #fb7c7d;
    background: #fefafa;
    border: 1px solid #f9dbdb;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 8px
}

.search_tootie_box .img_box {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-top: 44px
}

.search_tootie_box .img_box>img {
    width: 150px;
    height: 64px;
    display: block
}

.search_tootie_box .img_box p {
    font-size: 14px;
    font-weight: 400;
    color: #aaa
}

.search_select {
    position: relative
}

.search .search_tootie_box,
.search .search_data_list {
    right: 0;
    top: 58px;
    z-index: 9
}

.search_data_list p {
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin: 20px 0;
    padding: 0 18px;
    box-sizing: border-box
}

.search_data_list ul {
    width: 100%
}

.search_data_list ul li a {
    padding: 0 18px;
    box-sizing: border-box;
    display: flex;
    display: -ms-flexbox;
    max-width: 516px;
    height: 36px;
    line-height: 36px;
    overflow: hidden
}

.search_data_list ul li:hover {
    background: #f8f8f8
}

.search_data_list ul li a h6 {
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.search_data_list ul li a h6:nth-child(1) {
    max-width: 420px;
    display: -webkit-box;
    display: block;
    overflow: hidden;
    margin-left: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search_data_list ul li a b {
    background: #fff5eb;
    border: 1px solid #ff7e00;
    border-radius: 2px;
    padding: 3px 4px;
    font-size: 12px;
    font-weight: 400;
    color: #ff7e00;
    margin-left: 8px
}

.search_data_list ul li a strong {
    font-size: 14px;
    font-weight: 400;
    color: #c2282e
}

.search_data_list ul li a h6:last-child {
    flex: 1;
    -ms-flex: 1;
    text-align: right
}

.login_box .code {
    margin-left: 0;
    text-align: center
}

.hide {
    display: none
}

.show {
    display: block
}

.login_info {
    display: none
}

a.login_out {
    width: 49px;
    height: 24px;
    background: #c2282e;
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    margin: 0 7px;
    font-size: 12px;
    display: none;
    position: absolute;
    margin-top: 6px
}

a.login_out:hover {
    background: #d30000;
    color: #fff
}

.login_out img {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 4px 0 4px
}

.login_info_true {
    height: 100%
}

.code>span {
    cursor: pointer
}

.disable {
    pointer-events: none
}

.dialog_bottom .center li p {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    text-align: left;
    padding: 0 40px;
    box-sizing: border-box
}

.dialog_bottom .center li input {
    width: 339px;
    height: 37px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    font-size: 12px;
    padding: 0 7px;
    box-sizing: border-box;
    margin-top: 10px
}

.dialog_bottom .center li input::-webkit-input-placeholder {
    color: #999;
    font-size: 12px
}

.dialog_bottom .center li .code,
.dialog_bottom .center li .codes,
.code_phone {
    position: relative
}

.dialog_bottom .center li .code {
    width: 100%
}

.dialog_bottom .center li .code span,
.dialog_bottom .center li .codes span,
.code_phone span {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 12px;
    color: #333;
    cursor: pointer
}

.dialog_bottom .center li .code span:hover,
.dialog_bottom .center li .codes span:hover,
.code_phone span:hover {
    color: #c2282e
}

.login_content .code span {
    font-size: 12px
}

.login_content .code span:hover {
    color: #c2282e
}

.dialog .dialog_bottom .bottom dl.subject_active_mt:hover {
    animation: none;
    -moz-animation: none;
    -ms-animation: none
}

.header_logo {
    width: 184px;
    display: inline-block
}

._pages_li_1 {
    border: 1px #fff solid
}

#mpanel1 {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.04);
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -ms-flex-pack: center;
    z-index: 1113
}

.login_show:hover a {
    color: #d30000
}

.header_list a:hover {
    color: #d30000
}

.header_list a.login_out {
    color: #fff
}

.header_list a.login_out:hover {
    color: #fff
}

.layuis-layer-shade .next .btn:hover {
    color: #c2282e
}

.pick_leak .selectImg h3.tit-hovers {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

nav.nav_span>span>a {
    color: #666 !important;
    font-size: 12px;
    font-weight: 400
}

.nav_span .search {
    width: 518px;
    margin: 0
}

.header_nav_img {
    position: relative
}

.header_list .header_active.header_nav_img {
    padding-right: 0
}

.header_nav_img img {
    position: absolute;
    width: 18px;
    right: -2px;
}

.header_nav_img em {
    width: 22px;
    display: inline-block
}
.statement-dialog {
    width:446px;
    height: 525px;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    padding: 28px 39px 18px 44px;
    position: fixed;
    top: 50%;
    margin-top: -185px;
    right: 60px;
    z-index: 1001;
    display: none;
}
.statement-dialog .cancel {
    width: 12px;
    height: 12px;
    padding-left: 452px;
    margin-bottom: 13px;
}
.statement-dialog .img-close {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.statement-dialog .statement-content {
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #333333;
    text-align: left;
    line-height: 22px;
}
.statement-dialog .title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 35px;
}
.statement-dialog .paragraph1 {
    margin-bottom: 29px;
}
.statement-dialog .paragraph2 {
    font-weight: bold;
    margin-bottom: 28px;
}
.statement-dialog .paragraph3 {
    margin-bottom: 28px;
}
.statement-dialog .paragraph4 {
    margin-bottom: 30px;
}
.statement-dialog span {
    color: #D30000;
}
.statement-dialog .know-btn {
    width: 115px;
    height: 38px;
    background: #D03517;
    border-radius: 5px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 38px;
    margin: 0 auto;
    cursor: pointer;
}