/* 日期输入框样式 */
input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button {
  display: none;
}

/* 基础页面样式 */
body, html {
  background: #fff;
  font-family: 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 'Segoe UI', Tahoma, 'SimSun', sans-serif;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*!* 浮动布局 *!*/
/*.fl, .f_l { float: left; }*/
/*.fr, .f_r { float: right; }*/

/*!* Flex布局 *!*/
/*.flex-main {*/
/*  display: flex;*/
/*  width: 100%;*/
/*}*/
/*.flex-main > * {*/
/*  flex: 1;*/
/*}*/

/*!* 间距类 *!*/
/*.padt20 { padding-top: 10px; }*/
/*.padb10 { padding-bottom: 10px; }*/
/*.padb20 { padding-bottom: 20px; }*/
/*.padb50 { padding-bottom: 50px; }*/
/*.mart20 { margin-top: 20px; }*/
/*.mart30 { margin-top: 30px; }*/
/*.mb5 { margin-bottom: 5px; }*/
/*.mb10 { margin-bottom: 10px; }*/

/* 布局容器 */
/*.w1110 {*/
/*  position: relative;*/
/*  margin: 0 auto;*/
/*  width: 1200px;*/
/*}*/
/*.w1098 {*/
/*  overflow: hidden;*/
/*  margin: 10px auto;*/
/*  width: 1198px;*/
/*  border: 1px solid #e0e0e0;*/
/*}*/
/*.w1098:last-child { margin-bottom: 0; }*/
/*.wrapper {*/
/*  margin: 0 auto;*/
/*  width: 1200px;*/
/*}*/

/* 其他 */
.liHover { box-sizing: border-box; }
.imgWrap {
    clear: both;
}

.color-wrap {
    border-bottom: 1px solid #e0e0e0;
    background: #f8f8f8;
    color: #666;
    text-align: left;
    overflow: visible;
}

.color-wrap .wrapper span a {
    margin: 0 10px;
    color: #666;
}

.white-wrap {
    overflow: hidden;
    background: #fff;
}

.black-wrap {
    overflow: hidden;
    background: #404040;
    clear: both;
}

.color-wrap .top {
    overflow: visible;
    padding: 8px 0;
    line-height: 16px;
}

.nav-wrap {
    /*position: relative;*/
    /*margin: 0 auto;*/
    /*width: 1200px;*/
    /*height: 60px;*/
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.color-wrap .nav {
    float: left;
    width: 800px;
}

.color-wrap .nav li {
    line-height: 60px;
}

.color-wrap .language_label span {
    font-weight: 400;
}

.app_download_2 .app_qr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 14px;
}

.app_download_2 {
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    justify-content: space-evenly;
    gap: 10px;
    background: #fff;
    padding: 10px;
    color: #000;
    width: 160px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    z-index: 995;
}

.app_download_2:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -6px;
}

.app_download:hover .app_download_2 {
    display: flex;
}

.app_download .app_download_1 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 16px;
    cursor: pointer;
    gap: 5px;
}

.app_download .app_download_1 span {
    font-weight: bold;
}

.app_download {
    position: relative;
}

.color-wrap .app_download .app_download_1 span {
    font-weight: 400;
    font-size: 12px;
    color: #101d37;
}
.home-nav .item {
    border-right:1px solid #f2f2f2;
    /*transition: all ease-in-out .3s;*/
    background: #fff;
}
.home-nav .item:last-child{
    border:none;
}
.home-nav a {
    height: 180px;
    position: relative;

}
.home-nav .item:hover{
    /*transform: translateY(-5px);*/
    /*-webkit-transform: translateY(-5px);*/
    /*-moz-transform: translateY(-5px);*/
    /*box-shadow: 0 -6px 12px 0 rgba(0,0,0,0.03), 0 6px 12px 0 rgba(0,0,0,0.03);*/
    /*border:2px solid #e6e6e6;*/
    z-index:1;
}
.home-nav a b {
    display: block;
    margin-top: 12px;
    font-size: 1.38rem;
    color: #333333;
    font-weight: 600;
}
.home-nav a p {
    margin-top: 4px;
    font-size: 0.88rem;
    color: #666666;
}
.home-nav a .icon1{
    width: 3.95rem;
    height: 3.95rem;
}
.menu_list{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 14px;
}
.nav-top li {
    float: left;
    margin-right: 15px;
}
.nav-top li a.hover{
    font-weight: bold;
}
.nav-top li a{
    display: block;
    white-space: nowrap;
    color: #333;
}
.nav-top-r {
    float: right;
    /*height: 42px;*/
    /*line-height: 42px;*/
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}
.nav-top-r_span{
    display: flex;
    align-items: center;
    gap: 5px;
}
#colorWhite .nav-top-r .icon-geren {
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 2px;
    margin-right: 5px;

}
#colorWhite .nav-top-r .alcitys a{
    font-weight: 400;
}
#colorWhite .nav-top-r .icon-shanchu{
    font-weight: 400;
}
#colorWhite .nav-top-r {
    color: #fff;
}
#colorWhite .nav-top-r a{
    color: #fff;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
}
    /*.nav-top-r a {*/
/*    color: #666;*/

/*}*/

.nav li.back{position:absolute;bottom:-2px;z-index:8;border-bottom:2px solid var(--custom-primary)}
.white-wrap .nav {
    /*position: absolute;*/
    /*right: 0;*/
    /*bottom: 8px;*/
    /*float: right;*/
    /*overflow: -moz-scrollbars-none;*/
    height: 40px;
    max-width: 930px;
    /*-ms-overflow-style: none;*/
    /*flex:1;*/
    display: flex;
    align-items: center;
    gap: 20px;
}

.nav::-webkit-scrollbar{display:none}
.white-wrap .nav ul {
    white-space: nowrap;
    flex: 1;
}
/*.nav li {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    text-align: center;*/
/*    font-size: 17px*/
/*}*/

/*.white-wrap .nav li > a {*/
/*    display: block;*/
/*    margin-left:20px;*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*    transition: width .3s*/
/*}*/

.color-wrap .nav li > a{display:block;margin:0 auto;color:#333;text-decoration:none;font-family:Arial,Helvetica,"Microsoft Yahei";transition:background .6s;transform-origin:50% 50%}
.logo-wrap {
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 0;*/
    float: left;
    /*margin-top: 8px;*/
    display: flex;
    align-items: flex-end;
    gap: 10px;
}
.logo-wrap .logo{
    /*width: 160px;*/
    /*height: 40px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo-wrap .logo img{
    max-width: 160px;
    max-height: 40px;
}
/*.logo,.logo-wrap,.site{float:left}*/
.mt15{margin-top:15px}
.site {
    overflow: hidden;
    position: relative;
    color: #4c4c4c;
    font-size: 18px;
    padding-left: 10px;
}
.site1{
    float: left;
    /* margin-left: 10px; */
    color: #4c4c4c;
    cursor: pointer;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.site:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 30px;
    background: #ddd;
    content: ""
}

.site .cityname {
    padding-left: 16px;
    background: url(../images/24x24/cityName.png) left center no-repeat
}

/*.color-wrap .site i{background:url(../images/larger/common-icons.png) -113px 0 no-repeat}*/
.opacity{display:none;position: fixed;left:0;top:0;right:0;bottom:0;z-index:999;background:rgba(0,0,0,.5)}
.template{position:fixed;top:50%;left:50%;padding:20px 30px;margin-left:-155px;margin-top:-120px;width:250px;background:#fff;border-radius:5px;box-shadow: 0 0 10px rgba(0,0,0,.5);}
.template h3{margin-bottom:15px;font-size:20px;text-align: center;}
.template li{padding:10px 20px;margin:10px 0 ;border:2px solid #ccc;font-size:16px;cursor: pointer;text-align: center}
.template li:hover,.template li.hover{border-color: #e94812;color:#e94812;}
.closechose{position:absolute;right:5px;top:5px;opacity: .7}
.closechose:hover{opacity: 1}
.footer{position:relative;overflow:hidden;padding:20px 0;color:#eee}
.friendslink{overflow:hidden;border-bottom:1px solid #4c4c4c;font-size:14px;line-height:50px}
.friendslink li{display:inline-block;margin-right:10px}
.friendslink li a{color:#fff}
.copyright {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.copyright ul.service,
.copyright ul.links{
    display: flex;
    gap: 20px;
    align-items: center;
}
.copyright ul {
    margin: 10px 0;
    /*margin-right: 150px*/
}

/*.copyright ul:nth-child(2) {*/
/*    position: absolute;*/
/*    left: 42%*/
/*}*/

/*.copyright ul:last-child {*/
/*    float: right;*/
/*    !*margin-right: 50px;*!*/

/*}*/
.copyright li:first-child {
}
.copyright li img {
    width: 120px;
}
.copyright a {
    color: #eee;
    display: flex;
    align-items: center;
}
.copyright li {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.wzcode li p{
    margin: 0;
    line-height: 30px;
    text-align: center;
}
.wzcode li img{
    border:5px solid #fff;
}
.wzcode li{
    float:left;
    margin:0 10px;
}
.foot-icon,.place-site,.search-btn i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/larger/common-icons.png) no-repeat;
    vertical-align: middle
}

.telephone{background-position:-49px 0}
.email{background-position:-71px 0}
.qq{background-position:-91px 0}
.phone-icon{margin-left:10px;padding-left:15px;height:18px;line-height:18px;background:url(../images/24x24/phone-iocn-02.png) left center no-repeat;background-size:12px auto;font-size:16px}
.login_icon{margin-left:10px;padding-left:20px;height:20px;line-height:20px;background:url(../images/48x48/guanyu.png) left center no-repeat;background-size:16px auto;font-size:16px}
.returntop{right:10px;background: #f2f2f2}
.banner {
    position: relative;
    /*height: 400px;*/
    /*text-align: center;*/
    /*min-height:250px;*/
}
/*.banner img{*/
/*    !*max-height: 450px;*!*/
/*    max-width: 100%;*/
/*}*/
.banner h3 {
    position: absolute;
    top: 23%;
    right: 0;
    left: 0;
    z-index: 8888;
    text-align: center
}

.search-wrap.sup {
    /*bottom: auto;*/
    /*top:20%;*/
}
.search-wrap {
    /*position: absolute;*/
    /*bottom: 60px;*/
    /*left: 50%;*/
    /*z-index: 990;*/
    padding: 10px 20px 20px;
    /*width: 760px;*/
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    width: 40%;
    /*-webkit-transform: translateX(-50%);*/
    /*-moz-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    /*-ms-transform: translateX(-50%)*/
}
/*.ismobile{*/
/*    position: static!important;*/
/*}*/
.search-wrap> ul {
    overflow: hidden;
    padding-bottom: 10px;

}
.search-wrap >ul li {
    position: relative;
    float: left;
    margin-right: 25px;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
    font-weight: bold;
}

.search-wrap >ul li a {
    color: #fff;
    opacity: .7;
}
.search-wrap >ul li.select a::after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    display: block;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-right: transparent 8px solid;
    border-bottom: #fff 8px solid;
    border-left: transparent 8px solid;
    content: ""
}

.search-wrap >ul li.select a {
    color: #fff;
    opacity: 1;

}
.search-input{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height:55px;
    font-size:150%;
    line-height:55px;

}
.search-input .input {
    /*-webkit-flex: 1;*/
    /*-ms-flex: 1;*/
    /*-moz-box-flex: 1;*/
    flex: 1;
    padding: 0 20px;
    /*width: 494px;*/
    height: 100%;
    border: 0;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
}

.search-input .input:focus{outline:0}
.search-input .search-btn,.search-sub .search-btn {
    float: right;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    /*padding: 0 20px;*/
    height: 55px;
    border-radius: 0 4px 4px 0;
    color: #fff;
    text-align: center;
}
.search-btn .iconfont{
    font-size: 28px;
    font-weight: bold;
}
.dealwrap {
    right: 20px;
    top:10px;
    /*padding-left: 20px;*/
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    /*bottom: -35px;*/
    /*left: 50%;*/
    overflow: hidden;
    /*width: 800px;*/
    /*margin-left: -400px;*/
    /*background: rgba(0, 0, 0, .5);*/
    /*border-radius: 5px;*/
}
.dealwrap:before{
    /*position: absolute;*/
    /*left: 10px;*/
    /*top: 4px;*/
    content: '\e65f';
    font-family: iconfont;
    color: #fff;
    font-size: 16px;
}
.dealul li{
    width:100%;
    height: 30px;
    line-height: 30px;
    list-style: none;
    color: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}
.map-icon{display:inline-block;margin-right:5px;width:24px;height:24px;background:url(../images/48x48/mapfind.png) no-repeat;background-size:24px;vertical-align:sub}
.map-btn{float:right;display:block;margin-left:5px;width:130px;height:50px;border-radius:5px;background:#fff;color:#333;text-align:center}
.hot-area {
    overflow: hidden;
   margin-top: 10px;
    color: #fff;
    text-align: left
}
.ad-wrap{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
}
.hot-area a{margin-right:5px;color:#fff}
.hot-area a:hover{text-decoration:underline}
.item-list{overflow:hidden;padding:30px 0 0 0}
.item-list ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;flex-direction:row}
.item-list li{float:left;text-align:center;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.item-list li h3{margin:0 auto;color:#333;text-align:center;font-size:140%;line-height:30px}
.item-list li:last-child{border-right:none}
.ld{padding:40px 0}
.content-wrap,.new-group {
    position: relative;
    /*overflow: hidden*/
}

.content-wrap .title>h3 {
    font-size: 28px;
    color:#101d37;
    font-weight: bold;
}
.content-wrap .title {
    position: relative;
    padding-bottom: 5px;
    border-bottom: 5px solid #e6e6e6
}

.content-wrap .title::before,.content-wrap .title:before{position:absolute;bottom:-5px;left:0;width:115px;height:5px;background:var(--custom-primary);content:""}
#second_t::before,#second_t:before{width:142px;content:""}
.hotspot a{margin-right:10px;color:#666;text-align:left}
.hotspot{height:18px;font-size:120%;line-height:18px}
.hotspot a:last-child{margin-right:0}
.title .more a {
    color: var(--custom-primary);
    font-size: 14px;
    font-weight: bold;
}
.switchover .swiper-pagination{position:static}
.switchover .swiper-pagination-bullet{float:left;display:block;margin:0 2px;width:20px;height:8px;border-radius:0;background:#000;opacity:.2}
.switchover .swiper-pagination-bullet-active{width:20px;background:var(--custom-primary);opacity:1}
.hot-second,.new-group,.hot-rent,.hot-new {
    overflow: hidden;
    /*margin:20px auto 20px auto;*/
    width: 100%;

}

/*.new-group{height:300px}*/
.new-group li{position:relative;float:left;overflow:hidden;margin-right:30px;width:380px;height:300px;background:#000;text-align:center;cursor:pointer}
.new-group li:hover a::after,.new-group li:hover a::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.new-group li a::after,.new-group li a::before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';opacity:0;-webkit-transition:opacity .45s,-webkit-transform .45s;transition:opacity .35s,transform .45s}
.new-group li a::before{border-top:1px solid var(--custom-primary);border-bottom:1px solid var(--custom-primary);-webkit-transform:scale(0,1);transform:scale(0,1)}
.new-group li a::after{border-right:1px solid var(--custom-primary);border-left:1px solid var(--custom-primary);-webkit-transform:scale(1,0);transform:scale(1,0)}
.new-group li:nth-child(3n){margin-right:0}
.new-group li:hover img{opacity:1;-webkit-transform:scale(1.05) rotate(0);-moz-transform:scale(1.05) rotate(0);-o-transform:scale(1.05) rotate(0)}
.effect-ruby img{position:relative;display:block;max-width:100%;min-height:100%;opacity:.8;-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s}
.effect-ruby a{position:absolute;top:50%;left:50%;z-index:9999;display:block;margin-top:-50px;margin-left:-110px;width:220px;height:100px;background:rgba(255,255,255,.7);box-shadow:0 2px 2px rgba(0,0,0,.3);text-align:center}
.new-group h3,.new-group p{overflow:hidden;padding:0 25px;color:#333;text-overflow:ellipsis;white-space:nowrap;line-height:50px}
.new-group p{border-bottom:dashed 1px #000;font-size:22px}
.new-group h3{font-weight:700;font-size:130%}
.new-group i{position:absolute;top:0;left:0;display:inline-block;padding:0 3px;color:#fff;font-size:14px}
.hot-new dl {
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 585px;
    height: 200px;
    background: #fff;
    border-radius: 8px;
}

.hot-new dl:nth-child(2n){margin-right:0}
.hot-new dd,.hot-new dt{float:left}
.hot-new dd{position:absolute;right:0;left:250px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;height:200px;text-align:left;-ms-box-sizing:border-box}
.hot-new dt{width:250px;height:200px;text-align:center;cursor:pointer}
.hot-new dt,.hot-rent a,.hot-second dt,.question-left-img,.question-right dl dt{position:relative}
.hot-rent a{display:block}
.hot-second ul li .model{bottom:60px}
.question-left-img .model{bottom:50px}
.hot-new dt img {
    max-width: 100%;
    vertical-align: middle;
    border-radius: 8px;
}
.tuwen_h3{
    overflow: hidden;
    padding: 0 0 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 22px;
    font-weight: bold;
}

.content-item-list h3,.news-list dl dd h3 {
    padding-right: 6px;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*word-wrap: normal;*/
    /*word-break: keep-all;*/
    display: flex!important;
    align-items: center;
    gap: 10px;
}
.content-item-list h3 a{
    color:#101d37;
    /*max-width: 390px;*/
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
}
.content-item-list a.resignbtn {
    /*float: right;*/
    padding: 5px 10px;
    display: inline-block;
    background: #70ace9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    line-height: 27px
}

.hot-second dd h3 {
    overflow: hidden;
    margin: 10px 0;
    font-size: 18px;
}


.trait{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.trait i{
    display: inline-block;
    float: left;
    color: #3D5D85;
    font-size: 12px;
    line-height: 30px;
    padding: 0 11px;
    margin-right: 6px;
    background-color: #f4f7f9;
}

/*.content-item-list span.follows i{margin-right:20px}*/
/*.content-item-list .trait i:first-child{border-color:#e5a595;color:#e5a595}*/
/*.content-item-list .trait i:nth-child(2){border-color:#9eb854;color:#9eb854}*/
/*.content-item-list .trait i:nth-child(3){border-color:#93b1db;color:#93b1db}*/
/*.content-item-list .trait i:nth-child(4){border-color:#cc9dd4;color:#cc9dd4}*/
/*.content-item-list .trait i:nth-child(5){border-color:#1cc8a0;color:#1cc8a0}*/
/*.content-item-list .trait i:nth-child(6){border-color:#d57a86;color:#d57a86}*/
/*.content-item-list .trait i:nth-child(7){border-color:#d4af61;color:#d4af61}*/
/*.content-item-list .trait i:nth-child(8){border-color:#1cc8a0;color:#1cc8a0}*/
/*.content-item-list .trait i:nth-child(9){border-color:#c9b87a;color:#c9b87a}*/
.tuwen_p .tuwen_price_rent em,
.tuwen_p .tuwen_price em{
    font-weight: bold;
    font-size: 20px;
    font-family: tahoma;
}
.tuwen_p .tuwen_price,
.tuwen_p .tuwen_price_rent{
    flex:1;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 3px;
    font-size: 14px;
}
.tuwen_p .tuwen_price_rent{
    color: #2BA245;
}
.tuwen_p .tuwen_price{
    color: #db4c3f;
}
.tuwen_p {
    position: absolute;
    right: 20px;
    bottom: 10px;
    left: 20px;
    height: 50px;
    border-top: 1px solid #ddd;
    font-size: 16px;
    line-height: 50px;
    display: flex;
    gap:10px;
}
.tuwen_avgprice{
    color: #db4c3f;
    font-weight: bold;
    font-size: 18px;
}
.hot-new span{display:block}
.content-item-list dd .trait {
    /*margin-bottom: 10px;*/
    /*max-width: 500px;*/
    display: block;
    overflow: hidden;

}
.hot-new p em,.hot-second em{font-size:20px;font-family:tahoma}
.ad-img{background:url(../images/larger/ad-img.jpg) center center no-repeat}
.ad-wechat{position:absolute;top:37%;left:26%;float:left;display:block;width:120px;height:120px}
.ad-wrap>img{width:100%}
.ad-content{width:1200px}
.ad-content span{width:120px;height:120px}
.ad-content span img{width:100%}
.hot-second{overflow:hidden;height:410px}
.hot-second dl {
    float: left;
    overflow: hidden;
    width: 360px;
    border-radius: 8px 8px 0 0;
    background: #fff
}

.hot-new img[width='250'],.hot-second img[width='250'],.new-group img[width='250']{
    width: 100%;
}
.hot-new img,.hot-second img,.new-group img {
    max-width: 100%;
    max-height: 100%
}

.hot-second dt{height:270px;text-align:center;cursor:pointer}
.hot-second dd{padding:0 20px;height:140px}
.big_price em,
.big_price span{
    color: #db4c3f;
    font-size: 14px;
}
.big_price_rent em,
.big_price_rent span{
    color: #2BA245;
    font-size: 14px;
}
.big_price_rent em,
.big_price em {
    font-weight: bold;
    font-size: 24px;
}
.hot-second dd p {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
    font-size: 130%
}
.small_price_rent em,
.small_price em{
    font-size: 16px;
    font-weight: bold;
}
.small_price_rent i,
.small_price i{
    margin-right: 0;
    font-size: 12px;
}
/*.small_price,*/
/*.small_price_rent{*/
/*    !*flex: 1 auto;*!*/
/*    !*text-align: right;*!*/
/*    white-space: nowrap;*/
/*    display: flex;*/
/*    !*justify-content: end;*!*/
/*    align-items: baseline;*/
/*    gap: 3px;*/
/*    width: 100%;*/
/*}*/
/*.small_price_rent{*/
/*    color: #2BA245;*/

/*}*/
/*.small_price{*/
/*    color: #db4c3f;*/
/*}*/
.small_h3{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: bold;
}
.small_p{
    /*margin-top: 2px;*/
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: baseline;
}
.big_h3{
    font-weight: bold;
    display: flex;
}
.big_h3 a{
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*word-wrap: break-word;*/
    /*white-space: normal !important;*/
    /*-webkit-line-clamp: 1;*/
    /*-webkit-box-orient: vertical;*/
}
.big_h3 .big_dizhi{
    font-weight: 400;
    font-size: 14px;
}
.big_ligh{
    display: flex;
    gap: 10px;
    font-size: 14px;
}
.flat_price_rent em,
.flat_price em{
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    font-family: tahoma;
}
.flat_price_rent{
    color: #2BA245;
    float: right;
    display: flex;
    align-items: center;
    gap: 3px;
}
.flat_price{
    color: #db4c3f;
    float: right;
    display: flex;
    align-items: center;
    gap: 3px;
}
.flat_price_left em{
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    font-family: tahoma;
}
.flat_price_left{
    color: #db4c3f;
    float: left;
    display: flex;
    align-items: center;
    margin-right: 5px;
    gap: 3px;
}
.module{
    margin-top: 20px;
}
.module .hot-rent ul li{
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.auction_price {
    margin: 0 10px 5px 10px;
    display: flex;
    gap: 10px;
}
.auction_price .flat_price{
    float: none;
}
.hot-second ul{float:right;width:810px}
.hot-rent ul li,.hot-second ul li,.recommend li {
    position: relative;
    float: left;
    overflow: hidden;
    /*margin: 0 30px 30px 0;*/
    cursor: pointer;
    border-radius: 8px;
}

.hot-rent ul li,.hot-shop li img,.recommend li img{width:100%}
.hot-second ul,
.hot-rent ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.hot-rent ul li img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.hot-rent ul li {
    float: left;
    width: calc(100%/4 - 20px*3/4);
    /*width: 265px;*/
    min-height: 265px;
    /*margin-right: 46.6px;*/
    background: #fff;
    position: relative;
}
.vr0_{
    position: absolute;
    left: 0;
    top:0;
    width: 64px;
    height: 64px;
    background: url("../images/larger/VR.png") no-repeat;
}
.small_title{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.hot-shop{overflow:hidden;width:100%}
.hot-shop ul li{position:relative;float:left;overflow:hidden;margin-right:30px;width:215px;background:#fff;cursor:pointer}
.flat_p {
    color:#737373;
    padding:0 10px 10px;
    overflow: hidden;
}
.flat_p>i {
    margin-right: 5px;
    float: left;

}
.recommend ul li {
    margin-right: 33px;
    margin-bottom: 20px;
    width: 275px;
    background: #fff;
    /*line-height: 24px;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

.hot-rent ul li:last-child,.hot-shop ul li:last-child,.recommend ul li:last-child{margin-right:0}
.recommend ul li a {
    display: block;
    overflow: hidden;
    padding: 0 0 10px 0;

}
/*.recommend ul li span.borderred {*/
/*    font-size: 12px;*/
/*    padding: 0 5px;*/
/*}*/
/*.recommend ul li span em {*/
/*    float: left;*/
/*    !*margin-left: 10px;*!*/
/*    font-size: 18px;*/
/*}*/

/*.recommend ul li p span em {*/
/*    font-size: 18px;*/
/*}*/
.hot-second ul li {
    /*width: 250px;*/
    width: calc(100%/3 - 20px*2/3);
    height: 190px;
    text-align: center;
    cursor: pointer
}

.flat_h3 {
    flex: 1;
    font-size:1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}
.flat_title{
    display: flex;
    align-items: center;
}
.flat_dizhi{
    font-size: 14px;
    color: #737373;
    padding-right: 10px;
}
.flat_p i {
    font-size: 12px;
}

/*.hot-second ul li:nth-child(3n+3){margin-right:0}*/
.hot-second ul li a {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: left;
}

.hot-rent li p i {
    /*margin-right: 10px;*/

}
/*.hot-second ul li i{color:#fff}*/
/*.hot-rent li span,.hot-second li a span,.hot-shop li span,.recommend ul li span {*/
/*    position: absolute;*/
/*    right: 15px;*/
/*    float: right;*/
/*    text-align: left*/
/*}*/

.hot-second li a h3 em{font-size:18px}
.hot-rent li a h3,.hot-second li a h3,.recommend li h3 {
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 1;*/
    /*-webkit-box-orient: vertical;*/
    /*word-break: break-all;*/
    /*overflow: hidden;*/
    /*margin-bottom: 5px;*/
    /*font-size: 130%;*/
}

/*.hot-second li a h3{width:120px}*/
.recommend li h3 {
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
}

.hot-rent li a h3 i,.hot-second li a h3 i,.recommend ul li span i {
    /*margin-right: 0;*/
    /*margin-left: 5px;*/
    /*font-size: 12px*/
}

.recommend ul li .p {
    overflow: hidden;
    padding: 0 10px;
    color: #737373
}



/*.hot-second li p i:fisrt-child{margin-left:0;padding-left:0}*/
.hot-rent li:nth-child(4n+4){margin-right:0}
.title{position:relative;margin:20px auto 20px auto;width:1200px}
.title b{position:relative;color:#1a1a1a;font-weight:600;font-size:30px}
.title>p{display:inline-block;margin-left:10px;color:grey;font-size:16px}
.title .more {
    position: relative;
    top: 10px;
    float: right;
    color: #ff6600;
    font-size: 14px;
    font-weight: bold;
}

.title .more:after{
    content: '\e61b';
    font-family: iconfont;
}
/*.title .more:before {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 2px;*/
/*    display: inline-block;*/
/*    margin-top: -4px;*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    border-color: #949494;*/
/*    border-style: solid;*/
/*    border-width: 1px 1px 0 0;*/
/*    content: " ";*/
/*    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);*/
/*    transform: matrix(.71, .71, -.71, .71, 0, 0)*/
/*}*/

.i2_list{margin:0 auto;width:1200px;padding-bottom: 30px}
.i2_list img{margin-bottom:10px;width:71px;height:71px}
.i2_list li:last-child{border-right:0}
.i2_list p{color:grey;font-size:14px}
.i2_group,.i2_new,.i2_office{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding-bottom:30px;padding-left:5px;width:1200px;-ms-box-sizing:border-box;-o-box-sizing:border-box;-s-box-sizing:border-box}
.i2_group li,.i2_new li,.i2_office li{position:relative;float:left;margin-right:55px;width:360px;cursor: pointer}
.i2_group li{height:260px}
.i2_group li:last-child,.i2_new li:last-child,.i2_office li:last-child{margin-right:0}
.i2_group .i2_group_text{position:absolute;right:0;bottom:0;left:0;padding:10px;background:rgba(0,0,0,.5)}
.i2_group .i2_group_text>h3{color:#fff;font-weight:700;font-size:22px}
.i2_group .i2_group_text>p{color:#ffdf7f;font-weight:700;font-size:18px}
.i2_group_text .smaller{font-size:14px}
.i2_recommend{overflow:hidden;margin:0 auto 30px auto;padding:10px;width:1200px}
.i2_recommend li{float:left;margin-right:45px;width:265px;background:#fff}
.i2_new li,.i2_recommend li{position:relative;box-shadow:0 0 10px rgba(0,0,0,.15)}
.left_price{position:absolute;top:130px;left:0;padding:0 10px;height:35px;background:rgba(0,0,0,.8);color:#fff;font-size:18px;line-height:35px}
.i2_recommend li:last-child{margin-right:0}
.i2_recommend .recommend_c{overflow:hidden;padding:10px;font-size:18px}
.recommend_c h3{overflow:hidden;height:24px;color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;font-size:18px}
.i2_recommend .i2_price{overflow:hidden}
.i2_recommend .recommend_c small{margin-right:10px;color:grey}
.i4price{float:right;color:#e50000;font-size:16px}
.i2_new .i2_group_text{padding:10px;background:#fff}
.i2_new .i2_group_text>.buildname{overflow:hidden;height:28px;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:28px}
.i2_new .address{overflow:hidden;padding-left:15px;background:url(../images/24x24/cityName.png) left center no-repeat;color:grey;text-overflow:ellipsis;white-space:nowrap}
.address{overflow:hidden;padding-left:15px;background:url(../images/24x24/cityName.png) left center no-repeat;color:grey;text-overflow:ellipsis;white-space:nowrap}
.i4Newbg{overflow:hidden;background-size:cover}
.cus_ads{background-size:cover;text-align:center}
.cus_ads img{margin:0 auto}
.i2_office_text{position:absolute;right:0;bottom:0;left:0;padding:10px;background:rgba(0,0,0,.5);color:#fff;text-align:left;font-size:20px}
.i2_office_text .i4price_c{float:right;color:#ffdf7f}
.i2_bottom_img{height:240px;background:url(../images/larger/i4_bottom_img.jpg) no-repeat;background-size:cover;color:#fff;text-align:center}
.i2_bottom_img>.lager{padding-top:50px;font-size:55px;line-height:100px}
.i2_bottom_img>p{font-size:20px}
.i3_list,.i3_pro{margin:0 auto;width:1200px}
.i3_list img{max-width:80px;max-height:80px}
.i3_list li:last-child{border-right:0}
.i3_pro li h3,.item-list li h3{font-size:20px}
.i3_list p,.i3_pro p{color:grey;font-size:16px;/*line-height:30px*/}
.i3_pro img{margin-bottom:10px;width:84px;height:84px}
.i3_group,.i3_information,.i3_new,.i3_office{overflow:hidden;margin:0 auto;width:1200px}
.i3_group li,.i3_new li,.i3_office li{position:relative;float:left;margin-right:45px;width:370px;cursor:pointer}
.i3_group li{height:260px}
.i3_group li:last-child,.i3_new li:last-child,.i3_office li:last-child{margin-right:0}
.i3_group .i3_group_text{position:absolute;top:50%;right:0;left:0;text-align:center;transform:translateY(-50%);}
.i3_group .i3_group_text>h3{margin-bottom:5px;color:#fff;font-weight:700;font-size:25px;text-shadow: 0 0 5px rgba(0,0,0,.8)}
.i3_group .i3_group_text>p{color:#ffdf7f;font-weight:700;font-size:22px;text-shadow: 1px 1px 5px rgba(0,0,0,.8)}
.i3_group li:hover img{opacity:1;-webkit-transform:scale(1.05) rotate(0);-moz-transform:scale(1.05) rotate(0);-o-transform:scale(1.05) rotate(0)}
.i3_group li img{position:relative;display:block;max-width:100%;min-height:100%;opacity:.9;-webkit-transition:opacity .35s,-webkit-transform .45s;transition:opacity .35s,transform .45s}
.i3_recommend{overflow:hidden;margin:0 auto;width:1200px}
.i3_recommend li{float:left;margin-right:20px;width:285px;background:#fff}
.i3_recommend li:last-child{margin-right:0}
.i3_recommend .recommend_c{overflow:hidden;padding:10px;font-size:18px}
.i3_recommend .i3_price{overflow:hidden;margin-top:5px;padding-top:5px;border-top:1px solid #f2f2f2;line-height:24px}
.i3_recommend small{float:left;margin-right:10px;color:grey}
.i3price{float:right;color:#e94812;font-size:16px;font-weight: 600}
.i3_new .i3_group_text,.i3_office_text{position:absolute;left:0;right:0;bottom:0;padding:10px;background:rgba(0,0,0,.5)}
.i3_new .i3_group_text>.buildname{overflow:hidden;height:28px;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:28px;color:#fff;}
.i3_new .address{overflow:hidden;height:20px;color:grey;text-overflow:ellipsis;white-space:nowrap;color:#fff;}
.i3Newbg{overflow:hidden;background:#f8f8f8}
.white-wrap{overflow:hidden}
#white,.title>.white{color:#fff}
.i3_office_text>h3{overflow:hidden;height:24px;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:24px;color:#fff;}
.i3_office_text .i3_price{line-height:20px}
.i3_office_text .i3_price>small{margin-right:10px;color:#fff;}
.i3_information{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.i3_left{
    width: calc(50% - 20px);
}
.i3_information dl {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -s-box-sizing: border-box
}

/*.i3_information .i3_left{float:left;width:590px}*/
/*.i3_information .i3_left:nth-child(odd){margin-right:20px}*/
.i3_left .information_list {
    /*margin-bottom: 40px;*/
    padding-left: 220px;
    height: 140px;
}

.i3_left .information_list:last-child {
    border-bottom: 0;

}
.i3_left p{color:grey;font-size:16px}
.i3_information .information_list dt {
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius:8px;
    overflow:hidden;
}

.i3_information .i3_left h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}

.i3_information .information_list p {
    /*display: -webkit-box;*/
    overflow: hidden;
    margin: 5px 0;
    line-height: 24px;
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    /*word-break: break-all;*/
    position:relative;
    height:48px;
    overflow:hidden;
}
.i3_information .information_list dd>div>span{color:var(--custom-primary)}
.i3_information .time {
    margin-top: 20px;
    color: grey;
    font-size: 14px
}

.n_right_img img {
    width: 100%;
    /*height: 5.2rem;*/
}
.n_left_img img {
    width: 100%;
    /*height: 10.4rem;*/
}
.b_icon {
    width: 3.88rem;
}

.alink1 a{
    color: #dcdcdc;
    font-size: 0.85rem;
}
.alink1 a:hover{
    color: #ffffff;
    text-decoration: underline;
}
.alink2 a:hover{
    color: #f8f8f8;
    background: #5f5f5f;
}
.alink2 a{
    padding: 4px 8px;
    color: #888888;
    background: #111111;
    border-radius: 3px;
    font-size:0.85rem
}
.i3_right_img img{width:140px;height:100px}
.border_bottom{position:relative}
.border_bottom:before{position:absolute;right:0;bottom:-20px;left:0;height:1px;background:#f2f2f2;content:""}
.border_bottom:last-child:before{background:0 0;content:""}
.bottom_border{border-bottom:1px solid #f2f2f2}
.shadow{padding:15px 0}
.search-sub {
    float: right;
    overflow: hidden;
    width: 780px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.search-sub input {
    padding: 0 10px;
    width: 350px;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 3px 0 0 3px
}
.search-sub .search-btn {
    width: 80px;
    height: 38px;
    border-radius: 0 3px 3px 0;
    font-size: 16px;
    line-height: 38px
}

.search-sub .search-input {
    height: 38px;
    line-height: 38px
}

.mar15{margin-right:15px}
/*.search-btn i {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    width: 24px;*/
/*    height: 23px;*/
/*    background-position: 0 -20px*/
/*}*/

.map-site {
    float: right;
    padding: 0 10px;
    height: 38px;
    border-radius: 3px;
    /*background: #fff url(../images/24x24/site.png) 11% center no-repeat;*/
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    background:#ff6600 ;
    /*border: 1px solid #ddd;*/
}

.map-site-index {
    /*float: right;*/
    /*margin-left: 10px;*/
    padding: 0 20px;
    /*height: 50px;*/
    /*border-radius: 5px;*/
    /*background: #ebebeb url(../images/48x48/mapfind.png) 11% center no-repeat;*/
    /*background-size: 20px auto;*/
    text-align: center;
    background: #fff;
    /*color: #fff;*/
    /*line-height: 50px;*/
    font-size: 16px;
    display: inline-flex;
    gap: 5px;
    align-items: center;
    color: #666;
    font-size: 16px;
    font-weight: bold;
}
.map-site-index:hover{
    color: #ff6600;
}

.location {
    margin: 0 auto;
    padding: 15px 0 5px 0;
    border-top: 1px solid #e0e0e0;
}

.location a {
    position: relative;
    margin-right: 10px;
    padding-left: 20px;
    color: #5e5e5e;
}

.location a:before{position:absolute;right:-20px;content:">"}
.location a:last-child:before{content:""}
.location a:hover{text-decoration:underline}
.location a:first-child{padding-left:0;background:0 0}


.searh-condition .filtrate dt {
    /*float: left;*/
    min-width: 7em;
    font-weight: bold;
}

.searh-condition .condition dl a {
    padding-right: 21px;
    line-height: 24px;
    display: inline-block;
    float: left;
}
.condition dd {
    line-height: 24px;
    flex: 1;
}
.condition dd .search-item-content {
    float: Left;
    display: none;
    overflow: hidden;
    padding: 5px 10px;
    width: 93%;
    border: 1px solid var(--custom-primary);
}
.condition dd span {
    margin: 0 2px;
    display: inline-block;

}
.condition dd span input{padding:0 5px;width:40px;height:20px;border:1px solid #e0e0e0;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.05) inset;-moz-box-shadow:1px 1px 2px rgba(0,0,0,.05) inset;box-shadow:1px 1px 2px rgba(0,0,0,.05) inset;line-height:20px;-o-box-shadow:1px 1px 2px rgba(0,0,0,.05) inset;-ms-box-shadow:1px 1px 2px rgba(0,0,0,.05) inset}
.sex{padding-left:18px}
.searh-condition .condition dl a.sex:nth-child(2){background:url(../images/24x24/boysex.png) left no-repeat}
.searh-condition .condition dl a.sex:nth-child(3){background:url(../images/24x24/girlsex.png) left no-repeat}
.searh-condition .filtrate {
    margin: 8px 0;
    height: 24px;
    line-height: 24px;

}
.searh-condition .filtrate li {
    position: relative;
    float: left;
    margin-right: 20px;
    /*padding: 0 10px;*/
    height: 22px;
    /*min-width: 50px;*/
    /*border: 1px solid #e0e0e0;*/
    background: #fff;
    line-height: 22px;
    cursor: pointer;
}

.condition dd span.btn-confirm {
    margin-left: 5px;
    /*padding: 0 10px;*/
    /*height: 20px;*/
    /*border: 1px solid #ddd;*/
    /*border-radius: 2px;*/
    /*background: #eee;*/
    line-height: 20px;
    color: #ff6600;
    cursor: pointer
}
.list_area{
    color: #808080;
}
.searh-condition h3{padding:20px 20px;border-bottom:1px solid #e0e0e0;font-size:200%}
.filtrate dd a i,.filtrate dd a.select i,.searh-condition .filtrate li i {
    font-family: iconfont;
}

.searh-condition .filtrate li i {
    float: right;
    /*margin: 10px 0 0 10px;*/
    /*width: 10px;*/
    /*height: 5px;*/
    /*background-position: 0 -8px;*/
    cursor: pointer
}

.searh-condition .filtrate ul li span {
    position: absolute;
    top: 22px;
    right: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: inherit;
    /*border: 1px solid #e0e0e0;*/
    border-radius: 4px;
    background: #fff;
    min-width: 70px;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding: 5px;
    text-align: center;
}
.searh-condition .filtrate li span a {
    display: block;
    padding: 2px 5px
}
.searh-condition .filtrate li span a:hover{
    color: #ff6600;
}


.searh-condition .filtrate li i.icon-up:before {
    content: '\e72b';
}

.searh-condition .filtrate li i.icon-down:before {
    content: '\e72a';
}

.filtrate dd a i.icon-up:before {
    content: '\f740';
}
.filtrate dd a i.icon-down:before {
    content: '\e654';
}
.filtrate dd a i.icon-orange-up:before {
    content: '\e654';
}

.filtrate dd a i.icon-orange-down:before {
    content: '\f740';
}
.filtrate_icon .icon-up:before{
    content: '\f740';
}
.filtrate_icon .icon-down{
    margin-top: -6px;
}
.d_tabs{
    line-height: 40px;
    height: 40px;
    border-bottom: 2px solid var(--custom-primary);
    font-size: 16px;
    background: #fff;
}
.d_tabs a {
    float: left;
    padding: 0 20px;
}
.d_tabs a.select {
    background: var(--custom-primary);
    color: #fff !important;
}
.content-item {
    width: 1198px;
}

.filtrate {
    /*height: 50px;*/
    /*line-height: 50px;*/
    /*border-bottom: 1px #f2f2f2 solid;*/
    display: flex;
    align-items: center;
}
.searh-condition .filtrate{
    border-bottom: none;
}
.filtrate dd.aicon a{
    display: flex;
    align-items: center;
}
.filtrate dd {
    /*position: relative;*/
    flex: 1;
}
/*.filtrate dd span {*/
/*    position: absolute;*/
/*    right: 0;*/

/*}*/

/*.filtrate dd#sortType a:last-child{*/
/*    margin-right: 0;*/
/*}*/
.filtrate dd#sortType >a {
    /*float: left;*/
    /*margin-right: 30px;*/
    /*height: 50px;*/
    /*line-height: 50px;*/
    font-weight: bold;
    color: #ff6600;
    /*font-size: 16px;*/
}
.sortType_other{
    display: none;
    position: absolute;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    z-index: 10;
    flex-direction: column;
    white-space: nowrap;
    gap: 10px;
    /*font-size: 16px;*/
}
.filtrate dd#sortType:hover .sortType_other{
    display: flex;
}
/*.filtrate dd a.select{*/
/*    color: var(--custom-primary);*/
/*}*/
.filtrate dd a i {
    position: relative;
    left: 5px;
    display: inline-block;
    /*width: 8px;*/
    /*height: 8px;*/
    /*background-position: -20px -9px*/
}

.filtrate dd span em {
    margin: 0 5px;
    font-size: 24px;
    font-family: tahoma;
}

.content-item-list {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #f5f5f5;
    display: flex;
    gap:30px;
}

.content-item-list{position:relative;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
dl.content-item-list:hover {
    background: #fcfcfc;
}
.content-item-list:hover img{cursor:pointer}
.content-item-list dt {
    position: relative;
    float: left;
    width: 240px;
    height: 180px;
    overflow: hidden;
    border-radius: 8px;
}

.content-item-list dt a img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 8px;
}

.content-item-list dt>img[width="220"] ,
.content-item-list dt>img[width="210"] {
    width: 100%;
    height: 100%;
}
.content-item-list dt>img {
    position: absolute;
    z-index: 99;
}

.news-list dl{overflow:hidden;padding:20px 0;border-bottom:1px solid #eeee;background:#fff}
.news-list dl:first-child{padding-top:0}
.news-list dl dt {
    float: left;
    width: 200px;
    height: 140px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

.news-list dl dd{float:left;margin-left:30px}
.content-item-list dt+dd {
    /*position: absolute;*/
    /*right: 280px;*/
    /*left: 235px;*/
    /*float: left;*/
    /*margin-left: 20px;*/
    /*max-width: 800px;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: space-around;*/
    /*height: 180px;*/
    flex: 1;
    color: #616669;
    font-size: 14px;
}
.content-item-list dt+dd>*{
    margin-bottom: 16px;
    display: block;
}
.content-item-list dd .price {
    overflow: hidden;
    font-size: 22px;
}

.content-item-list dd .follows {
    overflow: hidden;
    color: #101d37;
    display: flex;
    gap: 20px;
}
.content-item-list dd .follows>span{
    display: flex;
    align-items: center;
    gap: 5px;
}
.place-site{width:10px;height:16px;background-position:-13px -2px;opacity:.4}
.overall{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:url(https://www.dingjianyun.com/littleAppImages/djsoftTool/images/larger/icon-3Dview.png) center no-repeat;background-size:60px auto}
.color-red {
    color:#E03236

}
.color-green{color:#2BA245}
.color-gray{color:grey}
.borderred {
    margin-right: 10px;
    padding: 2px 5px;
    /*font-size: 12px;*/
    border: 1px solid #db4c3f;
    border-radius: 3px;
    color: #db4c3f;
}
.avg_price_wrap{
    display: flex;
    gap: 20px;
}
.avg_price span{
    color: #db4c3f;
}
.avg_price_rent span{
    color:#2BA245
}
.describePrice {
    color: #db4c3f;
    font-size: 18px;
    line-height: 40px
}

.averagePriceList {
    float: right;
    width: 240px;
    color: #db4c3f;
    font-size: 14px
}
.find_div .filtrate{
    gap: 10px;
    font-size: 14px;
}
.find_div{
    display: flex;
    align-items: center;
    /*margin-top: 10px;*/
    padding: 10px 0;
    border-bottom: 1px #f2f2f2 solid;
}
.find_count em{
    margin: 0 5px;
    font-family: tahoma;
}
.find_count{
    margin: 10px 0;
    font-weight: bold;
    font-size: 22px;
}
.find_div .find_count{
    margin: 0;
    flex: 1;
}

.content-item-list .avg_rent em{
    color:#2BA245
}
.content-item-list .avg em{
    color: #db4c3f;
}
.content-item-list .avg_rent,
.content-item-list .avg {
    color: #666;
}

.content-item-list dd .follows .b {
    word-spacing: .26em;
    font-weight: 400
}

.graycolor{color:#878787}
.content-item .adb{
    display: flex;
    gap: 10px;
    align-items: center;
}
.news-list dl dd p {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    color: #787878;
    font-size: 14px;
    text-indent: 2em;
}

.content-item-list .cost p{
    margin-top: 10px;
}
.content-item-list .cost {
    float: right;
    /*min-width: 200px*/

}

.content-item-list .cost span {
    color: #db4c3f;
    font-family: tahoma;
}
.content-item-list .cost em {
    /*margin-right: 5px;*/
    font-size: 26px;
    font-family: tahoma;
    font-weight: bold;
}

.content-item-list .cost em.undetermined{font-size:180%}
.content-item-list .cost p.apply{text-align:right}
.content-item-list .cost p.apply a{display:inline-block;padding:5px 15px;border-radius:3px;background:#fff;font-size:16px}
.page-turn{padding:20px;border:1px solid #e0e0e0;border-top:none;background:#fff;text-align:center}
.news-list .page-turn{border:none}
.page-turn .previous{background:#f2f2f2}
.page-turn a{display:inline-block;margin:0 5px;padding:5px 10px;border:1px solid #cdcdcd;cursor:pointer}
.page-turn a.select{border:none;color:#fff}
.recommend{overflow:hidden}
.recommend>h3{
    padding: 30px 0 20px 0;
    font-size: 24px;
    font-weight: bold;
}

.group {
    position: relative;
    /*top: -2px;*/
    display: inline-block;
    /*margin-left: 10px;*/
    padding: 2px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px
}

.store-type {
    overflow: hidden;
    margin-top: 8px;
    /*padding-left: 80px;*/
}

.store-type a {
    float: left;
    margin-right: 20px;
    color: #666
}

.store-type a.select {
    color: #ff6600;
    font-weight: bold;

}
.none{text-indent:-9999999px}
.news-list {
    /*float: right;*/
    overflow: hidden;
    /*width: 1000px;*/
    background: #fff;
    margin-top: 20px;
}

.news-list-detail{padding:30px 0}
.news-list-detail h3{padding-bottom:10px;font-size:180%}
.news-list-detail .datetime{padding-bottom:20px;line-height:30px}
.news-list-detail section {
    margin-bottom: 20px;
    padding: 20px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    /*text-align: center;*/
    /*font-size: 130%;*/
    /*line-height: 30px*/
}

/*.news-list-detail section p{padding:10px 0;text-align:left}*/
.news-list-detail img{max-width:100%}
.news-list-detail .datetime i{margin-right:10px;color:#666}
.news-list dl{position:relative}
.news-list dl dd{width:770px}
.news-list dl dd p.datetime{color:#999;font-size:14px}
.news-menu {
    float: left;
    width: 140px;
    background: #f2f2f2;
    text-align: center
}

.news-menu .menutitle {
    overflow: hidden;
    text-align: center;
}

.news-menu .menutitle h3 {
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
}

.news-menu ul{overflow:hidden}
.news-menu ul li {
    border-top: 1px solid #fff;
    font-size: 14px;
    line-height: 50px
}

.news-menu ul li a.select {
    display: block;
    color:#fff

}
.white-line{position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-350px;width:700px;height:36px}
.entrust{overflow:hidden;margin:0 auto;width:750px}
.entrust dt em{
    color: red;
}
.entrust dl {
    overflow: hidden;
    margin: 16px 0;
    display: flex;
    gap: 20px;

}
.entrust>dl>dt {
    width: 7em;
    text-align: right
}

.entrust dd,.entrust dt {
    position: relative;
    float: left;
    font-size: 16px;
    line-height: 40px
}

.entrust dd {
    /*width: 580px;*/
    flex: 1;
}
.entrust dl input {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
}
.receiveNumbtemp {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer
}

.addperson {
    height: 30px;
    border: none;
    border-radius: 5px;
    background: #f0f0f0;
    line-height: 30px;
    cursor: pointer
}

.entrust-banner{position:relative;overflow:hidden;height:160px}
.entrust-banner .banner-main{position:absolute;left:50%;margin-left:-960px}
.entrust .dd span{float:left;margin-right:10px}
.type-02 input,.type-03 input,.type-05 input{width:340px}
.type-01{line-height:52px}
.type-01 a {
    display: inline-block;
    margin-right: 15px;
    width: 80px;
    height: 40px;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
}

.type-01 a.select {
    position: relative;
    border-color: var(--custom-primary);
   color: var(--custom-primary);

}

.type-01 a.select::before,.type-01 a.select:before {
    position: absolute;
    right: -2px;
    bottom: 0;
    content: '\e65a';
    font-family: iconfont;
    line-height: 12px;
    color: var(--custom-primary);
}

.type-07 input,.type-09 input {
    width: 100px;

}
.type-08 input{width:100px}
.type-06 label {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-left: 25px;
    cursor: pointer;
    color:#101d37
    min-width: 5em;
}
.type-04 label {
    margin-right: 20px;
    padding-left: 25px;
    min-width: 4em;
}
.type-06 dd,.type-06 dt,
.type-04 dd,.type-04 dt {
    line-height: 30px;

}
.type-04 label,.type-06 label{position:relative;display:inline-block;cursor:pointer}
.entrust input[type=checkbox],.entrust input[type=radio] {
    display: none;
    outline: 0;
    -webkit-appearance: none
}

.type-04 label::before,.type-04 label:before {
    position: absolute;
    top: 7px;
    left: 0;
    content:'';
    display: inline-block;
    border:1px solid #ddd;
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.type-04 input[type=checkbox]:checked+label::before,
.type-04 input[type=checkbox]:checked+label:before {
    border-color:var(--custom-primary);

}
.type-04 input[type=checkbox]:checked+label::after,
.type-04 input[type=checkbox]:checked+label:after {
    position: absolute;
    left: 1px;
    content: "\e673";
    font-family: iconfont;
    color:var(--custom-primary);
}

.type-06 label::before,.type-06 label:before {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    margin-right: 20px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 100%;
    content: "";

}
.type-06 input[type=radio]:checked+label::after,
.type-06 input[type=radio]:checked+label:after {
    position: absolute;
    top: 10px;
    left: -1px;
    display: block;
    margin-right: 11px;
    margin-left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: var(--custom-primary);
    content: "";
}
.type-06 input[type=radio]:checked + label::before,
.type-06 input[type=radio]:checked + label:before {
    border-color:var(--custom-primary);
    content: "";
}
.type-06 input[type=radio]:checked+label,
.type-04 input[type=checkbox]:checked+label{
    color: var(--custom-primary);
}
.gardenName{
    font-weight: bold;
    font-size: 26px;
}

.swiper-button-next,.swiper-button-prev {
    /*top: 36%;*/
    background-color: rgba(0,0,0,.6);
    background-size: 20px auto!important;
    border-radius: 100%;
    width: 40px!important;
    height: 40px!important;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon-area,.icon-fitment,.icon-house,.rent-icon,.second-icon{display:inline-block;background:url(../images/larger/common-icons.png) no-repeat}
.icon-area,.icon-fitment,.icon-house{position:relative;top:5px;margin-right:5px;width:20px;height:20px}
.rent-icon,.second-icon{position:absolute;float:left;width:42px;height:42px}
.second-icon{left:20px;background-position:0 -46px}
.rent-icon{left:40px;background-position:-43px -46px}
.icon-house{background-position:-61px -23px}
.icon-area{background-position:-84px -23px}
.icon-fitment{background-position:-108px -23px}
.brief-01 {
    margin-top: 10px;
    margin-bottom: 10px;
    /*font-size: 130%;*/
    font-size: 14px;
    /*overflow: hidden;*/
    display: flex;
    align-items: center;
    gap:5px;
}
.brief-01>span{
    display: flex;
    align-items: center;
    /*gap:10px;*/
}
.brief-01 span.borderred~span{
    font-size: 16px;
}
.brief-01 span.borderred {
    margin-right: 0;
}
.brief-01 em {
    margin: 0 5px;
    letter-spacing: -1px;
    font-weight: 700;
    font-size: 30px;
    font-family: Tahoma
}

.brief-02 {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 7px 12px;
    background: #fafafa
}

.brief-02 li{float:left;width:33%;border-right:1px solid #ddd;text-align:center;font-size:130%;line-height:24px}
.brief-02 li:last-child{border-right:none}
.img-right dl {
    overflow: hidden;
    /*padding: 3px 0*/
}

/*.img-right dd,.img-right dt{float:left}*/
.img-right dl.housenumb{float:left;width:50%}
.brief-03_wrap{
    margin-top: 20px;
}
.brief-03 {
    font-size: 14px;
    display: flex;
    margin-bottom: 20px;
}
.brief-03 dd {
    flex: 1;
}
.brief-promoteOne{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color:#101d37
}
.img-right dt {
    color:#9A9A9A;
    text-align: right;
}

.img-right dd a{color:#1470cc}
.newhouse-brief{position:absolute;right:0;bottom:0;left:0;padding-left:100px;height:120px;border-top:1px solid #e0e0e0;background:#fff url(../images/64x64/phone-call.png) 20px center no-repeat}
.broker-brief{position:absolute;right:0;bottom:0;left:0}
.broker-photo{float:left;width:100px;height:100px;border-radius:100%;background:#fff}
.broker-photo img{position:absolute;width:100px;height:100px;border-radius:100%}
.broker-brief-details{position:absolute;right:0;bottom:25px;left:0;overflow:hidden;padding:7px 15px;background:#f1f1f1}
.broker-brief-details .phone-numb{padding:5px 20px 0 120px;font-size:16px}
.broker-names{padding:0 20px 0 120px;font-weight:700;font-size:18px}
.broker-names i{display:inline-block;margin-left:5px;font-weight:400;font-size:16px}
.ebbroker-name{font-size:14px}
.broker-names .broker-phone{font-weight:600;font-size:26px}
.btnBMKF{display:inline-block;margin-right:10px;padding:0 20px;height:40px;border-radius:5px;background:var(--custom-primary);color:#fff;font-size:16px;line-height:40px}

.broker{position:relative;margin-top:20px;height:250px;background:url(../images/larger/newBrokerbanner.jpg) center center no-repeat;background-size:cover}
.broker img{width:100%}
.broker .broker-details{position:absolute;top:50%;left:300px;margin-left:-90px;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.broker .broker-details .broker-photo-01{position:absolute;display:inline-block;width:132px;height:132px;border-radius:100%;background:rgba(255,255,255,.2)}
.broker .broker-details img{position:relative;top:6px;left:6px;width:120px;height:120px;border-radius:100%}
.broker-details dd{padding:5px 0 0 30px;color:#fff;text-align:left}
.broker-details dd,.broker-details dt{float:left}
.broker-details dd p:first-child{font-size:230%}
.broker-details dd p:nth-child(2){font-size:250%}
.broker-details dd p.visited{font-size:120%}
.broker-details dd p.visited i{position:relative;top:2px;display:inline-block;margin:0 5px 0 0;width:14px;height:14px;background:url(../images/24x24/visitor.png) center center no-repeat;background-size:14px auto;font-size:12px}
.broker-menu{margin:0 auto;width:60%;text-align:center}
.broker-menu li{display:inline-block;width:32%;text-align:center;font-size:130%;line-height:50px}
.broker-menu li.select a{display:block;margin:0 auto;width:50%;border-bottom:2px solid}
.section-bottom{color:#666;text-align:left;font-size:14px;line-height:30px}
.section-bottom span{float:right}
.section-bottom a{float:left;display:inline-block;margin-left:10px;width:30px;height:30px;background:url(../images/larger/share.png) no-repeat;text-align:left}
.section-bottom a:first-child{background-position:0 0}
.section-bottom a:last-child{background-position:-30px 0}
.section-bottom a:nth-child(2){background-position:-60px 0}
.promo{position:relative;margin-top:10px;margin-bottom:10px;width:440px;height:60px;background:url(../images/larger/group.png) no-repeat;color:#fff;text-align:center;font-weight:600;font-size:26px;line-height:60px}
.promo a.bmkfBtn{position:absolute;top:10px;right:20px;display:block;padding:0 10px;height:40px;border-radius:5px;background:#fff3e8;box-shadow:0 3px 0 #ffa64c;color:#e94812;font-weight:600;font-size:18px;line-height:40px}
.promo a:hover{color:#e94812}
.newhouse-price{float:left;padding-left:10px;width:300px;font-size:24px}
.pr-t{float:left;width:118px}
.newhouse-price a{float:right;display:inline-block;padding:5px 15px;border-radius:3px;background:#fff;font-size:18px}
.phone-iocn-02{margin-top:5px;background-size:22px auto;font-weight:700;font-size:28px;line-height:40px}
.toBmkf{color:#4c4c4c;font-size:16px}
.toBmkf>a {
    display: inline-block;
    padding: 3px 15px;
    background: var(--custom-primary);
    border-radius: 3px;
    color: #fff;
    font-size: 16px
}

.toBmkf>a:hover {
    color: #fff;

}
.phone-iocn-02 .name{position:relative;top:-3px;color:#333;font-weight:400;font-size:20px}
.phone-iocn-02 a{position:absolute;top:15px;right:15px;bottom:15px;margin-left:10px;padding:0 8px;border-radius:3px;background:var(--custom-primary);color:#fff;vertical-align:bottom;text-align:center;font-weight:400;font-size:16px;line-height:30px}
.phone-iocn-02 a:hover{color:#fff}
.brief-01+p{display:-webkit-box;overflow:hidden;color:#333;font-size:130%;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}
/*.content-details-01 p{padding:5px 0;text-align:left;text-indent:2em;font-size:120%;line-height:30px}*/
.content-details dl.houses-details {
    float: left;
    width: 25%;
    margin-bottom: 10px;
    display: flex;
    font-size: 14px;
}

.content-details dl.houses-details dt {
    font-weight: 400;
    color: #9399a5;
}
.content-details dl.houses-details dd *{
    margin: 0!important;
    color: #101d37!important;
    font-size: 12px!important;
    font-family: '微软雅黑', 'Microsoft YaHei' !important;
}
.content-details dl.houses-details dd{
    color:#101d37;
    flex:1;
}
#houseTypeDiv .swiper-wrapper{
    width: 100%;
}
.content-details dl.house-type {
    float: left;
    padding-right: 20px;
    margin: 10px 0;
    width: 212px;
    height: 290px;
    display: flex;
    flex-direction: column;
}
.content-details dl.house-type:nth-child(3n){
    padding-right: 0;
}
.content-details dl.house-type dt {
    overflow: hidden;
    margin-right: 10px;
    height:169px;
    width: 100%;
    border: 1px solid #e0e0e0;
    position:relative;
    box-sizing: border-box;
}

.content-details dl.house-type dt img {
    width: 100%;
    height: 100%
}

.content-details dl.house-type h3 {
    padding: 0;
    font-size:16px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.content-details dl.house-type h3 .htype{
    background: #ff6600;
    color: #fff;
    padding: 2px 4px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 3px;
}
.content-details dl.house-type h3 .hname{
    display: inline-block;
}

.content-details dl.house-type dd {
    /*width: 232px;*/
    border: 1px solid #e0e0e0;
    border-top: none;
    padding: 10px;
    flex: 1;
    box-sizing: border-box;
}
.hxtab{
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.type_tabs{
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
}
.hxtab .a,
.type_tabs li{
    border-radius: 4px;
    padding: 0 12px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    background: #f3f3f3;
}
.hxtab .a.redBtn,
.type_tabs li.active{
    color: #fff;
    background: #ff6600;
}
.ck_price{
    font-weight: bold;
    font-size: 18px;
    color: #db4c3f;
}
.photo-wrap{overflow:hidden;margin:20px auto;width:1038px;height:700px}
.type-10 dt{color:#fff;text-indent:-99999px}
.type-10 dd a{display:inline-block;width:200px;border-radius:3px;color:#fff;text-align:center}

.fixed_right,.fixed_wt{z-index:991}
.fixed_right a{display:block;color:#fff}
.fixed_right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    /*width: 40px;*/
    background: #fff;
    border-left: 1px #f9f9f9 solid;
    box-shadow: 0 -5px 7px rgba(0, 0, 0, .06);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed_wt {
    /*position: fixed;*/
    /*top: 50%;*/
    /*right: 0;*/
    /*width: 40px;*/
    /*-webkit-transform: translateY(-50%);*/
    /*-moz-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    display: flex;
    flex-direction: column;
    margin: auto;
}

.fixed_top{position:fixed;bottom:20px}
.about-i,.c_top,.fdjsq,.group-i,.phone,.tuij,.wechat,.zone,.zxwt{width:40px;height:40px;background:url(../../images/24x24/slider-icon.png) no-repeat}
.about-i:hover,.c_top:hover,.fdjsq:hover,.group-i:hover,.phone:hover,.wechat:hover,.zxwt:hover{background:#3f3f3f url(../../images/24x24/slider-icon.png) no-repeat}
.fixed_wt li:hover .zxwt{background-position:-40px 0}
.fixed_wt li:hover .fdjsq{background-position:-40px -40px}
.fixed_wt li:hover .phone{background-position:-40px -80px}
.fixed_wt li:hover .wechat{background-position:-40px -120px}
.fixed_wt li:hover .group-i{background-position:-40px -160px}
.fixed_top li:hover .c_top{background-position:-40px -200px}
.fixed_wt li:hover .about-i{background-position:-40px -240px}
.fixed_wt li:hover .zone{background-position:-40px -280px}
.fixed_wt li:hover .tuij{background-position:-40px -320px}
.zxwt{background-position:0 0}
.fdjsq{background-position:0 -40px}
.phone{background-position:0 -80px}
.wechat{background-position:0 -120px}
.group-i{background-position:0 -160px}
.c_top{background-position:0 -200px;display: block}
.about-i{background-position:0 -240px}
.zone{background-position:0 -280px}
.tuij{background-position:0 -320px}
.fixed_wt li {
    position: relative;
    /*width: 40px;*/
    /*font-size: 10px;*/
    text-align: center;
    background: #fff;
    margin: 8px 0;
    padding: 0 3px;
    /*float: left;*/
    cursor: pointer;
    color:#666;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

/*head.jsp*/
.fixed_wt .hide {
    display: none
}

.fixed_wt .show {
    display: none;
    transform: scale(1);
}
.fixed_top li:hover,.fixed_wt li:hover {
    background: #3f3f3f;

}
.fixed_wt li a+div{
    margin-top: -8px;
    font-size: 12px;
}
.fixed_wt li:hover a+div{
    color:#fff;
}
.show_box {
    position: absolute;
    top: 0;
    right: -70px;
    padding: 0 10px;
    height: 100%;
    background: var(--custom-primary);
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    opacity: 0;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
}
.fixed_wt li:hover .show_box{
    display: block;
    opacity: 1;
    right: 100%;
}
.show_box a{display:block;width:70px;min-width:100px;text-align:center;white-space:nowrap;color:#fff;}
.show_box-02 {
    display: flex;
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -62px;
    padding: 10px;
    height: 124px;
    box-sizing: border-box;
    background: var(--custom-primary);
    color: #fff;
    text-align: center;
    font-size: 14px;
    /*-moz-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    /*-ms-transform: translateY(-50%);*/
    transform-origin: right center;
    transform: scale(0);
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
}
.fixed_wt li.wechatcode:hover .show_box-02{

    transform: scale(1);
}
.show_box-02::before,.show_box-02:before,.show_box::before,.show_box:before{position:absolute;top:50%;right:0;width:0;height:0;border-top:6px solid transparent;border-right:6px solid #3f3f3f;border-bottom:6px solid transparent;content:'';-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.show_box-03{
    margin:0 10px;
}

.broker-menu li.select a,.news-menu .title,.news-menu .title h3,.white-wrap .nav li a.hover,.white-wrap .nav li a:hover{border-bottom-color:var(--custom-primary)}
.group,.new-group i,.page-turn a.select,.search-input .search-btn,.switchover a.hover,.type-10 dd a {
    background: var(--custom-primary)
}

.condition dd .select,.content-item-list dd .price,.newhouse-price a,.phone-iocn-02 {
    color: var(--custom-primary)
}

.content-item-list .cost p.apply a{border:1px solid var(--custom-primary);color:var(--custom-primary)}

.dayavg{
    overflow: hidden;
}
.searh-condition .condition dl .dayavg>a{
    float:left;
}
.searh-condition .condition dl .dayavg>a.selected{
    color: #e94812;
    font-weight: bold;
}
.dayavg-item{
    margin-top: 8px;
    overflow: hidden;
}

.groomCu {
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.groomCu label {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-left: 28px;
    cursor: pointer;
    color:#101d37
}

.groomCu input[type=radio] {
    display: none;
    box-sizing: border-box;
    outline: 0;
    -webkit-appearance: none
}

.groomCu input[type=text] {
    box-sizing: border-box;
    padding: 0 10px;
    width: 54%;
    height: 35px;
    outline: 0;
    border: 1px solid #ddd;
    color: #666;
    line-height: 24px
}

.groomCu label::before, .groomCu label:before {
    position: absolute;
    bottom: 6px;
    left: 0;
    display: block;
    margin-right: 20px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 100%;
    content: ""
}
.groomCu input[type=radio]:checked + label{
    color: var(--custom-primary);
}
.groomCu input[type=radio]:checked + label::before, .groomCu input[type=radio]:checked + label:before {
    border: 1px solid var(--custom-primary);
    content: ""
}

.groomCu input[type=radio]:checked + label::after, .groomCu input[type=radio]:checked + label:after {
    position: absolute;
    bottom: 10px;
    left: -1px;
    display: block;
    margin-right: 11px;
    margin-left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: var(--custom-primary);
    content: ""
}

.play {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #fff;
    font-size: 14px
}
.play img{margin-right:5px;width:18px;vertical-align:middle}
.light-details {
    position: relative;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    /*padding-left: 100px;*/
    min-height: 28px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
    line-height: 28px
}

.light-details:last-child{border-bottom:none}
.light-details .light-title {
    /*position: absolute;*/
    /*top: 10px;*/
    /*left: 0;*/
    /*color: grey*/
    font-size: 16px;
    margin-bottom: 10px;
}
.light-details .light-title:before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 12px;
    background: #ff6600;
    margin-right: 8px;
}

.rent-light{overflow:hidden}
.rent-light li{float:left;margin-right:80px}
.rent-light span{color:grey}
.rent-mating{overflow:hidden}
.rent-mating li{float:left;margin-right:40px;text-align:center}
.rent-mating li>img{display:inline-block;width:40px}
.rent-mating li>p{color:#1a1a1a;font-size:14px;line-height:30px}
.smallFont{margin-left:10px;color:grey}
.followNumb{position:absolute;top:20px;right:20px;color:#333;font-size:14px}
.followNumb em{color:#e94d14}
.brokder-th{display:flex;border-bottom:1px solid #f2f2f2}
.brokder-th li{width:33%;color:#333;text-align:center;font-weight:600;font-size:15px;line-height:40px}
.brokder-th li>div{padding-left:90px;text-align:left}
.brokerlist dt>.blist_head{position:relative;overflow:hidden;padding:10px 0 10px 90px}
.broker_head{position:absolute;top:50%;left:0;border-radius:50%}
.blist_head>div{color:grey;font-size:12px;line-height:20px}
.blist_head>h5{color:#333;font-weight:600;font-size:15px}
.brokerlist .phonenumb{font-weight:600;font-size:16px;line-height:90px}
.brokerlist dd{color:#4c4c4c;text-align:center}
.brokerlist dd:last-child{text-align:left}
.smallimg{margin-top:-35px;width:70px;height:70px}
.brokerlist .blist_head{position:relative;float:left;box-sizing:border-box;padding:10px 0 10px 90px;width:50%}
.broker_head{position:absolute;top:50%;left:0;border-radius:50%}
.smaller{margin-right:10px;width:25px;height:25px;border-radius:25px}
.cusDetails{padding-left:80px}
.cusDetails li{line-height:30px}
.cusDetails li>span{color:grey}
.star_default,.star_full{display:inline-block;margin-right:5px;width:16px;height:16px}
.star_full{background:url(../images/48x48/icon-star-active.png) no-repeat;background-size:16px auto}
.star_default{background:url(../images/48x48/icon-star-default.png) no-repeat;background-size:16px auto}
.details-more{position:relative;bottom:-10px;display:block;padding:8px 0;padding-right:40px;color:grey;text-align:center;font-size:14px;overflow: hidden;
    clear: both;cursor: pointer}
.up:after {
    /*background: url(../images/24x24/up.png) 52% center no-repeat;*/
    /*background-size: 12px auto*/
    content: '\e72b';
    font-family: 'iconfont';
}

.down:after {
    /*background: url(../images/24x24/down.png) 52% center no-repeat;*/
    /*background-size: 12px auto*/
    content: '\e72a';
    font-family: 'iconfont';
}

.moreup{padding-right:20px;background:url(../images/24x24/up.png) right center no-repeat;background-size:16px auto}
.moredown{padding-right:20px;background:url(../images/24x24/down.png) right center no-repeat;background-size:16px auto}
.fixed-top{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-s-transform:translateX(-50%)}
.wechat-code {
    position: relative;
    float: right;
    /*margin-right: 20px;*/
    padding-left: 25px;
    background: url(../images/24x24/wechat-code.png) left center no-repeat;
    font-size: 14px;
    cursor: pointer
}

.code{position:absolute;right:10px;left:50%;z-index:99;display:none;padding:10px;width:130px;height:130px;border:1px solid #ccc;background:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}
.newcode{position:absolute;right:10px;left:50%;z-index:99;display:none;padding:10px;width:130px;height:130px;border:1px solid #ccc;background:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%)}
.wechat-code:hover .code{display:block}
.fixedTop{position:fixed;top:0;z-index:99;width:1100px}
.play_style {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 100%;
    background: rgba(0, 0, 0, .4);
    cursor: pointer;
    transform: translate(-50%, -50%)
}

.play_style:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 17px solid #fff;
    content: ''
}

.bg-fixed {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    height: 100%
}

.fixed-box{width:100%;height:100%;background:#000;box-shadow:0 0 5px #333;opacity:.4}
.content-bm {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*margin-top: -190px;*/
    min-width: 450px;
    background: #fff;
    color: #333;
    border-radius: 20px;
}

.content-bm .content-bm-title {
    padding: 20px 10px 10px 30px;
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.content-bm-title span{
    cursor: pointer;
}
.tabline{
    width: 1px;
    height: 20px;
    border-right: 1px solid #ccc;
}
.content-bm .bm-close {
    position: absolute;
    right: 10px;
    top:10px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../images/24x24/delete.png) center center no-repeat;
    cursor: pointer
}

.content-bm-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*margin-top: -190px;*/
    /*margin-left: -225px;*/
    background: #fff;
    color: #333;
    border-radius: 10px;
}

.content-bm-dialog .content-bm-title {
    padding: 20px 10px 10px 30px;
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
}

.content-bm-dialog .bm-close {
    float: right;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../images/24x24/delete.png) center center no-repeat;
    cursor: pointer
}

.content-bm-con {
    overflow: hidden;
    padding: 10px 40px 40px 40px;

}
/*.con_wrap dd span{color:red}*/
.con_wrap h3{font-weight:700;font-size:14px}
.con_wrap dl {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    overflow: hidden;
    margin-bottom: 10px;
    flex-direction: column;

}

.con_wrap dt {
    min-width: 4em;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}

.con_wrap dd {
    position: relative;
    margin: 0;
    flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    display: flex;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 10px;
    background: #fafafa;
}
.con_wrap dd input{
    background: transparent;
}
.con_wrap dd>span{
    color:red;
    line-height: 30px;
}
.content-bm-com select::-ms-expand{display:none}
.con_wrap input,.con_wrap select {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    border: none;
    line-height: 30px
}

.btn-bm {
    display: block;
    padding: 6px 60px;
    margin-top: 20px;
    background: var(--custom-primary);
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 30px;
    border-radius: 10px;
}

.btn-bm:hover{color:#fff}
.arrow-dk{position:relative}
.sexBox{position:relative;margin-top:5px;text-align:right}
.sexBox label{position:relative;display:inline-block;margin-right:20px;padding-left:20px;cursor:pointer}
.sexBox input[type=radio]{display:none;box-sizing:border-box;outline:0;-webkit-appearance:none}
.sexBox label::before,.sexBox label:before{position:absolute;left:0;display:block;margin-right:10px;width:16px;height:16px;border:1px solid #ccc;border-radius:100%;content:""}
.sexBox input[type=radio]:checked+label::before,.sexBox input[type=radio]:checked+label:before{border:1px solid var(--custom-primary);content:""}
.sexBox input[type=radio]:checked+label::after,.sexBox input[type=radio]:checked+label:after{position:absolute;top:5px;left:5px;display:block;width:8px;height:8px;border-radius:100%;background:var(--custom-primary);content:""}
.con_wrap input {
    box-sizing: border-box;
    height: 30px;
    border: none;
    line-height: 30px;
    /*font-size: 16px;*/
    flex:1;
}

.receiveNumb {
    float: right;
    padding: 0 20px;
    height: 30px;
    border-radius: 6px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
    border: 1px solid #ff6600;
    color: #ff6600;
    background: #fff;
}


.banner .decay{position:absolute;bottom:20px;left:15%;z-index:888;padding-left:20px;background:url(../images/24x24/icofile.png) left center no-repeat;color:#fff;font-size:16px}
.D3view{position:absolute;bottom:10px;left:10px;z-index:90}
.D3view img{width:50px}
.feedback{clear:both;overflow:hidden}
.content-details dl.feedbacklist{position:relative;display:flex;margin-bottom:1.5%;padding:1.5%;background:#fafafa}
.feedbacklist .blist_head img{width:55px;height:55px;border-radius:50px}
.feedback-con{margin-left:15px;flex:1}
.feedbacklist h5{color:#000;font-weight:700;font-size:18px}
.feedbacklist .contract{position:absolute;top:20px;right:20px}
.contract img{margin-right:4px;width:20px;vertical-align:middle}
.contract>span{float:left;color:var(--custom-primary);font-size:18px;line-height:30px}
.description{color:#333;font-size:14px}
.tab_right{
    float: right;
    display: flex;
    align-items: center;
}
.checkIsLogin {
    position: relative;
    color: #e94812;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
}

.fixed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5)}
.transferWrap{position:absolute;top:0;bottom:0;left:50%;overflow:auto;width:800px;background:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}

.search-tabs {
    clear: both;
    /*margin: 8px 0;*/
    overflow: hidden;
    /*padding-left: 80px;*/
    /*height: 45px;*/
    /*background: #fafafa;*/
    /*font-size: 130%;*/
    /*line-height: 45px*/
}
.white-wrap .search-tabs{
    padding-left: 0;
}

.search-tabs a {
    float: left;
    display: inline-block;
    /*margin-right: 20px;*/
    /*font-weight: bold;*/
}
.search-tabs .b_icon{vertical-align:sub}
.search-tabs a .iconfont{
    font-weight: normal;
}
.search-tabs a.select {
    color: var(--custom-primary);
    /*font-weight: bold;*/
}
.search-tabs a.select .iconfont{
    display: inline-block;
    transform: rotateZ(-180deg);
    -webkit-transform: rotateZ(-180deg);
    -moz-transform: rotateZ(-180deg);
}

.condition dd .select{color:var(--custom-primary)}
.searh-condition .search-item {
    position: relative;
    overflow: hidden;
    margin: 8px auto;
    line-height: 24px;
    display: flex;
}

.searh-condition .search-item dt {
    min-width: 7em;
    font-weight: bold;
    /*line-height: 1;*/
    /*display: flex;*/
    /*align-items: center;*/
    line-height: 24px;
}


.transferContent{overflow:hidden;margin-top:10px}
.transferOrder{overflow:hidden;padding:10px 30px;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.transferOrder .transferOrder-item{float:left;margin-right:30px}
.transferHouse{overflow:hidden;padding:10px 30px}
.transferHouse .transferHouse-img{float:left;width:150px;height:90px}
.transferHouse .transferHouse-text{float:left;margin-left:10px}
.transferHouse .transferHouse-title{font-size:18px}
.transferHouse .transferHouse-item{font-size:14px;line-height:30px}
.transferTrade{overflow:hidden;padding:0 30px;border-top:1px solid #f2f2f2;line-height:40px}
.transferTrade>dt{float:left;width:20%;color:grey}
.transferTrade>dd{float:left;width:75%}
.transferTrade .transferTrade-item{float:left;width:32%}
.transferTrade .transferTrade-broker{width:100%}
.transferProcess {
    /*padding: 20px 30px;*/
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2
}

.transferProcess-title{padding:20px 0;font-size:20px}
.transferProcess-wrap{overflow:hidden;padding:20px;border:1px solid #f2f2f2}
.transferProcess-wrap>li {
    position: relative;
    float: left;
    width: 8em;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.transferProcess-wrap>li img {
    width: 30px;
}

.transferProcess-wrap>li.transferProcess-done{color:var(--custom-primary)}
.transferProcess-item>img {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 auto;

}

.transferProcess-item>p{line-height:30px}
.transferProcess-wrap>li:before {
    position: absolute;
    top: 15px;
    right: -50%;
    left: 50%;
    z-index: -1;
    height: 2px;
    background: #f2f2f2;
    content: ""
}

.transferProcess-wrap>li:last-child:before{background:0 0;content:""}
.transferCurrent{position:relative;overflow:hidden;padding:20px 30px}
.transferCurrent .transferCurrent-slide{position:absolute;top:20px;right:30px;color:grey;cursor:pointer}
.transferCurrent .transferCurrent-index{font-size:20px}
.transferCurrent-index>span{color:grey;font-size:14px}
.transferCurrent-process{padding:20px}
.transferCurrent-process .transferCurrent-item {
    position: relative;
    padding-bottom: 20px;
    width: 100%;
    line-height: 30px;
}

.transferCurrent-process .transferCurrent-item:before{position:absolute;top:15px;bottom:0;left:15px;z-index:-1;width:1px;background:#ddd;content:""}
.transferCurrent-item .icon {
    float: left;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.transferCurrent-item .transferCurrent-detials {
    padding-left: 45px;
    color: grey;
    font-size: 12px;
    line-height: 25px
}

*{margin:0;padding:0}
a{text-decoration:none}
li,ul{list-style:none}
.user-banner {
    position: relative;
    height: 160px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-banner .user-title{
    text-align: center;
    font-size: 36px;
}
.user-banner .banner-main{position:absolute;left:50%;margin-left:-960px}
.user-container{margin:20px auto;width:1200px}
.user-left{float:left;}
.user-right{float:right;width:980px;}
.user-menu{float:left;width:200px;background:#fff}
.user-menu>li {
    position: relative;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.user-menu>li .iconfont{
    font-size: 20px;
    margin-right: 10px;
}
.user-menu>li.active {
    color: var(--custom-primary);
    font-weight: bold;
}
.user-menu>li.active:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--custom-primary);content:""}
.user-icons{position:relative;top:6px;display:inline-block;margin-right:5px;width:20px;height:20px;background:url(../images/larger/icons-userCenter.png) no-repeat}
.userCenter{background-position:-20px 0}
.userFavor{background-position:-20px -20px}
.userOrder{background-position:-20px -40px}
.userEnturst{background-position:-20px -60px}
/*.active .userOrder{background-position:0 -40px}*/
/*.active .userEnturst{background-position:0 -60px;}*/
.user-information{display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;margin-bottom:20px;padding:20px;background:#fff}
.user-information .user-in-photo{width:100px;height:100px;border-radius:100%}
.user-information .user-in-datum{padding-left:20px;flex:1;-webkit-flex:1;-moz-box-flex:1}
.user-in-datum>h3{margin-bottom:10px;color:#1a1a1a;font-weight:500;font-size:24px;line-height:50px}
.user-in-datum>p{color:#4c4c4c}
.redBtn{padding:5px 10px;border-radius:5px;background:var(--custom-primary);color:#fff}

.user-tabs-wrap{background:#fff}
.user-tabs-content{background:#fff}
.booking-box{display:flex;overflow:hidden;padding:20px;border-bottom:1px solid #ddd;background:#fff}
.booking-box>dd,.booking-box>dt{float:left;height:100px}
.booking-box>dd.order{padding-left:20px;font-size:14px;flex:1}
.booking-box>dd.ddbtn{width:150px}
.booking-box h3{font-size:20px}
.btn_isLate1{background:var(--custom-primary)}
.btn_isLate2{background:#ccc}
.btn_isLate1,.btn_isLate2{display:inline-block;margin-top:30px;padding:0 20px;height:35px;-webkit-border-radius:4px;border-radius:4px;color:#fff;line-height:35px}
.ddbtn{text-align:center}
.order>ul.orderul1>li{line-height:32px}
.order>ul.orderul2>li{line-height:27px}
.order li> span{margin-right:10px;color:grey}
.order .t {
    display: flex;
    gap:10px;
    color: grey;
}

.housePrice{color:var(--custom-primary);font-weight:600;font-size:16px}
.estrust-list{padding:40px}
.estrust-list .title{margin-bottom:10px;font-size:18px}
.flexlist{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f2f2f2}
.flexlist:last-child{margin:0;padding:0;border:none}
.flexlist{overflow:hidden;width:100%}
.flexlist>li{float:left;width:50%;font-size:14px;line-height:30px}
.addentrust{margin-top:7px;margin-right:10px;padding:0 10px;height:30px;border-radius:5px;color:#fff;line-height:30px;cursor:pointer}
.join-banner{width:100%;height:360px;background:url(../images/larger/banner-joinus.jpg) center center no-repeat}
.about-banner {
    width: 100%;


}
.j-email,.recruitment{padding:20px 30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2);color:#333;-ms-border-radius:5px;-o-border-radius:5px;-ms-box-shadow:0 1px 5px rgba(0,0,0,.2);-o-box-shadow:0 1px 5px rgba(0,0,0,.2)}
.recruitment{padding:0 30px}
.j-email{margin-bottom:20px;font-size:22px}
.j-email a{color:#333;text-decoration:underline}
.j-email img{margin-right:15px;vertical-align:middle}
.p-title{position:relative;margin-bottom:30px;height:60px;color:#333;text-align:center;font-size:35px;line-height:60px}
.p-title:before{position:absolute;bottom:0;left:50%;width:50px;height:3px;background:var(--custom-primary);content:"";transform:translateX(-50%)}
.join-warp {
    margin:0 auto 50px auto;
    width: 1200px
}

.j-content{padding:20px 0;border-top:1px solid #ddd;background:#fff;color:#333}
.j-content:first-child{position:relative;border:none}
.j-content dl{display:flex;line-height:24px}
.j-content dt{color:grey;}
.j-list{font-size:14px}
.j-list >dd{width:20%}
.j-list >dt{text-align:left;white-space:nowrap;width:10%;}
.j-type dd{width:70%;font-size:20px}
.j-type dt a{padding-right:18px;color:#666;text-decoration:none;font-size:16px}
.j-type dt a.slideup{background:url(../images/24x24/down.png) right center no-repeat;background-size:12px auto}
.j-type dt a.slidedown{background:url(../images/24x24/up.png) right center no-repeat;background-size:12px auto}
.j-type dt{width:30%;text-align:right}
.list-more{display:none;margin-top:10px}
.list-more p{color:grey;font-size:16px}
.more-list-content{padding-left:30px}
.more-list-content li{color:#1a1a1a;list-style:none;line-height:30px}
.p-about>p{color:#4c4c4c;text-align:justify;text-indent:1em;font-size:16px;line-height:30px}
.p-road dl {
    position: relative;
    display: flex;
    min-height: 60px;
}

.p-road dt{position:relative;padding-right:10px;padding-bottom:15px;width:120px;vertical-align:top;text-align:center}
.p-road dd{padding-bottom:20px;padding-left:20px;border-left:1px solid #ccc;color:#1a1a1a;line-height:20px;flex:1}
.p-road dl:last-child dd{border-left:none}
.p-year dt {
    color: #000;
    font-size: 20px;
    line-height: 40px;
}
.p-year dt:before{position:absolute;top:0;right:-9px;width:14px;height:14px;border:2px solid var(--custom-primary);border-radius:100%;background:#fff;content:""}
.p-year dt:after {
    position: absolute;
    top: 5px;
    right: -4px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--custom-primary);
    content: "";
    z-index: 6;
}

.p-year dt>span{position:relative;top:-10px}
.p-year+.p-date {
    margin-top: -60px;
}
.p-date dt:before {
    position: absolute;
    top: 4px;
    left: -5px;
    width: 6px;
    height: 6px;
    border: 2px solid var(--custom-primary);
    border-radius: 100%;
    background: #fff;
    content: ""
}

.p-date dt{position:absolute;left:130px;color:#a6a6a6;font-size:16px}
.p-date dd{margin-left:130px;padding-left:130px}
.company-img{overflow:hidden;padding-left:20px}
.company-img li{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:10px 30px 20px 0;width:260px;height:200px}
/*.company-img li:nth-child(3n){margin-right:0}*/
.company-img li img{margin:0 auto;width:100%;height:200px}
.gray-bg{background:#f2f2f2}
.p-address .p-map{display:block;width:100%}
.p-address-details {
    padding: 15px 20px;
    border: 1px solid #f2f2f2
}

.p-address-details .icon-p-address{margin-bottom:5px;padding-left:25px;background:url(../images/24x24/site.png) left center no-repeat;font-size:16px;font-size:20px}
.p-address-details dl{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:14px;line-height:24px}
.p-address-details dt {
    /*width: 80px;*/
    color: grey
}

.p-address-details dd.adress{color:#333;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.p-address-details dd.phone{width:280px}
.min-height{min-height:470px}
.job-wrap {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 20px;
    background: #fff;
    -ms-box-sizing: border-box
}

.page-turn{background:#fff}

.job-content{padding-top:10px;padding-bottom:15px;border-bottom:1px solid #ebebeb}
.job-content h3 {
    padding-top: 10px;
    color: #333;
    font-weight: 550;
    font-size: 16px
}

.job-content table,.job-details table{width:100%;border-collapse:collapse}
.job-content td,.job-details td {
    width: 50%;
    line-height: 30px
}

.job-details h3{margin-bottom:0;font-weight:700;font-size:15px}

.job-work {
    padding: 15px 0;
    color: #333;
    line-height: 24px;
    text-indent: 2em;
    margin-bottom: 1rem;
}

.page-turn{border:none}
.b_wrap {
    position: relative;
    clear: both;
    /*overflow: hidden;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px auto;
    padding: 25px;
    width: 1200px;
    /*min-height: 200px;*/
    border: 1px solid #e0e0e0;
    background: #fcfcfc;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-radius: 5px;
    display: flex;
    gap: 25px;
}

.b_wrap .b_headimg{float:left;width:150px;height:150px}
.b_details {
    /*float: left;*/
    /*margin-left: 25px;*/
    /*width: 950px;*/
    flex: 1;
}

.b_stars {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    position:relative;
    gap: 2px;
}


.star-full:before {
    content:"\e79a";
    color: #ff6600;
}

.star-default:before {
    content:"\e796";
    color: gray;
}

.b_woman{background-position:-44px 0}
.b_man{background-position:-66px 0}
.b_person {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.b_p_name{margin-right:5px;font-weight:600;font-size:28px}

.b_person_list {
    width: calc(100%/3 - 10px);
    color: #4c4c4c;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.b_person_list.w100{
    width: 100%;
}
.b_address {
    position: relative;
    margin-top: 43px;
    width: 30%;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.b_address:after,.b_address:before{position:absolute;width:1px;height:90px;background:#ddd;content:"";transform:rotate(15deg)}
.b_address:before{top:-10px;left:0}
.b_address:after{top:-10px;right:0}
.b_address_wechat>span{display:inline-block}
.b_history{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:42px;padding-left:5%;width:35%;-s-box-sizing:border-box}
.b_introduce{clear:both;overflow:hidden;margin-top:5px;width:100%;color:#4c4c4c;font-size:14px}
.b_introduce .b_introduce_title{position:absolute;display:inline-block;width:75px;vertical-align:top;line-height:24px}
.b_introduce .b_introduce_text{display:inline-block;padding-left:73px}
.b_introduce .b_introduce_text>p{display:-webkit-box;overflow:hidden;text-align:justify;line-height:24px}
.b_address_phone{color:#1a1a1a;font-size:24px}
.b_address_wechat{position:relative;font-size:14px;cursor:pointer}

.wecahtcode {
    display: none;
    position: absolute;
    top: 18px;
    left: 0;
    z-index: 99;
    border: 10px solid #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}
.code_div{
    position: relative;
    color: #ff6600;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.code_div:hover .wecahtcode{
    display: block;
}

.b_history_title {
    color: #4c4c4c;
}

.b_history_content {
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
    color: #4c4c4c;
    font-size: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.marb20{margin-bottom:20px}

.swiper-container{width:100%;height:300px;margin-left:auto;margin-right:auto}
.swiper-slide{background-size:cover;background-position:center}
.gallery-top{height:80%;width:100%}
.gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0}
.gallery-thumbs .swiper-slide{height:100%;opacity:.4}
.gallery-thumbs .swiper-slide-active{opacity:1}
#content-item-list{background:0 0;padding:0;border-bottom:none}

.small-img {
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    left: 45px;
    right: 40px
}

.small-img ul{width:1000px}
.small-img li {
    float: left;
    width: 115px;
    height: 85px;
    margin-right: 10px;
    box-sizing: border-box;
    cursor: pointer;

}

.small-img li:last-child{margin-right:0}

.small-img li img.liHover {
    opacity: 1;
}
.small-img li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    opacity: 0.5;
}
.gallery-thumbs{position:relative}
.gallery-thumbs span {
    position: absolute;
    top: 10px;
    bottom: 0;
    width: 30px;
    height: 85px;
    cursor: pointer
}

.gallery-thumbs span.previous{left:0;background:url(../images/larger/previous.png)}
.gallery-thumbs span.next{right:0;background:url(../images/larger/next.png)}
.rollDisable {
    opacity: .5;
}
.fixed-top{position:fixed;top:0;width:1100px;left:50%;transform:translateX(-50%);z-index:999}

.news_content{padding:15px 20px 15px 0}
.news_content li{display:flex;padding-bottom:20px;position:relative}
.news_content li:before{content:"";position:absolute;top:0;left:100px;bottom:-5px;width:1px;background:#e6e6e6}
.news_time{width:85px;text-align:right;line-height:18px;font-size:16px;color:#000}
.news_time>p.createtime{font-size:14px;color:#666}
.newsContent{flex:1;padding-left:30px;position:relative;line-height:20px}
.newsContent .procontent{/*float:left;max-width:740px;*/font-size:14px;text-align:justify;text-align-last:left}
.newsContent:before{content:"";position:absolute;right:0;left:30px;bottom:-10px;height:1px;border-bottom:1px dashed #e6e6e6}
.newsContent:after{content:"";position:absolute;top:0;left:8px;width:10px;height:10px;background:#ccc;border-radius:100%;border:2px solid #fff}
.news_content li:last-child{padding-bottom:0}
.news_content li:last-child:before{content:"";width:0}
.news_content li:last-child .newsContent:before{content:"";border:0}
.newsC-list{width:120px;height:120px;float:right;background:#f2f2f2;position:relative;overflow:hidden}
.photototal{position:absolute;padding:0 10px;right:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;font-weight: normal}
.newsContent .procontent .label{
    display: inline-block;
    padding: 0 3px;
    border-radius: 3px;
    font-size: 12px;
    color: var(--custom-primary);
    background: #f3f3f3;
    font-weight: bold;
    margin-right: 6px;
    float: left;
}
.view-photos{position:absolute;right:0;z-index:998;padding-top:10%;width:80px;height:90%;background:#000}
.view-photos li{float:left;width:80px;height:95px}
.view-photos li a{float:left;display:inline-block;width:80px;height:95px;cursor:pointer}
.view-photos li.view-photos01 a{background:url(../images/view-photos.png) left -95px no-repeat}
.view-photos li.view-photos01 a:hover{background:url(../images/view-photos.png) left top no-repeat}
.view-photos li.view-photos02 a{background:url(../images/view-photos.png) -80px -95px no-repeat}
.view-photos li.view-photos02 a:hover{background:url(../images/view-photos.png) -80px top no-repeat}
.view-photos li.view-photos03 a{background:url(../images/view-photos.png) -160px -95px no-repeat}
.view-photos li.view-photos03 a:hover{background:url(../images/view-photos.png) -160px top no-repeat}
.view-photos li.view-photos04 a{background:url(../images/view-photos.png) -240px -95px no-repeat}
.view-photos li.view-photos04 a:hover{background:url(../images/view-photos.png) -240px top no-repeat}
.view-photos li.view-photos05 a{background:url(../images/view-photos.png) -320px -95px no-repeat}
.view-photos li.view-photos05 a:hover{background:url(../images/view-photos.png) -320px top no-repeat}
.imglist_enlarger{position:absolute;bottom:0;left:0;z-index:9999;overflow:hidden;padding:10px 0;width:100%;height:28px;background:#333;text-align:center;line-height:28px}
.imglist_enlarger li{display:inline-block;padding:0 3px;font-size:15px;font-family:"΢���ź�"}
.imglist_enlarger li a{display:inline-block;padding:0 8px 0 7px;color:#fff;text-decoration:none}
.imglist_enlarger li a:hover{border-radius:2px;background:#999;color:#fff}
.imglist_enlarger li a img{float:left;display:inline-block;padding:3px 5px 0 0}
.cityname {
    float: left;
    /*margin-left: 10px;*/
    /*color:#474747;*/
    cursor: pointer;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap:2px;
    font-weight: bold;
}
.cityname>img{
    vertical-align: sub;
}
.allcitys{
    position: absolute;
    background:#fff;
    display:none;
    padding:30px 0 10px 0;
    width:500px;
    margin-left: -120px;
    border-radius: 10px;
    margin-top:40px;
    z-index: 10000;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    /*overflow: hidden;*/
}
.allcitys .alcitys{
    max-height: 650px;
    overflow: auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.allcitys:before{
    content: '';
    position: absolute;
    left: 150px;
    top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #fff transparent;
}
.language_label span{
    font-weight: bold;
}
.language_label{
    color: #101d37;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    position: relative;
}
.all_language{
    position: absolute;
    top:30px;
    background:rgba(0,0,0,.9);
    display:none;
    padding:20px 10px;
    border-radius: 10px;
    color:#fff;
    z-index: 1000;
    left: 50%;
    margin-left: -50px;
}

.all_language:before{
    content: '';
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent rgba(0,0,0,.9) transparent;
}
.all_language .all_language_list{
    display: flex;
    flex-direction: column;
    width:auto;
    gap:5px;
}
.hotCity span{
    font-weight: bold;
    color:#e94812;
}

.all_language_list a{
    vertical-align: inherit;
    display: inline-block;
    /*margin: 0 0 3px 10px;*/
    padding: 0 10px;
    font-size: 14px;
    line-height: 28px;
    /*font-weight: 700;*/
    white-space: nowrap;
    color:#fff;
    font-weight: 400!important;
}
.hotCity a {
    vertical-align: inherit;
    display: inline-block;
    /*margin: 0 0 3px 10px;*/
    padding: 0 10px;
    font-size: 14px;
    line-height: 24px;
    /*font-weight: 700;*/
    white-space: nowrap;
    font-weight: bold;
}
.alcitys{
    width: 100%;
    overflow: hidden;
}
.alcitys .letter-text{
    /*float: left;*/
    /*color: grey;*/
    text-align: right;
    /*width: 22px;*/
    /*height: 22px;*/
    padding: 5px ;
    line-height: 24px;
    font-size: 16px;
    /*border-right: 1px solid #ccc;*/
    font-weight: bold;
    /*border-radius:20px;*/
    -webkit-filter: none;
    filter: none;
    /*background-color: hsla(0,0%,100%,.13);*/
    min-width: 10em;

}
.alcitys-list .citylist {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
}
.alcitys-list .citylist a{
    vertical-align: inherit;
    display: inline-block;
    /*margin: 0 0 3px 10px;*/
    font-size: 14px;
    line-height: 24px;
    /*font-weight: 700;*/
    white-space: nowrap;
}
.alcitys-list{
    /*float: left;*/
    /*width: 50%;*/
    /*margin-top: 5px;*/
    display: flex;
    gap: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;

}
.alcitys-list:last-child{
    border-bottom: 1px solid #ddd;
}
.alcitys-list .citylist{
    flex: 1;
    padding: 5px;
}
.closeCitys img{
    width: 24px;
}
.closeCitys{
    position: absolute;
    top:2px;
    right:2px;
}

.alcitys_max8{
    display: flex;
    gap: 5px;
    padding: 0 20px;
}
.alcitys_max8 a{
    padding: 5px 10px;
    font-size: 14px;
}
.checked{
    padding: 0 5px;
    background: #e94812;
    color:#fff;
    border-radius: 20px;
}
.checked .iconfont{
    color: #fff!important;
}
.clearfix:after, .clearfix:before {
    content: "";
    display: block;
    width: 100%;
    overflow: hidden;
}
.timeout{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 999;
    text-align: center;
}
.timeout-content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: right;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}
.timeout-content>img{
    max-height: 720px;
}
.timeout-content .timeout-btn{
    position: absolute;
    background: rgba(0,0,0,.5);
    z-index: 1000;
    left: 50%;
    transform: translateX(-50%);
    top: -32px;
    color: #fff;
    padding: 5px;
    border-radius: 20px;
    cursor: pointer;
}
.selShow{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.selShow li{
    float: left;
    /*width: 36px;*/
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    background:#eee;
}
.selShow li.selPhoto{
    color:#fff;
    background-color: var(--custom-primary);
}
.xffx_pop{
    /*box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
    /*padding: 20px;*/
    /*margin-bottom: 40px;*/
    /*border-radius: 10px;*/
}


/*zhonghong*/
.zh_main{
    display: flex;
    flex-direction: column;
    width: 1200px;
    margin: 40px auto;
}
.zh_main_flex{
    flex: 1;
}
.zh_main_right{

}
.zh_main_r{
    flex: 1;
}
.zh_aboutus_tab ul{
    display: flex;
    border-bottom: 2px solid #ff6600;
}

.zh_aboutus_tab a{
    display: block;
}
.zh_aboutus_tab li{
    width: 120px;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    color: #666;
}
.tab_title{
    cursor: default;
    font-weight: bold;
    font-size: 16px;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f2f2f2;
    border-bottom: 1px solid #fff;
}
.zh_aboutus_tab li.select{
    background: #e94812;
    color: #fff;
}
.viewwrap{
    position: absolute;
    left: 230px;
    right: 0;
    bottom: 20px;
    overflow: hidden;
    color: #808080;
}
.viewcount{
    background: url("../images/24x24/view.png") left center no-repeat;
    padding-left: 30px;
}
.news-list dl dd h3{
    font-weight: 600;
    font-size: 22px;
}
.flat_ebdata {
    display: flex;
    flex-wrap: wrap;
    gap:5px;
}
.big_ebdata,
.tuwen_ebdata{
    display: flex;
    flex-wrap: wrap;
    gap:5px;
    margin:10px 0;
}

.flat_ebdata i,
.big_ebdata i,
.tuwen_ebdata i{
    display: inline-block;
    padding: 4px 5px;
    font-size: 12px;
    float: left;
    /*line-height: 20px;*/
    background: #F4F7FF;
    border-radius: 2px;
    color: #161718
}
.small_ebdata {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0;
}
.small_ebdata i{
    font-size: 12px;
}
.small_ebdata i:after{
    content: '/';
    margin: 0 2px;
}
.small_ebdata i:last-child:after{
    content: '';
}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background-color: #efefef}
::-webkit-scrollbar-thumb{border-radius:5px;background-color:#ccc}
::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background-color:#ccc}


.folded_div{
    /*margin-top: 30px;*/
    display: flex;
    gap:10px;
}
.folded_div .folded_dl dt{
    padding: 10px;
    border:1px solid #ddd;
    border-radius: 6px;
    position: relative;
}
.folded_label{
    position: absolute;
    top: -10px;
    left: 9px;
    background: white;
    font-size: 12px !important;
    padding: 0px 6px;
    color: #29333d !important;
}
.folded_label_output{
    min-height: 18px;
}
.folded_div .folded_dl dt:after{
    position: absolute;
    right: 10px;
    top:10px;
    /*float: right;*/
    content: '\e72a';
    /*font-size: 18px;*/
    font-family: iconfont;
    transition: all .2s ease-out;
    font-weight: bold;
    margin-top: 2px;
}
.folded_div .folded_dl.choose dt:after{
    /*float: right;*/
    /*content: '\e72b';*/
    /*font-size: 18px;*/
    transform: rotateZ(180deg);
    font-family: iconfont;
}
.folded_div .folded_dl{
    flex: 1 auto;
    position: relative;
    /*display: flex;*/
    /*flex-direction: column;*/
}
.folded_div .folded_dl dd a.select{
    color: #111;
}
.folded_div .folded_dl dd a{
    color: #6f808e;
}
.folded_div .folded_dl dd{
    /*flex: 1;*/
    position: absolute;
    /*bottom: 0;*/
    /*display: flex;*/
    flex-wrap: wrap;
    gap: 10px;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius: 6px;
    z-index: 66;
    /*width: 300px;*/
    display: none;
    /*transition: all .2s ease-out;*/
    /*min-width: 400px;*/
    /*max-width: 550px;*/
}
.folded_div .folded_dl.choose dt{
    border-color: #c4c4c4;
}
.folded_div .folded_dl.choose dd{
    display: flex;
    /*bottom: auto;*/
}
.folded_column{
    flex-direction: column;
    width: 100%;
}
.folded_price a.select:after,
.folded_area a.select:after,
.folded_column a.select:after{
    /*float: right;*/
    margin-left: 20px;
    content: '\e768';
    font-family: iconfont;
    color: #111;
}
.folded_itemdiv{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}
.folded_price a{
    width: calc(50% - 10px);
}
.folded_feature{
    width: 350px;
}
.folded_feature a{
    width: calc(50% - 10px);
    display: flex;

}
.folded_feature a:before{
    content: '\e766';
    font-family: iconfont;
    color: #d5d5d5;
    margin-right: 5px;
    margin-top: 2px;
}
.folded_feature a.select:before{
    content: '\e81a';
    font-family: iconfont;
    color: #111;
}

.folded_price{
    width: 450px;
}
.folded_area{
    width: 320px;
}
.folded_area a{
    width: calc(50% - 10px);
}
.folded_location{
    z-index: 900!important;
    width:500px;
}
.folded_selection{
    width:380px;
    right:0;
}
.folded_div .folded_dl_ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.folded_dl_ul li>a{
    font-size: 16px;
    color: #323232!important;
}
.folded_dl_ul li{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.folded_dl_ul li:first-child{
    border: none;
    padding: 0;
}
.folded_dl_ul li>a.select{
    color: #ff6600;
}
.folded_dl_ul li>span a.select{
    border-color: #ff6600;
    color: #ff6600;
    font-weight: bold;
}
.folded_dl_ul li>span a{
    border: 1px solid #eee;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 13px;
}
.folded_dl_ul li>span{
    flex: 1 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.min_price_div .btn-confirm{
    cursor: pointer;
    background: #ff6600;
    color: #fff;
    border-radius: 6px;
    padding: 8px;
}
.min_price_div{
    border-top: 1px solid #eee;
    padding-top:20px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.min_price_div .min_price{
    flex: 1;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    position: relative;
}
.min_price_div .min_price_label{
    position: absolute;
    top: -10px;
    left: 9px;
    background: white;
    font-size: 12px !important;
    padding: 0px 2px;
    color: #29333d !important;
}
.min_price input{
    width: 100%;
    border: none;
}
#noDataShow{
    padding: 50px 0;
}
#noDataShow img{
    width: 200px;
}
.cover_div{
    position: fixed;
    left: 0;
    top:40px;
    right:0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:20px;
}
.cover_div_a{
    font-size: 18px;
}
.cover_div_b button{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #ff6600;
    border-radius: 5px;
    min-width: 200px;
    cursor: pointer;
}

.broadside {
    position: fixed;
    right: 0;
    top: 0;
    width: 58px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);
    height: 100%;
    padding-top: 10%;
    z-index: 99;
    background: #fefefe;
}

.broadside ul {
    background: #fefefe;
    padding-bottom: 34px;
}

.broadside ul li {
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.broadside ul li p{
    margin-top: 3px;
}
.broadside ul li:hover{
    background-color: rgba(253,132,39,1);
}
.broadside ul li:hover a>p{
    color: #fff;
}

.broadside .download-app {
    top: -40px;
    width: 158px;
    position: absolute;
    right: 58px;
    transform: scale(0);
    transition: all 0.2s linear;
    background-color: #fff;
    padding: 5px 0;
    box-shadow:0px 0px 48px 0px rgba(198,199,204,0.7);
}
.broadside .download-app::after{
    content: '';
    position: absolute;
    right: -16px;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    top: 50%;
    margin-top: -8px;
    border-color: transparent transparent transparent #fff;
}
.broadside .app-code:hover .download-app {
    transform: scale(1);
}

.broadside .download-app img {
    width: 138px;
}

.broadside .download-app span {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
}
.broadside .iconfont {
    font-size: 28px;
}
/* 判断网站是否开通 */
.bg-fixed-02 {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    transform: translate(-50%, -50%);
    text-align: center;
}
.fixed-box-02 {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: rgba(0,0,0,.5);
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
.content-bm-02 {
    padding: 20px;
    margin: auto;
    background: rgba(0,0,0,0.1);
    text-align: center;
    font-size: 16px;
    z-index: 999;
    color: #fff;
}
.content-bm-02 p {
    font-size: 16px;
    margin-top: 10px;
}

/*登录*/
.receiveNumb {
    color: var(--custom-primary);
    border-color: var(--custom-primary);
}


.content-bm-title2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    color: var(--custom-primary);
}
.content-bm-title2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
}

.content-bm-title3 {
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
}

.btn-bm {
    background: var(--custom-primary);
}

.selectTab {
    color: var(--custom-primary);
}


.content-bm .div_a {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
}

.content-bm .div_a .div_b {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 300px;
    text-align: center;
}

.content-bm .div_a .div_b .b_h3 {
    font-size: 22px;
    margin-bottom: 20px;
    padding: 20px 10px;
}

.content-bm .div_a .div_b .codeimg {
    position: relative;
    width: 200px;
    height: 200px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    line-height: 0;
    box-sizing: border-box;
}

.content-bm .div_a .div_b .codeimg img {
    width: 100%;
    height: 100%;
}

.content-bm .div_a .div_b .codeimg img.filter {
    filter: blur(5px);
}

.content-bm .div_a .div_b .codeimg .codeimg_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}

.content-bm .div_a .div_b .phone_qrcode_b {
    margin-top: 20px;
    font-size: 14px;
    color: gray;
}

.content-bm .div_a .div_b .phone_qrcode_a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.content-bm .div_a .div_c {
    width: 1px;
    height: 320px;
    border-right: 1px solid #e7e7e7;
    margin-top: 20px;
}

#DivUl{height:30px;overflow: hidden}
#DivUl::-webkit-scrollbar {display:none}


.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}


/* 添加图片容器和图片样式 */
.card-img-top.isUp .bg-dark{
   background:rgba(0,0,0,.25)!important;
}
.card-img-top.isUp.small{
    height: 10rem;
}
.card-img-top.isUp{
    height: 19.44rem;
}
.card-img-top.isbig{
    height: 13.25rem;
}
.card-img-top {
    width: 100%;
    height: 13.25rem;
    overflow: hidden;
    position: relative;
}

.card-img-top img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.banner .title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    left: 0;
    right:0;
    text-align: center;
    top: 50%;
    -webkit-text-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    -moz-text-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    -ms-text-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    text-shadow: 3px 3px 5px rgba(0, 0, 0, .3)
}
.banner .title.sup{
    top:auto;
    bottom:100px;
}
.padb50 {
    padding: 0
}
.title{line-height:40px;}
.title .more{top:-40px;}
.item-list li{border-right: 1px solid #eee}
/*.content-wrap .title{margin-bottom: 0}*/

.auctiondateinput{
    border:1px solid #ccc;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*投诉建议*/
.suggetstion_title .bm-close {
    float: right;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../images/24x24/delete.png) center center no-repeat;
    cursor: pointer
}

.suggetstion {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -250px;
    width: 500px;
    background: #fff;
    color: #333;
    font-size: 12px;
    border-radius: 5px;
}

.suggetstion .suggetstion_title {
    padding: 10px 10px 10px 40px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 32px;
    border-bottom: 1px solid #eee;
}

.suggetstion_con {
    overflow: hidden;
    padding: 10px 40px 30px 40px
}

.suggetstion_con dd span {
    color: red
}

.suggetstion_con h3 {
    font-weight: 700;
    font-size: 14px
}

.suggetstion_con dl {
    display: flex;
    display: -webkit-flex;
    display: -s-flex;
    display: -moz-flex;
    overflow: hidden;
    margin-bottom: 10px;
}

.suggetstion_con dt {
    margin-right: 10px;
    font-size: 14px;
    line-height: 35px
}

.suggetstion_con dd, .suggetstion_con dt {
    float: left
}

.suggetstion_con dd {
    position: relative;
    margin: 0;
    flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1
}

.suggetstion_com select::-ms-expand {
    display: none
}

.suggetstion_con textarea {
    border: 1px solid #eee;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.suggetstion_con input, .suggetstion_con select {
    box-sizing: border-box;
    width: 150px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #eee;
}

.suggetstion_btn {
    display: inline-block;
    padding: 5px 60px;
    margin: 0 auto;
    border-radius: 3px;
    background: var(--custom-primary);
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    line-height: 30px
}

.suggetstion_btn:hover {
    color: #fff
}

.phone_numb {
    position: absolute;
    width: 120px;
    height: 30px;
    color: #fff;
    bottom: 30px;
    left: 60px;
    font-size: 16px
}

#moreNav {
    position: relative
}

.morenav {
    position: absolute;
    /*width: 100px;*/
    padding: 0 20px;
    border-radius: 10px;
    background: #fff;
    z-index: 9999
}

#moreNav:hover .morenav {
    display: block
}

.morenav a {
    display: block;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400
}

#moreShop {
    position: relative
}

.moreshop {
    position: absolute;
    padding: 0 20px;
    border-radius: 10px;
    background: #fff;
    z-index: 9999
}

#moreShop:hover .moreshop {
    display: block
}

.moreshop a {
    display: block;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400
}

#moreOffice {
    position: relative
}

.moreoffice {
    position: absolute;
    padding: 0 20px;
    border-radius: 10px;
    background: #fff;
    z-index: 9999
}

#moreOffice:hover .moreoffice {
    display: block
}

.moreoffice a {
    display: block;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400
}

#product {
    position: relative
}

.moreshop {
    position: absolute;
    padding: 0 20px;
    border-radius: 10px;
    background: #fff;
    z-index: 9999
}

#product:hover .moreshop {
    display: block
}

.moreshop a {
    display: block;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400
}

.arrow {
    position: relative;
    padding-right: 15px
}

.arrow:before {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -2px;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ccc
}
.exitopacity {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .5)
}

.exited {
    padding: 20px;
    width: 200px;
    margin: 200px auto;
    background: #fff;
    color: #333;
    border-radius: 10px;
    font-size: 20px;
    text-align: center
}

.exited img {
    display: block;
    margin: 20px auto
}

#colorWhite li > a {
    color: #fff;
}

#colorWhite li.back {
    border-color: #fff;
}

#losewidth li {
    font-weight: bold;
}

.bold {
    font-weight: bold
}

.changeTemplate {
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    padding: 0 8px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    border-radius: 50px;
    height: 25px;
    line-height: 25px;
    font-weight: 400;
    font-size: 12px;
}

.leftmenu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 150px;
    padding: 20px;
    background: #fff;
    z-index: 1000;
    -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 5px 0 5px rgba(0, 0, 0, .2);
    box-shadow: 5px 0 5px rgba(0, 0, 0, .2);
}

.leftmenu .leftmenu_item {
    width: 50%;
    float: left;
    margin: 10px 0;
    text-align: center;
    font-size: 16px;
}

.leftmenu_item .leftmenu_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 auto 10px auto;
}
.tab-bd .trg-gray{position:absolute;left: 12px;top: -8px;z-index: 2;width: 0;height: 0;border-width: 4px;border-style: solid;border-color: transparent transparent #dee2e6 transparent;}
.tab-bd .trg-white{position:absolute;left: 12px;top: -7px;z-index: 3;width: 0;height: 0;border-width: 4px;border-style: solid;border-color: transparent transparent #fff transparent;}
.tab-line .trg-gray,.tab-line .trg-white{left:50px;}
.grid_local a,
.grid_local_item a,
.grid_esf a,
.grid_ysf a{
    color: #323232;
}
.grid_local a.select,
.grid_local_item a.select,
.grid_esf a.select,
.grid_ysf a.select,
.grid_local a.select,
.tab-bd a.select{
    color:var(--custom-primary);
}
.grid_ysf{
    grid-template-columns:repeat(8,1fr);
    text-align: left;
    row-gap: 0.5rem;
}
.grid_esf{
    grid-template-columns:repeat(7,1fr);
    text-align: left;
    row-gap: 0.5rem;
}
.autoInput {
    display: flex;
    align-items: center;
    height: 24px;
    gap:0.5rem;
}

.autoInput input{
    width: 5rem;
    text-align: center;
    font-size:12px;
}
.autoInput .btn-range{
    background: transparent;
    padding: 0;
    margin: 0;
    outline: none;
    border: 0;
}

.input-price{
    grid-column: 1 / -3;
}
.input-salePrice,
.input-rentPrice,
.input-area{
    grid-column: 2 / -3;
}
.filtrate_icon{
    display: flex;
    flex-direction: column;
    color: gray;
    line-height: 0.5;
}
.filtrate_icon .bi{
    font-size: 10px;
}
.qr-code {
    position: absolute;
    display: none;
    background:#fff;
    padding:0.5rem;
    border-radius: 8px;
    z-index: 4;
}
.qr-s:hover .qr-code{
    display: block;
}
.labs .lab {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    background: #F0F1F6;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #7A747E;
}
/* 随时可看 */
.labs .lab-sskk{background: #E2F3FB;color: #7B9EAC;}
/* 红本在手 */
.labs .lab-hbzs{background: #FFEEEE;color: #C97E7E;}
/* 降价 */
.labs .lab-jj{background: #E1F5ED;color: #72BA9D;}
/* 免个税 */
.labs .lab-mgs{background: #E3EEF8;color: #7B91B5;}
/* 满两年 */
.labs .lab-mln{background: #F1F5E1;color: #9FAD6D;}
/* 急售 */
.labs .lab-js{background: #FBEAF7;color: #CA8BBA;}
/* 有地铁 */
.labs .lab-ydt{background: #FFF4DC;color: #DA8D0F;}
.price-down {
    background: #EDFAEE;
    color: #37990D;
}
.card_code_banner {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 20px 0;
    position: relative;
}
.card_code_banner img {
    width: 120px;
    height: 120px;
}
.card_code_banner .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    color: #6c757d;
}
.card_code_banner .close-btn:hover {
    color: #000;
}
.card_code_banner .text-content h5 {
    margin: 0;
    font-weight: 500;
    font-size: 1.25rem;
}
.card_code_banner .text-content p {
    margin: 8px 0 0;
    color: #6c757d;
    font-size: 0.9rem;
}
.info-tips {
    /*clear: both;*/
    /*margin-top: 10px;*/
    display: inline-flex;
    align-items: center;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 0.85rem;
    font-weight: bold;
}
.price-yz {
    background: #FDF1E2;
    position: relative;
    top: -2px;
    color: #B66624;
}
.discount {
    position: absolute;
    top: 10px;
    left: -4px;
    padding: 0 8px;
    background: linear-gradient(to right, #FF795F, #FF322D);
    height: 27px;
    line-height: 27px;
}
.discount::after{  content: "";  position: absolute;top: 27px;left:0;  width: 0;  height:0;display: inline-block;border-style:solid;border-width:2px; border-color:#7E0002 #7E0002 transparent transparent}
.discount span{font-weight: 700; font-size: 13px;  color: #FFFFFF;}

.list-hx-box{
    position: relative;
    height: 0;
    padding: 0 60px;
    background: #f8f8f8;
    overflow: hidden;
}
.list-hx-box .icon-arraw{

}
.list-hx-box .list-hx-btn{
    position: absolute;
    top: 42px;
    display: block;
    width: 47px;
    height: 47px;
    background:#fff;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.list-hx-box .hxPrev{
    left: 10px;
}
.list-hx-box .hxPrev i.hx-prev{
    display: block;
    width: 47px;
    height: 47px;
    background-position: -80px -78px;
}
.list-hx-box .hxPrev:hover i.hx-prev{
    background-position: -13px -78px;
}
.list-hx-box .hxPrev.disable i.hx-prev{
    background-position: -80px -78px !important;
}
.list-hx-box .hxNext{
    right: 10px;
}
.list-hx-box .hxNext i.hx-next{
    display: block;
    width: 47px;
    height: 47px;
    background-position: -74px -10px;
}
.list-hx-box .hxNext:hover i.hx-next{
    background-position: -7px -10px;
}
.list-hx-box .hxNext.disable i.hx-next{
    background-position: -74px -10px !important;
}
.list-hx-box .list-hx-trumb{
    width: 90%;
    overflow: hidden;
}
/*.list-hx-box .list-hx-trumb ul{
   width: 100%;
}*/
.list-hx-box .trumb{
    float: left;
    overflow: hidden;
    padding: 22px 0;
}
.list-hx-box .hx-img{
    float: left;
    width: 100px;
    height: 80px;
    margin-right: 10px;
    overflow: hidden;
}
.list-hx-box .hx-img img{
    display: block;
    width: 100px;
    height: 80px;
}
.list-hx-box .hx-txt{
    float: left;
    width: 160px;
    line-height: 17px;
}
.list-hx-box .hx-dec{
    font-size: 12px;
    color: #666;
}
.list-hx-box .hx-tit{
    line-height: 20px;
    margin-bottom: 6px;
}
.list-hx-box .hx-tit strong{
    font-weight: 700;
    float: left;
    color: #333;
    margin-right: 10px;
}
.list-hx-box .hx-tit-tag{
    font-size: 12px;
    float: left;
    width: 51px;
    height: 20px;
    line-height: 19px;
    color: #fff;
    text-align: center;
    background-position: -14px -135px;
}
.list-hx-box .hx-price{
    font-size: 12px;
    margin-top: 17px;
    line-height: 17px;
}
.list-hx-box .hx-shou-price{
    color: #E03235;
    margin-right: 10px;
}
.list-hx-box .hx-shou-price b{
    font-size: 16px;
    margin-right: 3px;
}
.list-hx-box .hx-zu-price{
    color: #666;
}
.icon-new {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 10px;
    left: 10px;
    box-sizing: border-box;
}
.icon-new.bmhf {
    width: 72px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../../images/website2/bmhf.png);
}
.icon-new.icon-video {
    position: static;
    background-image: url(../../images/website2/icon_video@2x.png);
}
/*基本信息label 不要冒号，要左对齐*/
.base-label .text-black-50{
    width:70px
}

.city_card {
    position: absolute;
    line-height: 50px;
    top: 68px;
    left: 26%;
    transform: translateX(-50%);
    min-width: 20rem;
    max-width: 40rem;
    display: none;
    z-index: 1000;
}
.city_card::before {
    content: "";
    position: absolute;
    left:  50%;
    top: -6px;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: translateX(-50%) rotate(45deg);
    border-top: 1px solid #e5e7eb;
    border-left: 1px solid #e5e7eb;
    box-shadow: -2px -2px 8px rgba(0,0,0,0.1);
    z-index:-1;
}
.city_grid{
    display:flex;
    flex-wrap:wrap;
}
.city_grid a.active{
    background: var(--custom-primary) !important;
    color: #fff !important;
}
.city_grid a:not(.active):hover {
    border-color: var(--custom-primary) !important;
    color: var(--custom-primary) !important;
}

.flex-grow-1 a.select{
    border-color: var(--custom-primary) !important;
    color: var(--custom-primary) !important;
}
.news-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}


.article-card {
    border: none;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.article-card:hover {
    /*transform: translateY(-5px);*/
    /*box-shadow: 0 10px 25px rgba(0,0,0,0.1);*/
    padding: 1rem;
}

.article-image {
    position: relative;
    height: 10.88rem;
    overflow: hidden;
}

.article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.article-badge {
    position: absolute;
    top: 0.85rem;
    left: 0.85rem;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px 12px;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.article-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.8rem;
    line-height: 1.4;
}

.article-excerpt {
    color: #b6b6b6;
    line-height: 1.6;
    font-size: 0.85rem
}

.article-detail img {
    max-width: 100%;
}

.article-detail p {
    text-indent: 2em;
}

.news_main {
    height: 21.25rem;
    display: block;
}

.news_main img {
    width: 100%;
    height: 100%;
}

.news_main_title {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 1.38rem;
    padding: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.breadcrumb{
    display: flex;
}

.hot_tab a{
    cursor: pointer;
}
.hot_tab a.select{
    color: var(--custom-primary) !important;
}
/* 响应式调整 */
@media (max-width: 640px) {
    .search-wrap{
        width:95%
    }
    .btoom_f h5{
        font-size: 0.85rem;
    }
    .b_icon{
        width: 2rem;
    }
}
#property-details{
    font-size: 14px;
}
.rentPrice_unit > .unitType {
    font-size: 15px;
}