.mask{background:rgba(0,0,0,.7);height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:999}.mask img.video{cursor:pointer;margin-top:15vh}.mask .qrcode{-webkit-transform:translateX(-50%);background:#fff;left:50%;outline:2px solid #000;position:absolute;top:10vh;transform:translateX(-50%);width:28rem}.mask .qrcode h3{font-size:1.5rem;padding:1rem 0}.mask .qrcode h4{padding:.5rem 0 2rem}.mask .qrcode>img{border:1px solid #ccc;height:15rem;padding:1.5rem;width:15rem}.mask .qrcode .qrcode-close{border:1px solid #000;border-radius:50%;cursor:pointer;display:block;height:1.5rem;position:absolute;right:1rem;top:1rem;width:1.5rem}.mask .qrcode .qrcode-close:after,.mask .qrcode .qrcode-close:before{background:#000;content:"";height:1px;left:50%;position:absolute;top:50%;width:1rem}.mask .qrcode .qrcode-close:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.mask .qrcode .qrcode-close:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}body.disabled{height:100vh;overflow:hidden;width:100vw}@media screen and (max-width:768px){.mask img.video{cursor:pointer;margin-top:25vh;width:90vw}.mask .qrcode{top:15vh;width:24rem}}.main-banner{background:url(/dd/img/banner_2.jpg) no-repeat 50%;height:100%}