.c31{min-width:1920px;max-width:1920px;margin:auto auto -30px}.c31__banner{position:relative;height:664px}.c31__banner__cover{position:absolute;left:0;top:0;width:100%;height:100%}.c31__banner__image{position:absolute;right:378px;bottom:0}.c31__banner__main{height:100%;width:1920px;margin:auto;position:relative;display:flex;align-items:center}.c31__banner__content{position:absolute;left:320px;top:90px;display:flex;flex-direction:column;gap:8px}.c31__banner__content h2{margin:0;text-align:left;font-weight:400;font-size:40px}.c31__banner__content p{line-height:28px;font-size:var(--font-medium);color:#777}.c31__banner__content div{display:flex;gap:18px}.c31__banner1__product{margin-left:377px}.c31__banner1__description{display:flex;flex-direction:column;justify-content:center}.c31__banner1__description p{font-size:40px!important;font-weight:400!important}.c31__banner1 span{color:var(--text-description);font-size:24px;margin-top:10px}.c31__banner1__qrcode{margin-top:20px;position:relative}.c31__banner1__qrcode button{border-radius:8px;border:1px solid var(--color-theme);height:46px;line-height:46px;text-align:center;color:var(--color-theme);font-size:20px;padding:0 40px;width:280px;background-color:hsla(0,0%,100%,.667)}.c31__banner1__qrcode>div{display:none;position:absolute;top:125%;left:0}.c31__banner1__qrcode:hover>div{display:block}.c31__banner1__qrcode:hover button{background-color:var(--color-theme);color:#fff}.c31__banner1 p{font-size:32px;margin-top:20px}.c31__banner2 .c31__banner__content{top:121px}.c31__banner3 .c31__banner__content{top:51px}.c31__banner4 .c31__banner__content{top:62px}.c31__banner5 .c31__banner__content{top:120px}@media(max-width:450px){.c31-outter{width:100vw;height:100vh;overflow:scroll;position:fixed;right:0;bottom:0;z-index:100;background-color:var(--color-background)}.c31-outter .c31{position:absolute;left:0;top:0;transform:translate(-25%,-20%) scale(.6)}}