header[data-v-2d529728]{width:100%;position:fixed;top:0;height:80px;line-height:80px;background-color:#fff;z-index:99}.main[data-v-2d529728]{margin-top:80px;height:1080px;padding:70px 40px}.main h2[data-v-2d529728]{text-align:center}.main p[data-v-2d529728]{margin:42px auto;width:564px;font-family:MicrosoftYaHei,sans-serif;font-size:18px;font-weight:400;font-stretch:normal;line-height:30px;letter-spacing:1px;color:#424242}.main ul[data-v-2d529728]{display:flex;justify-content:space-around;flex-wrap:wrap;width:860px;margin:0 auto}.main ul li[data-v-2d529728]{width:220px;height:200px;background-color:#fff;box-shadow:0 7px 18px 0 hsla(0,0%,70.6%,.33);border-radius:10px;margin:0 auto 50px}.main ul li span[data-v-2d529728]{display:block;margin:20px auto;width:66px;height:66px;background-image:linear-gradient(90deg,#556dff,#829cff),linear-gradient(#fff,#fff);background-blend-mode:normal,normal;border-radius:50%;text-align:center;font-size:26px;line-height:66px;color:#fff}.main ul li p[data-v-2d529728]{margin:0;padding:0 24px;width:100%;font-size:14px;line-height:20px;letter-spacing:1px;color:#9d9d9d;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main ul li div[data-v-2d529728]{width:84px;margin:10px auto;font-size:16px;letter-spacing:1px;color:#333;cursor:pointer}.main ul :nth-child(2) span[data-v-2d529728]{background-image:linear-gradient(90deg,#f26569,#fda0a0),linear-gradient(#fff,#fff)}.main ul :nth-child(3) span[data-v-2d529728]{background-image:linear-gradient(90deg,#f4974d,#fdc364),linear-gradient(#fff,#fff)}.main ul :nth-child(4) span[data-v-2d529728]{background-image:linear-gradient(90deg,#04c2d5,#2cdcd8),linear-gradient(#fff,#fff)}.main ul :nth-child(5) span[data-v-2d529728]{background-image:linear-gradient(90deg,#ffa630,#fb9959),linear-gradient(#fff,#fff)}.main ul :nth-child(6) span[data-v-2d529728]{background-image:linear-gradient(90deg,#4aa9fe,#3289f9),linear-gradient(#fff,#fff)}.main ul :nth-child(7) span[data-v-2d529728]{background-image:linear-gradient(90deg,#f88886,#fb74ac),linear-gradient(#fff,#fff)}.main ul :nth-child(8) span[data-v-2d529728]{background-image:linear-gradient(90deg,#64cb94,#29d3af),linear-gradient(#fff,#fff);background-image:linear-gradient(90deg,#7883bb,#caaed8),linear-gradient(#fff,#fff)}footer[data-v-2d529728]{height:420px;background-color:#2d2e32}@media screen and (min-width:751px){header[data-v-74ab5e3c]{width:100%;height:80px;line-height:80px;background-color:#fff}.main[data-v-74ab5e3c]{width:100%;position:relative;margin:80px auto}.main .box[data-v-74ab5e3c]{width:100%}.main .box .box-bgc-top[data-v-74ab5e3c]{height:560px;background-color:#30cdc1}.main .box .box-bgc-top .el-breadcrumb[data-v-74ab5e3c]{width:1200px;margin:0 auto;height:50px;line-height:50px}.main .box .box-bgc-top .teacher-box[data-v-74ab5e3c]{width:1200px;height:480px;margin:0 auto;background:#fff;border-radius:10px;padding:30px;display:flex;overflow:hidden}.main .box .box-bgc-top .teacher-box .left-img[data-v-74ab5e3c]{width:300px;height:420px;background:#f7f9fe;border-radius:10px;overflow:hidden;margin-right:50px}.main .box .box-bgc-top .teacher-box .left-img img[data-v-74ab5e3c]{width:100%}.main .box .box-bgc-top .teacher-box .right-content[data-v-74ab5e3c]{overflow:auto}.main .box .box-bgc-top .teacher-box .right-content h3[data-v-74ab5e3c]{font-size:30px;font-weight:700;color:#333}.main .box .box-bgc-top .teacher-box .right-content u[data-v-74ab5e3c]{text-decoration:none;display:inline-block;padding:0 10px;height:24px;min-height:20px;background-image:linear-gradient(90deg,#ff771d,#ffa630),linear-gradient(#fff,#fff);border-radius:0 10px 0 10px;color:#fff;font-size:14px;text-align:center;line-height:24px;margin:15px 0 0 0}.main .box .box-bgc-top .teacher-box .right-content h4[data-v-74ab5e3c]{font-size:16px;font-weight:700;color:#333;margin:10px 0}.main .box .box-bgc-top .teacher-box .right-content ul li[data-v-74ab5e3c]{list-style-type:none;font-size:16px;color:#424242;line-height:25px;display:flex;align-items:baseline;justify-content:flex-start}.main .box .box-bgc-top .teacher-box .right-content ul li i[data-v-74ab5e3c]{margin-right:20px;width:8px;height:8px;background:#1dcfbb;border-radius:50%}.main .box .box-bgc-top .teacher-box .right-content ul li p[data-v-74ab5e3c]{width:713px;overflow:hidden;height:100%}.main .box .box-bgc-top .teacher-box .right-content .content2 p[data-v-74ab5e3c]{max-height:120px}.main .box .box-bgc-top .teacher-box .right-content .content3 .button-img[data-v-74ab5e3c]{text-decoration:underline;border-radius:10px;padding:0 20px;width:170px;height:50px;display:flex;align-content:center;background:#f5f6fa}.main .box .box-bgc-top .teacher-box .right-content .content3 .button-img .button-text[data-v-74ab5e3c]{color:#289a92;text-decoration:underline;height:50px;line-height:50px;margin-left:10px;font-size:16px}.main .box .box-bgc-button[data-v-74ab5e3c]{width:1200px;display:flex;margin:25px auto;justify-content:space-between}.main .box .box-bgc-button .video-box[data-v-74ab5e3c]{width:950px;height:440px;background:#fff;box-shadow:0 0 16px 0 rgba(31,118,102,.1);border-radius:10px;padding:0 30px}.main .box .box-bgc-button .video-box .video-title[data-v-74ab5e3c]{font-size:20px;font-weight:700;color:#000;margin:17px 0 13px}.main .box .box-bgc-button .video-box .video-title i[data-v-74ab5e3c]{display:inline-block;width:4px;height:20px;background:linear-gradient(90deg,#ffa630,#ff771d);border-radius:0 4px 0 4px;margin-right:11px;vertical-align:middle}.main .box .box-bgc-button .video-box .video-box-content[data-v-74ab5e3c]{display:flex;justify-content:space-between}.main .box .box-bgc-button .video-box .video-box-content .video[data-v-74ab5e3c]{width:580px;max-height:360px;margin-top:10px;border-radius:10px;overflow:hidden}.main .box .box-bgc-button .video-box .video-box-content .video video[data-v-74ab5e3c]{width:100%;height:100%;margin:0 auto}.main .box .box-bgc-button .video-box .video-box-content .video-list[data-v-74ab5e3c]{width:290px;margin-top:10px}.main .box .box-bgc-button .video-box .video-box-content .video-list li[data-v-74ab5e3c]{position:relative;border-left:1px solid #ccc;padding:0 0 0 20px;cursor:pointer}.main .box .box-bgc-button .video-box .video-box-content .video-list li .img[data-v-74ab5e3c]{position:absolute;top:-3px;left:-9px}.main .box .box-bgc-button .video-box .video-box-content .video-list li h4[data-v-74ab5e3c]{font-size:16px;font-weight:700;color:#333}.main .box .box-bgc-button .video-box .video-box-content .video-list li .videoActive[data-v-74ab5e3c]{font-size:18px;color:#1ab9bb}.main .box .box-bgc-button .video-box .video-box-content .video-list li p[data-v-74ab5e3c]{padding:10px 0;font-size:14px;color:#949598;line-height:20px}.main .box .box-bgc-button .teacher-list[data-v-74ab5e3c]{width:230px;min-width:160px;height:440px;background:#fff;box-shadow:0 0 16px 0 rgba(31,118,102,.1);border-radius:10px}.main .box .box-bgc-button .teacher-list ul[data-v-74ab5e3c]{height:440px;overflow:auto}.main .box .box-bgc-button .teacher-list ul li[data-v-74ab5e3c]{display:flex;justify-content:space-between;align-items:center;height:67px;min-height:50px;border-bottom:1px solid #e6e6e6;padding:0 17px 0 27px;line-height:67px;vertical-align:middle;cursor:pointer;border-left:2px solid #fff}.main .box .box-bgc-button .teacher-list ul li i[data-v-74ab5e3c]{color:#dadada}.main .box .box-bgc-button .teacher-list ul .active[data-v-74ab5e3c]{border-left:2px solid #36d1b7}.main .box .box-bgc-button .teacher-list ul .active1[data-v-74ab5e3c]{color:#36d1b7}footer[data-v-74ab5e3c]{background-color:#2d2e32}.fixed[data-v-74ab5e3c]{position:fixed;top:0;z-index:99}}@media screen and (max-width:750px){header[data-v-74ab5e3c]{width:100%;height:.8rem;line-height:.8rem;background-color:#fff}.main[data-v-74ab5e3c]{width:100%;position:relative;margin:.8rem auto}.main .box[data-v-74ab5e3c]{width:100%}.main .box .box-bgc-top[data-v-74ab5e3c]{height:5.6rem;background-color:#30cdc1}.main .box .box-bgc-top .el-breadcrumb[data-v-74ab5e3c]{width:12rem;margin:0 auto;height:.5rem;line-height:.5rem}.main .box .box-bgc-top .teacher-box[data-v-74ab5e3c]{width:12rem;height:4.8rem;margin:0 auto;background:#fff;border-radius:10px;padding:.3rem;display:flex;overflow:hidden}.main .box .box-bgc-top .teacher-box .left-img[data-v-74ab5e3c]{width:3rem;height:4.2rem;background:#f7f9fe;border-radius:.1rem;overflow:hidden;margin-right:.5rem}.main .box .box-bgc-top .teacher-box .left-img img[data-v-74ab5e3c]{width:100%}.main .box .box-bgc-top .teacher-box .right-content[data-v-74ab5e3c]{overflow:auto}.main .box .box-bgc-top .teacher-box .right-content h3[data-v-74ab5e3c]{font-size:.3rem;font-weight:700;color:#333}.main .box .box-bgc-top .teacher-box .right-content u[data-v-74ab5e3c]{text-decoration:none;display:inline-block;padding:0 .1rem;height:.24rem;min-height:20px;background-image:linear-gradient(90deg,#ff771d,#ffa630),linear-gradient(#fff,#fff);border-radius:0 .1rem 0 .1rem;color:#fff;font-size:.14rem;text-align:center;line-height:.24rem;margin:.15rem 0 0 0}.main .box .box-bgc-top .teacher-box .right-content h4[data-v-74ab5e3c]{font-size:.16rem;font-weight:700;color:#333;margin:.1rem 0}.main .box .box-bgc-top .teacher-box .right-content ul li[data-v-74ab5e3c]{list-style-type:none;font-size:.16rem;color:#424242;line-height:.25rem;display:flex;align-items:baseline;justify-content:flex-start}.main .box .box-bgc-top .teacher-box .right-content ul li i[data-v-74ab5e3c]{margin-right:.2rem;width:.08rem;height:.08rem;background:#1dcfbb;border-radius:50%}.main .box .box-bgc-top .teacher-box .right-content ul li p[data-v-74ab5e3c]{width:7.13rem;overflow:hidden;height:100%}.main .box .box-bgc-top .teacher-box .right-content .content2 p[data-v-74ab5e3c]{height:1.2rem;overflow:auto}.main .box .box-bgc-button[data-v-74ab5e3c]{width:12rem;display:flex;margin:.25rem auto;justify-content:space-between}.main .box .box-bgc-button .video-box[data-v-74ab5e3c]{width:9.5rem;height:4.4rem;background:#fff;box-shadow:0 0 .16rem 0 rgba(31,118,102,.1);border-radius:10px;padding:0 .3rem}.main .box .box-bgc-button .video-box .video-title[data-v-74ab5e3c]{font-size:.2rem;font-weight:700;color:#000;margin:.17rem 0 .13rem}.main .box .box-bgc-button .video-box .video-title i[data-v-74ab5e3c]{display:inline-block;width:.04rem;height:.2rem;background:linear-gradient(90deg,#ffa630,#ff771d);border-radius:0 .04rem 0 .04rem;margin-right:.11rem;vertical-align:middle}.main .box .box-bgc-button .video-box .video-box-content[data-v-74ab5e3c]{display:flex;justify-content:space-between}.main .box .box-bgc-button .video-box .video-box-content .video[data-v-74ab5e3c]{width:5.8rem;max-height:3.6rem;margin-top:.1rem;border-radius:.1rem;overflow:hidden}.main .box .box-bgc-button .video-box .video-box-content .video video[data-v-74ab5e3c]{width:100%;height:100%;margin:0 auto}.main .box .box-bgc-button .video-box .video-box-content .video-list[data-v-74ab5e3c]{width:2.9rem;margin-top:.1rem}.main .box .box-bgc-button .video-box .video-box-content .video-list li[data-v-74ab5e3c]{position:relative;border-left:1px solid #ccc;padding:0 0 0 .2rem;cursor:pointer}.main .box .box-bgc-button .video-box .video-box-content .video-list li .img[data-v-74ab5e3c]{position:absolute;top:-3px;left:-9px}.main .box .box-bgc-button .video-box .video-box-content .video-list li h4[data-v-74ab5e3c]{font-size:.16rem;font-weight:700;color:#333}.main .box .box-bgc-button .video-box .video-box-content .video-list li .videoActive[data-v-74ab5e3c]{font-size:.18rem;color:#1ab9bb}.main .box .box-bgc-button .video-box .video-box-content .video-list li p[data-v-74ab5e3c]{padding:.1rem 0;font-size:.14rem;color:#949598;line-height:.2rem}.main .box .box-bgc-button .teacher-list[data-v-74ab5e3c]{width:2.3rem;min-width:160px;height:4.4rem;background:#fff;box-shadow:0 0 .16rem 0 rgba(31,118,102,.1);border-radius:10px}.main .box .box-bgc-button .teacher-list ul[data-v-74ab5e3c]{height:4.4rem;overflow:auto}.main .box .box-bgc-button .teacher-list ul li[data-v-74ab5e3c]{display:flex;justify-content:space-between;align-items:center;height:.67rem;min-height:50px;border-bottom:1px solid #e6e6e6;padding:0 .17rem 0 .27rem;line-height:.67rem;vertical-align:middle;cursor:pointer;border-left:2px solid #fff}.main .box .box-bgc-button .teacher-list ul li i[data-v-74ab5e3c]{color:#dadada}.main .box .box-bgc-button .teacher-list ul .active[data-v-74ab5e3c]{border-left:2px solid #36d1b7}.main .box .box-bgc-button .teacher-list ul .active1[data-v-74ab5e3c]{color:#36d1b7}footer[data-v-74ab5e3c]{background-color:#2d2e32}.fixed[data-v-74ab5e3c]{position:fixed;top:0;z-index:99}}