.subject[data-v-551ee5f0]{background:#fff;position:absolute;top:0;left:calc(50% - 600px);z-index:11;color:#fff;width:280px;flex-shrink:0}@media screen and (min-width:1680px){.subject[data-v-551ee5f0]{left:calc(50% - 720px)}}.subject .subject-continer[data-v-551ee5f0]{height:40px;font-size:18px;color:#fff}[data-theme=c1] .subject .subject-continer[data-v-551ee5f0]{background:#68c04a!important}[data-theme=c2] .subject .subject-continer[data-v-551ee5f0]{background:#ff7900!important}[data-theme=c3] .subject .subject-continer[data-v-551ee5f0]{background:#458cda!important}[data-theme=c4] .subject .subject-continer[data-v-551ee5f0]{background:#00aab8!important}[data-theme=c5] .subject .subject-continer[data-v-551ee5f0]{background:#d39e5c!important}[data-theme=c6] .subject .subject-continer[data-v-551ee5f0]{background:#f74a3a!important}[data-theme=c7] .subject .subject-continer[data-v-551ee5f0]{background:#5b70d6!important}.subject .exam-box[data-v-551ee5f0]{height:480px;overflow:hidden;z-index:333;background:#fff;padding:20px 14px 0 14px}.subject .exam-box .exam-continer[data-v-551ee5f0]{height:410px;overflow:hidden}.subject .exam-box .exam-continer.nomore[data-v-551ee5f0]{height:100%}.subject .exam-box .exam-item[data-v-551ee5f0]{font-weight:700;color:#333;cursor:pointer}.subject .exam-box .exam-item .left[data-v-551ee5f0]{font-size:18px}.subject .exam-box .exam-item .labels[data-v-551ee5f0]{padding:10px 0 15px 0}.subject .exam-box .exam-item .labels a[data-v-551ee5f0]{display:inline-block;font-weight:400;cursor:pointer;color:#555;font-size:14px;margin-right:10px;line-height:28px;text-decoration:none}[data-theme=c1] .subject .exam-box .exam-item .labels a[data-v-551ee5f0]:hover{color:#68c04a!important}[data-theme=c2] .subject .exam-box .exam-item .labels a[data-v-551ee5f0]:hover{color:#ff7900!important}[data-theme=c3] .subject .exam-box .exam-item .labels a[data-v-551ee5f0]:hover{color:#458cda!important}[data-theme=c4] .subject .exam-box .exam-item .labels a[data-v-551ee5f0]:hover{color:#00aab8!important}[data-theme=c5] .subject .exam-box .exam-item .labels a[data-v-551ee5f0]:hover{color:#d39e5c!important}[data-theme=c6] .subject .exam-box .exam-item .labels a[data-v-551ee5f0]:hover{color:#f74a3a!important}[data-theme=c7] .subject .exam-box .exam-item .labels a[data-v-551ee5f0]:hover{color:#5b70d6!important}.subject .exam-box .more[data-v-551ee5f0]{position:absolute;top:0;left:280px;transition:.2s;width:0;min-height:480px;max-height:600px;box-sizing:border-box;background:hsla(0,0%,100%,.97);overflow-y:auto}.subject .exam-box .more .box[data-v-551ee5f0]{visibility:hidden;display:flex;line-height:0;padding:8px 0}.subject .exam-box .more .box[data-v-551ee5f0]:last-child{border-bottom:none}.subject .exam-box .more .box span[data-v-551ee5f0]{font-weight:700;color:#333;font-size:16px;display:inline-block;width:92px;overflow:hidden;line-height:30px}.subject .exam-box .more .box .labels[data-v-551ee5f0]{flex:1}.subject .exam-box .more .box .labels a[data-v-551ee5f0]{display:inline-block;font-weight:400;cursor:pointer;color:#555;font-size:14px;padding:0 13px;line-height:30px;text-decoration:none}[data-theme=c1] .subject .exam-box .more .box .labels a[data-v-551ee5f0]:hover{color:#68c04a!important}[data-theme=c2] .subject .exam-box .more .box .labels a[data-v-551ee5f0]:hover{color:#ff7900!important}[data-theme=c3] .subject .exam-box .more .box .labels a[data-v-551ee5f0]:hover{color:#458cda!important}[data-theme=c4] .subject .exam-box .more .box .labels a[data-v-551ee5f0]:hover{color:#00aab8!important}[data-theme=c5] .subject .exam-box .more .box .labels a[data-v-551ee5f0]:hover{color:#d39e5c!important}[data-theme=c6] .subject .exam-box .more .box .labels a[data-v-551ee5f0]:hover{color:#f74a3a!important}[data-theme=c7] .subject .exam-box .more .box .labels a[data-v-551ee5f0]:hover{color:#5b70d6!important}.subject .exam-box:hover .more[data-v-551ee5f0]{padding:10px 25px 0 25px;width:694px;height:519px}.subject .exam-box:hover .more .box[data-v-551ee5f0]{visibility:inherit;visibility:unset}.subject .exam-box .bottom-more[data-v-551ee5f0]{cursor:pointer;padding-top:7px;border-top:1px dashed #e8e8e8}.login-box[data-v-2f11577f]{right:calc(50% - 600px);position:absolute;top:0;width:280px;height:370px;padding-top:21px;box-sizing:border-box;background:url(//img.233.com/union/union_pc/union-temphone/login-head.png) no-repeat top;background-size:contain;background-color:#fff;z-index:10}@media screen and (min-width:1680px){.login-box[data-v-2f11577f]{right:calc(50% - 720px)}}.login-box .info[data-v-2f11577f]{text-align:center}.login-box .info img[data-v-2f11577f]{width:66px;height:66px;border-radius:33px;vertical-align:top}.login-box .info h4[data-v-2f11577f],.login-box .info p[data-v-2f11577f]{color:#333;font-size:15px;font-weight:400;margin-top:10px;line-height:17px}.login-box .info h4[data-v-2f11577f]{margin-top:21px}.login-box .fun[data-v-2f11577f]{text-align:center}.login-box .fun span[data-v-2f11577f]{font-size:14px;margin-top:17px;transition:.2s}.login-box .fun span[data-v-2f11577f]:hover{transform:translateY(-3px)}.login-box .fun span[data-v-2f11577f]:nth-child(2){box-shadow:none}.login-box .fun span.login[data-v-2f11577f]{width:126px;height:32px}.login-box .other[data-v-2f11577f]{background:url(//img.233.com/union/union_pc/union-temphone/login-bottom-bg.png) no-repeat top;background-size:cover;height:158px;width:100%;position:absolute;bottom:0;left:0}.login-box .other.new-user[data-v-2f11577f]{padding:20px;flex-direction:column}.login-box .other .ttt img[data-v-2f11577f]{vertical-align:bottom}.login-box .other .new-user-info[data-v-2f11577f]{margin-top:10px;font-size:14px;height:22px;color:#ee8580;border-radius:11px 0 0 11px;background:linear-gradient(90deg,#fff1f0,transparent)}.login-box .other .new-user-info .num[data-v-2f11577f]{width:22px;height:22px;text-align:center;display:inline-block;background:#fff;border:1px solid #ffaca6;border-radius:50%;color:#ffaca6}.login-box .other li[data-v-2f11577f]{list-style:none;text-align:center;position:relative;cursor:pointer}.login-box .other li .course[data-v-2f11577f],.login-box .other li .order[data-v-2f11577f],.login-box .other li .tiku[data-v-2f11577f],.login-box .other li .yhq[data-v-2f11577f]{height:40px;width:40px}.login-box .other li .course img[data-v-2f11577f],.login-box .other li .order img[data-v-2f11577f],.login-box .other li .tiku img[data-v-2f11577f],.login-box .other li .yhq img[data-v-2f11577f]{width:100%;height:100%}.login-box .other li .course img[data-v-2f11577f]{margin-top:5px;height:28px;width:30px}.login-box .other li p[data-v-2f11577f]{margin-top:10px;color:#333;font-size:15px;font-weight:400;line-height:18px}.login-box .other li span[data-v-2f11577f]{position:absolute;top:-6px;right:-16px;font-size:12px;padding:0 5px;height:23px;background:#e13b29;border:3px solid #fff;border-radius:23px;color:#fff}.login-box .other li:nth-child(2) i[data-v-2f11577f]{right:-4px}.Descript[data-v-a7d15846]{margin:0 auto;width:1200px;margin-top:24px;padding-left:304px}@media screen and (min-width:1680px){.Descript[data-v-a7d15846]{width:1440px}}.Descript .new-register-item[data-v-a7d15846]{width:525px;margin-right:24px;flex-shrink:0;background:url(//img.233.com/union/union_pc/union-temphone/yhq-bg.png) no-repeat top;background-size:cover;height:126px}.Descript .new-register-item[data-v-a7d15846]:hover{box-shadow:0 5px 29px 3px rgba(123,144,161,.08)}.Descript.new-register .descript-item[data-v-a7d15846]{width:350px;flex-shrink:0;padding-left:14px}.Descript.new-register .descript-item[data-v-a7d15846]:last-of-type{display:none}@media screen and (min-width:1680px){.Descript.new-register .descript-item[data-v-a7d15846]{padding-left:14px;display:flex;width:282px}.Descript.new-register .descript-item[data-v-a7d15846]:last-of-type{display:flex}}.Descript .descript-item-app[data-v-a7d15846]{overflow:hidden;padding-left:14px;width:282px;height:126px;background:#fff;position:relative}@media screen and (min-width:1680px){.Descript .descript-item-app[data-v-a7d15846]{width:362px;padding-left:34px}}.Descript .descript-item-app .continer-img[data-v-a7d15846]{position:absolute;height:125px;left:14px;top:0}.Descript .descript-item-app .desc-image[data-v-a7d15846]{width:104px;height:104px;border:1px solid #ffdddb;margin-right:10px}.Descript .descript-item-app .desc-image img[data-v-a7d15846]{width:102px;height:102px}.Descript .descript-item[data-v-a7d15846]{padding-left:14px;background:url(//img.233.com/union/union_pc/union-temphone/blue/descrition1_bg.png) no-repeat 100% 0;background-size:cover;width:282px;background-color:#fff;height:126px}@media screen and (min-width:1680px){.Descript .descript-item[data-v-a7d15846]{width:362px;padding-left:34px}}.Descript .descript-item .desc-image[data-v-a7d15846]{height:100%;margin-right:20px}.Descript .descript-item .desc-image img[data-v-a7d15846]{vertical-align:top;width:104px;height:118px}.Descript .descript-item[data-v-a7d15846]:not(:last-of-type){margin-right:25px}.Descript .descript-item[data-v-a7d15846]:hover{box-shadow:0 5px 29px 3px rgba(123,144,161,.08)}.banner[data-v-9e636126]{position:relative;height:370px;margin-bottom:204px}.banner a[data-v-9e636126]{overflow:hidden;text-align:center;width:100%;height:370px;display:flex;justify-content:center}.banner a img[data-v-9e636126]{width:1920px;height:370px}.banner .swiper-container-horizontal>.swiper-pagination-bullets[data-v-9e636126],.banner .swiper-pagination-custom[data-v-9e636126],.banner .swiper-pagination-fraction[data-v-9e636126]{bottom:20px}.banner[data-v-9e636126] .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:.25}.banner[data-v-9e636126] .swiper-pagination .swiper-pagination-bullet-active{opacity:1;width:28px;border-radius:4px}.banner .swiper-button-prev[data-v-9e636126]{left:calc(50% - 320px)}@media screen and (min-width:1680px){.banner .swiper-button-prev[data-v-9e636126]{left:calc(50% - 440px)}}.banner .swiper-button-next[data-v-9e636126]{right:calc(50% - 320px)}@media screen and (min-width:1680px){.banner .swiper-button-next[data-v-9e636126]{right:calc(50% - 440px)}}.title-box .left[data-v-57a2ac20]{background-size:cover;font-size:28px}.title-box .right .more[data-v-57a2ac20]{background:url(//img.233.com/union/union_pc/union-temphone/more.png) no-repeat top;background-size:cover;width:59px;height:14px}.live-preport[data-v-456b253f]{width:1200px;margin:0 auto}@media screen and (min-width:1680px){.live-preport[data-v-456b253f]{width:1440px}}.live-preport .live-swiper-box[data-v-456b253f]{margin-top:29px}.live-preport .live-swiper-box .live-item[data-v-456b253f]{cursor:pointer;width:384px;height:144px;background:#fff;box-shadow:0 5px 29px 3px rgba(123,144,161,.08)}@media screen and (min-width:1680px){.live-preport .live-swiper-box .live-item[data-v-456b253f]{width:464px}}.live-preport .live-swiper-box .live-item .left[data-v-456b253f]{margin-right:24px}.live-preport .live-swiper-box .live-item .left .teacher-icon[data-v-456b253f]{overflow:hidden;width:60px;height:60px;background:#f2f4f3;border-radius:50%;position:relative}.live-preport .live-swiper-box .live-item .left .teacher-icon img[data-v-456b253f]{width:100%;-o-object-fit:contain;object-fit:contain}.live-preport .live-swiper-box .live-item .right[data-v-456b253f]{width:100%}.live-preport .live-swiper-box .live-item .right .title[data-v-456b253f]{line-height:24px;max-height:48px;height:48px}.live-preport .live-swiper-box .live-item .right .button[data-v-456b253f]{width:90px;height:32px;line-height:32px}[data-theme=c1] .live-preport .live-swiper-box .live-item:hover .title[data-v-456b253f]{color:#68c04a!important}[data-theme=c2] .live-preport .live-swiper-box .live-item:hover .title[data-v-456b253f]{color:#ff7900!important}[data-theme=c3] .live-preport .live-swiper-box .live-item:hover .title[data-v-456b253f]{color:#458cda!important}[data-theme=c4] .live-preport .live-swiper-box .live-item:hover .title[data-v-456b253f]{color:#00aab8!important}[data-theme=c5] .live-preport .live-swiper-box .live-item:hover .title[data-v-456b253f]{color:#d39e5c!important}[data-theme=c6] .live-preport .live-swiper-box .live-item:hover .title[data-v-456b253f]{color:#f74a3a!important}[data-theme=c7] .live-preport .live-swiper-box .live-item:hover .title[data-v-456b253f]{color:#5b70d6!important}.live-preport .live-swiper-box .status[data-v-456b253f]{top:0;left:0;width:78px;height:24px;background-size:cover}.live-preport .live-item-con[data-v-456b253f]{width:100%;padding:20px 20px 0 20px}.news[data-v-23234878]{margin:0 auto;margin-top:60px;width:1200px}@media screen and (min-width:1680px){.news[data-v-23234878]{width:1440px}}.news .news-info[data-v-23234878]{margin-top:29px;height:213px}.news .modules1[data-v-23234878]{background:#fff;height:100%;width:524px;padding:20px;margin-right:22px;flex-shrink:0}.news .modules1 .module1-content[data-v-23234878]{cursor:pointer}.news .modules1 .module1-content .modules-n-title[data-v-23234878]{font-size:18px;line-height:22px}.news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{width:50px;height:22px;line-height:22px;font-size:14px;text-align:center;border:1px solid #fff;border-radius:4px;flex-shrink:0}[data-theme=c1] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{color:#68c04a!important}[data-theme=c2] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{color:#ff7900!important}[data-theme=c3] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{color:#458cda!important}[data-theme=c4] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{color:#00aab8!important}[data-theme=c5] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{color:#d39e5c!important}[data-theme=c6] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{color:#f74a3a!important}[data-theme=c7] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{color:#5b70d6!important}[data-theme=c1] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{border-color:#68c04a!important}[data-theme=c2] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{border-color:#ff7900!important}[data-theme=c3] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{border-color:#458cda!important}[data-theme=c4] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{border-color:#00aab8!important}[data-theme=c5] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{border-color:#d39e5c!important}[data-theme=c6] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{border-color:#f74a3a!important}[data-theme=c7] .news .modules1 .module1-content .modules-n-title .tag[data-v-23234878]{border-color:#5b70d6!important}.news .modules1 .module1-content .modules-n-title .title[data-v-23234878]{font-size:22px;margin-left:10px}.news .modules1 .module1-content .content[data-v-23234878]{margin:15px 0;font-size:15px;color:#555;height:104px;overflow:hidden;text-overflow:ellipsis;line-height:26px}.news .modules1 .module1-content .from .line[data-v-23234878]{margin:0 20px}[data-theme=c1] .news .modules1 .module1-content[data-v-23234878]:hover{color:#68c04a!important}[data-theme=c2] .news .modules1 .module1-content[data-v-23234878]:hover{color:#ff7900!important}[data-theme=c3] .news .modules1 .module1-content[data-v-23234878]:hover{color:#458cda!important}[data-theme=c4] .news .modules1 .module1-content[data-v-23234878]:hover{color:#00aab8!important}[data-theme=c5] .news .modules1 .module1-content[data-v-23234878]:hover{color:#d39e5c!important}[data-theme=c6] .news .modules1 .module1-content[data-v-23234878]:hover{color:#f74a3a!important}[data-theme=c7] .news .modules1 .module1-content[data-v-23234878]:hover{color:#5b70d6!important}.news .modules3[data-v-23234878]{padding:10px 20px;background:#fff;width:340px}.news .modules3 .module3-content[data-v-23234878]{margin-top:8px;font-size:15px}.news .modules3 .module3-content .modules-item[data-v-23234878]{color:#555}.news .modules3 .module3-content .modules-item[data-v-23234878]:not(:last-of-type){margin-bottom:6px}.news .modules3 .module3-content .modules-item .cont[data-v-23234878]{max-height:44px;line-height:22px}[data-theme=c1] .news .modules3 .module3-content .modules-item[data-v-23234878]:hover{color:#68c04a!important}[data-theme=c2] .news .modules3 .module3-content .modules-item[data-v-23234878]:hover{color:#ff7900!important}[data-theme=c3] .news .modules3 .module3-content .modules-item[data-v-23234878]:hover{color:#458cda!important}[data-theme=c4] .news .modules3 .module3-content .modules-item[data-v-23234878]:hover{color:#00aab8!important}[data-theme=c5] .news .modules3 .module3-content .modules-item[data-v-23234878]:hover{color:#d39e5c!important}[data-theme=c6] .news .modules3 .module3-content .modules-item[data-v-23234878]:hover{color:#f74a3a!important}[data-theme=c7] .news .modules3 .module3-content .modules-item[data-v-23234878]:hover{color:#5b70d6!important}[data-theme=c1] .news .modules3 .module3-content .modules-item:hover span[data-v-23234878]{color:#68c04a!important}[data-theme=c2] .news .modules3 .module3-content .modules-item:hover span[data-v-23234878]{color:#ff7900!important}[data-theme=c3] .news .modules3 .module3-content .modules-item:hover span[data-v-23234878]{color:#458cda!important}[data-theme=c4] .news .modules3 .module3-content .modules-item:hover span[data-v-23234878]{color:#00aab8!important}[data-theme=c5] .news .modules3 .module3-content .modules-item:hover span[data-v-23234878]{color:#d39e5c!important}[data-theme=c6] .news .modules3 .module3-content .modules-item:hover span[data-v-23234878]{color:#f74a3a!important}[data-theme=c7] .news .modules3 .module3-content .modules-item:hover span[data-v-23234878]{color:#5b70d6!important}.course-info[data-v-782f6622]{width:1200px;margin:0 auto;margin-top:80px}@media screen and (min-width:1680px){.course-info[data-v-782f6622]{width:1440px}}.course-info .right-exam[data-v-782f6622]{flex-flow:row wrap}.course-info .right-exam .right-exam-item[data-v-782f6622]{margin-left:10px;margin-bottom:10px;min-width:100px;padding:0 20px;height:30px;line-height:30px;text-align:center;background:#e9e9e9;border-radius:15px;color:#555;font-size:15px;cursor:pointer}.course-info .right-exam .right-exam-item.active[data-v-782f6622],.course-info .right-exam .right-exam-item[data-v-782f6622]:hover{color:#fff}[data-theme=c1] .course-info .right-exam .right-exam-item.active[data-v-782f6622],[data-theme=c1] .course-info .right-exam .right-exam-item[data-v-782f6622]:hover{background:#68c04a!important}[data-theme=c2] .course-info .right-exam .right-exam-item.active[data-v-782f6622],[data-theme=c2] .course-info .right-exam .right-exam-item[data-v-782f6622]:hover{background:#ff7900!important}[data-theme=c3] .course-info .right-exam .right-exam-item.active[data-v-782f6622],[data-theme=c3] .course-info .right-exam .right-exam-item[data-v-782f6622]:hover{background:#458cda!important}[data-theme=c4] .course-info .right-exam .right-exam-item.active[data-v-782f6622],[data-theme=c4] .course-info .right-exam .right-exam-item[data-v-782f6622]:hover{background:#00aab8!important}[data-theme=c5] .course-info .right-exam .right-exam-item.active[data-v-782f6622],[data-theme=c5] .course-info .right-exam .right-exam-item[data-v-782f6622]:hover{background:#d39e5c!important}[data-theme=c6] .course-info .right-exam .right-exam-item.active[data-v-782f6622],[data-theme=c6] .course-info .right-exam .right-exam-item[data-v-782f6622]:hover{background:#f74a3a!important}[data-theme=c7] .course-info .right-exam .right-exam-item.active[data-v-782f6622],[data-theme=c7] .course-info .right-exam .right-exam-item[data-v-782f6622]:hover{background:#5b70d6!important}.course-info .class-box[data-v-782f6622]{height:532px;margin-top:20px}.course-info .class-box .left[data-v-782f6622]{width:889px;height:100%}@media screen and (min-width:1680px){.course-info .class-box .left[data-v-782f6622]{width:1074px}}.course-info .class-box .left .class-list[data-v-782f6622]{height:327px}.course-info .class-box .left .class-list .class-item[data-v-782f6622]{background:#fff;height:100%;width:280px}.course-info .class-box .left .class-list .class-item[data-v-782f6622]:hover{box-shadow:0 5px 29px 3px rgba(123,144,161,.08)}[data-theme=c1] .course-info .class-box .left .class-list .class-item:hover .class-title[data-v-782f6622]{color:#68c04a!important}[data-theme=c2] .course-info .class-box .left .class-list .class-item:hover .class-title[data-v-782f6622]{color:#ff7900!important}[data-theme=c3] .course-info .class-box .left .class-list .class-item:hover .class-title[data-v-782f6622]{color:#458cda!important}[data-theme=c4] .course-info .class-box .left .class-list .class-item:hover .class-title[data-v-782f6622]{color:#00aab8!important}[data-theme=c5] .course-info .class-box .left .class-list .class-item:hover .class-title[data-v-782f6622]{color:#d39e5c!important}[data-theme=c6] .course-info .class-box .left .class-list .class-item:hover .class-title[data-v-782f6622]{color:#f74a3a!important}[data-theme=c7] .course-info .class-box .left .class-list .class-item:hover .class-title[data-v-782f6622]{color:#5b70d6!important}@media screen and (min-width:1680px){.course-info .class-box .left .class-list .class-item[data-v-782f6622]{width:342px}}.course-info .class-box .left .class-list .class-item[data-v-782f6622]:not(:last-of-type){margin-right:24px}.course-info .class-box .left .class-list .class-item .class-item-continer .content[data-v-782f6622]{height:247px;padding:15px 15px 0 15px}.course-info .class-box .left .class-list .class-item .class-item-continer .content .class-title[data-v-782f6622]{line-height:24px;max-height:48px;height:48px}.course-info .class-box .left .class-list .class-item .class-item-continer .content .tags[data-v-782f6622]{margin-top:10px;flex-flow:row wrap}.course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622]{text-align:center;margin-right:10px;margin-bottom:10px;min-width:70px;padding:0 10px;height:24px;line-height:24px;font-size:14px;border-radius:2px}[data-theme=c1] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c2] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c3] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c4] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c5] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c6] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c7] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622]{color:#b38e62!important}[data-theme=c1] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c2] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c3] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c4] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c5] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c6] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622],[data-theme=c7] .course-info .class-box .left .class-list .class-item .class-item-continer .content .tags .tag-item[data-v-782f6622]{background:#fef5e6!important}.course-info .class-box .left .class-list .class-item .class-item-continer .content .teacher-box[data-v-782f6622]{position:absolute;bottom:0;left:20px;right:0}.course-info .class-box .left .class-list .class-item .class-item-continer .content .teacher-box .teacher-item[data-v-782f6622]{margin-right:24px;text-align:center;color:#555}.course-info .class-box .left .class-list .class-item .class-item-continer .content .teacher-box .teacher-item .teacher-img[data-v-782f6622]{margin-bottom:5px;width:60px;height:60px;overflow:hidden;position:relative;border-radius:50%;background:#e9e9e9}.course-info .class-box .left .class-list .class-item .class-item-continer .content .teacher-box .teacher-item .teacher-img img[data-v-782f6622]{max-width:100%;height:auto}.course-info .class-box .left .class-list .class-item .class-item-continer .content .teacher-box .teacher-item .teacher-name[data-v-782f6622]{overflow:hidden;width:60px;white-space:nowrap}.course-info .class-box .left .class-list .class-item .bottom[data-v-782f6622]{position:absolute;bottom:20px;left:0;right:0}.course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]{width:218px;height:50px;line-height:50px;font-size:18px;transition:.2s;border-radius:24px}@media screen and (min-width:1680px){.course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]{width:262px}}.course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]:hover{color:#fff!important;transform:translateY(-5px)}[data-theme=c1] .course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]:hover{background:#68c04a!important}[data-theme=c2] .course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]:hover{background:#ff7900!important}[data-theme=c3] .course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]:hover{background:#458cda!important}[data-theme=c4] .course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]:hover{background:#00aab8!important}[data-theme=c5] .course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]:hover{background:#d39e5c!important}[data-theme=c6] .course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]:hover{background:#f74a3a!important}[data-theme=c7] .course-info .class-box .left .class-list .class-item .bottom .try-button[data-v-782f6622]:hover{background:#5b70d6!important}.course-info .class-box .left .couser-nav[data-v-782f6622]{margin-top:24px;background:#fff;height:181px;width:100%;padding:22px 16px 15px 15px}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left[data-v-782f6622]{flex-shrink:0;border-right:1px solid #eee;width:497px}@media screen and (min-width:1680px){.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left[data-v-782f6622]{width:597px}}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-box[data-v-782f6622]{margin-top:15px;padding-right:15px}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-box .nav-item[data-v-782f6622]{white-space:nowrap;flex-direction:column;width:110px;height:103px;background-size:cover;cursor:pointer;padding:10px 5px}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-box .nav-item img[data-v-782f6622]{width:42px;height:42px}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-box .nav-item[data-v-782f6622]:hover{box-shadow:3px 3px 20px 0 rgba(212,207,206,.4)}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box[data-v-782f6622]{padding-right:15px;margin-top:12px}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item[data-v-782f6622]{width:50%;height:102px;padding:13px 15px;border:1px solid #f4f4f4}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item[data-v-782f6622]:first-of-type{margin-right:20px}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item[data-v-782f6622]:hover{box-shadow:5px 4px 16px 0 hsla(0,0%,79.2%,.3)}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-img[data-v-782f6622]{width:68px;height:100%;overflow:hidden;position:relative;background:#f2f4f3}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-img img[data-v-782f6622]{max-height:74px;width:auto;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-name[data-v-782f6622]{position:relative;padding-left:11px}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-name[data-v-782f6622]:before{position:absolute;content:" ";left:0;top:4px;border-radius:2px;height:16px;width:4px}[data-theme=c1] .course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-name[data-v-782f6622]:before,[data-theme=c2] .course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-name[data-v-782f6622]:before,[data-theme=c3] .course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-name[data-v-782f6622]:before,[data-theme=c4] .course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-name[data-v-782f6622]:before,[data-theme=c5] .course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-name[data-v-782f6622]:before,[data-theme=c6] .course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-name[data-v-782f6622]:before,[data-theme=c7] .course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-left .nav-st-box .nav-st-item .teacher-name[data-v-782f6622]:before{background:linear-gradient(0deg,#fff,#b38e62)!important}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-right[data-v-782f6622]{width:397px;padding-left:27px}@media screen and (min-width:1680px){.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-right[data-v-782f6622]{width:476px}}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-right .couser-nav-right-content[data-v-782f6622]{margin-top:15px}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-right .couser-nav-right-content .nav-item[data-v-782f6622]{cursor:pointer;width:25%;height:102px;background-size:cover;background-repeat:no-repeat;flex-flow:column;color:#fff}.course-info .class-box .left .couser-nav .couser-nav-content .couser-nav-right .couser-nav-right-content .nav-item[data-v-782f6622]:not(:last-of-type){margin-right:18px}.course-info .class-box .right[data-v-782f6622]{height:100%;width:285px;background:#fff}@media screen and (min-width:1680px){.course-info .class-box .right[data-v-782f6622]{width:342px}}.course-info .class-box .right .top-content[data-v-782f6622]{height:314px;position:relative;background:url(//img.233.com/union/union_pc/union-temphone/teacher-bg1.png) no-repeat top;background-size:cover;overflow:hidden}.course-info .class-box .right .top-content .teacher-icon[data-v-782f6622]{position:absolute;left:0;right:0;top:10px;text-align:center}.course-info .class-box .right .top-content .teacher-icon img[data-v-782f6622]{width:227px;vertical-align:bottom}@media screen and (min-width:1680px){.course-info .class-box .right .top-content .teacher-icon img[data-v-782f6622]{width:272px}}.course-info .class-box .right .bootom-content[data-v-782f6622]{height:218px;padding:24px 0 0 15px;position:relative}.course-info .class-box .right .bootom-content .head-content .teacher-name[data-v-782f6622]{font-size:24px;position:relative;line-height:26px}.course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622]{width:111px;text-align:center;height:30px;line-height:30px;border-radius:15px 0 0 15px;border:1px solid #fff;border-right:none}[data-theme=c1] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c2] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c3] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c4] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c5] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c6] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c7] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622]{color:#b38e62!important}[data-theme=c1] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c2] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c3] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c4] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c5] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c6] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622],[data-theme=c7] .course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon[data-v-782f6622]{border-color:#b38e62!important}.course-info .class-box .right .bootom-content .head-content .teacher-name .right-icon img[data-v-782f6622]{width:21px;height:16px}.course-info .class-box .right .bootom-content .teacher-description[data-v-782f6622]{position:absolute;bottom:10px;overflow:hidden;line-height:26px;height:104px;padding-right:15px;display:-webkit-box;max-height:104px;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.course-info .class-box .right .swiper-container-horizontal>.swiper-pagination-bullets[data-v-782f6622],.course-info .class-box .right .swiper-pagination-custom[data-v-782f6622]{bottom:225px}.course-info .class-box .right[data-v-782f6622] .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:rgba(241,238,238,.7);opacity:.7;border-radius:50%}.course-info .class-box .right[data-v-782f6622] .swiper-pagination .swiper-pagination-bullet-active{width:30px;height:10px;border-radius:5px}[data-theme=c1] .course-info .class-box .right[data-v-782f6622] .swiper-pagination .swiper-pagination-bullet-active{background:#68c04a!important}[data-theme=c2] .course-info .class-box .right[data-v-782f6622] .swiper-pagination .swiper-pagination-bullet-active{background:#ff7900!important}[data-theme=c3] .course-info .class-box .right[data-v-782f6622] .swiper-pagination .swiper-pagination-bullet-active{background:#458cda!important}[data-theme=c4] .course-info .class-box .right[data-v-782f6622] .swiper-pagination .swiper-pagination-bullet-active{background:#00aab8!important}[data-theme=c5] .course-info .class-box .right[data-v-782f6622] .swiper-pagination .swiper-pagination-bullet-active{background:#d39e5c!important}[data-theme=c6] .course-info .class-box .right[data-v-782f6622] .swiper-pagination .swiper-pagination-bullet-active{background:#f74a3a!important}[data-theme=c7] .course-info .class-box .right[data-v-782f6622] .swiper-pagination .swiper-pagination-bullet-active{background:#5b70d6!important}.course-info .empty[data-v-782f6622]{height:100%;width:100%;background:#fff;background-image:url(https://img2.233.com/wx/union/pc/home/default_no_course.png);background-size:200px 200px;background-position:50%;background-repeat:no-repeat}.introduce[data-v-6501008a]{width:1200px;margin:0 auto;margin-top:40px}@media screen and (min-width:1680px){.introduce[data-v-6501008a]{width:1440px}}.inter-mak[data-v-6501008a]{margin-top:29px}.inter-mak .inter-item[data-v-6501008a]{color:#fff;background-size:contain;background-repeat:no-repeat;width:230px;height:283px;position:relative}@media screen and (min-width:1680px){.inter-mak .inter-item[data-v-6501008a]{width:278px;height:341px}}.inter-mak .inter-item[data-v-6501008a]:not(:last-of-type){margin-right:12px}.inter-mak .inter-item .tit[data-v-6501008a]{margin-top:16px;font-size:23px}.inter-mak .inter-item .line[data-v-6501008a]{margin-top:20px;width:36px;height:4px}[data-theme=c1] .inter-mak .inter-item .line[data-v-6501008a],[data-theme=c2] .inter-mak .inter-item .line[data-v-6501008a],[data-theme=c3] .inter-mak .inter-item .line[data-v-6501008a],[data-theme=c4] .inter-mak .inter-item .line[data-v-6501008a],[data-theme=c5] .inter-mak .inter-item .line[data-v-6501008a],[data-theme=c6] .inter-mak .inter-item .line[data-v-6501008a],[data-theme=c7] .inter-mak .inter-item .line[data-v-6501008a]{background:linear-gradient(270deg,#fef5e6,#b38e62)!important}.inter-mak .inter-item .sub-title[data-v-6501008a]{display:none;font-size:15px;color:#fff;text-align:left;margin-top:20px}.inter-mak .inter-item .sub-title p[data-v-6501008a]{line-height:22px}.inter-mak .inter-item .appqrcode[data-v-6501008a]{margin-top:10px;max-width:110px;max-height:110px;display:none}.inter-mak .inter-item .mask[data-v-6501008a]{transition:.4s;height:100%;flex-direction:column}.inter-mak .inter-item .mask[data-v-6501008a]:hover{padding-bottom:25px}@media screen and (min-width:1680px){.inter-mak .inter-item .mask[data-v-6501008a]:hover{padding-bottom:65px}}.inter-mak .inter-item .mask:hover.mask0[data-v-6501008a]{background:rgba(86,138,213,.8)}.inter-mak .inter-item .mask:hover.mask1[data-v-6501008a]{background:rgba(76,168,183,.8)}.inter-mak .inter-item .mask:hover.mask2[data-v-6501008a]{background:rgba(211,158,92,.8)}.inter-mak .inter-item .mask:hover.mask3[data-v-6501008a]{background:rgba(125,190,90,.8)}.inter-mak .inter-item .mask:hover.mask3 .sub-title[data-v-6501008a]{text-align:center}.inter-mak .inter-item .mask:hover.mask4[data-v-6501008a]{background:rgba(238,128,49,.8)}.inter-mak .inter-item .mask:hover.mask4 .sub-title[data-v-6501008a]{text-align:center}.inter-mak .inter-item .mask:hover.mask4 .appqrcode[data-v-6501008a]{display:block}.inter-mak .inter-item .mask:hover .img[data-v-6501008a]{display:none}.inter-mak .inter-item .mask:hover .sub-title[data-v-6501008a]{display:block}.teacher .teacher-continer-info[data-v-72849db8]{width:1200px;margin:0 auto;margin-top:60px}@media screen and (min-width:1680px){.teacher .teacher-continer-info[data-v-72849db8]{width:1440px}}.teacher .teacher-continer-info .right-exam[data-v-72849db8]{flex-flow:row wrap}.teacher .teacher-continer-info .right-exam .right-exam-item[data-v-72849db8]{margin-left:10px;margin-bottom:10px;min-width:100px;padding:0 20px;height:30px;line-height:30px;text-align:center;background:#e9e9e9;border-radius:15px;color:#555;font-size:15px;cursor:pointer}.teacher .teacher-continer-info .right-exam .right-exam-item.active[data-v-72849db8],.teacher .teacher-continer-info .right-exam .right-exam-item[data-v-72849db8]:hover{color:#fff}[data-theme=c1] .teacher .teacher-continer-info .right-exam .right-exam-item.active[data-v-72849db8],[data-theme=c1] .teacher .teacher-continer-info .right-exam .right-exam-item[data-v-72849db8]:hover{background:#68c04a!important}[data-theme=c2] .teacher .teacher-continer-info .right-exam .right-exam-item.active[data-v-72849db8],[data-theme=c2] .teacher .teacher-continer-info .right-exam .right-exam-item[data-v-72849db8]:hover{background:#ff7900!important}[data-theme=c3] .teacher .teacher-continer-info .right-exam .right-exam-item.active[data-v-72849db8],[data-theme=c3] .teacher .teacher-continer-info .right-exam .right-exam-item[data-v-72849db8]:hover{background:#458cda!important}[data-theme=c4] .teacher .teacher-continer-info .right-exam .right-exam-item.active[data-v-72849db8],[data-theme=c4] .teacher .teacher-continer-info .right-exam .right-exam-item[data-v-72849db8]:hover{background:#00aab8!important}[data-theme=c5] .teacher .teacher-continer-info .right-exam .right-exam-item.active[data-v-72849db8],[data-theme=c5] .teacher .teacher-continer-info .right-exam .right-exam-item[data-v-72849db8]:hover{background:#d39e5c!important}[data-theme=c6] .teacher .teacher-continer-info .right-exam .right-exam-item.active[data-v-72849db8],[data-theme=c6] .teacher .teacher-continer-info .right-exam .right-exam-item[data-v-72849db8]:hover{background:#f74a3a!important}[data-theme=c7] .teacher .teacher-continer-info .right-exam .right-exam-item.active[data-v-72849db8],[data-theme=c7] .teacher .teacher-continer-info .right-exam .right-exam-item[data-v-72849db8]:hover{background:#5b70d6!important}.teacher .contents[data-v-72849db8]{height:550px;width:100%;background:#666;background:url(//img.233.com/wx/img/index/2021/cont-bg2.jpg) no-repeat top;background-size:cover;margin-top:18px}.teacher .contents .info[data-v-72849db8]{padding:0;width:1200px;margin:0 auto;height:100%}@media screen and (min-width:1680px){.teacher .contents .info[data-v-72849db8]{padding:0 45px 0 79px;width:1440px}}.teacher .contents .info .left[data-v-72849db8]{margin-right:60px;height:100%}.teacher .contents .info .left .title[data-v-72849db8]{position:relative;margin-top:109px;width:336px;color:#fcd4a2;font-size:48px;letter-spacing:8px;line-height:54px}.teacher .contents .info .left .title[data-v-72849db8]:before{content:" ";position:absolute;left:-22px;top:10px;width:2px;height:102px;background:#fcd4a2}.teacher .contents .info .left .sub-title[data-v-72849db8]{margin-top:30px;line-height:18px}.teacher .contents .info .left .teacher-desc[data-v-72849db8]{margin-top:60px;margin-left:-42px}.teacher .contents .info .left .teacher-desc .teacher-desc-item[data-v-72849db8]{width:183px;padding:0 20px;position:relative}.teacher .contents .info .left .teacher-desc .teacher-desc-item .c-title[data-v-72849db8]{font-size:24px;color:#fcd4a2}.teacher .contents .info .left .teacher-desc .teacher-desc-item .c-sub-title[data-v-72849db8]{margin-top:22px;line-height:21px}.teacher .contents .info .left .teacher-desc .teacher-desc-item[data-v-72849db8]:not(:last-of-type):after{content:" ";position:absolute;right:0;top:-20px;width:1px;height:121px;background:linear-gradient(0,transparent,hsla(0,0%,100%,.1),transparent)}.teacher .contents .info .right .teacher-bg[data-v-72849db8]{background:linear-gradient(216deg,#292940,#171827 76%);width:217px;height:100%}@media screen and (min-width:1680px){.teacher .contents .info .right .teacher-bg[data-v-72849db8]{width:260px}}.teacher .contents .info .right .teacher-bg .teacher-img[data-v-72849db8]{opacity:.8;width:100%;height:550px;overflow:hidden}.teacher .contents .info .right .teacher-bg .teacher-img img[data-v-72849db8]{padding-top:68px;width:100%}.teacher .contents .info .right .teacher-bg .teacher-info[data-v-72849db8]{left:0;right:0;padding-left:30px;bottom:62px}.teacher .contents .info .right .teacher-bg .teacher-info .z-sub-title[data-v-72849db8]{margin-top:13px}.teacher .contents .info .right .teacher-bg .teacher-info .exam-button[data-v-72849db8]{margin-top:27px;width:180px;height:32px;line-height:32px;text-align:center;border:1px solid #fcd4a2;border-radius:15px;cursor:pointer;color:#fcd4a2}.teacher .contents .info .right .teacher-bg .teacher-info .exam-button.active[data-v-72849db8],.teacher .contents .info .right .teacher-bg .teacher-info .exam-button[data-v-72849db8]:hover{background:#fcd4a2;border:1px solid #fcd4a2;color:#181824}.teacher .contents .info .right .teacher-bg:hover .teacher-img[data-v-72849db8]{opacity:1}