log-on.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .top{
  2. height: 3rem;
  3. margin-top: 2.3rem;
  4. width: 100%;
  5. position: relative;
  6. z-index: 0;
  7. }
  8. .top-title{
  9. line-height: 1.75rem;
  10. box-sizing: border-box;
  11. margin-left: 10.6rem;
  12. float: left;
  13. font-weight: 400;
  14. color: #333333;
  15. font-size: large;
  16. font-size: 1.2rem;
  17. font-weight: 550;
  18. }
  19. .hair{
  20. width: 4.5rem;
  21. height: 4.5rem;
  22. border: 0.15rem solid rgb(109, 147, 197);
  23. border-radius: 50%;
  24. margin: 4rem 9rem ;
  25. }
  26. .hair-image{
  27. width: 4rem;
  28. height: 4rem;
  29. margin: 0.3rem 0rem 0rem 0.25rem;
  30. }
  31. .search{
  32. margin: 1rem 2rem;
  33. }
  34. .search-text{
  35. border: darkgray solid 0.05rem;
  36. border-radius: 0.3rem;
  37. line-height: 1.5rem;
  38. padding-left: 1.5rem;
  39. height: 3rem;
  40. }
  41. .btn{
  42. background-color:orange;
  43. font-size: x-small;
  44. position: absolute;
  45. width: 4.5rem;
  46. height: 1.7rem;
  47. text-align: center;
  48. line-height: 1.5rem;
  49. color: white;
  50. font-size: 0.8rem;
  51. top: 5.5rem;
  52. left: 17.6rem;
  53. border-radius: 1rem;
  54. }
  55. .button_container{
  56. display: flex;
  57. flex-direction: row;
  58. justify-content: space-around
  59. }
  60. .go{
  61. width: 19.7rem;
  62. height: 3rem;
  63. background: rgb(64, 131, 231);
  64. border-radius: 0.3rem;
  65. margin: 2rem;
  66. color: white;
  67. line-height: 3rem;
  68. text-align: center;
  69. margin-top: 12rem;
  70. }