body,html{min-height:100%;margin:0;padding:0}#app{height:100%}.img-corner{position:absolute;top:0;left:0;right:0;bottom:0;height:100%}.img-corner-corner{display:block;position:absolute;z-index:2;width:20px;height:20px;background:url(//aip.bdstatic.com/faceliveness/dist/1523595724898/images/icon2.png) no-repeat;-moz-background-size:cover;background-size:cover}.img-corner-corner-0{left:20px;top:20px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.img-corner-corner-1{right:20px;top:20px}.img-corner-corner-2{left:20px;bottom:20px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.img-corner-corner-3{right:20px;bottom:20px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.page-index{position:relative;height:100%}.index-container{margin:129px auto 0;width:1000px}.index-intro{height:482px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e1e1e1;background:rgba(215,226,232,.15);padding-top:40px;text-align:center}.index-intro-pic{width:350px;text-align:center;display:inline-block}.index-intro .index-intro-pic-text{margin-top:38px;font-size:24px;color:#666}.index-steps{margin-top:85px;color:#333}.index-step{margin-left:309px}.step-order,.step-text{display:inline-block;vertical-align:middle}.step-order{margin-right:20px;width:32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #0073eb;font-size:22px;color:#0073eb;line-height:28px;text-align:center}.step-border{display:block;margin:10px auto 10px 15px;height:28px;border-left:2px dotted #0073eb}.index-confirm{display:block;margin:117px auto 59px;width:340px;font-size:28px;line-height:80px;color:#fff;background:#0073eb;border:none;outline:none;padding:0}.index-not-support{position:absolute;left:50%;top:50%;width:926px;font-size:16px;text-align:center;line-height:306px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pc-face-footer{height:60px;line-height:60px;font-size:16px;color:#333;text-align:center;background-color:#fafbfd;font-size:14px}.pc-face-footer-link{text-decoration:none;color:#666}.pc-face-footer-link:hover{color:#3f3f3f}.pc-face-footer-border{color:#3f3f3f;margin:0 10px}@-webkit-keyframes loadImg{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-moz-keyframes loadImg{0%{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes loadImg{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);transform:rotate(359deg)}}.page-record{position:relative;height:100%;width:700px;margin:0 auto}.page-record-code{text-align:center}.page-record-code-title{margin:80px auto 30px;font-size:24px;line-height:24px;color:#333}.page-record-code-text{margin:0 auto 50px}.page-record-code-text-item{display:inline-block;margin:0 4px;width:70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #e1e1e1;font-size:64px;line-height:94px}.page-record-video{position:relative;overflow:hidden}.page-record-video-obj{display:block;margin:0 auto;width:700px;height:500px;object-fit:cover}.page-record-video-focus{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:transparent}.page-record-video-focus-img{display:block}.page-record-progress{height:3px;width:700px;overflow:hidden}.page-record-progress-bar{height:3px;-webkit-transition:width 1s linear;-moz-transition:width 1s linear;transition:width 1s linear;background:#30ac69}.page-record-progress-bar.progress-warn{background:#ee6723}.page-record-action{margin-top:77px;text-align:center;width:700px;overflow:hidden}.page-record-action-button{width:260px;margin:0 30px;font-size:28px;line-height:77px;border:2px solid #0073eb;outline:none}.page-record-action-submit{color:#fff;background:#0073eb}.page-record-action-retry{color:#0073eb;background:#fff}.page-record-checking{position:absolute;left:50%;top:50%;width:330px;height:212px;color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:rgba(0,0,0,.7);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.page-record-checking-icon{display:block;margin:67px auto 20px;height:41px;-webkit-animation:loadImg 1.5s linear infinite;-moz-animation:loadImg 1.5s linear infinite;animation:loadImg 1.5s linear infinite}.page-record-checking-text{display:block;text-align:center}.page-record-not-permission{margin-top:50px}.page-record-not-permission .not-permission-pic{width:698px;height:498px;background:rgba(215,226,232,.15);border:1px solid #e1e1e1;text-align:center;margin-bottom:80px}.page-record-not-permission .not-permission-pic-img{width:30%;margin:110px 0 60px}.page-record-not-permission .not-permission-pic-text{font-size:18px;color:#666}.page-record-not-permission .not-permission-explain{text-align:center}.page-record-not-permission .not-permission-explain-text{font-size:24px;color:#333;margin-bottom:20px}.page-record-not-permission .not-permission-explain-restart{font-size:18px;color:#999}.page-record-not-permission .not-permission-explain-restart .restart-link{color:#0073eb;text-decoration:none}.page-record-not-permission .not-permission-explain-restart .restart-link:hover{text-decoration:underline}.page-record-result-pic{width:700px;height:500px;text-align:center;background-color:#f9fbfc;border:1px solid #e1e1e1;line-height:640px;margin-bottom:50px}.page-record-result-content{padding:0 70px}.page-record-result-content .con-title{height:36px;font-size:36px;line-height:36px;color:#333;text-align:center}.page-record-result-content .con-title-color-green{color:#30ac69}.page-record-result-content .con-title-color-red{color:#ff3030}.page-record-result-content .con-fail-text{height:24px;font-size:24px;margin-top:20px;color:#999;text-align:center}.page-record-result-content .con-result{margin-top:94px}.page-record-result-content .con-result .con-result-text{display:inline-block;width:270px;overflow:hidden;height:24px;line-height:24px;font-size:24px;color:#666;margin:0 14px 20px 0}.page-record-result-content .con-result .con-result-text-nomargin{margin-right:0}.page-record-result-content .con-btn{margin-top:58px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-record-result-content .con-btn .con-btn-finish{background-color:#0073eb;color:#fff;margin-right:40px}.page-record-result-content .con-btn .con-btn-finish,.page-record-result-content .con-btn .con-btn-restart{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:78px;text-align:center;line-height:80px;font-size:28px;border:1px solid #0073eb}.page-record-result-content .con-btn .con-btn-restart{background-color:#fff;color:#0073eb}.record-tips{position:absolute;left:50%;top:50%;width:330px;height:212px;color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:rgba(0,0,0,.7);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.record-tips-second{display:block;margin:40px auto 30px;text-align:center;font-size:36px}.record-tips-text{display:block;text-align:center;font-size:18px}.record-tips-start{text-align:center;font-size:36px;line-height:212px}.popup{position:fixed}.popup,.popup-mask{left:0;top:0;bottom:0;right:0}.popup-mask{position:absolute;background:#000;opacity:.6}.popup-content{width:480px;padding:70px 0;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;z-index:10}.popup .popup-content-title{font-size:24px;color:#333;text-align:center;height:24px;line-height:24px;margin-bottom:30px}.popup .popup-content-detail{font-size:16px;color:#666;height:16px;line-height:16px;margin-bottom:44px;text-align:center}.popup .popup-button{width:250px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.popup .popup-button .popup-button-finish{margin-right:10px;background-color:#0073eb;color:#fff}.popup .popup-button .popup-button-cancel,.popup .popup-button .popup-button-finish{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:38px;text-align:center;line-height:38px;font-size:16px;border:1px solid #0073eb}.popup .popup-button .popup-button-cancel{background-color:#fff;color:#0073eb}