.conBg{background:#f6f7fb;}
.authenBox p.updateTitle { margin-bottom: 25px; }


/*用户信息*/
.personalCenter {position: relative;padding: 20px 0; }

.userInfo { background: #fff; padding: 40px 40px 400px; box-sizing: border-box; border-radius: 20px; box-shadow: 0px 8px 20px 4px rgba(0,0,0,0.1); } 
.userInfo p.conTitle { height: 36px; line-height: 36px; margin-bottom: 20px; } 
.userInfo p.conTitle span { font-size: 24px; color: #070b2d; } 
.userInfo ul { display: flex; justify-content: space-between; align-items: center; } 
.userInfo ul li { width: 24%; position: relative; overflow: hidden; border-radius: 10px; height: 0.63rem; } 
.userInfo ul li .liBg { width: 100%; height: 100%; border-radius: 10px; position: absolute; top: 0; left: 0; z-index: 0; } 
.userInfo ul li .liBg img { width: 100%; height: 100%; border-radius: 10px; transition: all 0.5s; object-fit: cover; } 
.userInfo ul li:hover .liBg img { transform: scale(1.1); } 
.userInfo ul li .liWz { position: absolute; top: 0px; width: 100%; height: 100%; padding: 0.13rem 0.13rem 0; box-sizing: border-box; } 
.userInfo ul li .liWz p.liUserId { margin-top: 13px; font-size: 16px; color: #565863; padding-left: 10px; box-sizing: border-box; } 
.userInfo ul li .liWz p.liTitle { border-left: 3px solid #ea7b28; padding-left: 10px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; } 
.userInfo ul li.createTime .liWz p.liTitle { border-left: 3px solid #6240ee; } 
.userInfo ul li.userPhone .liWz p.liTitle { border-left: 3px solid #3fb029; } 
.userInfo ul li.authen .liWz p.liTitle { border-left: 3px solid #4242ff; }
.userInfo ul li .liWz p:last-child { margin-top: 13px; font-size: 16px; color: #565863; padding-left: 10px; box-sizing: border-box; }
.userInfo ul li .liWz p.liTitle span { font-size: 16px; color: #070b2d; }
.userInfo ul li .liWz p.liTitle span:last-child a { display: inline-block; background: #0071c3; padding: 4px 10px; border-radius: 5px; }


/*修改密码*/
.updateBox { position: absolute; top: 22%; left: 50%; border: 1px solid #eeeff3; padding: 40px; border-radius: 20px; box-shadow: 0px 8px 20px 4px rgba(0,0,0,0.1); width: 450px; margin-left: -240px; z-index: 999; background: #fff; } 
.updateBox p.updateTitle { margin-bottom: 20px; border-left: 4px solid #0071c3; padding-left: 10px; } 
.updateBox p.updateTitle span { font-size: 24px; color: #070b2d; } 

.updateBox .tabcontent { position: relative; margin-bottom: 25px; } 
.updateBox .tabcontent input { background: #f6f9ff; border: 1px solid #e3ecff; border-radius: 10px; height: 55px; line-height: 55px; font-size: 16px; width: 270px; padding: 0 10px; } 
.updateBox .tabcontent label { font-size: 16px; color: #565863; margin-right: 9px; } 
.updateBox .tabcontent label.widthPublic { display: inline-block; width: 64px; text-align: right; }

.updateBox .updateBtnBox { display: flex; justify-content: space-around; align-items: center; } 
.updateBox .updateBtnBox .updateBtn { color: #fff; background-color: #0071c3; height: 50px; line-height: 50px; border-color: #0071c3; margin-top: 20px; font-size: 16px; border-radius: 50px; text-align: center; box-shadow: 0px 19px 17px -5px rgba(206,228,243); width: 150px; cursor: pointer; } 
.updateBox .updateBtnBox .cancell { color: #9597a0; border: 1px solid #9597a0; height: 50px; line-height: 50px; margin-top: 20px; font-size: 16px; border-radius: 50px; text-align: center; width: 150px; cursor: pointer; }

.updateBox .updateBtnBox .updateAuthenBtn{ color: #fff; background-color: #0071c3; height: 50px; line-height: 50px; border-color: #0071c3; margin-top: 20px; font-size: 16px; border-radius: 50px; text-align: center; box-shadow: 0px 19px 17px -5px rgba(206,228,243); width: 150px; cursor: pointer; } 
.updateBox .updateBtnBox .cancellAuthen{ color: #9597a0; border: 1px solid #9597a0; height: 50px; line-height: 50px; margin-top: 20px; font-size: 16px; border-radius: 50px; text-align: center; width: 150px; cursor: pointer; }

/*修改密码-眼睛*/
.updateBox .tabcontent button { display: inline-block; padding: 0 16px; font-size: 14px; line-height: 32px; color: #8590a6; text-align: center; cursor: pointer; background: none; border: none; border-radius: 3px; width: 25px; height: 25px; padding: 0px; position: absolute; right: 16px; top: 30%; } 
.updateBox .tabcontent button img { width: 100%; height: auto; }


/*认证信息*/
input#contactChoice2 { margin-left: 15px; }
.authenBox .tabcontent input#contactChoice1,.authenBox .tabcontent input#contactChoice2 { width: 15px; height: 15px; }


@media screen and (max-width:1100px){
    .userInfo ul { flex-wrap: wrap; } 
    .userInfo ul li { width: 49%; margin-bottom: 2%; } 
    .userInfo ul li{height:1rem;}
}

@media screen and (max-width:768px){
    .conBg { margin-top: 1.3906rem; }
    .updateBox .tabcontent label.widthPublic { text-align: left; }

}

@media screen and (max-width:650px){
    .userInfo { padding: 0.5rem 0.5rem 2rem; }
    .userInfo ul { flex-wrap: wrap; } 
    .userInfo ul li { width: 100%; margin-bottom: 0.5rem; height: 2rem; } 
    
    .updateBox { padding: 0.8rem 0.6rem; width: 100%; left: 0px; margin-left: 0px; } 
    .updateBox .tabcontent input { width: 100%; } 
    .updateBox .tabcontent button { top: 35px; }
    .updateBox .updateBtnBox .updateAuthenBtn { width: 3rem; } 
    .updateBox .updateBtnBox .cancellAuthen { width: 3rem; }
    .updateBox .updateBtnBox .updateBtn { width: 3rem; } 
    .updateBox .updateBtnBox .cancell { width: 3rem; }
    .userInfo ul li .liWz { padding: 0.3rem 0.3rem 0; }
}

@media screen and (max-width:380px){
    .userInfo ul li .liWz { padding: 0.5rem; }  
    .userInfo ul li { height: 2.5rem; }
    
}