/*****************************
* PHPwork官方网址： ruanjiesoft.com
* PHPwork应用官方QQ群： 317075601
* PHPwork应用开发者QQ： 1980572700
* 不得使用本软件用于非法用途，不得违反国家法律。
*************************************/
body{ background-color: #fff;margin: 0;}

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

/* 背景颜色 */
.rj-bg{width:100%;height:150px; position:absolute;z-index:-100;background-color: #ffd100;}
/* 卡片式框 */
.rj-card{margin:15px;padding:5px;border-radius:4px;overflow: hidden;box-shadow: 0 0 4px #ddd;background-color:#fff;font-size: 14px;}
.rj-card .rj-title{position: relative;margin-bottom: 5px;min-height: 25px;}
.rj-card .rj-bottom{padding:0 5px;line-height:30px;text-align: right;}
.rj-card .rj-bottom a{padding:2px 10px;border:1px solid #999; border-radius: 10px;color:#1e1e1e;font-size:12px; }
/* 顶部导航条 返回主页 按钮 */
.rj-top-title{position: relative;line-height: 48px;text-align:center;color:#fff;background-color: #fc5b61;}
.rj-top-title .rj-nav-left{position: absolute;left:15px;}
.rj-top-title .rj-nav-right{position: absolute;right:15px;}
.rj-top-title .rj-nav-left img,.rj-top-title .rj-nav-right img{width:30px}

/* 首页上部导航 */
.rj-tabbar__item{padding: 5px 0;}
.rj-tabbar__item:active{background-color: #f5f5f5;}
.rj-tabbar__item div{width: 70%; height: 70%; margin: 0 auto;}
.rj-tabbar__item div img{width: 100%;max-width: 50px;}
.rj-tabbar__item .rj_tabbar_label{text-align: center;   color: #000; font-size: 13px; line-height: 1.8;}
 
/* 底部导航 */
.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;}

/* 加载更多 */
#page_tip{text-align:center;margin-top: 10px;color: #a3a3a3;font-size: 15px;cursor: pointer;}

/* 单页 */
.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;}


/*首页*/
.title{ margin-left:10px;font-size: 18px;margin-top: 20px;}
.index_paper_list{margin: 10px;border-top: 1px solid #eee;}
.index_paper_name{font-size: 16px;padding-top: 10px;}
.index_paper_tip{font-size: 14px;color: #666;margin-top: 5px;}
.index_paper_time{display:flex;font-size: 14px;}
.index_paper_user{display:flex;justify-content: space-between;margin-top: 5px;}
.index_paper_user_avatar{ width: 25px;height: 25px;border-radius: 50%;}
.index_paper_start{background-color:#fc5b61;color:#fff;border: none;height: 25px;padding-left: 10px;padding-right: 10px;}

/* 考试-练习 */
.paper_category{display:flex;overflow:auto;height: 48px;line-height: 45px;background-color: #fc5b61;color: #fff;}
.paper_category_name{width:20%;flex-shrink: 0;text-align: center;cursor: pointer;}
.category_active{border-bottom: 3px solid #ffd100;}
.paper_start_time{font-size: 14px;margin-top:5px;}
.paper_list{margin: 10px;border-bottom: 1px solid #eee;}
.paper_button{text-align:right;padding-bottom: 10px;}

/* 试卷首页 */
.paper_info{border-bottom: 1px solid #eee;display:flex;}
.paper_input{border: none;font-size: 16px;outline: none;}


/* 答题 */
.problem_title{font-size: 15px;font-weight: 600;margin-bottom: 20px;display:flex;}
.problem_type{color:#fc5b61;width: 35px;}
.problem_answer{font-size: 15px;margin-bottom: 5px;display:flex;padding: 5px;}
.choice_problem_answer{background-color: #ddd;}

/* 个人中心 */
.rj-btn_login{width: 100%;border: none;height: 35px;font-size: 16px;border-radius: 30px;background-color:#fc5b61;color:#fff;outline: none;cursor: pointer;}


/* 屏幕大于 800px */
@media screen and (min-width:800px) {
	.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);}

}