body{padding:0;margin:0}#app{font-family:Lato,sans-serif}#app .el-container{height:100vh}#app .el-aside{width:250px!important;background-color:var(--theme-color-4);position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#app .el-aside,#app .el-aside .logo{display:-webkit-box;display:-ms-flexbox;display:flex}#app .el-aside .logo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:25px}#app .el-aside .logout{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;text-align:center;padding:20px 0;margin-top:auto}#app .el-aside .logout .el-button{background:none;color:#fff;width:80%}#app .el-aside .logout .el-button:hover:after{display:none}#app .el-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(100vw - 250px);background-color:#f3f5fb;padding:30px 50px 0 50px}#app .el-collapse{border:none!important}#app .el-collapse .el-collapse-item__header{background:var(--theme-color-3);color:#fff;font-weight:500;font-size:15px;padding:0 25px;border-color:hsla(0,0%,100%,.12)!important;height:auto;line-height:1.2;padding:20px 20px}#app .el-collapse .el-collapse-item__header .el-collapse-item__arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg);color:hsla(0,0%,100%,.5);font-size:16px}#app .el-collapse .el-collapse-item__header .el-collapse-item__arrow.is-active{-webkit-transform:rotate(270deg);transform:rotate(270deg);color:#fff}#app .el-collapse .el-collapse-item__wrap{background:none;border:none!important}#app .el-collapse .el-collapse-item__wrap .el-collapse-item__content{padding-bottom:0}#app .el-collapse .el-collapse-item__wrap a{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--theme-color-4);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#fff;padding:10px 25px;border-bottom:1px solid hsla(0,0%,100%,.12);text-decoration:none;font-weight:500;font-size:14px;line-height:1.2}#app .el-collapse .el-collapse-item__wrap a.router-link-active{background-color:hsla(0,0%,100%,.2)}#app .course{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;border-radius:5px;padding:15px}#app .course .title{margin-left:20px;padding:15px 0;color:#131932;font-size:20px;font-weight:700}#app .course .video{position:relative;width:100%;height:0;padding-bottom:51%;margin-bottom:15px}#app .course .video iframe{position:absolute;width:100%;height:100%;left:0;top:0}#app .course .video-block{margin-bottom:15px}#app .course .description{border:1px solid #eaedf2;background-color:#f3f5fb;border-radius:5px;padding:20px;font-size:16px;font-weight:500}#app .nav-buttons{width:100%;max-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin-top:auto;margin-left:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#app .el-button{position:relative}#app .el-button:hover:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none;background:hsla(0,0%,100%,.2)}#app .el-button--primary{background-color:var(--theme-color-1);border-color:var(--theme-color-1)}#app .el-button--success{background-color:var(--theme-color-2);border-color:var(--theme-color-2)}#app .auth{width:100%;min-height:100vh;max-height:100vh;background-color:var(--theme-color-3);background-position:50%;background-repeat:no-repeat;background-size:cover}#app .auth .el-col{margin:auto}#app .auth .auth-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}#app .auth .auth-form{background-color:#fff;padding:40px;border-radius:5px}#app .auth .auth-form .el-input{margin-bottom:15px}#app .auth .auth-form .el-input input{text-align:center;background-color:#f1f5f9;border:none;border-radius:5px;height:55px}#app .auth .auth-form .el-button{width:100%;height:55px;font-weight:700}#app .auth .auth-form .title{font-size:23px;text-align:center;font-weight:700;margin-bottom:40px}#app .auth .not-a-member{margin:20px;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#bccbdb;text-decoration:none;font-size:15px}#app .auth .not-a-member img{margin-right:5px}