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.
 
 
 
 
 
 

558 lines
5.9 KiB

  1. /*padding - top*/
  2. .ui_p_t05 {
  3. padding-top: 0.05rem;
  4. }
  5. .ui_p_t10 {
  6. padding-top: 0.1rem;
  7. }
  8. .ui_p_t15 {
  9. padding-top: 0.15rem;
  10. }
  11. .ui_p_t13 {
  12. padding-top: 0.13rem;
  13. }
  14. .ui_p_t20 {
  15. padding-top: 0.2rem;
  16. }
  17. .ui_p_t25 {
  18. padding-top: 0.25rem;
  19. }
  20. .ui_p_t30 {
  21. padding-top: 0.3rem;
  22. }
  23. .ui_p_t35 {
  24. padding-top: 0.35rem;
  25. }
  26. .ui_p_t40 {
  27. padding-top: 0.4rem;
  28. }
  29. /*padding - bottom*/
  30. .ui_p_b05 {
  31. padding-bottom: 0.05rem;
  32. }
  33. .ui_p_b10 {
  34. padding-bottom: 0.1rem;
  35. }
  36. .ui_p_b13 {
  37. padding-bottom: 0.13rem;
  38. }
  39. .ui_p_b15 {
  40. padding-bottom: 0.15rem;
  41. }
  42. .ui_p_b20 {
  43. padding-bottom: 0.2rem;
  44. }
  45. .ui_p_b25 {
  46. padding-bottom: 0.25rem;
  47. }
  48. .ui_p_b30 {
  49. padding-bottom: 0.3rem;
  50. }
  51. .ui_p_b35 {
  52. padding-bottom: 0.35rem;
  53. }
  54. .ui_p_b40 {
  55. padding-bottom: 0.4rem;
  56. }
  57. /*padding-left*/
  58. .ui_p_l05 {
  59. padding-left: 0.05rem;
  60. }
  61. .ui_p_l10 {
  62. padding-left: 0.1rem;
  63. }
  64. .ui_p_l15 {
  65. padding-left: 0.15rem;
  66. }
  67. .ui_p_l20 {
  68. padding-left: 0.2rem;
  69. }
  70. .ui_p_l25 {
  71. padding-left: 0.25rem;
  72. }
  73. .ui_p_l30 {
  74. padding-left: 0.3rem;
  75. }
  76. .ui_p_l35 {
  77. padding-left: 0.35rem;
  78. }
  79. .ui_p_l40 {
  80. padding-left: 0.4rem;
  81. }
  82. .ui_p_l45 {
  83. padding-left: 0.45rem;
  84. }
  85. .ui_p_l50 {
  86. padding-left: 0.5rem;
  87. }
  88. .ui_p_l55 {
  89. padding-left: 0.55rem;
  90. }
  91. /*padding-right*/
  92. .ui_p_r05 {
  93. padding-right: 0.05rem;
  94. }
  95. .ui_p_r10 {
  96. padding-right: 0.1rem;
  97. }
  98. .ui_p_r15 {
  99. padding-right: 0.15rem;
  100. }
  101. .ui_p_r20 {
  102. padding-right: 0.2rem;
  103. }
  104. .ui_p_r25 {
  105. padding-right: 0.25rem;
  106. }
  107. .ui_p_r30 {
  108. padding-right: 0.3rem;
  109. }
  110. .ui_p_r35 {
  111. padding-right: 0.35rem;
  112. }
  113. .ui_p_r40 {
  114. padding-right: 0.4rem;
  115. }
  116. .ui_p_r45 {
  117. padding-right: 0.45rem;
  118. }
  119. .ui_p_r50 {
  120. padding-right: 0.5rem;
  121. }
  122. .ui_p_r55 {
  123. padding-right: 0.55rem;
  124. }
  125. .ui_p_a05 {
  126. padding: 0.05rem;
  127. }
  128. .ui_p_a10 {
  129. padding: 0.1rem;
  130. }
  131. .ui_p_a15 {
  132. padding: 0.15rem;
  133. }
  134. .ui_p_a20 {
  135. padding: 0.2rem;
  136. }
  137. .ui_p_a25 {
  138. padding: 0.25rem;
  139. }
  140. .ui_p_a30 {
  141. padding: 0.3rem;
  142. }
  143. .ui_p_a35 {
  144. padding: 0.35rem;
  145. }
  146. .ui_p_a40 {
  147. padding: 0.4rem;
  148. }
  149. /*margin-top*/
  150. .ui_m_t05 {
  151. margin-top: 0.05rem;
  152. }
  153. .ui_m_t10 {
  154. margin-top: 0.1rem;
  155. }
  156. .ui_m_t15 {
  157. margin-top: 0.15rem;
  158. }
  159. .ui_m_t20 {
  160. margin-top: 0.2rem;
  161. }
  162. .ui_m_t25 {
  163. margin-top: 0.25rem;
  164. }
  165. .ui_m_t30 {
  166. margin-top: 0.3rem;
  167. }
  168. .ui_m_t35 {
  169. margin-top: 0.35rem;
  170. }
  171. .ui_m_t40 {
  172. margin-top: 0.4rem;
  173. }
  174. /*margin-bottom*/
  175. .ui_m_b05 {
  176. margin-bottom: 0.05rem;
  177. }
  178. .ui_m_b10 {
  179. margin-bottom: 0.1rem;
  180. }
  181. .ui_m_b15 {
  182. margin-bottom: 0.15rem;
  183. }
  184. .ui_m_b20 {
  185. margin-bottom: 0.2rem;
  186. }
  187. .ui_m_b25 {
  188. margin-bottom: 0.25rem;
  189. }
  190. .ui_m_b30 {
  191. margin-bottom: 0.3rem;
  192. }
  193. .ui_m_b35 {
  194. margin-bottom: 0.35rem;
  195. }
  196. .ui_m_b40 {
  197. margin-bottom: 0.4rem;
  198. }
  199. /*margin-left*/
  200. .ui_m_l05 {
  201. margin-left: 0.05rem;
  202. }
  203. .ui_m_l10 {
  204. margin-left: 0.1rem;
  205. }
  206. .ui_m_l15 {
  207. margin-left: 0.15rem;
  208. }
  209. .ui_m_l20 {
  210. margin-left: 0.2rem;
  211. }
  212. .ui_m_l25 {
  213. margin-left: 0.25rem;
  214. }
  215. .ui_m_l30 {
  216. margin-left: 0.3rem;
  217. }
  218. .ui_m_l35 {
  219. margin-left: 0.35rem;
  220. }
  221. .ui_m_l40 {
  222. margin-left: 0.4rem;
  223. }
  224. /*margin-right*/
  225. .ui_m_r05 {
  226. margin-right: 0.05rem;
  227. }
  228. .ui_m_r10 {
  229. margin-right: 0.1rem;
  230. }
  231. .ui_m_r15 {
  232. margin-right: 0.15rem;
  233. }
  234. .ui_m_r20 {
  235. margin-right: 0.2rem;
  236. }
  237. .ui_m_r25 {
  238. margin-right: 0.25rem;
  239. }
  240. .ui_m_r30 {
  241. margin-right: 0.3rem;
  242. }
  243. .ui_m_r35 {
  244. margin-right: 0.35rem;
  245. }
  246. .ui_m_r40 {
  247. margin-right: 0.4rem;
  248. }
  249. .ui_m_a05 {
  250. margin: 0.05rem;
  251. }
  252. .ui_m_a10 {
  253. margin: 0.1rem;
  254. }
  255. .ui_m_a15 {
  256. margin: 0.15rem;
  257. }
  258. .ui_m_a20 {
  259. margin: 0.2rem;
  260. }
  261. .ui_m_a25 {
  262. margin: 0.25rem;
  263. }
  264. .ui_m_a30 {
  265. margin: 0.3rem;
  266. }
  267. .ui_m_a35 {
  268. margin: 0.35rem;
  269. }
  270. .ui_m_a40 {
  271. margin: 0.4rem;
  272. }
  273. /*左右margin 0.2rem*/
  274. .ui_m_lr20 {
  275. margin: 0 0.1rem;
  276. }
  277. /*隐藏*/
  278. .ui_hide {
  279. display: none !important;
  280. }
  281. /*左上 圆角*/
  282. .ui_radiu_top_l {
  283. -webkit-border-top-left-radius: 0.05rem;
  284. border-top-left-radius: 0.05rem
  285. }
  286. /*右上 圆角*/
  287. .ui_radiu_top_r {
  288. -webkit-border-top-right-radius: .6rem;
  289. border-top-right-radius: .6rem
  290. }
  291. /*左下 圆角*/
  292. .ui_radiu_bottom_l {
  293. -webkit-border-bottom-left-radius: 0.05rem;
  294. border-bottom-left-radius: 0.05rem;
  295. }
  296. /*右下 圆角*/
  297. .ui_radiu_bottom_r {
  298. -webkit-border-bottom-right-radius: 0.05rem;
  299. border-bottom-right-radius: 0.05rem;
  300. }
  301. /*上 圆角*/
  302. .ui_radiu_top {
  303. -webkit-border-top-left-radius: 0.05rem;
  304. border-top-left-radius: 0.05rem;
  305. -webkit-border-top-right-radius: 0.05rem;
  306. border-top-right-radius: 0.05rem;
  307. }
  308. /*下 圆角*/
  309. .ui_radiu_bottom {
  310. -webkit-border-bottom-left-radius: 0.05rem;
  311. border-bottom-left-radius: 0.05rem;
  312. -webkit-border-bottom-right-radius: 0.05rem;
  313. border-bottom-right-radius: 0.05rem;
  314. }
  315. /*右 圆角*/
  316. .ui_radiu_right {
  317. -webkit-border-top-right-radius: 0.05rem;
  318. border-top-right-radius: 0.05rem;
  319. -webkit-border-bottom-right-radius: 0.05rem;
  320. border-bottom-right-radius: 0.05rem;
  321. }
  322. /*左 圆角*/
  323. .ui_radiu_left {
  324. -webkit-border-top-left-radius: 0.05rem;
  325. border-top-left-radius: 0.05rem;
  326. -webkit-border-bottom-left-radius: 0.05rem;
  327. border-bottom-left-radius: 0.05rem;
  328. }
  329. /*all 圆角*/
  330. .ui_radiu_all {
  331. -webkit-border-radius: 0.03rem;
  332. border-radius: 0.03rem;
  333. }
  334. /*边框线*/
  335. .ui_line {
  336. border: 1px solid;
  337. }
  338. .ui_line_t {
  339. border-top: 1px solid;
  340. }
  341. .ui_line_b {
  342. border-bottom: 1px solid;
  343. }
  344. .ui_solid_gray {
  345. border: solid 1px #e5e5e5;
  346. }
  347. .ui_dotted_gray {
  348. border: dotted 1px #e5e5e5;
  349. }
  350. .ui_line_l {
  351. border-left: 1px solid;
  352. }
  353. .ui_line_r {
  354. border-right: 1px solid;
  355. }
  356. /*文本居右*/
  357. .text_right {
  358. text-align: right;
  359. }
  360. /*文本居中*/
  361. .text_middle {
  362. text-align: center;
  363. }
  364. /*文本居左*/
  365. .text_left {
  366. text-align: left;
  367. }
  368. /*定位底部*/
  369. .bottom_screen {
  370. position: fixed !important;
  371. bottom: 0;
  372. width: 100%;
  373. }
  374. /*按钮*/
  375. .ui_btn {
  376. width: 0.60rem;
  377. height: 0.30rem;
  378. line-height: 0.30rem;
  379. border: 1px solid darkseagreen;
  380. }
  381. /*边线*/
  382. .ui_btn_border {
  383. border: 1px solid darkseagreen;
  384. }
  385.  ::-webkit-input-placeholder { /* WebKit browsers */
  386.   color:#;
  387.   }
  388.   :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  389.   color:#cccccc;
  390.   }
  391.   ::-moz-placeholder { /* Mozilla Firefox 19+ */
  392.   color:#cccccc;
  393.   }
  394.   :-ms-input-placeholder { /* Internet Explorer 10+ */
  395.   color:#cccccc;
  396.   }