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

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

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

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

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

/* 搜索 */
.rj_search{/*position: fixed;z-index:999;*/box-sizing: border-box;width:100%;padding:8px 10px;background-color:#f2f2f2;}
.rj_search span{display:inline-block; position:relative;}
.rj_search span .layui-icon-search{position:absolute;top:4px;left:5px;}
.rj_search input[name=key]{box-sizing:border-box;border:0;padding:4px 2px 2px 30px;width:100%;border-radius:5px;height:30px;}
.rj_search input:focus{border:1px solid #eee !important}
.rj_search input[type="submit"]{margin-left:5px;background-color:#eee;border:0;background:none;line-height:20px;width:95%}

/* 阅读和分享按钮 */
.rj-btn_share{padding:2px 10px;background-color: #f00;color: #fff;border-radius: 5px;}
.rj-btn_share:visited{background-color: #aaa}

/* 底部导航 */
.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;}
.rj-tabbar img{ width: 30px;height: 30px; object-fit: cover;}



/********************/
/* 首页 */


/* 首页公告 */
.rj-index_notice{ display:flex;align-items: center;justify-content: space-between;padding:2px 5px;}
.rj-index_notice .rj-icon{ color: #ff5722; margin-right: 10px;}
.rj-index_notice .rj-list { flex: 1;height: 25px;}
.rj-index_notice .rj-list .swiper-container { width: 100%; height: 25px; overflow: hidden; }
.rj-index_notice .rj-list .swiper-container .swiper-slide{line-height: 26px;}
.rj-index_notice .rj-more{}


/* 分割线 */
.split_line{height:10px;background-color:#f2f2f2}

/* 首页 顶部导航 */
.rj-index_nav_top{display: flex;justify-content: space-around;padding-top: 15px;padding-bottom: 10px;border-top-left-radius: 20px;border-top-right-radius: 20px;position: relative;z-index: 99999;margin-top: -25px;background-color: #fff;}
.rj-index_nav_top div{text-align:center}
.rj-index_nav_top .rj-nav_image{width:50px;border-radius:50%;margin-bottom: 5px;}
.rj-index_nav_top .rj-nav_name{font-size: 13px;}

/* 首页 中部导航 */
.rj-index_nav_center {display:flex;justify-content: space-between;flex-wrap: wrap;padding: 4px 8px 8px 8px;background-color: #fff;margin: 10px;border-radius: 10px;font-size: 13px;}
.rj-index_nav_center .center_nav_image{width:49%;margin-top:5px;border-radius: 5px;background-position: top center;background-repeat: no-repeat;background-size: cover;}
.rj-index_nav_center .center_nav_name{padding-left:5px;padding-top: 12px;}
.rj-index_nav_center .center_nav_tip{padding-left:5px;padding-bottom: 12px;font-size: 12px;}

/* 首页 文章 */
.rj-index_article {margin: 10px;}
.rj-index_article .article_flag{background-color:#fff;padding: 5px;display:flex;justify-content: space-between;border-bottom: 1px solid #f2f2f2;}
.rj-index_article .article_flag_title{display:flex}
.rj-index_article .article_flag_more{padding-top: 5px;padding-bottom: 5px;}
.rj-index_article #hot_task_style{text-align:center;padding-top: 5px;padding-bottom: 5px;border-bottom: 2px solid crimson;}
.rj-index_article #new_task_style{margin-left: 8px;padding-top: 5px;padding-bottom: 5px;}
.rj-index_article .article_list_box{background-color: rgb(255, 255, 255);display: flex;flex-wrap: wrap;justify-content: space-between;padding: 5px;padding-bottom: 10px;}
.rj-index_article .article_list{width:49%;margin-top:5px;}
.rj-index_article .article_image{width:100%;height:100px;object-fit: cover; border-radius: 6px;}
.rj-index_article .article_list_title{font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
										background-color:rgb(0, 0, 0,0.4);;color:#fff;
										padding-top: 3px;padding-bottom: 3px;margin-top: -25px;
										border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;
										padding-left: 3px;position: relative;}

.rj-index_copyright{text-align: center;font-size: 13px;margin-top: 15px;}


/* ** 文章分类页 */
.rj-article_category {}
.rj-article_category  h2{margin: 15px 10px;font-size: 18px;font-weight: normal;}
.rj-article_category .rj-list a{display: flex; box-sizing: border-box;padding:8px 16px;width: 100%;border-top: 1px solid #eee;}
.rj-article_category .rj-list .rj-hd{    margin-right: 16px;    width: calc((100vw - 40px)/3);     height: calc((200vw - 80px)/9);  }
.rj-article_category .rj-list .rj-hd img{width: 100%;height: 100%; object-fit: cover;border-radius: 6px;}
.rj-article_category .rj-list .rj-bd{     width: calc(100% - (100vw - 40px)/3 - 16px);}
.rj-article_category .rj-list .rj-bd .rj-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;
												}
.rj-article_category .rj-list .rj-bd .rj-tip{color: #bbb;}
/* ** 文章列表页 */
.rj-article_list {}
.rj-article_list  h2{margin: 15px 10px;font-size: 18px;font-weight: normal;}
.rj-article_list .rj-list > div{display: flex; box-sizing: border-box;padding:8px 16px;width: 100%;border-top: 1px solid #eee;}
.rj-article_list .rj-list .rj-hd{    margin-right: 16px;    width: calc((100vw - 40px)/3);     height: calc((200vw - 80px)/9);  }
.rj-article_list .rj-list .rj-hd img{width: 100%;height: 100%; object-fit: cover;border-radius: 6px;}
.rj-article_list .rj-list .rj-bd{     width: calc(100% - (100vw - 40px)/3 - 16px);}
.rj-article_list .rj-list .rj-bd .rj-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;
										}


/* ** 积分排行榜页 */
.rj-article_list_rank .rj-title{padding: 16px 16px 13px; font-size: 15px; font-weight: 700; }


/* 个人中心 头像 */
.rj-my_head{display:flex;padding: 30px 10px;justify-content: space-between;}
.rj-my_head .rj_avatar{width:50px;height:50px;object-fit: cover;border-radius: 50%; box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.5) ;}


/* ** 公告列表页 */
/* *** 公告详细页 */
.rj-notice_detail { margin: 10px;}
.rj-notice_detail img{ max-width: 100% !important;height: auto !important;}
.rj-notice_detail h2.rj-title{margin:50px 0 30px;line-height:150%;font-size:24px;text-align:center;}
.rj-notice_detail p.rj-img{ text-align:center;margin-bottom:15px;}
.rj-notice_detail .rj-content{ min-height:500px;background-color:rgba(255,255,255,0.8);}

/* 单页 */
.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;line-height:150%;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;background-color:rgba(255,255,255,0.8);}


/* 屏幕大于 800px */
@media screen and (min-width:800px) {
	.rj-container,.rj-tabbar{max-width:677px !important;}
	/* ** 文章分类页 */
	.rj-article_category .rj-list .rj-hd{  height: 146.44444px;  width: 219.66667px; }
	.rj-article_category .rj-list .rj-bd{  width: calc(100% - 235.66667px);}
	/* ** 文章列表页 */
	.rj-article_list .rj-list .rj-hd{  height: 146.44444px;  width: 219.66667px; }
	.rj-article_list .rj-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);}
	
}