mycardDetail.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page,
  12. .container {
  13. min-height: 100%;
  14. height: auto;
  15. background: #ffffff;
  16. }
  17. .top {
  18. position: relative;
  19. height: 346rpx;
  20. width: 750rpx;
  21. }
  22. .top image {
  23. width: 100%;
  24. height: 100%;
  25. }
  26. .main {
  27. position: relative;
  28. z-index: 2;
  29. width: 750rpx;
  30. background: #ffffff;
  31. border-radius: 20rpx 20rpx 5rpx 5rpx;
  32. margin-top: -10rpx;
  33. padding: 46rpx 44rpx;
  34. }
  35. .main .title {
  36. display: flex;
  37. justify-content: center;
  38. align-items: center;
  39. }
  40. .main .title .title-font {
  41. font-size: 32rpx;
  42. font-family: ZhenyanGB;
  43. font-weight: 400;
  44. color: #bd9360;
  45. }
  46. .btn {
  47. width: 620rpx;
  48. height: 80rpx;
  49. background: linear-gradient(270deg, #ffe7c4, #ffce8a);
  50. border-radius: 40rpx;
  51. margin: 58rpx auto 0;
  52. font-size: 32rpx;
  53. font-family: PingFang SC;
  54. font-weight: bold;
  55. color: #9f570e;
  56. line-height: 80rpx;
  57. text-align: center;
  58. }
  59. .two {
  60. margin: 26rpx 0 0;
  61. font-size: 28rpx;
  62. text-align: center;
  63. font-family: PingFang SC;
  64. font-weight: 500;
  65. color: #999999;
  66. }
  67. .two text {
  68. color: #ff383e;
  69. }
  70. .row {
  71. display: flex;
  72. align-items: center;
  73. position: relative;
  74. padding: 30rpx;
  75. background: #fff;
  76. }
  77. .row .order-status {
  78. font-size: 32rpx;
  79. color: #dd524d;
  80. font-weight: 500;
  81. }
  82. .row .refund {
  83. font-size: 30rpx;
  84. color: #303133;
  85. }
  86. .row .noRefund {
  87. font-size: 30rpx;
  88. color: #909399;
  89. }
  90. .row .tit {
  91. flex-shrink: 0;
  92. width: 120rpx;
  93. font-size: 30rpx;
  94. color: #303133;
  95. }
  96. .row .input {
  97. text-align: right;
  98. flex: 1;
  99. font-size: 30rpx;
  100. color: #303133;
  101. }
  102. .row .input.payColor {
  103. color: #dd524d;
  104. }
  105. .row .iconlocation {
  106. font-size: 36rpx;
  107. color: #909399;
  108. }