.personage_box{width:100%;min-height:500px;margin-top:60px;position:relative;overflow:hidden;padding-bottom:300px}.personage_box .personage_box_inner{width:calc(100% - 20px);max-width:1080px;margin:0 auto}.personage_box .personage_box_inner .personage_box_top{width:100%;margin-top:10px;border-radius:5px;overflow:hidden;margin-bottom:10px}.personage_box .personage_box_inner .personage_box_top .user_backimg{width:100%;height:300px;background-size:100% auto;background-position:center;background-repeat:no-repeat}.personage_box .personage_box_inner .personage_box_top .user_info{width:calc(100% - 40px);padding:0px 20px;position:relative;height:70px}.personage_box .personage_box_inner .personage_box_top .user_info .userxu_avatar{width:120px;height:120px;border-radius:5px;border:2px solid #ff500b;position:absolute;top:-60px;left:20px}.personage_box .personage_box_inner .personage_box_top .user_info .user_info_text{margin-left:140px;margin-top:10px}.personage_box .personage_box_inner .personage_box_top .user_info .user_info_text .username{font-weight:800;font-size:18px;display:flex;line-height:20px}.personage_box .personage_box_inner .personage_box_top .user_info .user_info_text .username img{height:20px;margin-left:10px}.personage_box .personage_box_inner .personage_box_top .user_info .user_info_text .usersgin{font-size:12px;color:#999;margin-top:5px}.personage_box .personage_box_inner .personage_box_page{display:flex;width:100%}.personage_box .personage_box_inner .personage_box_page .user_nav{width:180px}.personage_box .personage_box_inner .personage_box_page .page_boox{width:calc(100% - 190px);margin-left:10px;position:relative}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner{width:100%;display:flex}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .userinfo{width:300px;padding:20px;width:33%;border-radius:5px;border:2px solid #fff;box-shadow:8px 8px 20px rgba(55,99,170,0.1019607843)}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .userinfo .useritem{width:100%;height:30px;line-height:30px}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .userinfo .useritem .title{float:left;font-size:13px;color:#4e4e4e}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .userinfo .useritem .words{float:right;color:#4e4e4e;font-size:13px}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .yueinfo{display:flex;padding:20px;border-radius:5px;width:33%;margin-left:5px;justify-content:center;border:2px solid #fff;box-shadow:8px 8px 20px rgba(55,99,170,0.1019607843)}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .yueinfo .useritem{width:100px;height:30px;line-height:30px;text-align:center}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .yueinfo .useritem .title{font-size:13px;color:#4e4e4e}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .yueinfo .useritem .words{color:#4e4e4e;font-size:13px}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .yueinfo .useritem button{border:none;background-color:#06f;color:#fff;font-size:12px;width:70px;height:25px;border-radius:3px;cursor:pointer}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .yueinfo .useritem .guamli{background-color:#06f}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .yueinfo .useritem .huoquuo{background-color:#f30}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .vipbox{padding:20px 20px;background-color:#282828;border-radius:5px;position:relative;margin-left:5px;width:33%;border:2px solid #fff;box-shadow:8px 8px 20px rgba(55,99,170,0.1019607843)}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .vipbox .userinfo_page_body_vip p:nth-child(1){font-size:15px;font-weight:800;color:#f3d392}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .vipbox .userinfo_page_body_vip p:nth-child(2){font-size:10px;color:#f3d392;margin-top:5px}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .vipbox .userinfo_page_body_vip p:nth-child(3){position:absolute;right:20px;top:20px;color:#f3d392;font-size:12px;cursor:pointer;width:80px;height:35px;text-align:center;line-height:35px;background-color:#434547;border-radius:17.5px}.user_nav_phone_bottom,.user_nav_phone,.monle{display:none}@media(max-width: 768px){.personage_box{margin-top:50px}.personage_box .personage_box_inner{width:100%}.personage_box .personage_box_inner .personage_box_top{border-radius:0;margin-bottom:0;margin-bottom:10px}.personage_box .personage_box_inner .personage_box_top .user_backimg{width:100%;height:200px;background-size:100% auto;background-position:center;background-repeat:no-repeat}.personage_box .personage_box_inner .personage_box_top .user_info .userxu_avatar{width:80px;height:80px;border-radius:5px;border:2px solid #fff;position:absolute;top:-40px;left:20px}.personage_box .personage_box_inner .personage_box_top .user_info .user_info_text{margin-left:90px;margin-top:10px}.personage_box .personage_box_inner .personage_box_top .user_info .user_info_text .username{font-weight:800;font-size:16px;display:flex;line-height:20px}.personage_box .personage_box_inner .personage_box_top .user_info .user_info_text .username img{height:20px;margin-left:10px}.personage_box .personage_box_inner .personage_box_top .user_info .user_info_text .usersgin{font-size:12px;color:#999;margin-top:5px}.personage_box .personage_box_inner .personage_box_page{display:flex;width:100%}.personage_box .personage_box_inner .personage_box_page .user_nav{display:none !important}.personage_box .personage_box_inner .personage_box_page .page_boox{width:100%;margin-left:0px;position:relative}.personage_box .personage_box_inner .personage_box_page .page_boox .page_header_box{width:calc(100% - 30px);margin:10px auto;margin-top:-20px;margin-bottom:30px}.personage_box .personage_box_inner .personage_box_page .page_boox .user_nav_phone{display:block;border-radius:5px;display:flex;margin:0 auto;width:calc(100% - 20px);margin-bottom:10px;margin-top:-10px}.personage_box .personage_box_inner .personage_box_page .page_boox .user_nav_phone .user_nav_phone_inner{width:100%}.personage_box .personage_box_inner .personage_box_page .page_boox .user_nav_phone .user_nav_phone_inner .num{font-size:16px;text-align:center}.personage_box .personage_box_inner .personage_box_page .page_boox .user_nav_phone .user_nav_phone_inner .tit{font-size:12px;text-align:center;color:#999;margin-top:5px}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner{width:100%;display:flex}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .userinfo{display:none !important}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .yueinfo{display:none !important}.personage_box .personage_box_inner .personage_box_page .page_boox .page_box_inner .vipbox{padding:20px 20px;background-color:#282828;border-radius:5px;position:relative;margin-left:0px;border:0px solid #fff;box-shadow:8px 8px 20px rgba(55,99,170,0.1019607843);margin:0 auto;width:calc(100% - 20px);margin-top:10px}.personage_box .personage_box_inner .personage_box_page .page_boox .user_nav_phone_bottom{margin:0 auto;display:block;width:calc(100% - 20px);margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:10px}.personage_box .personage_box_inner .personage_box_page .page_boox .user_nav_phone_bottom .user_nav_phone_bottom_inner{width:100%;border-radius:10px;background-color:#f7f7f7;overflow:hidden;display:inline-block}.personage_box .personage_box_inner .personage_box_page .page_boox .user_nav_phone_bottom .user_nav_phone_bottom_inner img{width:40px;height:40px;display:block;margin:10px auto}.personage_box .personage_box_inner .personage_box_page .page_boox .user_nav_phone_bottom .user_nav_phone_bottom_inner p{text-align:center;font-size:13px;margin-top:5px;margin-bottom:10px}.personage_box .personage_box_inner .personage_box_page .page_boox .goout{border:none;width:calc(100% - 20px);margin:0 auto;margin-top:20px;height:40px;border-radius:3px;background-color:#ff5050;color:#fff;line-height:40px;cursor:pointer;display:flex;justify-content:center}}.cdk_box_inner{width:100%;border:2px solid #fff;box-shadow:8px 8px 20px rgba(55,99,170,0.1019607843);padding:15px}.cdk_box_inner .inpy{height:40px;display:inline-block;padding-left:10px;border:none;outline:none;background-color:#f8f8f8;width:100%;border-radius:3px;border:1px solid #f8f8f8;transition:all .4s}.cdk_box_inner .inpy:focus{border:1px solid #2c76ff}.cdk_box_inner .upbut{width:200px;margin:20px auto;border-radius:3px;border:none;color:#fff;background-color:#2c76ff;cursor:pointer;height:40px;position:relative;display:flex;justify-content:center;line-height:40px}