You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

98 lines
1.3 KiB

3 years ago
  1. .wrap{
  2. position: relative;
  3. }
  4. .box_cont {
  5. background: url(../img/saveBgm.png) no-repeat;
  6. background-size: 100% 100%;
  7. overflow: hidden;
  8. height: 100%;
  9. width: 100%;
  10. }
  11. .tip{
  12. width: 3rem;
  13. height: .5rem;
  14. margin: 0.24rem auto 0;
  15. }
  16. .tip img{
  17. width: 100%;
  18. height: 100%;
  19. }
  20. .info{
  21. margin-left:.1rem ;
  22. display: flex;
  23. align-items: center;
  24. margin-top: .13rem;
  25. }
  26. .info p.name{
  27. color: #FFBF63;
  28. text-align: center;
  29. font-size: .32rem;
  30. margin-left: .21rem;
  31. width: 100%;
  32. padding-top: .23rem;
  33. }
  34. .numInfo{
  35. text-align: center;
  36. }
  37. .numInfo p{
  38. font-size: .16rem;
  39. color: #fff;
  40. margin-bottom:.18rem ;
  41. }
  42. .numInfo p span{
  43. font-size: .3rem;
  44. color: #FFBF63;
  45. padding: 0 .1rem;
  46. }
  47. #container {
  48. margin-top: -.2rem;
  49. }
  50. section {
  51. margin: 0 auto;
  52. }
  53. #container svg {
  54. width: 100%;
  55. height: 100%;
  56. background: url(../img/map1.png) no-repeat;
  57. background-size: 100% 99%;
  58. background-position-y: .03rem;
  59. background-position-x: -5px;
  60. }
  61. .nameList{
  62. margin-left: .1rem;
  63. margin-right: .1rem;
  64. height: 2rem;
  65. overflow-y: auto;
  66. }
  67. .nameList p{
  68. font-size: .12rem;
  69. }
  70. .nameList p.title{
  71. color: #FFBF63;
  72. line-height: .2rem;
  73. }
  74. .nameList p.itemList{
  75. color: #fff;
  76. }
  77. /*二维码*/
  78. .qrCode{
  79. position: absolute;
  80. right: .18rem;
  81. bottom: .99rem;
  82. width: .66rem;
  83. height: .66rem;
  84. }
  85. .qrCode img{
  86. width: 100%;
  87. height: 100%;
  88. }