.user_info_wrap{ height: 45vh; background-color:" rgb(220, 221, 221)"; overflow: hidden; position: relative; } .user_img_wrap{ position: relative; } .user_bg{ width: 100%; height: 46vh; /* 高斯模糊 */ filter: blur(10rpx); } .user_info{ position: absolute; left: 50%; transform: translateX(-50%); top: 20%; text-align: center; } .user_icon{ width: 165rpx; height: 165rpx; border-radius: 50%; /* 边框圆角 */ } .user_name{ color: aliceblue; margin-top: 40rpx; font-size: 40rpx; } .user_btn{ position: absolute; left: 50%; transform: translateX(-50%); top:45%; color: rgb(104, 124, 118); font-size: 60rpx; border: 1rpx solid rgba(138, 182, 185, 0.596); border-radius: 50rpx; /* border: 1rpx solid rgba(183, 247, 10, 0.952); */ /* color: rgb(228, 72, 33); font-size: 38rpx; padding: 30rpx; border-radius: 50rpx; */ } .lodin_bg{ width: 100%; filter: blur(5rpx); } .good_1{ flex-flow: column; display:flex; flex: 1; margin-top: 5%; margin-bottom: 0%; } /* .good_2{ display:flex; flex: 2; } */ .btn_fenxiang{ display:flex; flex: 1; width: 100%; border-bottom: 1px solid rgb(9, 14, 13); } .btn_sc{ display:flex; flex: 1; border-bottom: 1px solid rgb(9, 14, 13) } .btn_kf{ display:flex; flex: 1; border-bottom: 1px solid rgb(9, 14, 13); } .btn_fk{ display:flex; flex: 1; border-bottom: 1px solid rgb(6, 12, 11); } page{ background-color: #DDDCE1; } .divLine{ position: absolute; background: #000000; width: 100%; height: 1rpx; bottom: 46%; } .bg_101{ background-color: #DDDCE1; } .divLine2{ position: absolute; background: #000000; width: 100%; height: 1rpx; bottom: 37%; } .bg_9527{ display: flex; flex-flow: column; } .txt_10{ display: flex; flex: 1; flex-flow: row; } .txt_22{ flex: 1; flex-flow: row; margin-left: 20%; font-weight: bold; } .txt_12{ flex: 1; font-weight: bold; flex-flow: row; margin-left: 26%; } .txt_20{ display: flex; flex: 1; flex-flow: row; } .txt_11{ margin-left: 20%; margin-top: 5%; flex: 1; font-weight: bold; flex-flow: row; } .txt_21{ margin-top: 5%; font-weight: bold; margin-left: 15%; flex: 1; flex-flow: row; }