index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .main {
  2. position: relative;
  3. width: 100%;
  4. background-image: linear-gradient(#ffffff);
  5. }
  6. .main .one {
  7. position: relative;
  8. text-align: center;
  9. color: #ffffff;
  10. font-size: 30px;
  11. font-family: cursive;
  12. font-weight: bold;
  13. }
  14. .main .two {
  15. position: relative;
  16. text-align: center;
  17. padding: 0 30px;
  18. }
  19. .main .two .content {
  20. position: relative;
  21. background-color: #ffffff;
  22. padding: 35px 0;
  23. border-radius: 30px;
  24. /* margin: 0 0 15px 15px; */
  25. }
  26. .main .two .content .left {
  27. float: left;
  28. margin: 0 80px;
  29. }
  30. .main .two .content .right {
  31. float: left;
  32. margin: 0 -80px;
  33. }
  34. .main .two .content .left .icon {
  35. color: #4169E1;
  36. }
  37. .main .two .content .right input {
  38. color: #4169E1;
  39. }
  40. .main .two .content .right .placeholder {
  41. color: #A9A9A9;
  42. }
  43. .main .two .content .right .picker view {
  44. color: #ffffff;
  45. }
  46. .main .two .save {
  47. margin: 40px 10px;
  48. text-align: center;
  49. }
  50. .button{
  51. background-color:#F08080;
  52. border-radius: 25px;
  53. color:#ffffff;
  54. width: 220px;
  55. height: 38px;
  56. text-align: center;
  57. font-size: small;
  58. }
  59. .main .thr {
  60. text-align: center;
  61. }
  62. .main .thr .thr_1 {
  63. position: relative;
  64. text-align: center;
  65. font-size: small;
  66. margin: 0 0 20px 0;
  67. }
  68. .main .thr .thr_1 text {
  69. color: #A9A9A9;
  70. }
  71. .main .thr .thr_2 text {
  72. color: #1AAD19;
  73. font-size: 40px;
  74. }