@keyframes window-open-0db82f06{0%{opacity:0;-webkit-transform:scale3d(0,0,0)}to{opacity:1;-webkit-transform:scaleX(1)}}.qr-scanner[data-v-0db82f06]{background-image:linear-gradient(0deg,transparent 24%,rgba(32,255,77,.1) 25%,rgba(32,255,77,.1) 26%,transparent 27%,transparent 74%,rgba(32,255,77,.1) 75%,rgba(32,255,77,.1) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(32,255,77,.1) 25%,rgba(32,255,77,.1) 26%,transparent 27%,transparent 74%,rgba(32,255,77,.1) 75%,rgba(32,255,77,.1) 76%,transparent 77%,transparent);background-size:20px 20px;width:170px;height:170px;width:100%;height:100%;position:relative;background-color:#fff;position:absolute;left:0;top:0;z-index:5}.qr-scanner .box[data-v-0db82f06]{width:170px;height:170px;width:100%;height:100%;max-height:75vh;max-width:75vh;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border:.1rem solid rgba(0,170,116,.2)}.qr-scanner .line[data-v-0db82f06]{height:calc(100% - 2px);width:100%;background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#00aa74 211%);border-bottom:2px solid #00aa74;transform:translateY(-100%);animation:radar-beam-0db82f06 2s infinite;animation-timing-function:cubic-bezier(.53,0,.43,.99);animation-delay:1.4s}.qr-scanner .box[data-v-0db82f06]:after,.qr-scanner .box[data-v-0db82f06]:before{top:0;border-top-color:#0f3}.qr-scanner .angle[data-v-0db82f06]:after,.qr-scanner .angle[data-v-0db82f06]:before{bottom:0;border-bottom-color:#0f3}.qr-scanner .angle[data-v-0db82f06]:before,.qr-scanner .box[data-v-0db82f06]:before{left:0;border-left-color:#0f3}.qr-scanner .angle[data-v-0db82f06]:after,.qr-scanner .box[data-v-0db82f06]:after{right:0;border-right-color:#0f3}@keyframes radar-beam-0db82f06{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.qr-scanner-zfb .box[data-v-0db82f06]{border:.1rem solid rgba(0,167,227,.2)}.qr-scanner-zfb .line[data-v-0db82f06]{background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#00a7e3 211%);border-bottom:2px solid #00a7e3}.payment-box[data-v-0db82f06]{display:flex;align-items:center;justify-content:center}.payment-box .payment-item[data-v-0db82f06]{width:140px;height:140px;margin-right:80px;position:relative;width:170px;height:170px}.payment-box .payment-item .qr-code-nologin[data-v-0db82f06]{width:170px;height:170px;background-color:#eee;position:absolute;left:0;top:0;z-index:10;line-height:170px;text-align:center;color:#0a2540;text-decoration:underline;cursor:pointer;border-radius:2px}.payment-box .payment-item[data-v-0db82f06]:last-child{margin-right:0}.payment-box .payment-item .qr-code[data-v-0db82f06]{height:100%;flex-shrink:0;width:100%;padding:3px;box-sizing:border-box;margin-bottom:18px;position:relative}.payment-box .payment-item .qr-code[data-v-0db82f06]:after{content:"";display:inline-block;width:156px;height:156px;width:190px;height:190px;border-radius:8px;border:2px solid #00aa74;box-sizing:border-box;position:absolute;left:-10px;top:-10px;z-index:5}.payment-box .payment-item .qr-code img[data-v-0db82f06]{display:inline-block;width:100%}.payment-box .payment-item .qr-code img.qr-wft[data-v-0db82f06]{position:absolute;width:170px;width:203px;left:-15px;top:-15px}.payment-box .payment-item .qr-code.qr-code-zfb[data-v-0db82f06]:after{border:2px solid #00a7e3}.payment-box .payment-item .icon-box[data-v-0db82f06]{font-size:13px;display:flex;align-items:center;justify-content:center;position:relative;z-index:5}.payment-box .payment-item .icon-box .iconfont[data-v-0db82f06]{font-size:16px;margin-right:8px}.payment-box .payment-item .icon-box .iconfont.icon-wepay[data-v-0db82f06]{color:#00aa74}.payment-box .payment-item .icon-box .iconfont.icon-alipay[data-v-0db82f06]{color:#00a7e3}.payment-box .payment-item.wx[data-v-0db82f06]{color:#00aa74;display:flex;flex-direction:column;align-items:center;position:relative}.payment-box .payment-item.wx .icon-box[data-v-0db82f06]{width:148px;box-sizing:border-box}.payment-box .payment-item.zfb[data-v-0db82f06]{color:#00a7e3}.payment-box .payment-item.zfb .qr-code[data-v-0db82f06]:after{border:2px solid #00a7e3}.payment-box .payment-item.jd[data-v-0db82f06]{color:#e31d1a}.payment-box .payment-item.jd .qr-code[data-v-0db82f06]:after{border:2px solid #e31d1a}.certificate-txt[data-v-0db82f06]{text-decoration:underline;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:10}@keyframes window-open-42ed58d5{0%{opacity:0;-webkit-transform:scale3d(0,0,0)}to{opacity:1;-webkit-transform:scaleX(1)}}.container .FansHeader[data-v-42ed58d5]{margin-top:0;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:99}.container .head[data-v-42ed58d5]{width:100%;height:568px;display:inline-block;background:url(//js.chaopx.com/chaotu_web/pay/edu/head-bg.jpg) no-repeat top;background-size:100%;background-size:1920px 568px;vertical-align:middle;margin-bottom:116px;position:relative}.container .head .headline[data-v-42ed58d5]{padding-top:165px;line-height:62px;font-weight:700;font-size:40px;color:#00001a;margin-bottom:22px}.container .head .subhead[data-v-42ed58d5]{font-size:16px;color:#212121;line-height:28px;letter-spacing:2px}.container .head .user-auth-bar[data-v-42ed58d5]{width:100%;height:84px;background:linear-gradient(90deg,#c2ffe6,#e6ffc3);position:absolute;bottom:-31px}.container .head .user-auth-bar .inner_center[data-v-42ed58d5]{height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#2d2b33}.container .head .user-auth-bar .inner_center span[data-v-42ed58d5]{color:#008bff}.container .main[data-v-42ed58d5]{width:1040px!important;margin:0 auto}.container .main .meal-item[data-v-42ed58d5]{width:1040px;height:343px;border-radius:16px;border:2px solid;position:relative;box-sizing:border-box;display:flex;align-items:center}.container .main .meal-item>.tag[data-v-42ed58d5]{display:inline-block;height:37px;line-height:37px;background:linear-gradient(224deg,#ff906f,#ff5e9f);border-radius:12px 2px 12px 2px;padding:0 34px;font-weight:700;font-size:16px;color:#fff;position:absolute;top:-21px;left:-2px}.container .main .meal-item .meal-info[data-v-42ed58d5]{width:276px;height:343px}.container .main .meal-item .meal-equity[data-v-42ed58d5]{width:244px;height:286px;margin:0 52px 0 49px}.container .main .meal-item .meal-equity>.content[data-v-42ed58d5]{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10}.container .main .meal-item .meal-equity>.content .title[data-v-42ed58d5]{font-size:13px;color:#71758c;line-height:20px;margin-bottom:12px;position:relative}.container .main .meal-item .meal-equity>.content .title[data-v-42ed58d5]:after{content:"";display:inline-block;width:88px;border-bottom:1px dashed #c5cbe6;position:absolute;left:-96px;top:50%;transform:translateY(-50%)}.container .main .meal-item .meal-equity>.content .title[data-v-42ed58d5]:before{content:"";display:inline-block;width:88px;border-bottom:1px dashed #c5cbe6;position:absolute;left:60px;top:50%;transform:translateY(-50%)}.container .main .meal-item .meal-equity>.content.download[data-v-42ed58d5]{margin-bottom:20px}.container .main .meal-item .meal-equity>.content.download .down-scope[data-v-42ed58d5]{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.container .main .meal-item .meal-equity>.content.download .down-scope .down-scope-item[data-v-42ed58d5]{height:24px;background:#f7f7f7;border-radius:4px;padding:0 8px;font-size:13px;color:#424866;display:inline-flex;align-items:center;justify-content:center;margin:0 10px 8px 0}.container .main .meal-item .meal-equity>.content.download .down-scope .down-scope-item .iconfont[data-v-42ed58d5]{font-size:14px;margin-right:4px}.container .main .meal-item .meal-equity>.content.download .down-scope .down-scope-item .iconfont.icon-gou3[data-v-42ed58d5]{color:#36d0ba}.container .main .meal-item .meal-equity>.content.download .down-scope .down-scope-item .iconfont.icon-cha3[data-v-42ed58d5]{color:#b5b6c2}.container .main .meal-item .meal-equity>.content.accredit .down-scope[data-v-42ed58d5]{margin:0 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.container .main .meal-item .meal-equity>.content.accredit .down-scope .down-scope-item[data-v-42ed58d5]{width:50%;text-align:left;height:18px;font-size:13px;color:rgba(66,72,102,.45);line-height:18px;margin-bottom:12px}.container .main .meal-item .meal-equity>.content.accredit .down-scope .down-scope-item .icon-gou[data-v-42ed58d5]{color:#36d0ba}.container .main .meal-item .meal-equity>.content.accredit .down-scope .down-scope-item.active[data-v-42ed58d5]{color:#424866}.container .main .meal-item.person[data-v-42ed58d5]{border-color:#b0f7da;margin-bottom:69px;box-shadow:0 8px 16px 0 rgba(213,221,236,.4)}.container .main .meal-item.person .meal-info[data-v-42ed58d5]{width:276px;height:343px;display:inline-block;background:url(//js.chaopx.com/chaotu_web/pay/edu/meal-person-bg.png) no-repeat 50%/100%;vertical-align:middle;padding:96px 0 0 80px;box-sizing:border-box}.container .main .meal-item.person .meal-info>.name[data-v-42ed58d5]{height:32px;font-weight:700;font-size:28px;color:#17284d;line-height:32px;letter-spacing:1px;margin-bottom:8px}.container .main .meal-item.person .meal-info .price-bpx[data-v-42ed58d5]{display:flex;align-items:flex-end;color:#17284d;margin-bottom:9px;margin-left:-11px}.container .main .meal-item.person .meal-info .price-bpx .icon_dollar[data-v-42ed58d5]{height:32px;font-size:24px;line-height:32px}.container .main .meal-item.person .meal-info .price-bpx .price[data-v-42ed58d5]{height:53px;line-height:53px;font-size:68px;margin:0 3px 0 2px;font-weight:700}.container .main .meal-item.person .meal-info .price-bpx .year[data-v-42ed58d5]{height:32px;font-size:20px;line-height:32px;letter-spacing:1px;position:relative}.container .main .meal-item.person .meal-info .price-bpx .year .old-price[data-v-42ed58d5]{height:32px;font-size:12px;line-height:32px;text-decoration:line-through;position:absolute;top:-20px;left:0;white-space:nowrap}.container .main .meal-item.person .meal-info .down-num[data-v-42ed58d5]{height:32px;font-size:16px;color:#17284d;line-height:32px;letter-spacing:1px;margin-left:-11px}.container .main .meal-item.person .pay-info[data-v-42ed58d5]{padding-left:10px;position:relative;width:375px;height:160px;box-sizing:border-box}.container .main .meal-item.person .pay-info .mask1[data-v-42ed58d5],.container .main .meal-item.person .pay-info .mask2[data-v-42ed58d5]{width:160px;height:160px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fafafb;z-index:7;background:rgba(0,0,0,.73);border-radius:8px;cursor:pointer}.container .main .meal-item.person .pay-info .mask1[data-v-42ed58d5]{position:absolute;top:-10px;left:-17px}.container .main .meal-item.person .pay-info .mask2[data-v-42ed58d5]{position:absolute;top:-10px;right:32px}.container .main .meal-item.person .pay-info[data-v-42ed58d5] .payment-item{margin-right:60px}.container .main .meal-item.upgrade[data-v-42ed58d5]{border-color:#4a8aff;box-shadow:0 8px 16px 0 rgba(213,221,236,.4);margin-bottom:80px}.container .main .meal-item.upgrade .meal-info[data-v-42ed58d5]{width:276px;height:343px;display:inline-block;background:url(//js.chaopx.com/chaotu_web/pay/edu/meal-upgrade-bg.png) no-repeat 50%/100%;vertical-align:middle}.container .main .meal-item.upgrade .meal-info .name[data-v-42ed58d5]{font-weight:700;font-size:24px;color:#fff;line-height:32px;padding:145px 0 0 67px}.container .main .meal-item.upgrade .meal-equity .icon-gou3[data-v-42ed58d5],.container .main .meal-item.upgrade .meal-equity .icon-gou[data-v-42ed58d5]{color:#035cff!important}.container .main .meal-item.upgrade .service-info[data-v-42ed58d5]{margin-top:45px}.container .main .meal-item.upgrade .service-info .contact-service[data-v-42ed58d5]{height:64px;font-weight:700;font-size:22px;color:#17284d;line-height:32px;padding-left:95px;margin-bottom:20px;position:relative}.container .main .meal-item.upgrade .service-info .contact-service .icon_service[data-v-42ed58d5]{width:92px;height:92px;display:inline-block;background:url(//js.chaopx.com/chaotu_web/pay/edu/icon_service.png) no-repeat 50%/100%;vertical-align:middle;position:absolute;left:0;bottom:5px}.container .main .meal-item.upgrade .service-info .service-btn[data-v-42ed58d5]{width:244px;height:48px;background:linear-gradient(90deg,#005aff,#5c95ff);box-shadow:0 7px 13px 0 rgba(55,196,255,.33);border-radius:24px;font-size:16px;color:#fff;line-height:48px;text-align:center;display:inline-block;margin-left:16px}.container .main .meal-item.upgrade .service-info .service-btn[data-v-42ed58d5]:hover{background:linear-gradient(90deg,#5c95ff,#005aff)}.container .main .student-use-scene[data-v-42ed58d5]{margin-bottom:80px}.container .main .student-use-scene .title[data-v-42ed58d5]{font-weight:700;font-size:30px;color:#2d2b33;line-height:32px;margin-bottom:48px;text-align:center}.container .main .student-use-scene .scene-list[data-v-42ed58d5]{display:flex;justify-content:space-between}.container .main .student-use-scene .scene-list .scene-item[data-v-42ed58d5]{width:250px;height:280px;position:relative}.container .main .student-use-scene .scene-list .scene-item img[data-v-42ed58d5]{display:inline-block;width:100%}.container .main .student-use-scene .scene-list .scene-item .scene-title[data-v-42ed58d5]{height:45px;line-height:45px;width:100%;position:absolute;left:0;bottom:0;text-align:center}.container .edu-certificate .ModalContent[data-v-42ed58d5]{width:789px;height:633px;background:#fff;border-radius:14px;padding:36px 53px 46px 36px;box-sizing:border-box}.container .edu-certificate .ModalContent>.title[data-v-42ed58d5]{font-weight:700;font-size:22px;color:#0a2540;line-height:29px;margin-bottom:24px}.container .edu-certificate .ModalContent>.content[data-v-42ed58d5]{display:flex;justify-content:space-between}.container .edu-certificate .ModalContent .form[data-v-42ed58d5]{width:376px}.container .edu-certificate .ModalContent .form .label[data-v-42ed58d5]{font-size:14px;color:#2d2b33;line-height:19px;margin-bottom:10px;padding-left:13px;position:relative}.container .edu-certificate .ModalContent .form .label[data-v-42ed58d5]:before{content:"*";display:inline-block;font-size:15px;color:#ee5253;line-height:20px;position:absolute;left:0;bottom:0}.container .edu-certificate .ModalContent .form .upload-img-item[data-v-42ed58d5]{width:180px;height:180px;border-radius:14px;position:relative;overflow:hidden;margin-right:20px;width:376px;height:120px;background:#f5f6fa;border-radius:8px;cursor:pointer}.container .edu-certificate .ModalContent .form .upload-img-item .default[data-v-42ed58d5]{width:100%;height:100%;color:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;color:rgba(45,43,51,.6);line-height:20px}.container .edu-certificate .ModalContent .form .upload-img-item .default .icon-qy-add-line[data-v-42ed58d5]{font-size:20px;margin-bottom:4px}.container .edu-certificate .ModalContent .form .upload-img-item[data-v-42ed58d5]:hover{color:""!important;background:""!important}.container .edu-certificate .ModalContent .form .upload-img-item:hover .default[data-v-42ed58d5]{color:#6e6eff}.container .edu-certificate .ModalContent .form .upload-img-item:hover .default .icon_upload[data-v-42ed58d5]{width:36px;height:36px;display:inline-block;background:url(//js.chaopx.com/chaotu/feedback/icon_upload@active.svg) no-repeat 50%/100%;vertical-align:middle}.container .edu-certificate .ModalContent .form .upload-img-item input[data-v-42ed58d5]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.container .edu-certificate .ModalContent .form .upload-img-item .img-box[data-v-42ed58d5]{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer}.container .edu-certificate .ModalContent .form .upload-img-item .img-box .mask[data-v-42ed58d5]{width:100%;height:100%;background-color:rgba(0,0,0,.3);display:none;position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.container .edu-certificate .ModalContent .form .upload-img-item .img-box .mask .iconfont[data-v-42ed58d5]{font-size:30px;color:#fff}.container .edu-certificate .ModalContent .form .upload-img-item .img-box .mask .iconfont.icon-cha[data-v-42ed58d5]{margin-right:20px}.container .edu-certificate .ModalContent .form .upload-img-item .img-box:hover .mask[data-v-42ed58d5]{display:flex}.container .edu-certificate .ModalContent .form .upload-img-item .el-image[data-v-42ed58d5]{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;border-radius:2px;cursor:zoom-in}.container .edu-certificate .ModalContent .form .upload-img-item .el-image[data-v-42ed58d5] .el-image__inner{width:auto;cursor:zoom-in}.container .edu-certificate .ModalContent .form .upload-img-item .icon-cha2[data-v-42ed58d5]{font-size:24px;color:#424866;position:absolute;right:-12px;top:-12px;cursor:pointer}.container .edu-certificate .ModalContent .form .upload-img-item .icon-cha2[data-v-42ed58d5]:hover{color:#6e6eff!important;background:""!important}.container .edu-certificate .ModalContent .form .upload-img-item .mask[data-v-42ed58d5]{width:100%;height:30px;background:rgba(66,72,102,.65);border-radius:1px 1px 14px 14px;font-size:0;display:flex;align-items:center;justify-content:center;position:absolute;left:0;bottom:0}.container .edu-certificate .ModalContent .form .upload-img-item .mask .iconfont[data-v-42ed58d5]{display:inline-block;width:22px;height:22px;color:#596080;background-color:#fff;margin-right:20px;font-size:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.container .edu-certificate .ModalContent .form .upload-img-item .mask .iconfont[data-v-42ed58d5]:last-child{margin-right:0}.container .edu-certificate .ModalContent .form .upload-img-item .mask .iconfont.icon-trash[data-v-42ed58d5]:hover{background-color:#ee5253;color:#fff}.container .edu-certificate .ModalContent .form .upload-img-item .mask .iconfont.icon-chaxun2[data-v-42ed58d5]{font-size:18px}.container .edu-certificate .ModalContent .form .upload-img-item .mask .iconfont.icon-chaxun2[data-v-42ed58d5]:hover{background-color:#35d0ba;color:#fff}.container .edu-certificate .ModalContent .form[data-v-42ed58d5] .el-form .el-input .el-input__inner{width:376px;height:50px;background:#f5f6fa;border-radius:8px;border:none}.container .edu-certificate .ModalContent .form[data-v-42ed58d5] .el-form .el-input .el-input__inner:focus{border-color:#36d0ba}.container .edu-certificate .ModalContent .form[data-v-42ed58d5] .el-form .el-form-item__error{left:revert;right:0}.container .edu-certificate .ModalContent .form[data-v-42ed58d5] .el-form .el-form-item{margin-bottom:13px}.container .edu-certificate .ModalContent .form .submit-btn[data-v-42ed58d5]{width:170px;height:44px;background:linear-gradient(90deg,#c2ffe6,#e6ffc3);border-radius:24px;line-height:44px;text-align:center;font-size:14px;color:#192d39;cursor:pointer;margin:22px auto}.container .edu-certificate .ModalContent .form .submit-btn[data-v-42ed58d5]:hover{background:linear-gradient(90deg,#e6ffc3,#c2ffe6)}.container .edu-certificate .ModalContent .rules[data-v-42ed58d5]{width:270px}.container .edu-certificate .ModalContent .rules .title[data-v-42ed58d5]{font-size:16px;color:#2d2b33;line-height:21px;margin-top:28px;margin-bottom:18px}.container .edu-certificate .ModalContent .rules .content[data-v-42ed58d5]{font-size:14px;color:#2d2b33;line-height:19px}.container .edu-certificate .ModalContent .rules .content p[data-v-42ed58d5]{margin-bottom:18px}.container .edu-certificate .ModalContent .rules .content p[data-v-42ed58d5]:last-child{margin-bottom:0}.pay-success-modal .ModalContent[data-v-42ed58d5]{width:440px;height:276px;background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:center}.pay-success-modal .ModalContent .icon-gou[data-v-42ed58d5]{margin:40px 0 10px;font-size:44px;color:#36d0b9}.pay-success-modal .ModalContent .title[data-v-42ed58d5]{height:27px;font-size:20px;font-weight:700;color:#424866;line-height:27px;margin-bottom:70px}.pay-success-modal .ModalContent .btn-group[data-v-42ed58d5]{display:flex}.pay-success-modal .ModalContent .btn-group .btn-item[data-v-42ed58d5]{width:140px;height:44px;line-height:44px;text-align:center;border-radius:25px;background:#fff;font-size:14px;cursor:pointer}.pay-success-modal .ModalContent .btn-group .btn-down[data-v-42ed58d5]{margin-right:24px;color:#596088;background:#e0e3e9}.pay-success-modal .ModalContent .btn-group .btn-down[data-v-42ed58d5]:hover{background:rgba(224,227,233,.9)}.pay-success-modal .ModalContent .btn-group .btn-watch[data-v-42ed58d5]{background:#6969ff;color:#fff}.pay-success-modal .ModalContent .btn-group .btn-watch[data-v-42ed58d5]:hover{background:rgba(105,105,255,.9)}