body{padding-bottom: 20px;height: auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-family: "PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,\5b8b\4f53}h2{font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,\5b8b\4f53}.details-head-wapper{width: 100%;background: #f4f7fc;padding-top: 16px;overflow: hidden}.details-head{width: 1210px;margin: 0 auto}.crumbs{margin-bottom: 28px}.crumbs::after{display: block;content: '';clear: both;opacity: 0}.crumbs,.crumbs a{font-size: 14px;color: #222}.crumbs span{float: left;display: block;width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.details-wapper{width: 100%;padding:30px;overflow: hidden;background: #fff;border: 1px solid #edeef0}.img-wapper{width: 340px;height: 200px;overflow: hidden}.img-wapper img{width: 100%;height: 100%}.mes-wapper{width: 100%;height: 100%;background-color: #fff;position: relative}.mes-wapper h2{width: 100%;padding:2px 24px 5px 24px;font-size: 24px;color: #222;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 600;margin-bottom: 5px}.mes-wapper h2 img{transform: translateY(6px);margin-left: 15px;display: none}.mes-wapper h2 img.active{display: inline-block}.mes-wapper p{padding: 5px 24px;font-size: 14px;color: #111;width: 520px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}.mes-wapper p:nth-child(2){color: #222;font-size: 16px;color: #111;font-weight: 600}.mes-wapper p:nth-of-type(3) span{color: #1485fb}.mes-wapper p:nth-child(3){color: #6e747c;font-size: 16px;color: #111;font-weight: 600}.mes-wapper .procress-course{width: 400px;height: 10px;background: #e7ebf0;border-radius: 5px;margin-left: 24px;margin-top: 15px;position: relative;overflow: hidden}.mes-wapper .procress-course .course-precent{border-radius: 5px;position: absolute;height: 10px;left: 0;top: 0;background: #1485fb}.mes-wapper .class-entry{width: 175px;height: 50px;background: #195ef6;text-align: center;color: #fff;display: block;line-height: 50px;position: absolute;right: 85px;top: 50%;transform: translateY(-50%);transition: all .3s}.mes-wapper .class-entry.study{width: 175px;height: 50px;background: #195ef6 url(/proc/training/pc/images/bi.png?hash=505f2912) no-repeat;background-position:25px center;text-align: center;color: #fff;display: block;line-height: 50px;text-indent: 10px;transition: all .3s}.mes-wapper .course-time{font-size: 14px;position: absolute;color: #1485fb;right: 60px;text-align: center;width: 220px;padding: 0;bottom:10%}.btn-wapper{padding: 5px 24px 0;vertical-align: middle}.btn-wapper a{display: inline-block;width: 150px;height: 50px;border: 1px solid #111;font-size: 16px;text-align: center;line-height: 46px;color: #111;transition: all .3s;box-sizing: border-box}.btn-wapper a:hover{}.btn-wapper .js-go-pay{display: inline-block;width: 160px;height: 50px;background: #fe4452;border: 1px solid #fe4452;font-size: 16px;color: #FFF;margin-bottom: 23px;margin-right: 16px}.btn-wapper .audition i{position: relative;top: 2px;display: inline-block;width: 0;height: 0;border-width: 7px 11px;border-color: transparent transparent transparent #111;border-style: solid}.btn-wapper .audition{width: 130px;margin-right: 20px}.btn-wapper .zixun{width: 130px}.btn-wapper .zixun i{position: relative;top: 2px;display: inline-block;width: 15px;height: 15px;background: url(/proc/training/pc/images/zaixiankefu.png?hash=378bb9ef) no-repeat;margin-right: 14px}.btn-wapper .active{background: #2FCC71}.course-content{width: 1210px;margin: 30px auto;border: 1px solid #edeef0;padding: 30px;background: #fff;overflow: hidden;display: flex;justify-content: space-between}.list-topic{flex: 7.5;margin-right: 30px;overflow: hidden;height: auto}.list-topic h1{font-size: 24px;margin-bottom: 15px}.list-topic .course-list{width: 100%}.course-list li{border: 1px solid #eaeaea;padding: 23px 0;padding-left: 20px;overflow: hidden;position: relative;border-bottom: 0}.course-list li:last-of-type{border-bottom: 1px solid #eaeaea}.course-list li>img:nth-of-type(1){width: 40px;margin-right: 24px}.course-list div p:nth-of-type(1){font-size: 16px;color: #020202;margin-bottom: 7px;font-weight: 600}.course-list div p:nth-of-type(2){font-size: 14px;color: #7c7c7c}.course-list li .audition{width: 80px;height: 36px;position: absolute;right: 140px;background-color: #2bd36d;line-height: 36px;color: #fff;text-align: center;margin-top: 12px}.course-list li .replay{width: 106px;height: 36px;position: absolute;right: 30px;background-color: #195ef6;line-height: 36px;color: #fff;text-align: center;text-indent: 2px;margin-top: 12px;cursor: pointer}.course-list li .replay.student{width: 106px;height: 36px;position: absolute;right: 30px;background-color: #fff;border: 1px solid #195ef6;line-height: 36px;color: #195ef6;text-align: center;text-indent: 2px;margin-top: 12px;cursor: pointer}.course-list li .audition i{position: relative;top: 2px;display: inline-block;width: 0;height: 0;border-width: 7px 11px;border-color: transparent transparent transparent #fff;border-style: solid}.course-list li .replay i{position: relative;left:0px;top: 2px;display: inline-block;border-width: 7px 11px;border-color: transparent transparent transparent #fff;border-style: solid}.course-list li .replay.student i{position: relative;left:0px;top: 2px;display: inline-block;border-width: 7px 11px;border-color: transparent transparent transparent #195ef6;border-style: solid}.course-list li .create-video{color: #6e747c;font-size: 14px;position: absolute;right: 50px;top: 50%;transform: translateY(-50%);text-align: center}.student-list{flex: 3;height: auto}.student-list h1{font-size: 24px;margin-bottom: 15px}.student-list .name-list{padding: 20px;border: 1px solid #edeef0;overflow: hidden}.student-list .name-list li{width: 40px;height: auto;margin-right: 18px;float: left}.student-list .name-list li:nth-of-type(5n){margin-right: 0}.student-list .name-list li img{width: 40px;height: 40px;border-radius: 100%}.student-list .name-list li p{height: 40px;line-height: 40px;color: #7c7c7c;font-size: 12px;width: 100%;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}.jiemo-trainingcenter-list{width: 100%;background: #f4f7fc;padding: 20px 0 80px 0;overflow: hidden}.jiemo-trainingcenter-list .center-teacher{width: 1210px;height: auto;margin: 0 auto}.jiemo-trainingcenter-list .center-teacher .teacherlist-box{width: 600px;min-height: 260px;border: 1px solid #f2f5f9;background: #fff;position: relative;padding: 30px 80px;float: left;margin-right: 10px;margin-bottom: 30px;overflow: hidden}.jiemo-trainingcenter-list .center-teacher .teacherlist-box:nth-of-type(2n){margin-right: 0}.jiemo-trainingcenter-list .center-teacher .teacherlist-box h2{width: 100%;text-align: left;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 25px}.jiemo-trainingcenter-list .center-teacher .teacherlist-box p{padding: 5px 0;font-size: 14px;color: #111;width: 100%;text-align: left;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}.jiemo-trainingcenter-list .center-teacher .teacherlist-box p:nth-child(2){color: #222;font-size: 16px;color: #111;text-align: left;font-weight: 600}.jiemo-trainingcenter-list .center-teacher .teacherlist-box p:nth-child(3){color: #6e747c;font-size: 16px;text-align: left;color: #111;font-weight: 600}.jiemo-trainingcenter-list .center-teacher .teacherlist-box p:nth-of-type(2) span{color: #1485fb}.jiemo-trainingcenter-list .center-teacher .teacherlist-box .procress-course{width: 400px;height: 10px;background: #e7ebf0;border-radius: 5px;margin-top: 15px;position: relative;overflow: hidden}.jiemo-trainingcenter-list .center-teacher .teacherlist-box .procress-course .course-precent{border-radius: 5px;position: absolute;height: 10px;left: 0;top: 0;background: #1485fb}.jiemo-trainingcenter-list .center-teacher .teacherlist-box .course-times{min-width: 300px;white-space: nowrap;width: auto;padding: 0 20px;height: 40px;text-align: center;line-height: 40px;color: #fff;position: absolute;top: 0;left: 50%;transform: translateX(-50%)}.jiemo-trainingcenter-list .center-teacher .teacherlist-box .course-times.before{background: #3b77fc}.jiemo-trainingcenter-list .center-teacher .teacherlist-box .course-times.after{background: #8991a2}.jiemo-trainingcenter-list .center-teacher .teacherlist-box .course-times.today{background: #57d958}.jiemo-trainingcenter-list .center-teacher .teacherlist-box .class-entry{width: 175px;height: 50px;background: #fff url(/proc/training/pc/images/shouke.png?hash=0d7fb186) no-repeat;background-position:33px center;text-align: center;color: #195ef6;display: block;border: 1px solid #195ef6;line-height: 50px;text-indent: 10px;transition: all .3s;margin: 40px auto 0 auto}.jiemo-trainingcenter-list .center-teacher .teacherlist-box .class-entry:hover{transform: scale(1.05)}.studentlist-box{margin-bottom: 30px}.studentlist-box .course-time{width: 250px;color:#6e747c}.living-img{margin-left: 15px}