body,html{background:#ecf1f5}.header .menu{position:relative;z-index:2;background:0 0;box-shadow:none}.header .menu .nav li span{color:#fff;border-color:transparent}.header .menu .nav li i{border-color:#fff transparent transparent transparent}.header .menu .nav li.active span{color:#fff;border-color:#fff}.banner{position:relative;top:-60px}.banner img{width:100%}.course{width:1200px;margin:0 auto}.course .title{padding-bottom:40px;height:112px;overflow:hidden}.course .title img{width:100%;margin-top:-150px}.course .lists .title{padding-bottom:0;background:linear-gradient(36deg,#12d1a6 20%,#0499ff 60%,#407dff 100%);border-radius:6px 6px 0 0;width:1200px;height:54px;overflow:hidden}.course .lists .title span{display:block;float:left;text-align:center;line-height:54px;letter-spacing:1px;font-size:16px;font-weight:500;color:#fff}.course .lists .title .c-type{padding-left:60px;width:91px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .title .c-name{padding-left:54px;width:233px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .title .c-date{padding-left:50px;width:222px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .title .c-time{padding-left:50px;width:93px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .title .c-state{padding-left:65px;width:91px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .title .c-operate{padding-left:55px;width:114px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .huikan span,.course .lists .living span,.course .lists .starting span{font-size:14px;display:block;float:left;text-align:center;line-height:54px;letter-spacing:1px}.course .lists .huikan .c-type,.course .lists .living .c-type,.course .lists .starting .c-type{padding-left:60px;width:91px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .huikan .c-name,.course .lists .living .c-name,.course .lists .starting .c-name{padding-left:54px;width:233px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .huikan .c-date,.course .lists .living .c-date,.course .lists .starting .c-date{padding-left:50px;width:222px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .huikan .c-time,.course .lists .living .c-time,.course .lists .starting .c-time{padding-left:50px;width:93px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .huikan .c-state,.course .lists .living .c-state,.course .lists .starting .c-state{padding-left:65px;width:91px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .huikan .c-operate,.course .lists .living .c-operate,.course .lists .starting .c-operate{padding-left:55px;width:114px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists .huikan .state,.course .lists .living .state,.course .lists .starting .state{display:block;font-size:14px;font-weight:500;line-height:54px;text-align:center}.course .lists .huikan .state-inliving,.course .lists .living .state-inliving,.course .lists .starting .state-inliving{padding-left:55px;padding-right:10px}.course .lists .huikan .state-inliving a,.course .lists .living .state-inliving a,.course .lists .starting .state-inliving a{color:#2c6ffc}.course .lists .huikan .state-registration,.course .lists .living .state-registration,.course .lists .starting .state-registration{background:url(../img/openclass/icon-registration.png) no-repeat 33px -4px}.course .lists .huikan .state-registration a,.course .lists .living .state-registration a,.course .lists .starting .state-registration a{padding-left:10px;color:#f56223}.course .lists .huikan .btn,.course .lists .living .btn,.course .lists .starting .btn{display:block;margin-top:10px;width:114px;height:34px;border-radius:19px;font-size:14px;font-weight:500;line-height:34px;text-align:center;color:#fff}.course .lists .huikan .btn-yello,.course .lists .living .btn-yello,.course .lists .starting .btn-yello{background:#f56223}.course .lists .huikan .btn-green,.course .lists .living .btn-green,.course .lists .starting .btn-green{background:#17c9af}.course .lists .huikan .btn-blue,.course .lists .living .btn-blue,.course .lists .starting .btn-blue{background:#2378f5}.course .lists .huikan li:nth-child(2n),.course .lists .living li:nth-child(2n),.course .lists .starting li:nth-child(2n){background:#fff}.course .lists .huikan li:nth-child(2n-1),.course .lists .living li:nth-child(2n-1),.course .lists .starting li:nth-child(2n-1){background:#f5f7fa}.course .lists{box-shadow:0 0 15px 6px rgba(0,0,0,.08)}.course .lists dd,.course .lists dt{width:1200px;height:54px;overflow:hidden}.course .lists dd span,.course .lists dt span{display:block;float:left;text-align:center;line-height:54px;letter-spacing:1px}.course .lists dd .c-type,.course .lists dt .c-type{padding-left:60px;width:91px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists dd .c-name,.course .lists dt .c-name{padding-left:54px;width:233px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists dd .c-date,.course .lists dt .c-date{padding-left:50px;width:222px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists dd .c-time,.course .lists dt .c-time{padding-left:50px;width:93px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists dd .c-state,.course .lists dt .c-state{padding-left:65px;width:91px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists dd .c-operate,.course .lists dt .c-operate{padding-left:55px;width:114px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.course .lists dt{background:linear-gradient(36deg,#12d1a6 20%,#0499ff 60%,#407dff 100%);border-radius:6px 6px 0 0}.course .lists dt span{font-size:16px;font-weight:500;color:#fff}.course .lists dd span{font-size:14px}.course .lists dd .state{display:block;font-size:14px;font-weight:500;line-height:54px;text-align:center}.course .lists dd .state-inliving{padding-left:55px;padding-right:10px}.course .lists dd .state-inliving a{color:#2c6ffc}.course .lists dd .state-registration{background:url(../img/openclass/icon-registration.png) no-repeat 33px -4px}.course .lists dd .state-registration a{padding-left:10px;color:#f56223}.course .lists dd .btn{display:block;margin-top:10px;width:114px;height:34px;border-radius:19px;font-size:14px;font-weight:500;line-height:34px;text-align:center;color:#fff}.course .lists dd .btn-yello{background:#f56223}.course .lists dd .btn-green{background:#17c9af}.course .lists dd .btn-blue{background:#2378f5}.course .lists dd:nth-child(2n){background:#fff}.course .lists dd:nth-child(2n-1){background:#f5f7fa}.lucubrate{margin:0 auto;margin-top:40px;width:1200px;overflow:hidden}.lucubrate .title{width:1077px;height:120px;overflow:hidden}.lucubrate .title img{width:100%;margin-top:-150px}.lucubrate .luc-main{margin-top:30px}.lucubrate .luc-main .main-left{float:left;width:250px;height:380px;background:url(../img/openclass/luc-main-left.png) no-repeat}.lucubrate .luc-main .main-right{float:right;width:930px;height:380px;background:url(../img/openclass/luc-main-right.png) no-repeat;overflow:hidden}.lucubrate .luc-main .main-right .lists{position:relative;top:380px}.lucubrate .luc-main .main-right .lists li{float:left;margin-top:50px;margin-left:110px;height:109px}.lucubrate .luc-main .main-right .lists li a{display:block;width:150px;padding-top:81px;font-size:20px;color:#1f2d3c;line-height:28px;letter-spacing:1px;text-align:center}.lucubrate .luc-main .main-right .lists li .icon-java{background:url(../img/openclass/icon-java.png) no-repeat center top}.lucubrate .luc-main .main-right .lists li .icon-weap{background:url(../img/openclass/icon-weap.png) no-repeat center top}.lucubrate .luc-main .main-right .lists li .icon-pyhon{background:url(../img/openclass/icon-pyhon.png) no-repeat center top}.lucubrate .luc-main .main-right .lists li .icon-ui{background:url(../img/openclass/icon-ui.png) no-repeat center top}.lucubrate .luc-main .main-right .lists li .icon-php{background:url(../img/openclass/icon-php.png) no-repeat center top}.lucubrate .luc-main .main-right .lists li .icon-xmt{background:url(../img/openclass/icon-xmt.png) no-repeat center top}.lucubrate .btn{height:54px;margin-top:50px;text-align:center}.lucubrate .btn .btn-more{display:inline-block;width:254px;height:54px;font-size:22px;font-weight:500;color:#fff;line-height:54px;letter-spacing:1px;background:#17c9af;border-radius:27px;text-align:center}.sports-container{margin-top:80px;padding-top:40px;padding-bottom:90px;background:url(../img/openclass/sports-bg.png) no-repeat}.sports-container .sports{margin:0 auto;width:1200px}.sports-container .sports .title{width:811px;height:120px;overflow:hidden}.sports-container .sports .title img{width:100%;margin-top:-150px}.sports-container .sports .s-lists{margin-top:30px}.sports-container .sports .s-lists li{position:relative;float:left;margin-right:12px;width:161px;height:240px;overflow:hidden}.sports-container .sports .s-lists li:hover .icon{transform:rotateY(180deg)}.sports-container .sports .s-lists li:hover .icon-img{transform:rotateY(0)}.sports-container .sports .s-lists li:last-child{margin-right:0}.sports-container .sports .s-lists li a.icon{position:absolute;display:block;padding-top:154px;padding-bottom:58px;width:161px;height:28px;font-size:20px;line-height:28px;color:#1f2d3c;text-align:center;letter-spacing:1px;transition:1s;transform-style:preserve-3d;transform:rotateY(0);backface-visibility:hidden}.sports-container .sports .s-lists li .icon-img{position:absolute;transition:1s;transform-style:preserve-3d;transform:rotateY(180deg);backface-visibility:hidden}.sports-container .sports .s-lists li .icon-img img{width:100%}.sports-container .sports .s-lists li .icon-commerce{background:#fff url(../img/openclass/icon-commerce.png) no-repeat center 40px}.sports-container .sports .s-lists li .icon-social{background:#fff url(../img/openclass/icon-social.png) no-repeat center 40px}.sports-container .sports .s-lists li .icon-educ{background:#fff url(../img/openclass/icon-educ.png) no-repeat center 40px}.sports-container .sports .s-lists li .icon-trival{background:#fff url(../img/openclass/icon-trival.png) no-repeat center 40px}.sports-container .sports .s-lists li .icon-service{background:#fff url(../img/openclass/icon-service.png) no-repeat center 40px}.sports-container .sports .s-lists li .icon-renting{background:#fff url(../img/openclass/icon-renting.png) no-repeat center 40px}.sports-container .sports .s-lists li .icon-medical{background:#fff url(../img/openclass/icon-medical.png) no-repeat center 40px}.teams-container{padding:50px 10px 45px 20px;background:url(../img/openclass/teams-bg.png) no-repeat;background-size:cover;overflow:hidden}.teams-container .title{margin:0 auto;width:1200px;height:120px;overflow:hidden}.teams-container .title img{width:100%;margin-top:-150px}.teams-container .t-main{margin-top:30px}.teams-container .t-main ul{display:flex;flex-wrap:wrap;justify-content:flex-start}.teams-container .t-main ul li{margin-right:18px;width:168px;height:230px;margin-bottom:20px}.teams-container .t-main ul li .imgbox{position:relative}.teams-container .t-main ul li .imgbox img{width:168px;height:230px}.teams-container .t-main ul li .imgbox .shade{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}.teams-container .t-main ul li .imgbox .mask{display:none;position:absolute;top:20px;left:168px;padding:18px 23px 18px 32px;background:rgba(0,97,211,.9);width:300px;z-index:1}.teams-container .t-main ul li .imgbox .mask .tit .tit-name{position:relative;padding-right:20px;font-size:22px;font-weight:500;color:#fff;line-height:30px;letter-spacing:1px}.teams-container .t-main ul li .imgbox .mask .tit .tit-name::before{content:'';position:absolute;top:6px;right:10px;height:14px;border-left:3px solid #fff}.teams-container .t-main ul li .imgbox .mask .tit .tit-post{font-size:16px;font-weight:500;color:rgba(255,255,255,.7);line-height:30px}.teams-container .t-main ul li .imgbox .mask .desc{padding-top:14px;font-size:14px;line-height:20px;color:rgba(255,255,255,.7);letter-spacing:1px;word-break:break-all}.teams-container .t-main ul li .active .shade{background:0 0}.teams-container .t-main ul li .active .mask{display:block}.teams-container .t-main ul li .active-left .mask{left:-355px}.instruction{position:relative;padding-top:35px;background:url(../img/openclass/instruction-bg.png) no-repeat;background-size:cover}.instruction .title{margin:0 auto;width:1042px;height:120px;overflow:hidden}.instruction .title img{width:100%;margin-top:-150px}.instruction .imgcontent{margin:0 auto;padding-bottom:70px;height:550px;width:940px;overflow:hidden}.instruction .imgcontent img{width:100%;margin-top:-600px}.instruction::before{content:'';position:absolute;left:0;right:0;bottom:0;height:10px;background:#04dcbc}.achievement-container{padding-top:30px;padding-bottom:97px}.achievement-container .title{margin:0 auto;width:729px;height:120px;overflow:hidden}.achievement-container .title img{width:100%;margin-top:-150px}.more-lession{padding-bottom:200px;height:54px;background:url(../img/openclass/more-lession.png) no-repeat;background-size:100%;text-align:center}.more-lession .btn-more{display:inline-block;width:254px;height:54px;font-size:22px;font-weight:500;color:#fff;line-height:54px;letter-spacing:1px;background:#17c9af;border-radius:27px;text-align:center}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}@keyframes titMoves{0%{margin-top:-150px}100%{margin-top:0}}@keyframes moveup{0%{top:380px}33%{top:120px}100%{top:0}}@keyframes bouninout{0%{margin-top:0}25%{margin-top:25px}50%{margin-top:0}75%{margin-top:-25px}100%{margin-top:0}}.bounce-heart{animation:bouninout 8s linear 0s infinite alternate!important}.bouncing{animation:titMoves 1s forwards}.moveup{animation:moveup 1s forwards}