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

body{ background-color: #fff;margin: 0;}
/* 背景颜色 */
.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{line-height: 48px;text-align:center;color:#666}
.rj-top_title .rj-nav_left{position: absolute;top:8px;left:15px;}
.rj-top_title .rj-nav_right{position: absolute;top:8px;right:15px;}
.rj-top_title .rj-nav_left img,.rj-top_title .rj-nav_right img{width:30px}

/* 头部 */
/* .header{ min-height: 180px;text-align: center;}
.header .avatar{ padding-top:20px;text-align: center;}
.header .nickname{text-align: center;}
.header .point{ font-size:30px;color:#EFB600;}
.header .header_nav{ color:#5B6F97;margin-top: 15px;}
.header .header_nav a{ color:#5B6F97} */
.header{ background-color:#ffd100;display: flex;padding-top: 6%;height: 120px;width: 100%;}
.avatar{ width: 30%; display: flex;justify-content: center;}
.nickname{ text-align: left;padding-top: 20%;}
.uid{ font-size: 13px;}
.href{ color:#000}
/* 过渡线 */
.hr{ height: 5px;background-color: #f8f8f8;}

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

 
/* 商品分类 */
.goods_category{width: 100%;white-space: nowrap;overflow-x: scroll; -webkit-overflow-scrolling:touch;
					height: 55px;margin:0 0 5px 0px;line-height: 50px;}
.goods_category::-webkit-scrollbar{ width:0; height:2px;  display: none; }/*去掉滚动条*/

.goods_category .category_item{ display: inline-block;margin:0 10px; color:#949494;}
.goods_category .active{ color:#000;border-bottom: 3px solid #EFB600;}

.goods_body{width:100%;display: flex;justify-content: flex-start;flex-wrap: wrap;flex-direction: row}

/* 商品列表 */
.goods{ box-sizing: border-box;width:50%;padding:10px 10px 5px;}
.goods:nth-child(odd){padding-right: 5px;}
.goods:nth-child(even){padding-left: 5px;}

.goods .yes_tag{ display: block;width: 65px;height: 25px;line-height: 25px;background-color: rgba(239, 182, 0,0.7);color: #fff;position: absolute;top: 0;border-radius: 0 0 34px 0;font-size: 12px;padding-left: 10px;}
.goods .no_tag{ display: block;width: 65px;height: 25px;line-height: 25px;background-color: rgba(255, 255, 255, 0.5);color: #fff;position: absolute;top: 0;border-radius: 0 0 34px 0;font-size: 12px;padding-left: 10px;}
.goods .goods_img{position: relative;}
.goods .goods_img img{width: 100%; margin-right: 16px; display: block;}
.goods .title{height:48px;margin-top: 5px;padding-left: 5px;font-size: 15px;color: #000;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}
.goods .point{margin-top: 2px;color: #EFB600;padding-left: 5px;}


/*商品详细*/
.detail_title{ font-size: 17px;font-weight: bold;}
.detail_price{ display: flex;justify-content: space-between;margin-top: 10px;}
.detail_tip{ margin: 10px auto;font-size: 15px;}
.rj-detail_content img{max-width:100% !important;text-align:center;}

.footer_buy{ display: flex;position: fixed;justify-content:space-between;bottom: 0;width: 100%;height: 60px;background-color: rgba(255, 255, 255, 0.95);}
.buy_button{ background-color: #F3DAA3;line-height: 60px;width: 40%;text-align: center;font-size: 17px;height: 60px;}
.buy_button a{ color: #FAF0DA;}


/* 订单*/
.order_list{padding:5px;border-radius:4px;overflow: hidden;background-color:#fff;font-size: 14px;margin-bottom: 5px;}
.order_list .order_title{position: relative;margin-bottom: 5px;min-height: 25px;}
.order_list .order_bottom{padding:0 5px;line-height:30px;text-align: right;}
.order_list .order_bottom a{padding:2px 10px;border:1px solid #999; border-radius: 10px;color:#1e1e1e;font-size:12px; }

/*下单*/
.address{ position: relative;height: 65px;line-height: 65px;font-size: 18px;}
.address-i{ display: inline-block;width: 28px;border-radius: 50%;background-color: #EFB600;text-align: center;color: #fff;height: 28px;line-height: 28px;margin: 18px 15px 0 10px;font-size: 25px;}
.confirm-button{ width: 40%;text-align: center;background-color: #EFB600;color: #fff;font-size: 17px;}
.order-pay{ width: 100%;position: fixed;bottom: 0;display: flex;background-color: #fff;height: 50px;line-height: 50px;}
.order-pay-price{ color:#F15956;font-size: 19px;padding-left: 5px;}

/*订单列表*/
.nav_order{background-color: #fff;height: 2em;line-height: 2em;}
.nav_order ul{display:flex; justify-content: center;}
.nav_order ul li{flex-grow:1;display: inline-block;padding: 0;border-bottom: 2px solid #fff;text-align:center; font-size:16px}
.nav_order ul li a{color: #000;text-decoration: none;}
.nav_order ul li:hover{ border-bottom: 1px solid #EFB600;}

.list{background-color: #fff;}
.order_num{width:95%;height: 2.3em;line-height: 2.3em;margin-left:10px;border: 1px solid #ffffff;border-bottom-color: #F8F8F8;}
.goods_details{clear:both;width:98%;min-height:90px;border: 1px solid #ffffff;border-bottom-color: #F8F8F8;font-size:15px;}
.credit{clear:both;width:90%;margin-left:10px;height: 2.3em;line-height: 2.5em;}
.button{background-color: darkgray;border: none;width: 65px;border-radius: 3px;height: 20px;}
.rj-btn-daizhifu{margin-right:15px;padding:3px 10px 2px;border:1px solid #f00;border-radius: 15px;font-size:14px;color:#f00}
.rj-btn-daiqueren{margin-right:15px;padding:3px 10px 2px;border:1px solid #ccc;border-radius: 15px;font-size:14px;color:#000}

/* 单页 */
.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;}
.rj-page_detail .rj-content img{ max-width: 100% !important;height: auto !important;}


/* 购物车 */
.list{ display: flex;margin-top: 10px;}
.checkbox{ display: flex;width: 15%;align-items: center;}
.par{ display: flex;}
.content_img{ width: 45%; overflow: hidden;display: flex;justify-content: center;}
.content_title_s{ margin-top: 10px;}
.content_title{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

/*商品分类*/
.keywords{ width: 100%;text-align: center;background-color: #F0EFF4;height: 45px;line-height: 45px;}
.keywords input{ width: 90%;border: none;height: 30px;border-radius: 22px;text-align: center;background-color: #fff;}
.keywords input::-webkit-input-placeholder{ text-align:center;}
.category_content{ /* display: flex;width: 100%;overflow-x: hidden;height: 88%;*/}
.category_list{ position: fixed;left:0;top:45px;bottom:53px; width:25%;background-color: #F5F5F5;overflow: hidden;OVERFLOW-Y: auto; OVERFLOW-X:hidden;}
.category_list ul li{ height: 50px;line-height: 50px;text-align: center;font-size:15px;color:#000}
.category_goods_list{ float: right;margin:0;width: 75%; min-height: 500px; overflow: hidden;OVERFLOW-Y: auto; OVERFLOW-X:hidden;}

.goods_list_order{ display:flex;height: 45px;background: #f5f5f5;line-height: 45px;justify-content: space-around;font-size: 14px;}
.goods_list_content{ margin-left:5%}
.for_goods_list{ display:flex;width:100%;padding-top: 10px;padding-bottom: 5px;border-bottom: 1px solid #F5F5F5;align-items: center;}
.category_goods_img{ width: 30%;}
.category_goods_content{ width:70%;margin-left: 3%;}
.category_goods_title{ font-size:15px}
.category_goods_salenum{ font-size: 12px;color: #A6A6A6;}
.price_cart{ display: flex;justify-content: space-between;}
.category_goods_price{ font-size: 15px;color: #FC5554;}
.category_price_y{ font-size:12px;color:#A1A1A1;text-decoration-line: line-through;}

/* 根据系统的深色模式响应深色变量 */
@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-cells{background-color:#fff !important;}
	.weui-panel__hd{color:#000;}
	.weui-input::placeholder{color:rgba(0,0,0,.3);}
}