*{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@font-face {
    font-family: "objektiv-bold";
    font-weight: 100;
    font-style: normal;
    src: url("../font/ObjektivMk3W03-Bold.woff2") format("woff2"),
    url("../font/ObjektivMk3W03-Bold.woff") format("woff");
}
@font-face {
    font-family: "objektiv-regular";
    font-weight: 100;
    font-style: normal;
    src: url("../font/ObjektivMk3W03-Regular.woff2") format("woff2"),
    url("../font/ObjektivMk3W03-Regular.woff") format("woff");
}
body{
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}
button, input, optgroup, select, textarea {
    font: inherit;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
}
img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.font-normal {
    font-family: 'Source Sans Pro',sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    -webkit-font-feature-settings: "kern";
    font-feature-settings: "kern";
    -webkit-font-kerning: normal;
    font-kerning: normal;
}
.mt30{
    margin-top: 30px;
}
.mt32{
    margin-top: 32px;
}
.mblock32{
    margin-block: 32px;
}
.mb-8{
    margin-bottom: 8px;
}
.mb-25 {
     margin-bottom: 25px;
}
.mb26{
    margin-bottom: 26px;
}
.mb48{
    margin-bottom: 48px;
}
.mb30{
    margin-bottom: 30px;
}
.p10{
    padding: 10px;
}
.pb10{
    padding-bottom: 10px;
}
.pb20{
    padding-bottom: 20px;
}
.pt32{
    padding-top: 32px;
}
.pblock32{
    padding-block: 32px;
}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
    border: 0px;
}
a:hover, a:active, a:focus {
    color: #ff0288 !important;
}
.w100{
    width: 100%;
}
.flex-row{
    display: flex;
    flex-direction: row;
}
.flex-column{
    display: flex;
    flex-direction: column;
}
.flex-row-center{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.flex-column-center{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex1{
    flex: 1;
}
.flex {
    display: -ms-flexbox;
    display: flex;
}
.items-center {
    -ms-flex-align: center;
    align-items: center;
}
.justify-center {
    -ms-flex-pack: center;
    justify-content: center;
}
.cursor-pointer {
    cursor: pointer;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible{
    overflow: visible !important;
}
.drag-none {
    -webkit-user-drag: none;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.gap4{
    gap: 4px;
}
.gap10{
    gap: 10px;
}
.pos-relative{
    position: relative;
}
.font14{
    font-size: 14px;
}
.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.newnav{
    height: 72px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 20px;
    border-bottom: 1px solid #e9ecf1;
    box-shadow: none;
}
.logo-div{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.logo-img{
    width: auto;
    height: 30px;
    margin: 0px 6px;
}
.logo-text{
    font-size: 28px;
    font-family: Arial;
    color: #000000;
}
.user-div{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.sign-up{
    line-height: 32px;
    font-weight: 700;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding-inline: 20px;
    background-color: #ff0288;
    border-radius: 22px;
    overflow: visible;
    border: 0px;
    cursor: pointer;
}
.sign-up-img{
    width: 32px;
    height: 32px;
    margin: 0px 6px;
    background-image: url('../img/pc/defaultuser1.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.sign-up-img:hover{
    background-image: url('../img/pc/defaultuser.png');
}
.user-avatar{
    width: 32px;
    height: 32px;
    border-radius: 32px;
}
footer.footer, footer.footer .copyright.newfooter-copyright{
    background: #ffffff;
    color: #475a6b;
}

.footer-flex-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    clear: both;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.wap-hide{
    display: inline-block;
}
main.content{
    padding-top: 92px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.user-box{
    position:absolute;
    top: 32px;
    right: 8px;
    width: 200px;
    background-color: #fff;
    border-color:1px solid #e9ecf1;
    -webkit-box-shadow: 0 2px 7px 3px #8a979d33;
    box-shadow: 0 2px 7px 3px #8a979d33;
    border-radius: 8px;
    padding-inline: 20px;
    padding-block: 8px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
}
.user-name{
    color: #101010;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
}
.user-line{
    width: 100%;
    height: 4px;
    background-color: #ff0288;
    margin-block: 16px;
}
.btn-sign-out{
    cursor: pointer;
    font-size: 15px;
    line-height: 40px;
}
.user-div:hover .user-box{
    display: block !important;
}

/*---------登录弹出层----------*/
.alt {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    z-index: 1100;
}
.login-logo-box{
    width: 100%;
    margin-top: 50px;
}
.login-logo-img{
    width: 60px;
    height: 60px;
}
.login-logo-text{
    font-weight: 700;
    font-size: 24px;
    color: #101010;
    line-height: 40px;
}
.loginTip {
    display: none;
    margin-bottom: 17px;
    font-size: 12px;
    font-weight: 400;
    color: #ff0288;
}

.alt-GB {
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgba(0, 0, 0, 0);
    background-image: url('../img/pc/close.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60px;
    width: 60px;
    height: 60px;
    z-index: 1100;
    cursor: pointer;
}

.alt-GB:hover {
    background-image: url('../img/pc/close.png');
}
.alt01-box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -225px;
    margin-top: -250px;
    width: 449px;
    /*background-color: #FFFFFF;*/
    /*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);*/
    /*border-radius: 30px;*/
    overflow: hidden;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 9px 15px 35px 16px rgba(197, 197, 197, 0.17);
    border-radius: 4px;
}
.alt01-box>div {
    float: left;
    height: 100%;
    overflow: hidden;
}
.alt-logon {
    width: 449px;
    min-height: 480px;
    position: relative;
}
.alt-logon .inp-box>input::placeholder{
    /*color: rgba(102,102,102,0.6);*/
    color: #b9b9ba;
}
.alt-logon .tab-box{
    margin: 0px 74px;
    padding-top: 20px;
}
.alt-logon .tab-box>div{
    display: none;
}
.alt-logon .tab-box>div.act{
    display: block;
}
.alt-logon .inp-box{
    position: relative;
}
.alt-logon .inp-box>input::placeholder{
    /*color: rgba(102,102,102,0.6);*/
    color: #b9b9ba;
}
.alt-logon .inp-box>.icon{
    position: absolute;
    left: 17px;
    top: 10px;
    width: 28px;
    height: 28px;
}
.alt-logon .inp-box>input[type="text"],
.alt-logon .inp-box>input[type="password"]{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 36px;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}
.alt-logon .inp-box.pasbox>input[type="text"],
.alt-logon .inp-box.pasbox>input[type="password"]{
    padding-right: 60px;
}
.alt-logon .inp-box.smsbox .sms_code{
    position: absolute;
    top: 5px;
    right: 7px;
    width: 70px;
    height: 30px;
    color: #ff0288;
    text-align: right;
    background-color: #fafafa;
}
.alt-logon .bttn-box>input{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #FFFFFF;
    border-radius: 4px;
    background-color: #ff0288;
    /*box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.2);*/
}
.bowbox{
    position: absolute;
    bottom: 44px;
    left: 0;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    /*color: rgba(102,102,102,0.6);*/
    color: #53627c;
    overflow: hidden;
}
.bowbox>input{
    display: none;
}
.bowbox>.chebox{
    position: relative;
}
.bowbox>.chebox>a{
    color: #101010;
    text-decoration: underline;
}
.bowbox>.chebox>a:hover{
    text-decoration: underline;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
/*---------登录弹出层----------*/

/*---------搜索页----------*/
.left-search-div {
    display: block;
    padding-top: 140px;
    width: 716px!important;
    position: relative;
    min-height: calc(100vh - 100px);
}
/*右侧地图*/
.right-map-div {
    position: fixed;
    top: 72px;
    bottom: 0;
    right: 0;
    display: block;
    width: calc(100% - 716px)!important;
}
.left-search-div {
    display: block;
    padding-top: 72px;
    width: 716px!important;
}
.condition-div{
    position: fixed;
    top: 156px;
    left: 0;
    width: 716px;
    height: 60px;
    color: white;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index: 5;
    align-items: center;
    background-color: #ffffff;
    padding-inline: 38px;
}
/* 隐藏时的状态（滑动 + 渐隐） */
.condition-div-hide {
    transform: translateY(-100%);
    opacity: 0;
}
.search-fix-div{
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    background-color: #fff;
    position: fixed;
    top: 72px;
    left: 0;
    padding: 16px 38px;
    height: 84px;
    width: 716px;
    z-index: 9;
}
.keyword-close-img{
    width: 36px;
    height: 36px;
    cursor: pointer;
}
.search-box{
    height: 52px;
    padding: 7px;
    background-color: #fff;
    border: 1px solid #e0e3e5;
    border-radius: 27px;
    display: flex;
    flex-direction: row;
    flex: 1 1;
    align-items: center;
    cursor: pointer;
}

.search-input{
    flex:1;
    display: inline-block;
    min-width: 240px;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px;
    background-color: #fff;
    padding-block: 4px;
    padding-left: 8px;
    font-size: 14px;
    line-height: 24px;
    color: #343d42;
}
.search-button{
    line-height: 36px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    border-radius: 27px;
    border: 0px;
    background-color: #ff0288;
    stroke: #ffffff;
    padding-inline: 20px;
    justify-content: center;
}
.search-button-img{
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.search-button-text{
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

/*排序按钮及排序下拉列表*/
.sort-btn{
    border: 1px solid #e0e3e5;
    border-radius: 100px;
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    font-size: 17px;
    color: #101010;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.sort-btn:hover{
    color: #ff0288;
    border: 1px solid #ff0288;
}
.filter-num{
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px -8px 0px 6px;
    width: 18px;
    height: 18px;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
    background: #ff0288;
    border-radius: 9px;
}
.sort-btn-img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    object-fit: contain;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.sort-btn-img.filter{
    background-image: url('../img/pc/filters.png');
}
.sort-btn:hover .sort-btn-img.filter{
    background-image: url('../img/pc/filters_pink.png');

}
.sort-btn-img.sort{
    background-image: url('../img/pc/sort.png');
}
.sort-btn:hover .sort-btn-img.sort{
    background-image: url('../img/pc/sort_pink.png');
}
.sortlist-text{
    font-size: 14px;
    padding-left: 5px;
    color: #101010;
}
.sortlist-img{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    object-fit: contain;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/pc/radio0.png');
}
.sortlist-img.select{
    background-image: url('../img/pc/radio2.png');
}
.layui-menu li:hover .sortlist-img{
    background-image: url('../img/pc/radio0_pink.png');
}
.layui-menu li:hover .sortlist-img.select{
    background-image: url('../img/pc/radio2_pink.png');
}
.layui-menu li:hover .sortlist-text{
    color: #ff0288;
}

.search-list-div{
    border-top: 1px solid #e0e3e5;
    margin-top: 70px;
    padding-bottom: 100px;
    padding-inline: 38px;
}

/*搜索列表上面的文字*/
.search-header{
    padding: 16px 0px 32px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.search-header-line1{
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.search-header-line2{
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #101010;
}
.search-header-line3{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    position: relative;
    line-height: 20px;
    font-size: 15px;
}

/*搜索列表*/
.search-list {
    position: relative;
    min-height: 200px;
    opacity: 1;
}
.search-item {
    display: inline-block;
    margin-bottom: 24px;
    width: 100%;
    -webkit-box-shadow: 0 3px 6px 0 #0000001a;
    box-shadow: 0 3px 6px 0 #0000001a;
    border-radius: 12px;
}
.search-item-house-img-div{
    position: relative;
    display: block;
    padding-bottom: 56.56%;
}
.search-item-house-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    object-fit: cover;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100vh;
    display: inline-block;
}
.search-img-carousel-item{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.search-item-house-box{
    padding: 16px;
    position: relative;
}
.search-item-collect{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 16px;
    object-fit: contain;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/pc/collect0.png');
}
.search-item-collect:hover{
    background-image: url('../img/pc/collect1.png');
}
.search-item-price{
    font-size: 18px;
    line-height: 25px;
    color: #101010;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 6px;
}
.search-item-address{
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #343d42;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 6px
}
.search-item-property{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.search-item-property-img{
    width: 20px;
    height: 20px;
}
.search-item-property-text{
    font-weight: 700;
    font-size: 14px;
    color: #343d42;
    line-height: 25px;
    /*margin-bottom: 32px;*/
}

/*底部分页*/
.search-page{
    margin-top: 50px;
    margin-bottom: 20px;
}
.page-title{
    text-align: center;
    margin-bottom: 12px
}
#search-laypage-text{
    text-align: center;
}
.page-arrow-img{
    width: 16px;
    height: 100%;
    object-fit: contain;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.page-arrow-img.left{
    background-image: url('../img/pc/left.png');
}
.layui-laypage a.layui-disabled .page-arrow-img.left{
    background-image: url('../img/pc/left00.png');
}
.page-arrow-img.right{
    background-image: url('../img/pc/right.png');
}
.layui-laypage a.layui-disabled .page-arrow-img.right{
    background-image: url('../img/pc/right00.png');
}
.layui-laypage a:not(.layui-disabled):hover {
    color: #ff0288 !important;
    /*border-color: #ff0288 !important;*/
}
.layui-laypage a:not(.layui-disabled):hover .page-arrow-img.left{
    background-image: url('../img/pc/left_pink.png');
}
.layui-laypage a:not(.layui-disabled):hover .page-arrow-img.right{
    background-image: url('../img/pc/right_pink.png');
}
.page-bottom{
    padding-top: 64px;
    border-top: 1px solid #e0e3e5;
}
/*filter 左侧弹出层*/
.drawer-content {
    min-height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
}
.drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 15px 0px;
}
.drawer-footer {
    position: sticky;
    height: 70px;
    bottom: 0;
    background: #fff;
    padding: 10px;
    text-align: center;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: row;
}
.checkbox-num{
    position: absolute;
    top: 0px;
    right: 0px;
}
/*折叠面板*/
.layui-colla-title {
    padding: 0 15px !important;
}
.layui-colla-icon {
    left: auto !important;
    right: 15px !important;
}
.collapse-close-box{
    position: relative;
    height: 42px;
    line-height: 42px;
    padding: 0 15px 0 35px;
    color: #333;
    background-color: #fafafa;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.collapse-close-hide{
    display: none;
}
.collapse-close-item{
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8px 8px 0;
    padding: 6px 12px;
    min-width: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    background-color: #f7f7f7;
    border: 1px solid #101010;
    border-radius: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.collapse-close-text{
}
.collapse-close-img{
    width: 14px;
    height: 14px;
    margin-left: 6px;
}
/*price*/
.btn-price{
    width: 120px;
    border: 1px solid #e0e3e5;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    position: relative;
}
.price-arrow{
    position: absolute;
    top: 9px;
    right: 10px;
    bottom: 0;
}
.price-alert-btn{
    width: 76px;
    line-height: 40px;
    border: 1px solid #e0e3e5;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    color: #101010;
}
.price-alert-btn.price-alert-btn-min{
    background-color: #00173b;
    color: #ffffff;
}
.price-alert-btn:hover{
    background-color: #ffffff;
    color: #ff0288;
    border: 1px solid #ff0288 !important;
}
.price-alert-btn.price-alert-btn-min:hover{
    background-color: #ff0288;
    color: #ffffff;
    border: 1px solid #ff0288 !important;
}

.btn-clear{
    flex:1;
    font-size: 14px;
    color: #ff0288;
    line-height: 50px;
}
.btn-filter{
    flex:2;
    font-size: 14px;
    color: #ffffff;
    line-height: 50px;
    background-color: #ff0288;
    border-radius: 50px;
}
.layui-form-checkbox[lay-skin=primary]{
    width: 100%;
}
.layui-form-checked[lay-skin=primary]>i{
    /*border-color: #ff0288 !important;*/
    background-color: #ff0288 !important;
    color: #fff;
    border: 0px !important;
    padding: 1px !important;
}
.layui-form-checked[lay-skin=primary]>i:before {
    /*border-color: #ff0288 !important;*/
    background-color: #ff0288 !important;
    color: #fff;
    border: 0px !important;
    padding: 1px !important;
}
.layui-form-checkbox[lay-skin=primary]:hover>i {
    border-color: #ff0288 !important;
    color: #fff;
}
.search-no-data{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 0px;
}
.search-no-data-img{
    width: 100px;
    height: auto;
    margin-bottom: 24px;
}
.search-no-data-text{
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    color: #101010;
}
.search-no-data-text.pink{
    color: #ff0288;
}

/*详情页顶部图片div*/
.block{
    display: block;
}
.bg-grayLighter2 {
    background-color: #f8f8f8;
}
.section {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    padding-bottom: 33.3333%;
}
.photo-div{
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: repeat(2,minmax(0,1fr));
    gap: 8px;
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    width: 100%;
    height: 100%;
}
.cursor-zoom-in {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.image-grid-area-1 {
    grid-area: 1/1/2/3;
}
.image-grid-area-4 {
    grid-area: 2/1/3/2;
}
.image-grid-area-5 {
    grid-area: 2/2/3/3;
}
.image-grid-area-8-md {
    grid-area: 1/1/3/2;
}
.image-grid-area-2-md {
    grid-area: 1/2/2/3;
}
.image-grid-area-6-md {
    grid-area: 1/3/2/4;
}
.image-grid-area-5-md {
    grid-area: 2/2/3/3;
}
.image-grid-area-7-md {
    grid-area: 2/3/3/4;
}
.size-full {
    width: 100%;
    height: 100%;
}
.section img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.img-more{
    font-size: 40px;
    font-weight: 500;
    background-color: #0000004d;
    color: #ffffff;
    line-height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
}
/*详情信息*/
.heightauto{
    height: auto !important;
}
.w-full {
    width: 100%;
}
.max-w-1200px {
    max-width: 1200px;
}
.mx-auto {
    margin-inline: auto;
}
.px-20px {
    padding-inline: 20px;
}
.pb-24px {
    padding-bottom: 24px;
}
.flex-1 {
    -ms-flex: 1 1;
    flex: 1 1;
}
.md-pb-32px {
    padding-bottom: 32px;
}
.min-w-0 {
    min-width: 0px;
}
.mdleft-auto {
    left: auto;
}
/*详情左侧*/
.detail-left-box{
    min-width: 0;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-inline: 20px;
    padding-bottom: 32px;
}
.div-photo-total{
    position: absolute;
    z-index: 1;
    text-align: center;
    top: -26px;
    right: 20px;
    left: auto;
}
.div-photo-total-inline{
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100%;
    overflow: auto;
    background-color: #ffffff;
    vertical-align: top;
    height: 52px;
    border-radius: 26px;
    padding-inline: 5px;
    padding-block: 14px;
    box-shadow: 0 6px 12px 0 #00000026;
}
.div-photo-total-btn{
    font: inherit;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
    outline-style: none;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    line-height: 24px;
    font-weight: 500;
    color: #53627c;
    padding-inline: 15px;
}
.borderright {
    border-right:1px solid #e0e3e5;
}
.borderleft {
    border-left:1px solid #e0e3e5;
}
.div-photo-total-img{
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: baseline;
    pointer-events: none;
}
.pb-block32{
    padding-block: 32px;
}
.info-address{
    font-size: 16px;
    line-height: 28px;
    margin-top: 28px;
}
.address-text{
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 4px;
    font-weight: 400;
}
.price-text{
    width: 100%;
    font-size: 24px;
    line-height: 34px;
    color: #101010;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.info-other{
    line-height: 28px;
    font-size: 16px;
    color: #343d42;
}
.info-other-row{
    margin-top: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.icon-num-ul{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
}
.icon-num-li{
    margin-right: 12px;
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
}
.icon-num-span{
    width: 32px;
    height: 32px;
    margin-right: 4px;
    color: #101010;
    display: inline-block;
}
.icon-num-img{
    width: 32px;
    height: 32px;
    vertical-align: baseline;
    display: inline-block;
    pointer-events: none;
}
.icon-num-text{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.info-date{
    display: inline-block;
    margin-bottom: 10px;
}
.info-date-h3{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
}
.info-date-text{
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
}
.info-date-text-bold{
    color: #101010;
    font-weight: 600;
    margin-right: 4px;
}
.model-title{
    font-size: 24px;
    line-height: 34px;
    color: #101010;
    font-weight: 700;
    margin-bottom: 32px;
}
.model-title-smail{
    font-size: 17px;
    color: #101010;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 12px;
}
.info-other-text{
    font-size: 16px;
    line-height: 28px;
    color: #343d42;
}
.property-detail-table{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
}
.property-detail-tb{
    gap: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.property-detail-tb img{
    width: 32px;
    height: 32px;
    object-fit: contain;
    vertical-align: middle;
    display: inline-block;
}
.property-detail-tb-text{
    font-size: 16px;
    line-height: 30px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-weight: 400;
}
.floor-box{
    display: grid;
    gap: 16px;
    grid-template-columns: none;
}
.floor-item{
    width: 100%;
    padding: 0 0 58.125%;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
}
.floor-item-div{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

}
.floor-item-div img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.nearby-house .swiper-container {
    overflow: hidden;
    position: relative;
    width: auto;
    max-width: 100%;
}
.swiper-wrapper {
    display: flex;
    width: fit-content !important;
}
.nearby-house .swiper-slide {
    width: 312px !important;
    height: auto;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
    border-radius: 12px;
    padding-bottom: 5px;
}
.slide-item{
    -webkit-box-shadow: 0 3px 6px 0 #0000001a;
    box-shadow: 0 3px 6px 0 #0000001a;
    border-radius: 12px;
}
.slide-item-a{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
    cursor: pointer;
}
.slide-item-img-div{
    width: auto;
    height: 100%;
    background-color: #e0e3e5;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    color: #ffffff;
}
.slide-item-img-div2{
    width: 100%;
    height: 100%;
    padding-bottom: 66.6667%;
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.slide-item-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-drag: none;
}
.slide-collect{
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    background-image: url('../img/pc/collect0.png');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.nearby-info{
    padding: 16px;
    border-radius: 0 0 12px 12px;
    /*height: 115px;*/
    min-width: 0;
}
.nearby-price{
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 25px;
    color: #101010 !important;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
a.slide-item-a:hover .nearby-price, a.slide-item-a:active .nearby-price, a.slide-item-a:focus .nearby-price {
    color: #101010 !important;
}
.nearby-address{
    width: 280px;
    font-size: 14px;
    line-height: 25px;
    color: #343d42 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 6px;
    font-weight: 400;
}
a.slide-item-a:hover .nearby-address, a.slide-item-a:active .nearby-address, a.slide-item-a:focus .nearby-address {
    color: #343d42 !important;
}

.nearby-icon-num-ul{
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
}
.nearby-icon-num-li{
    margin-right: 8px;
    list-style-type: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 6px;
}
.nearby-icon-num-span{
    width: 24px;
    height: 24px;
    margin-right: 2px;
    color: #101010;
    display: inline-block;
}
.nearby-icon-num-img{
    width: 24px;
    height: 24px;
    vertical-align: baseline;
    display: inline-block;
    pointer-events: none;
}
.nearby-icon-num-text{
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}
/* 自定义左右箭头 */
.nearby-house .custom-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    color: #53627c;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 50%;
    z-index: 10;
    box-shadow:0 2px 6px 0 #00000026;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center;
}
.nearby-house .custom-btn.right {
    background-image: url('../img/pc/right.png');
    right: 2px;
}
/*.nearby-house .custom-btn.right:hover {*/
/*    background-image: url('../img/pc/right_pink.png');*/
/*}*/
.nearby-house .custom-btn.left {
    left: 2px;
    background-image: url('../img/pc/left.png');
}
/*.nearby-house .custom-btn.left:hover {*/
/*    background-image: url('../img/pc/left_pink.png');*/
/*}*/
/* 隐藏按钮 */
.hidden {
    opacity: 0;
    pointer-events: none;
}
/*详情右侧*/
.detail-right-box{
    display: block;
    height: auto !important;
    padding: 72px 20px 92px 74px;
    -ms-flex: 0 0 510px;
    flex: 0 0 510px;
    overflow: visible;
}
.float-sidebar{
    position: sticky;
    top: 100px;
    height: auto !important;
}
.float-sidebar-box{
    width: 416px;
    box-shadow: 0 6px 16px 0 #00000026;
    background-color: #ffffff;
    border-radius: 13px;
}
.float-map-box{
    background-color: #e0e3e5;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    overflow: hidden;
    height: 214px;
    position: relative;
}

.float-map{

}
.map-info{
    padding-block: 12px;
    padding-inline: 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 13px;
    z-index: 100;
}
.map-info-flex{
    box-shadow: 0 2px 4px 0 #0003;
    padding-block: 8px;
    padding-inline: 12px;
    background-color: #ffffff;
    border-radius: 12px;
    gap: 16px;
    height: 61px;
    display: -ms-flexbox;
    display: flex;
}
.map-info-div-left{
    color: #475a6b;
}
.map-info-address{
    line-height: 19px;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.right-icon-num-ul{
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
}
.right-icon-num-li{
    margin-right: 8px;
    list-style-type: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 6px;
}
.right-icon-num-span{
    width: 20px;
    height: 20px;
    margin-right: 2px;
    color: #475a6b;
    display: inline-block;
}
.right-icon-num-img{
    width: 20px;
    height: 20px;
    vertical-align: baseline;
    display: inline-block;
    pointer-events: none;
}
.right-icon-num-text{
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}

.btn-save{
    line-height: 30px;
    font-size: 17px;
    border: 0;
    overflow: visible;
    stroke: #475a6b;
    width: 42px;
}
.btn-save-div{
    color: #475a6b;
    font-weight: 500;
    line-height: 13px;
    font-size: 12px;
}
.btn-save:hover .btn-save-div{
    color: #ff0288;
}
.btn-save-img{
    vertical-align: baseline;
    height: 28px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.btn-save-img.collect{
    background-image: url('../img/pc/collect0.png');
}
.btn-save:hover .btn-save-img.collect{
    background-image: url('../img/pc/collect1.png');
}
.btn-save-img.share{
    background-image: url('../img/pc/share0.png');
}
.btn-save:hover .btn-save-img.share{
    background-image: url('../img/pc/share1.png');
}
.map-btn-box{
    padding: 12px 20px 16px;
    background-color: #ffffff;
    border-radius: 13px;
    margin-top: -13px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
}
.btn-apply{
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    padding: 16px;
    border-radius: 28px;
    color: #ffffff;
    background-color: #ff0288;
}
.btn-enquire{
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    padding: 16px;
    border-radius: 28px;
    margin-left: 8px;
    border: 1px solid #101010;
    color: #101010;
}
.btn-enquire:hover{
    border: 1px solid #ff0288;
    color: #ff0288;
}
/*顾问弹窗*/
.consultant-info {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.consultant-info img {
    width: 86px;
    height: 86px;
    border-radius: 50%;
}
.consultant-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    max-width: 220px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.consultant-name {
    color:#101010;
    font-size: 16px;
    line-height: 30px;
    font-family: "objektiv-bold";
    font-weight: 700;
}
.consultant-phone {
    font-size: 17px;
    line-height: 30px;
    font-family: "objektiv-bold";
    font-weight: 700;
    color: #ff0288;
}
.consultantPopup{
    width: 320px;
    height: auto;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 9px 15px 35px 16px rgba(197, 197, 197, 0.17);
    border-radius: 20px;
    padding: 30px;
}
.alt-show{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
/*图片详情列表*/
.altphoto{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    overflow: hidden;
    z-index: 1200;
}
.altphoto-head{
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
}
.altphoto-head-div{
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
}
.altphoto-left-icon{
    width: 32px;
    height: 32px;
    margin-left: 10px;
}
.altphoto-item-img{
    max-width: 60vw;
    flex: 1 0 70vw;
}
.altphoto-item-img img{
    width: 100%;
    margin-bottom: 40px;
}
.altphoto-body{
    height: calc(100vh - 90px);
    margin-top: 90px;
    overflow: scroll;
}
.altphoto-address{
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}
.altphoto-price{
    font-size: 14px;
    color: #343d42;
    margin-right: 6px;
    font-weight: 700;
}
.altphoto-num{
    font-size: 14px;
    color: #343d42;
    font-weight: 400;
}

/*联系我们*/
.contactus-box{
    margin-right: auto;
    margin-left: auto;
    width: auto !important;
    max-width: 1240px;
    padding: 20px 24px;
}
.contactus-title{
    font-size: 44px;
    line-height: 56px;
    font-family: objektiv-bold;
    color: #343d42;
    font-weight: 700;
    margin-top: 33px;
    margin-bottom: 23px;
}
h2.contactus-title{
    font-size: 36px;
    line-height: 52px;
    font-family: objektiv-bold;
    color: #343d42;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 20px;
}
.contactus-content-bole{
    font-size: 16px;
    color: #343d42;
    line-height: 32px;
    font-family: objektiv-bold;
    font-weight: 700;
}
.contactus-content{
    font-size: 16px;
    color: #343d42;
    line-height: 32px;
    font-family: objektiv-regular;
}
.company-map{
    background-color: #eee;
    width: 100%;
    height: 250px;
    position: relative;
    clear: both;
}
/*about us*/
.aboutus-box{
    width: 100%;
    position: relative;
    background: #ffffff;
}
.aboutus-box1{
    width: 100%;
    position: relative;
    background-color: #ffffff;
    padding: 124px 0 124px;
}
.aboutus-box1-title{
    max-width: 1200px;
    width: 100%;
    font-size: 54px;
    line-height: 77px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    font-weight: 700;
    color: #101010;
    text-align: center;
    padding: 0 20px 24px 20px;
}
.color-pink{
    background: -webkit-gradient(linear,right top,left top,color-stop(0,#f07293),color-stop(50%,#eb2cd4),to(#863ce0));
    background: linear-gradient(270deg,#f07293,#eb2cd4 50%,#863ce0);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.aboutus-box1-content{
    max-width: 960px;
    width: 100%;
    font-size: 54px;
    line-height: 77px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    font-weight: 700;
    color: #101010;
    text-align: center;
    padding: 0px 20px;
}
.aboutus-box1-content p{
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
    font-family: objektiv-regular;
    margin-bottom: 24px;
}

.aboutus-box2{
    padding: 64px 0;
    width: 100%;
    position: relative;
    background: linear-gradient(270deg, #f07293 0, #eb2CD4 50%, #863ce0 100%);
}
.aboutus-box2-div{
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    -ms-flex-direction: row;
    flex-direction: row;
}
.aboutus-box2-item{
    /*margin-bottom: 0;*/
    text-align: center;
    width: 22%;
}
.aboutus-box2-item h2{
    color: #fff;
    font-size: 40px;
    line-height: 57px;
    font-weight: 700;
    margin-bottom: 12px;
    font-family: objektiv-bold;
}
.aboutus-box2-item h3{
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    padding: 0 32px;
    font-weight: 400;
    font-family: objektiv-regular;
}
.aboutus-box3{
    padding: 0 0 102px;/*124px 0 102px*/
}
.aboutus-box3-div{
    padding: 0 20px;
    margin: 0 auto;
    max-width: 1200px;
    text-align: left;
    display: block;
}
.aboutus-box3-leftline{
    position: relative;
    width: 160px;
    height: 4px;
    background: linear-gradient(270deg,#f07293,#eb2cd4 50%,#863ce0);
    border-radius: 6px;
    margin-bottom: 32px;
}
.aboutus-box3-lefttitle{
    width: 680px;
    font-size: 36px;
    line-height: 48px;
    text-align: left;
    color: #101010;
    font-family: objektiv-bold;
    margin-bottom: 32px;
    font-weight: 700;
}
.aboutus-box3-leftcontent{
    width: 680px;
    font-size: 17px;
    line-height: 32px;
    font-weight: 400;
    font-family: objektiv-regular;
}
.width860{
    width: 860px;
}
.aboutus-box3-leftcontent a{
    color: #ff0288;
}
.aboutus-box4{
    padding: 0;
}
.aboutus-box4-photo{
    height: 400px;
    background: url('../img/pc/aboutus-photo.jpg') 50%/cover no-repeat;
}

.aboutus-box5{
    padding: 124px 0;
}
.aboutus-box5-div{
    text-align: center;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    display: block;
}
.aboutus-box5-line{
    position: relative;
    width: 160px;
    height: 4px;
    background: linear-gradient(270deg,#f07293,#eb2cd4 50%,#863ce0);
    border-radius: 6px;
    margin: 0 auto 32px;
}
.aboutus-box5-title{
    font-size: 36px;
    line-height: 48px;
    color: #101010;
    margin-bottom: 32px;
    font-weight: 700;
    font-family: objektiv-bold;
}
.aboutus-box5-content{
    margin-bottom: 24px;
    padding: 0 0 32px;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    font-family: objektiv-regular;
    line-height: 32px;
}
.aboutus-box5-company{
    display: grid;
    grid-gap: 15px;
    gap: 15px;
    grid-template-columns: repeat(6, 1fr);
}
.box5imgdiv{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 15px;
    height: 56px;
    border-radius: 30px;
    background-color: var(--box5imgdiv-0, #fff);
    border: 1px solid var(--box5imgdiv-1, #101010);
}
.box5img{
    max-height: 46px;
}

.aboutus-box6{
    padding: 0 0 124px;
}
.company-photo{
    margin: 0 auto;
    max-width: 1200px;
    height: 600px;
    background: url('../img/pc/teamphoto.jpg') 50%/cover no-repeat;
}
.aboutus-box7{
    padding: 86px 0 0;
    background: linear-gradient(270deg, #f07293 0, #eb2CD4 50%, #863ce0 100%);
}
.aboutus-box7-div{
    padding: 0 20px;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    justify-content: space-evenly;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.aboutus-box7-div .left{
    padding-right: 44px;
    width: 50%;
    text-align: left;
    color: #fff;
    font-weight: 700;
    text-align: left;
}
.aboutus-box7-div .left h2{
    font-size: 42px;
    line-height: 61px;
    margin: 48px 0;
    font-family: objektiv-bold;
    font-weight: 700;
}
.aboutus-box7-div .left a{
    background: #fff;
    border-radius: 30px;
    display: inline-block;
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    color: #101010;
    font-family: objektiv-bold;
    font-weight: 700;
    margin-bottom: 128px;
    padding: 14px 60px;
}
.aboutus-box7-div .right{
    padding-left: 44px;
    width: 50%;
    text-align: center;
}
.aboutus-box7-div .right img{
    width: 250px;
}

/*mapbox 文字弹窗样式修改*/
/* 修改 Popup 背景色和文字颜色 */
.mapboxgl-popup-content {
    background-color: #ff0288 !important; /* 背景色 */
    color: #ffffff !important; /* 文字颜色 */
    border-radius: 8px; /* 圆角 */
    padding: 10px;
    font-size: 14px;
    text-align: center;
}
/* 隐藏关闭按钮 */
.mapboxgl-popup-close-button {
    display: none !important;
}
/* 修改 Popup 箭头颜色 */
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #ff0288 !important;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: #ff0288 !important;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: #ff0288 !important;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: #ff0288 !important;
}
/* 鼠标悬浮时的 popup 样式 */
.popup-highlight{
    z-index: 100;
}
.popup-highlight .mapboxgl-popup-content {
    background-color: #0c2c61 !important;
}
.popup-highlight.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: #0c2c61 !important;
}
.popup-highlight.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-top-color: #0c2c61 !important;
}
.popup-highlight.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-top-color: #0c2c61 !important;
}
.popup-highlight.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-top-color: #0c2c61 !important;
}
.detail-nav{
    padding-inline: 20px;
    max-width: 1200px;
    width: 100%;
    height: 49px;
    display: flex;
    flex-direction: row;
    color: #343d42;
    margin-inline: auto;
    /*border-bottom: 1px solid #e9ecf1;*/
}
.detail-nav-left{
    width: 32px;
    height: 32px;
    margin-right: 12px;
}
.detail-nav-text{
    font-size: 12px;
    line-height: 20px;
    font-family: objektiv-regular;
}
.layui-carousel-ind ul{
    line-height: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}
@media (min-width: 1240px){
    .detail-nav{
        padding-inline: 0;
    }
}
/*mapbox 文字弹窗样式修改 end*/
@media (max-width: 960px) {
    .hide-nav{
        display: none;
    }
    .wap-hide{
        display: none;
    }
    .aboutus-box1-title{
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 28px;
    }
    .aboutus-box1{
        padding: 0px 0 104px;
    }
    .aboutus-box3{
        padding: 0px 0px 56px;
    }
    .aboutus-box3-lefttitle{
        font-size: 28px;
        line-height: 40px;
    }
    .width860 {
        width: auto;
    }
    .aboutus-box7-div{
        flex-direction: column;
        text-align: center;
    }
    .aboutus-box7-div .left {
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }
    .aboutus-box7-div .left h2 {
        font-size: 36px;
        line-height: 44px;
        margin: 0px 0px 56px;
        text-align: left;
    }
    .aboutus-box7-div .left a {
        margin-bottom: 70px;
        padding: 14px 40px;
    }
    .aboutus-box7-div .right {
        padding-left: 0px;
        width: 100%;
        text-align: center;
    }
}