C端小程序
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

119 lignes
1.9 KiB

  1. /* pages/czdetail/czdetail.wxss */
  2. .head {
  3. height: 252rpx;
  4. background: #02c0ff;
  5. position: relative;
  6. }
  7. .rule {
  8. position: absolute;
  9. right: 0;
  10. top: 0;
  11. bottom: 0;
  12. margin: auto;
  13. width: 124rpx;
  14. height: 48rpx;
  15. line-height: 48rpx;
  16. text-align: center;
  17. background: #fff;
  18. font-size: 28rpx;
  19. font-weight: 400;
  20. color: rgba(2, 192, 255, 1);
  21. border-bottom-left-radius: 50rpx;
  22. border-top-left-radius: 50rpx;
  23. }
  24. .head text {
  25. display: block;
  26. text-align: center;
  27. color: #fff;
  28. }
  29. .head text:nth-of-type(1) {
  30. font-size: 28rpx;
  31. font-family: PingFang-SC-Regular;
  32. font-weight: 400;
  33. color: rgba(255, 255, 255, 1);
  34. }
  35. .head text:nth-of-type(2) {
  36. font-size: 70rpx;
  37. font-family: PingFang-SC-Bold;
  38. font-weight: bold;
  39. color: rgba(255, 255, 255, 1);
  40. }
  41. .bg {
  42. position: absolute;
  43. bottom: 0;
  44. left: 0;
  45. right: 0;
  46. width: 100%;
  47. height: 55rpx;
  48. z-index: 100;
  49. }
  50. .content {
  51. position: relative;
  52. padding: 0 35rpx;
  53. height: 145rpx;
  54. border-bottom: 1px solid #eaeaea;
  55. }
  56. .content>view:nth-of-type(2n+1) text {
  57. display: block;
  58. }
  59. .content>view:nth-of-type(2n+1) text:nth-of-type(1) {
  60. margin-top: 24rpx;
  61. }
  62. .content>view:nth-of-type(2n+1) text:nth-of-type(2) {
  63. margin-top: 10rpx;
  64. font-size: 26rpx;
  65. font-family: PingFang-SC-Bold;
  66. color: rgba(153, 153, 153, 1);
  67. }
  68. .content>view:nth-of-type(2n+1) {
  69. float: left;
  70. width: 60%;
  71. height: 145rpx;
  72. overflow: hidden;
  73. }
  74. .content>view:nth-of-type(2n) {
  75. width: 38%;
  76. float: right;
  77. text-align: right;
  78. height: 145rpx;
  79. line-height: 145rpx;
  80. overflow: hidden;
  81. }
  82. .title {
  83. display: block;
  84. text-align: center;
  85. font-size: 30rpx;
  86. font-family: PingFang-SC-Regular;
  87. font-weight: 400;
  88. color: rgba(51, 51, 51, 1);
  89. }
  90. .fr text{
  91. color: #FF3535;
  92. }
  93. .loading {
  94. text-align: center;
  95. height: 80rpx;
  96. line-height: 80rpx;
  97. font-size: 26rpx;
  98. color: #999;
  99. }
  100. .loading image {
  101. width: 60rpx;
  102. height: 60rpx;
  103. vertical-align: middle;
  104. margin-right: 10rpx;
  105. }