*{padding:0;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-color:#f0f0f0;min-height:100vh;width:100%;display:flex;justify-content:center}.app-container{width:100%;max-width:480px;background-color:#f5f3f3;position:relative;overflow:hidden}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}li{list-style-type:none}.bottomInfo{width:100%;height:7vh;border-top:1px solid #e1e1e1;position:absolute;bottom:0;font-size:.8rem;background-color:#fff;max-width:480px;left:50%;transform:translateX(-50%)}.active[data-v-8f2bb7b6]{color:#3fa7f6}.home[data-v-552dd046]{height:100vh;width:100%;background-color:#f5f3f3;position:relative;display:flex;flex-direction:column;overflow:hidden}.home .content-wrapper[data-v-552dd046],.home .mainInfo[data-v-552dd046]{flex:1;display:flex;flex-direction:column;overflow:hidden}.home .mainInfo[data-v-552dd046]{width:100%}.home .mainInfo .courseware-list-container[data-v-552dd046]{flex:1;width:96%;margin:0 auto 10px;overflow-y:auto;padding-bottom:80px}.home .mainInfo .contentInfo[data-v-552dd046]{padding:10px;font-size:.8rem;background-color:#fff;margin-bottom:10px;line-height:1.9rem;border-radius:5px}.home .mainInfo .contentInfo .titleInfo[data-v-552dd046]{background:#4a4032;color:#fff;padding:3px;border-radius:3px;margin-right:5px}.home .mainInfo .contentInfo .buttonInfoOne[data-v-552dd046]{background:#3c7cfb;padding:10px 20px;color:#fff;border-radius:30px}.home .mainInfo .listInfo[data-v-552dd046]{width:5.5rem;height:2rem;background-color:#f1f5f9;text-align:center;line-height:2rem}.home .mainInfo .btnInfo[data-v-552dd046]{padding:.5rem 1rem;display:flex;justify-content:space-between}.home .mainInfo .btnInfo p[data-v-552dd046]{width:40%;height:2.2rem;border-radius:1.1rem;line-height:2.2rem}.home .bottomInfo[data-v-552dd046]{flex-shrink:0}.home .active[data-v-552dd046]{color:#3c7cfb}