.face-component-wrapper{padding:30px;background:#f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex}.face-component-wrapper .left-portrait{width:400px;margin:0 auto;background:#fff}.face-component-wrapper .left-portrait .video-box{position:relative;width:400px;height:580px;border-radius:10px}.face-component-wrapper .left-portrait .scanner-video{width:400px;height:580px;-o-object-fit:cover;object-fit:cover}.face-component-wrapper .left-portrait .qr-scanner{position:relative;height:580px;width:400px;margin:0 auto;background:url(../../assets/img/default_avatar3.24690a70.png) no-repeat;background-position-y:25%;background-position-x:center}.face-component-wrapper .left-portrait .qr-scanner .box{width:266px;height:266px;position:absolute;top:67px;left:0;right:0;margin:0 auto;overflow:hidden;border:.1rem solid rgba(0,255,51,.2)}.face-component-wrapper .left-portrait .qr-scanner .line{position:absolute;top:0;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%,#0097ff));background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#0097ff 211%);border-bottom:3px solid #0097ff;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation:radar-beam 2s infinite;animation:radar-beam 2s infinite;-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}.face-component-wrapper .left-portrait .qr-scanner .angle:after,.face-component-wrapper .left-portrait .qr-scanner .angle:before,.face-component-wrapper .left-portrait .qr-scanner .box:after,.face-component-wrapper .left-portrait .qr-scanner .box:before{content:"";display:block;position:absolute;width:50px;height:50px;border:.2rem solid transparent}.face-component-wrapper .left-portrait .qr-scanner .box:after,.face-component-wrapper .left-portrait .qr-scanner .box:before{top:0;border-top-color:#0097ff}.face-component-wrapper .left-portrait .qr-scanner .angle:after,.face-component-wrapper .left-portrait .qr-scanner .angle:before{bottom:0;border-bottom-color:#0097ff}.face-component-wrapper .left-portrait .qr-scanner .angle:before,.face-component-wrapper .left-portrait .qr-scanner .box:before{left:0;border-left-color:#0097ff}.face-component-wrapper .left-portrait .qr-scanner .angle:after,.face-component-wrapper .left-portrait .qr-scanner .box:after{right:0;border-right-color:#0097ff}@-webkit-keyframes radar-beam{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes radar-beam{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.face-component-wrapper .head-bar{font-size:22px;color:#333;padding-bottom:26px}.face-component-wrapper .head-bar .sp-title{font-size:22px;color:#666}.face-component-wrapper .head-bar i{font-size:20px;margin:0 14px}.face-component-wrapper .result-verification{margin:26px 0 35px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.face-component-wrapper .result-verification .p-tip{margin-left:15px;color:#000;font-size:20px}.face-component-wrapper .result-verification .p-tip i{font-size:22px}.face-component-wrapper .result-verification .p-tip .sp-text{color:#0097ff;cursor:pointer;text-decoration:underline}.face-component-wrapper .tip-btn{width:280px;height:80px;border-radius:10px;line-height:80px;font-size:26px;color:#fff;text-align:center;cursor:pointer}.face-component-wrapper .tip-btn i{font-size:26px;vertical-align:-1px}.face-component-wrapper .success{margin-left:15px;background:#0dc65b}.face-component-wrapper .error{background:#d34b5e}.face-component-wrapper .primary{background:#0097ff}.verification-list{position:relative;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.verification-list .identify-check-btn{position:absolute;top:0;right:20px}.verification-list .h3-title-text{font-size:22px;text-align:center;margin:20px 0 20px 0}.verification-list .head-handle{padding-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.verification-list .head-handle:before{content:""}.verification-list .head-handle .tabs-list{display:-webkit-box;display:-ms-flexbox;display:flex;width:300px;height:36px;background:#fff;border:1px solid #3972f3;border-radius:5px;line-height:36px;font-size:16px;color:#3972f3;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.verification-list .head-handle .sp-btn-state{display:inline-block;width:100px;border-right:1px solid #3972f3;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.verification-list .head-handle .sp-btn-state:last-child{border-right:none}.verification-list .head-handle .sp-btn{display:inline-block;width:50%;cursor:pointer}.verification-list .head-handle .active{color:#fff;background:#3972f3}.verification-list .view-list{margin-left:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px 27px;-ms-flex-line-pack:start;align-content:flex-start}.verification-list .item-li{position:relative;height:155px;background:#fff;border-radius:10px}.verification-list .item-li .el-checkbox{vertical-align:2px}.verification-list .item-li .is-show-checkbox .el-checkbox__input{display:none}.verification-list .item-li .is-show-checkbox .li-head{padding-left:15px}.verification-list .item-li .el-checkbox__input{position:absolute;left:15px;top:9px}.verification-list .item-li .el-checkbox__inner{width:20px;height:20px}.verification-list .item-li .el-checkbox__label{padding-left:0}.verification-list .item-li .el-checkbox__inner:after{content:"\E6DA";font-size:18px;color:#fff;left:0;border:none;-webkit-transform:none;transform:none;font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.verification-list .item-li .el-checkbox__input.is-checked .el-checkbox__inner,.verification-list .item-li .el-checkbox__input.is-indeterminate .el-checkbox__inner{background:#3972f3;border-color:#3972f3}.verification-list .item-li .li-head{width:300px;height:40px;padding:0 15px;padding-left:45px;color:#fff;font-size:18px;font-weight:700;background:#f1704d;border-radius:10px 10px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.verification-list .item-li .li-head .sp-success{font-size:20px;font-weight:400}.verification-list .item-li .li-head .sp-success i{font-size:20px}.verification-list .item-li .li-head .sp-error{font-size:20px;font-weight:400}.verification-list .item-li .li-head .sp-error i{font-size:20px}.verification-list .item-li .bg-head{background:#15d67d}.verification-list .item-li .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.verification-list .item-li .user-img{width:80px;height:90px;display:block;cursor:pointer}.verification-list .item-li .info-text{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:12px}.verification-list .item-li .info-text .p-text{font-size:16px;margin-top:20px}.verification-list .item-li .info-text .p-num,.verification-list .item-li .info-text .p-type{font-size:16px;margin-top:8px}.verification-list .item-li .bottom-btn{display:-webkit-box;display:-ms-flexbox;display:flex}.verification-list .item-li .bottom-btn .sp-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;height:35px;line-height:35px;text-align:center;color:#fff;cursor:pointer}.verification-list .item-li .bottom-btn .bg1{background:#09a3ba;border-radius:0 0 0 10px}.verification-list .item-li .bottom-btn .bg2{background:#3972f3;border-radius:0 0 10px 0}.verification-list .el-checkbox-group{font-size:medium}