[data-v-10ba4214] .ant-col-16{width:auto}@media screen and (min-width:992px){
  /*    !*margin-bottom: 10px;*!*/
  /*        !*margin-left: 10px;*!*/}.to-pay-mobile[data-v-10ba4214]{width:100%}.to-pay-mobile .to-pay-phone-row[data-v-10ba4214]{border-top:1px solid #f4f4f4;padding-top:10px;margin-bottom:20px}.to-pay[data-v-10ba4214]{height:138px;width:1110px;margin:auto;border:1px solid #e8e8e8;position:absolute;top:0;left:calc(50% - 550px);background:#fff;-webkit-box-shadow:2px 2px 5px #4b4b4b;box-shadow:2px 2px 5px #4b4b4b;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.3);box-shadow:2px 2px 5px rgba(0,0,0,.3);padding:40px 60px}.to-pay button[data-v-10ba4214]{width:220px;height:56px;font-size:22px}.to-pay .discountDesc[data-v-10ba4214]{padding:0 19px;height:30px;line-height:30px;color:#ff4f23;border:1px solid #ff4f23;margin-left:10px;background:rgba(255,99,42,.2);text-align:center;font-size:16px}.to-pay-phone[data-v-10ba4214]{position:fixed;bottom:0;height:50px;width:100%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;border-top:1px solid #f4f4f4;z-index:2002}.to-pay-phone .to-pay-phone-price[data-v-10ba4214]{width:calc(100vw - 90px);text-align:left;color:#131313}.to-pay-phone .to-pay-phone-price .discountDesc[data-v-10ba4214]{padding:0 5px;margin:0;height:20px;line-height:20px;color:#ff4f23;border:1px solid #ff4f23;background:rgba(255,99,42,.2);text-align:center;font-size:12px}.to-pay-phone .to-pay-phone-price .discount-price[data-v-10ba4214]{font-size:16px;margin:0 6px}.to-pay-phone .to-pay-phone-price .original-price[data-v-10ba4214]{font-size:12px;color:#999;margin-right:6px;text-decoration:line-through}.to-pay-phone .button-pay[data-v-10ba4214]{float:right}.to-pay-phone .button-pay button[data-v-10ba4214]{width:80px;height:30px;font-size:12px;padding:4px}.phone[data-v-fd464bd6]{display:none}.paid[data-v-fd464bd6]{display:block}@media screen and (max-width:992px){.phone[data-v-fd464bd6]{display:block}.paid[data-v-fd464bd6]{display:none}}.course-direction-web .what-is-web-front-end-section .web-front-end-desc-box[data-v-fd464bd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:40px;margin-bottom:30px}.course-direction-web .what-is-web-front-end-section .web-front-end-desc-box img[data-v-fd464bd6]{margin-right:-20px;z-index:2}.course-direction-web .what-is-web-front-end-section .web-front-end-desc-box .content[data-v-fd464bd6]{border-top:1px solid;border-left:5px solid;border-right:1px solid;border-bottom:5px solid;border-radius:40px;padding:25px 40px;border-color:#c33a3a;width:700px}.course-direction-web .what-is-web-front-end-section .web-front-end-desc-box .content h3[data-v-fd464bd6]{color:#c33a3a;font-size:20px;font-weight:400}.course-direction-web .what-is-web-front-end-section .web-front-end-desc-box .content h3 span[data-v-fd464bd6]{font-size:22px;font-weight:500}.course-direction-web .what-is-web-front-end-section .web-front-end-desc-bottom-box[data-v-fd464bd6]{text-align:center}.course-direction-web .what-is-web-front-end-section .web-front-end-desc-bottom-box p[data-v-fd464bd6]{width:800px;display:inline-block;text-align:center;text-indent:0;font-size:24px;background-color:#4589e4;border-radius:15px;color:#fff;padding:15px;margin-bottom:30px;font-weight:300}.course-direction-web .what-is-web-front-end-section .web-front-end-desc-bottom-box p span[data-v-fd464bd6]{font-size:28px;font-weight:400}.course-direction-web .web-front-end-future-section[data-v-fd464bd6]{background-color:#0e0823;padding-bottom:30px}.course-direction-web .web-front-end-future-section .section-title[data-v-fd464bd6]{background-color:#8f1b70}.course-direction-web .web-front-end-future-section .section-content-box .section-content[data-v-fd464bd6]{border:1px solid #df37b2}.course-direction-web .web-front-end-future-section .section-content-box .content-bottom[data-v-fd464bd6]{border:none}.course-direction-web .tledu-web-front-end-advantage-section[data-v-fd464bd6]{background-color:#391e0b;padding-bottom:30px}.course-direction-web .tledu-web-front-end-advantage-section .section-title[data-v-fd464bd6]{background-color:#ff6900}.course-direction-web .tledu-web-front-end-advantage-section .section-content-box .section-content[data-v-fd464bd6]{padding:20px 55px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course-direction-web .tledu-web-front-end-advantage-section .section-content-box .section-content .content-text[data-v-fd464bd6]{width:450px}.course-direction-web .tledu-web-front-end-advantage-section .section-content-box .section-content h3[data-v-fd464bd6]{color:#ff6900}.course-direction-web .tledu-web-front-end-advantage-section .section-content-box .section-content p[data-v-fd464bd6]{color:#fff}.course-direction-web .tledu-web-front-end-advantage-section .section-content-box .content-bottom[data-v-fd464bd6]{border:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.course-direction-web .tledu-web-front-end-advantage-section .section-content-box .content-bottom p[data-v-fd464bd6]{text-indent:0}.course-direction-web .footer[data-v-fd464bd6]{text-align:center;padding:20px;background-color:#0e0824}.course-direction-web .footer p[data-v-fd464bd6]{text-align:center;margin-bottom:15px;color:#df37b2}.course-direction-web .footer .button[data-v-fd464bd6]{width:220px;height:52px;border-radius:16px;background-color:#101029;border:1px solid #1ec5ef}.course-direction-web .footer .button[data-v-fd464bd6]:hover{cursor:pointer}.course-direction-web .section-title[data-v-fd464bd6]{background-color:#1256b2;background-color:#021b75;height:80px;text-align:center;padding:5px 0;color:#fff;font-size:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course-direction-web .section-title img[data-v-fd464bd6]{height:100%;margin-right:10px}.course-direction-web .section-content-box .section-content[data-v-fd464bd6]{width:900px;margin:0 auto;margin-top:30px;padding:35px 55px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;-ms-flex-pack:distribute;justify-content:space-around}.course-direction-web .section-content-box .section-content h3[data-v-fd464bd6]{font-size:35px;color:#33e7f8;letter-spacing:5px}.course-direction-web .section-content-box .section-content p[data-v-fd464bd6]{color:#df37b2;line-height:40px;font-size:24px;text-indent:0}.course-direction-web .section-content-box .section-content img[data-v-fd464bd6]{width:250px;height:250px}.course-direction-web .section-content-box .content-bottom[data-v-fd464bd6]{border:none;padding:0}.course-direction-web .section-content-box .content-bottom p[data-v-fd464bd6]{text-indent:35px;color:#fff}.course-direction-web img[data-v-fd464bd6]{max-width:100%;max-height:100%}.course-direction-web p[data-v-fd464bd6]{margin:0;font-size:18px;letter-spacing:2px;text-align:justify;text-indent:25px}.course-direction-web p span[data-v-fd464bd6]{font-size:20px;color:#c33a3a}.course-direction-web[data-v-fd464bd6] .to-pay{top:0}.course-direction-web .banner[data-v-fd464bd6]{width:100%}.what-is-web-left[data-v-fd464bd6]{overflow:hidden}.what-is-web-left-enter-active[data-v-fd464bd6]{-webkit-transition:all 1.5s ease;transition:all 1.5s ease}.what-is-web-left-enter[data-v-fd464bd6],.what-is-web-left-leave-to[data-v-fd464bd6]{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.what-is-web-left-enter-to[data-v-fd464bd6]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.what-is-web-right-enter-active[data-v-fd464bd6]{-webkit-transition:all 1.5s ease;transition:all 1.5s ease}.what-is-web-right-enter[data-v-fd464bd6],.what-is-web-right-leave-to[data-v-fd464bd6]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}.what-is-web-right-enter-to[data-v-fd464bd6],what-is-web-advantage-enter-to[data-v-fd464bd6]{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.what-is-web-advantage-enter-active[data-v-fd464bd6]{-webkit-transition:all 1.5s ease;transition:all 1.5s ease}.what-is-web-advantage-enter[data-v-fd464bd6],.what-is-web-advantage-leave-to[data-v-fd464bd6]{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.mobile .top-img-title-box[data-v-fd464bd6]{background-color:#101029}.mobile .banner[data-v-fd464bd6]{width:100%}.mobile .what-is-web-front-end-section .web-front-end-desc-box[data-v-fd464bd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2rem 1.5rem}.mobile .what-is-web-front-end-section .web-front-end-desc-box img[data-v-fd464bd6]{margin-right:-20px;z-index:2}.mobile .what-is-web-front-end-section .web-front-end-desc-box .content[data-v-fd464bd6]{border-top:1px solid;border-left:5px solid;border-right:1px solid;border-bottom:5px solid;border-radius:2rem;padding:1.2rem 2rem;border-color:#c33a3a}.mobile .what-is-web-front-end-section .web-front-end-desc-box .content h3[data-v-fd464bd6]{color:#c33a3a;font-size:1rem;font-weight:400}.mobile .what-is-web-front-end-section .web-front-end-desc-box .content h3 span[data-v-fd464bd6]{font-size:1.2rem;font-weight:500}.mobile .what-is-web-front-end-section .web-front-end-desc-bottom-box[data-v-fd464bd6]{text-align:center}.mobile .what-is-web-front-end-section .web-front-end-desc-bottom-box p[data-v-fd464bd6]{display:inline-block;text-align:center;text-indent:0;font-size:1rem;background-color:#4589e4;border-radius:.7rem;color:#fff;padding:.7rem;margin-bottom:1.5rem;font-weight:300}.mobile .what-is-web-front-end-section .web-front-end-desc-bottom-box p span[data-v-fd464bd6]{font-size:1.2rem;font-weight:400}.mobile .web-front-end-future-section[data-v-fd464bd6]{background-color:#0e0823;padding-bottom:1.5rem}.mobile .web-front-end-future-section .section-title[data-v-fd464bd6]{background-color:#8f1b70}.mobile .web-front-end-future-section .section-content-box[data-v-fd464bd6]{margin:0 1rem}.mobile .web-front-end-future-section .section-content-box .section-content[data-v-fd464bd6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #df37b2}.mobile .web-front-end-future-section .section-content-box .content-bottom[data-v-fd464bd6]{border:none}.mobile .tledu-web-front-end-advantage-section[data-v-fd464bd6]{background-color:#391e0b;padding-bottom:1.5rem}.mobile .tledu-web-front-end-advantage-section .section-title[data-v-fd464bd6]{background-color:#ff6900}.mobile .tledu-web-front-end-advantage-section .section-content-box .section-content[data-v-fd464bd6]{padding:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile .tledu-web-front-end-advantage-section .section-content-box .section-content h3[data-v-fd464bd6]{color:#ff6900}.mobile .tledu-web-front-end-advantage-section .section-content-box .section-content p[data-v-fd464bd6]{color:#fff}.mobile .tledu-web-front-end-advantage-section .section-content-box .content-bottom[data-v-fd464bd6]{border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile .tledu-web-front-end-advantage-section .section-content-box .content-bottom p[data-v-fd464bd6]{text-indent:0}.mobile .footer[data-v-fd464bd6]{text-align:center;padding:1rem;background-color:#0e0824}.mobile .footer p[data-v-fd464bd6]{text-align:center;margin-bottom:.7rem;color:#df37b2}.mobile .footer .button[data-v-fd464bd6]{width:220px;height:52px;border-radius:16px;background-color:#101029;border:1px solid #1ec5ef}.mobile .footer .button[data-v-fd464bd6]:hover{cursor:pointer}.mobile .section-title[data-v-fd464bd6]{background-color:#1256b2;height:3rem;text-align:center;padding:.2rem 0;color:#fff;font-size:1.3rem;line-height:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.mobile .section-title img[data-v-fd464bd6]{height:100%;margin-right:.4rem}.mobile .section-content-box .section-content[data-v-fd464bd6]{margin:0 auto;margin-top:1.5rem;padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;-ms-flex-pack:distribute;justify-content:space-around}.mobile .section-content-box .section-content h3[data-v-fd464bd6]{font-size:1.2rem;color:#33e7f8;letter-spacing:5px}.mobile .section-content-box .section-content p[data-v-fd464bd6]{color:#df37b2;line-height:1.5rem;font-size:1rem;text-indent:0}.mobile .section-content-box .section-content img[data-v-fd464bd6]{width:80%;margin:0 auto}.mobile .section-content-box .content-bottom[data-v-fd464bd6]{border:none;padding:0}.mobile .section-content-box .content-bottom p[data-v-fd464bd6]{text-indent:1.5rem;color:#fff}.mobile img[data-v-fd464bd6]{max-width:100%;max-height:100%}.mobile p[data-v-fd464bd6]{margin:0;letter-spacing:2px;text-align:justify;text-indent:1.5rem}.mobile p span[data-v-fd464bd6]{font-size:1rem;color:#c33a3a}