C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

94 行
1.4 KiB

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