applyRefund.css 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. /* mine/applyRefund/applyRefund.wxss */
  2. page{padding-bottom: 130rpx;}
  3. .list{margin: 20rpx 20rpx;background: #fff;border-radius: 10rpx;}
  4. .list .li{display: flex;display: -webkit-flex;align-items: center;margin: 0 20rpx;border-bottom: 1rpx solid #eee;padding: 39rpx 0;}
  5. .list .li:last-child{border-bottom: none;}
  6. .cimgs{position: relative;width: 180rpx;height: 180rpx;box-sizing: border-box;border: 2rpx solid #E5E5E5;border-radius: 10rpx;margin-right: 20rpx;}
  7. .type{width: 82rpx;height: 36rpx;position: absolute;top: 10rpx;left: 10rpx;}
  8. .cimg{width: 100%;height: 100%;}
  9. .zhinfo{flex:1;-webkit-flex: 1;overflow: hidden;position: relative;}
  10. .list .li:last-child .zhinfo{border-bottom: none;}
  11. .zhtit{font-size: 28rpx;color: #333;line-height: 36rpx;height: 72rpx;/* white-space: nowrap;text-overflow: ellipsis; */overflow: hidden;}
  12. .guigecontent{
  13. margin-top: 5rpx;
  14. font-size: 22rpx;color: #999;
  15. display: flex;
  16. flex-direction: row;
  17. }
  18. .guige{font-size: 22rpx;color: #999;}
  19. .jiage{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 8rpx;}
  20. .zhjia{font-size: 30rpx;color: #FE0419;}
  21. .zhjia text{font-size: 24rpx;}
  22. .zhjia text.del{color: #999;margin-left: 10rpx;text-decoration: line-through;}
  23. .num{font-size: 30rpx;color: #333;}
  24. .num text{font-size: 24rpx;}
  25. .zhjia .money{font-size: 26rpx; color: #FE0419;}
  26. .zhjia .size{font-size: 30rpx; color: #FE0419;}
  27. .list1{margin: 20rpx 20rpx;background: #fff;border-radius: 10rpx;}
  28. .list1 .dpname{display: flex;display: -webkit-flex;align-items: center;font-size: 28rpx;color: #333;padding: 35rpx 20rpx;font-weight: 500; justify-content: space-between;}
  29. .list1 .li{display: flex;display: -webkit-flex;align-items: center;border-bottom: 2rpx solid #eee;}
  30. .right{width: 14rpx;height: 24rpx;float: right;margin: 8rpx 15rpx;}
  31. .fne{font-size: 28rpx; color: #333333;}
  32. .dpname2{font-size: 28rpx;color: #333;padding: 35rpx 20rpx;font-weight: 500; justify-content: space-between;}
  33. .dpname2 .money{font-size: 28rpx; color: #FE0419;}
  34. .dpname2 .size{font-size: 32rpx; color: #FE0419;}
  35. .dpname2 .some{font-size: 24rpx; color: #999999;margin-top: 20rpx;}
  36. .dpname3{font-size: 28rpx;color: #333;padding: 35rpx 20rpx;font-weight: 500; display: flex; }
  37. .addcont{margin: 0 11rpx;}
  38. .bist{position: absolute; width: 14rpx; height: 24rpx; right: 55rpx; margin-top: 6rpx;}
  39. .list2,.list3{margin: 20rpx 20rpx;background: #fff;border-radius: 10rpx;padding-bottom: 36rpx;}
  40. .list3_1{margin: 20rpx 20rpx;background: #fff;border-radius: 10rpx;}
  41. .list2 .li1{display: flex;display: -webkit-flex;align-items: center;margin: 0 20rpx;padding: 39rpx 0; font-size: 28rpx; color: #333333;}
  42. .list2 .dpname{display: flex;display: -webkit-flex;align-items: center;font-size: 30rpx;color: #333;padding: 35rpx 20rpx;font-weight: 500; justify-content: space-between;border-bottom: 1rpx solid #E5E5E5;}
  43. .list2 .dpname .sm{font-size: 28rpx; }
  44. .list2 .dpname .xt{color: #999999; font-size: 28rpx;}
  45. .list2 .dpname image{width: 21.5rpx;height: 24.6rpx;}
  46. .scpz{width: 150rpx; height: 150rpx;padding: 0rpx 20rpx;}
  47. .btn-bot{padding: 20rpx 30rpx;position: fixed;left: 0;right: 0;bottom: 0;background: #fff;z-index: 50;}
  48. .btn{height: 90rpx; background-image: linear-gradient(to left,#FE0419,#FF5548); border-radius: 50rpx;text-align: center;font-size: 32rpx; line-height: 90rpx; color: #FFFFFF;}
  49. .address{padding: 0 0 49rpx 112rpx;font-size: 28rpx;}
  50. .r-des{font-size: 28rpx;color: #666;line-height: 40rpx;padding: 0 30rpx 30rpx;}
  51. .r-contact{font-size: 28rpx;color: #333;margin-right: 30rpx !important;}
  52. .r-contact image{width: 34rpx;height: 34rpx;margin: 0 auto 5rpx;}
  53. .cart{margin: 20rpx 20rpx;background: #fff;border-radius: 10rpx;}
  54. .dian{height: 99rpx;align-items: center;}
  55. .dian view{font-size: 28rpx;color: #333;}
  56. .checkbox{width: 54rpx;height: 180rpx;}
  57. .check{display: block;width: 38rpx;height: 38rpx;margin-top: 73rpx;}
  58. .dian .check{margin-top: 0;margin-right: 20rpx;}
  59. .cart .list1 .li{display: flex;display: -webkit-flex;align-items: center;background: #fff;border-radius: 10rpx;padding: 0 0rpx 20rpx 0;}
  60. .info{padding: 20rpx 0;overflow: hidden;}
  61. .cimgs{position: relative;width: 180rpx;height: 180rpx;box-sizing: border-box;border: 2rpx solid #E5E5E5;border-radius: 10rpx;margin-right: 20rpx;}
  62. .type{width: 82rpx;height: 36rpx;position: absolute;top: 10rpx;left: 10rpx;}
  63. .cimg{width: 100%;height: 100%;}
  64. .zhinfo{flex:1;-webkit-flex: 1;overflow: hidden;position: relative;}
  65. .cart .list1 .li:last-child .info{border-bottom: none;}
  66. .cart .zhtit{font-size: 30rpx;color: #212121;line-height: 34rpx;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  67. .jiagecont{margin-top: 10rpx;}
  68. .jiagecont .money{font-size: 26rpx; color: #FE0419;}
  69. .jiagecont .size{font-size: 30rpx; color: #FE0419;}
  70. .cart .guige{font-size: 22rpx;color: #999;}
  71. /* .cart .jiage{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 45rpx;} */
  72. .cart .zhjia{font-size:24rpx;color: #999999;}
  73. /* .cart .zhjia text{font-size: 28rpx;} */
  74. .cart .num{height: 44rpx;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;text-align: center;}
  75. .cart .jian{display: block;width: 56rpx;height: 44rpx;font-size: 30rpx;color: #333;}
  76. .cart .nums{display: block;line-height: 44rpx;font-size: 28rpx;color: #333;width: 66rpx;background: #F0F0F0;border-radius: 6rpx;}
  77. .dian1{height: 99rpx;align-items: center;padding: 0 20rpx;}
  78. .txt99{color: #999999;}
  79. .bt1{border-bottom: 1rpx solid #E5E5E5;}
  80. .shouming{align-items: center;}
  81. .shouming input{text-align:right;margin-right: 12rpx;}
  82. .cuo{width: 30rpx;height: 30rpx;position: absolute;top: -13rpx;left: 152rpx;}
  83. .pz{position: relative;}
  84. .refund{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);}
  85. .list3 .li{display: flex;display: -webkit-flex;align-items: center;background: #fff;border-radius: 10rpx;padding: 0 20rpx 20rpx 14rpx;}
  86. .list3_1 .li{display: flex;display: -webkit-flex;align-items: center;background: #fff;border-radius: 10rpx;padding: 0 20rpx 0 14rpx;}
  87. .info{border-bottom: 2rpx solid #efefef;padding: 20rpx 0;overflow: hidden;}
  88. .checkbox{width: 54rpx;height: 180rpx;}
  89. .check{display: block;width: 34rpx;height: 34rpx;margin-top: 73rpx;}
  90. .dian .check{margin-top: 0;margin-right: 20rpx;}
  91. .cimgs{position: relative;width: 180rpx;height: 180rpx;box-sizing: border-box;border: 2rpx solid #E5E5E5;border-radius: 10rpx;margin-right: 20rpx;}
  92. .type{width: 82rpx;height: 36rpx;position: absolute;top: 10rpx;left: 10rpx;}
  93. .cimg{width: 100%;height: 100%;}
  94. .gys{text-align: center;position: absolute;top: 140rpx;background: rgba(0,0,0,.6);width: 179rpx;color: white;}
  95. .zhinfo{flex:1;-webkit-flex: 1;overflow: hidden;position: relative;}
  96. .list3 .li:last-child .info,.list3_1 .li:last-child .info{border-bottom: none;}
  97. .zhtit{font-size: 30rpx;color: #212121;line-height: 36rpx;height: 72rpx;/* text-overflow: ellipsis;white-space: nowrap; */overflow: hidden;}
  98. .integral{color: #FE0419;}
  99. .integral .intnum{font-size: 36rpx;}
  100. .integral .money{font-size: 28rpx;}
  101. .zhjia{font-size: 30rpx;color: #FE0419;}
  102. .zhjia text{font-size: 28rpx;}
  103. .num{height: 55rpx;border: 1rpx solid #E5E5E5;border-radius: 8rpx;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;text-align: center;}
  104. .jian{display: block;width: 53rpx;height: 53rpx;line-height: 45rpx;font-size: 30rpx;color: #333;font-weight: bold;}
  105. .nums{display: block;height: 52rpx;line-height: 53rpx;font-size: 28rpx;color: #333;width: 66rpx;background: #fff;border-left: 1rpx solid #E5E5E5;border-right: 1rpx solid #E5E5E5;border-radius: 6rpx;}
  106. .tabe{
  107. font-size: 24rpx;
  108. color: #999;
  109. line-height: 40rpx;
  110. margin-top: 8rpx;
  111. }
  112. .tabe text{margin-left: 20rpx;}
  113. .tabe text:first-child{margin-left:0rpx}
  114. .shouhou{padding: 18rpx;}
  115. .all{display: flex;display: -webkit-flex;align-items: center;font-size: 24rpx;color: #6a6a6a;padding: 30rpx 0 30rpx 14rpx;border-top: 1rpx solid #f5f5f5;}
  116. .all .check{margin-top: 0;margin-right: 10rpx;}