#AppNav[data-v-4fbbadac]{position:fixed;top:0;z-index:10;width:100%;height:50px;background-color:#fff}#AppNav .main[data-v-4fbbadac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1300px;height:100%;margin:0 auto;padding:0 15px}#AppNav .main .logo[data-v-4fbbadac]{width:130px;height:50px}#AppNav .main .logo a[data-v-4fbbadac]{font-family:Pacifico;line-height:42px;font-size:20px;letter-spacing:5px;color:rgba(0,0,0,.7)}#AppNav .main .nav .course[data-v-4fbbadac]{position:relative}#AppNav .main .nav .course .hot[data-v-4fbbadac]{font-family:微软雅黑;position:absolute;right:-10px;top:2px;font-size:10px;width:40px;height:20px;line-height:20px;text-align:center;font-weight:700;background:red;color:#fff;border-radius:20px}#AppNav .main .nav ul[data-v-4fbbadac]{display:-webkit-box;display:-ms-flexbox;display:flex;height:50px}#AppNav .main .nav ul li[data-v-4fbbadac]{height:50px}#AppNav .main .nav ul li a[data-v-4fbbadac]{display:block;height:98%;border-bottom:2px solid transparent;padding:0 25px;color:#777;line-height:48px;font-weight:bolder;-webkit-transition:all .3s;transition:all .3s}#AppNav .main .nav ul li a[data-v-4fbbadac]:hover{color:#00b7ff}#AppNav .main .nav ul li a.router-link-active[data-v-4fbbadac]{color:#00b7ff;border-color:#00b7ff}#AppNav .main .login-box[data-v-4fbbadac]{margin-top:8px}.footer[data-v-186a17ef]{width:100%;height:128px;background:#fff;color:#000}.footer ul[data-v-186a17ef]{margin:0 auto 16px;padding-top:38px;width:810px}.footer ul li[data-v-186a17ef]{float:left;width:112px;margin:0 10px;text-align:center;font-size:14px}.footer ul[data-v-186a17ef]:after{content:"";display:block;clear:both}.footer p[data-v-186a17ef]{text-align:center;font-size:12px}#Home[data-v-0dd4bf18]{padding-top:50px}.course .main[data-v-16124e15]{width:1100px;margin:35px auto 0}.course .condition[data-v-16124e15]{margin-bottom:35px;padding:25px 30px 25px 20px;background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 4px 0 #f0f0f0;box-shadow:0 2px 4px 0 #f0f0f0}.course .ordering[data-v-16124e15]:after{content:"";display:block;clear:both}.course .ordering ul[data-v-16124e15]{float:left}.course .ordering ul[data-v-16124e15]:after{content:"";display:block;clear:both}.course .ordering .condition-result[data-v-16124e15]{float:right;font-size:14px;color:#9b9b9b;line-height:28px}.course .ordering ul li[data-v-16124e15]{float:left;padding:6px 15px;line-height:16px;margin-left:14px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;color:#4a4a4a}.course .ordering .title[data-v-16124e15]{font-size:16px;color:#888;letter-spacing:.36px;margin-left:0;padding:0;line-height:28px}.course .ordering .this[data-v-16124e15]{color:#ffc210;position:relative}.course .ordering .this[data-v-16124e15]:after,.course .ordering .this[data-v-16124e15]:before{cursor:pointer;content:"";display:block;width:0;height:0;border:5px solid transparent;position:absolute;right:0}.course .ordering .this[data-v-16124e15]:before{border-bottom:5px solid #aaa;margin-bottom:2px;top:2px}.course .ordering .this[data-v-16124e15]:after{border-top:5px solid #aaa;bottom:2px}.course .ordering .asc[data-v-16124e15]:before{border-bottom-color:#ffc210}.course .ordering .desc[data-v-16124e15]:after{border-top-color:#ffc210}.course .course-item[data-v-16124e15]:hover{-webkit-box-shadow:4px 6px 16px rgba(0,0,0,.5);box-shadow:4px 6px 16px rgba(0,0,0,.5)}.course .course-item[data-v-16124e15]{width:1050px;background:#fff;padding:20px 30px 20px 20px;margin-bottom:35px;border-radius:2px;cursor:pointer;-webkit-box-shadow:2px 3px 16px rgba(0,0,0,.1);box-shadow:2px 3px 16px rgba(0,0,0,.1);-webkit-transition:all .2s ease;transition:all .2s ease}.course .course-item[data-v-16124e15]:after{content:"";display:block;clear:both}.course .course-item .course-image[data-v-16124e15]{float:left;width:410px;height:210px;margin-right:30px}.course .course-item .course-image img[data-v-16124e15]{width:100%}.course .course-item .course-info[data-v-16124e15]{float:left;width:596px}.course-item .course-info h3[data-v-16124e15]{font-size:26px;color:#333;font-weight:400;margin-bottom:8px}.course-item .course-info h3 span[data-v-16124e15]{font-size:14px;color:#9b9b9b;float:right;margin-top:14px}.course-item .course-info h3 span img[data-v-16124e15]{width:11px;height:auto;margin-right:7px}.course-item .course-info .teather-info[data-v-16124e15]{font-size:14px;color:#9b9b9b;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #333;border-bottom-color:rgba(51,51,51,.05)}.course-item .course-info .teather-info span[data-v-16124e15]{float:right}.course-item .lesson-list[data-v-16124e15]:after{content:"";display:block;clear:both}.course-item .lesson-list li[data-v-16124e15]{float:left;width:44%;font-size:14px;color:#666;padding-left:22px;background:url(../img/play-icon-gray.311759aa.svg) no-repeat left 4px;margin-bottom:15px}.course-item .lesson-list li .lesson-title[data-v-16124e15]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;max-width:200px}.course-item .lesson-list li[data-v-16124e15]:hover{background-image:url(../img/play-icon-yellow.ffb09f64.svg);color:#ffc210}.course-item .lesson-list li .free[data-v-16124e15]{width:34px;height:20px;color:#fd7b4d;vertical-align:super;margin-left:10px;border:1px solid #fd7b4d;border-radius:2px;text-align:center;font-size:13px;white-space:nowrap}.course-item .lesson-list li:hover .free[data-v-16124e15]{color:#ffc210;border-color:#ffc210}.course-item .pay-box[data-v-16124e15]:after{content:"";display:block;clear:both}.course-item .pay-box .discount-type[data-v-16124e15]{padding:6px 10px;font-size:16px;color:#fff;text-align:center;margin-right:8px;background:#fa6240;border:1px solid #fa6240;border-radius:10px 0 10px 0;float:left}.course-item .pay-box .discount-price[data-v-16124e15]{font-size:24px;color:#fa6240;float:left}.course-item .pay-box .original-price[data-v-16124e15]{text-decoration:line-through;font-size:14px;color:#9b9b9b;margin-left:10px;float:left;margin-top:10px}.course-item .pay-box .buy-now[data-v-16124e15]{width:120px;height:38px;background:transparent;color:#fa6240;font-size:16px;border:1px solid #fd7b4d;border-radius:3px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;float:right;text-align:center;line-height:38px}.course-item .pay-box .buy-now[data-v-16124e15]:hover{color:#fff;background:#ffc210;border:1px solid #ffc210}.el-pagination[data-v-16124e15]{text-align:center;padding-top:20px;padding-bottom:50px}.container[data-v-45ed1800]{height:250px;background-image:url(../img/home-bg.17f59e2e.jpg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fff;margin-bottom:20px}.container .title[data-v-45ed1800]{font-size:36px;line-height:60px;font-weight:600;margin-bottom:10px}.container .tab[data-v-45ed1800]{width:50%;margin:20px auto}.container .tab ul[data-v-45ed1800]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.container .tab ul li[data-v-45ed1800]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:30px;line-height:30px;color:#fff;cursor:pointer;font-size:14px;margin:0 10px;padding:5px 0;background-color:hsla(0,0%,100%,.25);-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,.45));filter:drop-shadow(0 0 10px rgba(0,0,0,.45))}.container .tab ul li[data-v-45ed1800]:hover{-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05);background:radial-gradient(#00f,#00bfff)}.activate[data-v-45ed1800]{font-weight:1000!important;border:2px none #f7e0bc;background:radial-gradient(#90ee90,#008b8b);color:#fff!important}.right-vedio[data-v-dd32bac2]{height:380px;width:400px;position:absolute;top:80px;right:100px;background:#f7f7f7;border-radius:10px}.right-vedio .top[data-v-dd32bac2]{padding:5px;margin-bottom:10px}.right-vedio .bottom[data-v-dd32bac2]{color:#555;width:90%;margin:0 auto}.right-vedio .bottom h3[data-v-dd32bac2]{margin-bottom:15px}#home[data-v-dd32bac2]{font-family:"\5FAE\8F6F\96C5\9ED1";color:#555;background:-webkit-gradient(linear,0 0,100% 0,from(#f7e0bc),to(#ffc600));background-size:cover}#home .filter[data-v-dd32bac2]{width:1200px;height:200px;margin:0 auto;text-align:left;padding:40px 0}#home .filter s[data-v-dd32bac2]{display:inline-block;opacity:.6;color:red}#courselist[data-v-dd32bac2]{background:#fff;padding-top:30px;width:1200px;margin:0 auto;overflow:hidden}#courselist h2[data-v-dd32bac2]{text-align:left;margin:50px 0 20px;font-size:30px}#courselist h2 i[data-v-dd32bac2]{display:inline-block;background-color:#67c23a;width:30px;height:30px;margin-right:15px;margin-left:15px;border-radius:50%;line-height:20px;font-size:30px;font-style:normal;color:#fff;text-align:center;font-weight:300;font-family:Pacifico,"sans-serif"}#courselist .course[data-v-dd32bac2]{background-color:#f8f8f8;width:100%;height:100%}#courselist .course .bg-img[data-v-dd32bac2]{border-radius:25px;position:relative;padding:5%;width:90%;height:200px;background-size:cover;overflow:hidden;background-clip:content-box;background-position:50%}#courselist .course .bg-img i.index[data-v-dd32bac2]{float:left;display:block;position:absolute;left:5%;top:25px;background-color:#67c23a;width:20px;height:20px;margin-right:15px;margin-left:15px;border-radius:50%;line-height:15px;font-size:20px;font-style:normal;color:#fff;text-align:center;font-weight:100;font-family:Pacifico,"sans-serif"}#courselist .course .bg-img[data-v-dd32bac2]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}#courselist .course h3[data-v-dd32bac2]{text-align:left;margin:5px 10px 20px;font-weight:600;color:#67c23a;font-family:Microsoft YaHei,serif}#courselist .course .hot[data-v-dd32bac2]{margin-left:5px;font-size:9px;text-align:center;background:red;color:#fff;border-radius:5px;padding:1px}#About[data-v-d1f101dc],#Article[data-v-76350d67]{-webkit-box-flex:1;-ms-flex:1;flex:1}.container[data-v-e1cebf8c]{height:250px;background:-webkit-gradient(linear,0 0,100% 0,from(#254eb4),to(#71d5ce));background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#fff;margin-bottom:20px}.container .title[data-v-e1cebf8c]{font-size:36px;line-height:60px;font-weight:600;margin-bottom:10px}.book[data-v-e1cebf8c]{width:1200px;margin:35px auto 0}.book .book-img[data-v-e1cebf8c]{background-image:url(../img/book-bg.337113bc.png);height:100px}.book .book-img[data-v-e1cebf8c]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.book .book-img h3[data-v-e1cebf8c]{text-align:center;line-height:100px;font-size:40px;color:#fff}.book .book-info[data-v-e1cebf8c]{margin-top:10px}.box[data-v-55fc3fa1]{width:100%;height:100%;position:relative;overflow:hidden}.box img[data-v-55fc3fa1]{width:100%;min-height:100%}.box .login[data-v-55fc3fa1]{position:absolute;width:500px;height:400px;left:0;margin:auto;right:0;bottom:0;top:-600px}.login_box[data-v-55fc3fa1]{width:400px;height:auto;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border-radius:4px;margin:0 auto;padding-bottom:40px}.login_box .title[data-v-55fc3fa1]{font-size:20px;color:#9b9b9b;letter-spacing:.32px;border-bottom:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:50px 60px 0 60px;margin-bottom:20px;cursor:pointer}.border_color[data-v-55fc3fa1]{color:#4a4a4a;border-bottom:2px solid #84cc39}.inp[data-v-55fc3fa1]{width:350px;margin:0 auto}.inp input[data-v-55fc3fa1]{border:0;outline:0;width:100%;height:45px;border-radius:4px;border:1px solid #d9d9d9;text-indent:20px;font-size:14px;background:#fff!important}.inp input.user[data-v-55fc3fa1]{margin-bottom:16px}#geetest[data-v-55fc3fa1]{margin-top:20px}.login_btn[data-v-55fc3fa1]{width:100%;height:45px;background:#84cc39;border-radius:5px;font-size:16px;color:#fff;letter-spacing:.26px;margin-top:30px}.inp .go_login[data-v-55fc3fa1]{text-align:center;font-size:14px;color:#9b9b9b;letter-spacing:.26px;padding-top:20px}.inp .go_login span[data-v-55fc3fa1]{color:#84cc39;cursor:pointer}.box[data-v-732ed653]{width:100%;height:100%;position:relative;overflow:hidden}.box img[data-v-732ed653]{width:100%;min-height:100%}.box .register[data-v-732ed653]{position:absolute;width:500px;height:400px;left:0;margin:auto;right:0;bottom:0;top:-600px}.register .register-title[data-v-732ed653]{width:100%;font-size:24px;text-align:center;padding-top:30px;padding-bottom:30px;color:#4a4a4a;letter-spacing:.39px}.register-title img[data-v-732ed653]{width:190px;height:auto}.register-title p[data-v-732ed653]{font-family:PingFangSC-Regular;font-size:18px;color:#fff;letter-spacing:.29px;padding-top:10px;padding-bottom:50px}.register_box[data-v-732ed653]{width:400px;height:auto;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border-radius:4px;margin:0 auto;padding-bottom:40px}.register_box .title[data-v-732ed653]{font-size:20px;color:#9b9b9b;letter-spacing:.32px;border-bottom:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;padding:50px 60px 0 60px;margin-bottom:20px;cursor:pointer}.register_box .title span[data-v-732ed653]:first-of-type{color:#4a4a4a;border-bottom:2px solid #84cc39}.inp[data-v-732ed653]{width:350px;margin:0 auto}.inp input[data-v-732ed653]{border:0;outline:0;width:100%;height:45px;border-radius:4px;border:1px solid #d9d9d9;text-indent:20px;font-size:14px;background:#fff!important}.inp input.user[data-v-732ed653]{margin-bottom:16px}.inp .rember[data-v-732ed653]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin-top:10px}.inp .rember[data-v-732ed653],.inp .rember p[data-v-732ed653]:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.inp .rember p[data-v-732ed653]:first-of-type{font-size:12px;color:#4a4a4a;letter-spacing:.19px;margin-left:22px}.inp .rember p[data-v-732ed653]:nth-of-type(2){font-size:14px;color:#9b9b9b;letter-spacing:.19px;cursor:pointer}.inp .rember input[data-v-732ed653]{outline:0;width:30px;height:45px;border-radius:4px;border:1px solid #d9d9d9;text-indent:20px;font-size:14px;background:#fff!important}.inp .rember p span[data-v-732ed653]{display:inline-block;font-size:12px;width:100px}#geetest[data-v-732ed653]{margin-top:20px}.register_btn[data-v-732ed653]{width:100%;height:45px;background:#84cc39;border-radius:5px;font-size:16px;color:#fff;letter-spacing:.26px;margin-top:30px}.inp .go_login[data-v-732ed653]{text-align:center;font-size:14px;color:#9b9b9b;letter-spacing:.26px;padding-top:20px}.inp .go_login span[data-v-732ed653]{color:#84cc39;cursor:pointer}.sms-box[data-v-732ed653]{position:relative}.sms-box .sms-btn[data-v-732ed653]{position:absolute;font-size:14px;letter-spacing:.26px;top:10px;right:16px;border-left:1px solid #484848;padding-left:16px;padding-bottom:4px;cursor:pointer;background:#fff}#Play[data-v-2e5e4b6a]{-webkit-box-flex:1;-ms-flex:1;flex:1}