.scanning{border-top:1px solid #eee;display:flex;align-items:center;height:68px;padding:0 20px}.scanning .left{display:flex;align-items:center}.scanning .left img{display:block;width:40px;height:40px;margin-right:8px}.scanning .left .txt{white-space:nowrap}.scanning .left .txt h3{display:flex;align-items:center;height:22px;font-size:16px;font-weight:700;color:#333}.scanning .left .txt h3 span{display:flex;align-items:center;justify-content:center;margin-left:6px;width:48px;height:16px;background:#f75659;color:#fff;border-radius:4px;font-size:10px;font-weight:400}.scanning .left .txt p{margin-top:2px;line-height:17px;font-size:12px;color:#999}.scanning .scanSelBar{display:flex;align-items:center;margin-left:27px}.scanning .scanSelBar .scanSel{cursor:pointer;position:relative;padding:0 10px 0 12px;flex:1;border:1px solid #ccc;border-radius:8px}.scanning .scanSelBar .scanSel .btn{display:flex;align-items:center;height:38px}.scanning .scanSelBar .scanSel .btn span{flex:1;font-size:12px;color:#999}.scanning .scanSelBar .scanSel .btn i{transition:all .2s}.scanning .scanSelBar .scanSel ul{transition:all .2s;opacity:0;visibility:hidden;position:absolute;z-index:2;width:100%;left:0;top:45px;background:#fff;border-radius:12px;box-shadow:0 0 8px 0 rgba(0,0,0,.2)}.scanning .scanSelBar .scanSel ul li{border-bottom:1px solid #eee;padding:0 15px 0 20px;height:50px;position:relative;display:flex;align-items:center;font-size:14px;font-weight:700;color:#333}.scanning .scanSelBar .scanSel ul li:last-child{border-bottom:0}.scanning .scanSelBar .scanSel ul li i{display:none;margin-left:auto}.scanning .scanSelBar .scanSel ul li.active i{display:flex}.scanning .scanSelBar .scanSel.active .btn i{transform:rotate(180deg)}.scanning .scanSelBar .scanSel.active ul{opacity:1;visibility:visible}.scanning .scanSelBar .scan{cursor:pointer;display:flex;box-sizing:border-box;align-items:center;justify-content:center;width:120px;height:40px;background:#d81e06;border:1px solid rgba(0,0,0,.1);border-radius:8px;margin-left:10px;font-size:16px;color:#fff;font-weight:700}.scanning .record{cursor:pointer;margin-left:auto;display:flex;align-items:center}.scanning .record:hover{text-decoration:underline}.scanning .record p{flex:1;font-size:14px;color:#333}.svg12,.svg14,.svg16,.svg18,.svg20,.svg22,.svg24,.svg28,.svg30,.svg32,.svg34,.svg36,.svg40,.svg44,.svg48,.svg50{display:inline-flex;align-items:center;justify-content:center}.svg12{width:12px;height:12px}.svg14{width:14px;height:14px}.svg16{width:16px;height:16px}.svg18{width:18px;height:18px}.svg20{width:20px;height:20px}.svg22{width:22px;height:22px}.svg24{width:24px;height:24px}.svg28{width:28px;height:28px}.svg30{width:30px;height:30px}.svg32{width:32px;height:32px}.svg34{width:34px;height:34px}.svg36{width:36px;height:36px}.svg40{width:40px;height:40px}.svg48{width:48px;height:48px}.svg50{width:50px;height:50px}.containerAnimate{position:fixed;width:100%;height:100%;display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:10001}.containerAnimate{-webkit-animation-name:superScaleIn;animation-name:superScaleIn;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes superScaleIn{from{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}.containerAnimate .mask{position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:.5}.noticePop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.scanPop{position:relative;width:600px;background:url(/page/bf2020/images/scanPop_bg.png);background-color:#161616;background-size:280px auto;background-position:center top;background-repeat:no-repeat;border-radius:20px;overflow:hidden}.scanPop .close{cursor:pointer;position:absolute;top:8px;right:4px;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.scanPop .top{padding:24px 0 20px;text-align:center}.scanPop .top h3{margin-top:7px;line-height:25px;font-size:18px;font-weight:700;color:#2cf792}.scanPop .top p{margin-top:15px;line-height:20px;font-size:14px;color:#ffc11c}.scanPop .top p em{font-weight:700;color:#ea4747;margin:0 4px}.scanPop .top span{display:block;margin-top:4px;line-height:17px;font-size:12px;color:rgba(255,255,255,.3)}.scanPop .list{margin:0 20px 40px;background:#333a3e;border-radius:20px;overflow:hidden}.scanPop .list .hd{height:50px;background:rgba(0,0,0,.1);display:flex;align-items:center;padding:0 17px;font-size:16px;font-weight:700;color:#fff}.scanPop .list .hd:before{content:"";width:10px;height:10px;box-sizing:content-box;background:#3eeb94;border-radius:50%;border:3px solid #315a4a;margin-right:7px}.scanPop .list ul{padding:10px 15px 15px}.scanPop .list ul li{line-height:30px;font-size:14px;color:rgba(255,255,255,.8)}.scanPop.animate{opacity:1;visibility:visible;transform:none}.scanSprite{margin:0 auto;width:80px;height:80px;background-image:url(/page/bf2020/images/scanSprite.png);background-size:1600px 80px;background-repeat:no-repeat;animation:scanSprite 1s steps(20) infinite;will-change:transform}@keyframes scanSprite{from{background-position:0 0}to{background-position:-1600px 0}}