C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

89 lines
1.3 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-top: -40rpx;
  47. }
  48. .cardtype{
  49. position: absolute;
  50. right: 28rpx;
  51. top: 20rpx;
  52. font-size: 24rpx;
  53. color:rgba(99,188,230,1);
  54. }
  55. .footer{
  56. margin-top: 26rpx;
  57. font-size:26rpx;
  58. font-weight:500;
  59. color:rgba(153,153,153,1);
  60. }
  61. .footer text{
  62. text-indent: 33rpx;
  63. }
  64. .footer image{
  65. width: 24rpx;
  66. margin-right: 33rpx;
  67. }
  68. .triangle {
  69. width: 0px;
  70. height: 0px;
  71. border-color: transparent #DAB055;
  72. border-width: 0 0 110rpx 110rpx;
  73. border-style: solid;
  74. }
  75. .discount{
  76. position: absolute;
  77. color: #fff;
  78. width: 110rpx;
  79. height: 100rpx;
  80. font-size: 20rpx;
  81. left:13rpx;
  82. top:-11rpx;
  83. z-index: 10;
  84. transform:rotate(315deg);
  85. }
  86. .discount text{
  87. font-size: 28rpx;
  88. }