.container[data-v-e368c47c]{width:100%;height:100%;overflow:hidden}.container .img_top[data-v-e368c47c]{width:100%;height:50%}.container .img_top .delet_button[data-v-e368c47c]{width:calc(100% - 34px);padding:15px 17px}.container .img_top .title_container[data-v-e368c47c]{width:100%;margin-top:39px}.container .img_top .title_container .titleLeft[data-v-e368c47c]{width:58px;height:2px;border-radius:10px;background:linear-gradient(337deg,#fd9201,rgba(252,171,0,0))}.container .img_top .title_container .title[data-v-e368c47c]{height:47px;padding:0 8px}.container .img_top .title_container .titleRight[data-v-e368c47c]{width:58px;height:2px;border-radius:10px;background:linear-gradient(337deg,rgba(252,171,0,0),#fd9201)}.container .img_bottom[data-v-e368c47c]{width:140%;height:60%;border-radius:50% 50% 20px 20px;position:absolute;bottom:0;background-color:#f7f5f2}.container .img_bottom .img[data-v-e368c47c]{width:65%;position:relative;top:-40px}.container .img_bottom .img_content[data-v-e368c47c]{width:70%}.container .img_bottom .img_content .nickName[data-v-e368c47c]{font-size:13px;font-weight:bolder}.container .img_bottom .img_content .invitText[data-v-e368c47c]{font-size:10px;color:grey;margin-top:10px}.container .img_bottom .logo[data-v-e368c47c]{height:23px;position:fixed;bottom:0}.img_container[data-v-e368c47c]{width:100%;border-radius:20px}.container[data-v-d36b87de]{width:100%;height:calc(100vh - 80px);background-color:#f2f3f7;overflow:auto}.container .container_background_color[data-v-d36b87de]{width:100%}.container .container_background_color .top_container[data-v-d36b87de]{width:100%;overflow:hidden}.container .container_background_color .top_container .nameAndAchievements[data-v-d36b87de]{width:90%;margin-top:16px}.container .container_background_color .top_container .nameAndAchievements .headerAndName[data-v-d36b87de]{height:45px;border:2px solid #fcab00;border-radius:100px;font-size:14px}.container .container_background_color .top_container .nameAndAchievements .headerAndName .headImg[data-v-d36b87de]{width:45px;height:45px;border:2px solid #fff;border-radius:50%;position:relative;left:-2px}.container .container_background_color .top_container .nameAndAchievements .headerAndName .font[data-v-d36b87de]{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 .container_background_color .top_container .nameAndAchievements .achievement[data-v-d36b87de]{font-size:12px;font-weight:bolder;background-image:linear-gradient(337deg,#fd7c01,#fcab00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container .container_background_color .top_container .map[data-v-d36b87de]{width:100%;height:0;padding-bottom:56%;margin-top:107px;background-image:url(https://static.nationaiot.com/source/zmxcl_assets/picture/user_level_map.png);background-size:auto 100%;z-index:100}.container .container_background_color .top_container .map .car_img[data-v-d36b87de]{width:70%;position:relative;top:-20px}.container .container_background_color .top_container .map .share_button_container[data-v-d36b87de]{width:100%}.container .container_background_color .top_container .map .share_button_container .share_button[data-v-d36b87de]{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 .container_background_color .top_container .map .share_button_container .share_button .share_button_font[data-v-d36b87de]{font-size:14px;font-weight:bolder;background-image:linear-gradient(337deg,#fd7c01,#fcab00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container .container_background_color .bubble_1[data-v-d36b87de]{width:54px;height:54px;font-size:13px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;-webkit-animation:bubble-d36b87de 3s infinite;animation:bubble-d36b87de 3s infinite}@-webkit-keyframes bubble-d36b87de{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes bubble-d36b87de{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.container .container_background_color .burst-enter-active[data-v-d36b87de],.container .container_background_color .burst-leave-active[data-v-d36b87de]{-webkit-animation:burst-d36b87de 1s;animation:burst-d36b87de 1s}.container .container_background_color .burst-enter[data-v-d36b87de],.container .container_background_color .burst-leave-to[data-v-d36b87de]{opacity:0;transform:scale(.5)}@-webkit-keyframes burst-d36b87de{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes burst-d36b87de{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.container .bottom_container[data-v-d36b87de]{width:100%;background-color:#f2f3f7;z-index:100}.container .bottom_container .user_level_box[data-v-d36b87de]{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-d36b87de]{width:100%;height:100%;border-radius:14px}.container .bottom_container .user_level_box .box_design .level_progress_container[data-v-d36b87de]{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-d36b87de]{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-d36b87de]{width:87%;margin-top:15px}.container .bottom_container .user_level_box .box_design .level_row .level_left[data-v-d36b87de]{width:25px;height:19px}.container .bottom_container .user_level_box .box_design .level_row .level_left_name[data-v-d36b87de]{width:37px;height:13px;margin-left:9px}.container .bottom_container .user_level_box .box_design .level_row .level_right[data-v-d36b87de]{width:36px;height:23px}.container .bottom_container .user_level_box .box_design .level_row .level_right_name[data-v-d36b87de]{width:48px;height:17px;margin-left:5px}.container .bottom_container .user_level_box .box_design .logo_img[data-v-d36b87de]{width:68px}.container .bottom_container .task_list_container[data-v-d36b87de]{width:86%;background:#fff;border-radius:10px;position:relative;top:-40px}.container .bottom_container .task_list_container .task_list_title[data-v-d36b87de]{width:90%;padding:12px 0;font-size:14px;border-bottom:1px solid #f2f3f7}.container .bottom_container .task_list_container .task_list_title .iconfont[data-v-d36b87de]{width:20px;height:20px}.container .bottom_container .task_list_container .task_list_title .viewAll[data-v-d36b87de]{color:#a6a6a6;font-size:12px}.container .bottom_container .task_list_container .task_list[data-v-d36b87de]{width:90%;padding:10px 0}.container .bottom_container .task_list_container .task_list .task_item[data-v-d36b87de]{width:100%;padding:10px 0}.container .bottom_container .task_list_container .task_list .task_item .task_icon_container[data-v-d36b87de]{width:40px;height:40px;border-radius:50%;background-color:#fff7ee}.container .bottom_container .task_list_container .task_list .task_item .task_icon_container .task_icon[data-v-d36b87de]{width:23px;height:23px}.container .bottom_container .task_list_container .task_list .task_item .nameAndPoints[data-v-d36b87de]{margin-left:12px}.container .bottom_container .task_list_container .task_list .task_item .nameAndPoints .task_name[data-v-d36b87de]{font-size:14px;margin-bottom:4px}.container .bottom_container .task_list_container .task_list .task_item .nameAndPoints .points_container[data-v-d36b87de]{width:12px;height:12px;border-radius:50%;background:linear-gradient(.394turn,#cce695,#a5d63f)}.container .bottom_container .task_list_container .task_list .task_item .nameAndPoints .points_container .myself_points[data-v-d36b87de]{width:7.2px;height:7.1px}.container .bottom_container .task_list_container .task_list .task_item .nameAndPoints .task_points[data-v-d36b87de]{font-size:12px;color:#999;margin-left:8px}.container .bottom_container .task_list_container .task_list .task_item .task_state[data-v-d36b87de]{font-size:12px;color:#fff;width:68px;height:26px;border-radius:13px;background:linear-gradient(138.64deg,#c1ed79,#52de8a)}.container .bottom_container .friend_list[data-v-d36b87de]{width:86%;position:relative;top:-25px;border-radius:10px;background:linear-gradient(180deg,#fff,#fff4e8 0,#fff)}.container .bottom_container .friend_list .title[data-v-d36b87de]{width:90%;border-bottom:1px solid #f2f3f7;padding:11px 0 8px 0}.container .bottom_container .friend_list .title .title_left[data-v-d36b87de]{width:40px;height:2px;border-radius:10px;background:linear-gradient(337deg,#fd9201,#fff4e8)}.container .bottom_container .friend_list .title .friend_list_title[data-v-d36b87de]{height:26px;padding:0 12px}.container .bottom_container .friend_list .title .title_right[data-v-d36b87de]{width:40px;height:2px;border-radius:10px;background:linear-gradient(337deg,#fff4e8,#fd9201)}.container .bottom_container .friend_list .list[data-v-d36b87de]{width:90%;margin-top:12px}.container .bottom_container .friend_list .list .list_item[data-v-d36b87de]{width:100%;margin-bottom:20px}.container .bottom_container .friend_list .list .list_item .headImg[data-v-d36b87de]{width:32px;height:32px;border-radius:50%}.container .bottom_container .friend_list .list .list_item .name[data-v-d36b87de]{font-size:12px;margin-left:19px}.container .bottom_container .friend_list .list .list_item .points_container[data-v-d36b87de]{width:20px;height:20px;border-radius:50%;background:linear-gradient(.394turn,#cce695,#a5d63f)}.container .bottom_container .friend_list .list .list_item .points_container .myself_points[data-v-d36b87de]{width:11px;height:12px}.container .bottom_container .friend_list .list .list_item .points[data-v-d36b87de]{font-size:15px;margin-left:7px;color:#a5d63f;font-weight:bolder}.container .share_img_container[data-v-d36b87de]{width:90%;height:70vh;border-radius:20px;background:#f2f3f7;border:8px solid #fff;overflow:hidden}.container .share_img_container .share_img[data-v-d36b87de]{width:100%;height:100%}