1 |
- .my-order .content{padding:35rpx 20rpx;margin-top:20rpx;background-color:#fff;border-radius:16rpx}.my-order .content .bottom{border-top:2rpx solid #f0f0f0;margin-top:32rpx;padding-top:20rpx}.my-order .content .bottom .tou{font-size:20rpx;font-family:SFPro-Regular,SFPro;font-weight:400;color:#666}.my-order .content .bottom .success{font-size:20rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#f7b500}.my-order .content .font{font-size:32rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222;line-height:44rpx;max-width:326rpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.my-order .content .back{width:58rpx;height:32rpx;background:#ff5335;border-radius:6rpx;font-size:22rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:32rpx;text-align:center;margin-left:16rpx}.my-order .content .money{font-size:32rpx;font-family:JDZhengHT-Regular,JDZhengHT;font-weight:400;color:#0c66c2}.my-order .content .introduce{height:40rpx;font-size:28rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#555;line-height:40rpx;margin-right:16rpx}.my-order .content .tabs{background:#f3f3f3;border-radius:4rpx;padding:6rpx 14rpx;margin-right:16rpx;font-size:24rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#5f5f5f;height:34rpx;line-height:34rpx}.my-order .order-item{width:702rpx;background:#fff;border-radius:20rpx;margin:20rpx auto;padding:0 20rpx 8rpx 20rpx}.my-order .order-item .item-header{height:84rpx;border-bottom:2rpx solid #f3f3f3;margin-bottom:22rpx}.my-order .order-item .item-header text:first-child{font-size:22rpx;font-family:SFPro-Regular,SFPro;font-weight:400;color:#555}.my-order .order-item .item-header text:nth-child(2){line-height:40rpx;background:#fef7e5;border-radius:6rpx;padding:0 12rpx;font-size:20rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#f7b500}.my-order .order-item .item-other{margin-bottom:16rpx;padding-left:32rpx}.my-order .order-item .item-other image{width:28rpx;height:28rpx;margin-right:12rpx}.my-order .order-item .item-other text{font-size:28rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222}.my-order .order-item .jieshao-user{padding-left:32rpx;position:relative;margin-bottom:20rpx}.my-order .order-item .jieshao-user .left .user-name{font-size:32rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#222;margin-bottom:16rpx}.my-order .order-item .jieshao-user .left .user-tips1{font-size:26rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666}.my-order .order-item .jieshao-user .right{width:96rpx;height:96rpx;position:relative}.my-order .order-item .jieshao-user .right .img1{width:96rpx;height:96rpx;border-radius:100rpx}.my-order .order-item .jieshao-user .right .sex{position:absolute;bottom:0;right:4rpx;width:24rpx;height:24rpx}.my-order .order-item .jieshao-user1::after{position:absolute;content:" ";width:12rpx;height:12rpx;background:#131415;border-radius:100rpx;top:16rpx;left:0}.my-order .order-item .jieshao-user2::after{position:absolute;content:" ";width:12rpx;height:12rpx;background:#0c66c2;border-radius:100rpx;top:16rpx;left:0}.my-order .my-order-header{padding:20rpx 24rpx 0 24rpx;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:99;background-color:#fff}.my-order .my-order-header .order-tabs{height:96rpx;width:100%;white-space:nowrap}.my-order .my-order-header .order-tabs .tabs-item{display:inline-flex;height:96rpx;margin:0 18rpx}.my-order .my-order-header .order-tabs .tabs-item text:first-child{font-size:26rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#444}.my-order .my-order-header .order-tabs .tabs-item text:last-child{width:100%;height:8rpx;border-radius:4rpx;margin-top:-12rpx;position:relative;z-index:-1}.my-order .my-order-header .order-tabs .tabs-item1 text:first-child{font-size:26rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#141414}.my-order .my-order-header .order-tabs .tabs-item1 text:last-child{background:linear-gradient(270deg,#0c66c2,#fff)}.my-order .my-order-header .header-search{height:68rpx;background:#f3f3f3;border-radius:38rpx;padding:0 36rpx}.my-order .my-order-header .header-search .input{flex:1;font-size:28rpx;margin-left:24rpx}page{background-color:#f3f3f3}
|