.introduce-component-wrap{position:relative;width:100%;height:calc(100vh - 1.96rem);overflow:hidden;background:#fff url(https://s.xiaopeng.com/xp-fe/koubei/min/home/home-bg.jpg) 50%/cover no-repeat}.introduce-component-wrap .content{position:absolute;top:3.34rem;left:50%;transform:translateX(-50%);width:6.46rem;display:flex;flex-direction:column;align-items:center}.introduce-component-wrap .content .desc{margin-top:.6rem;font-size:.26rem;font-weight:400;line-height:.46rem;display:flex;align-items:center;letter-spacing:0;color:#fff}.introduce-component-wrap .content .go-btn{margin-top:2.1rem;width:3.12rem;height:.96rem;border-radius:.08rem;opacity:1;box-sizing:border-box;border:.01rem solid #fff;transform:rotate(1turn);font-size:.28rem;font-weight:500;line-height:.96rem;text-align:center;letter-spacing:0;color:#fff}.xpm-pull-to-refresh-head-content{background-color:#fff}.kb-index-container{width:100%;height:100%;display:flex;overflow:auto;-webkit-overflow-scrolling:touch}.kb-index-container .kb-index{width:100vw;position:relative;background-color:#f7f7f7;min-height:calc(100vh - 1.96rem);display:flex;flex-direction:column;padding:.54rem .4rem .8rem}.kb-index-container .kb-index .kb-index-bg{background:linear-gradient(180deg,#FFFFFF 90%,rgba(255,255,255,0) 103%);position:absolute;top:0;left:0;width:100%;height:71.2vw}.kb-index-container .kb-index .kb-index-banner{width:100%;z-index:1;height:calc(.4746268657*(100vw - .96rem));display:flex;flex-direction:row;overflow:hidden;border-radius:.08rem;margin-bottom:.8rem;-webkit-overflow-scrolling:touch}.kb-index-container .kb-index .kb-index-banner .swiper-wrapper{display:flex;flex-direction:row}.kb-index-container .kb-index .kb-index-banner .swiper-pagination{width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:.17rem;position:absolute;bottom:0;z-index:99}.kb-index-container .kb-index .kb-index-banner .swiper-pagination .swiper-pagination-bullet{width:.4rem;height:.03rem;border-radius:.06rem;background-color:hsla(0,0%,100%,.3);margin-right:.08rem}.kb-index-container .kb-index .kb-index-banner .swiper-pagination .swiper-pagination-bullet+.kb-index-container .kb-index .kb-index-banner .swiper-pagination .swiper-pagination-bullet{margin-left:.12rem}.kb-index-container .kb-index .kb-index-banner .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff}.kb-index-container .kb-index .kb-index-bannner-item{width:100%;height:100%}.kb-index-container .kb-index .kb-index-bannner-item .kb-index-bannner-item-content{background-color:rgba(0,0,0,.3);background-position:50%;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}.kb-index-container .kb-index .kb-index-title{z-index:1;font-size:.36rem;color:rgba(0,0,0,.9);margin-bottom:.4rem}.index-empty,.index-empty .xpm-pull-to-refresh,.index-empty .xpm-pull-to-refresh-content{height:100%}.xpm-pull-to-refresh,.xpm-pull-to-refresh-content{min-height:100%}.kb-school{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:.4rem 0}.kb-school,.kb-school .kb-school-refresh{position:relative}.kb-school .kb-school-bg{background:linear-gradient(180deg,#FFFFFF 90%,rgba(255,255,255,0) 103%);position:absolute;top:0;left:0;width:100%;height:71.2vw}.kb-school .kb-school-banner{width:calc(100vw - .8rem);margin:0 .4rem;z-index:1;height:calc(.4746268657*(100vw - .96rem));overflow:hidden;border-radius:.08rem;flex-shrink:0}.kb-school .kb-school-banner,.kb-school .kb-school-banner .swiper-wrapper{display:flex;flex-direction:row}.kb-school .kb-school-banner .swiper-pagination{width:100%;display:flex;align-items:center;justify-content:center;padding-bottom:.17rem;position:absolute;bottom:0;z-index:99}.kb-school .kb-school-banner .swiper-pagination .swiper-pagination-bullet{width:.4rem;height:.03rem;border-radius:.06rem;background-color:hsla(0,0%,100%,.3);margin-right:.08rem}.kb-school .kb-school-banner .swiper-pagination .swiper-pagination-bullet+.kb-school .kb-school-banner .swiper-pagination .swiper-pagination-bullet{margin-left:.12rem}.kb-school .kb-school-banner .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff}.kb-school .kb-school-bannner-item{width:100%;height:100%}.kb-school .kb-school-bannner-item .kb-school-bannner-item-content{background-color:rgba(0,0,0,.3);background-position:50%;background-size:cover;background-repeat:no-repeat;width:100%;height:100%}.kb-school .kb-school-content-title{display:flex;align-items:center;justify-content:space-between;margin-top:.8rem;padding:0 .4rem;width:100%;position:relative;z-index:1}.kb-school .kb-school-content-title .kb-school-content-title-text{font-size:.36rem;line-height:.52rem;color:rgba(0,0,0,.9);display:flex;align-items:center;white-space:nowrap;flex-grow:1;width:0}.kb-school .kb-school-content-title .kb-school-content-title-text .text-content{text-overflow:ellipsis;overflow:hidden}.kb-school .kb-school-content-title .kb-school-content-title-text .text-sum{flex-shrink:0}.kb-school .kb-school-content-title .kb-school-content-title-tips{font-size:.24rem;line-height:.48rem;display:flex;align-items:center;color:rgba(0,0,0,.6);flex-shrink:0;margin-left:.32rem}.kb-school .kb-school-content-title .kb-school-content-title-tips:after{content:"";background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/arrow_right.ad83cbd2.svg);width:.32rem;height:.32rem;background-size:100%;background-position:50%;background-repeat:no-repeat;margin-left:.04rem;margin-right:.16rem;display:flex}.kb-school .kb-school-content{display:flex;align-items:center;margin-top:.32rem;width:100%;overflow-x:auto;padding:0 .4rem;flex-shrink:0;position:relative;z-index:1}.kb-school .kb-school-content .kb-school-content-item{width:3.6rem;height:3.78rem;border-radius:.08rem;display:flex;align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:#aaa;flex-shrink:0;overflow:hidden}.kb-school .kb-school-content .kb-school-content-item .kb-school-content-item-bottom{height:1.36rem;width:100%;display:flex;align-items:center;word-break:break-all;font-size:.28rem;line-height:.44rem;color:#fff;padding:0 .32rem;background-color:rgba(0,0,0,.2);backdrop-filter:blur(27.18px);-webkit-backdrop-filter:blur(27.18px)}.kb-school .kb-school-content .kb-school-content-item+.kb-school-content-item{margin-left:.16rem}.kb-school .kb-school-content::-webkit-scrollbar{display:none}.school-empty,.school-empty .xpm-pull-to-refresh,.school-empty .xpm-pull-to-refresh-content{height:100%}.xpm-avatar{--size:var(--xpm-avatar-size,48px);--border-radius:var(--xpm-avatar-border-radius,50%);border-radius:var(--border-radius)}.xpm-avatar-max{--size:88px}.xpm-avatar-large{--size:72px}.xpm-avatar-middle{--size:48px}.xpm-avatar-small{--size:36px}.xpm-avatar-mini{--size:20px}.xpm-avatar.xpm-image{--width:var(--size);--height:var(--size)}.xpm-avatar-fallback{height:100%;width:100%;display:block}.xpm-avatar-warp{--icon-size:21.6px;position:relative}.xpm-avatar-warp-max{--size:88px;--icon-size:24px}.xpm-avatar-warp-large{--size:72px;--icon-size:18px}.xpm-avatar-warp-middle{--size:48px;--icon-size:14px}.xpm-avatar-warp-small{--size:36px;--icon-size:14px}.xpm-avatar-warp-mini{--size:20px;--icon-size:14px}.xpm-avatar-warp .xpm-avatar-icon{position:absolute;right:1px;bottom:2px;width:var(--icon-size);height:var(--icon-size)}.xpm-avatar-group-warp{position:relative;display:flex}.xpm-avatar-group-warp .xpm-avatar{--width:calc(var(--size) / 2)}.xpm-avatar-group-warp .xpm-avatar:first-of-type{border-radius:calc(var(--size) / 2) 0 0 calc(var(--size) / 2)}.xpm-avatar-group-warp .xpm-avatar:last-of-type{border-radius:0 calc(var(--size) / 2) calc(var(--size) / 2) 0}.user-banner-addon{position:relative;display:flex;flex-direction:row;flex-shrink:0;width:100%;z-index:1;margin-top:.48rem}.user-banner-addon .user-banner-addon-item{width:50%;display:flex;padding:.36rem .28rem;flex-direction:column;flex-shrink:1;background-color:#fff;border-radius:.08rem;font-size:.3rem}.user-banner-addon .user-banner-addon-item .user-banner-addon-item-title{display:flex;align-items:center;justify-content:space-between;font-size:.3rem;line-height:.46rem;color:rgba(0,0,0,.9);width:100%}.user-banner-addon .user-banner-addon-item .user-banner-addon-item-title .user-banner-addon-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;width:.32rem;height:.32rem;background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/arrow_right.ad83cbd2.svg)}.user-banner-addon .user-banner-addon-item .user-banner-addon-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;width:.56rem;height:.56rem;margin-right:.08rem}.user-banner-addon .user-banner-addon-item .rules-icon{background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/user_rules_icon.9500c257.svg)}.user-banner-addon .user-banner-addon-item .reward-icon{background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/user_reward_icon.924ce479.svg)}.user-banner-addon .user-banner-addon-item .user-banner-addon-item-bottom{font-size:.36rem;line-height:.52rem;font-weight:500;margin-top:.16rem;color:rgba(0,0,0,.9);height:.52rem;align-items:center}.user-banner-addon .user-banner-addon-item .user-banner-addon-item-bottom .platform-icon+.platform-icon{margin-left:.08rem}.user-banner-addon .user-banner-addon-item .flex-row-center{display:flex;flex-direction:row}.user-banner-addon .user-banner-addon-item-left{margin-left:.3rem}.plateform-tips{display:flex;justify-content:space-between;padding:.2rem .32rem;font-size:.24rem;line-height:.4rem;background-color:rgba(0,0,0,.03);border-radius:.08rem;margin-top:.32rem}.plateform-tips .plateform-tips-title{color:rgba(0,0,0,.6)}.plateform-tips .plateform-tips-tips{color:#5a960a;font-weight:500}.task-refer-link{display:flex;align-items:center;justify-content:space-between;margin-top:.24rem;background-color:#fff;border-radius:.08rem;padding:.28rem .32rem}.task-refer-link .task-refer-link-title{font-weight:400;font-size:.28rem;line-height:.44rem;color:rgba(0,0,0,.9);flex-shrink:1;overflow:hidden}.task-refer-link .task-refer-link-arrow{background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/arrow_right.ad83cbd2.svg);background-size:contain;background-repeat:no-repeat;width:.32rem;height:.32rem;background-position:50%;flex-shrink:0}.tips-text{font-size:.24rem;color:#979797}.kb-user-container{width:100%;height:100%;display:flex;overflow:auto;-webkit-overflow-scrolling:touch}.kb-user{width:100%;flex-grow:1;flex-shrink:1;position:relative;padding:.54rem .4rem .4rem;display:flex;height:-moz-fit-content;height:fit-content;flex-direction:column}.kb-user .kb-user-nickname-container{position:relative;display:flex;width:100%;align-items:center;flex-direction:row;z-index:1;flex-shrink:0}.kb-user .kb-user-nickname-container .kb-user-nickname{margin-left:.32rem;display:flex;flex-direction:column}.kb-user .kb-user-nickname-container .kb-user-nickname .kb-user-nickname-text{font-size:.42rem;line-height:.58rem;margin-bottom:.08rem}.kb-user .kb-user-nickname-container .kb-user-nickname .kb-user-auth{display:flex;flex-direction:row;align-items:center;font-size:.24rem;line-height:.4rem;color:rgba(0,0,0,.4)}.kb-user .kb-user-other-info{position:relative;display:flex;flex-direction:row;flex-shrink:0;width:100%;z-index:1;margin-top:.48rem}.kb-user .kb-user-other-info .kb-user-other-info-item{width:50%;display:flex;padding:.36rem .28rem;flex-direction:column;flex-shrink:1;background-color:#fff;border-radius:.08rem}.kb-user .kb-user-other-info .kb-user-other-info-item .kb-user-other-info-item-title{display:flex;align-items:center;justify-content:space-between;font-size:.3rem;line-height:.46rem;color:rgba(0,0,0,.9);width:100%}.kb-user .kb-user-other-info .kb-user-other-info-item .kb-user-other-info-item-title .kb-user-other-info-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;width:.32rem;height:.32rem;background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/arrow_right.ad83cbd2.svg)}.kb-user .kb-user-other-info .kb-user-other-info-item .kb-user-other-info-item-bottom{font-size:.36rem;line-height:.52rem;font-weight:500;margin-top:.16rem;color:rgba(0,0,0,.9)}.kb-user .kb-user-other-info .kb-user-other-info-item-left{margin-left:.3rem}.kb-user .kb-user-history-task{display:flex;flex-direction:column;padding:.32rem .4rem .48rem;position:relative;z-index:1;flex-grow:1;background-color:#fff;border-radius:.08rem;margin-top:.24rem;flex-shrink:0}.kb-user .kb-user-history-task .kb-user-history-tab{align-items:center;display:flex}.kb-user .kb-user-history-task .kb-user-history-tab .kb-user-history-tab-item{font-size:.32rem;line-height:.48rem;color:rgba(0,0,0,.4);margin-right:.4rem}.kb-user .kb-user-history-task .kb-user-history-tab .kb-user-history-tab-item+.kb-user .kb-user-history-task .kb-user-history-tab .kb-user-history-tab-item{margin-left:.48rem}.kb-user .kb-user-history-task .kb-user-history-tab .item-chosen{color:#000;font-weight:500}.kb-user .kb-user-divider{margin-top:.32rem;width:100%;height:0;border-bottom:.01rem solid rgba(0,0,0,.1)}.kb-user .kb-user-task-item{display:flex;flex-direction:column;padding:.56rem 0;border-top:.01rem solid rgba(0,0,0,.1)}.kb-user .kb-user-task-item:first-child{border-top:none;padding-top:.48rem}.kb-user .kb-user-task-item .kb-user-task-item-title{display:flex;flex-direction:row;align-items:flex-start}.kb-user .kb-user-task-item .kb-user-task-item-title .kb-user-task-item-title-text{display:-webkit-box;font-size:.3rem;word-break:break-all;line-height:.48rem;color:rgba(0,0,0,.9);-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;flex-grow:1;margin-right:.32rem}.kb-user .kb-user-task-item .kb-user-task-item-title .kb-user-task-item-title-icon{background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/right_arrow.a5e821fc.svg);background-size:.32rem;width:.32rem;height:.48rem;flex-shrink:0;background-repeat:no-repeat;background-position:50%}.kb-user .kb-user-task-item .kb-user-task-item-app{display:flex;flex-wrap:wrap;width:100%;flex-direction:column}.kb-user .kb-user-task-item .kb-user-task-item-app .kb-user-task-item-app-item{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem}.kb-user .kb-user-task-item .kb-user-task-item-app .kb-user-task-item-app-item .kb-user-task-item-app-item-title{display:inline-flex;flex-direction:row;align-items:center}.kb-user .kb-user-task-item .kb-user-task-item-app .kb-user-task-item-app-item .kb-user-task-item-app-item-title .kb-user-task-item-app-item-icon{background-size:contain;width:.36rem;height:.36rem;border-radius:100%;background-repeat:no-repeat;background-position:50%;margin-right:.16rem}.kb-user .kb-user-task-item .kb-user-task-item-app .kb-user-task-item-app-item .kb-user-task-item-app-item-title .kb-user-task-item-app-item-title-text{display:inline-flex;font-size:.28rem;line-height:.44rem;color:rgba(0,0,0,.9)}.kb-user .kb-user-task-item .kb-user-task-item-app .kb-user-task-item-app-item .kb-user-task-item-app-item-title .kb-user-task-item-app-item-title-tips{font-size:.2rem;color:rgba(0,0,0,.4);margin-left:.12rem}.kb-user .kb-user-task-item .kb-user-task-item-app .kb-user-task-item-app-item .kb-user-task-item-app-item-step{padding:0;width:1.24rem;height:.56rem;border-radius:.56rem}.kb-user .kb-user-task-item .kb-user-task-item-app .kb-user-task-item-app-item .kb-user-task-item-app-item-step:before{border-radius:100vh}.kb-user .kb-user-empty{display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-grow:1}.share-icon{display:flex;flex-shrink:0;width:.48rem;height:.48rem;background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/share_icon.936563a8.svg)}.pure-navigation{display:flex;position:relative;padding:.2rem .48rem;align-items:center;justify-content:space-between;width:100%;height:100%}.pure-navigation .pure-navigation-title{font-size:.32rem;line-height:.48rem;color:rgba(0,0,0,.9);width:3.34rem;font-weight:500;text-align:center;position:absolute;left:50%;transform:translateX(-50%)}.pure-navigation .pure-navigation-icon{width:.48rem;height:.48rem;display:flex;background-image:url(https://xps01.xiaopeng.com/app_h5/_next/static/media/navigation_back_icon.26721bde.svg);background-size:contain;background-repeat:no-repeat;background-position:50%;flex-shrink:0}.pure-navigation .pure-navigation-share{width:auto;height:.48rem;display:flex;flex-shrink:0;align-items:center;font-size:.28rem}.kb-home{width:100vw;align-items:center;transition:opacity .3s ease-in}.kb-home,.kb-home .kb-home-navigation{height:100vh;display:flex;flex-direction:column}.kb-home .kb-home-navigation #navigation{flex-shrink:0}.kb-home .kb-home-navigation-bg{background-color:#fff}.kb-home .kb-home-navigation-bg-none{background-color:rgba(0,0,0,0)}.kb-home .kb-home-container{display:flex;width:100%;overflow:hidden;flex:1 1}.kb-home .kb-home-container .kb-home-swiper{width:100%;flex-shrink:1;display:flex;height:100%;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch}.kb-home .kb-home-container .kb-home-swiper .swiper-wrapper{display:flex;flex-direction:row}.kb-home .kb-home-container .kb-home-swiper .kb-home-swiper-slide{width:100%;overflow-x:auto;display:flex;flex-direction:column;align-items:center}.kb-home .kb-home-container .kb-home-scroll-children{overflow:hidden}.kb-home .kb-home-nav{width:100%;height:1.96rem;padding:.18rem .76rem .66rem;flex-shrink:0;flex-direction:row;display:flex;align-items:center;justify-content:space-between;background-color:#fff;z-index:9}.kb-home .kb-home-nav .kb-home-nav-item{display:flex;flex-direction:column;align-items:center}.kb-home .kb-home-nav .kb-home-nav-item .kb-home-nav-text{font-size:.2rem;line-height:.24rem;margin-top:.08rem;color:rgba(0,0,0,.4);-webkit-user-select:none;-moz-user-select:none;user-select:none}.kb-home .kb-home-nav .kb-home-nav-item .home-item-chosen{color:rgba(0,0,0,.9)}