.layout[data-v-305dee59]{position:relative}.layout .service[data-v-305dee59]{width:60px;height:50px;box-shadow:0 0 5px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;cursor:pointer;color:#666;background-color:#fff}.layout .service[data-v-305dee59]:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}.layout .service:hover .iconfont[data-v-305dee59]{color:#cb2a1d}.layout .service .iconfont[data-v-305dee59]{font-size:24px}.layout .service-box[data-v-305dee59]{position:absolute;bottom:80px;right:0;z-index:2}.layout .main-container[data-v-305dee59]{width:1230px;margin:0 auto}.layout .main-container .container[data-v-305dee59]{display:flex;align-items:flex-start;margin-top:10px}.layout .main-container .container[data-v-305dee59] .el-step__icon-inner{font-family:verdana}.layout .main-container .container[data-v-305dee59] .el-step__head.is-wait,.layout .main-container .container[data-v-305dee59] .el-step__title.is-wait{color:#ccc}.layout .main-container .container .left[data-v-305dee59]{float:left;width:332px;margin-top:60px;box-sizing:border-box;padding-left:32px;height:420px}.layout .main-container .container .left[data-v-305dee59] .el-step__title.is_finish{color:#f35a5a}.layout .main-container .container .left[data-v-305dee59] .el-step__icon.is-text{width:40px;height:40px;border:1px solid}.layout .main-container .container .left[data-v-305dee59] .el-step__line{width:2px;top:44px;left:20px;bottom:4px;width:1px}.layout .main-container .container .left[data-v-305dee59] .el-step.is-vertical .el-step__title{line-height:40px;padding-bottom:8px}.layout .main-container .container .left[data-v-305dee59] .el-step__line-inner{border-width:0!important}.layout .main-container .container .left[data-v-305dee59] .el-step.is-vertical .el-step__main{padding-left:32px;font-size:16px}.layout .main-container .container .left[data-v-305dee59] .el-step__title.is-finish,.layout .main-container .container .left[data-v-305dee59] .el-step__title.is-process{color:#f35a5a}.layout .main-container .container .left[data-v-305dee59] .el-step__head.is-finish,.layout .main-container .container .left[data-v-305dee59] .el-step__head.is-process{color:#fff;border-color:#f35a5a}.layout .main-container .container .left[data-v-305dee59] .el-step__head.is-finish .el-step__icon,.layout .main-container .container .left[data-v-305dee59] .el-step__head.is-process .el-step__icon{border-color:#f35a5a;background-color:#f35a5a;box-shadow:0 0 12px #fca7a7}.layout .main-container .container .left[data-v-305dee59] .el-step__head.is-finish .el-step__icon .el-step__icon-inner,.layout .main-container .container .left[data-v-305dee59] .el-step__head.is-process .el-step__icon .el-step__icon-inner{font-weight:bolder}.layout .main-container .container .left[data-v-305dee59] .el-step__head.is-finish .el-step__line,.layout .main-container .container .left[data-v-305dee59] .el-step__head.is-process .el-step__line{background-color:#f35a5a}.layout .main-container .container .right[data-v-305dee59]{min-height:300px;width:calc(100% - 332px);float:left;box-shadow:0 0 18px #ddd;background-color:#fff;border-radius:4px;padding:25px 0 48px;overflow:scroll}.phone-monitor[data-v-b307bede]{display:flex;flex-direction:column;justify-content:center;align-items:center}.phone-monitor .title[data-v-b307bede]{font-size:20px;text-align:center;margin-bottom:10px}.phone-monitor .tips[data-v-b307bede]{font-size:14px;color:#f35a5a;text-align:center;margin-bottom:28px}@keyframes rotate-loading-b307bede{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading-text-opacity-b307bede{0%{opacity:0}20%{opacity:0}50%{opacity:1}to{opacity:0}}.phone-monitor .loading-container[data-v-b307bede],.phone-monitor .loading[data-v-b307bede]{height:100px;position:relative;width:100px;border-radius:100%}.phone-monitor .loading-container[data-v-b307bede]{margin:10px auto}.phone-monitor .loading[data-v-b307bede]{border:2px solid transparent;border-color:transparent #f35a5a transparent #f35a5a;animation:rotate-loading-b307bede 1.5s linear 0s infinite normal;transform-origin:50% 50%}.phone-monitor #loading-text[data-v-b307bede]{animation:loading-text-opacity-b307bede 2s linear 0s infinite normal;color:#f35a5a;font-family:"Helvetica Neue, ",Helvetica,", ",arial;font-size:10px;font-weight:700;margin-top:45px;opacity:0;position:absolute;text-align:center;text-transform:uppercase;top:0;width:100px}.phone-monitor .content[data-v-b307bede]{display:flex;justify-content:center;align-items:center}.phone-monitor .content .container[data-v-b307bede]{display:flex;justify-content:space-around;align-items:center}.phone-monitor .content .iconfont[data-v-b307bede]{color:#c03639;font-size:100px;margin-right:20px}.phone-monitor .content .title[data-v-b307bede]{font-weight:700;font-size:18px;color:#c03639;margin-bottom:5px;display:block}.phone-monitor .main[data-v-b307bede]{padding:0 140px;width:100%;display:flex;justify-content:center;align-items:center}.phone-monitor .main .step[data-v-b307bede]{display:flex;justify-content:center;align-items:center;flex-direction:column}.phone-monitor .main .step .step-title[data-v-b307bede]{display:block;margin-bottom:20px;font-size:16px}.phone-monitor .main .step .img-container[data-v-b307bede]{display:flex;justify-content:center;align-items:center;height:200px}.phone-monitor .main .step .qr-container[data-v-b307bede]{height:200px;width:200px;position:relative}.phone-monitor .main .step .qr-container .refresh-qr[data-v-b307bede]{position:absolute;width:160px;height:160px;top:20px;left:20px;background-color:hsla(0,0%,100%,.7);display:flex;justify-content:center;align-items:center;flex-direction:column}.phone-monitor .main .step .qr-container .refresh-qr .failure[data-v-b307bede]{font-weight:700;margin-bottom:15px}.phone-monitor .main .step .detail[data-v-b307bede]{color:#a5a5a5;margin-top:20px;font-size:14px}.phone-monitor .scan[data-v-b307bede]{width:320px;height:48px;background-color:#f35a5a;color:#fff}.phone-monitor .scan[data-v-b307bede]:hover{background-color:rgba(243,90,90,.8)}.phone-monitor .operate[data-v-b307bede]{display:flex;justify-content:center;align-items:center;margin-top:32px}.phone-monitor .check[data-v-b307bede],.phone-monitor .next[data-v-b307bede],.phone-monitor .prev[data-v-b307bede]{color:#999;text-decoration:none;font-size:14px;cursor:pointer;display:inline-block}.phone-monitor .prev[data-v-b307bede]{color:#000;text-align:right;margin-right:24px}.phone-monitor .prev[data-v-b307bede]:hover{color:#f35a5a}.phone-monitor .next[data-v-b307bede]{text-align:left;margin-left:24px;color:#c1c1c1}.phone-monitor .check[data-v-b307bede]{text-align:center;margin-top:24px}