index.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .main {
  2. position: relative;
  3. width: 100%;
  4. background-image: linear-gradient(#409eff9f, #9198e5);
  5. }
  6. .main .one {
  7. position: relative;
  8. text-align: center;
  9. color: #ffffff;
  10. font-size: 30px;
  11. font-family: cursive;
  12. padding: 50px 0;
  13. font-weight: bold;
  14. }
  15. .main .two {
  16. position: relative;
  17. padding: 0 30px;
  18. }
  19. .main .two .content {
  20. position: relative;
  21. background-color: #ffffff9f;
  22. padding: 10px 0;
  23. border-radius: 30px;
  24. margin: 0 0 15px 0;
  25. }
  26. .main .two .content .left {
  27. float: left;
  28. margin: 0 10px;
  29. }
  30. .main .two .content .left .icon {
  31. color: #ffffff;
  32. }
  33. .main .two .content .right input {
  34. color: #ffffff;
  35. }
  36. .main .two .content .right .placeholder {
  37. color: #ffffff;
  38. }
  39. .main .two .content .right .picker view {
  40. color: #ffffff;
  41. }
  42. .main .two .save {
  43. margin: 30px 10px;
  44. text-align: center;
  45. }
  46. .main .thr {
  47. text-align: center;
  48. }
  49. .main .thr .thr_1 {
  50. position: relative;
  51. margin: 0 0 20px 0;
  52. }
  53. .main .thr .thr_1 text {
  54. color: #ffffff;
  55. font-weight: bold;
  56. }
  57. .main .thr .thr_1 text:nth-child(2) {
  58. margin: 0 15px;
  59. }
  60. .main .thr .thr_2 text {
  61. color: #1AAD19;
  62. font-size: 40px;
  63. }