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

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

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

.form-control {	box-sizing: border-box;    width: 100%;    height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;    font-weight: 400;    line-height: 1.5;    color: #495057;
	background-color: #fff;    background-clip: padding-box;
	border: 1px solid #ced4da;    border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:focus { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); }

/* 卡片 */
.rj-card{ margin:15px 10px;border-radius:10px;overflow: hidden;box-shadow: 0 0 4px #ddd;background-color:#fff;}

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

/*  版权区 */
.rj-copy{ clear: both; text-align:center; background-color:#fff; line-height: 200%;}

/* 底部导航 */
.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-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_list{ box-sizing: border-box;margin: 15px;min-height: 400px;}
.rj-index_list .rj-item{display: flex;justify-content: space-between;margin-bottom: 10px;}
.rj-index_list .rj-item	.rj-left{width: calc(30vw - 10px);height: calc( (30vw - 10px) * 3/4 );margin-right: 10px;}
.rj-index_list .rj-item	.rj-left img{width: 100%;height: 100%;object-fit: cover;border-radius: 4px; position: relative;top:4px;}
.rj-index_list .rj-item	.rj-right{width: calc(65vw - 10px);}
.rj-index_list .rj-item	.rj-right .rj-item_title{height: 45px;		display: -webkit-box; -webkit-box-orient: vertical;   -webkit-line-clamp: 2; word-break: break-all;overflow: hidden;}
.rj-index_list .rj-item	.rj-right .rj-tip{height: 18px;font-size: 12px;color: #888;}

/* ** 店铺页 项目自定义表单 顶部右侧导航 */
.rj-nav_position_top_right{ position:absolute;z-index: 999;top:20px; right:0;text-align:right;font-size:14px; }
.rj-nav_position_top_right span{ display:inline-block;margin-bottom:10px;padding:4px 8px 4px 15px;border-right:0;border-radius:15px 0 0 15px;background:rgba(100,100,100,0.7);color:#fff;}
/* ** 店铺页 项目自定义表单 */
.rj-store {padding:15px;}
.rj-store .top-title{margin-bottom: 1em}
.rj-store .top-title img{border-radius: 3px; width: 100%;margin-top: 15px;}
.rj-store .top-title .nickname{width: 100%;text-align:center;font-size: 1.5em; margin-top: 10px}
.rj-store .rj-top_content img{max-width: 100%;}
.rj-store .rj-activity_box{ width: 100%; background: rgba(255, 255, 255, 0.3); border-radius: 5px; margin-bottom: 10px;} 
.rj-store .rj-activity_box input{margin-bottom: .5em;}
.rj-store .rj-activity_box .button{background:#F74D33; border-radius: 2.5em; height: 2.5em;;line-height: 2.5em; color: #fff;margin-bottom: .5em; }
.rj-store .rj-activity_box .invite{background:#FFDD00; border-radius: 3em; height: 3em;;line-height: 3em;cursor: pointer; }
.rj-store .rj-activity_box .rj-btn_upload{margin:0 auto;width:150px;line-height:50px;border:1px dashed #999;color:#888;font-size:14px; text-align: center;cursor: pointer;}
.rj-store .content{margin-bottom: 10px;}
.rj-store .title{ margin-bottom: 5px;font-size: 16px; }
.rj-store .content .title .rj-is_required{ color: #F74D33;}


/* ** 我的 */
.rj-my_head_img{ margin-bottom:50px;padding-top: 40px; text-align: center;}
.rj-my_head_img img{ width:70px;height:70px;border:2px solid #fff;border-radius: 50%;}

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


/* ** 公告列表页 */
/* *** 公告详细页 */
.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;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;}
	.rj-index_list .rj-item	.rj-left{width: calc(30vw - 10px);height: 120px;}
}


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

}