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

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

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

.rj-soft_img { position:relative; margin-right: 10px; width: 80px; height: 80px;}
.rj-soft_img img{border-radius: 10px;width: 80px;height: 80px;object-fit: cover;}
.rj-soft_img .rj-label{position: absolute;left:0;bottom:0;padding:2px 5px;border-radius:0 10px 0 4px;color:#fff;font-size:10px;}

.rj-btn_down{position:absolute;right:10px;bottom:10px;border: none;min-width: 60px;height: 26px;padding: 0 8px;background-color: #07c160;border-radius:14px;
				color: #fff;font-size: 14px;line-height: 26px;}	

/* 卡片式 */
.rj-card{margin:15px;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;}

.rj-copyright,.rj-copyright a{padding:10px 5px;text-align: center;font-size: 12px;color: #666;}

/* 底部导航 */
.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_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:3px;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;color:#000;}
.rj_search input:focus{border:1px solid #eee !important}
.rj_search input[type="submit"]{margin-left:5px;border:0;background:none;color:#000;line-height:20px;width:95%}

/* 首页公告 */
.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{}

/* 首页 精品推荐 软件 */
.rj-index_soft_tuijian{margin:15px;border-radius:6px;overflow: hidden;background-color:#fff;}
.rj-index_soft_tuijian .rj-list{display: flex;padding:0 16px  10px 0;width: 100%;
									white-space: nowrap;overflow-x: auto;overflow-y:hidden; -webkit-overflow-scrolling:touch;}
.rj-index_soft_tuijian .rj-list a{display: flex;align-items: center;padding:5px 10px;position: relative;color:#000;font-size: 16px;}

/* 首页 推荐软件 tab */
.rj-index_soft_category{padding: 16px 16px 13px;width: 100%;font-size: 16px; font-weight: 600;
							white-space: nowrap;overflow-x: auto;overflow-y:hidden; -webkit-overflow-scrolling:touch;}
.rj-index_soft_category a{padding:5px;color:#000;font-size: 16px;}

/* 首页 推荐文章 */
.rj-index_article {padding:10px;box-sizing: border-box;}
.rj-index_article .rj-title{ display:flex;justify-content: space-between;align-items: center;margin-bottom:10px;}
.rj-index_article .rj-title h2{font-size: 16px;font-weight: 600;padding: 8px 0;}
.rj-index_article .rj-list a{display: flex; padding:8px 16px;width: 100%;}
.rj-index_article .rj-list .rj-hd { margin-right: 16px; width: calc((100vw - 40px)/3); height: calc((200vw - 80px)/9);  }
.rj-index_article .rj-list .rj-hd img{width: 100%;height: 100%; object-fit: cover;border-radius: 6px;}
.rj-index_article .rj-list .rj-bd { width: calc(100% - (100vw - 40px)/3 - 16px);}
.rj-index_article .rj-list .rj-bd .rj-title{ display: -webkit-box; height: 48px; margin-bottom: 5px;
											overflow: hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 2;
											white-space: normal;line-height: 1.4;font-size: 16px;
											}
.rj-index_article .rj-list .rj-bd .rj-tip{color: #bbb;}
.rj-index_article .rj-list .rj-bd .rj-date{text-align: right;color: #bbb;}


/* ** 文章分类页 */
.rj-article_category {}
.rj-article_category  h2{margin: 15px 10px;font-size: 16px;font-weight: 600;}
.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: 16px;font-weight: 600;}
.rj-article_list .rj-list a{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 .rj-list .rj-bd .rj-tip{color: #bbb;}
.rj-article_list .rj-list .rj-bd .rj-date{text-align: right;color: #bbb;}

/* *** 文章详细页 */
.rj-article_detail {margin: 15px 10px;}
.rj-article_detail .rj_title{padding: 20px 15px 10px;text-align: left;   font-size: 20px;  font-weight: 400;line-height:150%;margin-top:30px;}
.rj-article_detail .rj_author{padding:0 15px 10px;color: rgba(0,0,0,0.3);}
.rj-article_detail .rj-content{padding:10px; min-height:200px;background-color:rgba(255,255,255,0.8);}
.rj-article_detail .rj-content img{ max-width: 100% !important;height: auto !important;border-radius: 6px;}





/* ** 公告列表页 */
/* *** 公告详细页 */
.rj-notice_detail { margin: 10px;}
.rj-notice_detail img{ max-width: 100% !important;height: auto !important;border-radius: 6px;}
.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;border-radius: 6px;}
.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);}



/* ** 软件分类页 */
.rj-category_tab{position: relative;}
.rj-category_tab .rj-nav{ position: fixed;top:0;bottom:53px; width:25%;background-color: #F5F5F5;overflow: hidden;OVERFLOW-Y: auto; OVERFLOW-X:hidden;}
.rj-category_tab .rj-nav ul li{ height: 50px;line-height: 55px;text-align: center;font-size:15px;color:#000}
.rj-category_tab .rj-list{ float: right;margin:0 0 70px 0;width: 75%;height:calc(100vh - 70px); min-height: 500px; overflow: hidden;OVERFLOW-Y: auto; OVERFLOW-X:hidden;}

.rj-category_tab .rj-nav .rj-category_selected{background:#fff;border-left:3px solid #07c160;color:#07c160 !important;}
/* *** 软件详细页 */
.rj-soft_detail .rj-content img{ max-width: 100% !important;height: auto !important;border-radius: 6px;}


/* ** 我的头像 */
.rj-my_head{text-align: center;padding: 30px 15px 20px 15px;display: flex;align-items: center;}
.rj-my_head .rj_avatar{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{padding-left: 15px;}
.rj-my_head .rj_nickname div{text-align: left;}
/* ** 退出 */
.rj-my_logout{padding:20px 0;text-align:center;}
.rj-my_logout a{color:#666;}



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

    /* ** 软件分类页 */
    .rj-category_tab .rj-nav{width:180px;}

}

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

}