.add-teacher[data-v-575fb396]{background-color:#fafafa;min-height:69.9rem}.add-teacher .top-color-box[data-v-575fb396]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add-teacher .top-color-box .background-img[data-v-575fb396]{position:absolute;width:100%}.add-teacher .top-color-box .content-box[data-v-575fb396]{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add-teacher .top-color-box .content-box .top-title[data-v-575fb396]{margin-top:3rem;font-size:1.8rem;font-weight:600;color:#fff}.add-teacher .top-color-box .content-box .icon-box[data-v-575fb396]{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:6rem;padding-right:6rem;margin-top:2.6rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.add-teacher .top-color-box .content-box .icon-box .prompt-icon-box[data-v-575fb396]{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.add-teacher .top-color-box .content-box .icon-box .prompt-icon-box>img[data-v-575fb396]{width:4.4rem;margin-bottom:1.2rem}.add-teacher .top-color-box .content-box .icon-box .prompt-icon-box>span[data-v-575fb396]{white-space:nowrap;font-size:1.4rem;font-weight:600;color:#fff}.add-teacher .top-color-box .content-box .icon-box .connect-body[data-v-575fb396]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1.5rem}.add-teacher .top-color-box .content-box .icon-box .connect-body .horizontal-line[data-v-575fb396]{width:6.3rem;height:1.2rem;background:-webkit-gradient(linear,left top,left bottom,from(#ffe740),to(#fdcb1e));background:linear-gradient(180deg,#ffe740,#fdcb1e);border-radius:.6rem}.add-teacher .top-color-box .content-box .icon-box .connect-body .dot[data-v-575fb396]{margin-left:.8rem;width:1.2rem;height:1.2rem;background:#fdcb1e;border-radius:50%}.add-teacher .top-color-box .bottom-floating-box[data-v-575fb396]{padding-bottom:2rem;margin-top:3.5rem;position:relative;width:33.5rem;background:#fff;border-radius:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.add-teacher .top-color-box .bottom-floating-box .top-text-title-box[data-v-575fb396]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:4rem}.add-teacher .top-color-box .bottom-floating-box .top-text-title-box .top-text-title[data-v-575fb396]{margin-left:1rem;margin-right:1rem;font-size:1.6rem;font-weight:600;color:#333}.add-teacher .top-color-box .bottom-floating-box .top-text-title-box>img[data-v-575fb396]{width:1.6rem}.add-teacher .top-color-box .bottom-floating-box .title-on-qr-code[data-v-575fb396]{margin-top:2rem;font-size:1.6rem;font-weight:600;color:#333}.add-teacher .top-color-box .bottom-floating-box .code-integral-box[data-v-575fb396]{position:relative;margin-top:2.8rem}.add-teacher .top-color-box .bottom-floating-box .code-integral-box .qr-img-box[data-v-575fb396]{border-radius:.8rem;width:16.5rem;height:16.5rem;background:#08bb66;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.add-teacher .top-color-box .bottom-floating-box .code-integral-box .qr-img-box .qr-code-box[data-v-575fb396]{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.8rem;width:14.9rem;height:14.9rem;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.add-teacher .top-color-box .bottom-floating-box .code-integral-box .qr-img-box .qr-code-box .qr-img[data-v-575fb396]{width:14.2rem}.add-teacher .top-color-box .bottom-floating-box .code-integral-box .action-direction-icon[data-v-575fb396]{position:absolute;width:6.5rem;bottom:-3.2rem;right:-2.2rem}.add-teacher .top-color-box .bottom-floating-box .instructions-for[data-v-575fb396]{margin-top:2rem;width:21.8rem;height:3.2rem;background:rgba(8,187,102,.15);border-radius:1.6rem;font-size:1.2rem;font-weight:400;color:#08bb66;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.add-teacher .top-color-box .bottom-floating-box .bottom-subheading[data-v-575fb396]{margin-top:1.2rem;font-size:1.2rem;font-weight:400;color:#999}.add-teacher .top-color-box .bottom-floating-box .get-description-box[data-v-575fb396]{margin-top:1.6rem;width:29.5rem;height:13.8rem;background:rgba(253,203,30,.08);border-radius:1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add-teacher .top-color-box .bottom-floating-box .get-description-box .get-description-title[data-v-575fb396]{margin-top:2rem;font-size:1.6rem;font-weight:600;color:#333}.add-teacher .top-color-box .bottom-floating-box .get-description-box .get-description-item[data-v-575fb396]{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:1.6rem;width:100%;margin-top:1.6rem;position:relative;font-size:1.4rem;font-weight:400;color:#666}.add-teacher .top-color-box .bottom-floating-box .get-description-box .get-description-item>img[data-v-575fb396]{position:absolute;width:9rem;right:-.5rem;top:-3rem}