Açıklama Yok

choice_city.css 2.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  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. }
  91. .alert-info {
  92. position: absolute;
  93. top: 1.74rem;
  94. right: 0;
  95. left: 0;
  96. bottom: 0;
  97. text-align: center;
  98. }
  99. .alert-info p {
  100. display: inline-block;
  101. height: 0.38rem;
  102. color: #fff;
  103. font-size: 0.14rem;
  104. line-height: 0.38rem;
  105. padding: 0 0.10rem;
  106. background-color: rgba(0, 0, 0, 0.7);
  107. border-radius: 5px;
  108. }