skinPlan.wxss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. page{
  2. padding-bottom: 40rpx;
  3. }
  4. .plan-box{
  5. padding-left: 30rpx;
  6. }
  7. /* 顶部推荐标题 */
  8. .plan-top{
  9. width: 690rpx;
  10. background-color: #fff;
  11. height: 234rpx;
  12. border-radius: 24rpx;
  13. margin-top: 20rpx;
  14. text-align: center;
  15. padding: 0 30rpx;
  16. padding-top: 30rpx;
  17. box-sizing: border-box;
  18. }
  19. .plan-top-title{
  20. color: #333333;
  21. font-weight: 600;
  22. font-size: 32rpx;
  23. }
  24. .plan-top-content{
  25. margin-top: 20rpx;
  26. font-size: 28rpx;
  27. color: #333;
  28. }
  29. /* 推荐步骤 */
  30. .plan-item{
  31. width: 690rpx;
  32. background-color: #fff;
  33. border-radius: 24rpx;
  34. padding: 30rpx;
  35. box-sizing: border-box;
  36. margin-top: 20rpx;
  37. }
  38. .plan-item-step{
  39. color: #333;
  40. font-size: 28rpx;
  41. margin-bottom: 30rpx;
  42. }
  43. .plan-item-step text{
  44. color: #333;
  45. font-size: 28rpx;
  46. }
  47. .plan-item-step{
  48. color: #333;
  49. font-size: 28rpx;
  50. margin-bottom: 30rpx;
  51. }
  52. .plan-item-box{
  53. display: flex;
  54. margin-top: 30rpx;
  55. }
  56. .item-box-image image{
  57. width: 76rpx;
  58. height: 76rpx;
  59. margin-right: 20rpx;
  60. border-radius: 10rpx;
  61. }
  62. .item-box-title{
  63. flex: 1;
  64. }
  65. .item-box-title .title-one{
  66. font-size: 24rpx;
  67. color: #333;
  68. }
  69. .item-box-title .title-two{
  70. font-size: 20rpx;
  71. color: #999999;
  72. display: flex;
  73. justify-content: space-between;
  74. align-items: center;
  75. }
  76. .title-two .one{
  77. margin-right: 80rpx;
  78. }
  79. .item-box-title .title-two .two text{
  80. font-size: 20rpx;
  81. color: #999999;
  82. }
  83. .item-box-title .title-two .two text:first-child{
  84. font-size: 28rpx;
  85. color: #FA7D22;
  86. }
  87. .radio{
  88. width: 96rpx;
  89. height: 50rpx;
  90. border-radius: 26rpx;
  91. border: 1rpx solid #FA7D22;
  92. font-size: 24rpx;
  93. text-align: center;
  94. line-height: 50rpx;
  95. color: #FA7D22;
  96. }