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

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

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

/* 背景颜色 */
.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; }

/* ** 顶部导航条 返回 title 主页 */
.rj-appbar{display: flex;justify-content: space-between;padding:12px 15px;}
 
/* 底部导航 */
.rj-tabbar{ position: fixed;bottom: 0; display: flex;justify-content: space-around;align-items: center; 
			width: 100%;height: 60px;padding: 0;box-shadow: 0 0 5px 0px rgba(153, 153, 153,0.5);text-align: center;	
			background-color: rgba(255,255,255,0.8);backdrop-filter: blur(10px);font-size:12px;}
.rj-tabbar img{ width: 30px;height: 30px; object-fit: cover;}



/********************/
/* 首页 */
/* 首页上部导航 */
 .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;}

/* 首页商品 */
.goods_index_category_title{ margin-left:2.5%;font-size: 1.15rem;margin-top: 20px;}
.goods_list{ display:flex;flex-wrap: wrap;}
.goods_width{ width:50%}
.goods_margin{ width: 90%;margin: 10px auto;}
.goods_font_color{ color: #000;}
.goods_image{ width:100%}
.goods_title{ height: 45px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 0.95em;}
.goods_price{ color: red;font-style: italic;}
.shop_vip{ display:flex}
.shop_vip_title{ color: #D7B877;background-color: #000;font-size: 12px;text-align: center;border-radius: 3px;padding-left: 5px;padding-right: 5px;}
.shop_vip_price{ font-size: 12px;padding-left:2px}
.goods_line_price{ display:flex;justify-content: space-between;font-size: 0.8em;color: #aaa;margin-right:5px;margin-top: 3px;}

/* ** 我的 */
.rj-my_list_item{display: flex;justify-content: space-between;align-items: center;margin:0 10px;padding: 15px 10px;border-bottom: 1px solid #eee;font-size: 16px;}
.rj-my_list_item:last-child{border-bottom: none;}



/* 头部 */
.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}

.no_card{position: absolute;right: 5%;font-size: 13px;background-color: #000;color: #fff;padding-left: 5px;padding-right: 5px;border-radius: 3px;}
.card{position: absolute;right: 5%;font-size: 13px;background-color: #000;color: #D7B877;padding-left: 5px;padding-right: 5px;border-radius: 3px;}
/* 过渡线 */
.hr{ height: 5px;background-color: #f8f8f8;}


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

.rj-order-category-selected{ border-bottom: 1px solid #EFB600 !important;}

.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 { 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);}


/* 购物车 */
.list{ display: flex;margin-top: 10px;}
.checkbox{ display: flex;width: 10%;align-items: center;}
.par{ display: flex;}
.content_img{ width: 45%; overflow: hidden;display: flex;justify-content: center;}
.content_title_s{ width: 100%;}
.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{ position: fixed;top: 0;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{margin-top: 45px;}
.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;padding: 10px;height: 75px;background-color:#fff}
.goods_list_order img{ width: 100%;height: 85px;border-radius: 5px;}

.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: 35%;}
.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;}

#page_tip{text-align:center;margin-top: 10px;color: #a3a3a3;font-size: 15px;}

/* 商品弹窗 */
#pop{position: fixed;bottom: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;}
#pop_content{position: fixed;bottom: 0;background-color: #fff;width: 100%;padding-bottom: 55px;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.pop_goods{margin-left:5%;margin-top: 10px;}
.pop_goods_img{width:30%}
.pop_goods_img img{width:100%}
.pop_goods_content{width:62%}
.pop_price{font-size:12px}
.pop_price_y{ padding-left:5px}

.pop_goods_spec{margin-left:5%;margin-bottom: 15px;margin-top: 15px;}
.pop_goods_spec_list{ display: flex;flex-wrap: wrap;}

.pop_goods_number{margin-left:5%;display:flex;justify-content: space-between;margin-bottom: 15px;margin-top: 15px;}

.pop_goods_button{display:flex;justify-content: center;padding-bottom: 10px;}
.pop_cart_button{background-color:crimson;margin-top: 15px;height: 45px;line-height: 45px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;width: 45%;text-align: center;font-size: 17px;}
.pop_cart_button a{ color: #FAF0DA;}
.pop_buy_button{background-color:#EFB600;margin-top: 15px;height: 45px;line-height: 45px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;width: 45%;text-align: center;font-size: 17px;}
.pop_buy_button a{ color: #FAF0DA;}

.goods_spec{padding-left:5px;padding-right:5px;margin:3px;border:1px solid #999;border-radius: 5px;}
.spec_active{border:1px solid crimson;color:crimson;}

/* 商品详细页 */
.goods-detail{padding: 10px;min-height:300px;margin-bottom:50px}
.detail_title{ font-size: 17px;font-weight: bold;}
.detail_price{ display: flex;justify-content: space-between;margin-top: 10px;}
.detail_price_use{font-size: 23px;color: #E8B647;}
.detail_price_line{padding-top: 8px;}
.detail_price_line span{text-decoration:line-through}
.detail_tip{ margin: 10px auto;font-size: 15px;}
.rj-detail_content img{max-width:100% !important;text-align:center;}
.goods_number_point{display:flex;justify-content: space-between;}
.goods_reward_point{margin-top: 5px;font-size: 15px;}
.goods_reward_point span{color:#F15956}

.footer_buy{ display: flex;position: fixed;justify-content:space-between;bottom: 0;width: 100%;height: 60px;background-color: rgba(255, 255, 255, 0.95);}
.cart_button{ background-color:crimson;margin-top: 15px;height: 45px;line-height: 45px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;text-align: center;font-size: 17px;width:40%}
.cart_button a{ color: #FAF0DA;}
.buy_button{ background-color:#EFB600;margin-top: 15px;height: 45px;line-height: 45px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;margin-right: 10px;text-align: center;font-size: 17px;}
.buy_button a{ color: #FAF0DA;}
.sold_button{margin-top: 15px;height: 45px;line-height: 45px;border-bottom-right-radius: 10px;border-top-right-radius: 10px;margin-right: 10px;text-align: center;font-size: 17px;}
.goods_detail_type{width:40%}

.pop_goods_detail_choice{display:flex;border: 1px solid #999;border-radius: 5px;margin-right: 3%;width: 40%;}
.pop_goods_detail_cut{ width: 30%;text-align: center;border-right: 1px solid #999;}
.pop_goods_detail_add{width: 30%;text-align: center;border-left: 1px solid #999;}
.pop_goods_detail_input{width: 40%}
.pop_goods_detail_input input{width:100%;text-align: center;border: none;}
.pop_goods_detail_sold{display:flex;justify-content: center;padding-bottom: 10px;}

.division_line{height: 1px;background-color: #EDEDED;margin-bottom:8px}
.goods_store{display:flex;padding-top:5px;padding-bottom:5px;align-items: center;}
.goods_store_logo{width:25%}
.goods_store_logo a img{width:85%;border-radius: 50%}
.goods_store_title{padding-left:5px}

.goods_detail_reward_point{padding-left:15px;width:30%}

.pop_sold_button{background-color:#EFB600;margin-top: 15px;height: 45px;line-height: 45px;border-radius: 10px;width: 90%;text-align: center;font-size: 17px;}
.pop_buy_button a{ color: #FAF0DA;}

/* 商家入驻 */
.store_content{display:flex;padding: 10px;font-size: 15px;border-bottom: 1px solid #eee;}
.store_settled_input{width: 100%;border: none;font-size: 15px;padding-left: 5px;outline: none;}

/* 会员卡 */
.card_user{font-size: 12px;background-color: rgb(0, 0, 0);color: rgb(215, 184, 119);border-radius: 3px;padding-left: 5px;padding-right: 5px;margin-top: -15%;}
.card_user_date{font-size: 12px;padding: 0 10px;}
.open_card_user{font-size: 13px;width: 20%;margin-top: 5%;margin-bottom: 3%;float: right;background-color: red;text-align: center;border-radius: 3px;margin-right: 10px;}

/* 底部导航高度 */
.nav-height{ height:60px}



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

}