- .box_head{position:-webkit-sticky;position:sticky;top:88rpx;left:0;background:#fafafa;z-index:2021;width:100%}.box_head .box_head_li{flex:1;font-size:30rpx;height:90rpx;font-weight:700}.box_head .active{color:#f6af32}.box_ul{padding:0 30rpx 98rpx 30rpx}.box_ul .box_ul_li{padding:30rpx;margin-bottom:20rpx;background:#fff;border-radius:20rpx}.box_ul .box_ul_li .box_ul_li_img{margin-right:20rpx}.box_ul .box_ul_li .box_ul_li_img image{width:168rpx;height:168rpx;border-radius:10rpx}.box_ul .box_ul_li .box_ul_li_main{flex:1}.box_ul .box_ul_li .box_ul_li_name{font-size:28rpx;display:flex;overflow:hidden}.box_ul .box_ul_li .box_ul_li_name text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;flex:1}.box_ul .box_ul_li .box_ul_li_price{margin:15rpx 0}.box_ul .box_ul_li .box_ul_li_price text{color:#cf271b;font-size:28rpx}.box_ul .box_ul_li .box_ul_li_price image{width:44rpx;height:44rpx}.box_ul .box_ul_li .box_ul_li_time{color:#999;font-size:22rpx;display:flex;align-items:center}.box_ul .box_ul_li .box_ul_li_time .item-btn{color:#fff;padding:8rpx 24rpx;border-radius:19px;font-size:28rpx;margin-left:auto;background:#fa7e48}.box_footer{height:98rpx;z-index:20;position:fixed;bottom:50px;width:100%;padding:0 30rpx;background:#fff}.box_footer .box_footer_all image{width:44rpx;height:44rpx;margin-right:10rpx}.box_footer .box_footer_all text{color:#000;font-size:28rpx}.box_footer .box_footer_li{color:#fff;width:200rpx;height:70rpx;border-radius:39rpx;font-size:30rpx;margin-left:30rpx}.box_footer .box_footer_li:first-child{background:#fa4848}.box_footer .box_footer_li:last-child{background:#f6af32}.donation{background-color:#fff;padding:30rpx 40rpx;border-radius:10px}.donation .title{font-size:16px;font-weight:700;text-align:center;margin-bottom:30rpx}.donation .input-container{background-color:#f3f3f3;padding:16rpx 20rpx;border-radius:6rpx;margin-bottom:20rpx}.donation .input-container input{font-size:30rpx}.donation .tip{font-size:12px;color:red;text-align:center;margin-bottom:30rpx}.donation .donation-btns{display:flex;gap:30rpx}.donation .donation-btns view{color:#fff;flex:1;width:100%;height:70rpx;border-radius:39rpx;font-size:30rpx}.donation .donation-btns view:first-child{background:#fff;color:#6a6a6a;border:solid 1px #6a6a6a}.donation .donation-btns view:last-child{background:#f6af32}
|
