style.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. /* 容器 */
  2. .integral-container{
  3. padding: 30upx;
  4. min-height: 100%;
  5. }
  6. /* 容器 */
  7. /* 头部 */
  8. .integral-header{
  9. background-color: #3D3D3D;
  10. height: 254upx;
  11. border-radius: 10upx;
  12. box-shadow: 0 12upx 18upx 0 rgba(61, 61, 61, 0.2);
  13. }
  14. .integral-decorate{
  15. height: 68upx;
  16. bottom: 0;
  17. left: 0;
  18. right: 0;
  19. width: 100%;
  20. }
  21. .integral-header-item{
  22. height: 160upx;
  23. border-bottom: 1upx solid #FEE7A5;
  24. padding-left:60upx;
  25. }
  26. .integral-header-title{
  27. font-size: 26upx;
  28. line-height: 36upx;
  29. }
  30. .integral-header-price,.integral-header-title{
  31. color: #FEE7A5;
  32. }
  33. .integral-header-price{
  34. font-size: 50upx;
  35. line-height: 60upx;
  36. margin-top: 15upx;
  37. }
  38. .integral-hash{
  39. width: 130upx;
  40. height: 46upx;
  41. background-color: rgba(255,255,255,0.9);
  42. border-radius: 23upx 0 0 23upx;
  43. margin-top: 48upx;
  44. padding: 0 10upx 0 20upx;
  45. font-size: 24upx;
  46. color: #3D3D3D;
  47. line-height: 30upx;
  48. white-space: nowrap;
  49. }
  50. .integral-hash-icon{
  51. width: 22upx;
  52. height: 23upx;
  53. margin-right: 10upx;
  54. }
  55. .integral-hash-more{
  56. font-size: 24upx;
  57. color: #3D3D3D;
  58. font-weight: bold;
  59. }
  60. .integral-content{
  61. padding: 0 60upx;
  62. font-size: 26upx;
  63. line-height: 34upx;
  64. color: #fff;
  65. }
  66. /* 头部 */
  67. /* 内容部分 */
  68. .integral-introduce-title{
  69. font-size: 28upx;
  70. line-height: 36upx;
  71. color: #666;
  72. font-weight: bold;
  73. margin-top: 60upx;
  74. }
  75. .introduce-introduce-content{
  76. font-size: 26upx;
  77. line-height: 42upx;
  78. color: #999;
  79. font-weight: 400;
  80. margin-top: 4upx;
  81. }
  82. /* 内容部分 */
  83. /* 按钮 */
  84. .integral-button{
  85. width: 600upx;
  86. height: 80upx !important;
  87. background-color: #3D3D3D !important;
  88. border-radius: 40upx;
  89. font-size: 30upx;
  90. line-height: 30upx;
  91. color: #FEE7A5;
  92. margin-top: 30upx;
  93. }
  94. /* 按钮 */