Ei kuvausta

choice_city.css 1.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. html {
  2. background-color: #F3F3F3;
  3. font-size: 100px;
  4. }
  5. nav {
  6. position: fixed;
  7. top: 0;
  8. left: 0;
  9. z-index: 9999;
  10. font-size: 0rem;
  11. height: 0.44rem;
  12. width: 100%;
  13. background-color: #5d7dff;
  14. }
  15. nav i {
  16. display: inline-block;
  17. width: 0.16rem;
  18. height: 0.16rem;
  19. line-height: 0.44rem;
  20. margin-left: 0.1rem;
  21. background-image: url(../img/back.png);
  22. background-repeat: no-repeat;
  23. background-size: 100% auto;
  24. }
  25. nav p {
  26. display: inline-block;
  27. width: 90%;
  28. text-align: center;
  29. line-height: 0.44rem;
  30. color: #fff;
  31. font-size: 0.17rem;
  32. }
  33. /*search*/
  34. .search{
  35. height: 0.35rem;
  36. margin: 0 0.1rem;
  37. margin-top: 0.1rem;
  38. background: #F3F3F3;
  39. border-radius: 0.06rem;
  40. display: flex;
  41. align-items: center;
  42. }
  43. .search i{
  44. display: inline-block;
  45. width: 0.17rem;
  46. height: 0.17rem;
  47. background: url(../img/search.png) no-repeat;
  48. background-size:100% ;
  49. margin-left: 0.1rem;
  50. }
  51. .search em{
  52. display: block;
  53. width: 0.17rem;
  54. height: 0.17rem;
  55. background: url(../img/delete.png) no-repeat;
  56. background-size:100% ;
  57. margin-right: 0.09rem;
  58. display: none;
  59. }
  60. .search input{
  61. border: none;
  62. outline: none;
  63. font-size: 0.16rem;
  64. margin-left: 0.08rem;
  65. flex: 1;
  66. background: #F3F3F3;
  67. }
  68. .container{
  69. background: #FFFFFF;
  70. padding-top: 0.44rem;
  71. }
  72. .container ul {
  73. padding-top: 0.1rem;
  74. }
  75. .container ul li{
  76. height: 0.52rem;
  77. border-top: 0.01rem solid #D8D8D8;
  78. line-height: 0.52rem;
  79. font-size: 0.16rem;
  80. color: #222222;
  81. padding-left: 0.2rem;
  82. }
  83. .container ul li:nth-of-type(1){
  84. border-top: none;
  85. }
  86. .container ul .searchActive{
  87. text-align: center;
  88. color: #D8D8D8;
  89. padding-left: 0;
  90. }