/* 新增个人中心头部样式 */
.head .showHeadIco {height: 35px; padding-top: 5px}
.head .stateUser {display: inline-block;position: relative;}
.head .stateUser .loginUserHead { width: 32px; height: 32px;z-index: 99;position: relative;transition: 0.2s ease-in-out;}
.head .stateUser .loginUserHead:hover{ transform: scale(1.3) translateY(10px)}
.head .stateUser .loginUsername{position: absolute;left: 40px; bottom: -3px; color: #696969;text-align: left;width: 100px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.head .stateUser img {width: 100%; height: 100%; border-radius: 50%; object-fit: cover}
.head .stateUser ul {display: none; width: 100px; background-color: #FFFFFF;box-shadow: 0px 6px 8px 0px rgba(93,0,9,0.1); border-radius: 0px 0px 4px 4px; position: absolute;top: 20px;left: -35px;z-index: -1}
.head .stateUser ul li{width: 100px; height: 32px; margin: 3px 0;color: #333333;text-align: center;line-height: 32px;font-size: 10px}
.head .stateUser ul li:first-child:hover{background-color: #fff;}
.head .stateUser ul li:first-child:after{content: "";width: 100%;height: 1px;background-color: #dddddd;display: block}
.head .stateUser ul li:hover{background-color: #ededed;}
.head .stateUser ul li:hover a{color: #4f88e1}