/**index.wxss**/ .page_title{ width: 750rpx; height: 64rpx; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; color: #FFFFFF; font-size: 36rpx; } .wrap{ min-height: 100vh; background: #f6f6f6; } .wrap_t .banner{ width: 750rpx; height: 501rpx; } .order_wrap{ width: 690rpx; /* background: #FFFFFF; */ margin: -300rpx auto 0; position: relative; display: flex; flex-direction: column; } .order_wrap .banner_wenzi{ width: 514rpx; height: 203rpx; position: absolute; top: -180rpx; left: 50%; transform: translateX(-50%); } .order_t{ padding: 40rpx 0 30rpx; text-align: center; background: #FFFFFF; border-radius: 10rpx 10rpx 0 0; } .order_t .icon_success{ width: 177rpx; height: 124rpx; } .order_t .tips{ font-size: 44rpx; font-weight: 500; color: #2D5F59; padding-top: 20rpx; } .order_t .desc{ font-size: 30rpx; color: rgba(0,0,0,.54); padding-top: 10rpx; } .order_t .price{ font-size: 60rpx; color: #000000; padding-top: 20rpx; } .order_t .price .unit{ font-size: 40rpx; } .order_wrap .order_nr_t{ width: 690rpx; height: 28rpx; } .order_nr{ padding: 40rpx 0 18rpx; background: #FFFFFF; border-radius: 0 0 10rpx 10rpx; } .order_nr .order_item{ padding: 0 30rpx 28rpx; font-size: 26rpx; color: rgba(0,0,0,.54); } .order_nr .order_item .item_r{ padding-left: 20rpx; color: rgba(0,0,0,.87); } .btn_wrap{ margin-top: 90rpx; } .btn_wrap .btn{ width: 405rpx; height: 98rpx; margin: 0 auto; background: #2D5F59; border-radius: 10rpx; font-size: 28rpx; color: #FEFEFE; display: flex; align-items: center; justify-content: center; }