/*****************************
* PHPwork官方网址： ruanjiesoft.com
* PHPwork应用官方QQ群： 317075601
* PHPwork应用开发者QQ： 1980572700
* 不得使用本软件用于非法用途，不得违反国家法律。
*************************************/

body{ background:#f6f6f6; }
a,a:hover{ color: #000;text-decoration: none;}
textarea{box-sizing: border-box;padding:5px;background: #f2f2f2;}

.rj-container{max-width:1080px !important;margin:0 auto;margin-bottom:80px;background: no-repeat top center;background-size: 100%;}

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

.rj-space{clear:both;width: 100%; height: 10px; }
.rj-content{ min-height:500px;margin:10px;padding: 10px;background-color:rgba(255,255,255,0.8);}

/* 顶部导航条 返回 title 主页 */
.rj-appbar{display: flex;justify-content: space-between;padding:12px 15px;}

/* 底部导航 */
.rj-tabbar{ position: fixed;bottom: 0; display: flex;justify-content: space-around;align-items: center; 
			width: 100%;height: 60px;padding: 0;box-shadow: 0 0 5px 0px rgba(153, 153, 153,0.5);text-align: center;	
			background-color: rgba(255,255,255,0.8);backdrop-filter: blur(10px);font-size:12px;z-index:999;}
.rj-tabbar img{ width: 30px;height: 30px; object-fit: cover;}



/********************/
/* 首页 */
/* index.tpl.php 开始 */
.rj_calendar_container{min-height:345px;margin:10px;margin-bottom: 30px;padding:10px;border-radius:4px;box-shadow: 0 0 5px 6px rgba(100, 100, 100, 0.1);
	background:rgba(255, 255, 255, 0.9);}

.rj_calendar{width:100%;display:flex;flex-wrap:wrap}
.rj_calendar div{margin:5px;width:11%;height:35px; text-align:center;line-height:38px;box-sizing:border-box;border-radius: 50%;}
/* 当日 */
.rj_day_today{border:2px solid #ff8d00;line-height: 32px !important;}
/* 签到 */
.rj_day_sign{background-color:#fd0;}
/* index.tpl.php 结束 */
/* 签到介绍 */
.rj-index_content{margin:10px;margin-bottom: 60px;padding:15px 5px; }
.rj-index_content img{ width: 100% !important;height: auto !important;}
/* 签到成功弹窗 */
.rj-popup{display:none;position: absolute;left:0;top:0;bottom:0;right:0;text-align: center;background:rgba(0, 0, 0, 0.8);}
.rj-popup .rj-pic{margin: 80px 50px 0;}
.rj-popup .rj-credit{color: #ff0;font-size: 60px;}
.rj-popup .rj-tip{color: #ff0;}

/* 首页领取榜 */
.rj-index_notice .swiper { width: 100%; height: 100px; }
.rj-index_notice .swiper-slide { height: 20px; line-height: 20px; }
.rj-index_notice .swiper-slide a { color: #333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.rj-index_notice .swiper-pagination { position: absolute; }
.rj-index_notice .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px 0; display: block; }
.rj-index_notice .swiper-button-next, .rj-index_notice .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-index_notice .swiper-button-prev { margin-right: 20px; }


/* ** 我的 */
.rj_my_head{display: flex;margin:20px 10px;padding:10px;border-radius:4px;box-shadow: 0 0 5px 6px rgba(100, 100, 100, 0.1);
	background:rgba(255, 255, 255, 0.9);}
.rj_my_head .rj_avatar{width:100px;text-align: center;}
.rj_my_head .rj_avatar img{width:70px;height:70px;object-fit: cover;border-radius: 50%; box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.5) ;}
.rj_my_head .rj_nickname{margin:0 20px;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8) ;}
.rj_my_head .rj_nickname span{font-size: 14px;}

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

/* *** 申请兑换 */
.rj-credit-name{flex: 1; text-align: center;}
.rj-credit-name .rj-credit-detail{padding:5px;font-size: 30px;color: #f00;}


/* 提现账号 */
.rj-chongzhi{width: 90%;margin:0 auto;padding: 20px 5px;}
.rj-chongzhi .rj-list{ display: flex;padding-top: 15px;padding-left: 10px;}
.rj-chongzhi .rj-list div{line-height: 35px}
.rj-chongzhi .rj-list input{box-sizing: border-box;background-color: #f8f8f8;border: none;width: 100%;height: 35px;margin-bottom: 10px;padding: 5px 10px;}
.rj-chongzhi p{color:#00A1E8;}

/* 签到按钮 */
.rj-btn{
	display: block;margin:10px; box-sizing: border-box;
	font-size: 18px;    text-align: center;    color: #000; line-height: 2.2;
	border-radius: 30px;    border-width: 0;
	outline: none; overflow: hidden;background: #FFD700;}



/* ***  单页 */
.rj-page_detail { margin: 10px;}
.rj-page_detail img{ max-width: 100% !important;height: auto !important;}
.rj-page_detail h2.rj-title{margin:50px 0 30px;font-size:24px;text-align:center;}
.rj-page_detail p.rj-img{ text-align:center;margin-bottom:15px;}
.rj-page_detail .rj-content{ min-height:500px;padding: 10px;background-color:rgba(255,255,255,0.8);}


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

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

}