@charset "UTF-8";body{font-family: "PingFang SC"}.jiemo-common-header .top-wrap{background: #f6f6f6 !important}.jiemo-common-header .nav-wrap{width: 100%;height: 80px}.jiemo-common-header .nav-wrap .content{width: 1210px;height: 80px}.jiemo-common-header .nav-wrap .content .nav-content{width: auto;float: left;margin-left: 40px}.jiemo-common-header .nav-wrap .content .nav-content a{position: relative}.jiemo-common-header .nav-wrap .content .nav-content a .isTeacher{width: 33px;height: 19px;position: absolute;top: 13px;right: -5px;background: url(/proc/training/pc/images/teacher.png?hash=acc3ebed) no-repeat;background-size: 100%}.jiemo-common-header .nav-wrap .content .nav-content a .isStudent{width: 90px;height: 20px;position: absolute;top: 7px;right: -4px;background: url(/proc/training/pc/images/teacherindex.png?hash=f0334ee2) no-repeat;background-size: 100%}.jiemo-common-header .nav-wrap .content .nav-content a:nth-last-of-type(1){margin-right: 0}.jiemo-common-header .nav-wrap .content .nav-content a.active{color: #2667f5;font-weight: bold;border-bottom: 3px solid #2667f5;position: relative}.jiemo-common-header .nav-wrap .content .nav-content a:hover{color: #2667f5;font-weight: bold;border-bottom: 3px solid #2667f5}.jiemo-common-header .nav-wrap .content .notlogin{display: none;float: right}.jiemo-common-header .nav-wrap .content .notlogin a{color: #414141;height: 100%;display: inline-block}.jiemo-common-header .nav-wrap .content .notlogin a:hover{color: #2667f5;font-weight: bold}.jiemo-common-header .nav-wrap .content .notlogin i{width: 45px;display: inline-block}.jiemo-common-header .nav-wrap .content .islogin{margin-left: 50px;float: right;display: none;height: 100%}.jiemo-common-header .nav-wrap .content .islogin a{color: #414141;display: inline-block}.jiemo-common-header .nav-wrap .content .islogin a:hover{color: #2667f5;font-weight: bold}.jiemo-common-header .nav-wrap .content .login_active{display: inline-block}.jiemo-common-header .top-wrap .content .center .user-dropdown{right: -20px}.fixed-nav{width: 75px;position: fixed;right: 6.25%;top: 50%;transform: translateY(-50%);z-index: 50;box-shadow: 0 0 16px rgba(72,72,114,0.3);display: none}.fixed-nav li{width: 100%;height: 32px;line-height: 32px;text-align: center;font-size: 11px;color: #2e3339;cursor: pointer;background: #fff;border-radius: 5px}.fixed-nav li:nth-of-type(2){border-top: 2px solid #66c08c}.fixed-nav li:nth-of-type(3){border-top: 2px solid #7258f0}.fixed-nav li:nth-of-type(4){border-top: 2px solid #ea9965}.fixed-nav li:nth-of-type(5){border-top: 2px solid #ea9965}.fixed-nav li:nth-of-type(6){border-top: 2px solid #206aff}.lesson-index{width: 100%;padding-top: 19px}.lesson-index:nth-of-type(2n+1){background: #f4f7fc !important}.content{width: 1210px;margin: 0 auto}.jiemo-training-index{width: 100%}.jiemo-training-index .content{width: 1210px;margin: 0 auto}.jiemo-training-index .index-banner{height: 700px;width: 100%;margin: 0 auto;overflow: hidden}.jiemo-training-index .index-banner .swiper-container{width: 100%;height: 100%;color: #fff;text-align: center}.jiemo-training-index .index-banner .swiper-container .pagination{position: absolute;z-index: 20;left: 50%;transform: translateX(-50%);bottom: 10px}.jiemo-training-index .index-banner .swiper-container .swiper-slide{width: 100%;height: 100%;background: -webkit-gradient(linear,0% 0%,100% 0%,from(#2669F3),to(#26A5FF),color-stop(0.5,#2A7DF7))}.jiemo-training-index .index-banner .swiper-container .swiper-slide a{width: 100%;height: 100%;display: block}.jiemo-training-index .index-banner .swiper-container .swiper-slide a img{width: 100%;height: 100%}.jiemo-training-index .index-banner .swiper-container .swiper-pagination-switch{box-sizing: border-box;display: inline-block;width: 50px;height: 5px;border-radius: 5px;background: #fff;margin-right: 7px;opacity: 0.5;border: 1px solid #fff;cursor: pointer}.jiemo-training-index .index-banner .swiper-container .swiper-visible-switch{background: #aaa}.jiemo-training-index .index-banner .swiper-container .swiper-active-switch{opacity: 1;background: #fff}.jiemo-training-index .index-title{width: 100%;height: 100px;margin-top: 20px}.jiemo-training-index .index-title .content{position: relative;height: 100%;border-bottom: 1px solid #e3e3e3}.jiemo-training-index .index-title .content .title-img{float: left;margin-top: 36px}.jiemo-training-index .index-title .content h4{float: left;width: 300px;display: inline-block;margin-left: 15px;height: 100px;line-height: 100px;font-size: 28px;color: #3c3c3c}.jiemo-training-index .index-title .content .title-img-style{position: absolute;right: 86px;bottom: 0;z-index: 10}.jiemo-training-index .course-list-index{width: 100%;height: auto;padding-top: 20px}.jiemo-training-index .course-list-index .content{overflow: hidden;padding-bottom: 60px;padding: 0 5px 60px 10px}.jiemo-training-index .course-intr-index{max-width: 1920px;margin: 0 auto;height: 1000px;background: url(/proc/training/pc/images/index-intr.png?hash=fa7d0d77) no-repeat center;background-position: center 0;padding-top: 120px}.jiemo-training-index .course-intr-index .index-intr-title{text-align: center}.jiemo-training-index .course-intr-index .index-intr-title h3{font-size: 40px;line-height: 90px;color: #2e3339}.jiemo-training-index .course-intr-index .index-intr-title p{font-size: 14px;line-height: 50px;color: #787f8b}.jiemo-training-index .course-intr-index .card-content{width: 1300px;height: auto;margin: 80px auto;display: flex;justify-content: space-around;flex-wrap: wrap}.jiemo-training-index .course-intr-index .card-content .card-list{width: 609px;height: 262px;box-shadow: 0px 8px 30px 0px rgba(72,72,114,0.08);margin-bottom: 30px;transition: all .3s}.jiemo-training-index .course-intr-index .card-content .card-list:hover{transform: scale(1.02)}.jiemo-training-index .course-intr-index .card-content .card-list a{width: 100%;height: 100%;display: block;position: relative;cursor: pointer}.jiemo-training-index .course-intr-index .card-content .card-list a img{position: absolute;width: 130px;height: 130px;border-radius: 100%;left: 50px;top: 50%;transform: translateY(-50%)}.jiemo-training-index .course-intr-index .card-content .card-list a h3{font-size: 38px;width: 200px;position: absolute;top: 70px;left: 242px}.jiemo-training-index .course-intr-index .card-content .card-list a p.text-language{font-size: 16px;line-height: 25px;position: absolute;left: 242px;top: 135px;color: #787f8b}.jiemo-training-index .course-intr-index .card-content .card-list a p.text-zh{font-size: 16px;line-height: 25px;position: absolute;left: 242px;top: 165px;color: #787f8b}.jiemo-training-index .course-intr-index .card-content .card-list:nth-of-type(1){background: url(/proc/training/pc/images/course-intr1.png?hash=23c79733) no-repeat;background-size: 100%}.jiemo-training-index .course-intr-index .card-content .card-list:nth-of-type(1) h3{color: #eb5f80}.jiemo-training-index .course-intr-index .card-content .card-list:nth-of-type(2){background: url(/proc/training/pc/images/course-intr2.png?hash=034c8085) no-repeat;background-size: 100%}.jiemo-training-index .course-intr-index .card-content .card-list:nth-of-type(2) h3{color: #66c08c}.jiemo-training-index .course-intr-index .card-content .card-list:nth-of-type(3){background: url(/proc/training/pc/images/course-intr3.png?hash=76086b35) no-repeat;background-size: 100%}.jiemo-training-index .course-intr-index .card-content .card-list:nth-of-type(3) h3{color: #7258f0}.jiemo-training-index .course-intr-index .card-content .card-list:nth-of-type(4){background: url(/proc/training/pc/images/course-intr4.png?hash=566651b8) no-repeat;background-size: 100%}.jiemo-training-index .course-intr-index .card-content .card-list:nth-of-type(4) h3{color: #cf7165}.jiemo-training-index .course-intr-index .card-content .card-list:nth-of-type(4) p.text-zh{font-size: 16px;line-height: 25px;position: absolute;left: 242px;top: 188px;color: #787f8b}.jiemo-training-index .classroom-index{width: 100%;max-width: 1920px;margin: 0 auto;height: 710px;position: relative;overflow: hidden;background: url(/proc/training/pc/images/course-scene-bg.png?hash=e3b600a8) no-repeat;background-position: 112% -5%;padding-top: 120px}.jiemo-training-index .classroom-index .room-right-box{width: 986px;height: 521px;margin-right: 8.2%;background: url(/proc/training/pc/images/classroom-scene.png?hash=24d611cd) no-repeat;background-size: 100%;position: absolute;left: 50%;transform: translateX(-15%)}.jiemo-training-index .classroom-index .room-right-box .room-right{width: 835px;height: 100%;position: absolute;left: 71px;top: 50px}.jiemo-training-index .classroom-index .room-right-box .room-right img.flower{position: absolute;right: 22px;bottom: 40px;z-index: 50}.jiemo-training-index .classroom-index .room-right-box .room-right img.classroom{width: 815px;position: relative;left: 20px;top: 2px;box-shadow: 6px 6px 9px rgba(0,0,0,0.23)}.jiemo-training-index .classroom-index .room-right-box .room-right .head_img{position: absolute;width: 20px;top: 12px;right: 210px}.jiemo-training-index .classroom-index .room-right-box .room-right video{width: 163px;height: 98px;position: absolute;right: 0px;top: 39px}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-teacher{position: absolute;left: 20px;top: 42px;width: 652px;height: 379px}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-teacher img{width: 100%;height: 100%}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student{position: absolute;left: 8px;bottom: 7px;width: 275px;height: 137px;border-radius: 15px}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student img{width: 100%;height: 100%}.jiemo-training-index .classroom-index .room-right-box .room-right .scroll-text-pc{height: 240px;position: absolute;right: -15px;top: 186px;width: 160px;overflow: hidden;z-index: 15}.jiemo-training-index .classroom-index .room-right-box .room-right .scroll-text-pc ul{width: 83%;position: absolute;height: 100%;animation: midToTop 9s linear 0s infinite}.jiemo-training-index .classroom-index .room-right-box .room-right .scroll-text-pc ul li{height: 30px}.jiemo-training-index .classroom-index .room-right-box .room-right .scroll-text-pc ul img{height: 20px}.jiemo-training-index .classroom-index .room-right-box .room-right .scroll-text-pc .clone-pc{width: 83%;position: absolute;height: 100%;animation: buttomToMid 9s linear 0s infinite}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box{position: absolute;left: 88px;bottom: 10px;width: 292px;height: 152px;border-radius: 20px;z-index: 10;overflow: hidden;background: url(/proc/training/pc/images/video-border.png?hash=d1c0aba4) no-repeat;background-size: 100% 100%}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box img.btn-phone{width: 17px;right: 15px;position: absolute;z-index: 15}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box img.btn-phone:nth-of-type(1){top: 40px}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box img.btn-phone:nth-of-type(2){top: 65px}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box img.btn-phone:nth-of-type(3){top: 90px}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box img.phone-send{width: 13px;position: absolute;bottom: 12px;left: 102px;z-index: 15}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box img.text-input{width: 83px;position: absolute;bottom: 14px;left: 14px;z-index: 15}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box .scroll-text{height: 80px;position: absolute;left: 15px;top: 30px;width: 100px;overflow: hidden;z-index: 15}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box ul{width: 86px;position: absolute;height: 100%;animation: midToTop 8s linear 0s infinite}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box ul li{height: 15px}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box ul img{height: 10px}.jiemo-training-index .classroom-index .room-right-box .room-right .classroom-student-box .clone{position: absolute;height: 100%;animation: buttomToMid 8s linear 0s infinite}.jiemo-training-index .classroom-index .room-left{width: 690px;height: 585px;background: url(/proc/training/pc/images/course-scene.png?hash=caa12731) no-repeat;background-size: 100%;position: relative;z-index: 20}.jiemo-training-index .classroom-index .room-left-text{padding-right: 60px;padding-left: 35px;padding-top: 30px;float: right;background: url(/proc/training/pc/images/classroom-bg.png?hash=c981fff2) no-repeat;background-position: 424px 5px}.jiemo-training-index .classroom-index .room-left-text ul li{line-height: 70px;font-size: 22px;color: #111}.jiemo-training-index .classroom-index .room-left-text ul li img{margin-right: 25px;transform: translateY(2px)}.jiemo-training-index .teacher-index{width: 100%;max-width: 1920px;margin: 0 auto;overflow: hidden;height: 1850px;padding-top: 100px;position: relative;background: url(/proc/training/pc/images/teacher-bg.png?hash=0ad16e51) no-repeat;background-position: 190px 240px}.jiemo-training-index .teacher-index .teacher-content{width: 860px;height: 862px;position: absolute;background: url(/proc/training/pc/images/teacherinfo-bg.png?hash=00f4040e) no-repeat;left: 50%}.jiemo-training-index .teacher-index .teacher-content .teacher-swiper{width: 100%;height: 100%}.jiemo-training-index .teacher-index .teacher-content .teacher-swiper .swiper-slide{width: 100%;height: 100%;position: relative}.jiemo-training-index .teacher-index .teacher-content .teacher-swiper .swiper-slide .teacher-name{position: absolute;font-size: 28px;left: 434px;top: 546px;width: 250px;color: #fff}.jiemo-training-index .teacher-index .teacher-content .teacher-swiper .swiper-slide .teacher-audio{width: 181px;height: 44px;background: url(/proc/training/pc/images/audio-image.png?hash=ada5ed96) no-repeat;background-size: 100%;position: absolute;left: 434px;top: 596px;cursor: pointer;font-size: 22px;line-height: 44px;color: #58a4f3;padding-right: 16px}.jiemo-training-index .teacher-index .teacher-content .teacher-swiper .swiper-slide .teacher-audio span{float: right}.jiemo-training-index .teacher-index .teacher-content .teacher-swiper .swiper-slide img.teacher-portrait{width: 140px;height: 140px;border-radius: 100%;left: 262px;top: 521px;position: absolute;background-color: #fff}.jiemo-training-index .teacher-index .teacher-content .teacher-swiper .swiper-slide p.teacher-text{position: absolute;left: 199px;top: 310px;width: 550px;line-height: 35px;font-size: 20px;color: #fff;font-style: italic}.jiemo-training-index .teacher-index .jp-navigation{position: absolute;top: 670px;left: 200px;height: 220px;z-index: 50;width: auto}.jiemo-training-index .teacher-index .jp-navigation h1{font-size: 38px;line-height: 80px}.jiemo-training-index .teacher-index .jp-navigation .swiper-pagination-teacher{width: 485px;height: 108px;overflow: hidden;white-space: nowrap;overflow-x: auto}.jiemo-training-index .teacher-index .jp-navigation .swiper-pagination-teacher::-webkit-scrollbar{display: none}.jiemo-training-index .teacher-index .jp-navigation .bullet{display: inline-block;width: 80px;height: 80px;margin: 0 14px;cursor: pointer;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}.jiemo-training-index .teacher-index .jp-navigation .bullet img{width: 100%;height: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}.jiemo-training-index .teacher-index .jp-navigation .bullet.active{width: 100px;height: 100px;-webkit-box-shadow: 2px 3px 7px rgba(142,151,176,0.38);-moz-box-shadow: 2px 3px 7px rgba(142,151,176,0.38);box-shadow: 2px 3px 7px rgba(142,151,176,0.38)}.jiemo-training-index .teacher-index .jp-navigation .teacher-prev,.jiemo-training-index .teacher-index .jp-navigation .teacher-next{position: absolute;top: 205px;left: 0;width: 26px;height: 19px;transform: translateY(-50%);z-index: 10;cursor: pointer;background: url(/proc/training/pc/images/jiantou-l.png?hash=ed65d244) no-repeat 0 50%}.jiemo-training-index .teacher-index .jp-navigation .teacher-next{left: 120px;background: url(/proc/training/pc/images/jiantou-r.png?hash=e379e854) no-repeat 0 50%}.jiemo-training-index .teacher-index .en-navigation{position: absolute;bottom: 400px;right: 9%;height: 220px;z-index: 50;width: auto}.jiemo-training-index .teacher-index .en-navigation h1{font-size: 38px;line-height: 80px}.jiemo-training-index .teacher-index .en-navigation .swiper-pagination-teacher{width: 485px;height: 108px;overflow: hidden;white-space: nowrap;overflow-x: auto}.jiemo-training-index .teacher-index .en-navigation .swiper-pagination-teacher::-webkit-scrollbar{display: none}.jiemo-training-index .teacher-index .en-navigation .bullet{display: inline-block;width: 80px;height: 80px;margin: 0 14px;cursor: pointer;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}.jiemo-training-index .teacher-index .en-navigation .bullet img{width: 100%;height: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}.jiemo-training-index .teacher-index .en-navigation .bullet.active{width: 100px;height: 100px;-webkit-box-shadow: 2px 3px 7px rgba(142,151,176,0.38);-moz-box-shadow: 2px 3px 7px rgba(142,151,176,0.38);box-shadow: 2px 3px 7px rgba(142,151,176,0.38)}.jiemo-training-index .teacher-index .en-navigation .teacher-prev,.jiemo-training-index .teacher-index .en-navigation .teacher-next{position: absolute;top: 205px;left: 0;width: 26px;height: 19px;transform: translateY(-50%);z-index: 10;cursor: pointer;background: url(/proc/training/pc/images/jiantou-l.png?hash=ed65d244) no-repeat 0 50%}.jiemo-training-index .teacher-index .en-navigation .teacher-next{left: 120px;background: url(/proc/training/pc/images/jiantou-r.png?hash=e379e854) no-repeat 0 50%}.jiemo-training-index .ielts-content{width: 860px;height: 862px;position: absolute;background: url(/proc/training/pc/images/teacherinfo-bg.png?hash=00f4040e) no-repeat;right: 50%;bottom: 0}.jiemo-training-index .ielts-content .teacher-swiper{width: 100%;height: 100%}.jiemo-training-index .ielts-content .teacher-swiper .swiper-slide{width: 100%;height: 100%;position: relative}.jiemo-training-index .ielts-content .teacher-swiper .swiper-slide .teacher-name{position: absolute;font-size: 28px;left: 434px;top: 546px;width: 250px;color: #fff}.jiemo-training-index .ielts-content .teacher-swiper .swiper-slide .teacher-audio{width: 181px;height: 44px;background: url(/proc/training/pc/images/audio-image.png?hash=ada5ed96) no-repeat;background-size: 100%;position: absolute;left: 434px;top: 596px;cursor: pointer;font-size: 22px;line-height: 44px;color: #58a4f3;padding-right: 16px}.jiemo-training-index .ielts-content .teacher-swiper .swiper-slide .teacher-audio span{float: right}.jiemo-training-index .ielts-content .teacher-swiper .swiper-slide img.teacher-portrait{width: 140px;height: 140px;border-radius: 100%;left: 262px;top: 521px;position: absolute;background-color: #fff}.jiemo-training-index .ielts-content .teacher-swiper .swiper-slide p.teacher-text{position: absolute;left: 199px;top: 310px;width: 550px;line-height: 35px;font-size: 20px;color: #fff;font-style: italic}.jiemo-training-index .paper-student{width: 100%}.jiemo-training-index .paper-student .content{overflow: hidden;width: 980px;height: 590px;margin-bottom: 70px;margin-top: 20px}.jiemo-training-index .paper-student .content .list-paper{width: 218px;height: 265px;float: left;margin-right: 35px;margin-top: 30px;position: relative}.jiemo-training-index .paper-student .content .list-paper:nth-of-type(4n){margin-right: 0}.jiemo-training-index .paper-student .content .list-paper .re-item-front,.jiemo-training-index .paper-student .content .list-paper .re-item-back{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;-webkit-transition: all 1.5s;-moz-transition: all 1.5s;-ms-transition: all 1.5s;-o-transition: all 1.5s;overflow: hidden;color: #000;cursor: pointer}.jiemo-training-index .paper-student .content .list-paper .re-item-front{background: #fff url(/proc/training/pc/images/paper-list.png?hash=a3c85818) no-repeat;background-position: center 20px;background-size: 100%;position: relative;cursor: pointer;border: 1px solid #eeecec;border-radius: 16px;box-shadow: 0px 4px 30px 0px rgba(77,112,224,0.2)}.jiemo-training-index .paper-student .content .list-paper .re-item-back{background: url(/proc/training/pc/images/paper-back-bg.png?hash=b770b56a) no-repeat;background-size: 100% 100%;border-radius: 16px;box-shadow: 0px 4px 30px 0px rgba(77,112,224,0.2);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);padding-top: 11px;padding-left: 7px;padding-right: 7px}.jiemo-training-index .paper-student .content .list-paper .re-item-back .text-top{color: #556597;font-size: 14px;text-align: right;line-height: 35px;padding-right: 10px}.jiemo-training-index .paper-student .content .list-paper .re-item-back p.text-detail{color: #556597;font-size: 14px;text-align: left;line-height: 36px}.jiemo-training-index .paper-student .content .list-paper:hover .re-item-front{transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg)}.jiemo-training-index .paper-student .content .list-paper:hover .re-item-back{transform: rotateY(-360deg);-webkit-transform: rotateY(-360deg)}.jiemo-training-index .paper-student .content .list-paper img{position: absolute;width: 70px;height: 70px;border-radius: 100%;left: 50%;top: 80px;transform: translateX(-50%)}.jiemo-training-index .paper-student .content .list-paper h2{font-size: 16px;position: absolute;top: 165px;color: #111;width: 100%;text-align: center}.jiemo-training-index .paper-student .content .list-paper p.level{color: #aeaeae;font-size: 14px;position: absolute;text-align: center;width: 100%;top: 190px}.jiemo-training-index .paper-student .content .list-paper h3{font-size: 24px;color: #fe4452;position: absolute;top: 215px;width: 100%;text-align: center}.jiemo-training-index .paper-student .content .list-paper h3 span{font-size: 16px}.jiemo-training-index .index-bottom{margin-top: 110px;padding-top: 210px;width: 100%;height: 1650px;background: url(/proc/training/pc/images/index-bottom.jpg?hash=a8265e63) no-repeat;background-position: center 0}.jiemo-training-index .index-bottom .title-bottom{text-align: center;color: #fff;font-size: 40px;height: 100px;line-height: 100px}.jiemo-training-index .index-bottom .tab-title{width: 990px;height: 90px;margin: 30px auto !important;display: flex;justify-content: space-between}.jiemo-training-index .index-bottom .tab-title a{height: 90px}.jiemo-training-index .index-bottom .tab-title a:hover{box-shadow: none !important}.jiemo-training-index .index-bottom .partner{width: 1230px;margin: 30px auto !important;display: flex;justify-content: space-between}.jiemo-training-index .index-bottom .partner .partner-card{width: 285px;height: 110px;border-radius: 20px;background: #7377f7;padding: 22px 46px}.ask-index{margin-top: 84px;width: 100%;height: auto}.ask-index .ask-title{width: 100%;height: 170px;position: relative}.ask-index .ask-title h2{width: 150px;height: 65px;line-height: 65px;text-align: center;font-size: 27px;color: #3c3c3c;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url(/proc/training/pc/images/index-bottom-title.png?hash=e8fc93d0) no-repeat;background-position: 0 0}.ask-index .ask-title h2:after{width: 4px;height: 4px;content: '';position: absolute;background: #2667f5;display: block;right: 0px;bottom: 20px}.ask-index .content .tab-title{width: 100%;height: 200px}.ask-index .content .tab-title .ask-tab{margin-right: 22px;display: inline-block;height: 170px;border-radius: 5px;transition: all .3s;position: relative}.ask-index .content .tab-title .ask-tab:nth-of-type(3){margin-right: 0}.ask-index .content .tab-title .ask-tab:nth-of-type(1):hover{box-shadow: 0px 0px 10px rgba(254,154,82,0.73)}.ask-index .content .tab-title .ask-tab:nth-of-type(1).active{box-shadow: 0px 0px 10px rgba(254,154,82,0.73)}.ask-index .content .tab-title .ask-tab:nth-of-type(1).active::after{content: '';display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #fe9a52;position: absolute;left: 50%;transform: translateX(-50%);bottom: -15px}.ask-index .content .tab-title .ask-tab:nth-of-type(2):hover{box-shadow: 0px 0px 10px rgba(78,132,238,0.73)}.ask-index .content .tab-title .ask-tab:nth-of-type(2).active{box-shadow: 0px 0px 10px rgba(78,132,238,0.73)}.ask-index .content .tab-title .ask-tab:nth-of-type(2).active::after{content: '';display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #5b9ef0;position: absolute;left: 50%;transform: translateX(-50%);bottom: -15px}.ask-index .content .tab-title .ask-tab:nth-of-type(3):hover{box-shadow: 0px 0px 10px rgba(91,201,143,0.73)}.ask-index .content .tab-title .ask-tab:nth-of-type(3).active{box-shadow: 0px 0px 10px rgba(91,201,143,0.73)}.ask-index .content .tab-title .ask-tab:nth-of-type(3).active::after{content: '';display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #5ccb8f;position: absolute;left: 50%;transform: translateX(-50%);bottom: -15px}.ask-index .content .ask-list{width: 100%;height: auto;padding-bottom: 180px}.ask-index .content .ask-list ul{width: 100%}.ask-index .content .ask-list ul li{width: 100%;padding: 30px;margin-bottom: 26px;border: 1px solid #EEE;background: url(/proc/training/pc/images/ask-indexbg.png?hash=c3dbbf92) no-repeat;background-position: 90% 30px;overflow: hidden}.ask-index .content .ask-list ul li p{display: block}.ask-index .content .ask-list ul li p img{width: 30px}.ask-index .content .ask-list ul li p a{color: #3873f7}.ask-index .content .ask-list ul li p:nth-of-type(1){font-size: 22px;color: #3c3c3c;font-weight: bold;line-height: 40px;margin-bottom: 20px}.ask-index .content .ask-list ul li p:nth-of-type(1) img{margin-right: 20px;transform: translateY(8px)}.ask-index .content .ask-list ul li p:nth-of-type(2){font-size: 18px;color: #696969;line-height: 35px}.ask-index .content .ask-list ul li p:nth-of-type(2) img{margin-right: 20px;transform: translateY(8px)}.index-title{width: 100%;height: 100px;margin-top: 20px}.index-title .content{position: relative;height: 100%;border-bottom: 1px solid #e3e3e3}.index-title .content .title-img{float: left;margin-top: 36px}.index-title .content h4{float: left;width: 300px;display: inline-block;margin-left: 15px;height: 100px;line-height: 100px;font-size: 28px;color: #3c3c3c}.index-title .content .title-img-style{position: absolute;right: 86px;bottom: 0;z-index: 10}.title-more{color: #7c7c7c;font-size: 17px;float: right;line-height: 98px;height: 100px;background: url(/proc/training/pc/images/jiantou.png?hash=55ac6a70) no-repeat;background-size: 7px;background-position: 100%;transition: all .3s}.title-more:hover{color: #195ef6;background: url(/proc/training/pc/images/jiantouhover.png?hash=1f66ceb4) no-repeat;background-position: 100%;background-size: 7px}.course-box{width: 290px;height: 350px;border: 1px solid #f2f2f2;float: left;margin-right: 10px;margin-top: 25px;transition: all .3s;background: #fff}.course-box:hover{box-shadow: 0px 0px 10px rgba(126,158,252,0.58);transform: scale(1.005)}.course-box:nth-of-type(4n){margin-right: 0}.course-box img{width: 100%;height: 150px;transition: all .3s;display: block}.course-box .overseas-bottom{padding-left: 15px;color: #111}.course-box .overseas-bottom h2{width: 96%;min-height: 56px;font-size: 20px;color: #222;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px;margin-top: 6px}.course-box .overseas-bottom p:nth-of-type(1){font-size: 14px;color: #222;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.course-box .overseas-bottom p:nth-of-type(1) span{color: #057AFF}.course-box .overseas-bottom .teacher-img{margin-bottom: 5px;height: 40px}.course-box li{margin-right: 5px}.course-box .overseas-bottom .line{margin: 0}.course-box .line{width: 260px;height: 1px;background: #f4f4f4;margin: 0 auto}.course-box .money{margin-top: 5px}.course-box .money div:nth-of-type(1) span:nth-of-type(1){font-size: 28px;color: #FF4858;font-weight: 600}.course-box .money div:nth-of-type(1) span:nth-of-type(1) i{font-size: 14px}.course-box .money div:nth-of-type(1) span:nth-of-type(2){font-size: 14px;color: #666;text-decoration: line-through}.course-box .money div:nth-of-type(2) span{font-size: 14px;color: #111;line-height: 50px;margin-right: 20px}.jiemo-training-list{padding-bottom: 80px}.jiemo-training-list .content{overflow: hidden;padding-bottom: 20px;padding: 0 5px 20px 5px}.jiemo-training-list .content .card-list{width: 100%;height: 480px;padding: 0 0 30px 0}.jiemo-training-list .content .card-list .card-course{width: 385px;height: 204px;float: left;margin-right: 18px;margin-top: 20px;cursor: pointer;border-radius: 10px;transition: all .3s;padding: 20px}.jiemo-training-list .content .card-list .card-course a{width: 100%;height: 100%;display: block}.jiemo-training-list .content .card-list .card-course h3{color: #fff;font-size: 26px;font-weight: normal;margin-bottom: 14px}.jiemo-training-list .content .card-list .card-course span{color: #fff;font-size: 16px;opacity: 0.7}.jiemo-training-list .content .card-list .card-course:nth-of-type(3n){margin-right: 0}.jiemo-training-list .content .card-list .card-course.card0{background: url(/proc/training/pc/images/utop.png?hash=5b6b635e) no-repeat;background-size: 105%}.jiemo-training-list .content .card-list .card-course.card0:hover{box-shadow: 0px 0px 10px rgba(216,134,73,0.74)}.jiemo-training-list .content .card-list .card-course.card1{background: url(/proc/training/pc/images/card1.png?hash=691ba712) no-repeat;background-size: 105%}.jiemo-training-list .content .card-list .card-course.card1:hover{box-shadow: 0px 0px 10px rgba(238,90,132,0.58)}.jiemo-training-list .content .card-list .card-course.card2{background: url(/proc/training/pc/images/card2.png?hash=ca7bdff0) no-repeat;background-size: 105%}.jiemo-training-list .content .card-list .card-course.card2:hover{box-shadow: 0px 0px 10px rgba(147,81,235,0.58)}.jiemo-training-list .content .card-list .card-course.card3{background: url(/proc/training/pc/images/card3.png?hash=4a7b7432) no-repeat;background-size: 105%}.jiemo-training-list .content .card-list .card-course.card3:hover{box-shadow: 0px 0px 10px rgba(253,135,57,0.58)}.jiemo-training-list .content .card-list .card-course.card4{background: url(/proc/training/pc/images/card4.png?hash=8dffaf10) no-repeat;background-size: 105%}.jiemo-training-list .content .card-list .card-course.card4:hover{box-shadow: 0px 0px 10px rgba(70,177,146,0.58)}.jiemo-training-list .content .card-list .card-course.card5{background: url(/proc/training/pc/images/card5.png?hash=eb5fa09b) no-repeat;background-size: 105%}.jiemo-training-list .content .card-list .card-course.card5:hover{box-shadow: 0px 0px 10px rgba(77,130,238,0.58)}.jiemo-training-list .content .reply-entry{width: 100%;height: 154px;background: url(/proc/training/pc/images/replyB.png?hash=1207cc20) no-repeat;background-size: 100%;text-align: center;transition: all .3s;background-position: center;padding: 35px 0;cursor: pointer}.jiemo-training-list .content .reply-entry:hover{background-size: 102%;background-position: center}.jiemo-training-list .content .reply-entry a{width: 100%;height: 100%;display: block}.jiemo-training-list .content .reply-entry img{width: 38px;display: inline-block;transform: translateY(3px);margin-right: 5px}.jiemo-training-list .content .reply-entry h2{font-size: 26px;color: #fff;font-weight: normal;margin-bottom: 10px}.jiemo-training-list .content .reply-entry p{font-size: 20px;color: #e0e9fd}.jiemo-training-list .title{width: 100%;height: 50px;overflow: hidden;padding-top: 20px}.jiemo-training-list .title .title-left{display: flex;align-items: center}.jiemo-training-list .title .title-left img{margin-right: 15px}.jiemo-training-list .title .title-left span{font-size: 24px;color: #222;font-weight: 600;margin-right: 40px}.jiemo-training-list .title .title-left img{margin-top: 4.5px\0}.jiemo-training-list .title .title-left p{font-size: 18px;color: #7c7c7c;padding-bottom: 2px;cursor: pointer}.jiemo-training-list .title .title-left p.active{color: #111}.jiemo-training-list .title .title-left p:nth-of-type(1){margin-right: 12px}.jiemo-training-list .title .title-right .title-more{width: 50px;height: auto;line-height: 1}.jiemo-training-list .swiper-slide{overflow: hidden;padding: 0 5px}.jiemo-training-list .swiper-container-overseas{width: 100%;overflow: hidden;min-height: 681px;height: auto}.jiemo-training-list .swiper-container-overseas .swiper-wrapper{width: 100%;height: 100%}.jiemo-training-list .index-title{height: 70px}.jiemo-training-list .index-title .content{border: 0}.jiemo-training-list .lesson-index{padding-top: 0;background: #fff !important}.jiemo-training-ask .ask-index{margin-top: 25px}.jiemo-live-client{max-width: 1920px;height: auto;margin: 0 auto}.jiemo-live-client .client-banner{width: 1210px;height: 373px;margin: 0 auto;background: url(/proc/training/pc/images/client-banner.png?hash=d5007f67) no-repeat;background-size: 100%;padding-top: 80px;margin-top: 20px}.jiemo-live-client .client-banner p.topic{color: #fff;font-size: 48px;font-weight: normal;text-align: center;margin-bottom: 30px}.jiemo-live-client .client-banner p{color: #fff;font-size: 20px;text-align: center}.jiemo-live-client .client-download{width: 1210px;height: auto;margin: 0 auto;padding: 90px 0;overflow: hidden}.jiemo-live-client .client-download .pc-client{float: left;overflow: hidden}.jiemo-live-client .client-download .pc-client img{float: left}.jiemo-live-client .client-download .pc-client .client-info{float: left}.jiemo-live-client .client-download .pc-client .client-info h2{font-size: 28px;color: #111;margin-bottom: 28px;font-weight: normal}.jiemo-live-client .client-download .pc-client .client-info ul li{color: #9d9d9d;font-size: 20px;height: 30px;line-height: 30px}.jiemo-live-client .client-download .pc-client .client-info .pc-download{float: left;width: 160px;height: 50px;text-align: center;line-height: 50px;font-size: 18px;display: block;color: #fff;background: #195ef6;margin-top: 30px;margin-right: 20px}.jiemo-live-client .client-download .phone-client{margin-left: 20px}.jiemo-live-client .client-intr{width: 1210px;height: 371px;margin: 40px auto}.jiemo-live-client .client-intr p.topic{font-size: 40px;color: #fff;text-align: center;position: relative;top: 50%;transform: translateY(-50%)}.jiemo-live-client .intr1{background: url(/proc/training/pc/images/client-0.png?hash=4924bb62) no-repeat;background-size: 100%}.jiemo-live-client .intr2{background: url(/proc/training/pc/images/client-1.png?hash=0b1c882c) no-repeat;background-size: 100%}.jiemo-live-client .intr3{background: url(/proc/training/pc/images/client-2.png?hash=5b233f5d) no-repeat;background-size: 100%}.jiemo-live-client .jiemocollege-content{width: 100%;height: 752px;background: url(/proc/training/pc/images/jiemocollegebg.jpg?hash=b87aeaa9) no-repeat center}.jiemo-live-client .jiemocollege-content .content{position: relative;height: 100%}.jiemo-live-client .jiemocollege-content .app-des{position: absolute;left: 20px}.jiemo-live-client .jiemocollege-content .app-des h1{font-size: 60px;color: #fff;margin-top: 140px}.jiemo-live-client .jiemocollege-content .app-des h3{font-size: 25px;color: #fff;line-height: 60px}.jiemo-live-client .jiemocollege-content .app-des p{line-height: 40px;width: 580px;color: #ceddfd;font-size: 18px}.jiemo-live-client .jiemocollege-content .ios-download{position: absolute;left: 20px;bottom: 260px}.jiemo-live-client .jiemocollege-content .android-download{position: absolute;left: 20px;bottom: 180px}.jiemo-live-client .jiemocollege-content .college-code{position: absolute;left: 280px;bottom: 190px}.jiemo-live-client .jiemocollege-content .college-app{position: absolute;right: 121px;bottom: 46px}.jiemo-live-client .college-canido{padding-top: 90px;position: relative}.jiemo-live-client .college-canido .circle{background: #fe9899;width: 37px;height: 37px;border-radius: 100%;position: absolute;left: 50%;top: 35px;transform: translateX(50px)}.jiemo-live-client .college-canido h3{color: #195ef6;font-size: 18px;text-align: center}.jiemo-live-client .college-canido h1{line-height: 80px;color: #0c1a2e;font-size: 40px;text-align: center}.jiemo-live-client .college-canido .college-card{width: 1200px;margin: 0 auto;margin-top: 60px;display: flex;justify-content: space-around}.jiemo-live-client .college-canido .college-card img{cursor: pointer;transition: all .3s;border-radius: 5px}.jiemo-live-client .college-canido .college-card img:hover{-moz-box-shadow: 0px 0px 10px rgba(49,62,100,0.13);-webkit-box-shadow: 0px 0px 10px rgba(49,62,100,0.13);box-shadow: 0px 0px 10px rgba(49,62,100,0.13)}.jiemo-live-client .nseries-content{width: 100%;height: 944px;position: relative}.jiemo-live-client .nseries-content .color-bg{position: absolute;width: 100%;height: 680px;bottom: 50px;background: #f5f8fe}.jiemo-live-client .nseries-content .content{position: relative;width: 1214px;height: 100%;background: url(/proc/training/pc/images/nseriesbg.png?hash=8f120100) no-repeat 0px 120px}.jiemo-live-client .nseries-content .app-des{position: absolute;right: 140px;height: 620px;width: 440px;bottom: 0}.jiemo-live-client .nseries-content .app-des h1{font-size: 40px;color: #1c293c;line-height: 103px;height: 103px}.jiemo-live-client .nseries-content .app-des h1 img{display: inline-block;margin-right: 17px;transform: translateY(30px)}.jiemo-live-client .nseries-content .app-des p{line-height: 30px;width: 440px;color: #7a8ca0;font-size: 14px;margin-top: 30px}.jiemo-live-client .nseries-content .app-des .ios-download{position: absolute;right: 240px;bottom: 290px}.jiemo-live-client .nseries-content .app-des .android-download{position: absolute;right: 240px;bottom: 223px}.jiemo-live-client .nseries-content .app-des .college-code{position: absolute;right: 40px;bottom: 233px}.jiemo-live-client .fifty-content{width: 100%;height: 944px;position: relative}.jiemo-live-client .fifty-content .color-bg{position: absolute;width: 100%;height: 680px;bottom: 50px;background: #f5f8fe}.jiemo-live-client .fifty-content .content{position: relative;width: 1214px;height: 100%;background: url(/proc/training/pc/images/fiftybg.jpg?hash=c32cc650) no-repeat 100% 0}.jiemo-live-client .fifty-content .app-des{position: absolute;left: 20px;height: 620px;width: 440px;bottom: 0}.jiemo-live-client .fifty-content .app-des h1{font-size: 40px;color: #1c293c;line-height: 103px;height: 103px;margin-bottom: 30px}.jiemo-live-client .fifty-content .app-des h1 img{display: inline-block;margin-right: 17px;transform: translateY(30px)}.jiemo-live-client .fifty-content .app-des p{line-height: 30px;width: 440px;color: #7a8ca0;font-size: 14px}.jiemo-live-client .fifty-content .app-des .ios-download{position: absolute;right: 240px;bottom: 290px}.jiemo-live-client .fifty-content .app-des .android-download{position: absolute;right: 240px;bottom: 223px}.jiemo-live-client .fifty-content .app-des .college-code{position: absolute;right: 40px;bottom: 233px}.crumbs{margin-top: 28px}.crumbs::after{display: block;content: '';clear: both;opacity: 0}.crumbs,.crumbs a{font-size: 14px;color: #222;margin-right: 10px}.crumbs span{float: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.jiemo-teacher-detail .teacher-banner{width: 100%;height: 490px;margin: 0 auto;overflow: hidden;background: rgba(39,103,245,0.4);position: relative}.jiemo-teacher-detail .teacher-banner.iskorean{background: rgba(255,91,142,0.2)}.jiemo-teacher-detail .teacher-banner .crumbs{color: #fff}.jiemo-teacher-detail .teacher-banner .crumbs a{color: #fff}.jiemo-teacher-detail .teacher-banner .content{position: relative;height: 100%}.jiemo-teacher-detail .teacher-banner .newcontent{position: absolute;top: 0;left: 50%;width: 1210px;margin-left:-605px;z-index: 11}.jiemo-teacher-detail .teacher-banner .flag-area{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 0}.jiemo-teacher-detail .teacher-banner .flag-area a{display: inline-block;vertical-align: middle;width: 40px;opacity: .5;margin-left: 24px;transition: all linear 0.2s}.jiemo-teacher-detail .teacher-banner .flag-area a.active,.jiemo-teacher-detail .teacher-banner .flag-area a:hover{opacity: 1}.jiemo-teacher-detail .teacher-banner .flag-area a img{display: block;width: 100%;height: 30px}.jiemo-teacher-detail .teacher-banner .flag-area a span{display: block;text-align: center;font-size: 12px;color: #fff;line-height: 22px}.jiemo-teacher-detail .teacher-banner .content img.teacher-img{position: absolute;left: 155px;bottom: 0}.jiemo-teacher-detail .teacher-banner .content .teacher-intr{width: 390px;height: 160px;position: absolute;left: 354px;bottom: 66px}.jiemo-teacher-detail .teacher-banner .content .teacher-intr img{position: absolute;z-index: 10}.jiemo-teacher-detail .teacher-banner .content .teacher-intr .teacher-name{position: absolute;left: 90px;bottom: 0;min-width: 310px;width: auto;height: 70px;padding: 0 40px;line-height: 70px;text-align: center;color: #fff;font-size: 28px;background: #2440a8;z-index: 5;white-space: nowrap}.jiemo-teacher-detail .teacher-banner .content .audio-wrapper{width: 485px;height: 70px;border-radius: 35px;position: absolute;right: 90px;bottom: 240px;background: #eaeef6}.jiemo-teacher-detail .teacher-banner .content .audio-wrapper .audio-right{width: 78%}.jiemo-teacher-detail .teacher-banner .content .audio-wrapper .audio-left img{width: 35px;height: 35px !important;top: 17px;left: 26px}.jiemo-teacher-detail .teacher-banner .content .audio-wrapper .audio-time{width: 240px}.jiemo-teacher-detail .teacher-banner .content .audio-wrapper .progress-bar-bg{width: 44%;background: #c0d7fb}.jiemo-teacher-detail .teacher-banner .content .audio-wrapper .volume-bar-bg{right: 30px}.jiemo-teacher-detail .teacher-info{width: 100%;height: auto;background: #fff;padding:100px 0;position: relative}.jiemo-teacher-detail .teacher-info .bg-sucai1{position: absolute;left: 0;top: 0;width: 492.5px;z-index: 1}.jiemo-teacher-detail .teacher-info .bg-sucai2{position: absolute;right: 0;top: -170px;width: 481.5px;z-index: 11}.jiemo-teacher-detail .teacher-title{width: 100%;position: relative;z-index: 2;text-align: center}.jiemo-teacher-detail .teacher-title h2{font-size: 32px;color: #333;display: inline-block;position: relative}.jiemo-teacher-detail .teacher-title h2>img{position: absolute}.jiemo-teacher-detail .teacher-title h2>img:nth-of-type(1){width: 17px;left: -30px;top: 0px}.jiemo-teacher-detail .teacher-title h2>img:nth-of-type(2){width: 15px;right: -25px;top: -10px}.jiemo-teacher-detail .teacher-title h2>img:nth-of-type(3){width: 27px;right: -50px;bottom: 4px}.jiemo-teacher-detail .teacher-info .teacher-title h2 span{position: absolute;font-size: 16px;color: #005CFF;white-space: nowrap;box-shadow: 0 0 20px 0 rgba(39,103,245,.2) inset;border-radius: 22px 4px 22px 22px;height: 44px;line-height: 44px;padding: 0 40px;font-weight: normal}.jiemo-teacher-detail .teacher-info .teacher-title h2 span:nth-of-type(1){right: calc(100% + 40px);top: 22px}.jiemo-teacher-detail .teacher-info .teacher-title h2 span:nth-of-type(2){box-shadow: 0 0 20px 0 rgba(16,145,145,.2) inset;border-radius: 4px 22px 22px 22px;left: 100%;top: 100%;color: #41B841}.jiemo-teacher-detail .teacher-info .teacher-title h2 span:nth-of-type(3){box-shadow: 0 0 20px 0 rgba(234,187,39,.2) inset;border-radius: 22px 22px 22px 4px;left: 60%;bottom: calc(100% + 13px);color: #EABB27}.jiemo-teacher-detail .teacher-info .info-wrap{text-align: center;padding-top: 100px}.jiemo-teacher-detail .teacher-info .info-wrap .title-area{text-align: center;line-height: 40px;font-size: 0}.jiemo-teacher-detail .teacher-info .info-wrap .title-area img:nth-of-type(1){height: 34px;display: inline-block;vertical-align: middle;margin-right: 10px}.jiemo-teacher-detail .teacher-info .info-wrap .title-area img:nth-of-type(2){height: 20px;display: inline-block;vertical-align: middle}.jiemo-teacher-detail .teacher-info .info-wrap .info-content{width: 750px;margin: auto;max-width: 100%;font-size: 16px;color: #666;line-height: 22px;text-align: center;padding: 5px 0 50px}.jiemo-teacher-detail .student-comment{width: 100%;height: auto;background: url(/proc/training/pc/images/detail2021/bg-stu.png?hash=c20daa17) repeat center;padding: 100px}.jiemo-teacher-detail .student-comment .content{display: flex;justify-content: space-between;align-items: flex-start;padding: 40px 0 15px}.jiemo-teacher-detail .student-comment .content .content-area{width: 32.5%;height: 480px;background: #fff url(/proc/training/pc/images/detail2021/bg-stu1.png?hash=f4e307bb) no-repeat center;background-size: 100% 100%;text-align: center;padding: 55px 40px}.jiemo-teacher-detail .student-comment .content .content-area .img-area{display: inline-block;width: 120px;height: 120px;border-radius: 100%;overflow: hidden;box-shadow: 0px 0px 20px 0px rgba(39,103,245,0.4);border: 4px solid #F8F8F8}.jiemo-teacher-detail .student-comment .content .content-area .img-area img{display: block;width: 100%;height: 100%}.jiemo-teacher-detail .student-comment .content .content-area h3{font-size: 18px;color: #3e3a39;line-height: 24px;padding: 30px 0;font-weight: normal}.jiemo-teacher-detail .student-comment .content .content-area p{font-size: 14px;line-height: 24px;color: #999;max-height: 168px;overflow: hidden}.jiemo-teacher-detail .student-comment .comment-input{display: block;background: #fff;padding: 30px}.jiemo-teacher-detail .student-comment .comment-input>h3{font-size: 18px;color: #2767F5}.jiemo-teacher-detail .student-comment .comment-input textarea{display: block;width: 100%;height: 124px;padding: 15px;background: #F8F8F8;border-radius: 4px;border: 1px solid #F2F2F4;resize: none;box-sizing: border-box;margin: 15px auto;transition: all linear 0.2s}.jiemo-teacher-detail .student-comment .comment-input.error textarea{border-color:red}.jiemo-teacher-detail .student-comment .comment-input .ctrl-area{text-align: right}.jiemo-teacher-detail .student-comment .comment-input .ctrl-area button{border: none;display: inline-block;vertical-align: middle;width: 144px;height: 48px;background: #005CFF;border-radius: 4px;color: #fff;font-size: 16px;text-align: center;cursor: pointer}.jiemo-teacher-detail .student-comment .comment-input .ctrl-area span{display: inline-block;vertical-align: middle;margin-right: 30px;font-size: 12px;color: #2767F5}.jiemo-teacher-detail .student-comment .comment-input .ctrl-area span b{font-weight: normal}.swiper-slide{box-sizing: border-box}.pager-container li span{background: #2667f5 !important}@keyframes midToTop{0%{top: 0%}100%{top: -100%}}@keyframes buttomToMid{0%{top: 100%}100%{top: 0}}.teacher-banner-link{display: block;width: 100%;height: 100%}.teacher-banner-link>img{display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);max-height: 92%;max-width: 100%;opacity: .6}.teacher-banner-link.active>img{opacity: 1}.swiper-container-teacherDetail2021 .teacher-banner-link.active{background: url(/proc/training/pc/images/detail2021/bg-active1.png?hash=4d590044) no-repeat center;background-size: 100% 100%}.teacher-banner.iskorean .swiper-container-teacherDetail2021 .teacher-banner-link.active{background: url(/proc/training/pc/images/detail2021/bg-active2.png?hash=f27cf771) no-repeat center;background-size: 100% 100%}.teacher-banner-link>h3{font-size: 40px;letter-spacing: 8px;color: #fff;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);font-style: italic;text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;white-space: nowrap}.teacher-banner-link .audio-area{position: absolute;bottom: 150px;right: 40px;background: #fff;height: 36px;line-height: 36px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);border-radius: 4px;display: flex;justify-content: flex-start;align-items: center;padding: 0 8px;min-width: 150px}.teacher-banner-link .audio-area audio{opacity: 0;width: 0;height: 0;overflow: hidden}.teacher-banner-link .audio-area span{margin:0 8px;font-size: 14px;color: #3E3A39}.teacher-banner-link .audio-area span.isplay{color: #2767F5}.teacher-banner.iskorean .teacher-banner-link .audio-area span.isplay{color: #FF5B8E}.teacher-banner-link .audio-area img{width: 20px;height: 20px}.swiper-container-teacherDetail2021 .swiper-button-prev-teacherDetail2021,.swiper-container-teacherDetail2021 .swiper-button-next-teacherDetail2021{background: none;width: 64px;height: 64px;outline: none;margin-top: -32px;background: url(/proc/training/pc/images/detail2021/icon-arrow2.png?hash=e81348b8) no-repeat center;background-size: 100% 100%;position: absolute}.swiper-container-teacherDetail2021 .swiper-button-prev-teacherDetail2021{transform: rotate(180deg);left: 18%}.swiper-container-teacherDetail2021 .swiper-button-next-teacherDetail2021{right: 18%}.right-tools-wrap{position: fixed;top: 30%;right: 0;z-index: 15;background: #fff;width: 105px;border-radius:15px;box-shadow: -4px 0 8px rgba(0,0,0,.1)}.right-tools-content{position: relative;text-align: center;padding: 10px;border-bottom: 1px solid #e3e3e3;font-size: 0;cursor: pointer}.right-tools-content:last-of-type{border: none}.right-tools-content>img{display: block;margin: auto;width: 40px}.right-tools-content>span{display: block;margin: 5px auto 0;font-size: 14px;color: #333;line-height: 20px;transition: all linear 0.3s}.right-tools-content:hover>span{color: #6286fe}.right-tools-content .hover-content{position: absolute;right: 0;top: 50%;opacity: 0;pointer-events: none;transform: translateY(-50%);background: #fff;border-radius: 15px;padding:20px;transition: all linear 0.3s;box-shadow: 0 0 8px rgba(0,0,0,.1)}.right-tools-content.hover-area:hover .hover-content{right: 110%;opacity: 1;pointer-events: auto}.right-tools-content.hover-area .hover-content img{width: 200px;display: block}.right-tools-content.hover-area .hover-content h3{font-size: 20px;font-weight: normal;padding-bottom: 5px}.right-tools-content.hover-area .hover-content h4{font-size: 14px;font-weight: normal;line-height: 24px}.right-tools-content.hover-area .hover-content h5{text-align: left;font-size: 16px;white-space: nowrap;font-weight: normal}.right-tools-content.hover-area .hover-content h6{text-align: left;font-size: 20px;white-space: nowrap;font-weight: normal;padding-top: 4px;color: #6286fe}.right-tools-content.hover-area .hover-content.qrcode-area{display: flex;justify-content: space-between;align-items: flex-start;width: 750px}.right-tools-content.hover-area .hover-content.qrcode-area b{display: block;font-size: 14px;font-weight: normal;white-space: nowrap;margin-top: 10px}