.banner-box{height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.banner-box,.banner-box .banner-box-info{width:100%;background:#fff;position:relative;overflow:hidden;transition:opacity .25s ease}.banner-box .banner-box-info .banner-wrap{height:100%;display:flex;flex-wrap:nowrap}.banner-box .banner-box-info .banner-wrap .swiper-slide{width:100%;height:100%;flex-shrink:0;position:relative;display:inline-block}.banner-box .banner-box-info .banner-wrap .swiper-slide .picture-wrap{display:block;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.banner-box .banner-box-info .banner-wrap .banner-bgm{cursor:pointer;width:100%;background:rgba(0,0,0,.5)}.banner-box .banner-box-info .banner-wrap .banner-bgm.cover{height:100%;-o-object-fit:contain;object-fit:contain}.banner-box .banner-box-info .pagination-wrap{position:absolute;left:50%;transform:translateX(-50%);z-index:2;bottom:22px;display:flex;align-items:center}.banner-box .banner-box-info .pagination-wrap .pagination{transform:rotate(0);background-color:#fff;cursor:pointer;transition:all .3s ease;opacity:1;width:10px;height:10px;margin:0 5px;border-radius:5px;overflow:hidden}.banner-box .banner-box-info .pagination-wrap .pagination .progress{background:#a347e8;opacity:0;transform:scaleX(0);transform-origin:0 50%;border-radius:5px;width:25px;height:100%}.banner-box .banner-box-info .pagination-wrap .pagination.active{width:25px}.banner-box .banner-box-info .pagination-wrap .pagination.active .progress{opacity:1}.banner-box .banner-box-info .pagination-wrap .pagination:hover{opacity:.8}.banner-box .banner-box-info .pagination-wrap .pagination:last-child{margin-right:0}.banner-box .banner-box-info .pagination-wrap .pagination:first-child{margin-left:0}@media screen and (max-width:1224px){.banner-box{height:auto}}@media screen and (max-width:750px){.banner-box{width:100%;height:auto;padding-top:30px}.banner-box .banner-wrap{height:auto}.banner-box .pagination-wrap{bottom:.22rem}.banner-box .pagination-wrap .pagination{width:.2rem;height:.2rem;margin:0 .05rem;border-radius:.1rem}.banner-box .pagination-wrap .pagination.active{width:.45rem}.banner-box .pagination-wrap .pagination .progress{border-radius:.1rem;width:.45rem}}.appContent .content{box-sizing:border-box;padding:0!important;margin:0!important;display:flex;flex-direction:column;align-items:center}.appContent .content .container{width:100%;padding:32px;margin:0}.appContent .content .container .home .intro-section{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:row}.appContent .content .container .home .intro-section .intro-left{width:70%}.appContent .content .container .home .intro-section .intro-left .intro .intro-content{display:flex;height:auto;color:#333}.appContent .content .container .home .intro-section .intro-left .intro .intro-content .intro-text{width:80%;font-size:18px;text-align:justify}.appContent .content .container .home .intro-section .intro-left .intro .intro-content .intro-text ul{display:block;list-style:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}.appContent .content .container .home .intro-section .intro-left .intro .intro-content .intro-text ul li{display:list-item;list-style:disc}.appContent .content .container .home .intro-section .intro-right{width:30%}.appContent .content .container .home .intro-section .intro-right .gec-logo{display:flex;flex-direction:row-reverse;align-items:center}.appContent .content .container .home .intro-section .intro-right .gec-logo img{height:240px}.appContent .content .container .home .offer-section{width:100%;max-width:1200px;margin:0 auto}.appContent .content .container .home .offer-section .offer{margin-top:60px}.appContent .content .container .home .offer-section .offer .offer-title{color:#333;font-size:30px;margin-bottom:24px}.appContent .content .container .home .offer-section .offer .offer-title .offer-content{display:flex;align-items:flex-start;margin:8px 0;overflow:hidden}.appContent .content .container .home .offer-section .offer .offer-title .offer-content .circle{width:8px;height:8px;margin:10px;border-radius:50%;background-color:#10517e}.appContent .content .container .home .offer-section .offer .offer-title .offer-content .offer-text{white-space:pre-wrap;color:#333;font-size:18px;text-align:justify;display:flex;flex-direction:column;align-items:flex-start}.appContent .content .container .home .courses-section{width:100%;max-width:1200px;margin:0 auto}.appContent .content .container .home .courses-section .courses{margin:60px 0}.appContent .content .container .home .courses-section .courses .courses-title{display:flex;margin-bottom:40px;justify-content:space-between;align-items:center}.appContent .content .container .home .courses-section .courses .courses-title h2{font-size:30px;font-weight:600}.appContent .content .container .home .courses-section .courses .courses-title .courses-btn{display:flex;flex-direction:column;justify-content:center;width:auto;height:40px;margin:0;margin-top:20px;padding-left:10px;padding-right:10px;background-color:#a347e8;color:#fff;border-radius:30px;text-align:center;text-wrap:nowrap;cursor:pointer}.appContent .content .container .home .courses-section .courses .courses-details{display:grid;grid-template-columns:1fr 1fr 1fr}.appContent .content .container .home .courses-section .courses .courses-details .courses-content{width:auto;height:auto;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.appContent .content .container .home .courses-section .courses .courses-details .courses-content .courses_img{width:auto;height:300px}.appContent .content .container .home .courses-section .courses-feature .courses-feature-nav-box{display:flex;flex-wrap:wrap}.appContent .content .container .home .courses-section .courses-feature .courses-feature-nav-box .courses-feature-nav-content{display:flex;width:50%;margin-bottom:60px;flex-direction:column;justify-content:flex-start;align-items:center}.appContent .content .container .home .courses-section .courses-feature .courses-feature-nav-box .courses-feature-nav-content .courses-feature-nav-text{font-size:18px;text-align:center}.appContent .content .floor{width:100%;position:relative;background-color:#d3dfe7;margin-top:60px;padding:40px 0 24px}.appContent .content .floor .floor-details{width:100%;max-width:1200px;margin:0 auto}.appContent .content .floor .floor-details .floor-title{font-size:30px;color:#10517e}.appContent .content .floor .floor-details .floor-content{position:relative;padding-top:10px;display:flex;justify-content:space-between}.appContent .content .floor .floor-details .floor-content .floor-info{display:flex;flex-direction:row;align-items:center}.appContent .content .floor .floor-details .floor-content .floor-info .dot{display:inline-block;width:5px;background-color:#10517e;border-radius:50%;margin-right:10px;height:5px}.appContent .content .floor .floor-details .floor-content .floor-info .floor-text{font-size:18px;color:#10517e}.appContent .content .floor .floor-details .floor-content .apply-btn{position:absolute;top:50%;right:0;transform:translateY(-50%);width:260px;height:55px;line-height:55px;background-color:#10517e;text-align:center;text-transform:uppercase;color:#fff;font-size:24px;border-radius:30px;cursor:pointer}@media screen and (max-width:750px){.appContent .content{width:100%;box-sizing:border-box;padding:0!important;margin-bottom:30px!important;display:flex;flex-direction:column;align-items:center}.appContent .content .container{width:100%;padding:30px;padding-left:20px;padding-right:20px;margin:0}.appContent .content .container .home{width:100%}.appContent .content .container .home .intro-section{display:flex;flex-direction:column}.appContent .content .container .home .intro-section .intro-left{width:100%}.appContent .content .container .home .intro-section .intro-left .intro h2{font-size:16px}.appContent .content .container .home .intro-section .intro-left .intro .intro-content .intro-text{width:100%;font-size:16px}.appContent .content .container .home .intro-section .intro-left .intro .intro-content .intro-text ul{padding-inline-start:20px}.appContent .content .container .home .intro-section .intro-left .intro .intro-content .intro-text ul li{display:list-item;list-style:disc;padding-bottom:10px}.appContent .content .container .home .intro-section .intro-right{width:100%}.appContent .content .container .home .intro-section .intro-right .gec-logo{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center}.appContent .content .container .home .offer-section .offer .offer-title{font-size:16px}.appContent .content .container .home .courses-section .courses .courses-title{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.appContent .content .container .home .courses-section .courses .courses-title h2{font-size:16px;text-wrap:nowrap}.appContent .content .container .home .courses-section .courses .courses-title .courses-btn{width:100%;margin:0;margin-left:10px;margin-top:10px}.appContent .content .container .home .courses-section .courses .courses-details{display:grid;grid-template-columns:1fr 1fr}.appContent .content .container .home .courses-section .courses .courses-details .courses-content{width:100%;height:auto;display:flex;justify-content:center;margin-right:0;cursor:pointer}.appContent .content .container .home .courses-section .courses .courses-details .courses-content .courses_img{width:auto;height:200px}.appContent .content .container .home .courses-section .courses-feature .courses-feature-nav-box{width:100%;display:grid;grid-template-columns:1fr 1fr}.appContent .content .container .home .courses-section .courses-feature .courses-feature-nav-box .courses-feature-nav-content{width:100%}.appContent .content .floor{margin-top:0;padding:36px 10px 24px}.appContent .content .floor .floor-details .floor-content{display:flex;justify-content:space-between;flex-direction:column;align-items:center}.appContent .content .floor .floor-details .floor-content .apply-btn{width:100%;position:static;transform:none;margin-top:20px}}.about-content{box-sizing:border-box;padding:0;margin:0;width:100%;margin:30px;display:flex;flex-direction:column;align-items:center}.about-content .about-content-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #d3dfe7;position:relative;margin-top:30px}.about-content .about-content-header .container-title{margin:0;font-size:48px;font-weight:700;color:#10517e}.about-content .about-content-header img{height:60px;margin:0}.about-content .about-main-section{width:100%;max-width:1200px;display:flex;flex-direction:column;justify-content:space-between}.about-content .about-main-section .about-main{margin-top:50px;max-width:800px}.about-content .about-main-section .about-main .main-text{word-wrap:break-word;font-size:18px;font-weight:400;color:#333}.about-content .about-main-section .about-main .main-text blockquote{margin:0}.about-content .about-main-section .about-main .main-text p{margin-bottom:10px}.about-content .about-main-section .about-main .main-text .text{display:flex;flex-direction:row}.about-content .about-main-section .about-main .main-text .text .text-left{display:block;width:70%;padding-right:10px}.about-content .about-main-section .about-main .main-text .text .text-right{display:block;width:30%;padding-left:10px}.about-content .about-main-section .about-main .main-text .text .text-right .teacher-img{width:200px;height:200px}.about-content .about-main-section .about-main .main-text .text .text-bottom,.about-content .about-main-section .about-main .main-text .text .text-top{display:none}.about-content .about-main-section .about-main .main-text-bottom{display:block}.about-content .about-main-section .about-main .main-text-bottom .author-sign-img{width:200px;height:auto}.about-content .about-main-section .about-main .main-text-bottom-mobile{display:none}.about-content .about-main-section .apply-btn{margin-top:50px;width:260px;height:50px;line-height:50px;background-color:#10517e;color:#fff;font-weight:600;font-size:24px;border-radius:30px;text-align:center;cursor:pointer}.about-content .about-main-section-split{width:100%;display:flex;flex-direction:row;justify-content:space-between}.about-content .about-main-section-split .about-main-left{width:70%}.about-content .about-main-section-split .about-main-right{width:30%}.about-content .about-main-section-split .about-main-right .author{padding:30px 30px 0;text-align:center;background-color:#f8f8f8;min-height:620px}.about-content .about-main-section-split .about-main-right .author .author-img{width:218px;height:328px}@media screen and (max-width:750px){.about-content{width:100%;margin-left:0;margin-right:0;margin-top:50px;margin-bottom:50px;padding-left:20px!important;padding-right:20px!important;display:flex;flex-direction:column;align-items:flex-start}.about-content .about-content-header{margin-top:20px}.about-content .about-content-header .container-title{font-size:20px!important}.about-content .about-content-header img{height:30px}.about-content .about-main-section .about-main .main-text{width:100%}.about-content .about-main-section .about-main .main-text .text{display:flex;flex-direction:column}.about-content .about-main-section .about-main .main-text .text .text-left,.about-content .about-main-section .about-main .main-text .text .text-right{display:none}.about-content .about-main-section .about-main .main-text .text .text-top{display:block;width:100%}.about-content .about-main-section .about-main .main-text .text .text-top .teacher-img{width:100%;height:auto}.about-content .about-main-section .about-main .main-text .text .text-bottom{display:block;width:100%}.about-content .about-main-section .about-main .main-text-bottom{display:none}.about-content .about-main-section .about-main .main-text-bottom-mobile{background-color:#f8f8f8;display:flex;flex-direction:column;align-items:center}.about-content .about-main-section .about-main .main-text-bottom-mobile .author{padding:30px 30px 0;text-align:center;background-color:#f8f8f8}.about-content .about-main-section .about-main .main-text-bottom-mobile .author .author-img{width:218px;height:328px}.about-content .about-main-section .about-main .main-text-bottom-mobile .author-sign-img{width:200px;height:auto}.about-content .about-main-section .about-main-left{width:100%}.about-content .about-main-section .about-main-left .main-text-div{display:flex;flex-direction:row}.about-content .about-main-section .about-main-left .main-text-div .main-text{word-wrap:break-word;font-size:18px;font-weight:400;color:#333;line-height:27px}.about-content .about-main-section .about-main-left .main-text-div .main-text blockquote{margin:0}.about-content .about-main-section .about-main-left .main-text-div .main-text p{margin-bottom:10px}.about-content .about-main-section .apply-btn{width:100%}.about-content .about-main-section-split .about-main-right{display:none}}.course-list-content{box-sizing:border-box;padding:0;margin:0;width:100%;margin:30px;display:flex;flex-direction:column;align-items:center}.course-list-content .course-list-content-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #d3dfe7;padding-bottom:50px;position:relative;margin-top:30px}.course-list-content .course-list-content-header .container-title{margin:0;font-size:48px;font-weight:700;color:#10517e;text-transform:uppercase}.course-list-content .course-list-content-header .search-form-div{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:40%}.course-list-content .course-list-content-header .search-form-div .search-form{width:100%;display:flex;align-items:center}.course-list-content .course-list-content-header .search-form-div .search-form .el-input{margin-right:10px;border-radius:50px;border:1px solid #fff;padding:10px;background:#fff}.course-list-content .course-list-content-header .search-form-div .search-form .el-input--suffix .el-input__inner{border:none}.course-list-content .course-list-content-header .search-form-div img{height:60px;margin:0}.course-list-content .course-main-section{width:100%;max-width:1200px;display:flex;flex-direction:column;justify-content:space-between}.course-list-content .course-main-section .course-main{margin-top:10px}.course-list-content .course-main-section .course-main .sec-course-type{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.course-list-content .course-main-section .course-main .sec-course-type .el-input--suffix .el-input__inner{background-color:#d3dfe7!important;width:640px;margin-left:20px}.course-list-content .course-main-section .course-main .sec-course-type .select{-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;width:690px;height:50px;line-height:30px;border-radius:26px;background-color:#d3dfe7!important;color:#10517e;font-size:18px;outline:none;cursor:pointer;position:relative;display:flex;align-items:center;font-weight:700;justify-content:space-between;margin-right:10px}.course-list-content .course-main-section .course-main .sec-course-type .select-btn{padding-right:20px}.course-list-content .course-main-section .course-main .sec-course-type .video-btn{width:255px;height:50px;line-height:30px;font-weight:600;color:#d3dfe7;background:#10517e;font-size:24px;border-radius:30px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}.course-list-content .course-main-section .course-main .sec-course-type .video-btn img{padding-right:10px}.course-list-content .course-main-section .course-main .sec-course-type .video-btn .video-text{color:#d3dfe7}.course-list-content .course-main-section .course-list .course{margin-top:40px;padding-bottom:40px;border-bottom:1px solid #d5d5d5;display:flex;justify-content:space-between;align-items:center}.course-list-content .course-main-section .course-list .course .course-info{display:flex;justify-content:right;font-size:18px}.course-list-content .course-main-section .course-list .course .course-info .course-img{cursor:pointer}.course-list-content .course-main-section .course-list .course .course-info .course-img img{margin-top:10px;width:140px;height:200px;border:1px solid grey}.course-list-content .course-main-section .course-list .course .course-info .course-detail{margin-top:9px;margin-left:30px;color:#333}.course-list-content .course-main-section .course-list .course .course-info .course-detail .course-title{font-size:24px;font-weight:700;cursor:pointer}.course-list-content .course-main-section .course-list .course .course-info .course-detail .course-desc{width:700px;height:110px;font-size:18px;margin-top:16px;line-height:27px;overflow:hidden;text-overflow:ellipsis}.course-list-content .course-main-section .course-list .course .course-info .course-detail .prerequlslte{margin-top:10px;line-height:20px}.course-list-content .course-main-section .course-list .course-btn{display:flex;flex-direction:column;justify-content:center;height:50px;font-size:24px;background-color:#a347e8;color:#fff;font-weight:500;border-radius:25px;text-align:center;padding-left:30px;padding-right:30px;cursor:pointer}@media screen and (max-width:750px){.course-list-content{width:100%;margin-left:0;margin-right:0;margin-top:50px;margin-bottom:50px;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;align-items:flex-start}.course-list-content .course-list-content-header{margin-top:20px}.course-list-content .course-list-content-header .container-title{font-size:20px}.course-list-content .course-list-content-header .search-form-div img{height:30px;margin:0}.course-list-content .course-main-section .course-main .sec-course-type{display:flex;align-items:flex-start;margin-top:0;flex-direction:column}.course-list-content .course-main-section .course-main .sec-course-type .el-input--suffix .el-input__inner{width:100%;margin:0;padding:0}.course-list-content .course-main-section .course-main .sec-course-type .select{width:100%}.course-list-content .course-main-section .course-main .sec-course-type .select .el-input,.course-list-content .course-main-section .course-main .sec-course-type .select .el-select>.el-input{display:block;padding:10px}.course-list-content .course-main-section .course-main .sec-course-type .video-btn{width:100%;margin-top:10px}.course-list-content .course-main-section .course-list .course{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.course-list-content .course-main-section .course-list .course .course-info{display:flex;flex-direction:column;align-items:flex-start}.course-list-content .course-main-section .course-list .course .course-info .course-img{width:100%;display:flex;flex-direction:column;align-items:center}.course-list-content .course-main-section .course-list .course .course-info .course-detail{width:100%;margin:0}.course-list-content .course-main-section .course-list .course .course-info .course-detail .course-desc{width:100%}.course-list-content .course-main-section .course-list .course-btn{width:100%;margin-top:20px}}.course-content{box-sizing:border-box;padding:0;margin:0;width:100%;margin:30px;display:flex;flex-direction:column;align-items:center}.course-content .course-content-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #d3dfe7;padding-bottom:50px;position:relative;margin-top:30px}.course-content .course-content-header .course-content-header-left{display:flex;flex-direction:column;align-items:flex-start;text-wrap:nowrap}.course-content .course-content-header .course-content-header-left .container-title{margin:0;font-size:48px;font-weight:700;color:#10517e}.course-content .course-content-header .course-content-header-left .path{font-size:12px;color:#10517e;display:flex;flex-direction:row;align-items:center}.course-content .course-content-header .course-content-header-left .path .home_logo{height:15px;margin:0;margin-right:10px}.course-content .course-content-header .course-content-header-left .path .path_text{margin-left:10px;margin-right:10px}.course-content .course-content-header .course-content-header-left .path .path_text_click{margin-left:10px;margin-right:10px;cursor:pointer}.course-content .course-content-header img{height:60px;margin:0}.course-content .course-info-main-section{width:100%;max-width:1200px;display:flex;flex-direction:column;justify-content:space-between}.course-content .course-info-main-section .course-info-main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0}.course-content .course-info-main-section .course-info-main .course-header-div{width:100%;display:flex;flex-direction:row}.course-content .course-info-main-section .course-info-main .course-header-div img{padding:20px;padding-left:0}.course-content .course-info-main-section .course-info-main .course-header-div .course-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.course-content .course-info-main-section .course-info-main .course-header-div .course-info .course-info-item{display:flex;flex-direction:row;padding:4px}.course-content .course-info-main-section .course-info-main .course-header-div .course-info .course-info-item .course-info-item-title{color:#10517e;font-size:24px;font-weight:700}.course-content .course-info-main-section .course-info-main .course-header-div .course-info .course-info-item .course-info-item-text{color:#000;font-size:24px}.course-content .course-info-main-section .course-info-main .course-header-div .course-info .course-apply-now-div{margin-top:50px;background-color:#a347e8;color:#fff;font-size:24px;padding:20px;border-radius:30px;text-align:center;cursor:pointer}.course-content .course-info-main-section .course-info-main .course-content-div{width:100%;display:flex;justify-content:flex-start;flex-direction:column;padding:0;padding-top:10px;padding-bottom:10px}.course-content .course-info-main-section .course-info-main .course-content-div .course-content-title{color:#10517e;font-size:24px}@media screen and (max-width:750px){.course-content{width:100%;margin-left:0;margin-right:0;margin-top:50px;margin-bottom:50px;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;align-items:flex-start}.course-content .course-content-header{margin-top:20px}.course-content .course-content-header img{height:30px;margin:0}.course-content .course-content-header .course-content-header-left .container-title{font-size:20px}.course-content .course-info-main-section .course-info-main .course-header-div{width:100%;display:flex;flex-direction:column}.course-content .course-info-main-section .course-info-main .course-header-div .course-info .course-info-item .course-info-item-text,.course-content .course-info-main-section .course-info-main .course-header-div .course-info .course-info-item .course-info-item-title{font-size:16px}.course-content .course-info-main-section .course-info-main .course-header-div .course-info .course-apply-now-div{width:100%;margin-top:0}.course-content .course-info-main-section .course-info-main .course-content-div .course-content-desc{line-height:27px}}.sample-lesson-content{box-sizing:border-box;padding:0;margin:0;width:100%;margin:30px;display:flex;flex-direction:column;align-items:center}.sample-lesson-content .sample-lesson-content-header{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #d3dfe7;padding-bottom:50px;position:relative;margin-top:30px}.sample-lesson-content .sample-lesson-content-header .sample-lesson-content-header-left{display:flex;flex-direction:column;align-items:flex-start}.sample-lesson-content .sample-lesson-content-header .sample-lesson-content-header-left .container-title{margin:0;font-size:48px;font-weight:700;color:#10517e}.sample-lesson-content .sample-lesson-content-header .sample-lesson-content-header-left .path{font-size:12px;color:#10517e;display:flex;flex-direction:row;align-items:center}.sample-lesson-content .sample-lesson-content-header .sample-lesson-content-header-left .path .home_logo{height:15px;margin:0;margin-right:10px}.sample-lesson-content .sample-lesson-content-header .sample-lesson-content-header-left .path .path_text{margin-left:10px;margin-right:10px}.sample-lesson-content .sample-lesson-content-header .sample-lesson-content-header-left .path .path_text_click{margin-left:10px;margin-right:10px;cursor:pointer}.sample-lesson-content .sample-lesson-content-header img{height:60px;margin:0}.sample-lesson-content .sample-lesson-main-section{width:100%;max-width:1200px;display:flex;flex-direction:column;justify-content:space-between}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar{width:100%;position:relative;margin:36px auto 26px;display:flex;justify-content:space-around;align-items:center}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .left-arrows,.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .right-arrows{background:#d3dfe7;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .left-arrows span,.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .right-arrows span{color:#fff;font-size:30px}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .left-arrows{left:154px;top:45px;cursor:pointer}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .right-arrows{right:154px;top:45px;cursor:pointer}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .menu-bar-box{display:none}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .menu-bar-box img{width:100%;height:auto}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .menu-bar-box:last-child{margin-right:0}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .menu-bar .menu-bar-box-active{display:block;border:2px solid #10517e}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .video-model{width:100%;max-width:1200px;margin:0 auto}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .video-model .video-title{text-align:center}.sample-lesson-content .sample-lesson-main-section .sample-lesson-main .video-model .video-title .video-text{font-size:24px;font-weight:600;margin-bottom:10px;color:#10517e}@media screen and (max-width:750px){.sample-lesson-content{width:100%;margin-left:0;margin-right:0;margin-top:50px;margin-bottom:50px;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;align-items:flex-start}.sample-lesson-content .sample-lesson-content-header{margin-top:20px}.sample-lesson-content .sample-lesson-content-header img{height:30px;margin:0}.sample-lesson-content .sample-lesson-content-header .sample-lesson-content-header-left .container-title{font-size:20px}}.app-content{width:100%;margin-left:30px;margin-right:30px;margin-top:50px;margin-bottom:50px;display:flex;flex-direction:column;align-items:flex-start}.app-content .app-procedure{display:flex;width:1200px;margin:0 auto;overflow:hidden;min-height:620px;justify-content:space-between;text-align:justify}.app-content .app-procedure .sidebar{width:300px;padding:68px 16px 0;background:#f8f8f8;min-height:620px}.app-content .app-procedure .sidebar .sidebar-name{height:68px;line-height:68px;border-top:1px solid #d3dfe7;color:#10517e;font-size:14px;font-weight:600;cursor:pointer}.app-content .app-procedure .sidebar .active{position:relative;color:#a347e8}.app-content .app-procedure .sidebar .active:after{content:"";width:8px;height:36px;background:#a347e8;transform:translateY(-50%);position:absolute;right:-16px;top:50%}.app-content .app-procedure .app-procedure-content{width:100%;margin-left:50px;margin-top:60px;margin-bottom:60px}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item{display:flex;flex-direction:row;align-items:flex-start}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .separator{margin-left:14px;height:52px;padding:10px}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div{display:flex;flex-direction:row;align-items:flex-start;z-index:1;position:absolute}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon1{width:60px;height:60px;border-radius:30px;border:4px solid #f0bc1a;background:#f1f1f1}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon1 .icon-smaller{width:52px;height:52px;border-radius:30px;border:2px solid #10517e}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon1 img{top:14px;left:14px;width:30px;height:30px;position:absolute}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon2{width:60px;height:60px;border-radius:30px;border:4px solid #e9a3a3;background:#f1f1f1}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon2 .icon-smaller{width:52px;height:52px;border-radius:30px;border:2px solid #10517e}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon2 img{top:14px;left:14px;width:30px;height:30px;position:absolute}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon3{width:60px;height:60px;border-radius:30px;border:4px solid #86c02e;background:#f1f1f1}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon3 .icon-smaller{width:52px;height:52px;border-radius:30px;border:2px solid #10517e}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon3 img{top:14px;left:14px;width:30px;height:30px;position:absolute}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon4{width:60px;height:60px;border-radius:30px;border:4px solid #2d9dc5;background:#f1f1f1}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon4 .icon-smaller{width:52px;height:52px;border-radius:30px;border:2px solid #10517e}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .icon-div .icon4 img{top:14px;left:24px;width:10px;height:30px;position:absolute}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .desc-div{width:100%;height:60px;display:flex;flex-direction:row;align-items:center;padding:0;padding-left:30px;padding-top:20px;padding-bottom:20px;margin-left:40px;border:1px solid #10517e;border-left:none;border-top-right-radius:30px;border-bottom-right-radius:30px}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .desc-div .desc{width:100%;padding-right:10px;line-height:27px}.app-content .app-procedure .app-procedure-content .application-details .application-info{color:#10517e;margin:5px 0;cursor:pointer}.app-content .app-procedure .app-procedure-content .application-details .application-info a{color:#10517e;text-decoration:none;font-size:18px}.app-content .app-procedure .app-procedure-content .faqs-drop-down{margin-top:24px;background-color:#f1f1f1}.app-content .app-procedure .app-procedure-content .faqs-drop-down /deep/.el-collapse{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;border:none}.app-content .app-procedure .app-procedure-content .faqs-drop-down .faqs-title{width:100%;display:flex;flex-direction:column;justify-content:space-between;color:#000;background-color:#f1f1f1;padding:10px;padding-left:0;font-size:18px;border:none;height:auto;display:list-item}.app-content .app-procedure .app-procedure-content .faqs-drop-down .faqs-title .el-collapse-item__header{font-size:18px;color:#000;background-color:#f1f1f1;height:auto;display:list-item}.app-content .app-procedure .app-procedure-content .faqs-drop-down .faqs-title .el-collapse-item__content{padding:0}.app-content .app-procedure .app-procedure-content .faqs-drop-down .faqs-title .faqs-answer{font-size:18px;width:100%;display:flex;background-color:#d3dfe7;color:#417ab0;padding:20px}@media screen and (max-width:750px){.app-content{width:100%;margin-left:0;margin-right:0;margin-top:50px;margin-bottom:50px;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;align-items:flex-start}.app-content .app-procedure{width:100%;height:auto;min-height:0;display:flex;justify-content:space-between;text-align:justify;flex-direction:column;padding:0}.app-content .app-procedure .sidebar{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding:0;min-height:auto}.app-content .app-procedure .sidebar .sidebar-name{font-size:8px;height:30px;line-height:30px;margin-right:10px;text-wrap:nowrap}.app-content .app-procedure .sidebar .active{position:relative;color:#a347e8;border-bottom:4px solid #a347e8;padding:0;margin-right:10px;height:30px;line-height:30px}.app-content .app-procedure .sidebar .active:after{content:none}.app-content .app-procedure .app-procedure-content{width:100%;padding:0;margin:0;margin-top:20px}.app-content .app-procedure .app-procedure-content .details_text,.app-content .app-procedure .app-procedure-content .details_text img{width:100%}.app-content .app-procedure .app-procedure-content .app-procedure-title{font-size:18px}.app-content .app-procedure .app-procedure-content .procedure-details .procedure-detail-item .desc-div{height:140px;border:1px solid #10517e;border-radius:30px}.app-content .app-procedure .app-procedure-content .application-details{margin-top:20px}.app-content .app-procedure .app-procedure-content .application-details .application-info{font-size:12px;cursor:pointer}.app-content .app-procedure .app-procedure-content .faqs-drop-down{margin-top:24px;background-color:#f1f1f1}.app-content .app-procedure .app-procedure-content .faqs-drop-down /deep/.el-collapse{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;border:none}.app-content .app-procedure .app-procedure-content .faqs-drop-down .faqs-title{font-size:12px}.app-content .app-procedure .app-procedure-content .faqs-drop-down .faqs-title .el-collapse-item__header{font-size:12px;margin-left:20px}.app-content .app-procedure .app-procedure-content .faqs-drop-down .faqs-title .faqs-answer{font-size:12px}}.contact-content{width:100%;margin-left:30px;margin-right:30px;margin-top:50px;margin-bottom:50px;display:flex;flex-direction:column;align-items:flex-start}.contact-content .contact-container{width:100%;max-width:1200px;margin:0 auto}.contact-content .contact-container .contact-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #d3dfe7;padding-bottom:40px;position:relative}.contact-content .contact-container .contact-header .container-title{margin:0;font-size:48px;font-weight:700;color:#10517e;text-transform:uppercase}.contact-content .contact-container .contact-header img{height:60px;margin:0}.contact-content .contact-container .contact-form{display:flex;flex-direction:row}.contact-content .contact-container .contact-form .err-msg{font-size:24px;font-weight:700;color:red}.contact-content .contact-container .contact-form .success-msg{font-size:24px;font-weight:700;color:#10517e}.contact-content .contact-container .contact-form .register{width:50%;padding:50px 0 0}.contact-content .contact-container .contact-form .contact-info{width:50%;padding-top:50px;padding-left:24px;font-size:16px}.contact-content .contact-container .contact-form .contact-info p{line-height:27px}.contact-content .contact-container .contact-form .input-message{width:100%;margin:0;padding:0}.contact-content .contact-container .contact-form .input-message .submit{display:flex;flex-direction:row;align-items:center;justify-content:center;width:120px;height:36px;margin-top:20px;padding-left:20px;padding-right:20px;background:#10517e;color:#fff;font-size:18px;font-weight:600;border-radius:30px;cursor:pointer}.contact-content .contact-container .contact-form .input-message .head-input{margin:0;display:flex;justify-content:flex-start}.contact-content .contact-container .contact-form .input-message .head-input .message{background:#f7f7f7;border:1px solid #f7f7f7;border-radius:1px;color:#000;font-size:16px;padding-left:20px}.contact-content .contact-container .contact-form .input-message .head-input .msg_name{width:100%;height:40px;border:none;margin-right:10px;padding:10px}.contact-content .contact-container .contact-form .input-message .head-input .msg_email{width:100%;height:40px;border:none;padding:10px}.contact-content .contact-container .contact-form .input-message .text-sub{margin-top:10px}.contact-content .contact-container .contact-form .input-message .text-sub .textarea{width:100%;height:200px;font-size:16px;padding:10px;resize:none;background:#f7f7f7;border:1px solid #f7f7f7;border-radius:1px;box-sizing:border-box}@media screen and (max-width:750px){.contact-content{width:100%;margin-left:0;margin-right:0;margin-top:50px;margin-bottom:50px;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;align-items:flex-start}.contact-content .contact-container{margin-top:20px}.contact-content .contact-container .contact-header{padding-bottom:20px}.contact-content .contact-container .contact-header .container-title{font-size:18px}.contact-content .contact-container .contact-header img{height:30px;margin:0}.contact-content .contact-container .contact-form{width:100%;display:flex;flex-direction:column}.contact-content .contact-container .contact-form .register{width:100%}.contact-content .contact-container .contact-form .contact-info{width:100%;padding-left:0;padding-right:0}.contact-content .contact-container .contact-form .input-message .submit{width:100%}.contact-content .contact-container .contact-form .input-message .head-input{margin-top:10px}.contact-content .contact-container .contact-form .input-message .head-input .msg_name{margin-right:0}}