No Description

typeChoice.css 1.6KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. body{
  2. width: 100%;
  3. height: 100%;
  4. background: #F3F3F3;
  5. }
  6. nav {
  7. position: fixed;
  8. top: 0;
  9. left: 0;
  10. z-index: 9999;
  11. font-size: 0rem;
  12. height: 0.44rem;
  13. width: 100%;
  14. background-color: #5d7dff;
  15. }
  16. nav i {
  17. display: inline-block;
  18. width: 0.16rem;
  19. height: 0.16rem;
  20. line-height: 0.44rem;
  21. margin-left: 0.1rem;
  22. background-image: url(../img/back.png);
  23. background-repeat: no-repeat;
  24. background-size: 100% auto;
  25. }
  26. nav p {
  27. display: inline-block;
  28. width: 90%;
  29. text-align: center;
  30. line-height: 0.44rem;
  31. color: #fff;
  32. font-size: 0.17rem;
  33. }
  34. .list{
  35. margin-top: 0.74rem;
  36. }
  37. .typeList{
  38. background: #FFFFFF;
  39. padding: 0.12rem 0.23rem;
  40. display: flex;
  41. justify-content: space-between;
  42. align-items: center;
  43. margin-top: 0.1rem;
  44. }
  45. .typeListLeft h4{
  46. color: #333333;
  47. font-size: 0.15rem;
  48. }
  49. .typeListLeft p{
  50. color: #666666;
  51. font-size: 0.12rem;
  52. margin-top: 0.09rem;
  53. }
  54. .typeListRight{
  55. width: 0.2rem;
  56. height: 0.2rem;
  57. background: #D7D7D7;
  58. border-radius: 50%;
  59. display: flex;
  60. justify-content: center;
  61. align-items: center;
  62. }
  63. .hollowCircle{
  64. width: 0.14rem;
  65. height: 0.14rem;
  66. background: #FFFFFF;
  67. border-radius: 50%;
  68. display: flex;
  69. justify-content: center;
  70. align-items: center;
  71. }
  72. .disc{
  73. width: 0.06rem;
  74. height: 0.06rem;
  75. border-radius: 50%;
  76. background: #fff;
  77. }
  78. .nextStep{
  79. width:2.08rem;
  80. height: 0.34rem;
  81. border-radius: 0.17rem;
  82. margin: auto;
  83. margin-top: 0.71rem;
  84. color: #FFFFFF;
  85. font-size: 0.15rem;
  86. line-height: 0.34rem;
  87. text-align: center;
  88. background: #ccc;
  89. /*box-shadow: 0 0 6px 0 rgba(93, 125, 255, 0.7);
  90. -webkit-box-shadow: 0 0 6px 0 rgba(93, 125, 255, 0.7);*/
  91. }