reset.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478
  1. @charset "UTF-8";
  2. body {
  3. background-color: #F0F0F0; }
  4. .weui-actionsheet__cell {
  5. display: flex;
  6. height: 80px;
  7. color: #666;
  8. font-size: 32px !important;
  9. align-items: center;
  10. justify-content: center; }
  11. body {
  12. position: relative;
  13. background: #f7f7f7;
  14. font-size: .16rem;
  15. font-family: Tahoma, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important; }
  16. li {
  17. list-style: none; }
  18. button {
  19. outline-style: none;
  20. border: none; }
  21. * {
  22. margin: 0;
  23. padding: 0;
  24. -webkit-box-sizing: border-box;
  25. -moz-box-sizing: border-box;
  26. box-sizing: border-box;
  27. -webkit-touch-callout: none;
  28. -webkit-user-select: none;
  29. -webkit-tap-highlight-color: transparent; }
  30. a img {
  31. border: 0; }
  32. a {
  33. text-decoration: none; }
  34. input {
  35. outline-style: none; }
  36. input::-webkit-input-placeholder {
  37. color: #BBB; }
  38. input:-moz-placeholder {
  39. color: #BBB; }
  40. input::-moz-placeholder {
  41. color: #BBB; }
  42. input:-ms-input-placeholder {
  43. color: #BBB; }
  44. textarea::-webkit-input-placeholder {
  45. color: #BBB; }
  46. textarea:-moz-placeholder {
  47. color: #BBB; }
  48. textarea::-moz-placeholder {
  49. color: #BBB; }
  50. textarea:-ms-input-placeholder {
  51. color: #BBB; }
  52. button:active {
  53. opacity: .8; }
  54. em {
  55. font-style: normal;
  56. line-height: 1; }
  57. input {
  58. border: none;
  59. outline-style: none; }
  60. .layout_top {
  61. height: 165px;
  62. width: 100%;
  63. overflow: hidden;
  64. position: fixed;
  65. top: 0;
  66. background: #6CA3FF url("/static/images/v7_bejing01.png"); }
  67. .layout_top .TopMain {
  68. height: 115px;
  69. width: 100%;
  70. overflow: hidden; }
  71. .layout_container {
  72. position: relative;
  73. z-index: 9;
  74. top: 165px;
  75. margin-top: -50px;
  76. border-top-left-radius: 10px;
  77. border-top-right-radius: 10px; }
  78. .screen {
  79. height: 100vh;
  80. overflow: hidden;
  81. width: 100%; }
  82. .tips {
  83. text-align: left;
  84. width: 100%;
  85. padding: 0 22px;
  86. background: #FFFFFF; }
  87. .tips p {
  88. color: #999999;
  89. font-size: 12px;
  90. padding-bottom: 10px; }
  91. .UserInfo {
  92. display: flex;
  93. align-items: center;
  94. width: 100%;
  95. padding: 19px 18px 0 18px; }
  96. .UserInfo_head {
  97. width: 76px;
  98. height: 76px;
  99. -webkit-border-radius: 50%;
  100. -moz-border-radius: 50%;
  101. border-radius: 50%;
  102. overflow: hidden;
  103. margin-right: 19px;
  104. background-color: rgba(250, 253, 255, 0.5);
  105. display: flex;
  106. align-items: center;
  107. justify-content: center; }
  108. .UserInfo_head img {
  109. display: block;
  110. width: 63px;
  111. height: 63px; }
  112. .UserInfo_name {
  113. font-size: 15px;
  114. font-weight: 600;
  115. color: #FFFFFF; }
  116. .UserInfo_loginout {
  117. margin-left: auto;
  118. background: rgba(255, 255, 255, 0.5);
  119. width: 57px;
  120. height: 24px;
  121. font-size: 14px;
  122. color: #101010;
  123. -webkit-border-radius: 200px;
  124. -moz-border-radius: 200px;
  125. border-radius: 200px; }
  126. .search {
  127. height: 70px;
  128. display: flex;
  129. padding-top: 15px;
  130. justify-content: center; }
  131. .search_block {
  132. width: 318px;
  133. position: relative;
  134. height: 35px; }
  135. .search input {
  136. width: 100%;
  137. height: 35px;
  138. padding-left: 15px;
  139. -webkit-border-radius: 200px;
  140. -moz-border-radius: 200px;
  141. border-radius: 200px;
  142. background: rgba(255, 255, 255, 0.5);
  143. display: block; }
  144. .search .querybtn {
  145. width: 50px;
  146. height: 35px;
  147. position: absolute;
  148. right: 0;
  149. top: 50%;
  150. display: flex;
  151. align-items: center;
  152. justify-content: center;
  153. transform: translateY(-50%); }
  154. .search .querybtn .icon {
  155. width: 24px;
  156. display: block; }
  157. .textTop {
  158. height: 70px;
  159. display: flex;
  160. align-items: center;
  161. padding: 0 33px;
  162. font-size: 14px;
  163. color: #FFFFFF; }
  164. .newsTop {
  165. height: 70px;
  166. padding: 0 70px;
  167. display: flex;
  168. align-items: center;
  169. justify-content: space-between; }
  170. .newsTop span {
  171. color: #FFFFFF;
  172. font-size: 14px;
  173. display: flex;
  174. align-items: center; }
  175. .newsTop span em {
  176. padding-left: 11px;
  177. font-size: 20px; }
  178. .serverTop {
  179. font-size: 14px;
  180. height: 70px;
  181. display: flex;
  182. align-items: center;
  183. justify-content: center;
  184. color: #FFFFFF; }
  185. .securityTop {
  186. height: 70px;
  187. display: flex;
  188. align-items: center;
  189. padding-left: 52px;
  190. color: #FFFFFF;
  191. font-size: 14px; }
  192. .payTop {
  193. display: flex;
  194. height: 70px;
  195. align-items: center;
  196. justify-content: space-between;
  197. padding-left: 30px;
  198. padding-right: 17px; }
  199. .payTop h2 {
  200. color: #FFFFFF;
  201. display: flex;
  202. align-items: center; }
  203. .payTop h2 em {
  204. font-size: 14px;
  205. padding-top: 3px; }
  206. .payTop h2 span {
  207. font-weight: 400;
  208. font-size: 35px;
  209. display: block;
  210. padding-left: 16px; }
  211. .payTop a {
  212. background: rgba(255, 255, 255, 0.5);
  213. height: 24px;
  214. padding: 0 12px;
  215. text-align: center;
  216. line-height: 24px;
  217. font-size: 14px;
  218. color: #101010;
  219. -webkit-border-radius: 200px;
  220. -moz-border-radius: 200px;
  221. border-radius: 200px; }
  222. .form {
  223. background: #FFFFFF;
  224. padding-top: 50px;
  225. padding-left: 30px;
  226. padding-bottom: 25px; }
  227. .form_group {
  228. margin-bottom: 9px;
  229. font-size: 14px;
  230. color: #101010;
  231. display: flex;
  232. align-items: center; }
  233. .form_group .label {
  234. width: 78px;
  235. text-align: right;
  236. padding-right: 8px; }
  237. .form_group .label-top {
  238. align-self: flex-start;
  239. line-height: 30px; }
  240. .form_group .input {
  241. width: 232px;
  242. height: 35px;
  243. padding-left: 10px;
  244. border: 1px solid #E8E8E8;
  245. /*no*/ }
  246. .form_group .input-small {
  247. width: 170px; }
  248. .form_group .input-code {
  249. width: 117px; }
  250. .form_group .input-regcode {
  251. width: 110px; }
  252. .form_group .regcode {
  253. width: 117px;
  254. margin-left: 5px; }
  255. .form_group .selectDown {
  256. width: 232px;
  257. height: 35px;
  258. display: block;
  259. border: none;
  260. padding-left: 10px;
  261. outline-style: none;
  262. appearance: none;
  263. -moz-appearance: none;
  264. -webkit-appearance: none;
  265. background: #F7F7F7 url("/static/images/qudao_youxiziyuan_xiala.png") no-repeat;
  266. background-size: 20px 20px;
  267. background-position: 93% center;
  268. padding-right: 0 \9;
  269. background: none \9; }
  270. .form_group .selectDown option {
  271. outline: none;
  272. border: none;
  273. background: #FFFFFF; }
  274. .form_group .selectDown option:hover {
  275. background: #E8E8E8; }
  276. .form_group .btn-code {
  277. width: 104px;
  278. height: 33px;
  279. color: #538FE8;
  280. background: #E8E8E8;
  281. font-size: 14px;
  282. margin-left: 10px; }
  283. .form_group .input[disabled] {
  284. background: #F7F7F7;
  285. border: none; }
  286. .form_group .last {
  287. width: 62px;
  288. text-align: center;
  289. font-style: normal;
  290. font-size: 14px;
  291. color: #454545; }
  292. .form_group .text {
  293. width: 232px;
  294. height: 35px;
  295. color: #A6A6AE;
  296. line-height: 35px; }
  297. .form_group .text-c1 {
  298. color: #FF9800; }
  299. .form_group .text-c2 {
  300. color: #FF4081; }
  301. .form_group .select {
  302. width: 232px;
  303. overflow: hidden; }
  304. .form_group .select .item {
  305. width: 100px;
  306. height: 50px;
  307. margin-right: 18px;
  308. display: flex;
  309. align-items: center;
  310. justify-content: center;
  311. border: 1px solid #E8E8E8;
  312. /*no*/
  313. float: left; }
  314. .form_group .select .item:last-child {
  315. margin-right: 0; }
  316. .form_group .select .item img {
  317. width: 90px; }
  318. .form_group .select .active {
  319. border: 1px solid #FF4081;
  320. /*no*/ }
  321. .form_group .selectMoney {
  322. overflow: hidden;
  323. width: 250px;
  324. margin-bottom: -14px; }
  325. .form_group .selectMoney span {
  326. display: block;
  327. margin-bottom: 14px;
  328. width: 70px;
  329. height: 30px;
  330. float: left;
  331. margin-right: 14px;
  332. border: 1px solid #E8E8E8;
  333. /*no*/
  334. font-size: 14px;
  335. color: #101010;
  336. text-align: center;
  337. line-height: 30px; }
  338. .form_group .selectMoney span:nth-child(3n) {
  339. margin-right: 0; }
  340. .form_group .selectMoney .active {
  341. border: 1px solid #FF4081;
  342. /*no*/ }
  343. .form .submit {
  344. padding-left: 78px;
  345. margin-top: 58px; }
  346. .form .submit button {
  347. width: 215px;
  348. height: 40px;
  349. background: #FF4081;
  350. -webkit-border-radius: 200px;
  351. -moz-border-radius: 200px;
  352. border-radius: 200px;
  353. font-size: 18px;
  354. color: #FFFFFF;
  355. display: flex;
  356. align-items: center;
  357. justify-content: center; }
  358. .form2 .item {
  359. margin-bottom: 1px;
  360. /*no*/
  361. position: relative; }
  362. .form2 .item .icon {
  363. position: absolute;
  364. top: 0;
  365. left: 0;
  366. width: 50px;
  367. display: flex;
  368. align-items: center;
  369. justify-content: center;
  370. height: 100%;
  371. background: rgba(255, 255, 255, 0.2); }
  372. .form2 .item .icon img {
  373. width: 24px;
  374. display: block; }
  375. .form2 .item .text {
  376. font-size: 14px;
  377. color: #FFFFFF;
  378. display: block;
  379. height: 50px;
  380. width: 90px;
  381. position: absolute;
  382. top: 0;
  383. left: 0;
  384. display: flex;
  385. align-items: center;
  386. justify-content: center;
  387. background: rgba(255, 255, 255, 0.2);
  388. padding: 0 16px; }
  389. .form2 .item input {
  390. width: 100%;
  391. height: 50px;
  392. padding-left: 100px;
  393. color: #FFFFFF;
  394. font-size: 14px;
  395. background: rgba(255, 255, 255, 0.2); }
  396. .form2 .item input::-webkit-input-placeholder {
  397. color: #FFFFFF;
  398. opacity: 0.5; }
  399. .form2 .submit {
  400. width: 320px;
  401. height: 50px;
  402. -webkit-border-radius: 200px;
  403. -moz-border-radius: 200px;
  404. border-radius: 200px;
  405. background: #5C9AF7;
  406. color: #FFFFFF;
  407. font-size: 20px;
  408. text-align: center;
  409. line-height: 50px;
  410. display: block;
  411. margin: 0 auto;
  412. margin-top: 21px; }
  413. .form2 .save {
  414. width: 232px;
  415. margin: 20px auto;
  416. display: block;
  417. height: 35px;
  418. background: rgba(255, 255, 255, 0.3);
  419. -webkit-border-radius: 200px;
  420. -moz-border-radius: 200px;
  421. border-radius: 200px;
  422. color: #FFFFFF;
  423. font-size: 15px; }
  424. .form-pt0 {
  425. padding-top: 0; }
  426. .mescroll {
  427. position: fixed;
  428. top: 115px;
  429. width: 100%;
  430. background: #F7F7F7;
  431. padding-bottom: 115px; }
  432. .mescroll—nav {
  433. top: 185px;
  434. width: 100%;
  435. background: #F7F7F7;
  436. padding-bottom: 185px;
  437. position: fixed; }
  438. .nulldata {
  439. width: 100%;
  440. height: 500px;
  441. background: #FFFFFF; }
  442. /*# sourceMappingURL=reset.css.map */