cart.wxss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .content .buttom {
  12. width: 660rpx;
  13. height: 100rpx;
  14. background: -webkit-linear-gradient(bottom, #C90F1B, #F14D33);
  15. background: linear-gradient(0deg, #C90F1B, #F14D33);
  16. border-radius: 50rpx;
  17. margin: 50rpx auto;
  18. font-size: 36rpx;
  19. font-weight: 400;
  20. color: #FFFFFF;
  21. line-height: 100rpx;
  22. text-align: center;
  23. }
  24. .content .buttom.action {
  25. background: #999999;
  26. }
  27. .content .top {
  28. width: 750rpx;
  29. height: 375rpx;
  30. }
  31. .content .top .topimg {
  32. width: 100%;
  33. height: 100%;
  34. }
  35. .content .box {
  36. width: 690rpx;
  37. margin: 20rpx auto 0;
  38. background-color: #FFFFFF;
  39. border-radius: 10rpx;
  40. padding-left: 20rpx;
  41. padding-right: 20rpx;
  42. }
  43. .content .box .box-check {
  44. font-size: 28rpx;
  45. font-weight: 500;
  46. color: #666666;
  47. line-height: 100rpx;
  48. }
  49. .content .box .box-tit {
  50. font-size: 28rpx;
  51. font-weight: 500;
  52. color: #333333;
  53. line-height: 100rpx;
  54. }
  55. .content .box .box-tit .tit2 {
  56. margin-left: 20rpx;
  57. font-size: 28rpx;
  58. font-weight: 500;
  59. color: #999999;
  60. }
  61. .content .box .box-cent {
  62. font-size: 28rpx;
  63. font-weight: 500;
  64. color: #666666;
  65. display: -webkit-box;
  66. display: -webkit-flex;
  67. display: flex;
  68. }
  69. .content .box .box-cent .cent-left {
  70. margin-right: 28rpx;
  71. }
  72. .content .box .box-cent .cent-left .left-txt {
  73. line-height: 100rpx;
  74. }
  75. .content .box .box-cent .goods_check {
  76. -webkit-box-flex: 1;
  77. -webkit-flex: 1;
  78. flex: 1;
  79. display: -webkit-box;
  80. display: -webkit-flex;
  81. display: flex;
  82. }
  83. .content .box .box-cent .goods_check .cent-right {
  84. -webkit-box-flex: 1;
  85. -webkit-flex: 1;
  86. flex: 1;
  87. }
  88. .content .box .box-cent .goods_check .cent-right .right-check {
  89. line-height: 100rpx;
  90. }
  91. .content .box .imp {
  92. color: red;
  93. margin-left: 5rpx;
  94. }
  95. .content .box .box-1 {
  96. height: 100rpx;
  97. display: -webkit-box;
  98. display: -webkit-flex;
  99. display: flex;
  100. -webkit-box-align: center;
  101. -webkit-align-items: center;
  102. align-items: center;
  103. }
  104. .content .box .box-1 .box-1-1 {
  105. font-size: 28rpx;
  106. font-weight: 500;
  107. color: #333333;
  108. display: -webkit-box;
  109. display: -webkit-flex;
  110. display: flex;
  111. }
  112. .content .box .box-1 .box-1-1 .box-left {
  113. width: 280rpx;
  114. -webkit-flex-shrink: 0;
  115. flex-shrink: 0;
  116. font-size: 28rpx;
  117. font-weight: 500;
  118. color: #333333;
  119. }
  120. .content .box .box-1 .box-1-1 .box-right {
  121. width: 300rpx;
  122. font-size: 28rpx;
  123. font-weight: 500;
  124. color: #333333;
  125. }
  126. .content .box .box-1 .box-1-2 {
  127. -webkit-box-flex: 1;
  128. -webkit-flex: 1;
  129. flex: 1;
  130. display: -webkit-box;
  131. display: -webkit-flex;
  132. display: flex;
  133. }
  134. .content .box .box-1 .box-1-2 .box-left {
  135. width: 160rpx;
  136. -webkit-flex-shrink: 0;
  137. flex-shrink: 0;
  138. font-size: 28rpx;
  139. font-weight: 500;
  140. color: #333333;
  141. }
  142. .content .box .box-1 .box-1-2 .box-right {
  143. width: 100%;
  144. font-size: 28rpx;
  145. font-weight: 500;
  146. color: #333333;
  147. }