@media (min-width: 1440px) {
        .main-box1 {
            width: 100% !important;
        }
    }
	/* 处理吸顶效果 */
	.main-box{
		overflow: visible !important;
	}
	.main-container{
		overflow: visible !important;
	}
	/* 搜索列表改版 */
	.search_box{
		z-index: 11 !important;
		background-color: #fff;
		
	}
	.search_box .search_box_in{
		border: 3px solid #088DE8;
		border-radius: 8px;
	}
	.search-form{
		align-items: center;
		padding: 2px 0;
	}
	.search_box .area_search{
		background: unset;
		height: 100%;
		
		font-weight: 500;
		font-size: 16px;
		color: #1A1A1A;
		padding-left: 15px;
	}
	.datetimepickerx{
		background-image:unset !important;
		float: unset !important;
		width: unset !important;
		height: unset !important;
		align-items: center;
		position: relative;
		cursor: pointer;
		padding-left: 30px !important;
	}
	.datetimepickerx::after{
		content: '';
		position: absolute;
		left: 0;
		width: 1px;
		height: 24px;
		background: #E7E7E7;
	}
	
	.datetimepickerx input{
		margin-top: unset;
		
		font-weight: 500;
		font-size: 16px;
		color: #1A1A1A;
	}
	.datetimepickerx .weekName{
		
		font-weight: 400;
		font-size: 14px;
		color: #323232;
	}	
	.search_box .search_btn1{
		margin:0 12px 0 112px;
		width: fit-content;
		padding: 0 40px;
		height: 48px;
		background: #088DE8;
		border-radius: 4px;
		
		font-weight: 500;
		font-size: 16px;
		color: #FFFFFF;
		border: 0px;
		cursor: pointer;
	}
	.search-item{
        display: flex;
        flex-direction: row;
        line-height: 1;
        padding: 10px;
        align-items:flex-start;
    }
    .search-item:hover{
        background: #4bc5f4;
	    color: #fff!important;
    }
    .search-item:hover .location-text{
        color: #fff;
    }
    .search-item:hover .placeName-text{
        color: #fff;
    }
    .search-pic-icon1{
        width: 16px;
        height: 20px;
        background: url('{$tpl_path}images/new_search_index_icon1.png') no-repeat;
        background-size: 14px 16px;
		margin-right: 12px;
	}
    .search-pic-icon2{
        width: 20px;
        height: 16px;
        background: url('{$tpl_path}images/new_search_index_icon2.png') no-repeat;
        background-size: 20px 16px;
		margin-right: 12px;
	}
    .search-pic-icon3{
        width: 16px;
        height: 20px;
        background: url('{$tpl_path}images/new_search_index_icon3.png') no-repeat;
        background-size: 14px 16px;
		margin-right: 12px;
	}
    .search-flex{
        flex: 1;
    }
   
    .placeName-text{
        font-weight: 500;
		font-size: 15px;
		color: #000000;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-break: break-all;
		overflow: hidden;
		white-space: normal;
    }



	.margin24{
		margin-top: 24px;
		margin-bottom: 18px;
	}
	.margin15{
		margin-bottom: 15px;
	}
	.bold-header-title{
		font-weight: 500;
		font-size: 24px;
		color: #0A1A1A;
	}
	.border-box{
		width: 1100px;
		background: #FFFFFF;
		border-radius: 8px;
		border: 1px solid #E7E7E7;
		/* padding: 21px 30px; */
		margin: 0 auto 30px;
	}
	.no-border-box{
		width: 1100px;
		background: #FFFFFF;
		border-radius: 8px;
		/* padding: 21px 30px; */
		margin: 0 auto 30px;
	}
	.padding2130{
		padding: 21px 30px;
	}
	.bold-title{
		font-weight: 500;
		font-size: 18px;
		color: #1A1A1A;
	}
	.hot-container{
        overflow: hidden;
        white-space: nowrap;
        box-sizing: border-box;
		position: relative;
    }
	.scroll-container{
        position: relative;
    }
	#hot-area-list {
        display: inline-block;
        transition: transform 0.3s ease-in-out;
        position: relative;
    }
	.hot-area-list{
        white-space: nowrap;
        box-sizing: border-box;
		line-height: 1em;
    }
	.area_btn_pic_left{
        width: 32px;
        height: 32px;
        left:0px;
        top: 33%;
        transform: translateY(-33%);
        position: absolute;
        display: none;
    }
    .btn-top-center{
		top: 50% !important;
        transform: translateY(-50%) !important;
	}
    .area_btn_pic_right{
        width: 32px;
        height: 32px;
        right:0px;
        top: 33%;
        transform: translateY(-33%);
        position: absolute;
        display: none;
    }
    .area_btn_pic_left img,.area_btn_pic_right img{
        width: 100%;
        height: 100%;
    }
	
    .combo-item:last-child{
        margin-right: 0px;
    }
	.combo-item{
		display: inline-flex;
        width: 284px;
        margin-right: 10px;
        flex-direction: column;
        cursor: pointer;
        overflow: hidden;
	}
	.golf-item{
		display: inline-flex;
        width: 224px;
        margin-right: 10px;
        flex-direction: column;
        cursor: pointer;
        overflow: hidden;
	}
	.hotel-item{
		display: inline-flex;
        width: 179px;
        margin-right: 10px;
        flex-direction: column;
        cursor: pointer;
        overflow: hidden;
	}
	.car-item{
		display: inline-flex;
        width: 224px;
        margin-right: 10px;
        flex-direction: column;
        cursor: pointer;
        overflow: hidden;
	}
	.combo-pic{
		width: 284px;
		height: 175px;
		background: #000000;
		border-radius: 8px;
	}
	.golf-pic{
		width: 224px;
		height: 140px;
		background: #FFFFFF;
		border-radius: 8px;
	}
	.hotel-pic{
		width: 179px;
		height: 115px;
		background: #FFFFFF;
		border-radius: 8px;
	}
	.car-pic{
		width: 224px;
		height: 140px;
		background: #FFFFFF;
		border-radius: 8px;
	}
	.ellipsis-line1{
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-break: break-all;
		overflow: hidden;
		white-space: normal;
	}
	.ellipsis-line2{
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-break: break-all;
		overflow: hidden;
		white-space: normal;
	}
	.ellipsis-line5{
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-break: break-all;
		overflow: hidden;
		white-space: normal;
	}
	.big-title{
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
	}
	.sub-title{
		font-weight: 400;
		font-size: 13px;
		color: #1A1A1A;
	}
	.red-price10 {
		font-weight: 400;
		font-size: 12px;
		color: #ED3148;
	}
	.red-price{
		font-weight: 400;
		font-size: 12px;
		color: #ED3148;
		display: flex;
		align-items: flex-end;
		margin-left: 10px;
	}
	.big-text{
		font-size: 20px;
	}
	.gray-text{
		color: #1A1A1A;
	}
	.margin23{
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.margin14{
		margin-bottom: 14px;
	}
	.margin8{
		margin-bottom: 8px;
	}
	.img-box{
		width: 100%;
		height: 100%;
		border-radius: 8px;
		object-fit: cover;
	}
	.new-list{
		display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 11px;
	}
	.new-item{
		cursor: pointer;
	}
	.new-pic{
		width: 339px;
		height: 210px;
		background: #000000;
		border-radius: 8px;
	}
	.new-user{
		display: flex;
		flex-direction: row;
		align-items: center;
		color: #595959;
		font-size: 13px;
	}
	.user-pic{
		width: 19px;
		height: 19px;
		border-radius: 50%;
		margin-right: 8px;
	}
	.table-tips{
		font-weight: 500;
		font-size: 14px;
		color: #1A1A1A;
	}
	.scoreCard-table{
		margin-bottom: 32px;
	}
	.scoreCard-table :last-child{
		margin-bottom:0;
	}
	.table-header{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.table-name{
		font-weight: 400;
		font-size: 18px;
		color: #1A1A1A;
	}
	.table-unit{
		font-weight: 500;
		font-size: 14px;
		color: #1A1A1A;
	}
	.scorecard-table{
		width: 100%;
		text-align: center;
		border-color: #E7E7E7;
		border-collapse: collapse;
		border-radius: 4px;
		border-width: 1;
	}
	.scorecard-table tr,.service-table1 tr{
		height: 35px;
		line-height: 35px;
	}
	.scorecard-table th,.scorecard-table td {
		border-style: solid;
		border-width: 1px;
		border-color: #E7E7E7; /* 浅灰色单元格边框 */
	}
	.price-table td{
		border-style: solid;
		border-width: 1px;
		border-color: #E7E7E7; /* 浅灰色单元格边框 */
	}
	.fixed-column{
		font-weight: 500;
		font-size: 14px;
		color: #1A1A1A;
	}
	.scorecard-table tr:first-child .scroll-column {
		font-weight: 600;
		background-color: #F2F2F2 !important;
	}
	.scorecard-table tr:first-child .fixed-column{
		background-color: #F2F2F2;
	}
	.margin10{
		margin-bottom: 10px;
	}
	.introduction-text{
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
	}
	.facility-list{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		grid-gap: 15px;
	}
	.facility-item,.language-item {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.facility-pic{
		width: 23px;
		height: 23px;
		margin-right: 10px;
	}
	.flexRow{
		display: flex;
		flex-direction: row;
	}
	.flexCol{
		display: flex;
		flex-direction: column;
	}
	.marginLeft78{
		margin-left: 78px;
	}
	.pay-list,.language-list{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
		grid-gap: 10px;
		flex: 1;
	}
	.pay-item{
		justify-content: center;
		/* align-items: center; */
	}
	.pay-pic{
		/* width: 33px; */
		height: 33px;
	}
	.language-pic{
		width: 34px;
		height: 22px;
		margin-right: 8px;
	}
	.img-box1{
		/* width: 100%; */
		height: 100%;
		object-fit: cover;
	}
	.margin28{
		margin-bottom: 28px;
	}
	
	.service-tips{
		font-weight: 400;
		font-size: 13px;
		color: #1A1A1A;
	}
	.service-table1{
		width: 100%;
		border-color: #E7E7E7;
		border-collapse: collapse;
		border-radius: 4px;
	}
	.service-table1 tr{
		border: 1px solid #E7E7E7;
	}
	.service-table1 tr .service-td{
		border-right: 1px solid #E7E7E7;
	}
	.service-table1 tr .service-td:last-child{
		border-right:0px;
	}
	.paddingleft26{
		padding-left: 26px;
	}
	.service-thead{
		width: 450px;
		height: 35px;
		background: #F2F2F2;
		border-radius: 4px 4px 0px 0px;
		line-height: 35px;
		font-weight: 500;
		font-size: 14px;
		color: #1A1A1A;
	}
	.service-td{
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
	}
	.courseInfo-list{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		grid-gap: 8px;
		
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
	}
	.comment-btn{
		padding: 12px 26px;
		width: fit-content;
		background: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #088DE8;
		
		font-weight: 400;
		font-size: 14px;
		color: #088DE8;
	}
	.comment-item{
		display: inline-flex;
        width: 289px;
        margin-right: 16px;
        flex-direction: column;
        cursor: pointer;
        overflow: hidden;
		padding: 21px;
		border: 1px solid #E7E7E7;
		border-radius: 8px;
	}
	.item-content{
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
		line-height: 19px;
		height: 91px;
	}
	.item-user-info{
		align-items: center;
		margin-bottom: 22px;
	}
	.user-info-pic{
		width: 33px;
		height: 33px;
		margin-right: 10px;
	}
	.sex-pic{
		width: 16px;
		height: 16px;
		border-radius: 50%;
		margin-left: 5px;
	}
	.user-pic1{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	.user-info{
		font-weight: 400;
		font-size: 12px;
		color: #595959;
		
	}
	.info-name{
		font-weight: 600;
		font-size: 14px;
		color: #1A1A1A;
		align-items: center;
	}
	.margin20{
		margin-bottom: 20px;
	}
	.ai-content{
		background: #FFFFFF;
		border-radius: 8px;
		border: 1px solid #E7E7E7;
		padding: 21px;
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
		line-height: 20px;
	}
	.ai-title{
		align-items: center;
	}
	.ai-title .text{
		font-size: 18px;
		font-weight: 500;
		background: linear-gradient(0deg, #4550F8 0%, #3EAAF5 100%);
		-webkit-background-clip: text;
      	background-clip: text;
		color: transparent;
	}
	/* 进度条容器 */
	.progress-bar {
		height: 8px;
		background-color: #EEEEEE;
		border-radius: 4px;
		overflow: hidden;
	}

	/* 进度条填充部分 */
	.progress-fill {
		height: 100%;
		background-color: #088DE8;
		border-radius: 4px;
	}
	.progress-text{
		justify-content: space-between;
		align-items: center;
		font-weight: 500;
		font-size: 14px;
		color: #1A1A1A;
		margin-bottom: 5px;
		line-height: 1;
	}
	.blue-text{
		color: #088DE8;
	}
	.score-info{
		flex: 1;
	}
	.comment-write-btn{
		padding: 10px 23px;
		background: #088DE8;
		border-radius: 4px;
		width: fit-content;
		font-weight: 500;
		font-size: 14px;
		color: #FFFFFF;
		line-height: 1;
		align-items: center;
		display: flex;
		flex-direction: row;
	}
	.write-btn{
		justify-content: space-between;
		line-height: 1;
	}
	.green-scroe{
		width: 32px;
		height: 32px;
		background: #09BB07;
		border-radius: 6px 6px 6px 0px;
		line-height: 32px;
		text-align: center;
		font-weight: 600;
		font-size: 16px;
		color: #FFFFFF;
		margin-right:17px;
	}
	.scroe-text{
		font-weight: 500;
		font-size: 16px;
		color: #1A1A1A;
		/* justify-content: space-evenly; */
		line-height: 1;
	}
	.gray-text1{
		font-weight: 400;
		font-size: 14px;
		color: #595959;
		margin-top: 5px;
	}
	.width1100{
		width: 1100px;
		margin: 24px auto 18px;
	}
	.tab-list{
		position: sticky;
		top: 80px;
		z-index: 10;
		border-bottom: 1px solid #E7E7E7;
		background: #fff;
	}
	.tab-item{
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
		padding-bottom: 19px;
		min-width: 60px;
		text-align: center;
		margin-right: 65px;
		cursor: pointer;
	}
	.active1{
		position: relative;
	}
	.active1::after{
		content: '';
		position: absolute;
		bottom: 0;
		width: 60px;
		height: 2px;
		background: #088DE8;
		left: 0;
		
	}
	.course-info1 {
		color: #1A1A1A;
		font-size: 14px;
		font-weight: 400;
		justify-content: space-between;
		align-items: center;
	}
	.course-name1{
		font-weight: 500;
		font-size: 24px;
		color: #1A1A1A;
		margin-right: 5px;
	}
	.booking-btn{
		min-width: 102px;
		height: 37px;
		line-height: 37px;
		text-align: center;
		background: #088DE8;
		border-radius: 4px;
		font-weight: 500;
		font-size: 14px;
		color: #FFFFFF;
	}
	.course-address{
	}
	.course-img{

	}
	.main-img{
		width: 540px;
		height: 326px;
		border-radius: 8px 3px 3px 8px;
	}
	.course-img .img-box2{
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 8px 3px 3px 8px;
	}
	.img-list{
		margin-left: 10px;
		display: grid;
		row-gap: 8px;   /* 行间距 */
  		column-gap: 10px; /* 列间距 */
		cursor: pointer;
		grid-template-columns: repeat(2, 1fr);
	}
	.img-item{
		width: 270px;
		height: 159px;
		border-radius: 3px;
		position: relative;
	}
	.img-box3{
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius:3px;
	}
	.mask-pause{
		position: absolute;
		left: 16px;
		bottom: 9px;

	}
	.mask-view-all-img{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 9;
		color: #FFFFFF;
		background: rgba(50, 50, 50, 0.4);
		border-radius: 3px 3px 10px 3px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.map-box{
		width: 308px;
		height: 336px;
		background: #FFFFFF;
		border-radius: 8px;
		border: 1px solid #E7E7E7;
		font-size: 14px;
	}
	.map-pic{
		width: 308px;
		height: 159px;
		background: #FFFFFF;
		border-radius: 8px;
		position: relative;
	}
	.map-btn{
		min-width: 102px;
		height: 37px;
		line-height: 37px;
		text-align: center;
		background: #088DE8;
		border-radius: 4px;
		font-weight: 500;
		font-size: 14px;
		color: #FFFFFF;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 25px;
	}
	.img-box4{
		width: 100%;
		height: 100%;

	}
	.padding16{
		padding: 16px;
	}
	.ellipsis-line3{
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-break: break-all;
		overflow: hidden;
		white-space: normal;
	}
	.ellipsis-line4{
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-break: break-all;
		overflow: hidden;
		white-space: normal;
	}
	.comment-box{
		width: 308px;
		height: 278px;
		background: #FFFFFF;
		border-radius: 8px;
		border: 1px solid #E7E7E7;
		margin-bottom: 9px;
	}
	.cursor{
		cursor: pointer;
	}
	.tag-list{
		display: grid;
		gap: 4px;
		grid-template-columns: repeat(2, 1fr);
	}
	.tag-item{
		padding:5px 11px;
		background: #DAF5DA;
		border-radius: 2px;
		font-weight: 400;
		font-size: 12px;
		color: #09BB07;
		display: flex;
		flex-direction: row;
	}
	.tag-text{
		width: 90px;
		margin-right: 10px;
		white-space: nowrap; /* 防止文本换行 */
    	overflow: hidden; /* 隐藏溢出的内容 */
    	text-overflow: ellipsis; /* 显示省略号来代表被修剪的文本 */
	}
	.border-box1{
		width: 776px;
		/* height: 622px; */
		background: #FFFFFF;
		border-radius: 8px;
		border: 1px solid #E7E7E7;
		margin-right: 17px;
	}
	.custom-navigation{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		z-index: 2;
	}
	:root {
		--swiper-navigation-size:14px;
	}
	.swiper-button-next{
		color: #868686;
		
	}
	.swiper-button-prev{
		color: #868686;
	}
	.next-img{
		width: 6px;
		height: 10px;
		/* position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%); */
	}
	.prev-img{
		width: 6px;
		height: 10px;
		/* position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%); */
	}
	.modal{
		/* display: none; */
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		align-items: center;
		justify-content: center;
		/* opacity: 0; */
		transition: opacity 0.3s ease;
	}
	.mask1{
		background-color: rgba(0, 0, 0, 0.7);
		width: 100%;
		height: 100%;
	}
	.right-modal{
		/* display: none; */
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		align-items: center;
		justify-content: center;
		/* opacity: 0; */
		transition: opacity 0.3s ease;
	}
	.modal-content {
		background-color: white;
		border-radius: 12px;
		
		width: 1157px;
		height: 656px;
		box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
		overflow: hidden;
		transform: translate(-50%,-50%);
		transition: transform 0.4s ease;
		left: 50%;
		top: 50%;
		position: absolute;
	}
	.right-modal-content{
		background-color: white;
		border-radius: 16px 0px 0px 16px;
		width: 900px;
		height: 100vh;
		box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
		overflow-y: auto;
		transition: transform 0.4s ease;
		right: 0;
		top: 0;
		position: absolute;
		
	}
	.padding3824{
		padding: 38px 24px;
	}

	.line{
		border-bottom: 1px solid #E7E7E7;
	}
	.evaluation-list{
		
	}
	.evaluation-item{
		padding: 44px 0;
		border-bottom: 1px solid #E7E7E7;
	}
	.evaluation-item-right{
		flex: 1;
	}
	.evaluation-date{
		font-weight: 400;
		font-size: 12px;
		color: #595959;
	}
	.evaluation-content{
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
		line-height: 19px;
	}
	.evaluation-imgs{
		display: flex;
		flex-wrap: wrap;
		gap: 9px;
	}
	.evaluation-img{
		width: 80px;
		height: 80px;
		border-radius: 4px;
	}
	.evaluation-reply{
		background: #F5F5F5;
		border-radius: 8px;
		border: 1px solid #868686;
		
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
		line-height: 19px;
		padding: 20px 17px;
	}
	.evaluation-points{
		font-weight: 500;
		font-size: 13px;
		color: #F34051;
		line-height: 26px;
	}
	.big-text1{
		font-size: 21px;
	}
	.evaluation-item-left{
		width: 220px;
		margin-right: 108px;
	}
	.gray-text2{
		font-weight: 400;
		font-size: 12px;
		color: #595959;
	}
	.evaluation-header{
		align-items: center;
	}
	/* 分页样式 */
	.pagination-container {
		display: flex;
		flex-wrap: wrap;
		height: 46px;
		background: #FFFFFF;
		border-radius: 8px;
		border: 1px solid #E7E7E7;
		padding:0 16px;
		align-items: center;
	}
	.vue-pagination-icons {
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
		flex-wrap: wrap;
		gap: 5px;
	}
	.page-item {
		width: 24px;
		height: 24px;
	}
	.page-link {
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		color: #088DE8;
		background-color: white;
		transition: all 0.3s ease;
		cursor: pointer;
		font-weight: 500;
		user-select: none;
		height: 100%;
	}

	.page-link:hover {
		color: #1A1A1A;
	}

	

	.page-item.active2 .page-link {
		width: 24px;
		height: 24px;
		background: #FFFFFF;
		border-radius: 4px;
		border: 1px solid #868686;
		color: #1A1A1A;
	}

	.page-item.active2 .page-link:hover {
		background-color: #2980b9;
		border-color: #2980b9;
	}

	.page-item.disabled .page-link {
		color: #bdc3c7;
		cursor: not-allowed;
		/* background-color: #f8f9fa; */
		pointer-events: none;
	}
	.close-pic{
		width: 12px;
		height: 12px;
		position: absolute;
		top: 31px;
		right: 43px;
		z-index: 100;
	}
	.close-pic1{
		width: 12px;
		height: 12px;
		position: absolute;
		top: 12px;
		right: 24px;
		z-index: 100;
	}
	/* 地图 */
	.map_course_box{
		width: 464px;
		height: 128px;
		background-color: #fff;
		padding: 5px 14px 0 5px;
		box-sizing: border-box;
		border-radius: 4px;
		position: relative;
		/*box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.3);*/
	}
	.map_course_box .map_image{
		display: inline-block;
		vertical-align: top;
	}
	.map_course_box .map_image img{
		width: 150px;
		height: 100px;
	}
	.map_course_box .course_info{
		display: inline-block;
		vertical-align: top;
		margin-left: 10px;
	}
	.map_course_box .course_info p{
		width: 250px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.map_course_box .course_info .course_name a{
		color: #0067CC;
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 4px;
	}
	.map_course_box .course_info .course_name_en{
		font-size: 14px;
		color: #323232;
	}
	.map_course_box .course_info .score_wrap{
		position: absolute;
		right: -4px;
		top: 16px;
	}
	.map_course_box .course_info .score{
		width: 44px;
		height: 20px;
		border-radius: 2px 2px 0 2px;
		background-color: #FFB700;
		color: #fff;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		position: relative;
	}
	.map_course_box .course_info .score:after{
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 2px;
		border-color: #A36A0A transparent transparent #A36A0A;
		position: absolute;
		bottom: -4px;
		right: 0;
	}
	.map_course_box .blue_btn{
		display: inline-block;
		width: auto;
		height: auto;
		margin-top: 5px;
		line-height: 1;
		padding: 5px 15px;
		margin-left: 20px;
	}
	.map_course_box .price-row{
		font-size: 14px;
	}
	.map_course_box .price-row strong{
		color: #ED3148;
	}
	.map_course_box .price-row .price_value{
		font-size: 20px;
	}
	.padding22{
		padding: 22px;
	}
	.images-list{
		flex: 1;
	}
	.images-tag-list{
		display: flex;
		flex-direction: column;
		gap: 16px;
		margin-left: 46px;
		flex: 1;
	}
	.images-tag-item{
		width: fit-content;
		padding: 0 10px;
		height: 34px;
		background: #F5F7FA;
		border-radius: 4px;
		color: #323232;
		font-size: 14px;
		line-height: 34px;
		text-align: center;
		cursor: pointer;
	}
	.tag-active{
		background: #D9F0FF;
		color: #0097FF;
	}
	.tabs {
		display: flex;
		list-style: none;
		border-bottom: 1px solid #e1e5e9;
		position: relative;
		font-size: 17px;
		color: #323232;
	}
	.tab-item1 {
		padding: 7px 5px;
		font-weight: 500;
		cursor: pointer;
		transition: all 0.3s ease;
		position: relative;
		user-select: none;
		white-space: nowrap;
		margin-right: 50px;
		
	}
	.tab-item1 :last-child {
		margin-right: 0;
	}
	.tab-item1.active9 {
		color: #0097FF;
	}
	
	/* 下划线指示器 */
	.indicator {
		position: absolute;
		bottom: -1px;
		left: 0;
		height: 3px;
		background-color: #0097FF;
		border-radius: 3px 3px 0 0;
		transition: all 0.3s ease;
	}
	.comment-img-list{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 9px;
	}
	.comment-img-item{
		width: 360px;
		height: 205px;
		background: #000000;
		border-radius: 8px;
	}
	.holes-nav-list{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 16px;
		column-gap: 11px;
		margin-left: 46px;
		height: 0px;
	}
	.holes-images-list{
		flex: 1;
	}
	.holes-img-list{

	}
	.picList-title{
		font-weight: 500;
		font-size: 20px;
		color: #323232;
		margin-bottom: 11px;
		margin-top: 10px;
	}
	.modal-img-list{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 9px;
	}
	.pic-wrapper{
		width: 393px;
		height: 225px;
		border-radius: 8px;
		display: block;
		position: relative;
	}
	.modal-mask-pause{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}


	/* 价格table */
	.price-table{
		width: 100%;
	}
	.price-th{
		height: 50px;
		background: #F2F2F2;
		border-radius: 7px 7px 0px 0px;
		line-height: 50px;
		font-weight: 500;
		font-size: 15px;
		color: #1A1A1A;
	}
	.book-type {
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
	}

	.book-date {
		font-weight: 500;
		font-size: 16px;
		color: #1A1A1A;
	}

	.book-text {
		font-weight: 400;
		font-size: 14px;
		color: #1A1A1A;
	}

	.book-img-list {
		display: flex;
		flex-direction: row;
		gap: 4px;
	}

	.book-img-item {
		width: 30px;
		height: 30px;
	}

	.book-tips {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.tips-orange{
		color: #F06E2A;
	}
	.tips-red{
		color: #EE595C;
	}
	.tips-green{
		color: #53B65F;
	}
	.book-info-img {
		width: 12px;
		height: 12px;
		margin-left: 6px;
	}

	.big-text {
		font-size: 24px;
	}

	.first-td {
		width: 180px;
		padding-left: 31px;
	}

	.second-td {
		width: 449px;
		padding: 20px 24px;
	}

	.third-td {
		width: 234px;
		text-align: right;
		padding-right: 17px;
	}

	.fourth-td {
		text-align: center;

	}

	.isFeeTag1 {
		padding: 3px 5px;
		border-radius: 4px;
		background: #F8E71C;
		color: #8B572A;
		line-height: 1;
		align-items: center;
		display: flex;
		font-size: 12px;
		margin-left: 7px;
		width: fit-content;
		position: relative;
	}
	.isFeeTag2 {
		padding: 3px 5px;
		border-radius: 4px;
		background: #F8E71C;
		color: #8B572A;
		line-height: 1;
		align-items: center;
		display: flex;
		font-size: 12px;
		margin-left: 7px;
		width: fit-content;
		position: relative;
	}
	.isFeeTag1:hover .tips-con{
		display: block;
	}
	.tips-con{
		left: 0;
	}
	.special-tag {
		padding: 3px 5px;
		border-radius: 4px;
		background: #F34051;
		color: #fff;
		line-height: 1;
		align-items: center;
		display: flex;
		font-size: 12px;
		margin-left: 7px;
		width: fit-content;
	}

	.icon_crown {
		width: 12px;
		height: 11px;
		margin-right: 4px;
	}

	.disabled {
		color: rgba(0, 0, 0, .3);
		background-color: #f7f7f7;
	}
	.booking-btn1{
		width: fit-content;
		padding: 0 37px;
		height: 37px;
		line-height: 37px;
		text-align: center;
		background: #088DE8;
		border-radius: 4px;
		font-weight: 500;
		font-size: 14px;
		color: #FFFFFF;
		margin: 0 auto 10px;
		cursor: pointer;
	}
	.booking-btn1:hover,.booking-btn:hover,.map-btn:hover,.comment-write-btn:hover{
		background: #3DB0FF;
	}
	.price_calendar:hover{
		color: #088DE8;
	}
	.datepicker-list .date-item.active p:last-child, .datepicker-list .date-item:hover p:last-child{
		color: #088DE8;
	}
	.booking-btn2{
		width: fit-content;
		padding: 0 37px;
		height: 37px;
		line-height: 37px;
		text-align: center;
		background: #088DE8;
		border-radius: 4px;
		font-weight: 500;
		font-size: 14px;
		color: #FFFFFF;
		margin: 0 auto 10px;
		cursor: pointer;
	}
	.yuan-price{
		color: #808080;
		font-size: 12px;
		line-height: 1;
		position: relative;
		padding: 0 2px;
		
	}
	.yuan-price span{
		padding: 0 0 0 5px;
			
	}
	.yuan-price::after {
		content: ''; /* 必须设置content属性 */
		position: absolute; /* 绝对定位 */
		left: 0; right: 0; /* 宽度覆盖整个元素 */
		top: 50%; /* 垂直居中 */
		border-bottom: 1px solid #808080; /* 底部边框作为划线 */
	}
	.fl_column{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.fl_center{
		display: flex;
		align-items: flex-end;
		justify-content: end;
	}
	.bcc-price{
		font-weight: 400;
		font-size: 12px;
		color: #AF6203;
		display: flex;
		align-items: center;
		justify-content: end;
	}
	.black-price{
		font-weight: 400;
		font-size: 12px;
		color: #1A1A1A;
	}
	.discount{
		display: flex;
		flex-direction: row;
		justify-content: end;
		margin-top: 9px;
	}
	.num1{
		width: fit-content;
		padding: 0 6px;
		height: 18px;
		line-height: 18px;
		text-align:right;
		background: #FEEBCF;
		border-radius: 2px;
		font-weight: 400;
		font-size: 12px;
		color: #FF7700;
	}
	.big-text2{
		margin-left:7px;
		font-size: 24px;

	}
	.date_item_wrap{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.datepicker-list{
		width: 1100px;
		height: 90px;
		background: #FFFFFF;
		/* border-radius: 8px; */
		border: 1px solid #E7E7E7;
		
	}
	.datepicker-list .date-item{
		background: #FFFFFF;
		border: 0px;
		height: unset;
	}
	.datepicker-list .left_btn{
		background-color: #FFFFFF;
		position: relative;
	}
	.datepicker-list .left_btn::before{
		width: 1px;
		height: 80%;
		position: absolute;
		right: 0;
		content: '';
		background: #E7E7E7;
		top: 10px;
	}
	.datepicker-list .right_btn{
		background-color: #FFFFFF;
		position: relative;
	}
	.datepicker-list .right_btn::after{
		width: 1px;
		height: 80%;
		position: absolute;
		left: 0;
		content:'';
		background: #E7E7E7;
		top: 10px;
	}
	.datepicker-list .right_btn::before{
		width: 1px;
		height: 80%;
		position: absolute;
		right: 0;
		content: '';
		background: #E7E7E7;
		top: 10px;
	}
	.datepicker-list .date-item.active{
		width: 150px;
		height: 74px;
		background: #088DE8;
		border-radius: 6px;
		color: #FFFFFF;
		border: 0px;
	}
	.datepicker-list .date-item p:first-child{
		margin: 10px 0;
	}
	.datepicker-list .date-item.active p:first-child{
		color: #fff;
	}
	.datepicker-list .date-item.active p:last-child{
		color:#fff;
	}
	.datepicker-list .price_calendar {
		height: unset;
		background-color: #fff;
	}

	  .skeleton-banner {
        width: 100%;
        height: 364px;
        background: #EBE9ED;
    }

    .skeleton-list {
        width: 1100px;
        margin: 0 auto;
    }

    .skeleton-item {
        background: #fff;
        /* padding: 15px; */

    }
	.skeleton-big-image {
        width: 540px;
        height: 400px;
        background: #EBE9ED;
        margin-right: 30px;
    }
	.skeleton-s-image{
		width: 270px;
        height: 200px;
        background: #EBE9ED;
	}
    .skeleton-image {
        width: 200px;
        height: 200px;
        background: #EBE9ED;
        margin-right: 30px;
    }

    .skeleton-title,
    .skeleton-subtitle {
        width: 200px;
        background: #EBE9ED;
        height: 50px;
    }

	.margin30{
		margin:30px 0;
	}

    .skeleton-banner,
    .skeleton-image,
    .skeleton-title,
    .skeleton-subtitle,
	.skeleton-s-image,.skeleton-big-image {

        animation-name: twinkle;
        animation-timing-function: inherit;
        animation-duration: 1.8s;
        animation-iteration-count: infinite;
        background-color: #e6e6e6;
    }

    @keyframes twinkle {
        0% {
            background-color: #e6e6e6;
        }

        50% {
            background-color: #d3d3d3;
        }

        100% {
            background-color: #e6e6e6;
        }
    }
	.combo-item:hover,.golf-item:hover,.new-item:hover {
		
		box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);
		border-radius: 8px;
	}
	.alitemcenter{
		align-items: center;
	}
	/* 日期图片hover */
	.price-date-img{
		width: 21px;
		height: 20px;
		position: relative;
		margin: 0 auto;
	}
	.price-date-img img,.area_btn_pic_right img,.area_btn_pic_left img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: opacity 0.3s ease;
	}
	.hover-date-img,.hover-img {
		opacity: 0; /* 默认隐藏悬停图片 */
	}

	.price_calendar:hover .normal-date-img,.area_btn_pic_right:hover .normal-img,.area_btn_pic_left:hover .normal-img  {
		opacity: 0;
	}

	.price_calendar:hover .hover-date-img,.area_btn_pic_right:hover .hover-img,.area_btn_pic_left:hover .hover-img {
		opacity: 1;
	}
	.datepicker-list .left_btn{
		background-size: 6px 10px;
		background-image: url("{$tpl_path}images/course/date-left.png");
	}
	.datepicker-list .right_btn{
		background-size: 6px 10px;
		background-image: url("{$tpl_path}images/course/date-right.png");
	}
	.datepicker-list .right_btn:hover{
		background-image: url("{$tpl_path}images/course/date-right-hover.png");
	}
	.datepicker-list .left_btn:hover{
		background-image: url("{$tpl_path}images/course/date-left-hover.png");
	}
	.padding11{
		padding: 0 11px;
	}
	.big-text4{
		font-size: 14px;
	}