.saoma{width:100vw;height:100vh}.qr-scanner{max-width:400px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(24%,transparent),color-stop(25%,rgba(32,255,77,.1)),color-stop(26%,rgba(32,255,77,.1)),color-stop(27%,transparent),color-stop(74%,transparent),color-stop(75%,rgba(32,255,77,.1)),color-stop(76%,rgba(32,255,77,.1)),color-stop(77%,transparent),to(transparent)),-webkit-gradient(linear,left top,right top,color-stop(24%,transparent),color-stop(25%,rgba(32,255,77,.1)),color-stop(26%,rgba(32,255,77,.1)),color-stop(27%,transparent),color-stop(74%,transparent),color-stop(75%,rgba(32,255,77,.1)),color-stop(76%,rgba(32,255,77,.1)),color-stop(77%,transparent),to(transparent));background-image:linear-gradient(0deg,transparent 24%,rgba(32,255,77,.1) 25%,rgba(32,255,77,.1) 26%,transparent 27%,transparent 74%,rgba(32,255,77,.1) 75%,rgba(32,255,77,.1) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(32,255,77,.1) 25%,rgba(32,255,77,.1) 26%,transparent 27%,transparent 74%,rgba(32,255,77,.1) 75%,rgba(32,255,77,.1) 76%,transparent 77%,transparent);background-size:3rem 3rem;background-position:-1rem -1rem;width:100%;height:100vh;position:relative;background-color:rgba(17,17,17,0)}.qr-scanner .tip{position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);color:red;font-size:18px;line-height:200px}.qr-scanner .box{width:200px;height:200px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;border:.1rem solid rgba(0,255,51,.2)}.qr-scanner .line{height:calc(100% - 2px);width:100%;background:-webkit-gradient(linear,left top,left bottom,color-stop(43%,rgba(0,255,51,0)),color-stop(211%,#0f3));background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#0f3 211%);border-bottom:3px solid #0f3;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation:radar-beam-data-v-08973324 2s infinite alternate;animation:radar-beam-data-v-08973324 2s infinite alternate;-webkit-animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-timing-function:cubic-bezier(.53,0,.43,.99);-webkit-animation-delay:1.4s;animation-delay:1.4s}.qr-scanner .angle:after,.qr-scanner .angle:before,.qr-scanner .box:after,.qr-scanner .box:before{content:"";display:block;position:absolute;width:3vw;height:3vw;border:.2rem solid transparent}.qr-scanner .box:after,.qr-scanner .box:before{top:0;border-top-color:#0f3}.qr-scanner .angle:after,.qr-scanner .angle:before{bottom:0;border-bottom-color:#0f3}.qr-scanner .angle:before,.qr-scanner .box:before{left:0;border-left-color:#0f3}.qr-scanner .angle:after,.qr-scanner .box:after{right:0;border-right-color:#0f3}@-webkit-keyframes radar-beam-data-v-08973324{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes radar-beam-data-v-08973324{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.wps-actvie-box{height:100vh;padding:25vh 30px}.wps-tip{margin-top:10px;font-size:12px;color:#333536}.wps-tip div{margin-top:5px}.sms-box{margin-top:20px;margin-bottom:20px}.wps-title{text-align:center;padding-bottom:30px;font-weight:700}.btn-box-top{padding:50px 30px 0}.btn-box-top .link-change{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:100%;background:#5cc872;line-height:50px;border-radius:25px;color:#fff;font-size:16px;text-align:center;font-weight:700;margin-bottom:20px}.canvas{width:300px;height:300px;margin:0 auto;display:none}.tip-title{position:absolute;top:40%;left:50%;width:100%;color:red;text-align:center;-webkit-transform:translate(-50%);transform:translate(-50%)}.bd-container{height:100vh;background-size:cover;position:relative;margin:0 auto;overflow:hidden}.maxWidth{max-width:400px}.box{padding:0 15px;height:100vh;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0 40px}.hide{height:150px;margin:10px 10px 0 10px}.title{font-size:16px;color:#5a6392;font-weight:700;margin:0 10px;margin:5px 10px 0 10px}.tip{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px;margin-bottom:20px}.btn-box,.tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-box{margin:0 30px;font-size:14px}.btn{background:#d2e9f5;border-radius:20px;color:#252526;margin:0 10px;width:calc(33.33333% - 6.66667px);text-align:center;height:40px;line-height:40px}.qr-box{padding:50px 30px 0}.link-file,.link-pc{width:100%;background:#5cc872;line-height:50px;border-radius:25px;color:#fff;font-size:16px;text-align:center;font-weight:700;margin-bottom:20px}.link-file{background-color:#4090f3;color:#fff}.dragding{color:#606266;padding:15px;border:2px dashed #409eff;background-color:rgba(32,159,255,.06)}.pic{vertical-align:middle;margin-right:10px}.card_count{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;font-size:15px;color:#abc0cc}.wps-box .password,.wps-box .username{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.wps_count{position:relative;font-size:18px;color:#abc0cc;margin-bottom:20px}.study-box{position:absolute;left:50%;top:35%;-webkit-transform:translate(-50%);transform:translate(-50%);font-size:18px}.study-box .el-btn{min-width:300px;font-size:18px}