| 1 |
- .cont{width:100%;position:relative}.cont .bg{width:100%;height:350rpx;position:absolute;top:0;left:0;z-index:1;background-color:#c39a58;background:linear-gradient(#C39A58,#E2C99E);border-radius:0rpx 0rpx 100rpx 100rpx}.cont .inner{position:relative;padding:30rpx 0rpx;width:100%;height:100%;z-index:999}.cont .inner .order-status{display:flex;align-items:center;justify-content:space-between;padding:0 30rpx}.cont .inner .order-status .inner{display:flex;align-items:center}.cont .inner .order-status .inner .img-box{width:96rpx;height:96rpx;margin-right:30rpx}.cont .inner .order-status .inner .img-box image{width:100%;height:100%}.cont .inner .order-status .inner .status-box{height:96rpx;display:flex;flex-direction:column;justify-content:center}.cont .inner .order-status .inner .status-box .status{font-size:40rpx;font-family:PingFang SC;font-weight:700;color:#fff;line-height:1}.cont .inner .order-status .inner .status-box .desc{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#fff;line-height:1;margin-top:30rpx}.content{margin:20rpx 0rpx;padding:0 20rpx 140rpx}.content .package-box{width:100%;display:flex;padding:20rpx;background-color:#fff;align-items:flex-start;justify-content:flex-start;box-shadow:0 0 5px 2px rgba(0,0,0,.05);border-radius:15rpx}.content .package-box .left{width:200rpx;height:200rpx}.content .package-box .left image{border-radius:15rpx;width:100%;height:100%}.content .package-box .right{height:200rpx;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:15rpx;width:calc(100% - 200rpx)}.content .package-box .right .title{font-weight:700;font-size:34rpx;font-family:PingFang SC;color:#111}.content .package-box .right .desc{margin-top:15rpx;display:flex;align-items:flex-start;justify-content:flex-start}.content .package-box .right .desc .cycle{background-color:#eee;border-radius:30rpx;padding:5rpx 15rpx;font-size:26rpx;font-family:PingFang SC;color:#c39a58}.content .package-box .right .desc .duration{margin-left:10rpx;background-color:#eee;border-radius:30rpx;padding:5rpx 15rpx;font-size:26rpx;font-family:PingFang SC;color:#c39a58}.content .package-box .right .price-box{flex:1;display:flex;align-items:flex-end;justify-content:space-between;width:100%}.content .package-box .right .price-box .price{padding:5rpx 10rpx;background-color:#c39a58;border-radius:30rpx;font-size:20rpx;font-family:PingFang SC;color:#fff}.content .package-box .right .price-box .count{font-size:24rpx;font-family:PingFang SC;color:#333}.content .order-info{box-shadow:0 0 5px 2px rgba(0,0,0,.05);margin-top:20rpx;background:#FFFFFF;border-radius:16rpx;padding:40rpx 30rpx}.content .order-info .title{font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#222;line-height:1}.content .order-info .item{margin-top:40rpx;display:flex;align-items:center;justify-content:space-between}.content .order-info .item .label{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:1}.content .order-info .item .text{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#222;line-height:32rpx}.content .order-info .item .cont-text{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666}.content .order-info .item .cont-text .bold{color:#111}.content .order-info .item .sn-box{display:flex;align-items:center}.content .order-info .item .sn-box .copy-btn{width:58rpx;height:32rpx;line-height:32rpx;text-align:center;font-size:22rpx;font-family:PingFang SC;font-weight:500;color:#222;background:#F5F5F5;border-radius:4rpx;margin-left:24rpx}.content .order-info .item .check-box{display:flex;align-items:center}.content .order-info .item .check-box image{width:14rpx;height:24rpx;margin-left:10rpx}.content .order-info .line{width:100%;height:1px;background:#F0F0F0;margin-top:30rpx}.btn-box{z-index:999;bottom:0;width:100%;position:fixed;height:120rpx;box-sizing:border-box;background:#FFFFFF;padding:0 30rpx;display:flex;align-items:center;justify-content:flex-end}.btn-box .btn{width:155rpx;height:64rpx;line-height:64rpx;font-size:26rpx;font-family:PingFang SC;font-weight:500;text-align:center;border-radius:32rpx;margin-left:15rpx}.btn-box .btn.cancel{border:1px solid #DDDDDD;color:#666}.btn-box .btn.pay{background:#C39A58;color:#fff}
|
