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

a{color: inherit;text-decoration: none;}
a:hover{color: inherit;text-decoration: none; }

.container{max-width:1080px !important;margin:0 auto;margin-bottom:60px;}

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

/* 顶部导航条 返回主页 按钮 */
.rj-top_title{padding: 15px;display: flex;background-color: rgb(62, 206, 181);height: 40px;align-items: center;justify-content: space-between;color:#fff}
.rj-top_title .rj-nav{display: flex;align-items: center;}
.rj-top_title .rj-nav img{width:20px}

/* 首页公告 width:100%;*/
.rj-notice{ display:flex;padding-left: 10px;padding-right: 10px;margin-top: 5px;height: 25px;justify-content: space-between;}
.rj-notice .notice_icon img{ width: 20px;}
.rj-notice .notice_icon_more img{ width: 15px;}
.rj-notice .notice-swiper { height: auto; width:90%; background-color: #fff;font-size: 14px;padding-left: 5px;}
.rj-notice .notice-swiper .swiper-container { width: 100%; height: 25px; }
.rj-notice .notice-swiper .swiper-slide { height: 20px; line-height: 20px;justify-content: flex-start; }
.rj-notice .notice-swiper .swiper-slide a { color: #333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size: 14px; }
.rj-notice .notice-swiper .swiper-pagination { position: absolute; }
.rj-notice .notice-swiper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px 0; display: block; }
.rj-notice .notice-swiper .swiper-button-next, .notice-swiper .swiper-button-prev { position: absolute; left: auto; right: 0; top: -22px; margin: 0; width: 16px; height: 16px; background-size: 16px 10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.rj-notice .notice-swiper .swiper-button-prev { margin-right: 20px; }

/* 科室预订页 时间时段 */
.index_department_book{ margin-top:0;box-shadow: none;border-top-left-radius: 0;border-top-right-radius: 0;}
.index_department_book_title{ font-size: 16px;font-weight: 600;}
.index_department_book_time_list{ display:flex;flex-wrap: wrap;justify-content: space-between;}
.active{ color: #48ba96;background-color: #e6faee;border: 1px solid #48ba96;}
.index_department_book_time{ text-align: center;width: 30%;font-size: 13px;border: 1px solid #aaa;border-radius: 5px;margin-top:10px;padding: 5px 0;}
.index_department_book_time_interval_list{ display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_department_book_time_interval{ text-align: center;width: 48%;font-size: 13px;border: 1px solid #aaa;border-radius: 5px;margin-top:10px;padding: 5px 0;}
.index_department_book_number_choice{ display:flex;margin-top: 15px;justify-content: space-between;align-items: center;}
.index_department_book_number_edit{ border: 1px solid #ccc;width: 35px;height: 35px;text-align: center;color: #ccc;font-weight: 600;font-size: 30px;line-height: 25px;}
.index_department_book_number{ border: 1px solid #ccc;width: 35px;height: 35px;text-align: center;line-height: 30px;border-right: none;border-left: none;}
/* 底部合计 */
.index_department_total{ display: flex;background-color: #fff;justify-content: space-between;padding: 10px;font-size: 14px;position: fixed;bottom: 53px;width: 100%;}
.index_department_total_button{ border: none;background-color: #f7524c;color: #fff;height: 35px;width: 130px;border-radius: 20px;outline: unset;}
/* 科室预订页 健康卡选择弹窗 */
.tips_pop{position: fixed;top:0;left:0;width:100%;height: 100%;z-index: 9999;background-color: rgba(0,0,0,0.7);}
.tips{ background-color:#fff;width: 94%;margin-left: 3%;margin-top: 40%;padding: 12px;border: 2px solid #48ba96;border-radius: 5px;}
.tips_title{ font-size:17px;font-weight:600;text-align: center;margin-bottom: 10px;}
.tips_close{ margin-top:20px;display: flex;justify-content: center;}
.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: 25px;}


/*  版权区 */
.rj-copy{ clear: both; text-align:center;line-height: 150%;font-size: 13px;}

/* 底部导航 */
.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 .rj-tabbar_img{height: 27px;width: 27px; margin: 0 auto;}
.rj-tabbar .rj-tabbar_img img{width: 100%;}
.rj-tabbar .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-title{padding:10px;line-height:150%;margin-top:30px;font-size:18px;text-align:center;}
.rj-content{padding:10px; min-height:200px;background-color:rgba(255,255,255,0.8);}
.rj-content img{ max-width: 100% !important;height: auto !important;}

.visit_explain img{ max-width: 100% !important;height: auto !important;}	


/* 内容 */
.rj-article_list a{display: flex; box-sizing: border-box;padding:8px 16px;width: 100%;}
.rj-article_list .rj-hd{    margin-right: 16px;    width: calc((100vw - 40px)/3);     height: calc((200vw - 80px)/9);  }
.rj-article_list .rj-hd img{width: 100%;height: 100%; object-fit: cover;border-radius: 6px;}
.rj-article_list .rj-bd{     width: calc(100% - (100vw - 40px)/3 - 16px);}
.rj-article_list .rj-bd .rj-bd_title{
	display: -webkit-box;  height: 48px;   margin-bottom: 5px;
	-webkit-box-orient: vertical;    -webkit-line-clamp: 2;overflow: hidden;
	white-space: normal;
	line-height: 1.4;font-size: 16px;
}

/* 屏幕大于 800px */
@media screen and (min-width:800px) {
	.container,.rj-tabbar{max-width:677px !important;}

	.rj-article_list .rj-hd{  height: 146.44444px;  width: 219.66667px; }
	.rj-article_list .rj-bd{  width: calc(100% - 235.66667px);}
}

/* 根据系统的深色模式响应深色变量 */
@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);}
}