@charset "utf-8";

/*首页*/
.baner-tit{padding-left:20px;}

/*放心预订*/
.ix-fxyd .fxyd-list span {font-size: 0.975rem;display:block;padding-right:30px;word-break:auto-phrase; }

/*新闻列表*/
.pg-news-nav ul {gap: 1.25rem;}
.pg-news-nav ul li a{border-radius: 20px; background: #f2f2f2; padding: 0.7rem 1.25rem; font-size: 0.975rem; color: #333; display: block; background: #f2f2f2; transition: all 0.3s ease-in-out;cursor:pointer;}
.pg-news-nav ul li .nav-a.active{background: #000; color: #fff;}
/*.pg-news-nav ul li a:hover{background: #000; color: #fff; }*/

.pg-news-list .row{gap: 2.5rem 0rem;}
.pg-news-list .row2{gap: 0.7rem 0rem;}
.pg-news-list-box .tit .t2{color: #999; padding-top: 0.325rem;}

/*.pg-news-list-box a:hover .zsy-img img{transform: scale(1.08); }*/

/*==分页==*/
.paginator{ font-family:Arial; text-align: center; }
.paginator a { transition: all 0.36s ease;  width:36px; color: #666;  text-align:center; height:36px; line-height:36px; display:inline-block; text-decoration:none;  background:#f5f5f5;  margin:0 5px; color:#666; transition: all 0.36s ease;}
.paginator a i {display:inline-block; font-size: 16px; line-height:34px; }
.paginator a:hover { background:var(--theme-color); color:#fff !important; }
.paginator span.cpb { transition: all 0.36s ease; text-align:center;  width:36px; height:36px;  line-height:36px; display:inline-block; color:#fff; background:var(--theme-color); margin-left: 5px; }
.paginatordis{ display:none;}


/*新闻详情*/
.pg-news-deta-title .t2 .t2-a{color: #666;}
.pg-news-deta-title .t2 .t2-b{cursor: pointer; transition: all 0.3s ease;}
.pg-news-deta-title .t2 .t2-b i{font-size: 1.25rem; vertical-align: middle;}
.pg-news-deta-title .t2 .t2-b:hover{opacity: 0.5;}
.pg-news-deta-title .t2-b{cursor:pointer;transition:all 0.3s ease;float:right;}


/*公寓列表*/
.pg-apart-list .ty-hotel-list a .zsy-img img{border-radius: 0px;}
.pg-apart-list .hotel-tit{background: #f5f5f5; padding: 1.875rem; }
.group-mobile{display:none;}
.group-mobile-btn { display:none; }
/*搜索*/		

.search-box{display:flex;gap:1.25rem;}
.search-box input{flex:0.5;padding:12px 1.25rem;border:1px solid #000;border-radius:8px;font-size:0.975rem;outline:none; border-radius: 30px;}
.search-box #searchBtn{font-size:0.975rem;}
button{padding:12px 1.25rem;background-color:#000;color:white;border:none;border-radius:30px;cursor:pointer;font-size:1.25rem;font-weight: bold; transition:background-color 0.3s}
/*button:hover{background-color:#333}*/

.dropdown-menu.a1{/*width: 400px;*/ white-space:nowrap; }
.dropdown-menu.a2 img{width: 40px; height: 40px; margin-right: 0.625rem;}
.dropdown-menu.a4 li{font-weight: bold;}
.dropdown-menu.a4 li p{font-size: 1rem; font-weight: normal;}

.dropdown-container{position:relative;display:inline-block;margin-right:10px}
.dropdown-container::-webkit-scrollbar-button{display:none !important;}
.dropdown.active + .dropdown-menu::-webkit-scrollbar-button{display:none !important;}
.dropdown{background-color:#f0f0f0;border-radius:30px;padding:0.625rem 1rem;color:#333;cursor:pointer;user-select:none;display:flex;justify-content:space-between;align-items:center;font-size:0.975rem;}
.dropdown.selected{color:#000}
.dropdown::after{content:"\e648"; font-family: "iconfont"; font-size:1rem;color:#666; padding-left: 1.25rem;}
.dropdown.selected::after{content:"×";color:#666;font-weight:bold}
.dropdown-menu{display:none;position:absolute;top:4rem;left:0; /*width: 300px;*/ background:white;border:1px solid #e0e0e0;border-radius:6px;min-width:100%;list-style:none;padding:0;margin:0;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000; padding: 1.25rem; max-height: 300px; overflow: auto; }
.dropdown-menu::-webkit-scrollbar{width: 10px;height: 8px;background-color: #f6f6f6;border-radius:8px;}
.dropdown-menu::-webkit-scrollbar-track{background-color: #fff;border-radius:8px;}
.dropdown-menu::-webkit-scrollbar-thumb{background-color: #d6d6d6;border-radius:8px;}
/*.dropdown-menu.top-rounded { border-top-right-radius:6px; }
.dropdown-menu.bottom-rounded { border-bottom-right-radius:6px; }*/
.dropdown-menu li{padding:0.625rem 1.25rem;cursor:pointer; border-radius: 8px;font-size: 0.975rem;}
.dropdown-menu li:hover{background-color:#ebebeb}
.dropdown-menu li:last-child{border-bottom:none}
.dropdown.active + .dropdown-menu{display:block}
.clear-all{color:#666;cursor:pointer;}


/*公寓详情*/
.pg-apart-deta-head .t2-a span{padding: 0.2rem 1rem; border-radius: 20px; color: #666;  background-color: #fff; border: solid 1px #666; transition: all 0.36s ease;font-size:0.975rem;cursor:pointer;}
/*.pg-apart-deta-head .t2-a span:hover{background: #666666;color: #fff;cursor:pointer;}*/
.pg-apart-deta-head .t2-a{gap: 0.55rem;}

.pg-apart-deta-head .t2{gap: 1.25rem 0rem;}

.pg-apart-deta-head .t2-b{cursor: pointer; transition: all 0.3s ease;float:right;}
.pg-apart-deta-head .t2-b i{font-size: 1.25rem; vertical-align: middle;}
.pg-apart-deta-head .t2-b span{font-size: 0.975rem; vertical-align: middle;}
/*.pg-apart-deta-head .t2-b:hover{opacity: 0.5;}*/

.pg-apart-deta-img a{border-radius: 15px; display: block; overflow: hidden;}
/*.pg-apart-deta-img a:hover .zsy-img img{transform: scale(1.08); }*/
.pg-apart-deta-img-tit{ color: #999;font-size:0.975rem; }

.padi-img-right{gap: 0.7rem 0rem;}
.pg-apart-deta-img>.row{align-items: flex-start;}

.pg-apart-deta-img{position: relative;}
.pg-apart-deta-img-more{position: absolute; right: 1.25rem; bottom: 6rem;}
.pg-apart-deta-img-more a{transition: all 0.36s ease; border: solid 1px #000; border-radius: 20px; background: #fff; font-size: 1.025rem; padding: 0.2rem 1.25rem; color: #000;}
/*.pg-apart-deta-img-more a:hover{background: #000; color: #fff;}*/
.mobile-apartment{display:none;}
.t16,t16 *{ font-size:0.975rem; }
.shop-img-t1 .col-6{ width:100% !important; }
.fwgz-box .pg-text{font-size:0.975rem;}
/*左边*/
.pg-ap-more a{text-decoration: underline;  color: #000;  transition: all 0.36s ease;font-size:0.975rem;font-weight:600;}
/*.pg-ap-more a:hover{opacity: 0.5;}*/
.sticky-placeholder{display:none;height:0}
.sticky-placeholder.active{display:block}

.paxl-line{border-top: solid 1px #e0e0e0;}
.paxl-line .paxl-span{font-size:0.975rem;}
.paxl-line,.paxl-line_text{font-size:0.975rem;}
.paxl-2-tit{text-align: center; padding-top: 0.625rem;font-size:0.975rem;}
.paxl-2-img{text-align: center;}
.paxl-2-img img{width: 2.825rem; height: 2.825rem; margin: 0px auto;}

.paxl-3-tit{text-align: center; padding-top: 0.625rem;text-decoration: underline;font-size:0.975rem;}
.paxl-3 a{transition: all 0.36s ease;}

.paxl-3-img{text-align: center;}
.paxl-3-img img{width: 65px; height: 65px; margin: 0px auto;border-radius:6px;}
/*.paxl-3 a:hover{opacity: 0.5;}*/

.paxl-5-row{gap: 1.25rem 0rem;}
.paxl-5-box{align-items: center;}
.paxl-5-box img{width: 2.125rem; height: 2.125rem;}
.paxl-5-box span{ font-size:0.975rem; }


.tag-group{background-color:#f0f0f0;border-radius:20px;padding:0.7rem 1.25rem;}
.tag-group span{ font-size:0.975rem; }
.tag-group span::before{content:"|";color:#999;margin:0 8px}
.tag-group span:first-child::before{display:none}

/*右边*/
.choice-box-t1{display: inline-block; padding: 0.3rem 1.25rem; background-color: #666; border-radius: 10rem; font-size: 0.975rem; color: #fff;}
.choice-box-t2{font-size:0.975rem;}
.btn-group-custom{display:flex;border:0.3px solid #d7d7d7;border-radius:12px; overflow:hidden;border-radius:30px;}
.btn-custom{border:none;padding:0.625rem 0rem; border:2px solid #fff; border-radius: 30px; line-height: 120%; color:#000;cursor:pointer;transition:all 0.3s ease;flex:1;text-align:center;font-size:0.975rem;}

.btn-custom.active{/*background-color:#000;color:#fff;*/border:2px solid #000;/*border-top:0;border-bottom:0;*/border-radius:30px; /*border-right:3.25px solid;border-left:3.25px solid;border-top:3.25px solid;border-bottom:3.25px solid;*/}
.choice-box{position: sticky; top: 135px; }
.choice-box-wp{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.choice-box.is-sticky{position:fixed;top:20px;right:20px;width:300px;z-index:1000;border:1px solid #ddd;box-shadow:0 8px 24px rgba(0,0,0,0.15)}
.btn-book-now{text-align: center; width:100%;border-radius:20px;background-color:#000;color:#fff;font-weight: normal; border:none;padding:0.625rem;cursor:pointer;transition:all  0.3s ease;}
/*.btn-book-now:hover{opacity: 0.5;}*/

.original-price{color:#999;text-decoration:line-through;font-size:0.975rem;}
.amenities-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.flatmate-tag{background:#f0f0f0;border-radius:20px;padding:6px 12px;font-size:0.85rem;color:#333;display:inline-block}

/*移动端价格提交*/
#ydxq-frommonth .choice-box-wp{ border:0;box-shadow:0 0px 0px rgba(0,0,0,0); }
#ydxq-frommonth .choice-box-wp .choice-box-price{position:relative;}
#ydxq-frommonth .choice-box-wp .choice-box-price::after{ content: '';position: absolute;bottom: 0;left: -15px;right: -15px;height: 1px;background-color: #ebebeb;transform: scaleY(0.9); }

/*底部*/
.apartment-footbtn{position:fixed;bottom:0;left:0;width:100%;background:#fff;z-index:900;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.apartment-footbtn .apartment-footbox{display:flex;justify-content:space-between;align-items:center;}
.apartment-footbtn .apartment-footcheckbtn{transition:all 0.36s ease;display:block;width:8.25rem;border-radius:30px;background-color:#000;color:#fff;font-size:1.05rem;text-align:center;padding:0.9rem 0rem;font-weight:bold;}
.apartment-footbtn .apartment-footcheckbtn a{color:#fff;}

/*公寓地图*/
.image-container{width:100%;border-radius:6px;overflow:hidden;position:relative}
.image-container img{width:100%;height:auto;display:block}
.info-panel{position:absolute;top:1.25rem;right:1.25rem;width:500px; height: calc(100% - 2.5rem); overflow: auto; background:white;border-radius:20px;/*box-shadow:0 6px 20px rgba(0,0,0,0.1);*/padding:16px;max-height:550px;overflow-y:auto;z-index:10}
.info-panel h5{margin:0 0 10px 0;color:#333;font-size:1rem;font-weight:600}
.info-panel ul{list-style:none;padding:0;margin:0}
.info-panel li{padding:0.625rem 0rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}

.info-panel .name{font-weight:500;color:#333;flex:0.9;margin-right:0.625rem; font-weight: normal;}
.info-panel .time{font-size:0.975rem;color:#000; font-weight: bold;}
.info-panel .distance{font-size:0.975rem;color:#333}
.info-panel .icon{width:14px;height:14px;margin-right:4px;vertical-align:middle}

.tabs{display:flex;gap:0.625rem 1.25rem;list-style:none;flex-wrap:wrap}

.tab-button{border: solid 1px #666; font-size: 0.975rem; padding:0.2rem 1.25rem; color: #666; background-color:#fff;border-radius:20px;cursor:pointer;transition:all 0.3s ease; font-weight: normal;}
.tab-button.active{background-color:#666666;color:#fff}
/*.tab-button:hover:not(.active){background-color:#666666; color: #fff;}*/
.content{display:none}
.content.active{display:block}

.pg-map-list .map-xx i{font-size: 0.8rem; font-weight: bold;}
.pg-map-list .map-xx{text-align: right; line-height: 100%;}
.pg-map-list .map-xx .distance{color: #999;}

/*图片组合详情*/
.shop-img-xg a{border-radius: 20px; display: block; overflow: hidden;}
.shop-img-xg a img{transition: all 0.36s ease;}
/*.shop-img-xg a:hover img{transform: scale(1.08);}*/
.row-15{--bs-gutter-x: 1.25rem;}

.shop-img-video a {position: relative;}
.shop-img-video a i{position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 3.75rem; color: #fff; transition: all 0.36s ease;}
.shop-img-video a::after{ z-index: 1; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; right: 0; top:0;}


/*公寓弹窗详情*/
.fs-5{font-size: 1.05rem!important;}
.modal-body{padding:1.875rem 1.65rem;}
.modal-body .sbss-box-list .sbss-box-head{font-weight:bold;}
.modal-body .form-control:focus{ border-color:#000;box-shadow:none; }
.modal-body .form-select:focus{ border-color:#000;box-shadow:none; }
.modal-body .btn:hover{ color:#fff;background-color:#000;border-color:#000; }
.modal-body .modal-box_text {
    font-size: 0.975rem;
}
.apart-modal .modal-content{border-radius:21px;}
.apart-modal .modal-header{ background: #000; color: #fff; border-radius: 20px 20px 0px 0px; padding: 1.25rem 1.25rem}
.apart-modal .modal-header .btn-close{color: #fff;  --bs-btn-close-bg: url(../images/gb.png); opacity: 1;}

.apart-modal-jg{position: relative;display: flex; align-items: center;}
.apart-modal-jg img{ width: 2.25rem; height: 2.25rem; margin-right: 0.625rem;}
.apart-modal-jg .t1{ font-size:0.975rem;}

.sbss-box-list .row{gap: 1.25rem 0rem;}

.fwgz-box-list .fwgz-li ul li {padding: 1rem 0rem; border-bottom: solid 1px #e0e0e0;}
.fwgz-box-list .fwgz-li ul li:last-child{border-bottom: none;}
.fwgz-box-list .fwgz-li ul li img{width: 1.5rem; height: 1.5rem; margin-right: 0.625rem; vertical-align: middle;}

.ydxq-box .input-group>.form-select{flex: 0.2 1 auto;}
.ydxq-box .input-group>.form-control { flex: 0.8 1 auto;}
.form-label span{color: #d73226; display: inline-block; margin-left: 0.3rem;}
.ydxq-box-wz a{text-decoration: underline;}

.ydxq-an{padding: 0.625rem; min-width: 7.5rem; color: #fff; background-color: #000; font-weight: normal;border-radius:20px;}

.ydxq-ok-box-t1 .t1 i{font-size: 5rem;color: #666666;}
.ydxq-ok-box-t2 .t1 img{display: inline-block; padding-right: 0.5rem;}
.pg-hxjzg-tit{gap: 1.875rem 0rem;padding-left:20px;}


/*滚动监测*/
.pg-gdjc{display: none; border-radius: 0px; position: fixed; width: 100%; top: 0; left: 0; z-index: 11; background: #fff; border-bottom: solid 1px #e0e0e0; }
.pg-gdjc .ty-flex{gap: 0rem 1.87rem;}
.pg-gdjc .ty-flex a{display: block;  padding: 1.75rem 0rem; position: relative;}
.pg-gdjc .ty-flex a::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 3px; background: #000; transition: all 0.36s ease;border-top-left-radius:6px;border-top-right-radius:6px;}

.pg-gdjc .ty-flex a.active::after{width: 100%;}
/*关于我们*/
.pg-hxjzg .row{gap: 2.5rem 0rem;}
.pg-hxjzg-box{padding: 2.5rem 1.875rem; background: #fff; border-radius: 20px; min-height: 180px;}
.pg-hxjzg-box .t1 span{font-size: 1.75rem; font-weight: bold;}
.pg-hxjzg-box .t1 b{font-size: 1.75rem; font-weight: bold; display: inline-block; padding-left: 0.325rem;}
.pg-hxjzg-box .t2{padding-top: 0.625rem;}
.pg-hxjzg-img img{border-radius: 20px;}
.pht-li{width: 100%;}

/*位置*/
.pg-wz i{display: inline-block; padding: 0px 0.3rem; font-size: 0.88rem;}

/*FAQS*/
.pg-faq-box .row{gap: 2.5rem 0rem;}
.pg-faq-box a{text-decoration: underline; display: block;font-size:0.975rem;}

.pg-faq-list{padding: 2.5rem 0rem; border-bottom: 1px solid #191919;}
.pg-faq-list .t1{padding-bottom: 0.625rem;}
.pg-faq-list .t2{font-size:0.975rem;}



/*FAQ列表*/
.pg-faq-deta-title .t0{padding-bottom: 0.625rem; color: #666; position: relative; }
.pg-faq-deta-title .t1{position: relative; padding-right: 7rem;}
.pg-faq-deta-title .t1 .t2-b{font-size: 0.975rem; cursor: pointer; transition: all 0.3s ease; font-weight: normal; position: absolute; right: 0; top: 0;;}
.pg-faq-deta-title .t1 .t2-b i{font-size: 1.25rem; vertical-align: middle;}
.pg-faq-deta-title .t1 .t2-b:hover{opacity: 0.5;}
.pg-help-box .t2 a{text-decoration: underline;}
.pg-help-box .t2 a:nth-child(2){padding-left: 1.25rem;}

/*网站地图*/
.pg-webmap ul li h1{ font-size:23px;padding-bottom:20px;border-bottom:1px dashed #747474; }
.pg-webmap ul li p.webmap-p{ margin:20px 0; }


@media (max-width: 1540px){
    .pg-apart-deta-img-more{position:absolute;right:1.25rem;bottom:7.5rem;}
}

@media (max-width: 1100px){

    /*首页*/
    .baner-tit{padding-left:0px;}
    .baner-tit .t2{font-size: 1.25rem; line-height: 120%;}

   /*cookies*/
   .ty-cookies-tit{width: 100%; padding-bottom: 1.25rem;}
   .ty-cookies-an{width: 100%;}
   .padi-img-right{padding-top:10px;}
   .group-pc-btn { display:none; }
   .group-mobile-btn { display:block !important; }
   .pg-ap-more{margin-bottom:20px;}
   .pg-apart-deta-img-more{position:absolute;right:1.25rem;bottom:7.5rem;}
   .ix-fxyd_mb{margin-bottom:20px;}
}

@media (max-width: 1060px){
    
}

@media (max-width: 790px){
    .pg-apart-deta-img-more{position:absolute;right:1.25rem;bottom:9.5rem;}
 
}


@media (max-width: 640px){

/*首页*/
.baner-tit{padding-left:0px;}
    /*通用*/
    .pg-hxjzg .row, .pg-faq-box .row{ gap: 1.875rem 0rem;}
    .pg-news-list .row{ gap:2.375rem 0rem; }
    .tabs{flex-wrap:nowrap;}

.pg-hxjzg-box{min-height:initial;}

/*公寓列表*/
.search-box input{flex: 1;}
.group-pc{display:none;}
.group-mobile{display:block;}
.form-group .dropdown-container{width: 100%;  padding-bottom: 1.25rem;}
.form-group{}
.dropdown{user-select:none;max-width:120px;}
.dropdown::after{content:"";padding-left:0;}
.group-mobile .swiper-wrapper{ display:flex;gap:8px;flex-wrap:nowrap; }
.group-mobile .swiper-slide{ flex:none;width:auto; }
/*FAQlist*/
.pg-faq-list{padding: 1.875rem 0rem;}
.col-6{width:25% !important;}
/*公寓详情*/
.pg-gdjc .ty-flex a{padding: 0.975rem 0rem;}
.padi-img-right{padding: 0rem 0.625rem; padding-top: 1.25rem;  gap: 1.25rem 0rem;}
.padi-img-right .col-6{padding-left: 0.625rem; padding-right: 0.625rem;}
.ix-pg-mobile_img{display:none;}
.pg-apart-deta-img-more{bottom:9.3rem;right:13px; }
.pg-apart-deta-img-more a{padding: 0.3rem 0.625rem;/*border-top-right-radius:0;*/}
.paxl-2 .row, .paxl-3 .row, .paxl-5 .row, .pg-apart-things .row{gap: 1.25rem 0rem;}
.info-panel{position: static; width: 100%; max-height: 300px;}
.pg-apart-things .row .t2{padding-bottom: 0.325rem;}
.apart-modal .modal-title_h1{margin-left:0;}
.sbss-mobile_wt{width:100% !important;}
.pc-apartment{display:none;}
.apartment-footroom p:nth-child(2){font-weight:normal;color:#666;}
.mobile-apartment{display:block;}
.mobile-apartment .swiper-wrapper{ display:flex;gap:8px;flex-wrap:nowrap; }
.mobile-apartment .swiper-slide{ flex:none;width:auto; }

/*新闻详情*/
.hotel-mt{padding-top:30px;border-top:1px solid #dedede;}
/*联系我们*/
.pg-hxjzg-tit{padding-left:0;}
}

@media(max-width:420px){
    .pg-apart-deta-img-more { bottom: 11.3rem;right: 13px; }
}

@media(max-width:350px) {
    .pg-apart-deta-img-more { bottom: 13.3rem;right: 13px; }
}