@media(max-width:768px){.step-1-content[data-v-43407aeb]{height:calc(100vh - 176px);justify-content:center;overflow-y:scroll;padding:0 24px;text-align:center}}.list-item[data-v-7668f38f]{border:1px solid var(--border-primary);border-radius:28px;display:flex;flex-direction:column;max-width:234px;padding:24px 24px 48px;width:30%}.list-item img[data-v-7668f38f]{height:180px;width:180px}.list-item h1[data-v-7668f38f]{color:var(--text-primary);font-size:22px;font-weight:700;line-height:28px;margin-bottom:8px}.list-item h2[data-v-7668f38f]{color:var(--text-primary);font-size:16px;font-weight:400;line-height:24px}@media(max-width:768px){.step-2-content[data-v-7668f38f]{align-items:center;flex-direction:column;justify-content:center;padding-bottom:248px}.step-2-content .list-item[data-v-7668f38f]{align-items:center;display:flex;max-width:345px;padding:24px;width:100%}.step-2-content .list-item h1[data-v-7668f38f],.step-2-content .list-item h2[data-v-7668f38f]{text-align:left;width:100%}.step-2-content .list-item[data-v-7668f38f]:not(:last-child){margin-bottom:16px}}.step-3-content[data-v-9c20982f]{border:1px solid var(--border-primary);border-radius:28px;margin:24px 0 16px;padding:0 24px}.step-3-content h1[data-v-9c20982f]{color:var(--text-primary);font-size:22px;font-weight:700;line-height:28px;margin-bottom:8px}.step-3-content h2[data-v-9c20982f]{color:var(--text-primary);font-size:16px;font-weight:400;letter-spacing:.5px;line-height:24px}@media(max-width:768px){.step-3-content[data-v-9c20982f]{flex-direction:column;padding:24px}.step-3-content img[data-v-9c20982f]{height:180px;width:180px}.tip[data-v-9c20982f]{padding-bottom:224px}}.tab[data-v-1aefc812]{border:1px solid var(--border-primary);border-radius:56px;height:36px;margin:24px 0;padding:2px}.tab .tab-normal[data-v-1aefc812]{color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;height:30px;line-height:30px;text-align:center;width:50%}.tab .tab-active[data-v-1aefc812]{background-color:var(--btn-primary-black-default);border-radius:56px;color:var(--btn-primary-black-text)}.content[data-v-1aefc812]{border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:12px;line-height:16px;margin-bottom:16px;padding:16px 23px}.content>div[data-v-1aefc812]:first-child{font-size:18px;font-weight:700;line-height:24px;margin-bottom:4px}@media(max-width:768px){.tip[data-v-1aefc812]{padding-bottom:224px}}.linediv[data-v-d6e830af]{margin:auto;width:356px}svg[data-v-d6e830af]{display:block}.rel[data-v-d6e830af]{position:relative}.abs[data-v-d6e830af]{position:absolute}.bg-line line[data-v-d6e830af]{stroke:var(--border-secondary);stroke-width:.5}@keyframes move0-d6e830af{0%{stroke-dashoffset:500}to{stroke-dashoffset:0}}@keyframes move1-d6e830af{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes move2-d6e830af{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes move3-d6e830af{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes fadeIn-d6e830af{0%{opacity:0}to{opacity:1}}path[data-v-d6e830af]{animation-fill-mode:both;fill:none;stroke:#fff;stroke-width:3}path.red[data-v-d6e830af]{stroke:#ce6b64}path.green[data-v-d6e830af]{stroke:#6db26a}.path-0[data-v-d6e830af]{animation:move0-d6e830af 3s;stroke:var(--text-primary);stroke-dasharray:500}.path-1[data-v-d6e830af]{animation:move1-d6e830af 3.5s}.path-1[data-v-d6e830af],.path-2[data-v-d6e830af]{stroke:var(--text-primary);stroke-dasharray:300}.path-2[data-v-d6e830af]{animation:move2-d6e830af 3.5s}.path-3[data-v-d6e830af]{animation:move3-d6e830af 4s;stroke:var(--text-primary);stroke-dasharray:300}.circles[data-v-d6e830af]{animation:fadeIn-d6e830af .5s 1s;animation-fill-mode:both}.circles .circle[data-v-d6e830af]{fill:#fff}.circles .circle-fill[data-v-d6e830af]{fill:var(--brand)}.circles .boom[data-v-d6e830af]{fill:var(--btn-red-default)}.tip[data-v-d6e830af]{animation:fadeIn-d6e830af .5s 1s;animation-fill-mode:both;background:var(--brand);border-radius:8px;color:var(--btn-primary-brand-text);font-size:14px;left:115px;line-height:20px;padding:4px 8px;top:118px;z-index:1}.tip.tip-2-up[data-v-d6e830af]{left:150px;top:50px}.tip.tip-3-up[data-v-d6e830af]{left:188px;top:185px}.tip.tip-4-up[data-v-d6e830af]{left:230px;top:245px}.tip.tip-2-down[data-v-d6e830af]{left:155px;top:185px}.tip.tip-3-down[data-v-d6e830af]{left:185px;top:90px}.tip.tip-4-down[data-v-d6e830af]{left:250px;top:25px}.color-error[data-v-d6e830af]{background-color:var(--btn-red-default)}@media(max-width:768px){.tip.tip-4-down[data-v-d6e830af]{left:230px}}.step-5-content>div[data-v-fa8d8ec4]{width:356px}.step-5-content .right-part[data-v-fa8d8ec4]{border:1px solid var(--border-primary);border-radius:16px;box-sizing:border-box;padding:23px}.step-5-content .green[data-v-fa8d8ec4]{color:var(--green)}.step-5-content .red[data-v-fa8d8ec4]{color:var(--red)}@media(max-width:768px){.title[data-v-fa8d8ec4]{align-items:flex-start}.title h1[data-v-fa8d8ec4]{padding-right:8px}.step-5-content[data-v-fa8d8ec4]{flex-direction:column}.step-5-content .left-part[data-v-fa8d8ec4]{overflow-x:hidden;width:100%}.step-5-content .right-part[data-v-fa8d8ec4]{height:unset;width:100%}.step-5-content .right-part .right-part-item[data-v-fa8d8ec4]{margin:8px 0}.tip[data-v-fa8d8ec4]{padding-bottom:224px}.btn-wp-single>button[data-v-fa8d8ec4]{margin-bottom:unset!important}}.futures-tutorial-dialog,.futures-tutorial-dialog-toast{border:unset!important;min-width:375px;padding:unset}.futures-tutorial-dialog .el-dialog__header,.futures-tutorial-dialog-toast .el-dialog__header{display:none}.futures-tutorial-dialog .el-button,.futures-tutorial-dialog-toast .el-button{margin-left:unset}@media(min-width:768px)and (max-width:800px){.futures-tutorial-dialog{width:90%}}@media(max-width:768px){.futures-tutorial-dialog{height:100vh!important;left:0!important;margin:unset!important;min-width:375px;position:fixed;top:0!important;transform:unset!important;width:100%}.futures-tutorial-dialog .el-dialog__body{height:100%;overflow-y:scroll}.futures-tutorial-dialog .btn-wp{align-items:center;background-color:var(--bg-primary1);border:unset;bottom:0;flex-direction:column;left:0;padding:24px;position:fixed;width:100%}.futures-tutorial-dialog .btn-wp>button{width:100%}.futures-tutorial-dialog .btn-wp>button:first-child{margin-bottom:16px}.futures-tutorial-dialog-toast{min-width:unset;width:343px}.futures-tutorial-dialog-toast .title{padding:16px}.futures-tutorial-dialog-toast .tip{padding-left:16px}.futures-tutorial-dialog-toast .btn-wp{padding:16px}.futures-tutorial-dialog-toast .btn-wp button{width:150px}}[data-v-7a6ccf94] .signTeacherAgreement{border:unset!important;border-radius:24px;padding:24px 0}[data-v-7a6ccf94] .signTeacherAgreement .show-close{padding:0 24px 24px}[data-v-7a6ccf94] .signTeacherAgreement .show-close .title{color:var(--text-primary);font-size:22px;font-weight:700;line-height:32px}[data-v-7a6ccf94] .signTeacherAgreement .show-close .el-dialog__headerbtn{right:24px!important;top:24px!important}@media screen and (max-width:768px){[data-v-7a6ccf94] .signTeacherAgreement .show-close{padding:0 16px 16px}[data-v-7a6ccf94] .signTeacherAgreement .show-close .el-dialog__headerbtn{right:16px!important;top:16px!important}[data-v-7a6ccf94] .signTeacherAgreement{padding:16px 0;width:calc(100vw - 32px)}}[data-v-11e80cc9] .listGoldfTip{padding:24px}[data-v-11e80cc9] .listGoldfTip .el-dialog__header{padding:unset!important}@media screen and (max-width:640px){[data-v-11e80cc9] .listGoldfTip{margin:0 16px;padding:16px;width:calc(100% - 32px)}}