C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

172 行
2.6 KiB

  1. .scroll-header {
  2. display: flex;
  3. white-space: nowrap;
  4. }
  5. .thin_circle {
  6. position: relative;
  7. height: 132rpx;
  8. width: 132rpx;
  9. border: 1px solid #f69948;
  10. display: inline-block;
  11. border-radius: 50%;
  12. margin-right: 46rpx;
  13. }
  14. .page {
  15. height: 100%;
  16. font-weight: 400;
  17. }
  18. .scroll {
  19. padding: 0 56rpx 20rpx;
  20. margin-top: 22rpx;
  21. }
  22. .title {
  23. border-top: 20rpx solid #fafafa;
  24. font-size: 34rpx;
  25. font-weight: bold;
  26. color: rgba(85, 85, 85, 1);
  27. padding: 30rpx 0 10rpx;
  28. line-height: 34rpx;
  29. text-indent: 1em;
  30. }
  31. .img {
  32. width: 320rpx;
  33. display: block;
  34. margin: 160rpx auto 0;
  35. }
  36. .txt {
  37. display: block;
  38. text-align: center;
  39. font-size: 30rpx;
  40. color: #ccc;
  41. }
  42. .scroll-view-item {
  43. position: relative;
  44. text-align: center;
  45. display: inline-block;
  46. padding-left: 3rpx;
  47. }
  48. .view text {
  49. font-size: 23rpx;
  50. display: block;
  51. text-align: center;
  52. color: #fd9643;
  53. line-height: 32rpx;
  54. }
  55. .scroll-view-item > text {
  56. display: block;
  57. width: 132rpx;
  58. font-size: 21rpx;
  59. font-weight: 400;
  60. color: rgba(253, 150, 67, 1);
  61. line-height: 29rpx;
  62. }
  63. .view {
  64. position: absolute;
  65. display: flex;
  66. justify-content: center;
  67. flex-direction: column;
  68. top: 0;
  69. left: 0;
  70. right: 0;
  71. bottom: 0;
  72. margin: auto;
  73. width: 108rpx !important;
  74. height: 108rpx !important;
  75. border: 3px solid #f69948;
  76. border-radius: 50%;
  77. }
  78. .last {
  79. margin-right: 0;
  80. }
  81. .quanyi{
  82. margin-top:20rpx;
  83. }
  84. .fl{
  85. float: left;
  86. }
  87. .fr{
  88. float: right;
  89. }
  90. .clearfix:after {
  91. content: ".";
  92. display: block;
  93. height: 0;
  94. clear: both;
  95. visibility: hidden;
  96. }
  97. .grade {
  98. width: 30rpx!important;
  99. }
  100. .quanyi > view .titles {
  101. display: inline-block;
  102. font-size: 30rpx;
  103. font-family: PingFang-SC-Bold;
  104. font-weight: bold;
  105. line-height: 30rpx;
  106. padding: 0 0 0 10rpx;
  107. }
  108. .quanyi > view:nth-of-type(1) .titles {
  109. color: #fd9643;
  110. }
  111. .quanyi > view:nth-of-type(2) .titles {
  112. color: #ffba00;
  113. }
  114. .quanyi > view:nth-of-type(3) .titles {
  115. color: #6cb043;
  116. }
  117. .quanyi > view:nth-of-type(4) .titles {
  118. color: #2ac19c;
  119. }
  120. .quanyi > view:nth-of-type(5) .titles {
  121. color: #fd9643;
  122. }
  123. .part {
  124. padding: 0 34rpx;
  125. margin-top: 20rpx;
  126. }
  127. .des {
  128. padding-left: 25rpx;
  129. font-size: 26rpx;
  130. font-weight: 400;
  131. color: rgba(153, 153, 153, 1);
  132. line-height: 40rpx;
  133. margin-left: 12rpx;
  134. padding-top: 10rpx;
  135. padding-bottom: 10rpx;
  136. margin-top: 10rpx;
  137. }
  138. .quanyi > view:nth-of-type(1) .des{
  139. border-left:6rpx dotted #fd9643;
  140. }
  141. .quanyi > view:nth-of-type(2) .des{
  142. border-left:6rpx dotted #ffba00;
  143. }
  144. .quanyi > view:nth-of-type(3) .des{
  145. border-left:6rpx dotted #6cb043;
  146. }
  147. .quanyi > view:nth-of-type(4) .des{
  148. border-left:6rpx dotted #2ac19c;
  149. }
  150. .quanyi > view:nth-of-type(5) .des{
  151. border-left:6rpx dotted #fd9643;
  152. }