html{font-size:16px}html,body{background-color:#fff}*{font-family:"Microsoft YaHei",sans-serif;padding:0px;margin:0px;box-sizing:border-box}::-moz-selection{background:#203a83;color:#fff;text-shadow:none}::selection{background:#3999dc;color:#fff;text-shadow:none}a{color:#000}a:link{color:#000}a:hover{color:#314e9f;text-decoration:none}input{outline:none}*{outline:none}ul,li{list-style:none}p{line-height:1.5}h1,h2,h3,h4,h5{font-family:"Microsoft YaHei",sans-serif;font-weight:700;line-height:1.5;color:#333;position:relative}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:16px}.clear:after{content:"";clear:both;display:block}img:hover{opacity:1}p{color:#666}.card{border:#dfe9eb 1px solid}.card .card-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card .card-text{font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card .card-btns{font-size:14px}.card .card-btns span,.card .card-btns small{padding-top:8px}.card .card-btns .btn{font-size:14px;vertical-align:middle;background-color:#21a7d0;border:#21a7d0 1px solid;color:#fff}.card .card-btns .btn:hover{background-color:#bf219f}.card.horizontal .card-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.page-item.active .page-link{background-color:#21a7d0;border-color:#21a7d0}#backtotop{box-shadow:0px 2px 7px rgba(0,0,0,0.15);cursor:pointer;width:50px;height:50px;display:none;position:fixed;right:10px;bottom:30px;background:#bf219f url("../images/icon/icon-backtop.png") center center no-repeat;background-size:100% 100%;z-index:999}small.reply a{color:#21a7d0}.pagination.radius .page-item .page-link{border:none;color:#333;background-color:#f5f5f5;font-size:14px;margin:0 5px;border-radius:20px}.pagination.radius .page-item .page-link .icon{margin:0}.pagination.radius .page-item.active .page-link{color:#fff;background-color:#21a7d0}form.reply .form-control{background-color:#f8f8f8;color:#333;border:#dfe9eb 1px solid;border-radius:0}form.reply button[type="submit"]{background-color:#21a7d0;border:#21a7d0 1px solid}.swiper-slide .card .card-body{position:relative}.swiper-slide .card .card-body .link{position:absolute;left:0;right:0;top:0;bottom:0}.swiper-slide .card .card-body .card-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.swiper-slide .card .card-body .card-text{color:#999999}.swiper-slide .card .card-body .card-text-sub{color:#999999;font-size:14px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.swiper-slide .card .card-footer{background-color:#fff}.switch-contrl{display:flex}.switch-contrl .switch-bt{width:40px;height:40px;text-align:center;line-height:40px;background-color:#f5f5f5;border-radius:5px;margin:0 6px;background-repeat:no-repeat;background-position:center center}.switch-contrl .switch-bt.tab-prev{background-image:url("../images/icon/icon-swich-prev.png")}.switch-contrl .switch-bt.tab-next{background-image:url("../images/icon/icon-swich-next.png")}.switch-contrl .switch-bt:hover{background-color:#21a7d0}.switch-contrl .switch-bt:hover.tab-prev{background-image:url("../images/icon/icon-swich-prev-active.png")}.switch-contrl .switch-bt:hover.tab-next{background-image:url("../images/icon/icon-swich-next-active.png")}.media.instructor>.img img{width:100%;border:#dfe9eb 1px solid}.reviews{padding-bottom:15px;border-bottom:#dfe9eb 1px solid}.reviews .editor-submit .btn.btn-primary{border:#21a7d0 1px solid;background-color:#21a7d0}.title-inner h3{margin:0;font-size:24px;color:#5a7fa1}.search-inner-box{background-color:#f3f8f9;border:#dfe9eb 1px solid;display:flex}.search-inner-box input{flex:1;border:0;background:none;color:#999999}.search-inner-box button{width:30px;border:0;background:none}.search-inner-box button .icon{width:24px;height:24px;margin:0}.scrollbar::-webkit-scrollbar{width:8px;height:8px}.scrollbar::-webkit-scrollbar-thumb{border-radius:50px;background:#cdcdcd}.scrollbar::-webkit-scrollbar-track{background:#f0f0f0}.dark .scrollbar::-webkit-scrollbar{width:8px;height:8px}.dark .scrollbar::-webkit-scrollbar-thumb{border-radius:50px;background:#cdcdcd}.dark .scrollbar::-webkit-scrollbar-track{background:#1d223b}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-thumb{border-radius:5px;background:#bf219f}body::-webkit-scrollbar-track{background:#203a83}.btn-more{padding:3px 30px;background-color:#e8e8e8;color:#333}.btn-more .icon{margin-left:10px}.btn-more:hover{opacity:0.7}.btn-more.white{background-color:rgba(255,255,255,0.1);color:#fff}.btn-more.white:hover{opacity:1}.icon{width:14px;height:14px;display:inline-block;vertical-align:middle;background-size:100% auto;background-repeat:no-repeat;background-position:center center;margin-right:0.5rem}.icon.icon-phone{background-image:url("../images/icon/icon-phone.png")}.icon.icon-email{background-image:url("../images/icon/icon-email.png")}.icon.icon-search{background-image:url("../images/icon/icon-search.png")}.icon.icon-close{background-image:url("../images/icon/icon-close.png")}.icon.icon-more{background-image:url("../images/icon/icon-more.png")}.icon.icon-more-black{background-image:url("../images/icon/icon-more-black.png")}.icon.icon-commit{background-image:url("../images/icon/icon-commit.png")}.icon.icon-eye{background-image:url("../images/icon/icon-eye.png")}.icon.icon-body{background-image:url("../images/icon/icon-body.png")}.icon.icon-date{background-image:url("../images/icon/icon-date.png")}.icon.icon-love{background-image:url("../images/icon/icon-love.png")}.icon.icon-phone-2{background-image:url("../images/icon/icon-phone-2.png")}.icon.icon-location{background-image:url("../images/icon/icon-location.png")}.icon.icon-email-2{background-image:url("../images/icon/icon-email-2.png")}.icon.icon-reply{background-image:url("../images/icon/icon-reply.png")}.icon.icon-paginate-previous{background-image:url("../images/icon/icon-paginate-previous.png")}.icon.icon-paginate-next{background-image:url("../images/icon/icon-paginate-next.png")}.icon.icon-introduction{background-image:url("../images/icon/icon-32-introduction.png")}.icon.icon-raise{background-image:url("../images/icon/icon-32-raise.png")}.icon.icon-redpacket{background-image:url("../images/icon/icon-32-redpacket.png")}.icon.icon-question{background-image:url("../images/icon/icon-32-question.png")}.icon.icon-model{background-image:url("../images/icon/icon-32-model.png")}.icon.icon-period{background-image:url("../images/icon/icon-32-period.png")}.icon.icon-save{background-image:url("../images/icon/icon-save.png")}.header-top{width:100%;background-color:#203a83;color:#fff;font-size:14px}.header-top .row{margin-right:0px;margin-left:0px}.header-top .icon{width:20px;height:20px;display:inline-block;margin-right:5px;vertical-align:middle}.header-top a{color:#fff}.header-top .login ul li{position:relative}.header-top .login ul li a:hover{text-decoration:underline}.header-top .login ul li.login-btn:after{content:"";position:absolute;right:-18px;top:6px;bottom:6px;width:1px;background-color:#fff}.header-top .login ul li.active a{color:#e285cf}.header-menu .extension-nav>ul>li>a{display:block;padding:26px 0px;position:relative;font-size:18px;color:#222}.header-menu .extension-nav>ul>li>a>i{width:24px;height:24px}.header-menu .sina-nav-header .sina-brand img{width:763px;height:79px}.header-menu .sina-menu>li>a{font-size:16px;font-weight:normal;padding:28px 13px;text-transform:none}.search-box{padding:5px 0;display:none;border-radius:4px;overflow:hidden;background-color:#f6f6f6;margin-top:10px;margin-bottom:15px;z-index:999}.search-box .search-addon{padding:0px 10px;float:left;color:#222;background-color:transparent}.search-box .search-addon .icon{width:24px;height:24px;margin-right:0}.search-box .search-addon .search-submit{padding:0px 5px}.search-box .search-addon.close-search{margin-right:10px}.search-box .search-input{width:calc( 100% - 110px )}.search-box .search-input .form-control{height:28px;padding:0;border:0;box-shadow:0 0 0;color:#222;background-color:transparent}.sina-nav{border:none}.sina-nav .sina-menu .dropdown-menu{background-color:#314e9f}.sina-nav .sina-menu .dropdown-menu li a{color:#fff}.banner-main .swiper-container .swiper-wrapper .swiper-slide{height:600px;background-repeat:no-repeat;background-size:auto 100%;background-position:center center;padding-top:350px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container{width:60%;padding:30px 30px;background-color:rgba(32,58,131,0.8);text-align:center;position:relative}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container:after{content:"";position:absolute;top:20px;right:-9px;bottom:-9px;width:9px;background-color:rgba(229,42,142,0.8)}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container:before{content:"";position:absolute;left:20px;right:-9px;bottom:-9px;height:9px;background-color:rgba(229,42,142,0.8)}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container h3{font-size:42px;color:#fff;display:inline-block}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p{color:#fff;position:relative}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.en{font-family:'Times New Roman', sans-serif;font-size:24px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.cn{font-size:24px;margin-top:40px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.cn:before{position:absolute;top:-30px;left:50%;margin-left:-50px;content:"";background-color:#c5219c;height:3px;width:100px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container .more-btn{position:absolute;bottom:0px;margin-bottom:-20px;left:50%;margin-left:-85px;padding:10px 30px;color:#fff;background:url("../images/btn-more-bg.jpg") left center repeat-y;background-size:100% auto;margin-top:30px;transition-property:background-color;transition-timing-function:ease-out;transition-duration:0.3s}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container .more-btn .icon{width:24px;height:24px;margin-left:15px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container .more-btn:hover{opacity:0.8}.banner-main .swiper-container .swiper-pagination .swiper-pagination-bullet{width:40px;height:4px;background-color:#203a83;border-radius:0;opacity:1}.banner-main .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background-color:#e42a8e}.banner-main .swiper-container .swiper-button-next,.banner-main .swiper-container .swiper-button-prev{width:40px;height:190px;background-color:rgba(255,255,255,0.2);background-position:center center;background-repeat:no-repeat;margin-top:-95px}.banner-main .swiper-container .swiper-button-next:after,.banner-main .swiper-container .swiper-button-prev:after{display:none}.banner-main .swiper-container .swiper-button-next{right:0;left:auto;background-image:url("../images/icon/icon-next.png")}.banner-main .swiper-container .swiper-button-prev{left:0;right:auto;background-image:url("../images/icon/icon-prev.png")}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide{height:320px;padding-top:70px}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container{width:60%;padding:30px 30px;background-color:rgba(32,58,131,0.8);text-align:center;position:relative}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container:after{top:0px;right:-9px;bottom:0px;width:9px}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container:before{display:none}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container h3{font-size:36px}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container p.en{font-family:'Times New Roman', sans-serif;font-size:18px}.banner-inner .banner{padding-top:110px;height:496px;background-repeat:no-repeat;background-size:auto 100%;background-position:center center}.banner-inner .banner .container h3{font-family:'Georgia';font-size:46px;color:#fff;display:inline-block}.banner-inner .banner .container .more-btn{display:inline-block;padding:15px 40px;color:#fff;background-color:#21a7d0;margin-top:30px;transition-property:background-color;transition-timing-function:ease-out;transition-duration:0.3s}.banner-inner .banner .container .more-btn .icon{width:20px;height:20px;margin-left:10px}.banner-inner .banner .container .more-btn:hover{background-color:#58d2ff}.section-title{display:block;text-align:center;padding:30px 0 20px 0;position:relative}.section-title h2{position:relative;font-size:36px;color:#203a83;font-weight:700;z-index:999}.section-title h2:after{content:"";width:50px;height:3px;background-color:#bf219f;position:absolute;left:50%;margin-left:-25px;bottom:-12px}.section-title span{font-family:'Arial',sans-serif;font-weight:700;display:block;position:absolute;top:-20px;left:0;right:0;text-align:center;color:#f6f6f6;font-size:74px;text-transform:uppercase}.main-course-category,.main-popular-courses,.main-live-course,.main-live-course,.main-featured-teachers,.footer,.latest-news,.inner-box,.news-list,.exam{padding:35px 0 35px 0;background-size:100% 100%}.main-course-category .main-course-category-content{margin-top:15px}.main-course-category .main-course-category-content .nav .nav-item .nav-link{color:#333;font-size:20px;font-weight:normal;position:relative}.main-course-category .main-course-category-content .nav .nav-item .nav-link.active{background:none;color:#203a83}.main-course-category .main-course-category-content .nav .nav-item .nav-link.active:after{content:"";height:3px;position:absolute;bottom:-5px;left:15px;right:15px;background-color:#bf219f}.main-course-category .main-course-category-content .main-course-category-switchbt .switchbt{width:40px;height:40px;text-align:center;line-height:40px;background-color:#f5f5f5;border-radius:5px;margin:0 6px;background-repeat:no-repeat;background-position:center center}.main-course-category .main-course-category-content .main-course-category-switchbt .switchbt.tab-prev{background-image:url("../images/icon/icon-swich-prev.png")}.main-course-category .main-course-category-content .main-course-category-switchbt .switchbt.tab-next{background-image:url("../images/icon/icon-swich-next.png")}.main-course-category .main-course-category-content .main-course-category-switchbt .switchbt:hover{background-color:#314e9f}.main-course-category .main-course-category-content .main-course-category-switchbt .switchbt:hover.tab-prev{background-image:url("../images/icon/icon-swich-prev-active.png")}.main-course-category .main-course-category-content .main-course-category-switchbt .switchbt:hover.tab-next{background-image:url("../images/icon/icon-swich-next-active.png")}.main-course-category .tab-content .card{transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.main-course-category .tab-content .card .icon{width:14px;height:14px}.main-course-category .tab-content .card .card-body{position:relative}.main-course-category .tab-content .card .card-body .card-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.main-course-category .tab-content .card .card-body .link{position:absolute;left:0;right:0;top:0;bottom:0}.main-course-category .tab-content .card .card-body h5{font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.main-course-category .tab-content .card .card-footer{background-color:#fff;transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.main-course-category .tab-content .card:hover{border:#333 1px solid;box-shadow:0px 3px 18px rgba(0,0,0,0.1)}.main-course-category .tab-content .card:hover:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background-color:#bf219f}.main-course-category .tab-content .card:hover .icon.icon-body{background-image:url("../images/icon/icon-body-white.png")}.main-course-category .tab-content .card:hover .icon.icon-date{background-image:url("../images/icon/icon-date-white.png")}.main-course-category .tab-content .card:hover .icon.icon-commit{background-image:url("../images/icon/icon-commit-white.png")}.main-course-category .tab-content .card:hover .icon.icon-eye{background-image:url("../images/icon/icon-eye-white.png")}.main-course-category .tab-content .card:hover .card-body h5{color:#bf219f}.main-course-category .tab-content .card:hover .card-footer{border-top:1px solid #fff;background-color:#203a83;color:#fff}.main-popular-courses{background-color:#f6f6f6}.main-popular-courses .section-title{margin-bottom:-35px}.main-popular-courses .section-title span{color:#e7e7e7}.main-popular-courses .main-popular-courses-switchbt .switchbt{z-index:999;width:40px;height:40px;text-align:center;line-height:40px;background-color:#fff;border-radius:5px;margin:0 6px;background-repeat:no-repeat;background-position:center center}.main-popular-courses .main-popular-courses-switchbt .switchbt.tab-prev{background-image:url("../images/icon/icon-swich-prev.png")}.main-popular-courses .main-popular-courses-switchbt .switchbt.tab-next{background-image:url("../images/icon/icon-swich-next.png")}.main-popular-courses .main-popular-courses-switchbt .switchbt:hover{background-color:#bf219f}.main-popular-courses .main-popular-courses-switchbt .switchbt:hover.tab-prev{background-image:url("../images/icon/icon-swich-prev-active.png")}.main-popular-courses .main-popular-courses-switchbt .switchbt:hover.tab-next{background-image:url("../images/icon/icon-swich-next-active.png")}.main-popular-courses #popular-courses-switch .card .card-body{position:relative}.main-popular-courses #popular-courses-switch .card .card-body .link{position:absolute;left:0;right:0;top:0;bottom:0}.main-popular-courses #popular-courses-switch .card .card-body h5{font-size:18px;font-weight:700;color:#333;display:block;cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.main-popular-courses #popular-courses-switch .card .card-body .card-text{color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.main-popular-courses #popular-courses-switch .card .icon{width:14px;height:14px}.main-popular-courses #popular-courses-switch .card:hover{box-shadow:0px 3px 18px rgba(0,0,0,0.1)}.main-popular-courses #popular-courses-switch .card:hover h5{color:#bf219f}.main-live-course .card .label{display:inline-block;background-color:red;position:absolute;left:-14px;top:20px;padding:5px 20px;padding-left:24px;font-size:18px;font-weight:400;color:#fff}.main-live-course .card .label:before{position:absolute;left:0;bottom:-12px;content:"";width:14px;height:12px;background-size:100% 100%}.main-live-course .card .label.under-way{background-color:#ff3a46}.main-live-course .card .label.under-way:before{background:url("../images/icon/icon-label-01.png") center center no-repeat}.main-live-course .card .label.not-started{background-color:#ffc107}.main-live-course .card .label.not-started:before{background:url("../images/icon/icon-label-02.png") center center no-repeat}.main-live-course .card .label.finish{background-color:#b8b7b7}.main-live-course .card .label.finish:before{background:url("../images/icon/icon-label-03.png") center center no-repeat}.main-live-course .card .icon{width:14px;height:14px}.main-live-course .card small.date{color:#ff3a46}.main-live-course .card .card-body .link{position:absolute;left:0;right:0;top:0;bottom:0}.main-live-course .card .card-body .card-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.main-featured-teachers{background:url("../images/bg-01.jpg") center center no-repeat}.main-featured-teachers .container .section-title h2{color:#fff}.main-featured-teachers .container .section-title span{color:rgba(255,255,255,0.1)}.main-featured-teachers .container .main-featured-teachers-content{width:90%;margin:0 auto;position:relative}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide .pic{position:relative}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide .pic .mask{position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-color:rgba(9,32,96,0.7);display:flex;flex-direction:column;padding:0 20px 20px 20px;opacity:0;z-index:-1;transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide .pic .mask:before{border-radius:0 0 0 0;height:4px;content:"";position:absolute;top:0;left:0;right:0;background-color:#bf219f}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide .pic .mask h5{text-align:center;height:62px;line-height:62px;color:#fff;border-bottom:#fff 1px solid}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide .pic .mask .cont{flex:1;font-size:16px;color:#fff;padding:10px 0;overflow:hidden}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide .pic .mask .cont p{color:#fff}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide .pic .mask .link{position:absolute;top:0px;bottom:0px;left:0px;right:0px}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide .pic img{width:100%}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide .name{padding:10px 0;display:block;text-align:center;font-size:18px;color:#fff}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide:hover .pic .mask{opacity:1;z-index:100}.main-featured-teachers .container .main-featured-teachers-content #featured-teachers-switch .swiper-wrapper .swiper-slide:hover .pic img{z-index:10;width:100%;border-radius:3px}.main-featured-teachers .container .main-featured-teachers-content .swiper-button-next,.main-featured-teachers .container .main-featured-teachers-content .swiper-button-prev{width:40px;height:190px;background-position:center center;background-repeat:no-repeat;margin-top:-95px;z-index:900}.main-featured-teachers .container .main-featured-teachers-content .swiper-button-next:after,.main-featured-teachers .container .main-featured-teachers-content .swiper-button-prev:after{display:none}.main-featured-teachers .container .main-featured-teachers-content .swiper-button-next:hover,.main-featured-teachers .container .main-featured-teachers-content .swiper-button-prev:hover{background-color:rgba(255,255,255,0.1)}.main-featured-teachers .container .main-featured-teachers-content .swiper-button-next{right:-55px;left:auto;background-image:url("../images/icon/icon-next.png")}.main-featured-teachers .container .main-featured-teachers-content .swiper-button-prev{left:-55px;right:auto;background-image:url("../images/icon/icon-prev.png")}.latest-news .latest-news-content .card{border:none}.latest-news .latest-news-content .card .card-img-top{border-radius:3px}.latest-news .latest-news-content .card .card-body{padding:1.25rem 0}.latest-news .latest-news-content .card .card-body .card-title{font-weight:normal;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.latest-news .latest-news-content .card .card-body .card-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.latest-news .latest-news-content .card.horizontal{background-color:#f6f6f6;transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.latest-news .latest-news-content .card.horizontal .card-body .card-title{margin-top:15px;margin-bottom:15px}.latest-news .latest-news-content .card.horizontal .card-body .card-text{margin-bottom:15px}.latest-news .latest-news-content .card.horizontal:before{content:"";position:absolute;height:3px;left:0;right:0;top:0;border-radius:3px 3px 0 0;background-color:#bf219f;z-index:999;opacity:0;transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.latest-news .latest-news-content .card.horizontal:hover{background-color:#203a83;box-shadow:2px 3px 5px rgba(0,0,0,0.1)}.latest-news .latest-news-content .card.horizontal:hover:before{opacity:1}.latest-news .latest-news-content .card.horizontal:hover .card-body .card-title a{color:#fff}.latest-news .latest-news-content .card.horizontal:hover .card-body .card-text{color:#a8b9eb}.list-group.phone .list-group-item{background:none;border:none;color:#fff;font-size:14px;padding-left:35px}.list-group.phone .list-group-item .icon{width:22px;height:22px;position:absolute;left:0;top:11px}.list-group.quick-links .list-group-item{padding:5px 10px;background:none;border:none;font-size:14px;padding-left:20px}.list-group.quick-links .list-group-item:before{content:"";position:absolute;width:4px;height:4px;left:0;top:14px;background-color:#21a7d0}.list-group.quick-links .list-group-item a{color:#fff;text-decoration:underline}.list-group.quick-links.category .list-group-item a{font-size:16px;color:#333;text-decoration:none}.list-group.quick-links.category .list-group-item a:hover{text-decoration:underline}.list-group.working-hours .list-group-item{padding:8px 0px;background:none;border:none;font-size:14px;display:flex;justify-content:space-between;border-bottom:#fff 1px solid}.list-group.working-hours .list-group-item span{color:#fff}.inner-box .video-box .video video{width:100%}.inner-box .video-box .card-body .card-title{font-size:24px;font-weight:700;color:#5a7fa1}.inner-box .video-box .card-body .card-text{font-size:16px;color:#333333}.inner-box.detail-live .media.main{background-color:#f3f8f9;padding:20px 20px}.inner-box.detail-live .media.main .pic{width:100px;height:100px;border-radius:50%}.inner-box.detail-live .media.main .media-body h5{color:#5a7fa1;font-size:18px;font-weight:700}.inner-box.detail-live .media.main .media-body p{margin-bottom:10px}.inner-box.detail-live .media.main .media-body .score ul{display:flex;justify-content:flex-start;margin-right:10px}.inner-box.detail-live .media.main .media-body .score>span{font-size:14px}.inner-box.detail-live .content .title{margin-bottom:20px;border-bottom:#dfe9eb 1px solid;display:flex;justify-content:space-between}.inner-box.detail-live .content .title h3{color:#21a7d0;margin-bottom:0}.inner-box.detail-live .content .title.sub{margin-bottom:30px;border-bottom:none}.inner-box.detail-live .content .title.sub h3{color:#5a7fa1}.inner-box.detail-live .content .nav{border-bottom:#dfe9eb 1px solid}.inner-box.detail-live .content .nav .nav-item .nav-link{font-size:24px;padding:15px 20px;position:relative}.inner-box.detail-live .content .nav .nav-item .nav-link.active{background:none;color:#21a7d0}.inner-box.detail-live .content .nav .nav-item .nav-link.active:after{content:"";position:absolute;bottom:-1px;left:30px;right:30px;height:2px;background-color:#21a7d0}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media{padding:10px 20px}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media .pic{width:100px;height:100px;border-radius:50%}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media .media-body h5{color:#333;font-size:20px;font-weight:700}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media .media-body p{font-size:16px;margin-bottom:10px}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media .media-body .score ul{display:flex;justify-content:flex-start;margin-right:10px}.inner-box.detail-live .content .tab-content .tab-pane .instructor-content,.inner-box.detail-live .content .tab-content .tab-pane .instructor-content{padding:10px 20px;border-bottom:#dfe9eb 1px solid}.inner-box.detail-live .content .tab-content .tab-pane .instructor-content p img,.inner-box.detail-live .content .tab-content .tab-pane .instructor-content p img{display:block;margin:20px auto;max-width:90%;border-radius:3px}.inner-box.detail-live .content .tab-content .tab-pane .instructor-content ul li,.inner-box.detail-live .content .tab-content .tab-pane .instructor-content ul li{padding-left:20px;position:relative}.inner-box.detail-live .content .tab-content .tab-pane .instructor-content ul li:before,.inner-box.detail-live .content .tab-content .tab-pane .instructor-content ul li:before{content:"";width:10px;height:10px;position:absolute;left:0;top:0px;background:url("../images/icon/icon-content-li.png") center center no-repeat}.inner-box.detail-live .slider-title{padding:10px 0;color:#5a7fa1;font-size:24px;font-weight:700;border-bottom:#dfe9eb 1px solid}.inner-box.detail-live .slider-tags ul li{margin-right:12px;margin-bottom:12px}.inner-box.detail-live .slider-tags ul li a{display:block;padding:7px 10px;background-color:#f3f8f9;border-radius:3px;transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.inner-box.detail-live .slider-tags ul li a:hover{background-color:#21a7d0;color:#fff}.inner-box.courses-list .nav .nav-item .nav-link{font-size:20px;color:#333}.inner-box.courses-list .nav .nav-item .nav-link.active{background:none;color:#5a7fa1;font-weight:700}.inner-box.courses-list .tab-content .tab-pane .results{padding:0 0 20px 0}.inner-box.news-list .card .card-title{font-size:16px}.inner-box.news-list .card .card-title a{font-size:16px;font-weight:normal;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.inner-box.news-list .card .card-title:hover a{color:#21a7d0}.inner-box.online .title{margin-bottom:15px;border-bottom:#dfe9eb 1px solid}.inner-box.online .title h4{font-size:24px;color:#5a7fa1}.inner-box.online .online-filter .btn[type="submit"]{background-color:#21a7d0;border:#21a7d0 1px solid}.inner-box.online .online-filter .btn[type="submit"]:hover{background-color:#bf219f}.inner-box.exam .exam-box{border:#dfe9eb 1px solid}.inner-box.exam .exam-box .title{padding:12px 10px;text-align:center;background-color:#f3f8f9;font-weight:700}.inner-box.exam .exam-box .title h2{margin:0;font-size:24px;color:#5a7fa1}.inner-box.exam .exam-box .exam-list .card{border:none}.inner-box.exam .exam-box .exam-list .card .card-body{padding:1rem 1.25rem}.inner-box.exam .exam-box .exam-list .card .card-body .card-cont{padding-left:30px;position:relative}.inner-box.exam .exam-box .exam-list .card .card-body .card-cont .num{position:absolute;left:0;top:0}.inner-box.exam .exam-box .exam-list .card .card-body .card-cont h3{font-size:16px;font-weight:normal}.inner-box.exam .exam-box .exam-list .card .card-body .card-cont p{font-size:16px;margin-bottom:5px}.inner-box.exam .exam-box .exam-list .card .card-body .card-options{padding:5px 0;padding-left:30px}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul{margin:0}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul li{display:flex;cursor:pointer;margin:15px 0}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul li .label{background-color:#fff;border-radius:3px;border:#5a7fa1 1px solid;width:30px;height:30px;line-height:30px;text-align:center}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul li .cont{padding-left:12px;flex:1;line-height:30px}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul li.active{color:#21a7d0}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul li.active .label{border:#21a7d0 1px solid;background-color:#21a7d0;color:#fff}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul li:hover{color:#21a7d0}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul li:hover .label{background-color:#f3f8f9}.inner-box.exam .exam-progress{background-color:#fff;border:#dfe9eb 1px solid}.inner-box.exam .exam-progress .title{font-size:24px;color:#fff;background-color:#21a7d0;padding:8px 0;text-align:center}.inner-box.exam .exam-progress .time{text-align:center;font-size:34px;padding:15px 0;color:#5a7fa1;font-weight:700}.inner-box.exam .exam-progress .selection{background-color:#f3f8f9;padding:10px 10px;color:#21a7d0;font-weight:700}.inner-box.exam .exam-progress .progress-box{display:flex;justify-content:flex-start;flex-wrap:wrap;padding:15px}.inner-box.exam .exam-progress .progress-box .sn{display:block;margin:4px;flex:0 1 16.66%;height:38px;text-align:center;line-height:38px;border:#dfe9eb 1px solid;transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.inner-box.exam .exam-progress .progress-box .sn.active{background-color:#21a7d0;border:#21a7d0 1px solid;color:#fff}.inner-box.exam .exam-progress .progress-box .sn.error{background-color:#ff3a46;border:#ff3a46 1px solid;color:#fff}.inner-box.exam .exam-progress .progress-box .sn:hover{background-color:#f3f8f9;border:#21a7d0 1px solid;color:#333}.inner-box.exam .exam-progress .exam-progress-submit{background-color:#f3f8f9;display:flex;justify-content:flex-end;padding:10px}.inner-box.exam .exam-progress .exam-progress-submit .btn{background-color:#21a7d0;color:#fff;border-color:#21a7d0}.inner-box.exam .exam-progress .exam-progress-submit .btn:hover{background-color:#bf219f}.detail-content{padding:20px 0 20px 0;border-top:#21a7d0 2px solid}.detail-content h2{text-align:center;color:#5a7fa1}.detail-content .auther{margin:10px 0;font-size:14px;text-align:center}.detail-content .auther span{margin-right:10px}.detail-content .auther span img{width:46px;height:46px;border-radius:50%;border:#ddd 1px solid}.detail-content .attachment{border-bottom:#dfe9eb 1px solid;text-align:center;padding:10px 0}.detail-content .attachment span{font-size:14px;margin:0 10px}.detail-content .content{padding:20px 0 20px 0;border-bottom:#dfe9eb 1px solid}.detail-content .content p img{width:100%}.curriculum-list{padding:20px 15px;background-color:#f5f5f5;margin:15px 0}.curriculum-list ul{margin:0}.curriculum-list ul li{display:flex;justify-content:space-between;margin-bottom:25px;padding-left:32px !important;align-items:baseline}.curriculum-list ul li:last-child{margin-bottom:0px}.curriculum-list ul li:before{content:"" !important;width:30px !important;height:30px !important;background:url("../images/icon/icon-curriculum.png") center center no-repeat !important}.curriculum-list ul li .name{flex:1;line-height:38px;display:flex;justify-content:space-between;padding-right:15px}.curriculum-list ul li .name span{line-height:24px}.curriculum-list ul li .name span:last-child{padding-left:5px}.curriculum-list ul li .watch{width:80px;align-content:flex-start}.curriculum-list ul li .watch .btn{border-radius:5px;border:#21a7d0 1px solid;background-color:#fff;color:#21a7d0;text-align:center}.curriculum-list ul li .watch .btn:hover{background-color:#21a7d0;color:#fff}.results-list .card .card-body{position:relative}.results-list .card .card-body .link{position:absolute;left:0;right:0;top:0;bottom:0}.results-list .card .card-body .card-sub{margin-top:10px}.results-list .card .card-body .card-sub .avartar{top:-55px;left:0;position:absolute;width:44px;height:44px}.results-list .card .card-body .card-sub .avartar img{border:#dae4e6 1px solid;width:100%;height:100%;border-radius:50%}.results-list .card .card-body .card-sub span small{margin-left:10px}.results-list .card .card-body .card-sub .love{cursor:pointer}.results-list .card .card-body .card-sub .love:hover .icon-love{background-image:url("../images/icon/icon-love-active.png")}.results-list .card .card-body .card-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.results-list .card .icon{width:14px;height:14px}.results-list .card:hover .card-body .card-text{color:#21a7d0}.online-list .list-group .list-group-item{border-color:#dfe9eb;padding-left:45px;position:relative}.online-list .list-group .list-group-item:before{content:"";position:absolute;top:15px;left:15px;width:20px;height:20px;background:url("../images/icon/icon-list.png") center center no-repeat}.online-list .list-group .list-group-item .name{line-height:31px}.online-list .list-group .list-group-item .btn{color:#21a7d0;background-color:#fff;border:#dfe9eb 1px solid}.online-list .list-group .list-group-item .btn:hover{color:#fff;background-color:#21a7d0;border:#dfe9eb 1px solid}.data-analysis img{border:#dfe9eb 1px solid}.data-analysis .link{padding:10px 0}.tools-downLoad .list-group .list-group-item{display:flex;justify-content:space-between;border:none;border-bottom:#dfe9eb 1px solid;padding:10px 0px}.tools-downLoad .list-group .list-group-item .name{flex:1;line-height:31px}.tools-downLoad .list-group .list-group-item .btn{width:80px;color:#21a7d0;background-color:#fff;border-color:#dfe9eb}.tools-downLoad .list-group .list-group-item .btn:hover{border-color:#21a7d0;background-color:#21a7d0;color:#fff}.video-container{display:flex;flex-direction:column;min-width:1280px;min-height:720px;height:100vh}.video-container .video-header{height:60px;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.video-container .video-header .logo-box{display:flex}.video-container .video-header .logo-box .logo{margin-right:20px;width:249px;height:36px;background:url("../images/video/logo-white.png");background-size:100% 100%}.video-container .video-header .logo-box .logo img{width:249px;height:36px}.video-container .video-header .logo-box .sub-title{font-size:16px;border-radius:50px;padding:5px 25px;background-color:#c51f1f;color:#fff;margin-right:15px}.video-container .video-header .logo-box .slogan{max-width:300px;font-size:12px;color:#c51f1f}.video-container .video-header .hint .hint-title span{text-align:right;display:block;font-size:12px;color:#333}.video-container .video-content{flex:1;background-color:#68696e;overflow:auto}.video-container .video-content .menu{width:80px;background-color:#333646}.video-container .video-content .menu ul{margin-bottom:0}.video-container .video-content .menu ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 0;cursor:pointer;transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.video-container .video-content .menu ul li:hover{background-color:#4b4e5f}.video-container .video-content .menu ul li .icon{width:32px;height:32px;margin:0;display:block;margin-bottom:5px}.video-container .video-content .menu ul li span{line-height:1.2em;font-size:12px;text-align:center;padding:0 8px;color:#fff}.video-container .video-content .menu ul li.active{background-color:#1d223b}.video-container .video-content>.video{flex:1;padding:10px;display:flex;flex-direction:column}.video-container .video-content>.video>.video{background-color:#333;flex:1;width:auto;overflow:hidden}.video-container .video-content>.video>.video video{width:100%;height:100%;background-color:#333;z-index:3;object-fit:fill}.video-container .video-content>.video>.news{height:210px;padding-top:10px}.video-container .video-content>.video>.news .news-box{height:100%}.video-container .video-content>.video>.news .news-box .news-col{height:100%}.video-container .video-content>.video>.news .box{height:100%;background-color:#fff;display:flex;flex-direction:column}.video-container .video-content>.video>.news .box .title{display:flex;justify-content:space-between;padding:5px 10px;font-size:16px;background-color:#f3f3f3;border-bottom:#dddfe2 1px solid}.video-container .video-content>.video>.news .box .title .icon{width:20px;height:20px;margin-right:5px}.video-container .video-content>.video>.news .box .title h1,.video-container .video-content>.video>.news .box .title h2,.video-container .video-content>.video>.news .box .title h3,.video-container .video-content>.video>.news .box .title h4,.video-container .video-content>.video>.news .box .title h5{font-weight:normal;margin:0;color:#333}.video-container .video-content>.video>.news .box .title span,.video-container .video-content>.video>.news .box .title a{color:#c51f1f}.video-container .video-content>.video>.news .box .new-content{overflow:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column}.video-container .video-content>.video>.news .box .new-content .info{color:#333;padding:15px;font-size:12px;flex:1;overflow:auto;overflow-x:hidden}.video-container .video-content>.video>.news .box .new-content .send{padding:10px 10px 10px 10px;display:flex;height:auto}.video-container .video-content>.video>.news .box .new-content .send .input{padding:3px 10px;background-color:#e9e9e9;border:none;flex:1;color:#333}.video-container .video-content>.video>.news .box .new-content .send .btn{width:80px;background-color:#c51f1f;color:#fff;border-radius:0}.video-container .video-content>.video>.news .box .new-content .send .btn:hover{background-color:#e54040}.video-container .video-content>.video>.news .box .new-content .notes-box{flex:1;padding:10px 15px}.video-container .video-content>.video>.news .box .new-content .notes-box ul{margin-bottom:0}.video-container .video-content>.video>.news .box .new-content .notes-box ul li{padding:4px 0;color:#333;padding-left:30px;position:relative}.video-container .video-content>.video>.news .box .new-content .notes-box ul li:before{content:"";width:24px;height:24px;position:absolute;left:0;top:5px;background:url("../images/icon/icon-notes.png")}.video-container .video-content>.video>.news .box .new-content .notes-box ul li a{color:#c51f1f;font-size:12px}.video-container .video-content>.video>.news .box .new-content .notes-box ul li a:hover{text-decoration:underline}.video-container .video-content .extras{width:25%;display:flex;flex-direction:column;background-color:#fff}.video-container .video-content .extras .video{height:auto;background-color:#333}.video-container .video-content .extras .video img{width:100%}.video-container .video-content .extras .video video{width:100%;height:100%}.video-container .video-content .extras .schedule{flex:1;display:flex;flex-direction:column}.video-container .video-content .extras .schedule .nav{height:40px}.video-container .video-content .extras .schedule .nav .nav-item .nav-link{background-color:#f3f3f3;border-radius:0;color:#333}.video-container .video-content .extras .schedule .nav .nav-item .nav-link.active{background-color:#fff}.video-container .video-content .extras .schedule .tab-content{flex:1;position:relative}.video-container .video-content .extras .schedule .tab-content .tab-pane{position:absolute;left:0;right:0;top:0;bottom:0;overflow:auto}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card{border:none;border-radius:0}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body{position:relative;padding:0.8rem;padding-left:55px}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .card-title{font-size:16px;margin-bottom:5px;color:#c51f1f}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .card-text{font-size:14px}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .icon{position:absolute;left:20px;top:15px;width:20px;height:20px}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card.mobile .card-body .icon{background:url("../images/icon/icon-mobile.png") center center no-repeat;background-size:100% 100%}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card.pc .card-body .icon{background:url("../images/icon/icon-pc.png") center center no-repeat;background-size:100% 100%}.video-container .video-content .extras .send{display:flex;height:48px}.video-container .video-content .extras .send .input{padding:3px 10px;background-color:#e9e9e9;border:none;flex:1;color:#333}.video-container .video-content .extras .send .btn{width:80px;background-color:#c51f1f;color:#fff;border-radius:0}.video-container .video-content .extras .send .btn:hover{background-color:#e54040}.video-container.white{background-color:#fff}.video-container.dark{background-color:#2e3247}.video-container.dark .video-header .logo-box .logo{background:url("../images/video/logo-dark.png")}.video-container.dark .video-header .logo-box .sub-title{background-color:#fff;color:#333646}.video-container.dark .video-header .logo-box .slogan{color:#fff}.video-container.dark .video-header .hint .hint-title span{color:#fff}.video-container.dark .video-content>.video>.news .box{background-color:#373a4a}.video-container.dark .video-content>.video>.news .box .title{background-color:#373a4a;border-bottom:#999999 1px solid}.video-container.dark .video-content>.video>.news .box .title .icon.icon-save{background-image:url("../images/icon/icon-save-white.png")}.video-container.dark .video-content>.video>.news .box .title h1,.video-container.dark .video-content>.video>.news .box .title h2,.video-container.dark .video-content>.video>.news .box .title h3,.video-container.dark .video-content>.video>.news .box .title h4,.video-container.dark .video-content>.video>.news .box .title h5{color:#fff}.video-container.dark .video-content>.video>.news .box .title span,.video-container.dark .video-content>.video>.news .box .title a{color:#fff}.video-container.dark .video-content>.video>.news .box .new-content .info p{color:#fff}.video-container.dark .video-content>.video>.news .box .new-content .send{padding:10px 10px 10px 10px;display:flex;height:auto}.video-container.dark .video-content>.video>.news .box .new-content .send .input{background-color:#1d223b;color:#999999}.video-container.dark .video-content>.video>.news .box .new-content .notes-box ul li{color:#fff}.video-container.dark .video-content>.video>.news .box .new-content .notes-box ul li:before{background:url("../images/icon/icon-notes-white.png")}.video-container.dark .video-content>.video>.news .box .new-content .notes-box ul li a{color:#fff}.video-container.dark .video-content .extras{background-color:#1d223b}.video-container.dark .video-content .extras .video{background-color:#333}.video-container.dark .video-content .extras .schedule .nav .nav-item .nav-link{background-color:#1d223b;color:#fff}.video-container.dark .video-content .extras .schedule .nav .nav-item .nav-link.active{color:#333;background-color:#fff}.video-container.dark .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card{background-color:#373a4a}.video-container.dark .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .card-title{color:#f06868}.video-container.dark .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .card-text{color:#fff}.video-container.dark .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card.mobile .card-body .icon{background:url("../images/icon/icon-mobile-white.png") center center no-repeat;background-size:100% 100%}.video-container.dark .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card.pc .card-body .icon{background:url("../images/icon/icon-pc-white.png") center center no-repeat;background-size:100% 100%}.video-container.dark .video-content .extras .send .input{background-color:#1d223b;color:#999999}.company-intro{padding:50px 0;border-top:#3c6ed4 4px solid;background:url("../images/line.jpg") left bottom repeat-x}.company-intro .info h4{color:#203a83;margin-bottom:0;font-size:24px;font-weight:normal}.company-intro .info h3{font-size:38px;font-weight:700;text-transform:uppercase;margin-bottom:30px}.company-intro .info h3:after{content:"";position:absolute;left:0;bottom:-20px;height:4px;width:44px;background-color:#bf219f}.company-intro .info .info-box{font-size:14px;padding:20px 20px 20px 0;background-color:#fff;margin-right:-140px;line-height:1.8em;z-index:999;position:relative}.company-intro .info .info-btn .btn{font-size:18px;padding:5px 20px;border-radius:3px;background:url("../images/btn-more-bg.jpg") center center repeat-y;background-size:100% auto;color:#fff}.company-intro .info .info-btn .btn .icon{width:24px;height:24px;margin-left:20px}.company-intro .info .info-btn .btn:hover{opacity:0.8}.company-intro .img img{width:100%;border-radius:3px;margin-top:30px}.crumbs{padding:20px 0 10px 0;border-bottom:#ebebeb 1px solid}.crumbs .title h3{color:#203a83;font-weight:700;font-size:20px}.crumbs .title h3:after{content:"";position:absolute;bottom:0px;top:0px;right:0;width:1px;background-color:#ebebeb}.crumbs .menu ul{margin-bottom:0}.crumbs .menu ul li{margin-left:20px;margin-right:20px;position:relative}.crumbs .menu ul li a{display:block;font-size:20px;color:#666;text-decoration:none;z-index:200;position:relative;transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.crumbs .menu ul li a:hover{color:#bf219f;transform:translateY(-6px)}.crumbs .menu ul li.active:after{content:"";position:absolute;bottom:-18px;left:0;right:0;height:3px;background-color:#bf219f !important}.alumnus-list{padding:30px 0}.alumnus-list .list-item{padding:0 0 0px 0;margin-bottom:40px;background:url("../images/line.jpg") left bottom repeat-x}.alumnus-list .alumnus-box{width:80%;margin:0 auto;margin-bottom:40px;transition-property:all;transition-timing-function:ease-out;transition-duration:0.3s}.alumnus-list .alumnus-box:hover{transform:translateY(-8px)}.alumnus-list .alumnus-box .img img{width:100%;border-radius:3px}.alumnus-list .alumnus-box .name{padding:15px 0;text-align:center;border-bottom:#ebebeb 1px solid}.alumnus-list .alumnus-box .name a{display:inline-block;font-size:20px;font-weight:700;position:relative}.alumnus-list .alumnus-box .name a:after{content:"";position:absolute;bottom:-15px;left:0px;right:0;height:3px;background-color:#bf219f}.alumnus-list .alumnus-box .desc{margin:20px 0;color:#aaa;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.pagination .page-item.active .page-link{border-color:#203a83;background-color:#203a83}.news-list .hot-new-title{position:relative}.news-list .hot-new-title h4:after{position:absolute;content:"";height:3px;left:0;bottom:-20px;right:0;height:3px;background-color:#bf219f}.news-list .news-list-content .list{padding:10px 0 40px 0;margin-bottom:30px;position:relative;background:url("../images/line.jpg") left bottom repeat-x}.news-list .news-list-content .img a{display:block}.news-list .news-list-content .img a img{width:100%;border-radius:3px}.news-list .news-list-content .cont .news-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:10px}.news-list .news-list-content .cont .news-title .category-title{padding-right:15px;margin-right:10px}.news-list .news-list-content .cont .news-title .category-title:after{content:"";top:5px;bottom:5px;right:0;width:1px;background-color:#ddd}.news-list .news-list-content .cont .news-title .news-title-title:hover{text-decoration:underline}.news-list .news-list-content .cont .news-info{color:#aaa;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:10px;font-size:14px}.news-list .news-list-content .cont .news-time{font-size:14px}.news-list .news-list-content .cont .news-time .item{color:#666;font-size:14px;margin-right:20px}.news-list .news-list-content .cont .news-time .item .icon{width:20px;height:20px}.news-list .news-hot-list .list{margin-bottom:20px;padding-bottom:20px;position:relative}.news-list .news-hot-list .list:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#ddd}.news-list .news-hot-list .list .img{margin-bottom:10px}.news-list .news-hot-list .list .img a img{width:100%;border-radius:3px}.news-list .news-hot-list .list .cont .news-title{margin-bottom:10px}.news-list .news-hot-list .list .cont .news-title a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px}.news-list .news-hot-list .list .cont .news-title a:hover{text-decoration:underline}.news-list .news-hot-list .list .cont .news-info{margin-bottom:10px;color:#bbb;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px}.news-list .news-hot-list .list .cont .news-time{display:flex;justify-content:space-between;font-size:14px}.news-list .news-hot-list .list .cont .news-time .icon{width:20px;height:20px}.footer{padding:50px 0 20px 0;background:url("../images/footer-bg.jpg") center center no-repeat;background-size:100% 100%}.footer .info .logo{margin-bottom:20px}.footer .info .phone{margin-bottom:20px}.footer .info .info-link ul li{color:#a8b9eb;font-size:14px}.footer .menu .item{margin-left:17px;margin-right:17px}.footer .menu .item:last-child{margin-right:0px}.footer .menu .item h5{font-size:14px;color:#fff}.footer .menu .item ul li a{font-size:14px;color:#a8b9eb;line-height:2em}.footer .menu .item ul li a:hover{color:#fff}.footer .qrcode{text-align:center}.footer .qrcode .code img{margin:0 auto;display:block}.footer .qrcode span{text-align:center;display:inline-block;font-size:14px;color:#fff;padding:15px 0;border-bottom:#bf219f 3px solid}.footer .qrcode span:after{content:"";height:3px;position:absolute}.footer .copyright{padding:15px 0 0 0;text-align:center;color:#a8b9eb;border-top:#475a90 1px solid;font-size:14px}@media (max-width: 600px){p,.p,span,.span,.rsf{font-size:calc(1rem - 0.2vw)}.header-top .icon{width:16px;height:16px}.header-menu .sina-nav-header .sina-brand img{width:230px;height:auto}.banner-main .swiper-container .swiper-wrapper .swiper-slide{height:500px;padding-top:30px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container{width:80%;text-align:center}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container h3{font-size:24px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.en{font-size:16px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.cn{font-size:16px;margin-top:30px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.cn:before{position:absolute;top:-15px;left:50%;margin-left:-50px;content:"";background-color:#c5219c;height:2px;width:100px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container .more-btn{padding:10px 30px;color:#fff;margin-top:20px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container .more-btn .icon{width:20px;height:20px;margin-left:10px}.banner-main .swiper-container .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px}.banner-main .swiper-container .swiper-button-next,.banner-main .swiper-container .swiper-button-prev{width:25px;height:120px;margin-top:-60px}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide{height:320px;padding-top:30px}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container{width:80%;padding:25px 25px}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container h3{font-size:24px}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container p.en{font-size:14px}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container p.cn{font-size:14px;margin-top:30px}.banner-main.inner .swiper-container .swiper-wrapper .swiper-slide .container p.cn:before{position:absolute;top:-15px;left:50%;margin-left:-50px;content:"";background-color:#c5219c;height:2px;width:100px}.banner-inner .banner{padding-top:70px;text-align:center;height:360px}.banner-inner .banner .container h3{font-size:32px;text-align:center}.banner-inner .banner .container .more-btn{padding:10px 30px;color:#fff;margin-top:20px}.banner-inner .banner .container .more-btn .icon{width:20px;height:20px;margin-left:10px}.section-title h2{font-size:24px}.section-title span{font-size:34px}.main-course-category .main-course-category-content{margin-top:5px}.main-course-category .main-course-category-content .main-course-category-switchbt{margin-top:10px}.main-course-category .main-course-category-content .main-course-category-switchbt .switchbt{width:30px;height:30px;line-height:30px;background-size:60% 60%}.main-popular-courses .section-title{margin-bottom:0px}.main-popular-courses .main-popular-courses-switchbt .switchbt{width:30px;height:30px;line-height:30px;background-size:60% 60%}.main-featured-teachers{background:url("../images/bg-01.jpg") center center no-repeat}.main-featured-teachers .container .main-featured-teachers-content{width:85%}.main-featured-teachers .container .main-featured-teachers-content .swiper-button-next,.main-featured-teachers .container .main-featured-teachers-content .swiper-button-prev{width:25px;height:120px;margin-top:-60px;background-size:40% auto}.main-featured-teachers .container .main-featured-teachers-content .swiper-button-next{right:-35px}.main-featured-teachers .container .main-featured-teachers-content .swiper-button-prev{left:-35px}.inner-box.detail-live .media.main{background-color:#f3f8f9;padding:10px 20px}.inner-box.detail-live .media.main .pic{width:50px;height:50px}.inner-box.detail-live .media.main .media-body h5{font-size:18px}.inner-box.detail-live .media.main .media-body p{margin-bottom:10px}.inner-box.detail-live .content .nav .nav-item .nav-link{font-size:18px;padding:10px 15px}.inner-box.detail-live .content .nav .nav-item .nav-link.active{font-weight:normal}.inner-box.detail-live .content .nav .nav-item .nav-link.active:after{bottom:-1px;left:0px;right:0px}.inner-box.detail-live .content .tab-content .reviews-content>.media{padding:10px 10px}.inner-box.detail-live .content .tab-content .reviews-content>.media .pic{width:50px;height:50px}.inner-box.detail-live .content .tab-content .reviews-content>.media .media-body h5{color:#333;font-size:20px;font-weight:700}.inner-box.detail-live .content .tab-content .reviews-content>.media .media-body p{font-size:16px;margin-bottom:10px}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media{padding:10px 10px}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media .pic{width:50px;height:50px}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media .media-body h5{color:#333;font-size:20px;font-weight:700}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media .media-body p{font-size:16px;margin-bottom:10px}.inner-box.detail-live .content .tab-content .tab-pane .reviews-content>.media .media-body .score ul{display:flex;justify-content:flex-start;margin-right:10px}.inner-box.detail-live .content .tab-content .tab-pane .instructor-content,.inner-box.detail-live .content .tab-content .tab-pane .instructor-content{padding:10px 10px}.inner-box.detail-live .content .tab-content .tab-pane .instructor-content p img,.inner-box.detail-live .content .tab-content .tab-pane .instructor-content p img{margin:20px auto;max-width:100%}.inner-box.exam .exam-box .title{padding:10px 10px}.inner-box.exam .exam-box .title h2{font-size:18px}.inner-box.exam .exam-box .exam-list .card{border:none}.inner-box.exam .exam-box .exam-list .card .card-body{padding:15px}.inner-box.exam .exam-box .exam-list .card .card-body .card-cont{padding-left:25px}.inner-box.exam .exam-box .exam-list .card .card-body .card-options{padding:5px 0;padding-left:25px}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul li .label{width:25px;height:25px;line-height:25px}.inner-box.exam .exam-box .exam-list .card .card-body .card-options ul li .cont{padding-left:12px;flex:1;line-height:30px}.inner-box.exam .exam-progress .title{font-size:18px;padding:6px 0}.inner-box.exam .exam-progress .time{font-size:28px;padding:10px 0}.inner-box.exam .exam-progress .selection{padding:5px 10px}.inner-box.exam .exam-progress .progress-box{justify-content:flex-start}.inner-box.exam .exam-progress .progress-box .sn{font-size:14px;margin:4px;height:32px;line-height:32px;flex:0 1 16.66%}.inner-box.exam .exam-progress .exam-progress-submit{background-color:#f3f8f9;display:flex;justify-content:flex-end;padding:10px}.inner-box.exam .exam-progress .exam-progress-submit .btn{background-color:#21a7d0;color:#fff;border-color:#21a7d0}.inner-box.exam .exam-progress .exam-progress-submit .btn:hover{background-color:#bf219f}#backtotop{width:45px;height:45px;right:10px;bottom:10px;background:#bf219f url("../images/icon/icon-backtop.png") center center no-repeat;background-size:50% auto}.switch-contrl .switch-bt{width:30px;height:30px;line-height:30px;border-radius:3px;margin:0 6px}.switch-contrl .switch-bt.tab-prev{background-image:url("../images/icon/icon-swich-prev.png");background-size:60%}.switch-contrl .switch-bt.tab-next{background-image:url("../images/icon/icon-swich-next.png");background-size:60%}.video-container{min-width:auto;min-height:auto}.video-container .video-header{height:auto;padding:0 15px}.video-container .video-header .logo-box{justify-content:center}.video-container .video-header .logo-box .logo{margin-right:15px;width:175px;height:25px;background:url("../images/video/logo-white.png");background-size:100% 100%}.video-container .video-header .logo-box .logo img{width:175px;height:25px}.video-container .video-header .logo-box .sub-title{font-size:12px;padding:0px 12px;background-color:#c51f1f;margin-right:0px;line-height:25px}.video-container .video-header .hint .hint-title span{text-align:center;display:block;font-size:12px;color:#333}.video-container .video-content{overflow:visible}.video-container .video-content .menu{width:100%;background-color:#333646}.video-container .video-content .menu ul li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 0;flex:1}.video-container .video-content .menu ul li .icon{width:20px;height:20px;margin:0;display:block;margin-bottom:5px}.video-container .video-content .menu ul li span{line-height:1.2em;font-size:12px;text-align:center;padding:0 8px;color:#fff}.video-container .video-content .video>.news{height:auto;padding-top:10px}.video-container .video-content .video>.news .news-box{height:auto}.video-container .video-content .video>.news .box{height:100%;background-color:#fff;display:flex;flex-direction:column}.video-container .video-content .video>.news .box .new-content .info{height:80px;flex:auto}.video-container .video-content .video>.news .box .new-content .notes-box{height:120px;flex:auto;padding:10px}.video-container .video-content .extras{width:100%;display:flex;flex-direction:column;background-color:#fff}.video-container .video-content .extras .schedule{flex:auto;height:400px}.video-container .video-content .extras .schedule .tab-content{flex:1;position:relative}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body{padding:0.8rem;padding-left:40px}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .card-title{font-size:14px;color:#c51f1f}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .card-text{font-size:12px}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .icon{position:absolute;left:15px;top:15px;width:16px;height:16px}.video-container .video-content .extras .send{display:flex;height:40px}.video-container .video-content .extras .send .input{padding:3px 10px;background-color:#e9e9e9;border:none;flex:1;color:#333}.curriculum-list{padding:15px 10px}.curriculum-list ul li .watch{width:60px}.curriculum-list ul li .watch .btn{padding:5px 8px;font-size:14px}.company-intro .info h3:after{left:50%;margin-left:-22px}.company-intro .info .info-box{font-size:16px;padding:15px 10px 15px 10px;background-color:#fff;margin-right:0px;line-height:1.8em;z-index:999}.crumbs .title h3{margin-bottom:20px}.crumbs .title h3:after{display:none}.crumbs .menu ul li{margin-left:15px;margin-right:15px}.crumbs .menu ul li.active:after{bottom:-10px}.crumbs .menu ul li a{font-size:18px}}@media (min-width: 600px) and (max-width: 1024px){.header-top{font-size:12px}.header-top .icon{display:none !important;width:16px;height:16px}.header-menu .sina-nav-header .sina-brand img{width:300px;height:auto}.section-title{margin-bottom:0px !important}.video-container{min-width:auto;min-height:auto}.video-container .video-header{height:auto;padding:0 15px}.video-container .video-header .logo-box{justify-content:center}.video-container .video-header .logo-box .logo{margin-right:15px;width:175px;height:25px;background:url("../images/video/logo-white.png");background-size:100% 100%}.video-container .video-header .logo-box .logo img{width:175px;height:25px}.video-container .video-header .logo-box .sub-title{font-size:12px;padding:0px 12px;background-color:#c51f1f;margin-right:0px;line-height:25px}.video-container .video-header .hint .hint-title span{text-align:center;display:block;font-size:12px;color:#333}.video-container .video-content{overflow:visible}.video-container .video-content .menu{width:100%;background-color:#333646}.video-container .video-content .menu ul li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 0;flex:1}.video-container .video-content .menu ul li .icon{width:20px;height:20px;background-color:lightcoral;margin:0;display:block;margin-bottom:5px}.video-container .video-content .menu ul li span{line-height:1.2em;font-size:12px;text-align:center;padding:0 8px;color:#fff}.video-container .video-content .video>.news{height:auto;padding-top:10px}.video-container .video-content .video>.news .news-box{height:auto}.video-container .video-content .video>.news .box{height:100%;background-color:#fff;display:flex;flex-direction:column}.video-container .video-content .video>.news .box .new-content .info{height:80px;flex:auto}.video-container .video-content .video>.news .box .new-content .notes-box{height:120px;flex:auto;padding:10px}.video-container .video-content .extras{width:100%;display:flex;flex-direction:column;background-color:#fff}.video-container .video-content .extras .schedule{flex:auto;height:400px}.video-container .video-content .extras .schedule .tab-content{flex:1;position:relative}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body{padding:0.8rem;padding-left:40px}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .card-title{font-size:14px;color:#c51f1f}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .card-text{font-size:12px}.video-container .video-content .extras .schedule .tab-content .tab-pane .schedule-box .card .card-body .icon{position:absolute;left:15px;top:15px;width:16px;height:16px}.video-container .video-content .extras .send{display:flex;height:40px}.video-container .video-content .extras .send .input{padding:3px 10px;background-color:#e9e9e9;border:none;flex:1;color:#333}}@media (min-width: 1366px) and (max-width: 1500px){.header-menu .sina-nav-header .sina-brand img{width:640px;height:64px;margin-top:10px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container h3{font-size:36px;color:#fff;display:inline-block}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.en{font-size:20px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.cn{font-size:20px;margin-top:40px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.cn:before{top:-20px}}@media (min-width: 1024px) and (max-width: 1366px){.header-menu .sina-nav-header .sina-brand img{width:550px;height:57px;margin-top:12px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container h3{font-size:34px;color:#fff;display:inline-block}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.en{font-size:18px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.cn{font-size:18px;margin-top:40px}.banner-main .swiper-container .swiper-wrapper .swiper-slide .container p.cn:before{top:-20px}}@keyframes turn{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes twinkling{0%{opacity:0.3;filter:alpha(opacity=30)}50%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0.3;filter:alpha(opacity=30)}}@keyframes twinkling-scale{0%{opacity:0.3;filter:alpha(opacity=30);-webkit-transform:scale(1)}50%{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1.1)}100%{opacity:0.3;filter:alpha(opacity=30);-webkit-transform:scale(1)}}
/*# sourceMappingURL=main.css.map */