/*****************************
* PHPwork官方网址： ruanjiesoft.com
* PHPwork应用官方QQ群： 317075601
* PHPwork应用开发者QQ： 1980572700
* 不得使用本软件用于非法用途，不得违反国家法律。
*************************************/
body{background-color: #f2f5fa;}

a{color: inherit;}
a:hover{color: inherit;text-decoration: none; }
button:focus{outline: none} /* 去点击表单按钮时显示的边框 */

/* 卡片式 */
.rj-card{overflow: hidden;border-radius:10px;box-shadow: 0 0 4px rgba(221, 221, 221,0.5);background-color:#fff;}
.rj-card-new{width:96%;margin-left:2%;margin-top:15px;padding:10px; overflow: hidden;border-radius:10px;box-shadow: 0 0 4px rgba(221, 221, 221,0.5);background-color:#fff;}

/* 首页 */
.rj-index_list{ box-sizing: border-box;margin:40px 0;padding:15px;overflow: hidden;border-radius:10px;box-shadow: 0 0 4px rgba(221, 221, 221,0.5);background-color:#fff;}
.rj-index_list .rj-item{display: flex;justify-content:space-between;align-items: center;margin-top: 10px;}
.rj-index_list .rj-item:first{margin-top: 0;}
.rj-index_list .rj-item .rj-left{ width: calc(35vw - 25px - 10px);height: calc( (35vw - 10px) * 3/4 );margin-right: 10px;}
.rj-index_list .rj-item .rj-left img{ width: 100%;height: 100%;object-fit: cover;}
.rj-index_list .rj-item .rj-right{ width: 100%;}


/* 顶部导航条 返回主页 按钮 */
.rj-top_title{line-height: 40px;text-align:center;color:#fff;background-color: #256DCB;}
.rj-top_title .rj-nav_left{position: absolute;top:0;left:15px;}
.rj-top_title .rj-nav_right{position: absolute;top:0;right:15px;}
.rj-top_title .rj-nav_left img,.rj-top_title .rj-nav_right img{width:20px}

/* 场景预订页 背景图片 */
.index_background_image{ position: absolute;top: 0;height: 250px;width: 100%;background-repeat: no-repeat;background-position: top center;background-size: 100% 100%;z-index:-1}
/* 场景预订页 头部 */
.index_header_activity{ margin-bottom:0;box-shadow: none;margin-top:80px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.index_activity_name{ display:flex;justify-content: space-between;}
.index_activity_name img{ width:20px}
.index_activity_name_style{ font-size: 18px;font-weight: 600;}
.index_activity_open_info{ display:flex;align-items: center;margin-top: 5px;}
.index_activity_open_info img{ width:15px}
.index_activity_open_info_size{ font-size: 13px;padding-left:5px}
/* 场景预订页 圆角 */
p{margin:0;padding:0;}
.top-box{background: #fff;position: relative;margin: -1px 10px 20px 10px;border-radius: 4px 4px 0 0;}
.bottom-box{background: #fff;position: relative;border-radius: 0 0 4px 4px;margin: 0 10px -2px 10px;}
.top-box p,.bottom-box p{width: calc(100% - 20px);height:10px;position:absolute;left: 10px;}
.top-box p{background: #fff;bottom: -10px;border-bottom: 2px dashed;}
.bottom-box p{background: #fff;top: -10px;}
.top-box p::before,.bottom-box p::before{content:'';position:absolute;width: 10px;height: 10px;left:-9px;}
.top-box p::after,.bottom-box p::after{content:'';position:absolute;width: 10px;height: 10px;right:-10px;}
.top-box p::before{background-image: radial-gradient(circle 10px at 0 100%,  transparent 50px, #fff 50%);}
.top-box p::after{background-image: radial-gradient(circle 10px at 100% 100%,  transparent 50px, #fff 50%);}
.bottom-box p::before{background-image: radial-gradient(circle 10px at 0 0,  transparent 50px, #fff 50%);}
.bottom-box p::after{background-image: radial-gradient(circle 10px at 100% 0,  transparent 50px, #fff 50%);}
/* 场景预订页 时间时段 */
.index_activity_book{ margin-top:0;box-shadow: none;border-top-left-radius: 0;border-top-right-radius: 0;}
.index_activity_book_title{ font-size: 15px;text-align:center;padding:3vh 16px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 阴影 */}
.index_activity_number_title{ font-size: 15px;text-align:center;padding:5px 16px; }
.index_activity_book_time_list{ display:flex;flex-wrap: wrap;justify-content: space-between;height:100vh}
.active{ color: #256DCB;background-color: #fff;font-weight:600}
.timeactive{ color: #256DCB;background-color: #99cfff;border: 1px solid #256DCB;}
.index_activity_book_time{ text-align: center;width: 100%;font-size: 13px;border-radius: px;margin-top:2px;padding: 5px 0;}
.index_activity_book_time_interval_list{ display:flex;flex-wrap: wrap;justify-content: space-between;height:72vh;overflow-y: auto;padding:1vh}
.index_activity_book_time_interval{ text-align: center;width: 94%;margin-left:3%;font-size: 13px;border: 1px solid #aaa;border-radius: 3px;margin-top:1vh;padding:1vh}
.index_activity_book_number_choice{ display:flex;justify-content: space-between;align-items: center;}
.index_activity_book_number_edit{ border: 1px solid #ccc;width: 35px;height: 35px;text-align: center;color: #ccc;font-size: 24px;}
.index_activity_book_number{ border: 1px solid #ccc;width: 35px;height: 35px;text-align: center;line-height: 30px;border-right: none;border-left: none;}
/* 游客信息 */
.index_activity_tourist_list{ display:flex;font-size:13px;align-items: center;}
.index_activity_tourist_list:first-of-type{ border-top: none !important;}
.index_activity_tourist{ display:flex;align-items: center;margin-top: 10px;}
.index_activity_tourist_often{ display:flex;align-items: center;color:#48ba96;font-size:13px;margin-top:15px;}
.index_activity_tourist_often span{ display: block;width: 15px;border: 1px solid;border-radius: 50%;height: 15px;line-height: 12px;text-align: center;margin-right: 5px;}
.index_activity_contacts{ display:flex;align-items: center;margin-top: 10px;}
/* 底部合计 */
.index_activity_total{ display: flex;background-color: #fff;justify-content: space-between;padding: 10px;font-size: 14px;position: fixed;bottom: 53px;width: 100%;}
.index_activity_total_button{ border: none;background-color: #256DCB;color: #fff;height: 46px;width: 50%;border-radius: 5px;position: fixed; bottom: 60px; right: 4.15%;}
/* 闭馆提示 */
.index_activity_tip{ min-height: 400px;border-top-left-radius: 0;border-top-right-radius: 0;padding:10px}
.index_activity_tip img{ max-width: 100% !important;height: auto !important;}
/* 场景预订页 温馨提示弹窗 */
.tips_pop{ display:none;position: fixed;top:0;left:0;width:100%;height: 100%;z-index: 9999;background-color: rgba(0,0,0,0.7);}
.tips_pop .tips{ background-color:#fff;width: 94%;margin-left: 3%;margin-top:100px;padding: 12px;border: 2px solid #256CBA;border-radius: 5px;}
.tips_pop .tips .tips_title{ font-size:17px;font-weight:600;text-align: center;margin-bottom: 10px;}
.tips_pop .tips .rj-content{ max-height: calc(100vh - 300px); overflow: scroll;}
.tips_pop .tips_close{ margin-top:20px;display: flex;justify-content: center;}
.tips_pop .tips_close span{ display: block;background-color: #fff;color:#949494;width: 30px;height: 30px;border-radius:50%;text-align: center;font-size: 25px;font-weight: 600;line-height: 28px;}

/* 底部导航 */
.rj-tabbar{position: fixed;z-index: 500;display: flex;bottom: 0;width: 100%;max-width:1080px !important;
	background-color: #fff;box-shadow:0 -4px 5px rgba(192, 191, 196, 0.2); }
.rj-tabbar a{ flex: 1;padding: 5px 0 0; }
.rj-tabbar a .rj-tabbar_img{height: 27px;width: 27px; margin: 0 auto;}
.rj-tabbar a .rj-tabbar_img img{width: 100%;}
.rj-tabbar a .rj_tabbar_label{margin:0;text-align: center; color: #000; font-size: 12px; line-height: 1.8;}

/* 我的 */
.rj-my_list_item{display: flex;justify-content: space-between;align-items: center;font-size: 16px;padding: 10px;border-bottom: 1px solid #eee;}

/* 单页 */
.rj-page_detail .rj-title{padding:10px;line-height:150%;margin-top:30px;font-size:18px;text-align:center;}
.rj-page_detail .rj-content{padding:10px; min-height:200px;background-color:rgba(255,255,255,0.8);}
.rj-page_detail .rj-content img{ max-width: 100% !important;height: auto !important;}

/* 必填颜色 */
.rj-is_required{ color: #F74D33;margin-right:3px;}
/* 我的订单类型选中 */
.type_active{ color:#256DCB;border-bottom:2px solid #256DCB}


/* 屏幕大于 800px */
@media screen and (min-width:800px) {
	.container,.rj-tabbar{max-width:677px !important;}
	.rj-index_list .rj-item	.rj-left{width: calc(30vw - 10px);height: 200px;}
}

/* 根据系统的深色模式响应深色变量 */
@media (prefers-color-scheme: dark) {
	html{filter: invert(1) hue-rotate(180deg);}
	body{background: #fff;}
	img,video{filter: invert(1) hue-rotate(180deg);}

	input::placeholder{color:rgba(0,0,0,.3);}

}