| 1 |
- .fixed-top-box{width:100%;position:fixed;top:0;left:0;z-index:1000;transition:all .5s}.top-cont{width:100%;height:654rpx;position:relative}.top-cont .bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.top-cont .top-inner{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.top-cont .top-inner .back-box{height:88rpx;padding-left:22rpx;display:flex;align-items:center;justify-content:space-between;padding:0 20rpx}.top-cont .top-inner .back-box image{width:40rpx;height:40rpx}.top-cont .top-inner .back-box .title{font-size:36rpx;font-family:PingFang SC;font-weight:500;color:#fff}.top-cont .top-inner .available-points{margin-top:140rpx;display:flex;flex-direction:column;align-items:center;justify-content:center}.top-cont .top-inner .available-points .label{font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#fff;line-height:1}.top-cont .top-inner .available-points .num{font-size:80rpx;font-family:Gilroy;font-weight:500;color:#fff;line-height:1;margin-top:28rpx}.top-cont .top-inner .singn-content{padding:0 20rpx;margin-top:50rpx}.top-cont .top-inner .sign-in-box{height:380rpx;background:#FFFFFF;border-radius:16rpx}.top-cont .top-inner .sign-in-box .inner{padding:40rpx 30rpx}.top-cont .top-inner .sign-in-box .inner .title-box{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:1}.top-cont .top-inner .sign-in-box .inner .title-box .num{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#ff7511;margin:0 10rpx;line-height:1}.top-cont .top-inner .sign-in-box .inner .sign-list{display:flex;align-items:center;justify-content:space-between;margin-top:40rpx}.top-cont .top-inner .sign-in-box .inner .sign-list .item{display:flex;justify-content:center}.top-cont .top-inner .sign-in-box .inner .sign-list .item .right{display:flex;flex-direction:column;align-items:center;justify-content:center}.top-cont .top-inner .sign-in-box .inner .sign-list .item .right image{width:44rpx;height:44rpx;margin-bottom:20rpx}.top-cont .top-inner .sign-in-box .inner .sign-list .item .right .text{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#ff7511;line-height:1;white-space:nowrap}.top-cont .top-inner .sign-in-box .inner .sign-list .item .line{width:34rpx;height:4rpx;background:#F6CDA7;border-radius:2rpx;margin-top:22rpx}.top-cont .top-inner .sign-in-box .inner .sign-list .item:first-child .line{display:none}.top-cont .top-inner .sign-in-box .inner .sign-list .item.active .line{background:#FF8E3C}.top-cont .top-inner .sign-in-box .sign-btn-box{padding:0 14rpx}.top-cont .top-inner .sign-in-box .sign-btn-box .btn{width:100%;height:88rpx;box-shadow:0 0 5px 2px rgba(0,0,0,.05);background-color:#ff7511;border-radius:44rpx;display:flex;justify-content:center;align-items:center}.top-cont .top-inner .sign-in-box .sign-btn-box .btn image{width:32rpx;height:32rpx}.top-cont .top-inner .sign-in-box .sign-btn-box .btn .text{font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#fff;line-height:1}.content{margin-top:20rpx;padding:0 20rpx 40rpx}.content .points-cont{background-color:#fff;border-radius:16rpx}.content .points-cont .pub-tab-box{padding:0 80rpx}.content .points-cont .pub-tab-box .tab-inner{height:88rpx;line-height:88rpx;display:flex;align-items:center;justify-content:space-between}.content .points-cont .pub-tab-box .item{font-size:28rpx;white-space:nowrap;line-height:1;font-family:PingFang SC;font-weight:500;color:#666;display:flex;align-items:center;justify-content:center}.content .points-cont .pub-tab-box .item.active{font-weight:700;color:#333}.content .points-cont .pub-tab-box .item .text{position:relative;z-index:1}.content .points-cont .pub-tab-box .item .tab-bg{width:72rpx;height:28rpx;position:absolute;top:17rpx;left:50%;transform:translate(-36rpx);z-index:-1}.content .points-cont .point-list{padding:0 30rpx}.content .points-cont .point-list .item{padding:30rpx 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F0F0F0}.content .points-cont .point-list .item:last-child{border-bottom:none}.content .points-cont .point-list .item .left .title{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1}.content .points-cont .point-list .item .left .time{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1;margin-top:22rpx}.content .points-cont .point-list .item .right .add{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#111}.content .points-cont .point-list .item .right .less{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#f56c6c}
|
