.course-page{background:linear-gradient(180deg,#def5fd 4rem,#fff 0);display:flex;flex-direction:column;height:calc(100vh - .5rem)}.course-page .search{padding:.3rem .12rem .16rem}.course-page .search .van-search{padding:.09rem 0;background-color:#fff;border-radius:.04rem}.course-page .search .van-search .van-cell{height:auto;background-color:#fff}.course-page .search .van-search .van-search__content{background-color:#fff}.course-page .search .van-search input{height:.22rem;line-height:.22rem;background-color:#fff}.course-page .search .van-search input::-moz-placeholder{color:#95989d}.course-page .search .van-search input::placeholder{color:#95989d}.course-page .search .van-search .van-field__left-icon{color:#8a8c90}.course-page .search .search-left-icon{height:.16rem;height:16px}.course-page>.list{background:#fff;border-radius:.12rem .12rem 0 0;flex:1;min-height:1px;display:flex;flex-direction:column}.course-page>.list .hints .hints-item{margin:0 0 .08rem;padding:.12rem;border-radius:.08rem;background:rgba(0,136,255,.04)}.course-page>.list .hints .hints-item .problem{font-weight:700;font-size:.16rem;color:#101011;position:relative}.course-page>.list .hints .hints-item .problem:after{position:absolute;top:1px;right:.8rem;content:"重要";display:none;width:.34rem;height:.2rem;line-height:.2rem;font-size:.12rem;background-color:#fff1eb;color:#f04330;text-align:center}.course-page>.list .hints .hints-item .problem:before{position:absolute;top:50%;transform:translateY(-50%);right:.12rem;content:"";display:none;width:.1rem;height:.1rem;background-color:#fa6c00;border-radius:.05rem}.course-page>.list .hints .hints-item .answer{margin-top:.08rem;font-size:.14rem;color:#64676c;line-height:.22rem}.course-page>.list .hints .hints-item .time{margin-top:.12rem;font-size:.13rem;color:#95989d}.course-page>.list .nav-top{display:flex;padding:.16rem .2rem .2rem}.course-page>.list .nav-top .nav-item{margin-right:.32rem;font-size:.16rem;color:#555;position:relative}.course-page>.list .nav-top .nav-item.active{font-size:.16rem;color:#333}.course-page>.list .nav-top .nav-item.active:before{display:block;content:"";position:absolute;bottom:-.08rem;left:50%;transform:translateX(-50%);width:.26rem;height:.04rem;border-radius:.04rem;background-color:#08f}.course-page>.list .nav-top .nav-item:nth-child(4){margin-right:0}.course-page>.list .list-bottom{display:flex;flex:1;min-height:1px}.course-page>.list .list-bottom .left-menu{width:1.04rem;background:#f7f8fc;height:100%;overflow:auto}.course-page>.list .list-bottom .left-menu::-webkit-scrollbar{display:none}.course-page>.list .list-bottom .left-menu .item{position:relative;text-align:center;line-height:.51rem;width:1.04rem;height:.51rem}.course-page>.list .list-bottom .left-menu .item .label{display:inline-block;position:relative;width:100%;height:100%}.course-page>.list .list-bottom .left-menu .item.activeLeft{color:#08f}.course-page>.list .list-bottom .left-menu .item.activeLeft:before{background:#fff;display:block;content:"";position:absolute;width:1.04rem;height:.51rem}.course-page>.list .list-bottom .right-menu{flex:1;overflow:auto;padding-bottom:.2rem}.course-page>.list .list-bottom .right-menu .list{margin:0 .16rem}.course-page>.list .list-bottom .right-menu .list .card{display:flex;flex-direction:column}.course-page>.list .list-bottom .right-menu .list .card .image img{width:100%}.course-page>.list .list-bottom .right-menu .list .card-bottom{display:flex;justify-content:space-between;align-items:center;height:.44rem}.course-page>.list .list-bottom .right-menu .list .card-bottom .content{font-size:.14rem;color:#212533}.course-page .tips{text-align:center;padding:30vw 0}