templateCommon.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. .rows-left {
  2. display: flex;
  3. flex-direction: row;
  4. justify-content: flex-start;
  5. align-items: center;
  6. }
  7. .rows-between {
  8. display: flex;
  9. flex-direction: row;
  10. justify-content: space-between;
  11. align-items: center;
  12. }
  13. .column-flex {
  14. display: flex;
  15. flex-direction: column;
  16. justify-content: center;
  17. align-items: center;
  18. }
  19. .column-between {
  20. display: flex;
  21. flex-direction: column;
  22. justify-content: space-between;
  23. align-items: center;
  24. }
  25. .eslipe {
  26. overflow: hidden;
  27. white-space: nowrap;
  28. text-overflow: ellipsis;
  29. max-width: 330rpx;
  30. display: inline-block;
  31. }
  32. .style1 {
  33. position: absolute;
  34. z-index: 10;
  35. width: 100%;
  36. }
  37. .style2 {
  38. position: fixed;
  39. top: 0rpx;
  40. left: 0rpx;
  41. width: 100vw;
  42. z-index: 999;
  43. }
  44. .scrollview {
  45. background: #f5f5f5;
  46. position: relative;
  47. }
  48. .searchBox {
  49. position: fixed;
  50. }
  51. .nav-title {
  52. position: absolute;
  53. text-align: center;
  54. max-width: 400rpx;
  55. overflow: hidden;
  56. text-overflow: ellipsis;
  57. white-space: nowrap;
  58. top: 0;
  59. left: 0;
  60. right: 0;
  61. bottom: 0;
  62. margin: auto;
  63. color: #000;
  64. font-size: 32rpx;
  65. font-weight: bold;
  66. }
  67. .searchBox .searchView {
  68. position: absolute;
  69. left: 46rpx;
  70. top: 50%;
  71. -webkit-transform: translateY(-50%);
  72. transform: translateY(-50%);
  73. font-size: 28rpx;
  74. }
  75. .searchBox image {
  76. left: 46rpx;
  77. width: 105rpx;
  78. height: 40rpx;
  79. position: absolute;
  80. top: 50%;
  81. -webkit-transform: translateY(-50%);
  82. transform: translateY(-50%);
  83. }
  84. .searchView2 {
  85. position: absolute;
  86. right: 40rpx;
  87. top: 392rpx;
  88. width: 72rpx;
  89. height: 72rpx;
  90. line-height: 72rpx;
  91. text-align: center;
  92. border-radius: 72rpx;
  93. font-size: 28rpx;
  94. background-color:#FFFFFF;
  95. z-index: 9;
  96. }
  97. .shareBox {
  98. overflow: hidden;
  99. position: relative;
  100. }
  101. .shareBox .shareboxt {
  102. width: 561rpx;
  103. height: 126rpx;
  104. margin: 0 auto;
  105. display: block;
  106. margin-top: 123rpx;
  107. margin-bottom: 50rpx;
  108. }
  109. .shareBox .logo {
  110. width: 258rpx;
  111. height: 81rpx;
  112. margin: 0 auto;
  113. display: block;
  114. margin-top: 100rpx;
  115. margin-bottom: 16rpx;
  116. }
  117. .shareBox .groupName {
  118. height:40rpx;
  119. font-size:28rpx;
  120. font-family:Verdana;
  121. font-weight:400;
  122. line-height:34rpx;
  123. color:rgba(186,186,186,1);
  124. text-align: center;
  125. }
  126. .shareBox .shareIcon{
  127. width: 27rpx;
  128. height: 38rpx;
  129. display:block;
  130. }
  131. .shareBox .shareButton {
  132. display: flex;
  133. flex-direction: row;
  134. justify-content: center;
  135. align-items: center;
  136. border-radius: 40rpx;
  137. width: 280rpx;
  138. height: 76rpx;
  139. margin: 0 auto;
  140. margin-top: 50rpx;
  141. margin-bottom: 20rpx;
  142. font-size: 28rpx;
  143. color:#FFFFFF;
  144. font-weight: 400;
  145. text-align: center;
  146. }
  147. .joinGroup{
  148. width: 280rpx;
  149. height: 76rpx;
  150. line-height: 76rpx;
  151. background: #ffffff;
  152. border: 2rpx solid #f07423;
  153. border-radius: 40rpx;
  154. text-align: center;
  155. margin: 0 auto;
  156. }
  157. .share-box-word{
  158. width: 260rpx;
  159. height: 36rpx;
  160. font-size: 20rpx;
  161. font-family: Verdana, Verdana-Regular;
  162. font-weight: 400;
  163. color: #999999;
  164. line-height: 36rpx;
  165. margin: 0 auto;
  166. margin-top: 26rpx;
  167. margin-bottom: 400rpx;
  168. }
  169. /* 回到顶部按钮 */
  170. .backTopView{
  171. position: fixed;
  172. right: 40rpx;
  173. bottom: 100rpx;
  174. width: 80rpx;
  175. height: 80rpx;
  176. z-index: 9999999;
  177. }