.main-wrap[data-v-aa29ec3e] { overflow-x: hidden; min-height: 100vh; background-image: url("img/010967b9ca.png"); background-repeat: no-repeat; background-size: cover; color: #1a1a1a; } .main-wrap .section[data-v-aa29ec3e] { width: 1200px; margin: 58px auto 0; padding-top: 70px; height: 680px; background: url(img/b291fc639c.png) no-repeat bottom right; background-size: 640px 680px; } .main-wrap .section .left[data-v-aa29ec3e] { padding-top: 50px; } .main-wrap .section .left .title[data-v-aa29ec3e] { font-size: 46px; font-weight: bold; } .main-wrap .section .left .sub-title[data-v-aa29ec3e] { width: 414px; font-size: 22px; color: #666; margin-top: 20px; } .main-wrap .section .left .qr-title[data-v-aa29ec3e] { margin-top: 60px; font-weight: bold; position: relative; } .main-wrap .section .left .qr-title[data-v-aa29ec3e]::before { content: ""; position: absolute; display: block; width: 42px; height: 4px; background: #ffd250; bottom: -18px; } .main-wrap .section .left .qrcode[data-v-aa29ec3e] { width: 210px; height: 210px; background: #fff; border-radius: 12px; margin-top: 40px; display: flex; justify-content: center; align-items: center; } .main-wrap .section .left .qrcode img[data-v-aa29ec3e] { width: 180px; height: 180px; }