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.

88 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. }
  29. .txt01 text{
  30. display: block;
  31. text-align: center;
  32. }
  33. .cards{
  34. padding: 0 33rpx;
  35. }
  36. .cards>view:nth-of-type(2n){
  37. float: right;
  38. }
  39. .cards>view:nth-of-type(2n+1){
  40. float: left;
  41. }
  42. .tit{
  43. font-size:36rpx;
  44. color:rgba(51,51,51,1);
  45. margin-top: -40rpx;
  46. }
  47. .cardtype{
  48. position: absolute;
  49. right: 28rpx;
  50. top: 20rpx;
  51. font-size: 24rpx;
  52. color:rgba(99,188,230,1);
  53. }
  54. .footer{
  55. margin-top: 26rpx;
  56. font-size:26rpx;
  57. font-weight:500;
  58. color:rgba(153,153,153,1);
  59. }
  60. .footer text{
  61. text-indent: 33rpx;
  62. }
  63. .footer image{
  64. width: 24rpx;
  65. margin-right: 33rpx;
  66. }
  67. .triangle {
  68. width: 0px;
  69. height: 0px;
  70. border-color: transparent #DAB055;
  71. border-width: 0 0 110rpx 110rpx;
  72. border-style: solid;
  73. }
  74. .discount{
  75. position: absolute;
  76. color: #fff;
  77. width: 110rpx;
  78. height: 100rpx;
  79. font-size: 20rpx;
  80. left:13rpx;
  81. top:-11rpx;
  82. z-index: 10;
  83. transform:rotate(315deg);
  84. }
  85. .discount text{
  86. font-size: 28rpx;
  87. }