| 1 |
- .screen{position:fixed;bottom:0;right:0;width:0;overflow:hidden;height:calc(100vh - 88px);background:#fff;z-index:2021;transition:all .2s ease}.screen .screen_box{padding:30rpx 20rpx 0 30rpx}.screen .screen_box .screen_name{font-size:28rpx;margin-bottom:24rpx}.screen .screen_box .screen_head .screen_ipt{width:168rpx;height:64rpx;padding:0 30rpx;background:#f5f5f5;border-radius:32rpx}.screen .screen_box .screen_head .screen_ipt input{font-size:26rpx;text-align:center}.screen .screen_box .screen_head .screen_head_line{width:27rpx;height:3rpx;margin:0 20rpx;background:#999}.screen .screen_box .screen_ul{flex-wrap:wrap}.screen .screen_box .screen_ul .screen_li{width:166rpx;height:64rpx;margin:24rpx 24rpx 0 0;font-size:26rpx;background:#f5f5f5;border-radius:32rpx}.screen .screen_box .screen_ul .screen_li:nth-child(3n){margin-right:0}.screen .screen_box .screen_ul .active{color:#fff;background:#f6af32}.screen .screen_footer{width:100%;bottom:0;position:absolute}.screen .screen_footer .screen_footer_li{width:260rpx;height:68rpx;color:#666;font-size:32rpx;background:#f5f5f5}.screen .screen_footer .screen_footer_li:last-child{color:#fff;background:#f6af32}.marking{position:fixed;bottom:0;right:0;width:100%;height:calc(100vh - 88px);background:rgba(0,0,0,.5)}.more_head{top:88rpx;left:0;width:100%;height:88rpx;z-index:20;position:-webkit-sticky;position:sticky;background:#fff;margin-bottom:30rpx;padding:0 30rpx}.more_head .more_head_li text{font-size:30rpx}.more_head .more_head_li image{width:22rpx;height:22rpx;transition:all .2s ease;margin-left:10rpx}.more_head .more_head_li .handstand{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.more_head .active text{color:#f6af32}.home_recommend_ul{flex-wrap:wrap;padding:0 28rpx}.home_recommend_ul .home_recommend_li{width:332rpx;padding:20rpx;margin-bottom:30rpx;background:#fff;box-shadow:0rpx 0rpx 10rpx 0rpx hsla(0,0%,60%,.1);border-radius:10rpx}.home_recommend_ul .home_recommend_li .home_recommend_li_img{height:295rpx}.home_recommend_ul .home_recommend_li .home_recommend_li_img .home_recommend_li_img_top{align-items:flex-start}.home_recommend_ul .home_recommend_li .home_recommend_li_img .home_recommend_li_img_bot{display:flex;margin-top:20rpx;justify-content:flex-end}.home_recommend_ul .home_recommend_li .home_recommend_li_img .home_recommend_li_img_bot image{width:85rpx;height:85rpx;margin-left:20rpx;border-radius:6rpx}.home_recommend_ul .home_recommend_li .home_recommend_li_img .home_recommend_li_img_bot image:first-child{margin-left:0}.home_recommend_ul .home_recommend_li .home_recommend_li_img .home_recommend_li_img_box image{width:190rpx;height:190rpx;border-radius:6rpx}.home_recommend_ul .home_recommend_li .home_recommend_li_img .home_recommend_li_img_right image{width:85rpx;height:85rpx;border-radius:6rpx}.home_recommend_ul .home_recommend_li .home_recommend_li_img .home_recommend_li_img_right image:first-child{margin-bottom:20rpx}.home_recommend_ul .home_recommend_li .home_recommend_li_price{height:40rpx;color:#fff;margin:20rpx 0;font-size:26rpx;line-height:40rpx;padding-left:18rpx;background:#f6af32;border-radius:20rpx}.home_recommend_ul .home_recommend_li .home_recommend_li_name{font-size:28rpx;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:76rpx}.home_recommend_ul .home_recommend_li .home_recommend_li_glod{margin-top:30rpx}.home_recommend_ul .home_recommend_li .home_recommend_li_glod text{color:#cf271b;font-size:26tpx}.home_recommend_ul .home_recommend_li .home_recommend_li_glod text:last-child{color:#666;font-size:24rpx}
|
