.box{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-bottom: 200rpx; background-image: url(https://th.bing.com/th/id/R.6bc30bd02cad5fed25b0b3c3b62a3d24?rik=GBt%2fhbcBgs9Zaw&riu=http%3a%2f%2fpic.616pic.com%2fbg_w1180%2f00%2f00%2f25%2f31Nz2xXsep.jpg!%2ffw%2f880&ehk=iS08XthP%2f40q7lSY3C2FPfJhzClUjjs84SZyLN9Ca3Q%3d&risl=&pid=ImgRaw&r=0); } .shangmian{ width: 260px; height: 80px; display: flex; } .imagesize{ width: 260px; height: 260px; } .minbox{ width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .touxiangsize{ width: 50px; height: 50px; border-radius: 10rpx; } .zuobox{ width: 25%; height: 100%; display: flex; align-items: center; } .youbox{ width: 75%; height: 100%; display: flex; flex-direction: column; }