a{color:#666}a.act,a:hover{color:#3a7bf7}.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.es-wrap{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.zero-scale{display:block;overflow:hidden}.zero-scale>img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.zero-scale>img:hover{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}.zero .container.content{margin-bottom:70px}.zero .container.content>.title{color:#444;letter-spacing:.14px;font-size:20px;margin-bottom:36px;margin-top:0;font-weight:bold;position:relative;overflow:hidden}.zero .container.content>.title a{float:right;color:#999;font-size:16px;font-weight:normal}.zero .container.content>.title a:hover{color:#3a7bf7}.zero .container.content>.title a span{position:absolute;right:100000px}.zero .grey-border{border:1px solid #f0f0f0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.zero .grey-border:hover{border-color:#3a7bf7}.zero .recommand-course .tags,.zero .category-course .tags{position:absolute;top:0;left:10px;z-index:100}.zero .recommand-course .tags .tag-live,.zero .category-course .tags .tag-live,.zero .recommand-course .tags .tag-serialing,.zero .category-course .tags .tag-serialing,.zero .recommand-course .tags .tag-finished,.zero .category-course .tags .tag-finished{display:inline-block;width:40px;height:50px}.zero .recommand-course .tags .tag-live,.zero .category-course .tags .tag-live{background:url("../images/tag_live.png") no-repeat;background-image:-webkit-image-set(url("../images/tag_live.png") 1x, url("/static-dist/app/img/tag_live@2x.png") 2x)}.zero .recommand-course .tags .tag-serialing,.zero .category-course .tags .tag-serialing{background:url("../images/tag_serialing.png") no-repeat;background-image:-webkit-image-set(url("../images/tag_serialing.png") 1x, url("/static-dist/app/img/tag_serialing@2x.png") 2x)}.zero .recommand-course .tags .tag-finished,.zero .category-course .tags .tag-finished{background:url("../images/tag_finished.png") no-repeat;background-image:-webkit-image-set(url("../images/tag_finished.png") 1x, url("/static-dist/app/img/tag_finished@2x.png") 2x)}@media (max-width:992px){.zero .container.content{margin-bottom:30px}.zero .container.content .title{margin-bottom:20px}}@media (max-width:767px){.zero .container.content{margin-bottom:20px}.zero .container.content .title{margin-bottom:15px}.text-lg{font-size:14px !important}}.zero .recommand-course.content{margin-bottom:20px}.zero .recommand-course h2{font-size:20px;margin:0}.zero .recommand-course .course-item{margin-bottom:47px;position:relative}.zero .recommand-course ul{margin-bottom:30px}.zero .recommand-course ul li{list-style:none}.zero .recommand-course ul li.tab{position:relative;float:left;font-size:16px;margin-left:50px;color:#666;padding-bottom:6px;cursor:pointer}.zero .recommand-course ul li.tab.active,.zero .recommand-course ul li.tab:hover{color:#3a7bf7}.zero .recommand-course ul li.tab:hover:after,.zero .recommand-course ul li.tab.active:after{left:0;right:0}.zero .recommand-course ul li.tab:after{content:'';position:absolute;bottom:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;height:2px;left:100%;right:100%;background:#3a7bf7}.zero .recommand-course .course-price-widget{float:right}.zero .recommand-course .course-price-widget .price{font-size:14px;color:#ff8a0c}.zero .recommand-course .course-price-widget .text-success{color:#3a7bf7 !important}.zero .recommand-course .js-user-card{color:#999}.zero .recommand-course .js-user-card img{margin-right:5px}.zero .recommand-course .price.free{color:#3a7bf7}.zero .recommand-course .speical .price{color:#ff8a0c}@media (max-width:767px){.zero .recommand-course h2{float:none !important}.zero .recommand-course ul{padding:0}.zero .recommand-course ul li.tab{font-size:14px;margin-left:0;margin-right:20px}.zero .recommand-course ul li{margin-top:10px}}.zero .category-course>div.row{margin-top:-40px}.zero .category-course>div.row>div{margin-top:40px}.zero .category-course .course-price-widget{float:right}@media (max-width:992px){.zero .category-course .teacher>a{display:none}.zero .category-course .teacher span{float:left !important;margin-right:5px}}.zero .ad,.zero .bottom-banner,.zero .about{margin-bottom:50px}.zero .ad+.connect,.zero .bottom-banner+.connect,.zero .about+.connect{margin-top:-50px}.zero .bottom-banner{height:320px;position:relative;background:url('../images/6.jpg') center center no-repeat}.zero .bottom-banner h5{font-size:34px;color:#fff;padding-top:75px;padding-bottom:52px}.zero .bottom-banner a{padding:14px 60px;background-color:#3a7bf7;color:#fff;border-radius:50px;font-size:20px}.zero .about{color:#fff;font-size:16px;position:relative}.zero .about .statistic-bg{width:100%;height:100%;position:absolute;background:center center no-repeat fixed}.zero .about h2{margin:40px 0;color:#fff;font-size:24px}.zero .about .num{font-size:54px;padding-right:5px}.zero .about .add{font-size:25px;margin-left:-3px;margin-right:5px}.zero .about .row{margin-bottom:40px}.zero .bottom-banner,.zero .about .statistic-bg{background-size:cover}@media (max-width:768px){.zero .ad{display:none}}@media (max-width:992px){.zero .ad,.zero .bottom-banner,.zero .about{margin-bottom:20px}.zero .ad+.connect,.zero .bottom-banner+.connect,.zero .about+.connect{margin-top:-20px}.zero .bottom-banner{height:205px}.zero .bottom-banner h5{font-size:25px;padding:40px 0}.zero .bottom-banner>a{padding:12px 48px;font-size:18px}.zero .about .num{font-size:28px}}@media (max-width:1200px){.zero .ad,.zero .bottom-banner,.zero .about{margin-bottom:35px}.zero .ad+.connect,.zero .bottom-banner+.connect,.zero .about+.connect{margin-top:-20px}}.navbar-mobile .navbar-more{color:#666;padding:22px 10px}.zero-navbar{padding:12px 0}.zero-navbar .nav.user-nav .dot{top:12px !important;right:8px !important}.zero-navbar .search{height:40px;position:relative;margin-top:17px}.zero-navbar .search input{width:558px;border:1px solid #3a7bf7;height:100%;padding-left:15px;padding-right:240px;outline:none}.zero-navbar .search .button{background-color:#3a7bf7;color:#fff;position:absolute;right:0;bottom:0;top:0;width:76px;outline:none;border:0;font-size:24px}.zero-navbar .search .tag{position:absolute;right:95px;top:10px}.zero-navbar .search .tag a{font-size:12px;color:#919191;letter-spacing:.2px;background:#f5f5f5;padding:2px 5px;margin-left:5px}.zero-navbar h1{margin:0;width:300px;overflow:hidden;font-size:20px;height:68px;padding:9px 0}.zero-navbar h1 .logo{max-height:100%;width:auto}.zero-navbar h1 a{height:100%;text-align:left;display:block;text-indent:-99999em}.zero-navbar .navbar-nav>li>a{color:#fff}.zero-navbar .navbar-nav>li>a:hover{color:#3a7bf7}.zero-navbar .user-nav .user-avatar-li{margin-top:-5px}.zero-navbar .user-nav>li{height:auto}.zero-navbar .user-nav>li>a{color:#666}.zero-navbar .user-nav>li>a:hover{color:#3a7bf7}.zero-navbar .user-nav.islogin{margin-top:11px}.zero-navbar .user-nav.islogin li>a{padding:10px}.zero-navbar .user-nav.login{margin-top:16px}.zero-navbar .user-nav.login a{padding:8px 25px}.zero-navbar .user-nav.login a.register{border:1px solid #3a7bf7;color:#3a7bf7;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.es-header.zero-inside-header{background:#fff}.es-header.zero-inside-header .nav.navbar-nav>li>a{padding:20px}.es-header.zero-inside-header .nav.navbar-nav>li.open>a,.es-header.zero-inside-header .nav.navbar-nav>li.active>a{color:#3a7bf7 !important}.es-header.zero-inside-header .user-nav>li>a,.es-header.zero-inside-header .nav.navbar-nav>li>a{color:#666 !important}.es-header.zero-inside-header .user-nav>li>a:hover,.es-header.zero-inside-header .nav.navbar-nav>li>a:hover,.es-header.zero-inside-header .user-nav>li>a:active,.es-header.zero-inside-header .nav.navbar-nav>li>a:active,.es-header.zero-inside-header .user-nav>li>a:focus,.es-header.zero-inside-header .nav.navbar-nav>li>a:focus{color:#3a7bf7 !important}.es-header.zero-inside-header .navbar-mobile .nav.navbar-nav li a{color:#fff !important;padding:10px !important}.es-header.zero-inside-header .navbar-form.hidden-xs{border:1px solid #3a7bf7}.es-header.zero-inside-header .navbar-form.hidden-xs .form-control{width:200px;padding-left:0;border-radius:0;border-color:transparent !important}.es-header.zero-inside-header .navbar-form.hidden-xs .button{background-color:#3a7bf7;height:100%;color:#fff;position:absolute;right:-10px;bottom:0;top:0;width:43px;outline:none;border:0;font-size:24px}@media (max-width:767px){.zero-navbar{height:65px;padding:5px 0}.zero-navbar .user-nav .user-avatar-li>a{padding:0 !important}.zero-navbar .user-nav.islogin{margin-top:16px}.zero-navbar h1{position:absolute;left:50%;top:5px;padding:3px 0;height:55px;margin-left:-100px;width:200px !important;text-align:center}.zero-navbar h1 a{display:inline-block}.zero-navbar h1 .logo{height:55px;width:auto}.zero-navbar .user-nav{margin-top:5px}}@media (max-width:992px){.zero-navbar h1{width:200px}.zero-navbar .search input{width:280px}}@media (max-width:1200px){.zero-navbar .search input{width:320px}}.zero .develop .row{margin:0 -5px}.zero .develop .item{position:relative;padding:20px 5px 0}.zero .develop .item:before,.zero .develop .item:after{position:absolute;content:'';top:0;left:0}.zero .develop .item:after{background:#d7d7d7;height:2px;right:0}.zero .develop .item:before{background:#3a7bf7;width:15px;height:15px;border-radius:100%;z-index:2;top:-7px}.zero .develop .time{color:#6b6b6b;margin-bottom:10px}.zero .develop .title{color:#444;font-size:20px}.zero .develop .content{padding-right:10px;color:#999}@media (max-width:992px){.zero .develop .content{margin-bottom:20px}}.zero .course-reviews img{width:60px;height:60px;border-radius:50%}.zero .course-reviews>.row{margin-top:-20px}.zero .course-reviews .media{margin-top:20px}.zero .zero-dynamic .media{padding:20px 18px}.zero .zero-dynamic .media-body{padding-bottom:0}.zero .zero-dynamic .date{top:23px}@media (max-width:768px){.zero .course-reviews span{float:left !important;margin-top:5px}}.zero .connect{background-color:#f0f0f0;padding:32px 0}.zero .connect .link{padding:20px 30px 0;line-height:25px}.zero .connect .link a{color:#616161;letter-spacing:.2px;padding:0 12px;border-right:1px solid #616161}.zero .connect .link a:last-child{border:0}.zero .connect .es-icon{position:absolute;border-radius:50%;height:20px;width:20px;left:0;background-color:#3a7bf7;color:#fff;display:block;text-align:center;line-height:20px;font-size:14px}.zero .connect .call{height:20px;line-height:20px;padding-left:20px;word-break:break-all}.zero .qr-code{background-color:#3a7bf7;color:#fff;padding:6px;border-radius:2px;height:120px;width:160px}.zero .qr-code img{width:108px;height:108px;float:right}.zero .qr-code .word{float:left;font-size:16px;padding:11px 6px;width:25px}@media (max-width:767px){.zero .connect{padding:5px 0}.zero .connect .link{padding:0}}.es-poster{margin-bottom:20px;height:420px}.es-poster.swiper-mobile{height:auto !important}.es-poster.swiper-mobile .swiper-wrapper{height:auto !important}.es-poster.swiper-mobile img{width:100% !important;height:auto !important;visibility:visible !important}.es-poster .swiper-wrapper{height:420px}.es-poster .pager-btn-group{position:absolute;width:100%;bottom:0}.es-poster .pager-btn-group>div{position:relative}.es-poster .pager-btn-group a{margin-top:-235px;color:#fff}.es-poster .pager-btn-group .arrow-right{margin-right:38px}.es-poster .pager-btn-group .arrow-left{left:280px}.es-poster .swiper-pager{right:0;width:auto}.es-poster .swiper-pager .swiper-pagination-switch{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:#ccc;border:0;margin:0 5px;width:10px;height:10px}.es-poster .swiper-pager .swiper-pagination-switch.swiper-active-switch{width:25px;background:#3a7bf7;border-radius:5px}.es-poster .swiper-slide{background-position:center center;background-repeat:no-repeat;background-size:auto 100%}.es-poster .swiper-slide a,.es-poster .swiper-slide img{display:block;height:100%;width:100%}.es-poster .swiper-slide img{visibility:hidden}@media (max-width:767px){.es-poster,.es-poster .swiper-wrapper,.es-poster .swiper-slide{height:220px}.es-poster .swiper-pager{display:block}}@media (min-width:1920px){.zero .es-poster .swiper-slide{background-size:100% auto}}.zero-group .item{border:1px solid #f0f0f0;padding:20px;margin-top:20px}.zero-group .header{margin-bottom:10px}.zero-group .metas{color:#999}.zero-group .metas span{padding-right:20px}.zero-group>.row{margin-top:-20px}.zero{background-color:#fff}.zero .category-line{border-top:2px solid #3a7bf7;margin:0}.zero .navbar-nav>li>.dropdown-menu{margin-top:10px}.zero .navbar-nav>li>.dropdown-menu a:hover{color:#fff}.zero .student-share .item{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border:1px solid #f0f0f0;padding:50px 33px 0}.zero .student-share .item:hover{border:1px solid #3a7bf7}.zero .student-share .context{color:#444;position:relative}.zero .student-share .context p{height:84px;line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.zero .student-share .context:before,.zero .student-share .context:after{position:absolute;color:#3a7bf7;font-size:45px}.zero .student-share .context:before{content:"“";left:-15px;top:-35px}.zero .student-share .context:after{content:"”";right:-14px;bottom:-50px}.zero .category li{list-style:none}.zero .category .list{position:relative;width:270px}.zero .category .list .head{background-color:#3a7bf7;padding:10px 13px;color:#fff}.zero .category .categiry-content{position:absolute;z-index:1000001;width:100%;background:rgba(0,0,0,0.5);height:420px;top:44px;color:#fff;padding-left:0}.zero .category .categiry-content a{color:#fff;padding-right:5px}.zero .category .categiry-content a:hover{text-decoration:underline}.zero .category .categiry-content .title{margin-bottom:5px;font-size:16px}.zero .category .categiry-content>li{height:16.66666667%;padding:14px 15px 14px 14px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.zero .category .categiry-content>li:hover{background-color:rgba(255,255,255,0.98)}.zero .category .categiry-content>li:hover a{color:#666 !important}.zero .category .categiry-content>li p{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zero .category .categiry-content>li:hover ul{opacity:1;filter:alpha(opacity=100);width:560px}.zero .category .categiry-content>li .sub-title{color:#444;font-size:14px}.zero .category .categiry-content>li>ul{position:absolute;background:rgba(255,255,255,0.95);top:0;bottom:0;padding:0 0 30px;opacity:0;filter:alpha(opacity=0);left:100%;width:0;overflow:hidden}.zero .category .categiry-content>li>ul a{padding-right:10px}.zero .category .categiry-content>li>ul .title,.zero .category .categiry-content>li>ul .p{margin-bottom:15px}.zero .category .categiry-content>li>ul li{padding:15px 0 0;margin:0 30px 0;border-bottom:1px solid #f0f0f0;height:70px}.zero .category .categiry-content.no-opacity>li>ul{background:#fff}.zero .category .navbar-nav{padding-left:0;float:none;margin-top:7px;height:22px}.zero .category .navbar-nav>li{float:left;margin-left:40px;font-size:16px;position:relative}.zero .category .navbar-nav>li.open>a,.zero .category .navbar-nav>li.active>a{color:#3a7bf7}.zero .category .navbar-nav a{color:#666}.zero .category .navbar-nav a:hover{color:#3a7bf7}.zero .open .title{padding-right:0 !important}.zero .open .cover:hover .layer{opacity:1;filter:alpha(opacity=100)}.zero .open .cover .info{bottom:36px}.zero .open>.row{margin-top:-30px}.zero .open>.row>div{margin-top:30px}@media (max-width:992px){.zero .open .sub-color{float:left !important;margin-top:5px}}.zero .layer{position:absolute;background-color:rgba(0,0,0,0.6);left:0;right:0;bottom:0;top:0;color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.zero .layer>.info{position:absolute;bottom:10px;padding:0 30px;width:100%}.zero .layer .avatar-md{margin-top:30px}@media (max-width:481px){.zero .layer .avatar-md{margin-top:15px}}.zero .layer .avatar img{margin-right:10px}.zero .living .cover:hover .layer{opacity:1;filter:alpha(opacity=100)}.zero .living .cover:hover>.info{opacity:0;filter:alpha(opacity=0)}.zero .living .cover>.info{position:absolute;background:rgba(68,68,68,0.5);bottom:0;color:#fff;width:100%;height:30px;line-height:30px}.zero .living .cover>.info .btn{padding:4px 10px;background-color:#3a7bf7;border-radius:0}.zero .classroom .btn{display:block;border:1px solid #3a7bf7;color:#3a7bf7;border-radius:0;margin-bottom:15px}.zero .classroom .btn:hover{background-color:#3a7bf7;color:#fff}.zero .classroom .intro{height:34px;line-height:17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px}.zero .classroom h3.title{height:15px}.zero .vip img{float:left;margin-right:30px;max-width:110px;max-height:110px}.zero .vip .info{padding:47px 30px 47px 20px;border:1px solid #f0f0f0;border-bottom:none;position:relative;color:#919191}.zero .vip .info a{background-color:#3a7bf7;color:#fff;position:absolute;padding:5px 0;left:0;right:0;bottom:0;margin:0 -1px}.zero .vip .name{font-size:20px;color:#414141;margin-top:10px}.zero .vip .detail{line-height:24px;height:72px;overflow:hidden}.zero .vip .price span{color:#ff8a0c;font-size:18px}.zero .teacher .row{margin-top:-20px}.zero .teacher .item{border:1px solid #f0f0f0;position:relative;margin-top:20px}.zero .teacher .item:hover{border-color:#3a7bf7}.zero .teacher .item img{float:left;margin-right:20px;width:120px;height:120px}.zero .teacher .item .name{margin-top:20px;font-size:20px;margin-bottom:15px}.zero .teacher .item .name span{font-size:14px;color:#666}.zero .teacher .item .intr{line-height:21px;color:#999;letter-spacing:.1px;padding-right:15px;height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zero .teacher .item .focus{position:absolute;right:15px;top:24px}.zero .teacher .item .focus span{padding:6px 10px;border-radius:15px;border:1px solid #999;color:#999}.zero .teacher .item .focus span:hover{color:#3a7bf7;border-color:#3a7bf7}.zero .small-ads img{width:100%}.zero .small-ads .row>div{margin-bottom:10px}.zero .cover{background-color:rgba(0,0,0,0.7);width:100%;height:100%;position:relative}.zero .noborder{border:none !important}.zero .frind-link{padding:25px 0;background-color:#e4e4e4;color:#919191;letter-spacing:.21px}.zero .frind-link span{position:absolute;left:95px}.zero .frind-link .container{padding-left:180px;position:relative}.zero .frind-link a{color:#919191;padding:0 6px;border-right:1px solid #919191}.zero .frind-link a:hover{color:#919191}.zero .frind-link a:last-child{border:0}.zero .hot-news p{letter-spacing:.1px;line-height:24px;color:#444;margin-top:8px;height:48px;overflow:hidden}.zero .color-dark{color:#444}.zero a.white{color:#fff}.zero a.grey{color:#999}.zero a.hover-primary:hover{color:#3a7bf7}.zero a.black{color:#444}.zero a.nomal{color:#616161}.zero .copyright{background:#444}.zero .sub-color{color:#ff8a0c}.zero .btn-sub-color{background:#ff8a0c;color:#fff}.dropdown-menu>li>a:hover{color:#fff;background:#3a7bf7}@media (max-width:767px){.es-mobile body.homepage .es-wrap,.es-mobile body.course-list-page .es-wrap,.es-mobile body.open-course-list .es-wrap,.es-mobile body.course-dashboard-page .es-wrap,.es-mobile body.login .es-wrap,.es-mobile body.register .es-wrap,.es-mobile body.my-course .es-wrap{padding-top:0}.user-nav .user-avatar-li{height:40px}.category{display:none}.zero .recommand-course ul li{margin-left:10px;font-size:12px}.zero .frind-link .container{padding-left:0}.zero .frind-link span{position:static}.zero .recommand-course .two{padding:0}.zero .recommand-course .two .course-item{width:50%;float:left;padding:0 10px}.zero .teacher .item{padding:5px;margin-bottom:5px}.zero .teacher .item img{width:100%;height:auto;margin-bottom:5px}.zero .student-share .item{margin-bottom:5px}.zero .vip .info{margin-bottom:20px}}@media (max-width:992px){.zero .category .navbar-nav>li{margin-left:20px;font-size:14px}.zero .category .list{width:200px}.zero .category .categiry-content>li{padding:7px 15px 7px 14px}.zero .category .categiry-content>li>ul{display:none}.zero .recommand-course .teacher{display:none}.zero .recommand-course .course-item{margin-bottom:35px}.zero .vip img{display:none}.zero .vip .info{padding:7px 5px 40px 15px}}@media (max-width:1200px){.zero .recommand-course .course-item{margin-bottom:27px}.zero .layer .avatar-md{width:40px !important;height:40px !important}}