@import url(icon.css);.content,.header{margin:0 auto;display:flex}body{user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;background-color:#ffe86d;margin:0;font-size:14px;background-image:url('./img/dbg.png');background-size:1.1rem;overflow-y:hidden}.header{align-items:center;justify-content:space-between;width:95%;padding:1rem 0}.header .left img{width:12rem;height:auto}.header .right{display:flex;align-items:center}.header .right .label{border:1px solid var(--color);color:var(--color);padding:.5rem 1.5rem;font-size:1rem;border-radius:2rem;cursor:pointer;margin-left:1rem;text-decoration:none}.content{justify-content:space-between;width:80%;padding-top:2rem}.content .left .head{border-bottom:.08rem solid var(--color);padding-bottom:1rem;min-width:20rem}.content .left .head .tit{font-size:3.5rem;font-weight:700;text-shadow:.1rem .2rem 0 var(--color);color:#fffdfa}.content .left .code_box{display:flex;align-items:center;padding-top:2rem}.content .left .code_box .code{display:flex}.content .left .code_box .code #qrcode{display:flex;align-items:center;justify-content:center;background-color:#fff;padding:1rem;border-radius:.6rem}.content .left .code_box .code #qrcode img{display:block;width:12rem;height:12rem;pointer-events:none}.content .left .code_box .btns{padding-left:2rem}.content .left .code_box .btns .button{background-color:var(--color);color:#fff;border-radius:2rem;width:12rem;height:3.2rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:1rem;border:.1rem solid #fff;cursor:pointer;text-decoration:none}.content .left .code_box .btns .button .i-icon{padding-right:.3rem}.content .left .code_box .btns .button:nth-child(3){margin-bottom:0}.content .right img{width:450px;pointer-events:none}@media screen and (max-width:1200px){.content{width:95%}.content .left .head .tit{font-size:3rem}.content .left .code_box .code #qrcode img{width:10rem;height:10rem}.content .left .code_box .btns .button{width:10rem;height:3rem}.content .right img{width:420px}}@media screen and (max-width:750px){.header{padding:.5rem 0}.header .right .label{padding:.3rem .6rem;margin-left:.5rem}.header .left img{width:9rem}.content{flex-direction:column-reverse;position:relative}.content .left .head{position:absolute;top:1rem;background-color:#ffe86d78;left:0;right:0;width:100%;border-color:#dd740a78}.content .left .head .tit{font-size:2.8rem}.content .left .code_box .btns .button:first-child,.content .left .code_box .code{display:none}.content .left .code_box .btns{position:fixed;bottom:0;left:0;right:0;width:90%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:2rem 0}.content .left .code_box .btns .button{width:47%;height:3rem;font-size:1rem;margin-bottom:0 !important}.content .right{padding-top:5rem}.content .right img{width:100%}}