.content-box[data-v-4a5aacfc]{max-width:10.24rem;margin:auto;height:100vh}.bg[data-v-4a5aacfc]{background:url(https://s.niucache.com/static-shop/NiuHome/annual-report/2021/start-bg.jpg) no-repeat}.bg1[data-v-4a5aacfc]{background:url(https://s.niucache.com/static-shop/NiuHome/annual-report/2021/page01.jpg) no-repeat}.bg2[data-v-4a5aacfc]{background:url(https://s.niucache.com/static-shop/NiuHome/annual-report/2021/page02.jpg) no-repeat}.bg3[data-v-4a5aacfc]{background:url(https://s.niucache.com/static-shop/NiuHome/annual-report/2021/page03.jpg) no-repeat}.bg4[data-v-4a5aacfc]{background:url(https://s.niucache.com/static-shop/NiuHome/annual-report/2021/page04.jpg) no-repeat}.bg5[data-v-4a5aacfc]{background:url(https://s.niucache.com/static-shop/NiuHome/annual-report/2021/page05.jpg) no-repeat}.bg6[data-v-4a5aacfc]{background:url(https://s.niucache.com/static-shop/NiuHome/annual-report/2021/page06.jpg) no-repeat}.bg7[data-v-4a5aacfc]{background:url(https://s.niucache.com/static-shop/NiuHome/annual-report/2021/page07.jpg) no-repeat}.container[data-v-4a5aacfc]{width:100%;height:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-size:cover;background-position:center 0}.img-bg[data-v-4a5aacfc]{display:block;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}.error-load[data-v-4a5aacfc]{text-align:center;position:absolute;top:7.8rem;left:3.96rem;color:#fff;font-size:.28rem;line-height:.4rem}.error-load img[data-v-4a5aacfc]{width:.786667rem!important;height:.786667rem!important}.bottom-box[data-v-4a5aacfc]{position:absolute;bottom:17vh;font-size:.36rem;z-index:9;color:#fff;text-align:center;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.bottom-box div[data-v-4a5aacfc]{width:3.466667rem;margin:0 .186667rem;background-color:#000;border-radius:.373333rem;line-height:4.5vh}.bottom-box .userKmIsZero[data-v-4a5aacfc]{background-color:#d8d8d8}.userTag-page[data-v-4a5aacfc]{position:absolute;top:4.8vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:.333333rem;font-family:PingFangSC-Semibold;font-weight:700;z-index:99;text-align:center}.userTag-page .pageTag-userName[data-v-4a5aacfc]{margin-top:.133333rem}.userTag-page img[data-v-4a5aacfc]{width:8vh;height:8vh;border-radius:50%;border:.093333rem solid #000}.userKm-page[data-v-4a5aacfc]{position:absolute;top:28vh;left:.933333rem;line-height:6vh;font-family:PingFangSC-Semibold;font-weight:700;color:#fff}.userKm-page div[data-v-4a5aacfc]{font-size:.746667rem}.userKm-page .red-tex[data-v-4a5aacfc]{color:#df001f}.userKm-page .user-appDate[data-v-4a5aacfc]{margin-top:6vh}.userKm-page .user-appDate span[data-v-4a5aacfc]{font-size:15vh;color:#df001f;font-family:DINOffcPro-CondBold}.userKm-page .userKm-pageFootTex[data-v-4a5aacfc]{margin-top:.213333rem;font-size:.266667rem!important;line-height:.413333rem}.loginOut-footer[data-v-4a5aacfc]{position:absolute;top:50%}.loginOut[data-v-4a5aacfc]{padding-top:.4rem;height:100%;position:relative;text-align:center;font-size:.4rem}.pageStyle[data-v-4a5aacfc]{height:100vh;position:relative}.pageStyle .page-first[data-v-4a5aacfc]{position:absolute;top:1.12rem;left:.84rem;font-size:.493333rem}.pageStyle .page-first .first-year[data-v-4a5aacfc]{font-family:DINOffcPro-Medium}.user-Time[data-v-4a5aacfc]{margin-top:-.946667rem}.user-Time span[data-v-4a5aacfc]{font-size:1.706667rem;font-family:DINOffcPro-CondBold;color:#df001f}.user-Km[data-v-4a5aacfc]{margin-top:.306667rem;font-size:.813333rem;font-family:DINOffcPro-CondBold}.user-Km span[data-v-4a5aacfc]{font-size:1.706667rem;color:#df001f;font-family:DINOffcPro-CondBold}.first-text[data-v-4a5aacfc]{width:70%;margin-top:.413333rem;font-size:.32rem;font-family:PingFangSC-Semibold;font-weight:700;line-height:.413333rem}.page-second[data-v-4a5aacfc]{position:absolute;top:21vh;left:4.146667rem;font-size:.266667rem;font-family:PingFangSC-Semibold;font-weight:700;color:#fff;line-height:.28rem}.page-second .user-hour span[data-v-4a5aacfc]{font-family:DINOffcPro-CondBold;font-size:5vh;color:#df001f}.page-second .user-cost[data-v-4a5aacfc]{margin-top:2.5vh}.page-second .user-cost span[data-v-4a5aacfc]{font-family:DINOffcPro-CondBold;font-size:6vh;color:#df001f}.page-second .user-letOut[data-v-4a5aacfc]{margin-top:2vh}.page-second .user-letOut .red-g[data-v-4a5aacfc]{font-family:DINOffcPro-CondBold;font-size:.48rem;color:#df001f}.page-second .user-letOut span[data-v-4a5aacfc]{font-family:DINOffcPro-CondBold;font-size:6vh;color:#df001f}.page-second-foot[data-v-4a5aacfc]{position:absolute;color:#fff;font-size:.746667rem;top:42vh;left:.76rem;font-family:PingFangSC-Semibold;font-weight:700}.page-second-foot .user-tree[data-v-4a5aacfc]{margin-top:-.213333rem}.page-second-foot .user-tree span[data-v-4a5aacfc]{font-size:15vh;color:#df001f;font-family:DINOffcPro-CondBold}.page-second-foot .page-second-tex[data-v-4a5aacfc]{font-size:.266667rem;font-family:PingFangSC-Semibold;font-weight:700;line-height:.36rem}.page-thirdly[data-v-4a5aacfc]{position:absolute;top:6vh;left:.88rem;font-size:4vh;font-family:DINOffcPro-Medium}.page-thirdly .user-run[data-v-4a5aacfc]{margin-top:.213333rem;font-size:6vh;font-family:DINOffcPro-CondBold}.page-thirdly .user-run span[data-v-4a5aacfc]{font-size:15vh;font-family:DINOffcPro-CondBold;color:#df001f}.page-thirdly .page-thirdly-tex[data-v-4a5aacfc]{font-size:2.6vh;font-family:DINOffcPro-Medium}.page-thirdly .user-morningTime[data-v-4a5aacfc]{font-size:1.7vh;margin-top:2.3vh}.page-thirdly .user-morningTime .early_time[data-v-4a5aacfc]{font-size:6vh;font-family:DINOffcPro-CondBold;color:#df001f}.page-thirdly .user-nightTime[data-v-4a5aacfc]{font-size:.306667rem;margin-top:.9vh}.page-thirdly .user-nightTime .latest_time[data-v-4a5aacfc]{font-size:6vh;font-family:DINOffcPro-CondBold;color:#df001f}.page-thirdly .page-thirdly-footTex[data-v-4a5aacfc]{font-size:1.7vh}.page-four[data-v-4a5aacfc]{position:absolute;top:41vh;left:1.053333rem;color:#fff;font-size:.746667rem;font-family:PingFangSC-Semibold;font-weight:700}.page-four .app[data-v-4a5aacfc]{font-family:DINOffcPro-CondBold}.page-four .user-date[data-v-4a5aacfc]{margin-top:.213333rem;font-size:.746667rem;font-family:PingFangSC-Semibold;font-weight:700}.page-four .user-date span[data-v-4a5aacfc]{color:#df001f;font-size:2.666667rem;font-family:DINOffcPro-CondBold}.page-four .page-four-tex[data-v-4a5aacfc]{margin-top:-.133333rem;font-size:.493333rem}.page-four .user-friend[data-v-4a5aacfc]{margin-top:.213333rem;font-size:.266667rem}.page-four .user-friend span[data-v-4a5aacfc]{color:#df001f;font-size:.92rem;font-family:DINOffcPro-CondBold}.page-four .user-article[data-v-4a5aacfc]{font-size:.266667rem}.page-four .user-article span[data-v-4a5aacfc]{color:#df001f;font-size:.92rem;font-family:DINOffcPro-CondBold}.page-four .user-give[data-v-4a5aacfc]{margin-top:-.066667rem;font-size:.266667rem}.page-four .user-give span[data-v-4a5aacfc]{color:#df001f;font-size:.92rem;font-family:DINOffcPro-CondBold}.page-four .page-four-footTex[data-v-4a5aacfc]{font-size:.266667rem}.page-fifth[data-v-4a5aacfc]{position:absolute;top:31vh;left:.706667rem;font-size:2.7vh;color:#fff;font-family:PingFangSC-Semibold;font-weight:700}.page-fifth .dateTime span[data-v-4a5aacfc]{font-size:9vh;color:#df001f;font-family:DINOffcPro-CondBold}.page-fifth .reach-km[data-v-4a5aacfc]{line-height:3.3vh}.page-fifth .reach-km span[data-v-4a5aacfc]{color:#df001f;font-family:DINOffcPro-CondBold}.page-fifth .user-fromRank[data-v-4a5aacfc]{margin-top:3.6vh;font-size:1.5vh}.page-fifth .user-fromRank .rank-number[data-v-4a5aacfc]{font-size:3vh}.page-fifth .user-fromRank span[data-v-4a5aacfc]{margin:.066667rem;font-family:DINOffcPro-CondBold;font-size:2.7vh;color:#df001f}.page-fifth .user-friendOrder[data-v-4a5aacfc]{margin:.106667rem 0;font-size:1.5vh}.page-fifth .user-friendOrder span[data-v-4a5aacfc]{font-family:DINOffcPro-CondBold;font-size:5vh;color:#df001f}.page-fifth .page-fifth-tex[data-v-4a5aacfc]{font-size:1.5vh}.page-fifth .user-passPeople[data-v-4a5aacfc]{margin-top:7.3vh}.page-fifth .user-passPeople span[data-v-4a5aacfc]{font-family:DINOffcPro-CondBold;font-size:10.5vh;color:#df001f}.page-fifth .page-fifth-footTex[data-v-4a5aacfc]{margin-top:.053333rem;line-height:2.3vh;font-size:1.5vh}.page-fifth .page-fifth-footTex span[data-v-4a5aacfc]{color:#df001f;margin-top:.266667rem;display:block}.page-sixth[data-v-4a5aacfc]{position:absolute;bottom:.906667rem;left:.666667rem}.page-sixth .page-sixth-time[data-v-4a5aacfc]{font-size:.626667rem;font-family:DINOffcPro-Medium}.page-sixth .page-sixth-tex[data-v-4a5aacfc]{font-size:.746667rem;font-family:PingFangSC-Semibold;font-weight:700}.page-sixth .addUp-km[data-v-4a5aacfc]{font-size:.813333rem;font-family:DINOffcPro-CondBold}.page-sixth .addUp-km span[data-v-4a5aacfc]{font-size:1.866667rem;font-family:DINOffcPro-CondBold;color:#df001f}.page-sixth .tree-area[data-v-4a5aacfc]{margin-top:.28rem;-js-display:flex;display:-ms-flexbox;display:flex;font-size:3.33vw}.page-sixth .tree-area .left-tree-area[data-v-4a5aacfc]{width:55%;font-weight:700}.page-sixth .tree-area .left-tree-area span[data-v-4a5aacfc]{word-spacing:0}.page-sixth .tree-area .right-tree-area[data-v-4a5aacfc]{width:37%;font-weight:700;margin-left:3%}.page-sixth .tree-area div span[data-v-4a5aacfc]{font-family:DINOffcPro-CondBold;color:#df001f;font-size:11vw}.page-sixth .tree-area div .tree-kg[data-v-4a5aacfc]{font-size:5vw;color:#000}.page-sixth .page-sixth-foot[data-v-4a5aacfc]{font-size:.266667rem;font-weight:700}.page-sixth .page-sixth-foot span[data-v-4a5aacfc]{font-size:.92rem;font-family:DINOffcPro-CondBold;color:#df001f}.page-sixth .page-sixth-foot .assbox[data-v-4a5aacfc]{display:inline-block;width:.4rem}.page-seventh[data-v-4a5aacfc]{position:absolute;top:26vh;right:.6rem}.page-seventh div[data-v-4a5aacfc]{font-size:3vh;font-family:PingFangSC-Semibold;font-weight:700;white-space:nowrap}.page-seventh div span[data-v-4a5aacfc]{font-size:10vh;font-family:DINOffcPro-CondBold;color:#df001f}.create-report[data-v-4a5aacfc]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:4vh;border-radius:.373333rem;height:6vh;text-align:center;font-size:.36rem;color:#fff}.create-report img[data-v-4a5aacfc]{height:100%}.transform-slide .swiper-slide[data-v-4a5aacfc],.transform-slide[data-v-4a5aacfc]{-webkit-transform:translateZ(0);transform:translateZ(0)}.load-page[data-v-4a5aacfc]{float:left;z-index:9999999;width:100vw;height:100vh;position:relative}.load-page img[data-v-4a5aacfc]{width:100%;height:100%}.cell[data-v-4a5aacfc]{position:absolute;top:43vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.cell img[data-v-4a5aacfc]{width:1.333333rem}.cell .cell-tex[data-v-4a5aacfc]{text-align:center;margin-top:.346667rem;z-index:9999;font-size:.28rem;font-family:PingFangSC-Semibold;font-weight:700;color:#fff}.bg-color[data-v-4a5aacfc]{background:#e0dfdf}.travelDiary[data-v-4a5aacfc]{width:100%;height:100%;position:relative}.open-box[data-v-4a5aacfc]{text-align:center;position:absolute;bottom:1.76rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.open-box .get-btn[data-v-4a5aacfc]{font-size:.373333rem;font-family:PingFangSC-Semibold;font-weight:700;background:#000;color:#fff;z-index:1000;width:4.133333rem;height:1.013333rem;line-height:1.013333rem;text-align:center;border-radius:.666667rem;margin:0 auto .266667rem}.open-box .isPower[data-v-4a5aacfc]{-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-family:PingFangSC-Semibold;font-weight:700;font-size:.253333rem}.open-box .isPower img[data-v-4a5aacfc]{width:12px;height:12px;margin-right:3px;-o-object-fit:contain;object-fit:contain}.open-box .isPower label[data-v-4a5aacfc]{color:#df3223}[data-v-4a5aacfc] .el-drawer{outline:none;width:90%;margin:auto;top:0;box-shadow:none;overflow:hidden}[data-v-4a5aacfc] .el-drawer,[data-v-4a5aacfc] .el-drawer .el-drawer__body{border-radius:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none}[data-v-4a5aacfc] .el-drawer .el-drawer__body{height:100%;box-sizing:border-box;overflow-y:auto;padding:20px}[data-v-4a5aacfc] .el-drawer .drawer-content{font-family:PingFang-SC-Regular;font-size:12px;color:#31322c}[data-v-4a5aacfc] .el-drawer .drawer-content h4{font-family:PingFangSC-Semibold;font-weight:700;font-size:15px;padding-bottom:.340426rem;text-align:center}[data-v-4a5aacfc] .el-drawer .drawer-content p{line-height:.585014rem;padding-bottom:4px}[data-v-4a5aacfc] .el-drawer .drawer-content .niu-terms{color:#672ed3;font-size:.314524rem;outline:none}[data-v-4a5aacfc] .el-drawer .drawer-footer{font-family:PingFangSC-Semibold;font-weight:700;width:100%;box-sizing:border-box;padding:.346667rem;background:#fff;display:-ms-flexbox;-js-display:flex;display:flex;-moz-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-moz-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;font-size:.403145rem}[data-v-4a5aacfc] .el-drawer .drawer-footer span{width:3.204995rem;height:1.00444rem;-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#31322c;border:1px solid #31322c;border-radius:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none}[data-v-4a5aacfc] .el-drawer .drawer-footer span:last-of-type{color:#fff;background:#df001f}.user-photo[data-v-4a5aacfc]{position:absolute;font-family:PingFangSC-Semibold;font-weight:700;top:3.333333rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:.666667rem;font-size:14px;text-align:center}.user-photo img[data-v-4a5aacfc]{width:1.6rem;height:1.6rem;border-radius:50%;margin-bottom:.026667rem}.music-btn[data-v-4a5aacfc]{position:fixed;top:.386667rem;right:.4rem;z-index:999}.music-btn img[data-v-4a5aacfc]{width:.733333rem;height:.733333rem;border-radius:.666667rem}.music-btn img.playing[data-v-4a5aacfc]{-webkit-animation:rotate-data-v-4a5aacfc 3s linear infinite;animation:rotate-data-v-4a5aacfc 3s linear infinite}@-webkit-keyframes rotate-data-v-4a5aacfc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-data-v-4a5aacfc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.music-btn img #audio[data-v-4a5aacfc]{display:none}.img-box[data-v-4a5aacfc]{text-align:center;color:#fff;font-size:.16rem}.img-box[data-v-4a5aacfc] .el-drawer{background-color:transparent}.img-box .title[data-v-4a5aacfc]{line-height:.666667rem;font-size:.48rem;margin-top:.266667rem}.img-box img[data-v-4a5aacfc]{height:80%}.img-box[data-v-4a5aacfc] .el-drawer__body{padding:0}.canvas[data-v-4a5aacfc]{background:#d8d8d8}.canvas .tag[data-v-4a5aacfc]{position:absolute;top:4vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:46.3vh;height:71vh;z-index:9}.canvas .bottom-code[data-v-4a5aacfc]{position:absolute;bottom:0;width:100%;-o-object-fit:cover;object-fit:cover}