.container[data-v-af505106]{width:100%;height:calc(100vh - 80px);background-color:#f2f3f7;overflow:auto}.container .background[data-v-af505106]{width:100%}.container .background .top_container[data-v-af505106]{width:90%;margin-top:16px}.container .background .top_container .returnHome[data-v-af505106]{font-size:12px}.container .background .top_container .returnHome .font[data-v-af505106]{-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container .background .top_container .headerAndName[data-v-af505106]{height:45px;border:2px solid #fcab00;border-radius:100px;font-size:14px}.container .background .top_container .headerAndName .headImg[data-v-af505106]{width:45px;height:45px;border:2px solid #fff;border-radius:50%;position:relative;left:-2px}.container .background .top_container .headerAndName .font[data-v-af505106]{margin:0 23px 0 6px;font-weight:bolder;background-image:linear-gradient(337deg,#fd7c01,#fcab00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container .background .map[data-v-af505106]{width:100%;height:0;padding-bottom:56%;margin-top:110px;background-image:url(https://static.nationaiot.com/source/zmxcl_assets/picture/user_level_map.png);background-size:auto 100%}.container .background .map .car_img[data-v-af505106]{width:70%;position:relative;top:-20px}.container .background .map .share_button_container[data-v-af505106]{width:100%}.container .background .map .share_button_container .share_button[data-v-af505106]{width:98px;height:35px;border-radius:100px 0 0 100px;background:#ffe9bd;border-top:2px solid #fd7d01;border-bottom:2px solid #fd7d01;border-left:2px solid #fd7d01;position:relative;top:-30px}.container .background .map .share_button_container .share_button .share_button_font[data-v-af505106]{font-size:14px;font-weight:bolder;background-image:linear-gradient(337deg,#fd7c01,#fcab00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container .bubble_1[data-v-af505106]{width:54px;height:54px;font-size:13px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;-webkit-animation:bubble-af505106 3s infinite;animation:bubble-af505106 3s infinite}@-webkit-keyframes bubble-af505106{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes bubble-af505106{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.container .burst-enter-active[data-v-af505106],.container .burst-leave-active[data-v-af505106]{-webkit-animation:burst-af505106 1s;animation:burst-af505106 1s}.container .burst-enter[data-v-af505106],.container .burst-leave-to[data-v-af505106]{opacity:0;transform:scale(.5)}@-webkit-keyframes burst-af505106{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes burst-af505106{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.container .bottom_container[data-v-af505106]{width:100%;background-color:#f2f3f7}.container .bottom_container .user_level_box[data-v-af505106]{width:86%;position:relative;top:-60px;border-radius:14px;background:linear-gradient(135.68deg,#ffecdd,#ffd9b2 99.74%);box-shadow:0 6px 12px rgba(0,0,0,.15),-1px -1px 0 #fff}.container .bottom_container .user_level_box .box_design[data-v-af505106]{width:100%;height:100%;border-radius:14px}.container .bottom_container .user_level_box .box_design .level_progress_container[data-v-af505106]{width:87%;height:18px;margin-top:15px;border-radius:100px;background:#f7d3b0;box-shadow:inset 2px 2px 4px rgba(227,129,32,.6)}.container .bottom_container .user_level_box .box_design .level_progress_container .level_progress[data-v-af505106]{height:14px;margin-left:2px;border-radius:100px;background:linear-gradient(113.3deg,#fd7c01,#fcab00 99.77%)}.container .bottom_container .user_level_box .box_design .level_row[data-v-af505106]{width:87%;margin-top:15px}.container .bottom_container .user_level_box .box_design .level_row .level_left[data-v-af505106]{width:25px;height:19px}.container .bottom_container .user_level_box .box_design .level_row .level_left_name[data-v-af505106]{width:37px;height:13px;margin-left:9px}.container .bottom_container .user_level_box .box_design .level_row .level_right[data-v-af505106]{width:36px;height:23px}.container .bottom_container .user_level_box .box_design .level_row .level_right_name[data-v-af505106]{width:48px;height:17px;margin-left:5px}.container .bottom_container .user_level_box .box_design .logo_img[data-v-af505106]{width:68px}.container .friendRank[data-v-af505106]{width:87%;border-radius:10px;background-color:#fff;position:relative;top:-40px}.container .friendRank .top[data-v-af505106]{width:90%;padding:12px 0;border-bottom:1px solid #f2f3f7}.container .friendRank .top .font[data-v-af505106]{font-size:14px;font-weight:bolder}.container .friendRank .top .goAward[data-v-af505106]{font-size:12px;color:#a6a6a6}.container .friendRank .top .thumb[data-v-af505106]{width:11.63px;height:14.16px;margin-left:2px}.container .friendRank .rankList[data-v-af505106]{width:90%;padding:14px 0}.container .friendRank .rankList .rankItem[data-v-af505106]{width:100%}.container .friendRank .rankList .rankItem .headImage[data-v-af505106]{width:35px;height:35px;border-radius:50%}.container .friendRank .rankList .rankItem .name[data-v-af505106]{margin-left:16px;font-size:12px}.container .friendRank .rankList .rankItem .points[data-v-af505106]{font-size:12px;color:#ffc300;margin-left:5px}.container .friendRank .rankList .rankItem .rank[data-v-af505106]{width:30px;height:39px}