.wrap{ position: relative; } .box_cont { background: url(../img/saveBgm.png) no-repeat; background-size: 100% 100%; overflow: hidden; height: 100%; width: 100%; } .tip{ width: 3rem; height: .5rem; margin: 0.24rem auto 0; } .tip img{ width: 100%; height: 100%; } .info{ margin-left:.1rem ; display: flex; align-items: center; margin-top: .13rem; } .info p.name{ color: #FFBF63; text-align: center; font-size: .32rem; margin-left: .21rem; width: 100%; padding-top: .23rem; } .numInfo{ text-align: center; } .numInfo p{ font-size: .16rem; color: #fff; margin-bottom:.18rem ; } .numInfo p span{ font-size: .3rem; color: #FFBF63; padding: 0 .1rem; } #container { margin-top: -.2rem; } section { margin: 0 auto; } #container svg { width: 100%; height: 100%; background: url(../img/map1.png) no-repeat; background-size: 100% 99%; background-position-y: .03rem; background-position-x: -5px; } .nameList{ margin-left: .1rem; margin-right: .1rem; height: 2rem; overflow-y: auto; } .nameList p{ font-size: .12rem; } .nameList p.title{ color: #FFBF63; line-height: .2rem; } .nameList p.itemList{ color: #fff; } /*二维码*/ .qrCode{ position: absolute; right: .18rem; bottom: .99rem; width: .66rem; height: .66rem; } .qrCode img{ width: 100%; height: 100%; }