.container { display: flex; justify-content: center; box-sizing: border-box; height: 100vh; background-image: url('./static/WechatIMG10.jpg'); background-size: 100% 35%; background-repeat: no-repeat; .card { margin-top: 450px; width: 703px; height: 301px; background: #ffffff; border-radius: 20px; display: flex; justify-content: space-evenly; align-items: center; view image { width: 75px; height: 87px; margin: 20px auto; } .comm { display: flex; flex-direction: column; align-items: center; .title { font-size: 40px; } .sub { color: #626262; font-size: 25px; } } .line { width: 1px; height: 188px; background: #c8c8c8; } } }