.teacher-List[data-v-184d6a22]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:99%;margin-left:2%}.teacher-List .teacherBox[data-v-184d6a22]{background-color:#fff;width:23%;margin:0 0 20px 15px;overflow:hidden;cursor:pointer}.teacher-List .teacherBox[data-v-184d6a22]:nth-of-type(5n){margin-right:0}.teacher-List .teacherBox .card-content .image[data-v-184d6a22]{width:100%;height:160px;background:#ddd;position:relative}.teacher-List .teacherBox .card-content .image .img[data-v-184d6a22]{width:100%;height:160px}.teacher-List .teacherBox .card-content .teacher-card .title[data-v-184d6a22]{width:100%;height:40px;padding:10px 0 10px 20px;background-image:-webkit-gradient(linear,left top,right top,from(#0083fc),to(#45c0ff));background-image:linear-gradient(90deg,#0083fc,#45c0ff);color:#fff}.teacher-List .teacherBox .card-content .teacher-card .title h3[data-v-184d6a22]{font-size:16px;font-weight:700;line-height:1;margin-bottom:10px}.teacher-List .teacherBox .card-content .teacher-card .title .item[data-v-184d6a22]{font-size:12px;line-height:1}.teacher-List .teacherBox .card-content .teacher-card .title a[data-v-184d6a22]{text-decoration:none}.teacher-List .teacherBox .card-content .teacher-card .subtitle[data-v-184d6a22]{color:#333;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.teacher-List .teacherBox .card-content .teacher-card .detail[data-v-184d6a22]{margin:16px 0 14px;text-decoration:none;color:#06f;display:inline-block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.course-List[data-v-e82c3d36]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:2%;-ms-flex-wrap:wrap;flex-wrap:wrap;width:99%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.course-List .card[data-v-e82c3d36]{background-color:#fff;width:23%;display:inline-block;margin:0 0 20px 15px;overflow:hidden;cursor:pointer}.course-List .card[data-v-e82c3d36]:nth-of-type(5n){margin-right:0}.course-List .card .card-content .imgbox[data-v-e82c3d36]{position:relative;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;background-color:#ddd;height:130px}.course-List .card .card-content .imgbox[data-v-e82c3d36]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.course-List .card .card-content .imgbox .online[data-v-e82c3d36]{position:absolute;top:16px;right:-24px;text-align:center;width:60px;height:0;color:red;border-bottom:22px solid;border-left:20px solid transparent;border-right:20px solid transparent;transform:rotate(45deg);-ms-transform:rotate(7deg);-moz-transform:rotate(7deg);-webkit-transform:rotate(45deg);-o-transform:rotate(7deg)}.course-List .card .card-content .imgbox .online span[data-v-e82c3d36]{color:#fff;font-size:12px}.course-List .card .card-content .imgbox img[data-v-e82c3d36]{width:100%;height:100%}.course-List .card .card-content .imgbox .live[data-v-e82c3d36]{position:absolute;bottom:0;width:100%;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;background-color:hsla(0,0%,40%,.6)}.course-List .card .card-content .contectbox[data-v-e82c3d36]{padding:16px}.course-List .card .card-content .contectbox .title[data-v-e82c3d36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:auto;font-weight:700;margin-bottom:0}.course-List .card .card-content .contectbox .title p[data-v-e82c3d36]{font-size:18px;height:auto;color:#333;line-height:1.2;text-align:left;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-List .card .card-content .contectbox .title .title-tag[data-v-e82c3d36]{font-size:0;line-height:1}.course-List .card .card-content .contectbox .title .title-tag img[data-v-e82c3d36]{width:20px;height:20px}.course-List .card .card-content .contectbox .title .text[data-v-e82c3d36]{font-size:14px;font-weight:700}.course-List .card .card-content .contectbox .list[data-v-e82c3d36]{margin:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-List .card .card-content .contectbox .list .item[data-v-e82c3d36]{font-size:14px;color:#333;line-height:1;padding-right:5px;margin-right:5px;border-right:1px solid #ccc}.course-List .card .card-content .contectbox .list .item[data-v-e82c3d36]:last-child{padding-right:0;margin-right:0;border-right:none}.course-List .card .card-content .contectbox .list .f-list[data-v-e82c3d36]{margin:45px 0 20px}.course-List .card .card-content .contectbox .list .f-list[data-v-e82c3d36],.course-List .card .card-content .contectbox .pair[data-v-e82c3d36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-List .card .card-content .contectbox .pair[data-v-e82c3d36]{margin-bottom:15px}.course-List .card .card-content .contectbox .pair .left[data-v-e82c3d36]{font-size:14px;color:#333;line-height:1;padding-right:5px;margin-right:5px}.course-List .card .card-content .contectbox .pair .right[data-v-e82c3d36]{font-size:14px;font-weight:700;color:red;line-height:1;padding-right:5px;margin-right:5px}.course-List .card .card-content .contectbox .subpair[data-v-e82c3d36]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:13px 0;border-top:2px dashed #f5f5f5;width:100%}.course-List .card .card-content .contectbox .subpair .left[data-v-e82c3d36]{display:-webkit-box;display:-ms-flexbox;display:flex;width:68%}.course-List .card .card-content .contectbox .subpair .left img[data-v-e82c3d36]{display:block;width:14px;height:14px;border-radius:50%;margin-right:5px}.course-List .card .card-content .contectbox .subpair .left span[data-v-e82c3d36]{font-size:14px;color:#333;line-height:1;padding-right:5px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.course-List .card .card-content .contectbox .subpair .right[data-v-e82c3d36]{font-size:14px;color:#333;line-height:1;padding-right:5px;margin-right:5px}.region-border-bottom[data-v-3eb8feaf]{border-bottom:1px solid #d7d7d7}.teacher-details .top[data-v-3eb8feaf]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 31px;width:100%;height:auto;background:#fff;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:20px}.teacher-details .top img[data-v-3eb8feaf]{width:399px;height:226px;margin-right:31px}.teacher-details .top .right-ctn[data-v-3eb8feaf]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto;position:relative}.teacher-details .top .right-ctn .att-btn[data-v-3eb8feaf]{position:absolute;top:-20px;right:0;width:auto;height:auto;cursor:pointer;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#999;line-height:22px}.teacher-details .top .right-ctn .att-btn .btn-gz img[data-v-3eb8feaf]{display:inline-block;width:22px;height:22px;margin-right:6px}.teacher-details .top .right-ctn .title[data-v-3eb8feaf]{width:100%;height:auto;font-size:30px;font-family:Microsoft YaHei;font-weight:700;color:#333;line-height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.teacher-details .top .right-ctn .title .type[data-v-3eb8feaf]{display:inline-block;width:74px;height:24px;background:#f39800;border-radius:0 12px 12px 13px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff;line-height:24px;text-align:center}.teacher-details .top .right-ctn ul[data-v-3eb8feaf]{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px 0 20px 0}.teacher-details .top .right-ctn ul li[data-v-3eb8feaf]{width:auto;height:auto;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#999;line-height:1;border-right:1px solid #999;padding:0 10px;margin-right:10px}.teacher-details .top .right-ctn ul li[data-v-3eb8feaf]:first-of-type{padding-left:0;border-right:none}.teacher-details .top .right-ctn .many-pairs[data-v-3eb8feaf]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.teacher-details .top .right-ctn .btn[data-v-3eb8feaf]{display:-webkit-box;display:-ms-flexbox;display:flex;height:44px}.teacher-details .top .right-ctn .btn .key[data-v-3eb8feaf]{width:37px}.teacher-details .top .right-ctn .btn .value[data-v-3eb8feaf]{width:95%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.teacher-details .top .right-ctn .more-btn[data-v-3eb8feaf]{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto}.teacher-details .top .right-ctn .more-btn .key[data-v-3eb8feaf]{width:37px}.teacher-details .top .right-ctn .more-btn .value[data-v-3eb8feaf]{width:95%}.teacher-details .top .right-ctn .open[data-v-3eb8feaf]{color:#258cfe;cursor:pointer;margin-left:38px}.teacher-details .top .right-ctn .pair[data-v-3eb8feaf]{min-width:324px;font-size:14px;color:#333;line-height:2;font-family:Microsoft YaHei;font-weight:400;line-height:30px}.teacher-details .top .right-ctn .pair .key[data-v-3eb8feaf]{margin-right:5px}.teacher-details .top .right-ctn .reg-tag[data-v-3eb8feaf]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:15px 0}.teacher-details .top .right-ctn .reg-tag .tag[data-v-3eb8feaf]{padding:9px 12px;color:#fff;font-size:14px;margin-right:10px}.teacher-details .top .right-ctn .reg-tag .tag[data-v-3eb8feaf]:first-of-type{background-color:#81d3f8}.teacher-details .top .right-ctn .reg-tag .tag[data-v-3eb8feaf]:nth-of-type(2){background-color:#c280ff}.teacher-details .top .right-ctn .reg-tag .tag[data-v-3eb8feaf]:nth-of-type(3){margin-right:0;background-color:#facd91}.teacher-details .top .right-ctn[data-v-3eb8feaf] .reg-btn{margin-top:20px}.teacher-details .top .right-ctn[data-v-3eb8feaf] .reg-btn .el-button--primary{width:280px;height:50px;background:#0083fc;border-radius:6px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#fff;line-height:22px}.teacher-details .top .right-ctn[data-v-3eb8feaf] .reg-btn .el-button--primary:hover{background:#09f}.teacher-details .bottom[data-v-3eb8feaf]{padding:20px 25px;background-color:#fff;margin-bottom:20px}.teacher-details .bottom .titlebox[data-v-3eb8feaf]{margin-bottom:22px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.teacher-details .bottom .titlebox .title[data-v-3eb8feaf],.teacher-details .bottom .titlebox[data-v-3eb8feaf]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.teacher-details .bottom .titlebox .title img[data-v-3eb8feaf]{width:26px;height:30px;margin-right:16px}.teacher-details .bottom .titlebox .title p[data-v-3eb8feaf]{font-size:22px;font-weight:700;color:#333;padding-top:5px}.teacher-details .bottom .titlebox .more[data-v-3eb8feaf]{font-size:14px;color:#999;cursor:pointer}.teacher-details .course .titlebox img[data-v-3eb8feaf]{width:34px!important;height:30px!important}.teacher-details .course .course-box[data-v-3eb8feaf]{display:-webkit-box;display:-ms-flexbox;display:flex}.teacher-details .course .course-box[data-v-3eb8feaf] .card{background-color:#fff;width:230px!important;height:290px;display:inline-block;margin-bottom:10px;margin-right:20px;overflow:hidden;cursor:pointer}.teacher-details .course .course-box[data-v-3eb8feaf] .card:nth-of-type(5n){margin-right:0}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .imgbox{position:relative;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;background-color:#ddd;height:160px}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .imgbox:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .imgbox .online{position:absolute;top:16px;right:-24px;text-align:center;width:60px;height:0;color:red;border-bottom:22px solid;border-left:20px solid transparent;border-right:20px solid transparent;transform:rotate(45deg);-ms-transform:rotate(7deg);-moz-transform:rotate(7deg);-webkit-transform:rotate(45deg);-o-transform:rotate(7deg)}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .imgbox .online span{color:#fff;font-size:12px}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .imgbox img{width:100%;height:100%}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .imgbox .live{position:absolute;bottom:0;width:100%;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;background-color:hsla(0,0%,40%,.6)}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox{padding:24px 16px}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:auto;font-weight:700;margin-bottom:0}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .title p{font-size:18px;height:auto;color:#333;line-height:1.2;text-align:left;width:90%}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .title .title-tag{font-size:0;line-height:1}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .title .title-tag img{width:20px;height:20px}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .title .text{font-size:14px;font-weight:700}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .list{margin:15px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .list .item{font-size:14px;color:#333;line-height:1;padding-right:5px;margin-right:5px;border-right:1px solid #ccc}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .list .item:last-child{padding-right:0;margin-right:0;border-right:none}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .list .f-list{margin:45px 0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .subtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .subtitle .s-key{font-size:16px;font-weight:700;color:red}.teacher-details .course .course-box[data-v-3eb8feaf] .card .card-content .contectbox .subtitle .s-value{font-size:12px;color:#999}.teacher-details .grade .titlebox img[data-v-3eb8feaf]{width:27px!important;height:27px!important}.teacher-details .grade .grade-box .card[data-v-3eb8feaf]{background-color:#fff;width:242px;height:120px;display:inline-block;margin-bottom:10px;margin-right:20px;overflow:hidden;cursor:pointer}.teacher-details .grade .grade-box .card[data-v-3eb8feaf]:nth-of-type(5n){margin-right:0}.teacher-details .grade .grade-box .card .card-content .contectbox[data-v-3eb8feaf]{padding:34px 16px}.teacher-details .grade .grade-box .card .card-content .contectbox .title[data-v-3eb8feaf]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;margin-bottom:0}.teacher-details .grade .grade-box .card .card-content .contectbox .title p[data-v-3eb8feaf]{font-size:18px;height:auto;color:#333;line-height:1.2;text-align:left;width:90%}.teacher-details .grade .grade-box .card .card-content .contectbox .title p[data-v-3eb8feaf]:last-child{font-size:14px;color:#333;font-weight:400}.teacher-details .grade .grade-box .card .card-content .contectbox .title .title-tag[data-v-3eb8feaf]{font-size:0;line-height:1}.teacher-details .grade .grade-box .card .card-content .contectbox .title .title-tag img[data-v-3eb8feaf]{width:20px;height:20px}.teacher-details .grade .grade-box .card .card-content .contectbox .title .text[data-v-3eb8feaf]{font-size:14px;font-weight:700}.teacher-details .grade .grade-box .card .card-content .contectbox .school[data-v-3eb8feaf]{font-size:14px;color:#333;margin-top:20px}.teacher-details .teacher .hot-box[data-v-3eb8feaf] .card:nth-of-type(5n){margin-right:0}