index.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. /**index.wxss**/
  2. .header{
  3. height: 35px;
  4. border: gray 1px solid;
  5. border-radius: 20px;
  6. margin: 0 10px 0 10px;
  7. }
  8. .text{
  9. height: 30px;
  10. width: 240px;
  11. display: inline-block;
  12. /* background: blue; */
  13. margin-left: 20px;
  14. line-height: 30px;
  15. margin-top: 5px;
  16. position: relative;
  17. }
  18. .text input{
  19. position: absolute;
  20. top: 0px;
  21. }
  22. .btn1{
  23. line-height: 40px;
  24. margin-top: 0px;
  25. height: 30px;
  26. width: 90px;
  27. display: inline-block;
  28. position: absolute;
  29. top: 1.5px;
  30. text-align: center;
  31. align-items: center;
  32. }
  33. .btn1 button{
  34. font-size: 13px;
  35. border-radius:20px;
  36. background: orange;
  37. color: #ffff;
  38. }
  39. .serve{
  40. margin-top: 20px;
  41. }
  42. .serve-con{
  43. width: auto;
  44. height: 75vh;
  45. background: #F5F5F5 ;
  46. }
  47. .content1{
  48. width: 340px;
  49. height: 30vh;
  50. background: #ffff;
  51. margin: 20px 20px 0 20px ;
  52. margin-left: 5vw;
  53. border-radius: 10px;
  54. float: left;
  55. }
  56. .content-num{
  57. width: 320px;
  58. height: 5vh;
  59. margin: 10px 0 0 10px;
  60. font-size: 14px;
  61. border-bottom: gray 1px solid;
  62. display: inline-block;
  63. }
  64. .num-left{
  65. display: inline-block;
  66. margin-left: 120px;
  67. width: 40px;
  68. }
  69. .content-msg{
  70. margin: 10px 0 0 10px;
  71. }
  72. .msg-right{
  73. /* display: inline-block; */
  74. /* margin-left: 220px; */
  75. color: orange;
  76. float: right;
  77. margin-right: 3vh;
  78. }
  79. .msg-left{
  80. margin: 10px 0 0 0;
  81. }
  82. .btn2{
  83. /* display: inline-block; */
  84. float: right;
  85. font-size: 12px;
  86. /* margin-left: 180px; */
  87. background: orange;
  88. color: #fff;
  89. }
  90. .footer{
  91. position:fixed;
  92. bottom : 0;
  93. left:0;
  94. right:0;
  95. height:8vh;
  96. }
  97. .footer-img{
  98. width: 33.3vw;
  99. display: inline-block;
  100. }
  101. .img-box{
  102. text-align: center;
  103. font-size: 11px;
  104. }