.cap-wgw-nav{background:transparent no-repeat scroll 50%;background-size:contain;cursor:pointer;overflow:hidden;position:relative;text-align:center}.cap-wgw-nav__bg{max-width:100%}.cap-wgw-nav__list{height:88px;left:50%;list-style:none;margin:0 0 0 -105px;padding:0;position:absolute}.cap-wgw-nav__item{background-color:hsla(0,0%,96%,.7);margin-bottom:10px;margin-right:10px;position:absolute;text-align:center;-webkit-transition:all 1s;transition:all 1s;width:100px}.cap-wgw-nav__item a{color:#333;display:block;font-size:14px;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.cap-wgw-nav__item-0{left:-1000px;top:-1000px}.cap-wgw-nav__item-0.done{left:0;top:0}.cap-wgw-nav__item-1{left:1000px;top:-1000px}.cap-wgw-nav__item-1.done{left:110px;top:0}.cap-wgw-nav__item-2{left:-1000px;top:1000px}.cap-wgw-nav__item-2.done{left:0;top:49px}.cap-wgw-nav__item-3{left:1000px;top:1000px}.cap-wgw-nav__item-3.done{left:110px;top:49px}.full-page,.full-page__full-screen{height:100%}.full-page{left:0;position:absolute;top:0;width:100%;z-index:1}.full-page .base-tpl{background-size:cover;height:100%}.base-tpl,.full-page .base-tpl{background-position:top;background-repeat:no-repeat}.base-tpl{background-image:url(https://b.yzcdn.cn/v2/image/tpl_course.jpg);background-size:320px 480px;height:480px;min-height:300px;position:relative}.base-tpl__button{left:50%;margin:0 auto 0 -75px;position:absolute;text-align:center;top:50%;width:150px;z-index:10}.base-tpl__button a{background-color:#f15a0c;border:1px solid #f15a0c;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;line-height:14px;margin:0;padding:14px 24px}.base-tpl__title{color:#fff;font-size:30px;margin:0 auto;padding:40px 0 0;text-transform:uppercase}.base-tpl__subtitle,.base-tpl__title{font-weight:400;line-height:1.2;text-align:center}.base-tpl__subtitle{color:#cfcfcf;font-size:18px;letter-spacing:5px;margin:15px 0}.base-tpl__nav-lists{bottom:0;height:100px;left:0;overflow-x:hidden;overflow-y:visible;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}.base-tpl__nav-lists::-webkit-scrollbar{display:none}.base-tpl__nav-lists ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-transition:all .3s ease;transition:all .3s ease}.base-tpl__nav-wrapper{background-color:rgba(0,0,0,.6);background-repeat:no-repeat;background-size:cover;height:100px;margin-right:1px;max-width:85px;min-width:85px;opacity:.2;-webkit-transform:translate(60px);transform:translate(60px);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.base-tpl__nav-wrapper_active{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.base-tpl__nav{display:block;height:88px;padding-top:12px;position:relative;text-align:center}.base-tpl__nav-icon{bottom:15px;height:30px;left:50%;margin-left:-15px;position:absolute;width:30px}.base-tpl__nav-title{color:#fff;display:block;font-size:16px;height:24px;margin-bottom:6px;overflow:hidden;width:100%}.base-tpl__nav-line{border-bottom:1px solid #4d4948;display:block;margin:0 auto;width:60px}.clearfix:after,.clearfix:before{content:"";display:table;line-height:0}.clearfix:after{clear:both}.tpl-fbb,.tpl-fbb .base-tpl__nav-wrapper{height:188px}.tpl-fbb .base-tpl__item-text{color:#f0f0f0;font-size:12px;height:54px;line-height:18px;margin:0 auto;overflow:hidden;padding:7px 6px 0;text-align:left;width:73px}.tpl-fbb .base-tpl__item-date{color:#f0f0f0;font-size:16px;height:34px;line-height:34px;overflow:hidden;position:absolute;text-align:center;width:85px}.tpl-fbb .tpl-fbb__desc{height:95px;position:absolute;top:90px}