C端小程序
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

103 righe
1.5 KiB

  1. Page{
  2. background: #C8223C;
  3. }
  4. .none{
  5. font-size: 28rpx;
  6. text-align: center;
  7. margin-top: 30rpx;
  8. color: #fff;
  9. float:none!important;
  10. }
  11. .headerbg image{
  12. display: block;
  13. width: 100%;
  14. }
  15. .fl{
  16. float: left;
  17. }
  18. .fr{
  19. float: right;
  20. }
  21. .title{
  22. padding: 20rpx 40rpx 30rpx;
  23. color: #fff;
  24. text-align: center;
  25. font-size:26rpx;
  26. }
  27. .card{
  28. position: relative;
  29. width: 335rpx;
  30. margin: 0 auto 18rpx;
  31. border-radius:16rpx;
  32. overflow: hidden;
  33. padding-bottom: 20rpx;
  34. background: #fff;
  35. height: 185rpx;
  36. }
  37. .txt01 text{
  38. display: block;
  39. text-align: center;
  40. }
  41. .cards{
  42. padding: 0 33rpx;
  43. }
  44. .cards>view:nth-of-type(2n){
  45. float: right;
  46. }
  47. .cards>view:nth-of-type(2n+1){
  48. float: left;
  49. }
  50. .tit{
  51. font-size:36rpx;
  52. color:rgba(51,51,51,1);
  53. margin: -40rpx auto 0;
  54. white-space: nowrap;
  55. text-overflow: ellipsis;
  56. overflow: hidden;
  57. width:280rpx;
  58. text-align: center;
  59. }
  60. .cardtype{
  61. position: absolute;
  62. right: 28rpx;
  63. top: 20rpx;
  64. font-size: 24rpx;
  65. color:rgba(99,188,230,1);
  66. }
  67. .footer{
  68. margin-top: 26rpx;
  69. font-size:26rpx;
  70. font-weight:500;
  71. color:rgba(153,153,153,1);
  72. }
  73. .footer text{
  74. text-indent: 33rpx;
  75. }
  76. .footer image{
  77. width: 24rpx;
  78. margin-right: 33rpx;
  79. }
  80. .triangle {
  81. width: 0px;
  82. height: 0px;
  83. border-color: transparent #DAB055;
  84. border-width: 0 0 110rpx 110rpx;
  85. border-style: solid;
  86. }
  87. .discount{
  88. position: absolute;
  89. color: #fff;
  90. width: 110rpx;
  91. height: 100rpx;
  92. font-size: 20rpx;
  93. left:13rpx;
  94. top:-11rpx;
  95. z-index: 10;
  96. transform:rotate(315deg);
  97. }
  98. .discount text{
  99. font-size: 28rpx;
  100. }
  101. .level{
  102. color: yellow;
  103. }