@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
@media only screen and (max-width: 1360px){
	.navul li>a{  padding:0 6px;}
}
/** max-width:1200 **/
@media only screen and (max-width: 1200px){
.wp{ width:94%;}
.loarea .wp{ width: 94%;}
.nav{ display:none;}
.menubtn{ display:block;} 
.loarea{ height:50px;}
.logo{ width:70px; height: 50px; }
.logo .tp{ height:32px;}
.logo .tp2{ height: 15px;}
.topOpa{ margin-left: auto; margin-right: 50px; padding: 2px;}
.inav{ display: block;}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.banimg{ width:150%; max-width: 150%; margin-left: -25%;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.bigimgw100 .tp{ width: 150%; max-width: 150%; margin-left: 25%;}

.cartActions {
    justify-content: center;
}
.cartSummary{margin-left: 2.5%;}
.cartCheckoutBtn{
    margin-left: 2.5%;
}

}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
    
body,input,textarea,select,button{ font-size: 0.22rem;}
body{ background-color:#fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.mt10{ margin-top: 0.10rem;}
.mt15{ margin-top: 0.15rem;}
.mt20{ margin-top: 0.20rem;}
.mt25{ margin-top: 0.25rem;}
.mt30{ margin-top: 0.30rem;}
.mt35{ margin-top: 0.35rem;}
.mt40{ margin-top: 0.40rem;}
.mt45{ margin-top: 0.45rem;}
.mt50{ margin-top: 0.50rem;}
.mt60{ margin-top: 0.60rem;}
.mt70{ margin-top: 0.70rem;}
.mt80{ margin-top: 0.80rem;}
.mt90{ margin-top: 0.9rem;}
.mt100{ margin-top: 1rem;}
.rd2{ border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.rd3{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.rd4{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.rd5{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.rd6{ border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.rd8{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.rd10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.rd12{ border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.rd15{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.rd18{ border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; }
.rd20{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.rd25{ border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.sbtn{ font-size: 0.22rem;}
.logo .tp2{ display: none;}
.banner .swiper-pagination{ bottom:0.1rem !important; }
.banner .swiper-pagination-bullet{width:0.15rem;height:0.15rem; margin:0 0.05rem !important;}
.topOpa .btn{ font-size: .2rem; padding: 0.4em 0.8em; }
.topOpa .btn .icon{ width: .36rem; height: .36rem; margin-right: 0.1rem;}
.homeBanner{ overflow: hidden;  }
.homeBanner .tp{ width: 190%; max-width: 190%; margin-left: -45%;}
.homeBanner .inner .btnarea{ /*width: 1.5rem;*/ width: 80px; padding: .12rem .26rem;}
.homeBanner .inner .btnarea .tit{ /*height: .52rem;*/height: 30px;}
.homeBanner .inner .btnarea .opa{ margin-top: .12rem;}
.homeBanner .inner .btnarea .opa a{ font-size: .18rem;}
.homeBanner .inner .btnarea .icon{ width: .52rem; height: .52rem; }
.homeBanner .inner .btnarea1{ right: 0.2rem; top: 40%; }
.homeBanner .inner .btnarea1 .icon{ left: -0.48rem; bottom: -0.13rem;}
.homeBanner .inner .btnarea2{ left: 18%; bottom:1rem; }
.homeBanner .inner .btnarea2 .icon{ right: -0.6rem; bottom: -0.5rem}
.h_reserve .wp,.h_display .wp,.h_inn .wp,.h_lasource .wp,.h_pro .wp,.h_contact .wp{ width:80.8%;}
.h_reserve{ margin-top: -0.4rem;}
.h_reserve .wp{ padding: .22rem .2rem;font-size: .22rem; display: flex; flex-wrap: wrap;}


/* .gotop{ width: 0.36rem; height: 0.36rem;line-height: 0.36rem;  right: 0.2rem; bottom: 0.2rem; } */
.h_display{ padding-bottom: 1rem; padding-top: 0.8rem;}
.h_tit{ padding: 0.5rem 0; font-size: 0.34rem;}
.h_tit .info{ font-size: .22rem; margin-top: .14rem;}
.hdisplaySlide{ padding-bottom: .5rem !important; }
.hdisplaySlide .swiper-pagination-bullet{width:.18rem;height:.18rem;}
.h_tit2{ padding: .45rem 0;}
.h_inn{ padding: 0 0 .6rem;} 
.h_inn .item:nth-child(2n+1) .intro{ border-width: 0.06rem;}
.h_inn .h_tit2 .tp{ height: .76rem; }
.h_inn .intro .inner{font-size: .2rem; }
.h_inn .intro .mandiv .sbtn{ font-size: .2rem;}
.h_inn .tparea .tp{ aspect-ratio: 200/130; object-fit: cover;}

.h_lasource{ padding-bottom: 1.2rem;}
.h_lasource .h_tit2 .tp{ height: 0.8rem;}
.h_lasource .intro{ position: relative; width: 50%; margin: -12% 9.6% 0 auto;}
.h_lasource .intro .wp{ width: 100%; max-width: 100%;}
.h_lasource .tparea .tp{ aspect-ratio: 375/200;}
.h_lasource .desc{font-size: .24rem;padding:.3rem .4rem; position: static; width: 100%;font-size: 0.2rem;}
.h_lasource .desc .nr{ margin-top: .25rem; font-size: 0.2rem;}
.h_lasource .desc .time{ margin-top: .25rem;font-size: 0.2rem;}

.h_pro{ padding: 1.2rem 0;}
.hpproItem{ width: 98%;}
.hpproItem:nth-child(n){ margin-right: 0;}
.hpproItem .name{ border-top: .12rem solid #79BBF8; font-size: .24rem;  padding: 1em 0;}
.hpproItem .des{ padding: .3rem .1rem; font-size: .24rem; }
.hpproItem .des .tit{ height: auto;}

.h_contact{ padding-top: .4rem;}
.h_con,.h_add,.h_map{ width: 100%; margin-right: 0%; margin-bottom: 0.3rem;}
.h_con>.line{ top: -0.06rem;}
.h_con .inner{ padding: .8rem 10%;}
.h_con .inner .tit{ font-size: .36rem;}
.h_con .inner .line{ width: .66rem; height: .05rem; }
.h_con .inner .nr{ font-size: .24rem;  }
.h_add{ padding-bottom: .34rem;} 
.h_add .desc{ padding: 0 .14rem;}
.h_add .tit{ font-size: .3rem;}
.h_add .nr{ font-size: .22rem; margin-top: .14rem;}
.h_add .info{ padding: .15rem .1rem; margin-top: .3rem;}
.h_add .info .list{ padding-left: .3rem;} 
.h_add .info .list::after{ width: .12rem; height: .12rem;}

.footer{ padding: .3rem 0 .4rem;}
.f_t{ flex-wrap: wrap;}
.fnav{  min-width: 100%; text-align: center;}
.fnav a{ font-size: .24rem; padding: 0 .2rem; margin:0 .1rem;}
.fnav a::after{ width: .06rem; height: 100%; }
.flink{ width: 100%; margin-top: 0.2rem; text-align: center;}
.flink a{  font-size: .24rem; padding: .05rem .15rem;  margin-left: .1rem;}
.flink a .icon{height: .36rem; }
.f_b{   margin-top: .4rem;}
.copyright{ font-size: .24rem;}
/* 手机端布局：两个日期框在左边，info和tj在右边 */
.h_reserve .left-section{ width: 48.5%; margin-right: 3%; display: flex; flex-direction: column;}
.h_reserve .right-section{ width: 48.5%; display: flex; flex-direction: column; justify-content: space-between;}
.h_reserve .item{ width: 100%; margin-right: 0; margin-bottom: 0.15rem;}
.h_reserve .item .attrmc{width:1.3rem; font-size: .18rem; margin-right: 10px;}
.h_reserve .item .attrval .text{ padding: 0 .15rem; height: .5rem; line-height: .5rem;}
.h_reserve .item .attrval .calendar-icon{ display:block;width: 18px;
        right: 7px;
        top: 50%;
    }
.h_reserve .item:last-child {
    margin-bottom: 0;
}
.h_reserve .info,.h_reserve .tj{  margin-top: 0; justify-content: flex-start; width: 100%;}
.h_reserve .info{margin-right: 0; margin-bottom: 0.15rem;}
.h_reserve .info .list{margin: 0 5% 0 0; }
.h_reserve .info .list .icon{ margin-right: .08rem;}
.h_reserve .tj{ margin-left: 0;}
.h_reserve .tj .sbtn{ border-width: 1px; font-size: 0.22rem;}



}
/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
}
/** width:960px **/
@media only screen and (max-width: 1023px){
.i_main{ min-height: 0;}
.i_ban .tp{ width: 150%; max-width: 150%; margin-left: -25%;}
.lm a{ font-size: 16px;}



}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){
.banIntro .tit{ font-size: 0.66rem; }
.banIntro .line{ width: 1.2rem; height: 2px; }
.banIntro .subtit{ font-size:0.22rem; margin-top: 0.1rem;}
.turnpage a,.turnpage .span{ display: none;}
.turnpage .point{ display:inline-block; padding:0.1rem 0.3rem;margin:0 0.1rem; }
.turnpage .point .iconfont{ font-size:0.26rem;}


.store{ padding: .9rem 0;}
.sort{  font-size: .24rem;}
/* .sort .mc{ padding: 0.4em 1em; width: 100%; box-sizing: border-box;} */
.sort .wrap{ }
.sort .mc,.sort .a{ margin:0 0.08rem 0.08rem 0;}
.i_tit{ font-size: .28rem; margin-top: .5rem; padding: .25rem 0; }
.storeItem{ width: 48.5%; margin: 0 3% .6rem 0;}
.storeItem:nth-child(2n){ margin-right: 0;}
.storeItem .des{  padding: .2rem 0;}
.storeItem .des .tit{ font-size: .24rem;}
.storeItem .des .info{ font-size: .24rem;}
.storeItem .des .price{ font-size: .24rem; margin-top: .08rem;}
.storeItem .des .collBtn{ margin-left: .2rem; font-size: .34rem;}

.reserver_menu{ padding: 2rem 0;}
.reserver_menu .item{ margin-top: 1.6rem;  width:47% ;}
.lasource{ padding: .6rem 0;}
.lasource .h_tit2 .tp{ height: 1rem;}
.lasourceItem .des{ padding: .24rem .3rem; font-size: .28rem;}
.lasourceSlide{ padding-bottom: .7rem !important; }
.lasourceSlide .swiper-pagination-bullet{width:.18rem;height:.18rem; margin:0 .12rem !important;}

.goods{ padding: .6rem 0;}
.goods .h_tit2 .tp{ height: 0.5rem;}
.goodsItem{ width: 48%; margin: 0 4% 4% 0;}
.goodsItem:nth-child(3n){ margin-right: 4%;}
.goodsItem:nth-child(2n){ margin-right: 0%;}
.goodsItem .des{ padding: .1rem 0 0.1rem .1rem; font-size: .24rem; }
.goodsItem .des .cartBtn{ font-size: .4rem;  width: .5rem; height: .5rem;}


.account{  padding: 0.28rem 0.28rem 30px; }
.backHome a{ font-size: 0.22rem;}
.backHome a::before{ font-size: 0.24rem; margin-right: 0.24rem;}
.accTitle{margin-top: 0.24rem; padding: 0.28rem 0;}
.acc_tit{  font-size: 0.36rem;}
.acc_subtit{  font-size: 0.24rem; margin-top: 0.08rem;}
.formItem{ margin-bottom: 0.15rem;}
.formItem .attrmc{ font-size: 0.24rem;}
.formItem .attrval .text{ padding: 0 0.2rem; height: 0.8rem; line-height: 0.8rem;}
.formItem .attrval .textarea{ padding: 0.15rem 0.2rem; height: 2rem; }
.formConfirm { text-align: center;}
.formConfirm .sbtn{ font-size: 0.24rem;}
.formConfirm .sbtn .iconfont{ margin-left: 0.3rem; font-size: 0.22rem;}
.backPrev{ padding: 0.3rem 0; font-size: 0.24rem;}
.account .forget{ margin-top: 0.15rem;}
.noAccount{ font-size: 0.24rem; margin-top: 0.35rem;}
.passwordInput .iconfont{ font-size: 0.24rem; right: 0.24rem;  }
.yzm .text{ padding-right: 1.28rem;}
.yzm .sendBtn{ font-size: 0.22rem;right: 0.28rem;}

.policy{ padding: .5rem 0 .8rem;}
.policy .title{ font-size: .28rem;} 
.policy .nr{ margin-top: .35rem;}
.policy .tit{ font-size: .28rem; }
.policy .wz{ font-size: .24rem;}

.wel_exit .wel{ font-size: 0.32rem; }
.wel_exit .exitBtn{ font-size: 0.24rem;}
.lm2{ margin-top: 0.4rem;}
.lm2 a{  padding: 0.22rem 0.3rem; }
.lm2 .tparea .icon{ width: 0.66rem; height:0.66rem;}
.lm2 .tit{ font-size: 0.32rem; }

.m_rim{ padding: 0.1rem 0.3rem 0.3rem;}
.i_tit4{ font-size: 0.36rem;} 
.resverForm{ margin-top: 0.3rem; }
.resverForm .row .formItem{width: 100%;}


.bookHisItem{ padding: .14rem .3rem .14rem;  }
.bookHisItem .row1{ padding: .18rem 0; display: block;}
.bookHisItem .row1 span{ font-size: .24rem;}
.bookHisItem .row1 .type{ font-size: .2rem;}
.hisItem a{ padding: .3rem 0rem; }
.hisItem .tparea{ width: 1.4rem; margin-right: .2rem;}
.hisItem .tparea .tp{ width: 100%; height:1.1rem;}
.hisItem .des .tit{ font-size: .22rem;}
.hisItem .des .limit{ font-size: .22rem; margin-top:.1rem; }
.hisItem .des .info{ margin-top: .04rem;}
.hisItem .des .info .span{ font-size: .22rem; margin-right: .2rem;}
.hisItem .des .info .span .icon{ height: .24rem; margin-right: .08rem;}
.hisParams{ padding: .14rem 0;}
.hisParams .list{ padding: .08rem 0;}

.i_tit2 .subtit{ font-size: .22rem;}
.i_tit2 .tit{ font-size: .4rem;}
.companyInfo .attrmc ,.companyInfo .attrval{font-size: .24rem; padding: .3rem 0 .3rem .1rem; }
.companyInfo .attrmc{ margin-right: .25rem;}

.artHeader .tit{ font-size: .3rem;}
.artHeader .info{ margin-top: .2rem;}
.artHeader .info .span{ font-size: .18rem;}
.artBody{ padding: .5rem 0; }
.artBody .wz{ font-size: .22rem;}

.mstep{  padding: .6rem 0;}
.mstep .linebg{width:100%; height:.04rem; top:.1rem;}
.mstep .item .num{ width:.06rem; height:.06rem;border: .03rem solid #CDCDCD;}
.mstep .item p{ margin-top:.06rem; font-size:.2rem; }
.mstep .item .num::after,.mstep .item .num::before{  width:1rem; height:.03rem; }
.mstep .item .num::after{ right:.2rem;}
.mstep .item .num::before{ left:.2rem;}
.goodsAppoint a{ padding: .28rem; display: block;}
.goodsAppoint .tparea{ width: 100%; margin-right: 0rem; }
.goodsAppoint .tparea .tp{  height:auto;}
.goodsAppoint .des{ margin-top: 0.3rem; min-width: 100%;}
.goodsAppoint .des .tit{ font-size: .28rem;}
.goodsAppoint .des .limit{ font-size: .24rem; }
.goodsAppoint .des .info{font-size: .24rem;}
.goodsAppoint .des .timerange::after{ left: .1rem;}
.goodsAppoint .des .timerange .list{ padding:.02rem 0rem .02rem .4rem;font-size: .24rem;}
.goodsAppoint .des .timerange .list .icon{ width: .3rem;  } 
.resverDetail{padding: 0 .3rem; margin-top: .32rem;} 
.resverDetail .i_tit4{ font-size: .28rem;}
.reserveTotal{padding: .28rem; margin-top: .32rem;}
.reserveTotal .price{font-size: .28rem}
.reserveTotal .price .num{ font-size: .34rem;}
.reserveTotal  .payWay{ padding-top: .3rem; margin-top: .3rem; flex-wrap: wrap;}
.reserveTotal  .payWay .mc{  font-size: .24rem; margin-right: 0.1rem; }
.reserveTotal  .payWay .wrap{ }
.reserveTotal  .payWay .wrap .list{ width: .6rem; height: .44rem; margin-right: .1rem; }
.reserveTotal  .payWay .sbtn{  font-size: .24rem; padding: 0.4em 1em;}
.backPrev{  padding: .5rem 0; font-size: .24rem;}


.prodel{ padding: .4rem 0; width: 94%;}
.pdt{ display: block;  }
.sdSlide{ width: 100%; margin-right: 0rem;}
.trvalIntro{ margin-top: 0.3rem;}
.trvalIntro .tit{ font-size: .3rem;}
.trvalIntro .collBtn{ font-size: .4rem;}
.trvalIntro .price{ margin-top: .26rem; }
.trvalIntro .price .mc{ font-size: .24rem;}
.trvalIntro .price .num{ font-size: .3rem;  }
.trvalIntro .integral{ margin-top: .16rem; }
.trvalIntro .integral .num{ font-size: .24rem;  }
.trvalIntro .paramsItem{ padding: .08rem 0; margin-bottom: .14rem;}
.trvalIntro .paramsItem .tit{ font-size: .24rem;}
.sizeStyle{ margin-top: .08rem;}
.sizeStyle .list{ margin-right: .2rem; }
.textNumber{ width: 2rem;}
.textNumber .text{ width: 1rem; height: 0.5rem; line-height: 0.5rem;}
.textNumber .btn{ width: .5rem; height: .5rem; font-size: .26rem; line-height: .5rem;}
.trvalIntro .mandiv{ margin-top: .5rem;}
.trvalIntro .mandiv a{ font-size: .24rem;margin-bottom: .14rem;}
.trvalIntro .mandiv a .icon{ width: .24rem; margin-right: .12rem;}
.gallery-top2 { height: 6rem; }
.gallery-top2 img{  width: 90%; margin-left: 10%; }
.gallery-thumbs2 { height: 0.8rem;margin: 0.15rem 0rem 0!important;}
.gallery-thumbs2 .swiper-slide .tp{ height: 0.72rem; padding: 0.15rem 0; }
.pdtSlideWrap2 .swiper-button-prev,.pdtSlideWrap2 .swiper-button-next{ width: 0.24rem; height:0.8rem; line-height: 0.8rem; }
.pdtSlideWrap2 .swiper-button-prev .iconfont,.pdtSlideWrap2 .swiper-button-next .iconfont{ font-size: 0.24rem;  }

.pdb{ margin-top: .4rem;}
.pdbTit .list{width: 50%; font-size: .24rem;}
.pdbContent{ margin-top: .3rem;}
.pdbBox{ font-size: .16rem;}
.salon{ padding-top: 1.2rem; }
.salon::after{  height: 1rem;}
.cardwrap .card{ width: 100%; }
.cardSlide{ margin-top: 1rem;  }
.inviteItem .des{ padding: .35rem .22rem; font-size: .24rem; border-top: .09rem solid #B8A995;}
.inviteItem .des .mc{  font-size: .24rem; width: 1.2rem;margin-right: .14rem;}
.inviteItem .des .box{ font-size: .26rem;}
.inviteItem .des .box .tit{ margin-top: .2rem;min-height: 0rem;}
.inviteItem .mandiv{ padding: .1rem .22rem; margin-top: .6rem;}
.inviteItem .mandiv .morea{ font-size: .26rem;}

.invitation{ margin-top: 0.5rem;}
.invitation .title{ font-size: .26rem;}
.invitation .wrap{ padding: .2rem .3rem .08rem;}
.invitation .inviteItem{ width:100%; font-size: .26rem;  margin:0 0% 2% 0;}
.invitation .inviteItem:nth-child(n){ margin-right: 0;}
.invitation .inviteItem .attrmc{ width: 3em; padding-left: .15rem; margin-right: .15rem;}
.invitation .inviteItem .text{ font-size: .24rem; height: .6rem; line-height: .6rem;}
.invitation .inviteItem .unit{right: .15rem; }
.invitation .agree .checkbox{ margin-right: .15rem;}
.invitation .tip{ padding: .2rem 0;}
.invitation .formConfirm{ margin-top: .2rem;}
.invitation .formConfirm .sbtn{ font-size: .28rem;}

.bigImg{ margin: 1rem 0;}
.b_l{ width: 100%; margin-right:0rem;}
.b_r{ margin-top: 0.3rem;}

.b_main .h_tit2 .tp{ height: .8rem;}
.gallery-top { height:5.98rem; }
.gallery-top .swiper-slide .tit{ font-size: .24rem; }
.gallery-thumbs { height: 2.25rem; }
.gallery-thumbs .swiper-slide .tp{ height: .72rem; padding: .1rem 0;}
.b_r{ padding: .45rem .26rem; border-top: .09rem solid #EB6100;}
.bInfo .title{ font-size: .3rem;}
.bInfo .info{margin-right: 4%; margin-top: .2rem; margin-bottom: .2rem;}
.bInfo .info .list{ margin: 0 5% 0 0; font-size: .24rem;}
.bInfo .info .list .icon{ margin-right: .1rem; width: .24rem;}
.bInfo .btit{ font-size: .24rem; }
.bInfo .btit2{ font-size: .24rem; margin-bottom: .1rem;}
.bInfo .add,.bInfo .price,.bInfo .params{ margin-bottom: .1rem;}
.bInfo .add .nr{ font-size: .24rem;}
.bInfo .price .nr{ font-size: .4rem; }
.bInfo .timeRange .nr .icon{ width: .34rem; left: .14rem; }
.bInfo .timeRange .nr .text{ width: 100%; height: .6rem;  padding: 0 .2rem 0 .6rem;}
.bInfo .personCount .nr .text{ width: 100%; height: .6rem;  padding: 0 .2rem;}
.bInfo .mandiv{ margin-top: .6rem;}
.bInfo .mandiv .sbtn{  font-size: .24rem;}

.bIntro{ padding: .6rem 0; }
.bRim{ margin-bottom: .3rem; border-top: .09rem solid #EB6100;}
.brimTitle{ font-size: .28rem; padding: 0.6em .3rem;}
.btimeRange .wrap .list{ padding: .05rem .1rem; margin: 0 4% 0% 0; padding-left:0.8rem; position:relative;}
.btimeRange .wrap .list .icon{ width:.48rem; height:.48rem; margin-right: .15rem; position:absolute; left:0.15rem; top:0.05rem; }
.bRoomset .wrap{}
.bRoomset .wrap .list{  width: 48%; padding: .14rem .2rem; margin: 0 4% 4% 0; }
.bRoomset .wrap .list:nth-child(3n){ margin-right: 4%;}
.bRoomset .wrap .list:nth-child(2n){ margin-right: 0;}
.bRoomset .wrap .list .icon{ width:.32rem; height:.32rem; margin-right: .2rem;}
.brefound .wrap{padding: .05rem 0;}
.btermsOfuse .wrap .list{  width: 100%; padding: .14rem .2rem; margin: 0 0% 4% 0; }
.btermsOfuse .wrap .list .icon{ width:.32rem; height:.32rem; margin-right: .2rem;}
	/* Calendar Styles for Mobile */
	.calendar-popup {
	    width: 90%;
	    max-width: none;
	    margin-left: 0;
	}

	.calendar-wrapper {
	    display: block;
	}

	.calendar-month-view {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 15px;
	}

	.calendar-nav {
	    padding: 0px 0;
	}

	.calendar-nav-btn {
	    padding: 5px 10px;
	    font-size: 18px;
	}

	.calendar-month {
	    font-size: 14px;
	}

	.calendar-header {
	    padding: 10px;
	}

	.calendar-title {
	    font-size: 14px;
	}

	.calendar-actions {
	    padding: 10px;
	}

	.calendar-confirm-btn {
	    width: 100%;
	    padding: 10px;
	    font-size: 16px;
	}

	/* Adjust calendar day cells for mobile */
	.calendar-day {
	    padding: 0px 3px;
	    font-size: 4px;
	    min-height: 35px;
	}

	.calendar-day.available {
	    min-height: 30px;
	}

	/* Ensure date range input is responsive */
	.calendar-input {
	    width: 100%;
	    padding: 10px;
	    font-size: 14px;
	}

	.timeRange .icon {
	    width: 24px;
	    height: 24px;
	    left: 10px;
	}
.calendar-weekday{
    font-size: 12px;
}
.calendar-weekdays{
    margin-bottom:0px;
}
    .calendar-popup{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: auto; width: calc(100vw - 40px); padding: 15px; margin: 0;}
    .calendar-wrapper{ flex-direction: column; gap: 15px;}
    .calendar-months{ gap: 10px; margin: 0 10px;}
    .calendar-nav{ flex-wrap: wrap;}






}
/*******************************************************************/