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

html,body{overflow-x: hidden;}
a,a:link{ color: #000; text-decoration: none;}
.weui-media-box_appmsg .weui-media-box__hd {    margin-right: 16px;    width: 100px;    height: 80px;}
.weui-media-box__title {height: 55px;
    display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;
    white-space: normal;
}

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

.rj-index-article_sort{width: 100%;white-space: nowrap;overflow-x: auto; -webkit-overflow-scrolling:touch;padding: 12px 15px;background-color: #fff;display: flex;gap: 10px;-ms-overflow-style: none;scrollbar-width: none;}
.rj-index-article_sort::-webkit-scrollbar{display: none;}
.rj-index-article_sort a{padding: 8px 20px;color:#333;background-color: #f5f5f5;border-radius: 20px;font-size: 14px;text-decoration: none;flex-shrink: 0;}
.rj-index-article_sort a.rj-sort-active{background-color: #388CEB;color: #fff;}
.rj-sort-select{display: flex;align-items: center;gap: 10px;padding: 10px 15px;font-size: 14px;color: #666;}
.rj-sort-select span{font-weight: 500;}
.rj-sort-select a{color: #666;text-decoration: none;padding: 0;}
.rj-sort-select a.rj-sort-active{color: #388CEB;font-weight: 500;}
.rj-sort-divider{color: #ccc;margin-left: 0px;}
.rj-sort-stats{color: #666;font-size: 14px;font-weight: 500;margin-left: 0px;}
.rj-sort-total{color: #f53f3f;font-weight: 600;}
.rj-sort-today{color: #388CEB;font-weight: 600;}

/* 卡片式 */
.rj_card{margin:15px;margin-top: 40px;margin-bottom: 0px;  border-radius:10px;overflow: hidden;box-shadow: 0 0 4px rgba(221, 221, 221,0.5);background-color:#fff;}
.rj_card .swiper-container{overflow: visible;}

/*
首页搜索
*/
.rj_search_area{background-color: #fff;padding: 15px;box-sizing: border-box;position: fixed;top: 0;left: 0;right: 0;z-index: 999;border-bottom: 1px solid #e5e5e5;}
.rj_search_title{font-size: 18px;font-weight: 600;color: #388CEB;text-align: center;margin-bottom: 12px;}
.rj_search_form{position: relative;width: 100%;margin: 0 auto;background-color: #f5f5f5;border-radius: 20px;height: 36px;}
.rj_search_icon{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);color: #999;font-size: 14px;}
.rj_search_input{width: 100%;height: 100%;border: none;background: transparent;padding-left: 32px;padding-right: 12px;font-size: 14px;color: #333;border-radius: 20px;box-sizing: border-box;}
.rj_search_input:focus{outline: none;}
.rj_content_area{padding-top: 80px;}

/*
我的头像
*/
.rj_my_head{text-align: center;padding: 20px 15px 10px;}
.rj_my_head .rj_avatar{width:70px;height:70px;border-radius: 50%; box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.5) ;}
.rj-my-info{background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color: #fff;}

.rj-copyright{padding:10px 5px;text-align: center;}
/* 底部导航 */
.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-foot-img{height: 27px;width: 27px; margin: 0 auto;}
.rj-tabbar .rj-foot-img img{width: 100%;}
.rj-tabbar .rj_tabbar_label{margin:0;text-align: center;   color: #000; font-size: 12px; line-height: 1.8;}

/* 单页 */
.rj-title{padding:10px;line-height:150%;margin-top:30px;font-size:18px;text-align:center;}
.rj-content{padding:10px; min-height:200px;background-color:rgba(255,255,255,0.8);}
.rj-content img{ max-width: 100% !important;height: auto !important;}

/*二级页面*/
.rj-my-top{display: flex;padding: 5px;justify-content: space-between;align-items: center;color: #000;text-align: center;}


.rj-soft-section {
    margin-top: 10px;
}



.rj-soft-grid {
    padding: 0 10px;
    margin: 0;
    margin-top: 10px;
    border: none;
}

.rj-soft-card {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #e5e5e5;
}

.rj-soft-card a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.rj-soft-card-top {
    display: flex;
    align-items: center;
    padding: 12px;
}

.rj-soft-card-img {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 8px;
}

.rj-soft-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
}

.rj-soft-card-main {
    flex: 1;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rj-soft-card-title {
    font-size: 17px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    margin-bottom: 4px;
}

.rj-soft-card-time {
    font-size: 12px;
    color: #646464;
    margin-bottom: 4px;
}

.rj-soft-card-download {
    font-size: 12px;
    color: #646464;
}

.rj-soft-card-btn {
    flex-shrink: 0;
    border: none;
    padding: 6px 16px;
    background-color: #388CEB;
    color: #fff;
    border-radius: 12px;
    font-size: 12px;
}

.rj-soft-card-tip {
    padding: 0 12px 12px;
    font-size: 13px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-top: 1px solid #f5f5f5;
    margin-top: 4px;
    padding-top: 8px;
}

.rj-soft-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: #999;
    font-size: 14px;
}

.rj-soft-loading-icon {
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top-color: #388CEB;
    border-radius: 50%;
    margin-right: 8px;
    animation: rj-loading 0.8s linear infinite;
}

@keyframes rj-loading {
    to { transform: rotate(360deg); }
}

.rj-soft-no-more {
    text-align: center;
    padding: 20px;
    color: #999;
    font-size: 14px;
}

.rj-soft-more {
    padding: 15px;
    text-align: center;
    background-color: #fff;
    margin-top: 10px;
}

.rj-soft-more a {
    color: #999;
    font-size: 15px;
}

#rj-notice-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rj-notice-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.rj-notice-show .rj-notice-mask {
	opacity: 1;
}

.rj-notice-content {
	position: relative;
	width: 85%;
	max-width: 400px;
	background-color: #fff;
	border-radius: 12px;
	overflow: hidden;
	transform: scale(0.8);
	opacity: 0;
	transition: all 0.3s ease;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.rj-notice-show .rj-notice-content {
	transform: scale(1);
	opacity: 1;
}

.rj-notice-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	background-color: #f8f9fa;
	border-bottom: 1px solid #e9ecef;
}

.rj-notice-title {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.rj-notice-close {
	width: 28px;
	height: 28px;
	border: none;
	background-color: transparent;
	font-size: 24px;
	color: #999;
	cursor: pointer;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rj-notice-close:hover {
	color: #666;
}

.rj-notice-body {
	padding: 20px;
	font-size: 14px;
	line-height: 1.8;
	color: #333;
	max-height: 40vh;
	overflow-y: auto;
}

.rj-notice-body strong {
	font-weight: 600;
	color: #388CEB;
}

.rj-notice-body em {
	font-style: italic;
}

.rj-notice-body code {
	background-color: #f5f5f5;
	padding: 2px 6px;
	border-radius: 4px;
	font-family: monospace;
	font-size: 13px;
}

.rj-notice-body ul,
.rj-notice-body ol {
	padding-left: 20px;
	margin: 8px 0;
}

.rj-notice-body li {
	margin: 4px 0;
}

.rj-notice-body blockquote {
	border-left: 4px solid #388CEB;
	padding-left: 12px;
	margin: 8px 0;
	color: #666;
	background-color: #f8f9fa;
	padding: 8px 12px;
	border-radius: 0 4px 4px 0;
}

.rj-notice-footer {
	padding: 16px 20px;
	border-top: 1px solid #e9ecef;
	text-align: center;
}

.rj-notice-btn {
	padding: 10px 40px;
	background-color: #388CEB;
	color: #fff;
	border: none;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.rj-notice-btn:hover {
	background-color: #2e7cd4;
}

/* pc 屏幕大于 800px */
@media screen and (min-width:800px) {
	.container,.rj-tabbar{max-width:677px !important;}
}