body,html{margin:0;padding:0;background-color:#f5f5f5;overflow:hidden;height:100vh}@media(prefers-color-scheme:dark){body{background-color:#f5f5f5}#app,body{color:#2c3e50}}#app{font-family:Porsche Next;color:#2c3e50;height:100%}@font-face{font-family:Porsche Next Bold;src:url(../fonts/PorscheNextPashto-Bold.afda8af4.otf);font-weight:400;font-style:normal}@font-face{font-family:Porsche Next;src:url(../fonts/porschenext-regular.e01cf735.otf);font-weight:400;font-style:normal}.content-box{width:100%;margin-bottom:.5rem;min-height:8rem}.content-box-title{display:flex;align-items:start;background:url(../img/content-title-bg.97f8acf1.png) bottom no-repeat;background-size:100%;width:100%;height:1.75rem;font-size:.8125rem;font-weight:500;color:#333}.content-box-title .icon{margin-right:.1875rem}.content-box-container{background-color:#fff}.content-box-container .percent{color:#403f45;font-family:Porsche Next;font-size:.75rem;font-style:normal;font-weight:400;line-height:normal;opacity:.6}.circular-content{margin-bottom:.3125rem}.circular-content .blockOut{position:relative;width:4.375rem;height:2.1875rem;overflow:hidden;margin:0 auto}.circular-content .block{position:absolute;width:4.375rem;height:4.375rem;border-left:.625rem solid #737376;border-top:.625rem solid #737376;border-right:.625rem solid #c7c7c7;border-bottom:.625rem solid #c7c7c7;border-radius:50%;transform-origin:50%;box-sizing:border-box}.circular-content .text{position:absolute;bottom:-.3125rem;left:0;right:0;margin:0;text-align:center;font-size:.875rem;font-weight:700;color:#333;font-family:Porsche Next}.rectangle-box{position:relative;display:inline-block;margin-left:.75rem;width:3.75rem;overflow:hidden}.rectangle-box,.rectangle-box .inner{height:1.125rem;border-radius:.125rem}.rectangle-box .inner{position:absolute;width:3.40625rem;line-height:1.125rem;left:.625rem;background:linear-gradient(180deg,#7d7d7d,#403f45);transform:skewX(-15deg)}.rectangle-box .inner .van-icon{font-style:normal;margin-right:.125rem}.rectangle-box .inner span{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.6875rem;position:relative;left:-.125rem;transform:skewX(15deg)}.rank-list-box:nth-child(2n){background:linear-gradient(90deg,rgba(181,180,186,.050980392156862744),rgba(181,180,186,.10196078431372549) .01%,rgba(181,180,186,.2) 100%,rgba(181,180,186,.25098039215686274) 0)}.rank-list-item{display:flex;flex:1 1 5rem 1;align-items:center;justify-content:space-between;min-height:2rem;padding:0 .3125rem}.rank-list-item:nth-child(2n){background-color:rgba(181,180,186,.25098039215686274)}.rank-list-item .rank-name{display:flex;align-items:center}.rank-list-item .rank-name>span{display:inline-block;font-size:.75rem;color:#000;font-weight:400;width:9.375rem;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}.rank-list-item .rank-name>span.user{width:2.5rem}.rank-list-item .rank-name .rank-icon{background:url(data:image/png;base64,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) 50% no-repeat;background-size:contain;text-align:center;width:1.5rem;height:.9375rem;line-height:.875rem;margin-right:.625rem}.rank-list-item .rank-name .rank-icon span{font-size:.625rem;font-weight:700;color:#fff;font-family:Porsche Next}.rank-list-item .rank-badge{display:flex;width:6.875rem}.rank-list-item .rank-badge>div{margin-right:.1875rem}.rank-list-item .rank-post{font-size:.75rem;color:#000;font-weight:400;width:6.25rem}.rank-list-item .rank-num{font-family:Porsche Next;flex-basis:1.875rem;font-size:.75rem;font-weight:700;color:#db3147}.rank-list-item .rank-btn{font-size:.75rem;color:#737278}.back-btn{position:fixed;right:0;bottom:10%;width:5.03125rem;height:2.375rem;line-height:2.375rem;background:url(data:image/png;base64,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) 50% no-repeat;background-size:contain;color:#fff;text-align:center}.cource{padding:1.25rem .625rem;height:100%;background-color:#fff;border-radius:.25rem}.cource-list-tool{display:flex;justify-content:space-between;margin-bottom:1.25rem}.cource-list-tool>div{width:100%;height:1.5rem;line-height:1.5rem;font-size:.8125rem;text-align:center;background-color:#dad9de;color:#403f45}.cource-list-tool>div.active{background-color:#d5001c;color:#fff}.cource-list-item{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:.3125rem .5rem;border-bottom:.0625rem solid #dad9de}.cource-list-item:nth-child(2n){background-color:rgba(218,217,222,.35)}.cource-list-item .name{color:#000;flex:1;display:flex}.cource-list-item .name .van-image{margin-right:.3125rem;flex-shrink:0}.cource-list-item .name span{display:inline-block}.cource-list-item .price{margin:0 .3125rem}.cource-list-item .complete,.cource-list-item .price{color:#d5001c}.cource-list-item.not-complete{background-color:rgba(218,217,222,.2);color:#b5b4ba}.cource-list-item.not-complete .name,.cource-list-item.not-complete .price{color:#b5b4ba}.detail-pop-title{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:1.0625rem;font-weight:500;border-bottom:.0625rem solid #eee}.detail-pop-contnet{padding:.625rem 1.25rem;color:#403f45;font-size:.875rem;font-weight:400;line-height:1.3125rem}.rmk-txt{font-size:.625rem;color:#999}.top-bar .van-badge{font-family:Porsche Next;font-size:.6875rem}[data-v-b3522e52]:root{--base-font16:1rem;--base-font18:1.125rem;--base-font14:0.875rem;--base-font12:0.75rem}.top-bar[data-v-b3522e52]{display:flex;justify-content:space-between;height:1.5rem;padding:.9375rem 1rem 0;margin-bottom:.625rem}.top-bar .van-badge[data-v-b3522e52],.top-bar .van-info[data-v-b3522e52]{font-family:Porsche Next}[data-v-45e0e542]:root{--base-font16:1rem;--base-font18:1.125rem;--base-font14:0.875rem;--base-font12:0.75rem}.van-hairline--top-bottom[data-v-45e0e542]:after,.van-hairline-unset--top-bottom[data-v-45e0e542]:after{border-width:.0625rem 0 0 0!important}.van-tabbar--fixed[data-v-45e0e542]{box-sizing:border-box;height:3.75rem!important;padding:.625rem 0!important}.van-tabbar-item[data-v-45e0e542]{background-color:#fff}.van-tabbar-item__icon img[data-v-45e0e542]{height:1.375rem}.van-tabbar-item--active img[data-v-45e0e542]{height:1.5rem}:root{--base-font16:1rem;--base-font18:1.125rem;--base-font14:0.875rem;--base-font12:0.75rem}.appbox{height:calc(100vh - 3.125rem);padding:0 1rem .625rem;overflow-y:auto}.appbox.haveTab{height:calc(100vh - 7.5rem)}