common.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .page-wrap{padding: 20rpx;}
  2. .search-wrap{
  3. background-color: #fff;
  4. position: relative;
  5. padding: 20rpx;
  6. margin-bottom: 24rpx;
  7. }
  8. .search-wrap::after {
  9. content: "";
  10. position: absolute;
  11. width: 100%;
  12. height: 14rpx;
  13. bottom: -20rpx;
  14. left: 0;
  15. background: linear-gradient(to bottom, #F5F5F5, #fff);
  16. z-index: -1;
  17. }
  18. .vip-icon{
  19. font-weight: bold;
  20. background: linear-gradient(180deg, #FFD49C 0%, #C27D22 100%);
  21. -webkit-background-clip: text;
  22. -webkit-text-fill-color: transparent;
  23. margin-left: 10rpx;
  24. }
  25. .gray{
  26. color: #999;
  27. }
  28. .red{
  29. color: #FF3C3F;
  30. }
  31. .line-through{
  32. text-decoration: line-through;
  33. }
  34. .view-wrap{
  35. padding: 30rpx 20rpx;
  36. }
  37. .full-btn{
  38. background-color: #00A447;
  39. color: #fff;
  40. border-radius: 44rpx;
  41. padding: 22rpx 0;
  42. text-align: center;
  43. margin-bottom: 40rpx;
  44. margin-top: 20rpx;
  45. }
  46. .view-wrap{
  47. background-color: #fff;
  48. border-bottom: 10rpx solid #F5F5F5;
  49. }
  50. .single-til{
  51. margin-bottom: 20rpx;
  52. .text{
  53. font-size: 32rpx;
  54. color: #333;
  55. font-weight: 600;
  56. }
  57. .more-text{
  58. font-size: 24rpx;
  59. color: #999;
  60. }
  61. }