/**个人中心菜单栏样式 **/
.accountMenuItem {
	display: block;
	background-color: rgba(0,35,78,0.94);
	border: 1px solid rgba(255, 255, 255, 0.04);
	box-shadow: 0 3px 6px 0 rgba(21, 27, 45, 0.60);
	border-radius: 4px;
	width: 142px;
	position: absolute;
	top: 36px;
	right: 5px;
	z-index: 1000;
}

.accountMenuItem>li {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-family: 'PingFangSC-Regular';
	font-size: 14px;
	color: rgba(255, 255, 255, 0.80);
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.accountMenuItem>li:hover {
	background-color: rgba(0, 129, 255, 0.06);
	font-family: 'PingFangSC-Regular';
	font-size: 14px;
	color: #0081FF;
}

/**个人中心菜单栏打开收起箭头图标旋转动态效果**/
@keyframes arrowDown {
	0% {
		transform: rotateZ(180deg);
	}

	25% {
		transform: rotateZ(135deg);
	}

	50% {
		transform: rotateZ(90deg);
	}

	75% {
		transform: rotateZ(45deg);
	}

	100% {
		transform: rotateZ(0deg);
	}
}

@keyframes arrowUp {
	0% {
		transform: rotateZ(0deg);
	}

	25% {
		transform: rotateZ(45deg);
	}

	50% {
		transform: rotateZ(90deg);
	}

	75% {
		transform: rotateZ(135deg);
	}

	100% {
		transform: rotateZ(180deg);
	}
}

.arrowDown_rotate {
	animation: arrowDown 0.3s linear;
	transform-origin: center center;
	transform: rotateZ(0deg);
}

.arrowUp_rotate {
	animation: arrowUp 0.3s linear;
	transform-origin: center center;
	transform: rotateZ(180deg);
}