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



/********************/
/* 页头 */
/* 页头 pc */
.rj-header{ position: fixed;top: 0;z-index: 1000; padding:0;width: 100%;box-sizing: border-box;box-shadow: 0 2px 8px 0 rgba(0,0,0,.06);
	background-color: rgba(255,255,255,0.8); backdrop-filter: blur(10px);}
.rj-header .rj-header_container{display:flex;justify-content: space-between;align-items: center;}
.rj-header .rj-header_container .rj-logo{ max-width:100%;}
/*  页头 pc 导航 */
.rj-header .rj-header_container .rj-nav .rj-nav_item{ position: relative;display:inline-block;margin:0 20px; font-size: 16px; }
.rj-header .rj-header_container .rj-nav a{display:block;line-height: 80px;}
/* 页头 pc 导航 下边线动画 */
.rj-header .rj-header_container .rj-nav > .rj-nav_item > a::after {
	content: '';	position: absolute;	bottom: 0;	left: 0;
	width: 0;	height: 3px;
	background-color: #1e9fff;
	transition: width 0.3s ease;
}
.rj-header .rj-header_container .rj-nav > .rj-nav_item > a:hover::after { width: 100%; }

/* 页头 pc 导航 子菜单 */
.rj-header .rj-header_container .rj-nav .rj-nav_2 {
	display: none;
	position: absolute;z-index: 1;left:-40px;
	min-width: 150px;border-radius: 4px;box-shadow: 0 0 10px rgba(0,0,0,0.2);
	background-color: rgba(255,255,255,0.9); backdrop-filter: blur(10px);
}
.rj-header .rj-header_container .rj-nav .rj-nav_2 .rj-nav_item{display:block;margin:0;}
.rj-header .rj-header_container .rj-nav .rj-nav_item:hover .rj-nav_2 { display: block; text-align: center; }
.rj-header .rj-header_container .rj-nav .rj-nav_2 .rj-nav_item a{display:block;line-height: 50px;}
/* 页头 pc 导航 子菜单 下边线动画 */
.rj-header .rj-header_container .rj-nav .rj-nav_2 a::after {
	content: '';position: absolute;	bottom: 0;left:0;
	width: 3px;	height: 0;
	background-color: #1e9fff;
	transition: height 0.3s ease;
}
.rj-header .rj-header_container .rj-nav .rj-nav_2 a:hover::after { height: 100%; }

/* 页头 pc 导航 激活状态*/
.rj-header .rj-header_container .rj-nav a.rj-active {color: #1e9fff;}
/* 头部pc 导航 子菜单 激活状态*/
.rj-header .rj-header_container .rj-nav > .rj-nav_item > a.rj-active::after {width: 100%; }
.rj-header .rj-header_container .rj-nav .rj-nav_2 a.rj-active::after {height: 100%; }
/* 页头 pc QQ */
.rj-header .rj-qq{ text-align: center;line-height: 80px;cursor: pointer;}

/* 页头 H5 */
.rj-header_wap{display: none;justify-content: space-between;position: fixed;top: 0;z-index: 9999;padding: 0 15px;width: 100%;min-height: 80px;box-sizing: border-box;
				box-shadow: 0 2px 8px 0 rgba(0,0,0,.06);
				background-color: rgba(255,255,255,0.8); backdrop-filter: blur(10px);}
.rj-header_wap .rj-logo{line-height: 80px;}
.rj-header_wap .rj-logo img{max-width:95%;max-height:80px;}
.rj-header_wap .rj-btn{display: flex;justify-content: flex-end;align-items: center;}
.rj-header_wap .rj-btn img{width: 40px;}

.rj-header_wap .rj-header_container{ display:none;position: absolute;left: 0;top:80px;width: 100vw;height:calc(100vh - 80px);overflow-y: auto;z-index: 9999;background-color: rgba(50, 50, 50,0.95); }
.rj-header_wap .rj-header_container a{color:#fff;}
.rj-header_wap .rj-header_container .rj-nav{ width:100vw;padding:20px;box-sizing: border-box;font-size: 16px; }
.rj-header_wap .rj-header_container .rj-nav .rj-nav_item a{ display: block;border-bottom: 1px solid #eee;padding: 10px 0 0 10px;line-height: 50px; }
.rj-header_wap .rj-header_container .rj-nav .rj-nav_2 {padding:0 20px;}
.rj-header_wap .rj-header_container .rj-nav a.rj-active {border-bottom: 2px solid #31bdec;color: #31bdec;font-weight: bold}
/* 页头 H5 QQ */
.rj-header_wap .rj-header_container .rj-qq{ text-align: center;color:#fff;line-height: 80px;}

/* 页头 pc-wap切换 */
@media (max-width: 800px) {
	.rj-header{display:none}
	.rj-header_wap{display:flex}
}
/* 页头 占位 */
.rj-header_bottom{ height: 100px;}

/* 页脚 */
.rj-footer{margin-top: 50px;padding:20px;min-height: 80px; text-align: center;   background: #2a2d3e;color: #9c9fae;}
.rj-footer a,.rj-footer a:hover{color: #9c9fae;}


/********************/
/* 首页 */
/* 首页 轮播 */
.rj-index_slide{ margin:-120px 0 20px;}
.rj-index_slide .swiper-slide img { display: block; width: 100%;  height: 1080px; object-fit: cover; }
.swiper-button-next,.swiper-button-prev { color: rgba(255, 255, 255,0.8) !important; }
@media screen and (max-width: 768px) {
	.rj-index_slide .swiper-slide img { height: 320px; }
	.swiper-button-next,.swiper-button-prev { color: rgba(255, 255, 255,0.4) !important; }
}
/* 首页 商品列表 */
.rj-index_goods_list{min-height: 400px;}
.rj-index_goods_list h2.rj-title{ padding: 50px 0 20px; text-align: center;font-size: 30px;font-weight: normal;}
.rj-index_goods_list p.rj-tip{margin-bottom:30px;text-align: center;font-size: 16px;}
.rj-index_goods_list div.rj-item a{display:block;border-radius: 4px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.rj-index_goods_list div.rj-item h3.rj-title{margin: 5px;font-size: 16px;font-weight: normal;
												display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.rj-index_goods_list div.rj-item .rj-price{padding: 0 5px 5px;color: #f00;font-size: 16px;}
.rj-index_goods_list p.rj-more{padding: 15px 5px 20px;text-align: center;}
.rj-index_goods_list p.rj-more a{font-size: 16px;color: #888;}
/* 首页 文章分类 列表 */
.rj-index_article_list h2.rj-title{ padding: 50px 0 20px; text-align: center;font-size: 30px;font-weight: normal;}
.rj-index_article_list p.rj-tip{margin-bottom:30px;text-align: center;font-size: 16px;}
.rj-index_article_list div.rj-item h3{ margin: 10px 20px 10px;  }
.rj-index_article_list div.rj-item p{ margin: 0 20px 20px; }
.rj-index_article_list p.rj-more{ text-align:right; padding-right:10px}
/* 首页 友情链接 */
.rj-index_link{padding: 50px 0;text-align: center;}
.rj-index_link a{padding: 0 10px;}


/* 商品分类页 */
/* .rj-goods_category{padding:20px;height: 30px;text-align: center;white-space: nowrap;overflow-x: auto;overflow-y:hidden;}
.rj-goods_category a{padding: 0 20px;font-size: 18px;} */

.rj-goods_list{min-height: 400px;}
.rj-goods_list > h2.rj-title{margin:50px 0 30px;line-height:150%;font-size:30px;text-align:center;font-weight: normal;}
.rj-goods_list > p.rj-tip{margin-bottom:30px;text-align: center;font-size: 16px;}
.rj-goods_list div.rj-item a{display:block;border-radius: 4px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.rj-goods_list div.rj-item h3.rj-title{margin: 5px;height: 45px;font-size: 16px;font-weight: normal;
											display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;
										}
.rj-goods_list div.rj-item .rj-price{padding: 0 5px 5px;color: #f00;font-size: 16px;}

/* *** 商品详细页 */
.rj-goods_detail{ margin-bottom:10px;}
.rj-goods_detail img{width: 100%;}
.rj-goods_detail h2.rj-title{padding: 5px;min-height: 50px;font-size: 20px;
							display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;
						}
.rj-goods_detail .rj-price{padding: 10px 20px;background-color: #f3f3f3;margin-bottom: 10px;}
.rj-goods_detail .rj-price span{color: #f00;font-size: 28px;}
.rj-goods_detail .rj-info{padding: 10px;}
/* *** 商品详细页 商品侧边 */
.rj-goods_side{margin-bottom:20px;}
.rj-goods_side > h3.rj-title{margin:50px 0 30px;line-height:150%;font-size:16px;text-align:center;font-weight: normal;}
.rj-goods_side div.rj-item a{display:block;border-radius: 4px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
.rj-goods_side div.rj-item h3.rj-title{margin: 5px;height: 45px;font-size: 16px;font-weight: normal;
											display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;
										}
.rj-goods_side div.rj-item .rj-price{padding: 0 5px 5px;color: #f00;font-size: 16px;}


/* 文章分类页 */
.rj-article_list{ min-height:500px;}
.rj-article_list > h2.rj-title{margin:50px 0 30px;line-height:150%;font-size:24px;text-align:center;}
.rj-article_list > p.rj-tip{margin-bottom:30px;text-align: center;font-size: 16px;}
.rj-article_list div.rj-item{ margin: 10px 20px 10px;  }
.rj-article_list div.rj-item h3.rj-title{ font-size: 16px;}
.rj-article_list div.rj-item p.rj-date{ color: #bbb;line-height: 40px;}
.rj-article_list div.rj-item p.rj-tip{ color: #aaa;}

/* 横向滑动文章卡片 */
.article-card {
    display: flex;
    flex-direction: column;
    width: 300px;
    min-width: 300px;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.article-card .article-image {
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.article-card .article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.article-card:hover .article-image img {
    transform: scale(1.05);
}
.article-card .article-content {
    padding: 15px;
}

/* Swiper 样式调整 */
.myArticleSwiper {
    padding: 20px 0;
}
.myArticleSwiper .swiper-slide {
    display: flex;
    justify-content: center;
}

/* 文章详细页 */
.rj-article_detail{ margin-bottom:10px;}
.rj-article_detail img{ max-width: 100% !important;height: auto !important;}
.rj-article_detail h2.rj-title{margin:50px 0 30px;line-height:150%;font-size:24px;text-align:center;}
.rj-article_detail p.rj-img{ text-align:center;margin-bottom:15px;}
.rj-article_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);}


/* 分页 */
.rj-page{margin: 10px 0;text-align:center;}
.rj-page span,.rj-page a{display: inline-block;vertical-align: middle; margin: 0 -1px 5px 0;padding: 0 15px; height: 28px;
							line-height: 28px;border: 1px solid #eee;background-color:#fff;color: #333;font-size: 12px;}
.rj-page .layui-laypage-skip{margin-left: 10px;	margin-right: 0;padding: 0;border: none;color: #999;}
.rj-page input{margin: 0 10px;	padding: 0 3px;	height: 30px;border-radius: 2px;border: 1px solid #eee;
				vertical-align: top;color: #333;line-height: 30px;background-color: #fff;outline: none;}


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


}