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

a{color: #000;text-decoration: none;}
.weui-media-box_appmsg .weui-media-box__hd { margin-right: 16px;    width: 100px;    height: 80px;}

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

.rj-index-article_category{white-space: nowrap;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none; -webkit-overflow-scrolling:touch;}
.rj-index-article_category::-webkit-scrollbar{display: none}

.rj-index-article_category a{padding:5px;color:#000;}

.rj-article_list { min-height: 400px;}
.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;
}


/* 首页搜索 */
.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:8px;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-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-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;}


/* 屏幕大于 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);}

	.weui-panel{background-color:#fff !important;}

}