.hospital-new-component .personal-center-head .personal-center-container { overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 16rpx; padding: 32rpx 0 32rpx 32rpx; background-image: url("https://gw.alipayobjects.com/mdn/rms_373ab8/afts/img/A*hLmUSr_NSZsAAAAAAAAAAAAAARQnAQ"); } .hospital-new-component .personal-center-head .personal-center-container .login .login-top .login-top-title { color: #fff; font-weight: bold; font-size: 32rpx; margin-bottom: 10rpx; } .hospital-new-component .personal-center-head .personal-center-container .login .login-top .login-top-desc { color: #85D3FF; font-size: 28rpx; font-weight: bold; } .hospital-new-component .personal-center-head .personal-center-container .login-out .login-btn { height: 54rpx; width: 171rpx; font-size: 24rpx; color: #fff; display: flex; align-items: center; justify-content: center; margin-top: 61rpx; border-radius: 8rpx; border: 1px solid #fff; background-color: transparent; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top { display: flex; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left { flex: 1; display: flex; align-items: center; color: #fff; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .avatar { width: 70rpx; height: 70rpx; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .avatar .avatar-img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid #eee; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .title { flex: 1; color: #fff; padding-left: 25rpx; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .title .user-name { font-size: 32rpx; font-weight: bold; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-left .title .user-number { font-size: 28rpx; margin-top: 8rpx; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-top .login-top-right .change-btn { width: 158rpx; height: 42rpx; line-height: 42rpx; text-align: center; background: #89D0FF; border-top-left-radius: 24rpx; border-bottom-left-radius: 24rpx; color: #fff; font-size: 22rpx; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons { display: flex; min-height: 54rpx; margin-top: 68rpx; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons .login-btn { height: 54rpx; font-size: 24rpx; border-radius: 16rpx; border: 1px solid #fff; margin-right: 16rpx; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons .login-btn:last-child { margin-right: 0; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons .login-btn .login-btn-content { display: flex; height: 100%; align-items: center; padding: 10rpx 16rpx; font-size: 24rpx; color: #fff; } .hospital-new-component .personal-center-head .personal-center-container .login-in .login-buttons .login-btn .btn-icon { width: 24rpx; height: 24rpx; margin-right: 16rpx; }