/* ====首页====== */
body{ background-color:#fff; overflow-x: hidden; zoom: 80%;}
/** header **/
.header{ position:relative; z-index:100; background-color: #F8EDD3;}
.header.on{ position:fixed;left:0;top:0;width:100%;}
.loarea{ height:100px; position:relative; z-index:3;}
.loarea .wp{display: flex; align-items: center; justify-content: space-between; width: 90%;}
.logo{ width:150px;height:100px; display:flex; align-items: center;}
.logo .tp{ height:80px; width:auto;}
.topOpa{ display: flex; justify-content: flex-end; background-color: #79BBF8; padding: 4px;}
.topOpa .loginArea{ margin-left: 10px;}
.topOpa .btn{ /*font-size: 15px; */padding: 0.5em 0.6em; display: inline-flex; align-items: center; justify-content: center; margin-right: 4px; background-color: #F8EDD3; color: #000;}
.topOpa .btn .icon{ width: 20px; height: 20px; margin-right: 6px;}
.topOpa .btn:nth-last-child(1){ margin-right: 0;background-color: transparent;}
.topOpa .btn:nth-last-child(1) .icon{ margin-right: 0;}
.topOpa .btn:hover{ background-color: #79BBF8;}
.topOpa .btn:nth-last-child(1):hover{ background-color: #79BBF8;}
/*PC导航 begin*/
.nav{  z-index:1;}
.navul{ font-size:0;}
.navul li{ display:inline-block; font-size:16px;position:relative;}
.rowLi{ position: static !important;}
.navul li>a{  padding:0 10px; font-size: 16px; /*font-family: 'nsBold';*/ color: #000; text-align:center; display:inline-block; line-height:100px; height:100px; position: relative;}
.navul li>a::after{ content: ""; display: block; width: 0em; height: 3px; background-color:#79BBF8 ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.navul li>a:hover,.act_nav{color:#79BBF8 !important; }
.navul li>a:hover::after,.act_nav::after{  width: 2em !important;}

/*PC导航end*/
.subnav{ position:absolute; display: none;  }
.subnavNormal{left:50%; margin-left: -60px; top:100px; width:120px;padding-top: 0px;}
.subnav:after{ content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}
.subnav>.nr{background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnav .nr a{text-align:left; line-height:2; padding: 6px 0; width:100%; font-size:13px; display:block;  color:#fff; text-align:center; }
.subnav .nr a:hover{ color: #fff !important; background-color: #D34F05; }

.subnavRow{ position: absolute; width: 100%; left: 0; top: 100px; padding-top: 0px; }
.subnavRow .wrap{ display: flex; align-items: center; justify-content: space-between;background:rgba(0, 0, 0, .6); padding:10px 0; box-shadow: 0 2px 10px 0 #333; }
.subnavRow .nr{ width: 100%; padding: 10px 20px; font-size: 0;}
.subnavRow .nr a{ display: inline-block; width:23%; margin: 0 1%; color: #fff; border-bottom: 1px dashed #fff; font-size: 13px; text-align: center; padding: 8px 0;}
.subnavRow .nr a:hover{ color: #fff !important; background-color: #D34F05;}
select[name="team"] {
  width: 300px; /* 固定宽度 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.tips_tc{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999999;
    transform: translate(-50%,-50%);
    overflow: hidden;
    width: 80%;
    max-width: 690px;
}

/* 轮播容器样式 */
.gallery-swiper {
    width: 100%;
    height: 300px;
    margin: 20px 0;
    padding: 0;
}

/* 轮播图片样式 */
.swiper-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .gallery-swiper {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .gallery-swiper {
        height: 200px;
    }
}
   

/*手机导航按钮及下拉菜单begin*/
.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}
.menubtn i{ display:block; width:21px; height:3px; background-color:#79BBF8; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}
.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}
.menubtn i:nth-child(2){ top:11px;}
.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}
.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}
.menubtn.on i:nth-child(2){ opacity:0;}
.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}
/*小导航*/
.inav{ width:400px; max-width: 60%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }
.navlogo{ padding: 30px;}
.navlogo .tp{ max-width: 66%; height: 100px; object-fit: contain;}
.inav ul{ margin: 0 30px;}
.inavul li{border-bottom:1px solid #363636;}
.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}
.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 16px; }
.act_inav{ border-color: #79BBF8 !important; color:#79BBF8 !important;}
.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inavul .nr{ display: none; padding:5px 30px 5px 40px;}
.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}
/*手机导航按钮及下拉菜单end*/
/*banner begin*/
.banner{ position:relative; z-index:3; }
.banner .swiper-slide{position:relative; overflow:hidden;}
.banimg{ width:100%; height:auto; display:block;}
.banner .swiper-pagination{ bottom:24px !important;}
.banner .swiper-pagination-bullet{width:10px;height:10px;padding: 0;background-color:#fff;  font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 10px !important;}
.banner .swiper-pagination-bullet-active{background-color:#79BBF8;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}
/* .banner .swiper-button-prev{ left:2%;}
.banner .swiper-button-next{ right:2%;} 

.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}
 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}
.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */
/*banner end*/
.homeBanner{ font-size: 0; position: relative;}
.homeBanner .tp{ width: 100%; height: auto; object-fit: cover;}
.homeBanner .bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; animation: commonFadeIn 1s ease-in-out 0.2s forwards; -webkit-animation: commonFadeIn 1s ease-in-out 0.8s forwards; opacity: 0; }
.homeBanner .inner{z-index: 2; position: absolute; width: 1048px; max-width: 100%; margin: 0 auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); bottom: 0; }
.homeBanner .inner .tp1{ width: 100%; animation: commonFadeIn 1s  ease-in-out  0.2s forwards; -webkit-animation: commonFadeIn 1s  ease-in-out  1.5s forwards; opacity: 0; }
.homeBanner .inner .btnarea{opacity: 0; position: absolute; padding: 6px 10px; box-sizing: border-box; width: 105px; background-color: rgba(255, 255, 255, .85); border: 2px solid #0191F2; }
.homeBanner .inner .btnarea .tit{ height: 30px; object-fit: contain;}
.homeBanner .inner .btnarea .opa{ margin-top: 5px;}
.homeBanner .inner .btnarea .opa a{ font-size: 13px;}
.homeBanner .inner .btnarea .opa a:hover{ color: #79BBF8; }
.homeBanner .inner .btnarea .icon{ width: 19px; height: 19px; position: absolute; }
.homeBanner .inner .btnarea .box{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.homeBanner .inner .btnarea1{ right: 40px; top: 50%; animation: commonFadeIn 1s ease-in-out 2.4s forwards; -webkit-animation: commonFadeIn 1s ease-in-out 2.4s forwards; }
.homeBanner .inner .btnarea1 .icon{ left: -26px; bottom: -13px;}
.homeBanner .inner .btnarea2{ left: 28%; bottom:90px; animation: commonFadeIn 1s ease-in-out 2.6s forwards; -webkit-animation: commonFadeIn 1s ease-in-out 2.6s forwards; }
.homeBanner .inner .btnarea2 .icon{ right: -26px; bottom: -13px}
.homeBanner .inner .btnarea:hover .box{ transform: scaleX(1.1); -webkit-transform: scaleX(1.1); -moz-transform: scaleX(1.1); -ms-transform: scaleX(1.1); -o-transform: scaleX(1.1); }

.h_reserve{ position: relative; z-index: 2; margin-top: -60px;}
.h_reserve .wp{ background-color: #F8EDD3; padding: 22px 20px; border-top: 5px solid #B8A995; color: #221815; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center;}
/* 大屏幕布局 */
.h_reserve .left-section{
    width: 58%;
    display: flex;
}
.h_reserve .right-section{
    width: 42%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.h_reserve .item{margin-right: 2%; display: flex; align-items: center; flex-wrap: wrap;}
.h_reserve .item .attrmc{ color: #221815; font-weight: bold; min-width: 5em; margin-right: 20px;}
.h_reserve .item .attrval{ flex: 1; min-width: 0; position: relative;}
.h_reserve .item .attrval .text{ width: 100%;  border: 1px solid #B8A995;}
.h_reserve .item .attrval .text{ padding: 0 45px 0 12px; height: 42px; line-height: 42px;font-size: 14px;}

.h_reserve .info{width:50%;margin-right: 2%; display: flex; justify-content: center; }
.h_reserve .info .list{ display: inline-flex; align-items: center; margin: 0 5%;}
.h_reserve .info .list .icon{ margin-right: 8px; width: 24px;}
.h_reserve .item .attrval .calendar-icon{ position: absolute; width: 28px; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1;}
.h_reserve .tj{width:48%;}
.h_reserve .tj .sbtn{ border-width: 3px; font-size: 22px;}

.h_display{ padding-bottom: 80px; padding-top: 40px;}
.h_tit{ /*font-size: 30px; */font-size: 20px; text-align: center; padding: 45px 0;}
.h_tit .mc{ position: relative; font-weight: bold; /*font-family: 'nsBold';*/}
.h_tit .p1 .mc{ right: 2em;}
.h_tit .p2 .mc{left: 2em;}
.h_tit .info{  margin-top: 10px; font-size: 18px;}

.hdisplaySlide{ position:relative; z-index:3; padding-bottom: 42px !important; }
.hdisplaySlide .swiper-slide{position:relative; overflow:hidden; width: 100%;}
.hdisplaySlide .tp{ width:100%; height:auto; display:block;}
.hdisplaySlide .swiper-pagination{ bottom:0px !important;}
.hdisplaySlide .swiper-pagination-bullet{width:14px;height:14px;padding: 0;background-color:#79BBF8;  font-size: 0;line-height: 0;outline:none;cursor: pointer;  margin:0 10px !important;}
.hdisplaySlide .swiper-pagination-bullet-active{background-color:#79BBF8;}
.hdisplaySlide .swiper-button-prev,.hdisplaySlide .swiper-button-next{ display: none;}

.h_tit2{ padding: 45px 0;}
.h_inn{ padding: 0 0 60px;}
.h_inn .h_tit2 .tp{ /*height: 76px;*/height: 56px;}
.h_inn .wrap{}
.h_inn .item{ display: flex;}
.h_inn .intro{ width: 34%; align-items: center; display: flex;}
.h_inn .intro .inner{ padding: 0 10% 0 4%; font-size: 16px; line-height: 1.6;}
.h_inn .intro .mandiv{ align-self: flex-end; width: 100%;}
.h_inn .intro .mandiv .sbtn{ font-size: 16px; padding: 0.4em 1em;}
.h_inn .intro .mandiv .sbtn_orange_rim{color:#EB6100;border:2px solid #EB6100;}
.h_inn .tparea{ flex: 1; min-width: 0; overflow: hidden; font-size: 0;}
.h_inn .tparea .tp{ width: 100%;aspect-ratio: 1068/533;}
.h_inn .item:nth-child(2n+1) .intro{border-top: 9px solid #EB6100; }
.h_inn .item:nth-child(2n){ flex-direction: row-reverse;}
.h_inn .item:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.h_lasource{ padding-bottom: 146px;}
.h_lasource .h_tit2 .tp{ /*height: 146px;*/height: 100px;}
.h_lasource .wrap{ position: relative;}
.h_lasource .tparea{ font-size: 0;}
.h_lasource .tparea .tp{ width: 100%;}
.h_lasource .intro{ position: absolute; width: 100%; bottom: 0;}
.h_lasource .intro .wp{ position: relative; display: flex; justify-content: flex-end;}
.h_lasource .desc{ position: relative; font-size: 16px; bottom: -90px; width: 390px; background-color: #F7F7F7; padding: 30px 20px; box-sizing: border-box;}
.h_lasource .desc .tit{ }
.h_lasource .desc .nr{ margin-top: 20px;}
.h_lasource .desc .time{ margin-top: 20px;}

.h_pro{ padding: 90px 0;}
.h_pro .wp{ display: flex; flex-wrap: wrap;}
.hpproItem{ width: 32%; margin: 0 2% 2% 0;}
.hpproItem:nth-child(3n){ margin-right: 0;}
.hpproItem .name{ border-top: 9px solid #79BBF8; font-size: 16px; text-align: center; padding: 1.6em 0;}
.hpproItem .tparea{ font-size: 0; overflow: hidden;}
.hpproItem .tparea .tp{ width: 100%; aspect-ratio: 520/690;}
.hpproItem .des{ padding: 30px 10px; font-size: 16px; }
.hpproItem .des .tit{ height: 50px; line-height: 1.4; font-weight: bold;}
.hpproItem .des .time{ margin-top: 16px;}
.hpproItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.hpproItem:hover .des .tit{ color: #79BBF8;}

.h_contact{ background-color: #F1ECD5; padding-top: 40px;}
.h_contact .wp{ display: flex; flex-wrap: wrap; align-items: flex-end;}  
.h_con,.h_add,.h_map{ width: 32%; margin-right: 2%; box-sizing: border-box;}
.h_con{ background-color: #fff; position: relative;}
.h_con>.line{ position: absolute; width: 100%; left: 0; top: -6px;}
.h_con .inner{ padding: 50px 10%;}
.h_con .inner .tit{ font-size: 27px; line-height:1.2;}
.h_con .inner .line{ width: 50px; height: 4px; background-color: #7ABADD;}
.h_con .inner .nr{  line-height: 1.6; margin-top:15px;}
.h_con .inner .nr a{ display: block; }
.h_con .inner .nr a:hover{ color: #333; transform: translateX(-5px);  -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); }
.h_add{ padding-bottom: 28px;} 
.h_add .desc{ padding: 0 8px;}
.h_add .tit{ font-family: 'scBold';  color: #79BBF8;}
.h_add .nr{ line-height: 1.6; font-size: 12px; margin-top: 10px;}
.h_add .info{ padding: 11px 8px; margin-top: 20px; border: 1px dotted #8E6445; border-width: 1px 0;}
.h_add .info .list{ position: relative; padding-left: 20px; }  
.h_add .info .list span{}
.h_add .info .list::after{ content: ""; display: inline-block; width: 7px; height: 7px; position: absolute; left: 0; top: 5.6px; background-color: #79BBF8; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.h_map{ margin-right: 0; align-self:center; margin-top:-40px;}
.h_map .tp{ width: 100%;}

.footer{ padding: 50px 0 70px;}
.f_t{ display: flex; justify-content: space-between; align-items: center; }
.fnav{ flex: 1; min-width: 0;}
.fnav a{  display: inline-block; padding: 0 16px; margin-right: 8px; position: relative;}
.fnav a::after{ display: block; content: ""; display: block; width: 5px; height: 100%; background-color: #79BBF8; position: absolute; left: 0; top: 0;  opacity: 0;}
.fnav a:hover{ color: #79BBF8;}
.fnav a:hover::after{ opacity: 1;}
.flink{ width: 500px; text-align: right;}
.flink a{ display: inline-block; font-size: 12px; padding: 4px 12px; border: 1px solid #000000; margin-left: 8px;}
.flink a .icon{height: 26px; }
.flink a:hover{ opacity: .8; transform:translateY(-3px);}
.f_b{ text-align: center;  margin-top: 50px;}
.copyright{ }


/* 二級店鋪頁面-调整 */
.i_main{  min-height:400px;}
.i_ban{ font-size: 0; position: relative; overflow: hidden; }
.i_ban .tp{ width: 100%;}
.store{ padding: 70px 0;}

.sort{ display: flex; flex-wrap: wrap; font-size: 15px; align-items: flex-start; border-bottom: 2px solid #000;}
.sort .actSort{ display: inline-block; padding: 0.4em 1em; background-color: #EBEBEB;}
.sort .mc{ background-color: #EBEBEB; }
.sort a,.sort .mc{ display: inline-block; padding: 0.4em 1em; margin: 0 5px 0 0; }
.sort .wrap{ flex: 1; min-width: 0; flex-wrap: nowrap; /* 强制子元素不换行（关键） */
  overflow-x: auto; display: flex;  }
.sort .wrap a{ white-space: nowrap;}


.sort a:hover{ color: #000 !important;}

.i_tit{ font-size: 20px; margin-top: 26px; padding: 20px 0; font-weight: bold;}
.storeList{display: flex; flex-wrap: wrap;}
.storeList .product-group{ display: flex; flex-wrap: wrap;}
.storeItem{ width: 23.5%; margin: 0 2% 40px 0;}
.storeItem:nth-child(4n){ margin-right: 0;}
.storeItem a{ display: block;} 
.storeItem .tparea{ font-size: 0; overflow: hidden;}
.storeItem .tparea .tp{ width: 100%; aspect-ratio: 302/424; object-fit: cover;}
.storeItem .des{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.storeItem .des .price{ font-size: 18px; font-weight: bold; margin-top: 5px;}
.storeItem .des .collBtn{ margin-left: 20px; font-size: 32px;}
.storeItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.storeItem:hover .des .tit{ color: #65b3fc;}

.turnpage{ margin:0 auto;font-size:0; text-align:center;}
.turnpage a,.turnpage span{ display:inline-block; vertical-align: middle; padding:3px 15px; font-size:18px; margin:0 3px;  color:#333; border: 1px solid #000000; }
.turnpage a::before{ line-height: 1;}
.turnpage a:hover,.current{ background-color:#79BBF8 !important; }
/* 二級咖啡馆頁面-调整 */
.reserver_menu{ padding: 140px 0;}
.reserver_menu .wp{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.reserver_menu .item{ margin-top: 110px; font-size: 0; width:47% ;}
.reserver_menu .item .tp{ width: 100%;aspect-ratio: 644/1526; transition:.3s}
.reserver_menu .item:hover .tp{ transform:scale(1.1);}

.lasource{ padding: 44px 0;}
.lasource .h_tit2 .tp{height: 80px;}
.lasourceItem{ }
.lasourceItem a{ display: block;}
.lasourceItem .tparea{ font-size: 0; overflow: hidden;}
.lasourceItem .tparea .tp{ width: 100%; aspect-ratio: 64/80; object-fit: cover;}
.lasourceItem .des{ padding: 20px 30px; font-size: 15px; border: 2px solid #E0E0E0; border-left: 10px solid #79BBF8; display: flex; align-items: center;}
.lasourceItem .des .tit{ flex: 1;}
.lasourceItem .des .price{ margin-left: 16px;}
.lasourceItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.lasourceItem:hover .des .tit{ color: #65b3fc;}

.lasourceSlide{ position:relative; z-index:3; padding-bottom: 50px !important; }
.lasourceSlide .swiper-slide{position:relative; overflow:hidden; width: 100%;}
.lasourceSlide .tp{ width:100%; height:auto; display:block;}
.lasourceSlide .swiper-pagination{ bottom:0rem !important;}
.lasourceSlide .swiper-pagination-bullet{width:.12rem;height:.12rem;padding: 0;background-color:#DFDFDF;  font-size: 0;line-height: 0;outline:none;cursor: pointer;  margin:0 .07rem !important; opacity: 1;}
.lasourceSlide .swiper-pagination-bullet-active{background-color:#C19D68;}

.goods{}
.goods{ padding: 44px 0;}
.goods .h_tit2 .tp{ height: 34px;}
.goods  .wrap{ display: flex; flex-wrap: wrap;}
.goodsItem{ width: 31%; margin: 0 3.5% 3.5% 0;}
.goodsItem:nth-child(3n){ margin-right: 0;}
.goodsItem a{ display: block;}
.goodsItem .tparea{ font-size: 0; overflow: hidden;}
.goodsItem .tparea .tp{ width: 100%; aspect-ratio: 64/80; object-fit: cover;}
.goodsItem .des{ padding: 10px 0 10px 10px;display: flex; align-items: center;}
.goodsItem .des .tit{ flex: 1;}
.goodsItem .des .price{ }
.goodsItem .des .cartBtn{ display: inline-flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; width: 32px; height: 32px; background-color: #79BBF8; }
.goodsItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.goodsItem:hover .des .tit{ color: #65b3fc;}

/* ログイン */
.account{ width: 635px; max-width: 94%; padding: 20px 20px 30px; box-sizing: border-box; margin: 0 auto; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);}
.backHome{}
.backHome a{ }
.backHome a::before{ font-size: 16px; margin-right: 15px;}
.backHome a:hover{ color: #B48653;}
.accTitle{margin-top: 15px; padding: 20px 0;}
.acc_tit{  font-size: 28px;}
.acc_subtit{  font-size: 15px;color: #828282; margin-top: 5px;}
.formItem{ margin-bottom: 10px;}
.formItem .attrmc{ font-size: 15px; padding: 0.6em 0; /*font-family: "nsBold";*/}
.formItem .attrmc .tip{ font-size: 13px;font-family: "nsLight";}
.formItem .attrval{}
.formItem .attrval .text,.formItem .attrval .textarea{ width: 100%; background-color: #FCFBFB; border: 1px solid #f4f4f4;}
.formItem .attrval .text{ padding: 0 15px; height: 50px; line-height: 50px; font-size: 15px;}
.formItem .attrval .textarea{ padding: 10px 15px; height: 110px; }
.required{ color: #f00; margin-left: 5px; font-style: normal;} 
.formConfirm{}
.formConfirm .sbtn{ font-size: 16px; padding: 0.8em 3em;}
.formConfirm .sbtn .iconfont{ margin-left: 20px; }
.account .forget{ margin-top: 10px;}
.account .forget a{ color: #FF0000;}
.account .forget a:hover{ text-decoration: underline;}
.noAccount{ font-size: 15px; margin-top: 25px; text-align: center;}
.noAccount a{  color: #B48653;}
.noAccount a:hover{ text-decoration: underline;}
.passwordInput{ position: relative;}
.passwordInput .iconfont{ font-size: 16px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); cursor: pointer; z-index: 2; }

.yzm{ position: relative;}
.yzm .text{ padding-right: 120px;}
.yzm .sendBtn{  padding: 0.2em 3em; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); cursor: pointer; }

.accLogin{}

/* ご利用規約 */
.policy{ padding: 50px 0 80px; width: 940px; max-width: 100%; margin: 0 auto;}
.policy .title{ font-size: 20px; padding: 1em 0; text-align: center; border-bottom: 1px solid #000; /*font-family: "nsBold";*/} 
.policy .nr{ margin-top: 30px;}
.policy .tit{ font-size: 18px; line-height: 2; font-weight: bold;}
.policy .wz{ font-size: 16px; line-height: 1.8;}

/* マイページ */
.mine{ width: 900px; max-width: 94%; margin: 0 auto;}
.wel_exit{ display: flex; justify-content: space-between; align-items: center;}
.wel_exit .wel{ font-size: 24px; font-weight: bold;}
.wel_exit .exitBtn{ font-size: 16px; padding: 0.5em 1.2em;}
.lm2{ margin-top: 40px; display: flex; justify-content: space-between;}
.lm2 a{ width: 49%; box-shadow: 5px 5px 8px 0 #eee; box-sizing: border-box; background-color: #F4F4F4; text-align: center; padding: 22px 25px; position: relative;}
.lm2 .tparea{ font-size: 0;}
.lm2 .tparea .icon{ width: 66px; height:66px;}
.lm2 .tparea .icon01{ display: inline-block;}
.lm2 .tparea .icon02{ display: none;}
.lm2 .tit{ font-size: 24px; /*font-family: 'nsBold';*/}
.act_lm2{ color: #B8A995; border: 4px solid #B8A995;}
.act_lm2 .tparea .icon01{ display: none !important;}
.act_lm2 .tparea .icon02{ display: inline-block !important}
/* マイページ-会員情報 会員情報 */
.i_tit4{ font-size: 28px; padding: 0.8em 0; border-bottom: 1px solid #DBDBDB;/*font-family: "nsBold";*/} 
.m_rim{ padding: 10px 30px 30px; background-color: #F4F4F4;}

/* 注文履歴下拉样式 */
.lm2 .order-item .arrow-icon{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 24px; color: #B8A995;}

/* 下拉菜单样式 */
.order-dropdown {
    width: 49%;
    position: relative;
    box-sizing: border-box;
}

/* 确保下拉菜单中的链接不会继承父元素的样式 */
.dropdown-content a {
    display: block;
    text-decoration: none;
    color: inherit;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
    box-sizing: border-box;
}

.dropdown-toggle {
    width: 100% !important;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-top: -1px; /* 减少与主按钮的间隙 */
}

.order-dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
}

.dropdown-item {
    background-color: #F4F4F4;
    color: #333;
    border: none;
    box-shadow: none;
    padding: 15px 20px;
    transition: all 0.3s ease;
}

.dropdown-item:hover {
    background-color: #B8A995;
    color: #fff;
}

.dropdown-item:hover {
    opacity: 0.9;
}
.resverForm{ margin-top: 20px; }
.resverForm .row{display: flex; justify-content: space-between; flex-wrap: wrap;}
.resverForm .row .formItem{width: 48%;}
.bookHisItem{ padding: 10px 30px 10px; background-color: #f4f4f4; }
.bookHisItem .row1{ display: flex; justify-content: space-between; border-bottom: 1px solid #DBDBDB; padding: 15px 0;}
.bookHisItem .row1 span{ flex: 1; font-size: 16px;}
.bookHisItem .row1 .type{ font-size: 12px;}
.hisItem a{ padding: 25px 0px; display: flex; justify-content: space-between;}
.hisItem .tparea{ width: 120px; margin-right: 15px; font-size: 0; overflow: hidden;}
.hisItem .tparea .tp{ width: 100%; height:95px; object-fit: cover;}
.hisItem .des{ flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between;}
.hisItem .des .tit{ font-size: 15px;}
.hisItem .des .limit{ font-size: 15px; margin-top:5px; color: #737373;}
.hisItem .des .info{ margin-top: 2px;}
.hisItem .des .info .span{ display: inline-flex; align-items: center; font-size: 15px; margin-right: 20px;}
.hisItem .des .info .span .icon{ height: 18px; margin-right: 6px;}
.hisItem a:hover .des .tit{ color: #B48653;} 
.hisItem a:hover .tpara .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } 
.hisParams{ padding: 12px 0; border-top: 1px solid #DBDBDB;}
.hisParams .list{ padding: 6px 0;}
.hisParams .list .mc{}

/* 運営会社 */
.i_tit2{ padding: 50px 0;}
.i_tit2 .subtit{ font-size: 13px;}
.i_tit2 .tit{ font-size: 34px;}
.companyInfo{ position: relative;}
.companyInfo::after{ content: ""; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .85); position: absolute; left: 0;top:0;}
.companyInfo .wp{position: relative; z-index: 2;  width: 700px; margin: 0 auto; max-width: 100%; padding: 100px 0;}
.companyInfo .wrap{ padding: 0px 2%;}
.cItem{ display: flex; justify-content: space-between;border-bottom: 1px solid rgba(0, 0, 0, .6); }
.companyInfo .attrmc ,.companyInfo .attrval{font-size: 15px; padding: 30px 0 30px 10px; box-sizing: border-box;}
.companyInfo .attrmc{ margin-right: 20px; text-align: center; font-weight: bold; }
.companyInfo .attrval{  flex: 1;}
.companyInfo .attrval .list{ line-height: 1.6;}
/* お知らせ-詳細 */
.article{ padding-top:50px;}
.artHeader{ padding: 30px 0; border-bottom: 1px solid #DFDFDF;}
.artHeader .tit{ font-size: 22px; line-height: 1.3;}
.artHeader .info{ margin-top: 15px;}
.artHeader .info .span{ font-size: 14px; color: #999;}
.artBody{ padding: 40px 0; }
.artBody .wz{ font-size: 14px; line-height: 2;}
.artBody .tp{ display: block; margin: 0 auto;}

/* 展览-詳細 */
.exhBan{ font-size: 0;}
.exhBan .tp{ width: 100%;}
/* 予約する */
.mstep{ position:relative; font-size:0; width:660px; max-width: 100%; margin:0 auto; padding: 60px 0;}
.mstep .linebg{width:100%; height:4px; background-color:#d9dadc; display:block; position:absolute; top:10px; z-index:0;}
.mstep .item{ width:33.33%; display:inline-block; text-align:center; position:relative;}
.mstep .item .num{ width:6px; height:6px; background-color:#CDCDCD; border: 3px solid #CDCDCD; font-size:0px; font-weight:bold; color:#fff; display:inline-block; text-align:center; position:relative; z-index:2;}
.mstep .item p{ margin-top:6px; font-size:12px; color:#848484;}
.mstep .item .num::after,.mstep .item .num::before{ content:""; display:block; width:94px; height:3px; background-color:#DCDCDC; position:absolute; top:50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.mstep .item:nth-child(1) .num::after{ display: none;}
.mstep .item:nth-last-child(1) .num::before{ display: none;}
.mstep .item .num::after{ right:20px;}
.mstep .item .num::before{ left:20px;}
.act_mstep_ed p{color:#B8A995 !important;}
.act_mstep_ed .num::after,.act_mstep_ed .num::before,.act_mstep_ed .num{ background-color:#B8A995 !important;}
.act_mstep_ed .num{ border-color: #B8A995 !important;}


.goodsAppoint a{ padding: 20px; background-color: #F3F3F3; display: flex; justify-content: space-between;}
.goodsAppoint .tparea{ width: 238px; margin-right: 25px; font-size: 0; overflow: hidden;}
.goodsAppoint .tparea .tp{ width: 100%; height:190px; object-fit: cover;}
.goodsAppoint .des{ flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between;}
.goodsAppoint .des .tit{ font-size: 20px;}
.goodsAppoint .des .limit{ font-size: 16px; }
.goodsAppoint .des .info{font-size: 16px;}
.goodsAppoint .des .timerange{ position: relative;}
.goodsAppoint .des .timerange::after{ content: ""; display: block; width: 1px; height: 100%; background-color: #FFE8AF; position: absolute; left: 8px; top: 0;}
.goodsAppoint .des .timerange .list{ padding:2px 0px 2px 32px; position: relative; z-index: 2; font-size: 18px;}
.goodsAppoint .des .timerange .list .icon{ width: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.goodsAppoint a:hover .des .tit{ color: #B48653;} 
.goodsAppoint a:hover .tpara .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } 

.resverDetail{ background-color: #F3F3F3; padding: 0 30px; margin-top: 32px;} 
.resverDetail .i_tit4{ font-size: 20px;display:flex;}
.resverDetail .i_tit4 .radioLabel{margin-left:20px;}
.reserveTotal{padding: 20px; margin-top: 32px; background-color: #F3F3F3;}
.reserveTotal .price{font-size: 20px}
.reserveTotal .price .num{ font-size: 28px;}
.reserveTotal  .payWay{ display: flex; align-items: center; padding-top: 25px; margin-top: 25px; border-top: 1px solid #DBDBDB;}
.reserveTotal  .payWay .mc{ font-size: 15px; margin-right: 25px;}
.reserveTotal  .payWay .wrap{ flex: 1; min-width:0;}
.reserveTotal  .payWay .wrap .list{ width: 46px; height: 30px; margin-right: 16px; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.reserveTotal  .payWay .wrap .list .icon{ max-width: 80%; max-height: 80%;}
.reserveTotal  .payWay .wrap .list:hover{ border: 1px solid #65b3fc !important;}
.reserveTotal  .payWay .sbtn{ margin-left: auto; font-size: 16px; padding: 0.6em 2em; font-weight: bold;}
.confirmMsg{ text-align: center; padding: 60px 0 40px;}
.confirmMsg .tit{ font-size: 24px; color: #333; margin-bottom: 20px;}
.confirmMsg .desc{ font-size: 16px; color: #666; line-height: 1.8;}
.backPrev{ text-align: center; padding: 50px 0; font-size: 15px; cursor: pointer;}
.backPrev a:hover{ color: #B48653;}
/* 联系我们 */
.contactForm{ padding: 50px 0 80px; width: 940px; max-width: 100%; margin: 0 auto;}
.contactTitle{ font-size: 20px; padding: 1em 0; text-align: center; border-bottom: 1px solid #000;/*font-family: "nsBold";*/}
.contactFormWrap{ margin-top: 40px;}
.contactFormItem{ display: flex; align-items: flex-start; margin-bottom: 30px;}
.contactLabel{ font-size: 15px; /*font-family: "nsBold";*/min-width: 180px; padding-top: 15px; box-sizing: border-box;}
.contactInput{ flex: 1; min-width: 0;}
.contactInput .text,.contactInput .textarea,.contactInput .select{ width: 100%; background-color: #fff; border: 1px solid #f4f4f4; box-sizing: border-box;}
.contactInput .text{ padding: 0 15px; height: 50px; line-height: 50px; font-size: 15px;}
.contactInput .textarea{ padding: 10px 15px; height: 150px; font-size: 15px; resize: vertical;}
.contactInput .select{ padding: 0 15px; height: 50px; line-height: 50px; font-size: 15px; background-color: #fff; border: 1px solid #f4f4f4; cursor: pointer;}
.contactInput .hint{ display: block; font-size: 13px; color: #999; margin-top: 5px;}
.contactFormConfirm{ text-align: center; margin-top: 50px;}
.contactFormConfirm .sbtn{ font-size: 16px; padding: 0.8em 3em;}
/* 购物车 */
.cartPage{ padding: 50px 0 80px; width: 940px; max-width: 100%; margin: 0 auto;}
.cartTitle{ font-size: 20px; padding: 1em 0; text-align: center; border-bottom: 1px solid #000; /*font-family: "nsBold";*/}
.cartSubtitle{ font-size: 15px; margin-top: 30px; font-weight: bold;}
.cartTableWrap{ margin-top: 20px; overflow-x: auto;}
.cartTableWrap1{
    width: 100%;
    text-align: center;
    background: #EBE5D9;
        padding: 15px;
            font-weight: bold;
}
.cartTable{ width: 100%; border-collapse: collapse; background-color: #fff;}
.cartTable thead{ background-color: #F7F7F7;}
.cartTable th{border-right:1px solid #E0E0E0; padding: 15px; font-size: 15px; font-weight: bold; text-align: left;color:#7D7D7D;}
.cartTable th.thPrice,.cartTable th.thQty,.cartTable th.thSubtotal{ text-align: center;}
.cartTable th:last-child{
    border-right: 0;
}
.cartTable td{border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0; padding: 20px 15px;  vertical-align: middle;}
.cartTable tbody tr{ background-color: #fff;}
/*.cartTable tbody tr:last-child td{ border-bottom: none;}*/
.tdProduct{ width: 40%;}
.cartProduct{ display: flex; align-items: center;}
.cartProductImg{ width: 100px; height: 100px; margin-right: 20px; font-size: 0; overflow: hidden; flex-shrink: 0;}
.cartProductImg .tp{ width: 100%; height: 100%; object-fit: cover;}
.cartProductInfo{ flex: 1; min-width: 0;}
.cartProductTitle{ font-size: 15px; font-weight: bold; margin-bottom: 5px;}
.cartProductMeta{ font-size: 14px; color: #666; margin-bottom: 5px;}
.cartProductPrice{ font-size: 14px; color: #666;}
.tdPrice{ text-align: center; font-size: 15px;}
.tdQty{ text-align: center;}
.qtyInput{ width: 60px; height: 40px; text-align: center; border: 1px solid #f4f4f4; font-size: 15px; padding: 0 10px;}
.tdSubtotal{ text-align: center; font-size: 15px; font-weight: bold;}
.tdAction{ text-align: center;}
.cartCancelBtn{ padding: 8px 20px; border: 1px solid #d3d3d3; background-color: #fff; color: #333; font-size: 14px; cursor: pointer; border-radius: 3px;}
.cartCancelBtn:hover{ background-color: #f5f5f5;}
.cartActions{ margin-top: 30px; display: flex; gap: 15px;    justify-content: flex-end;}
.cartRecalcBtn{ padding: 12px 30px; border: 1px solid #d3d3d3; background-color: #fff; color: #333; font-size: 15px; cursor: pointer; border-radius: 3px;}
.cartRecalcBtn:hover{ background-color: #f5f5f5;}
.cartEmptyBtn{ padding: 12px 30px; border: 1px solid #B8A995; background-color: #fff; color: white; font-size: 15px; cursor: pointer; border-radius: 3px;background:#B8A995;}
.cartEmptyBtn:hover{ background-color: #f5f5f5;}
.cartSummary{     max-width: 95%;width:525px;margin-left: calc(100% - 525px);margin-top: 40px;border: 1px solid #E0E0E0;}
.cartSummaryRow{ display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid #E0E0E0;}
.cartSummaryRow:last-child{ border-bottom:0;}
.cartSummaryLabel{ font-size: 15px;width:200px;background:#F7F7F7;padding:10px;text-align:right;}
.cartSummaryValue{ font-size: 18px; font-weight: bold;padding:10px;text-align:right;}
.cartCheckout{ margin-top: 40px; text-align: center;}
.cartCheckoutBtn{ max-width: 95%;font-size: 18px; padding: 1em 4em; width: 520px;margin-left: calc(100% - 525px);}
/* 购物车订单确认页 */
.checkoutPage{ padding: 50px 0 80px; width: 940px; max-width: 100%; margin: 0 auto;}
.bg_beige{ 
    /*background-color: #F1ECD5; */
/*padding: 30px;*/
box-sizing: border-box;}
.bg_w{ background-color: #fff; padding: 30px; box-sizing: border-box;}
.orderDetails{ margin-bottom: 30px;}
.orderDetailsTitle{
    height: 50px;
    line-height: 50px;
font-weight: 700;
font-style: Bold;
background: #EBE5D9;
font-size: 16px;text-align: center;}
.orderTableWrap{ overflow-x: auto;}
.orderTable{ width: 100%; border-collapse: collapse; background-color: #fff;}
.orderTable thead{ background-color: #F7F7F7;}
.orderTable th{ border-right:1px solid #E0E0E0;padding: 15px; font-size: 15px; font-weight: bold; text-align: center;color:#7D7D7D;}
.orderTable th:last-child{
    border-right: 0;
}
.orderTable th.thPrice,.orderTable th.thQty,.orderTable th.thSubtotal{ text-align: center;}
.orderTable td{border-right:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0; padding: 20px 15px; border-bottom: 1px solid #f4f4f4; vertical-align: middle;}
.orderTable td:last-child{
    border-right: 0;
}
.orderTable tbody tr{ background-color: #fff;}
/*.orderTable tbody tr:last-child td{ border-bottom: none;}*/
.orderProduct{ display: flex; align-items: center;}
.orderProductImg{ width: 100px; height: 100px; margin-right: 20px; font-size: 0; overflow: hidden; flex-shrink: 0;}
.orderProductImg .tp{ width: 100%; height: 100%; object-fit: cover;}
.orderProductInfo{ flex: 1; min-width: 0;}
.orderProductTitle{ font-size: 15px; font-weight: bold; margin-bottom: 5px;}
.orderProductMeta{ font-size: 14px; color: #666; margin-bottom: 5px;}
.orderProductPrice{ font-size: 14px; color: #666;}
.deliveryAddress{ margin-bottom: 30px;background:#F3F3F3;}
.deliveryAddressTitle{ font-size: 20px; 
/*padding-bottom: 20px; */
margin-bottom: 15px; 
/*border-bottom: 1px solid #DBDBDB;*/
    
}
.deliveryOption{ margin-bottom: 25px;}
.radioLabel{ display: flex; align-items: center; font-size: 15px; cursor: pointer;border-bottom: 1px solid #DBDBDB;padding-bottom: 20px; }
.radioLabel input[type="radio"]{ margin-right: 10px; width: 18px; height: 18px;}
.deliveryForm{ margin-top: 20px;}
.deliveryFormRow{ display: flex; gap: 20px; margin-bottom: 20px;}
.deliveryFormRow .deliveryFormItem{ flex: 1; min-width: 0;}
.deliveryFormItem{ margin-bottom: 20px;}
.deliveryLabel{ font-size: 15px; /*font-family: "nsBold";*/ display: block; margin-bottom: 8px;}
.deliveryInput{ width: 100%;}
.deliveryInput .text,.deliveryInput .textarea{ width: 100%; background-color: #FCFBFB; border: 1px solid #f4f4f4; box-sizing: border-box;}
.deliveryInput .text{ padding: 0 15px; height: 50px; line-height: 50px; font-size: 15px;}
.deliveryInput .textarea{ padding: 10px 15px; height: 110px; font-size: 15px; resize: vertical;}
.checkoutTotal{ margin-bottom: 30px;background:#F3F3F3;padding:0 30px;}
.checkoutTotalAmount{ 
    /*text-align: center; */
/*padding-bottom: 25px; margin-bottom: 25px; */
padding:20px 0;
border-bottom: 1px solid #DBDBDB;}
.checkoutTotalLabel{ font-size: 20px; margin-right: 10px;}
.checkoutTotalValue{ font-size: 28px; font-weight: bold;}
.checkoutTotalTax{ font-size: 15px; color: #666; margin-left: 5px;}
.checkoutPayment{ display: flex; align-items: center; flex-wrap: wrap; gap: 15px;padding:20px 0;}
.paymentLabel{ font-size: 15px; margin-right: 15px;}
.paymentCards{ display: flex; gap: 10px; align-items: center;}
.paymentCards .cardItem{ width: 46px; height: 30px; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 5px; box-sizing: border-box;}
.paymentCards .cardItem .icon{ max-width: 80%; max-height: 80%;}
.checkoutBtn{ margin-left: auto; font-size: 16px; padding: 0.6em 2em; font-weight: bold;}
.ml10{ margin-left: 10px;}
/* 二級店鋪頁面-商品詳細 */
.prodel{ padding: 80px 0;}
.pdt{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.sdSlide{ width: 44%; margin-right: 35px;}
.trvalIntro{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.trvalIntro .tit{ font-size: 24px;}
.trvalIntro .collBtn{ font-size: 34px; cursor: pointer;}
.trvalIntro .price{ margin-top: 20px; vertical-align: baseline;}
.trvalIntro .price .mc{ font-size: 15px;}
.trvalIntro .price .num{ font-size: 24px; color: #B40000; }
.trvalIntro .integral{ margin-top: 10px; vertical-align: baseline;}
.trvalIntro .integral .mc{}
.trvalIntro .integral .num{ font-size: 15px; color: #B40000; }
.trvalIntro .params{}
.trvalIntro .paramsItem{ padding: 5px 0; margin-bottom: 10px;}
.trvalIntro .paramsItem .tit{ font-size: 16px; padding: 0.4em 0; /*font-family: "nsBold";*/}
.trvalIntro .paramsItem .nr{}
.trvalIntro .paramsItem .nr .textNumber{}
.sizeStyle{ display: flex; flex-wrap: wrap; margin-top: 5px;}
.sizeStyle .active{background-color: #F1ECD5 !important; border-color: #F1ECD5 !important;}
.sizeStyle .list{ padding: 0.4em 2.4em; margin-right: 20px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; cursor: pointer; border: 1px solid #B4B4B4; box-sizing: border-box; }
.sizeStyle .list:hover,.actSizeStyle{ background-color: #F1ECD5 !important; border-color: #F1ECD5 !important;}
.textNumber{ width: 140px; border: 1px solid #CCCCCC; display: flex; align-items: center;}
.textNumber .text{ width: 68px; text-align: center; height: 36px; line-height: 36px;}
.textNumber .btn{ width: 36px; height: 36px; font-size: 18px; background-color: #E7E7E7; cursor: pointer; text-align: center; line-height: 36px;}
.textNumber .btn:hover{ color: #333; background-color: #F1ECD5 !important;}
.trvalIntro .mandiv{ margin-top: 50px;}
.trvalIntro .mandiv a{ display: block; font-size: 17px; padding: 0.4em 0; margin-bottom: 10px; text-align: center;}
.trvalIntro .mandiv a:nth-last-child(1){ color:#000;}
.trvalIntro .mandiv a .icon{ width: 20px; margin-right: 10px;}
.trvalIntro .mandiv a:hover{}


.gallery-top2 { height: 460px; }
.gallery-top2 .swiper-slide{ -moz-box-sizing: border-box; box-sizing: border-box;background-size: cover; position: relative;}
.gallery-top2 .swiper-slide .shade{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); left: 0; top: 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.gallery-top2 .swiper-slide .shade .playbtn{ font-size: 50px; color: #ddd;}
.gallery-top2 img{  width: 100%; margin-left: 0%; max-height: 100%; object-fit: cover;}
.gallery-thumbs2 { height: 85px; -moz-box-sizing: border-box;box-sizing: border-box;margin: 10px 0px 0!important;}
.gallery-thumbs2 .swiper-slide {opacity: 0.6;cursor: pointer; background-color: #FAFAFA; border: 1px solid #eee; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.gallery-thumbs2 .swiper-slide .tp{ padding: 0px;  display: block; height: 72px; padding: 10px 0; margin: 0 auto;}
.gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1; border-color: #000;}
.pdtSlideWrap2 { position: relative;}
.pdtSlideWrap2 .swiper-button-prev::after,.pdtSlideWrap2 .swiper-button-next::after{ display: none;}
.pdtSlideWrap2 .swiper-button-prev,.pdtSlideWrap2 .swiper-button-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width: 24px; height:84px; line-height: 84px; left: 0;    top: auto; bottom: 0px; color: #666; cursor: pointer; z-index: 10; text-align: center; -webkit-filter:alpha(opacity=100); background-color: #F2F2F2;  display:none;}
.pdtSlideWrap2 .swiper-button-prev{  left: 0; }
.pdtSlideWrap2 .swiper-button-next{left: auto; right:0;  }
.pdtSlideWrap2 .swiper-button-prev .iconfont,.pdtSlideWrap2 .swiper-button-next .iconfont{ font-size: 16px;  line-height: 1; }
.pdtSlideWrap2 .swiper-button-prev:hover,.pdtSlideWrap2 .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background-color: #000; color: #fff;}

.pdb{ margin-top: 40px;}
.pdbTit{display: flex; }
.pdbTit .list{width: 50%; font-size: 16px; padding: 0.6em 0; text-align: center; border-bottom: 1px solid #9D8825; box-sizing: border-box; background-color: #f9f9f9;}
.actPdb{ border:1px solid #9D8825 !important; background-color: #fff !important; position: relative; top: 2px;}
.pdbContent{ margin-top: 30px;}
.pdbBox{ font-size: 16px; line-height: 1.6;}
/* 二级展览沙龙-调整 */
.salon{ padding-top: 120px; overflow: hidden; position: relative;}
.salon::after{ content: ""; display: block; width: 100%; height: 200px; background-color: #fff; position: absolute; left: 0; bottom: 0; }
.cardwrap{ display: flex;justify-content: flex-end;}
.cardwrap .card{ width: 50%; font-size: 0;}
.cardwrap .card .tp{ width: 100%;aspect-ratio: 56/86;}
.cardSlide{ position:relative;  z-index:3; overflow: visible !important; margin-top: 200px;  }
.cardSlide .swiper-slide{position:relative; overflow:hidden; width: 100%;}
.cardSlide .tp{ width:100%; height:auto; display:block;}
.inviteItem{ }
.inviteItem a{ display: block; border: 1px solid #C9C9C9; background-color: #fff;}
.inviteItem .des{ padding: 35px 22px; font-size: 15px; border-top: 9px solid #B8A995; display: flex; align-items: flex-start;}
.inviteItem .des .mc{ background-color: #B8A995; color:#fff; font-size: 15px; width: 120px; text-align: right; padding: 0.2em 0.8em; box-sizing: border-box; margin-right: 10px;}
.inviteItem .des .box{ flex: 1; min-width: 0; font-size: 18px;}
.inviteItem .des .box .time{min-height:28.8px;}
.inviteItem .des .box .tit{ margin-top: 20px; line-height: 1.3; min-height: 92px;}
.inviteItem .tparea{ font-size: 0; overflow: hidden; margin:0 22px;}
.inviteItem .tparea .tp{ width: 100%; aspect-ratio: 518/430; object-fit: cover;}
.inviteItem .mandiv{ padding: 10px 22px; margin-top: 60px;}
.inviteItem .mandiv .morea{ font-size: 18px;}
.inviteItem .mandiv .morea:hover{ color: #B8A995;}
.inviteItem:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.inviteItem:hover .des .tit{ color: #B8A995;}

.invitation{ margin-top: 150px;}
.invitation .wp{ box-sizing: border-box; border: 2px solid #B8A995; padding: 2px; background-color: #fff;}
.invitation .title{ font-size: 18px; text-align: center; padding: 0.8em 0;}
.invitation .wrap{ padding: 20px 25px 5px;}
.invitation .form{ display: flex; flex-wrap: wrap;}
.invitation .inviteItem{ width: 32%; font-size: 18px; box-sizing: border-box; display: flex; align-items: center; position: relative; border: 1px solid #B8A995; margin:0 2% 2% 0;}
.invitation .inviteItem:nth-child(3n){ margin-right: 0;}
.invitation .inviteItem .attrmc{ width: 3em; padding-left: 10px; margin-right: 10px;}
.invitation .inviteItem .attrval{ flex: 1; min-width: 0 ;}
.invitation .inviteItem .text{ font-size: 16px; height: 40px; line-height: 40px;}
.invitation .inviteItem select{ font-size: 12px; height: 40px; line-height: 40px; width: 100%; border: none; background-color: transparent;}
.invitation .inviteItem .unit{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.invitation .agree{ text-align: center;}
.invitation .agree .checkbox{ margin-right: 10px;}
.invitation .agree a{ color: #C19D68; text-decoration: underline;}
.invitation .agree a:hover{ color: #fabe65;}
.invitation .tip{ padding: 15px 0;}
.invitation .formConfirm{ margin-top: 20px;}
.invitation .formConfirm .sbtn{ font-size: 18px; padding: 0.4em 0; background-color: #B8A995;}

/* 二級預定頁面-调整 */
.bigImg{ margin: 100px 0;}
.bigImg .tp{ width: 100%;}
.bdt,.bdb{ display: flex; flex-wrap: wrap;}
.bdt{}
.bdb{}
.b_l{ width: 66%; margin-right: 10px;}
.b_r{ flex: 1; min-width: 0;}

.b_main{}
.b_main .h_tit2 .tp{ height: 50px;}

.gallery-top { height:598px; }
.gallery-top .swiper-slide{ -moz-box-sizing: border-box; box-sizing: border-box;background-size: cover; position: relative;}
.gallery-top .swiper-slide .tit{ position: absolute; box-sizing: border-box; font-size: 15px; padding: 0.8em 1.2em; background-color: rgba(224, 224, 224, .8); width: 100%; left: 0; top: 0;}
.gallery-top .swiper-slide .shade{ position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); left: 0; top: 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.gallery-top .swiper-slide .shade .playbtn{ font-size: 50px; color: #ddd;}
.gallery-top img{  width: 100%; margin-left: 0%; max-height: 100%; object-fit: cover;}
.gallery-thumbs { height: 225px; -moz-box-sizing: border-box;box-sizing: border-box;margin: 1px 0px 0!important;}
.gallery-thumbs .swiper-slide {opacity: 0.6;cursor: pointer; background-color: #FAFAFA; border: 1px solid #eee; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.gallery-thumbs .swiper-slide .tp{ padding: 0px;  display: block; height: 72px; padding: 10px 0; margin: 0 auto;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border-color: #000;}
.pdtSlideWrap { position: relative;}
.pdtSlideWrap .swiper-button-prev::after,.pdtSlideWrap .swiper-button-next::after{ display: none;}
.pdtSlideWrap .swiper-button-prev,.pdtSlideWrap .swiper-button-next{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; width: 24px; height:84px; line-height: 84px; left: 0;    top: auto; bottom: 0px; color: #666; cursor: pointer; z-index: 10; text-align: center; -webkit-filter:alpha(opacity=100); background-color: #F2F2F2; }
.pdtSlideWrap .swiper-button-prev{  left: 0; }
.pdtSlideWrap .swiper-button-next{left: auto; right:0;  }
.pdtSlideWrap .swiper-button-prev .iconfont,.pdtSlideWrap .swiper-button-next .iconfont{ font-size: 16px;  line-height: 1; }
.pdtSlideWrap .swiper-button-prev:hover,.pdtSlideWrap .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; background-color: #000; color: #fff;}
.b_r{ box-sizing: border-box; padding: 45px 26px; background-color: #F5F5F5; border-top: 9px solid #EB6100;}
.bInfo .title{ font-size: 22px;}

.bInfo .info{margin-right: 2%; margin-top: 15px; margin-bottom: 15px; display: flex;}
.bInfo .info .list{ display: inline-flex; align-items: center; margin: 0 5% 0 0; font-size: 16px;}
.bInfo .info .list .icon{ margin-right: 8px; width: 24px;}
.bInfo .btit{ font-size: 16px; line-height: 1.6;}
.bInfo .btit2{ font-size: 16px; margin-bottom: 8px; line-height: 1.6; font-weight: bold;}
.bInfo .add,.bInfo .price,.bInfo .params{ margin-bottom: 15px;}
.bInfo .add .nr{ font-size: 16px;}
.bInfo .price .nr{ font-size: 30px; color: #EB0000;}
.bInfo .timeRange .nr{ position: relative; z-index: 1;}
.bInfo .timeRange .nr .icon{ position: absolute; width: 28px; left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1;}
.bInfo .timeRange .nr .text{ width: 100%; height: 50px; background-color: #fff; padding: 0 15px 0 50px; cursor: pointer;}
.bInfo .timeRange .nr .calendar-input{ cursor: pointer;}
/* 日历弹窗样式 */
.calendar-popup{ display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 1px solid #ddd; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 1000; padding: 20px; box-sizing: border-box; min-width: 600px; max-width: calc(100vw - 40px);}
.calendar-popup.show{ display: block;}
.calendar-header{ display: flex; align-items: center; justify-content: center; margin-bottom: 20px; padding: 0 10px 15px; position: relative; border-bottom: 1px solid #eee;}

.calendar-close-btn{ background: none; border: none; font-size: 24px; color: #666; cursor: pointer; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s ease; position: absolute; right: 10px; top: 20%; transform: translateY(-50%);}

.calendar-close-btn:hover{ background-color: #f5f5f5; color: #333;}
.calendar-title{ font-size: 16px; font-weight: bold; color: #000;}
.calendar-nav{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.calendar-nav-btn{ background: none; border: none; font-size: 20px; cursor: pointer; color: #000; padding: 5px 15px; transition: color 0.3s;}
.calendar-nav-btn:hover{ color: #79BBF8;}
.calendar-months{ display: flex; justify-content: space-between; flex: 1; margin: 0 20px;}
.calendar-month{ font-size: 16px; font-weight: bold; color: #000;}
.calendar-wrapper{ display: flex; gap: 20px; justify-content: space-between;}
.calendar-month-view{ flex: 1; min-width: 0;}
.calendar-weekdays{ display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin-bottom: 10px;}
.calendar-weekday{ text-align: center; font-size: 14px; color: #666; padding: 5px 0;}
.calendar-days{ display: grid; grid-template-columns: repeat(7, 1fr); gap: 0; padding: 2px 0;}
.calendar-day{ position: relative; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; padding: 5px; box-sizing: border-box; transition: background-color 0.3s; min-height: 60px; margin: 0;}
.calendar-day.disabled{ color: #ccc; cursor: not-allowed;}
.calendar-day.available{ color: #000; cursor: pointer;}
.calendar-day.fully-booked{ color: #666; cursor: pointer;}
.calendar-day.available:hover{ background-color: #f0f0f0; border-radius: 50%;}
.calendar-day.selected{ background-color: #FFE8AF; color: #000; font-weight: bold;}
.calendar-day.in-range{ background-color: #FFE8AF; border-radius: 0 !important;}
.calendar-day.range-single{ border-radius: 50% !important; background-color: #FFE8AF;}
.calendar-day.range-start{ border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; background-color: #FFE8AF;}
.calendar-day.range-end{ border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; background-color: #FFE8AF;}
.calendar-day.range-start.week-start{ border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.calendar-day.range-end.week-end{ border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.calendar-day.in-range.week-start{ border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.calendar-day.in-range.week-end{ border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.calendar-day-number{ font-size: 14px; margin-bottom: 2px; line-height: 1.2;}
.calendar-day-price{ font-size: 11px; color: #666; line-height: 1.2;}

.calendar-actions{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.calendar-confirm-btn{
    min-width: 120px;
    padding: 8px 20px;
    font-size: 16px;
    color: #fff;
    background: #B8A995;
}


.bInfo .personCount .nr{}
.bInfo .personCount .nr .text{ width: 100%; height: 50px; background-color: #fff; padding: 0 15px;}
.bInfo .mandiv{ margin-top: 50px;}
.bInfo .mandiv .sbtn{ padding: 1em 0; font-size: 18px;}

.bIntro{ padding: 60px 0; line-height: 1.8; }
.bRim{ margin-bottom: 30px; border-top: 9px solid #EB6100;}
.brimTitle{ font-size: 20px; font-weight: bold; padding: 0.6em 30px;}
.btimeRange .wrap{ display: flex; flex-wrap: wrap; }
.btimeRange .wrap .list{ box-sizing: border-box;  width: 48%; padding: 5px 10px; margin: 0 4% 4% 0; border: 1px solid #EB6100;}
.btimeRange .wrap .list:nth-child(2n){ margin-right: 0;}
.btimeRange .wrap .list .icon{ width:44px; height:44px; margin-right: 10px;}
.bRoomset .wrap{ display: flex; flex-wrap: wrap; }
.bRoomset .wrap .list{ box-sizing: border-box;  width: 32%; padding: 14px 20px; margin: 0 2% 2% 0; border: 1px solid #EB6100;}
.bRoomset .wrap .list:nth-child(3n){ margin-right: 0;}
.bRoomset .wrap .list .icon{ width:26px; height:26px; margin-right: 15px;}
.brefound .wrap{padding: 5px 0; line-height: 1.8; }

.btermsOfuse .wrap{ display: flex; flex-wrap: wrap; }
.btermsOfuse .wrap .list{ box-sizing: border-box;  width: 48%; padding: 14px 20px; margin: 0 4% 4% 0; border: 1px solid #EB6100;}
.btermsOfuse .wrap .list:nth-child(2n){ margin-right: 0;}
.btermsOfuse .wrap .list .icon{ width:26px; height:26px; margin-right: 15px;}



.h_inn .item .tparea .tp,.hpproItem .tparea .tp,.bookItem .tparea .tp,.sizeStyle .list{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }