.user-edit{ height: 100vh; background: #f3f3f3; .user-edit-portrait{ font-size: 22px; font-weight: 400; color: #ababab; display: flex;flex-direction: column; align-items: center;justify-content: center; background-color: white; height: 300px; } .user-edit-portrait image{ width: 170px; height: 170px; border-radius: 50%; overflow: hidden; object-fit: cover; margin-bottom: 15px; } .user-edit-content{ background-color: white; margin-top: 24px; padding: 0 30px; } .user-edit-content-title{ font-size: 26px; font-weight: 700; color: #000000; padding: 40px; } .user-edit-content-title text{ margin-right: 10px; } .user-edit-content-phone{ font-size: 26px; font-weight: 400; color: #000000; display: flex;justify-content: space-between; } .user-edit-content-phone text{ font-size: 24px; font-weight: 400; color: #ababab; } .user-edit-content-bindphone{ padding: 0;width: auto;height: auto; margin: 0;background: none;border: 0; text-align: left; font-size: 26px; font-weight: 400; color: #ababab; } .user-edit-content-bindphone::after{ border: 0; } .user-edit-content-company{ width: 118px; height: 40px; background: #dddddd; border-radius: 6px; display: flex;align-items: center;justify-content: center; font-size: 24px; font-weight: 400; color: #707070; } .user-edit-content-company,.user-edit-content-company-adopt{ background: #CDF3DF; color: #07C160; } .user-edit-content-company text{ margin-left: 5px; } .user-edit-content-company.user-edit-content-company-auth{ background-color: #CDF3DF; color: #07C160; } .user-edit-list{ height: 90px; display: flex;align-items: center; border-bottom: 2px solid #f0f0f0; } .user-edit-list:last-of-type{ border: none; } .user-edit-list-left{ width: 120px; border-right: 2px solid #f3f3f3; margin-right: 30px; font-size: 26px; font-weight: 400; color: #000000; } .user-edit-list-right{ display: flex;justify-content: space-between;align-items: center; flex: auto; font-size: 26px; font-weight: 400; color: #000000; } .user-edit-list-right>view{ flex: 1; } .user-edit-list-right-placeholder{ color: #cccccc; } .user-edit-list-right .icon-a-moreback{ font-size: 30px; } .user-edit-logout{ width: 668px; height: 82px; background: #ffffff; border: 2px solid #cde5ff; border-radius: 40px; // margin: 359px auto 0; position: fixed;left: 50%;bottom: 50px; transform: translateX(-50%); font-size: 32px; font-weight: 400; text-align: center; color: #007aff; } }