common.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
  1. page,
  2. block,
  3. view,
  4. scroll-view,
  5. swiper,
  6. movable-view,
  7. icon,
  8. text,
  9. progress,
  10. button,
  11. checkbox,
  12. form,
  13. input,
  14. label,
  15. picker,
  16. picker-view,
  17. radio,
  18. slider,
  19. switch,
  20. textarea,
  21. navigator,
  22. audio,
  23. image,
  24. video,
  25. map,
  26. canvas,
  27. contact-button {
  28. box-sizing: border-box;
  29. }
  30. /* 字体 */
  31. .ft48 {
  32. font-size: 48rpx;
  33. }
  34. .ft40 {
  35. font-size: 40rpx;
  36. }
  37. .ft38 {
  38. font-size: 38rpx;
  39. }
  40. .ft36 {
  41. font-size: 36rpx;
  42. }
  43. .ft34 {
  44. font-size: 34rpx;
  45. }
  46. .ft32 {
  47. font-size: 32rpx;
  48. }
  49. .ft30 {
  50. font-size: 30rpx;
  51. }
  52. .ft28 {
  53. font-size: 28rpx;
  54. }
  55. .ft26 {
  56. font-size: 26rpx;
  57. }
  58. .ft24 {
  59. font-size: 24rpx;
  60. }
  61. .ft22 {
  62. font-size: 22rpx;
  63. }
  64. .ft20 {
  65. font-size: 20rpx;
  66. }
  67. /* 字体颜色 */
  68. .cof {
  69. color: #FFFFFF;
  70. }
  71. .cob {
  72. color: #000000;
  73. }
  74. .col {
  75. color: #AAAAAA;
  76. }
  77. .coh {
  78. color: #999;
  79. }
  80. .content .color-blue {
  81. color: #003A9B;
  82. }
  83. .content .color-black {
  84. color: #000000;
  85. }
  86. .color-bf {
  87. color: #B5B5B5;
  88. }
  89. .color-ffa {
  90. color: $uni-oil-color;
  91. }
  92. .border-b {
  93. border-bottom: 1px solid #F1F1F1;
  94. }
  95. .underline {
  96. text-decoration: line-through;
  97. }
  98. /* 背景颜色 */
  99. .bgf {
  100. background: #FFFFFF;
  101. }
  102. /* 底边 */
  103. .br {
  104. border-bottom: 1rpx solid #F5F6F9;
  105. }
  106. .bottom-bar {
  107. /* position: fixed; */
  108. width: 100%;
  109. background: #fff;
  110. margin-bottom: 50rpx;
  111. }
  112. .btn1 {
  113. width: 670rpx;
  114. height: 98rpx;
  115. background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
  116. border-radius: 8rpx;
  117. box-shadow: 0px 0px 8rpx 0px rgba(51, 135, 255, 0.2);
  118. opacity: 1;
  119. font-size: 32rpx;
  120. color: #FFFFFF;
  121. margin: 0 auto;
  122. margin-bottom: 32rpx;
  123. }
  124. .btn2 {
  125. width: 670rpx;
  126. height: 98rpx;
  127. background: #ffbe2c;
  128. border-radius: 8rpx;
  129. box-shadow: 0px 0px 8rpx 0px rgba(51, 135, 255, 0.2);
  130. opacity: 1;
  131. font-size: 32rpx;
  132. color: #FFFFFF;
  133. margin: 0 auto;
  134. }
  135. @font-face {
  136. font-family: 'iconfont'; /* Project id 2086331 */
  137. src: url('//at.alicdn.com/t/font_2086331_snxhzq2m72n.woff2?t=1635745396019') format('woff2'),
  138. url('//at.alicdn.com/t/font_2086331_snxhzq2m72n.woff?t=1635745396019') format('woff'),
  139. url('//at.alicdn.com/t/font_2086331_snxhzq2m72n.ttf?t=1635745396019') format('truetype');
  140. }
  141. /* @font-face {
  142. font-family: 'iconfont';
  143. src: url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.eot');
  144. src: url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.eot?#iefix') format('embedded-opentype'),
  145. url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.woff2') format('woff2'),
  146. url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.woff') format('woff'),
  147. url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.ttf') format('truetype'),
  148. url('//at.alicdn.com/t/font_2056607_hlj4okthw0o.svg#iconfont') format('svg');
  149. } */
  150. .iconfont {
  151. font-family: "iconfont" !important;
  152. font-size: 16px;
  153. font-style: normal;
  154. -webkit-font-smoothing: antialiased;
  155. -moz-osx-font-smoothing: grayscale;
  156. }
  157. .icon-prev:before {
  158. content: "\e601";
  159. }
  160. .descp {
  161. font-size: 26rpx;
  162. padding: 20rpx;
  163. width: 670rpx;
  164. margin: 0 auto;
  165. border: 1rpx solid #F1F1F1;
  166. margin-top: 30rpx;
  167. height: 100px;
  168. border-radius: 6rpx;
  169. }
  170. .descp textarea {
  171. height: 100%;
  172. width: 100%;
  173. }
  174. .desc-placeholder {
  175. font-size: 26rpx;
  176. }
  177. .main {
  178. background-color: #fff;
  179. border-radius: 20rpx 20rpx 0 0;
  180. margin-top: -20rpx;
  181. padding: 20rpx 0rpx 0;
  182. }
  183. .text-1 {
  184. overflow: hidden;
  185. text-overflow: ellipsis;
  186. white-space: nowrap;
  187. }
  188. .text-2 {
  189. overflow: hidden;
  190. text-overflow: ellipsis;
  191. display: -webkit-box;
  192. -webkit-box-orient: vertical;
  193. -webkit-line-clamp: 2;
  194. }
  195. .text-3 {
  196. overflow: hidden;
  197. text-overflow: ellipsis;
  198. display: -webkit-box;
  199. -webkit-box-orient: vertical;
  200. -webkit-line-clamp: 3;
  201. }
  202. .wen1 {
  203. width: 30rpx;
  204. height: 30rpx;
  205. margin-left: 10rpx;
  206. }
  207. .no-more {
  208. text-align: center;
  209. font-size: 28rpx;
  210. color: #999;
  211. }
  212. .nav-hover {
  213. opacity: 0.5;
  214. }
  215. .arr-r::after {
  216. content: "";
  217. display: block;
  218. width: 14rpx;
  219. height: 14rpx;
  220. flex: none;
  221. border: 1rpx solid;
  222. border-color: #888 #888 transparent transparent;
  223. transform: rotate(45deg);
  224. margin-left:auto;
  225. }
  226. .content-row {
  227. border-top-right-radius: 20rpx;
  228. border-top-left-radius: 20rpx;
  229. margin-top: -20rpx;
  230. position: relative;
  231. background: rgba(255, 255, 255, 1);
  232. z-index: 3;
  233. }
  234. .break{
  235. word-break: break-all
  236. }
  237. .is-iphone-x {
  238. padding-bottom: constant(safe-area-inset-bottom);
  239. /* 兼容 iOS < 11.2 */
  240. padding-bottom: env(safe-area-inset-bottom);
  241. /* 兼容 iOS >= 11.2 */
  242. box-sizing: inherit;
  243. }
  244. /* 解决1rpx 边框在ios显示缺失问题 */
  245. .border1rpx, .border1rpx_before{
  246. position: relative;
  247. border-width: 0rpx !important;
  248. padding: 0.5rpx;
  249. z-index: 0;
  250. }
  251. .border1rpx::after, .border1rpx_before::before{
  252. content: "";
  253. border-style: inherit;
  254. border-color: inherit;
  255. border-radius: inherit;
  256. box-sizing: border-box !important;
  257. position: absolute;
  258. border-width: 2rpx !important;
  259. left: 0;
  260. top: 0;
  261. width: 200% !important;
  262. height: 200% !important;
  263. transform-origin: 0 0;
  264. transform: scale(0.5) !important;
  265. z-index: -1;
  266. }
  267. .border1rpx-full { margin: -1rpx; }