
.qkgetIcon {
	font-size:24px;
}
.rightMenu-group {
	padding:1rem 0.3rem;
}
.rightMenu-group:not(:nth-last-child(1)) {
	border-bottom:1px dashed var(--theme-color);
}
.rightMenu-item {
	border-radius:8px;
	transition:0.3s;
	cursor:pointer;
	line-height:2rem;
}
.rightMenu-item:hover {
	background-color:var(--theme-color);
	color:#fff;
	box-shadow:0 0 10px var(--theme-color);
}
.rightMenu-item i {
	display:inline-block;
	text-align:center;
	padding:0 1rem;
	font-size:19px;
}
#rightMenu {
	display:none;
	position:fixed;
	padding:0 1rem;
	width:18rem;
	height:fit-content;
	top:10%;
	left:10%;
	background-color:var(--main-bg-color);
	color:var(--theme-color);
	border-radius:12px;
	z-index:9999;
	border:1px solid var(--muted-bg-color);
	transition:border .3s;
}
#rightMenu:hover {
	border:1px solid var(--theme-color);
	box-shadow:0 3px 12px -3px var(--theme-color);
	-webkit-box-shadow:0 3px 12px -3px var(--theme-color);
	-moz-box-shadow:0 3px 12px -3px var(--theme-color);
	transition:0.6s;
}
#rightMenu .rightMenu-group.rightMenu-small {
	display:flex;
	justify-content:space-between;
}
#rightMenu .rightMenu-line .rightMenu-item {
	margin:1rem 0;
	padding:0.8rem 0;
	display:flex;
}
#rightMenu .rightMenu-line .rightMenu-item i {
	margin:0 1rem;
}
#rightmenu-mask {
	position:fixed;
	width:100vw;
	height:100vh;
	top:0;
	left:0;
	display:none;
	z-index:101;
	margin:0 !important;
}
svg#popup-link.icon {
	width:30px;
	height:30px;
}
#wniui-popup-window {
	min-width:300px;
	max-width:500px;
	bottom:20px;
	right:20px;
	position:fixed;
	z-index:1002;
	color:#363636;
	padding:8px 16px;
	border-radius:12px;
	transition:opacity 0.3s ease,transform 0.3s ease;
	background-color:rgba(255,255,255,0.85);
	border:1px solid #e3e8f7;
	max-height:300px;
	opacity:0;
	transform:translateY(20px);
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	transition:.3s;
	cursor:pointer;
}
#wniui-popup-window:hover {
	border:1px solid #425AEF;
	transition:.3s;
}
#wniui-popup-window.wniui-show {
	opacity:1;
	transform:translateY(0);
}
.wniui-popup-header {
	position:relative;
	display:flex;
	align-items:center;
}
.wniui-popup-title {
	font-size:14px;
	font-weight:bold;
	background:#363636;
	color:#fff;
	padding:4px 8px;
	border-radius:4px;
	margin-right:8px;
	transition:.3s;
}
.wniui-popup-title:hover {
	background-color:#423AEF;
	transition:.3s;
}
.wniui-popup-author {
	font-size:14px;
	font-weight:600;
	color:#363636;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	cursor:pointer;
}
.wniui-popup-avatar {
	width:25px;
	height:25px;
	border-radius:50%;
	margin-right:6px;
	background-color:#f5f6f7;
}
.wniui-popup-window-divider {
	width:100%;
	height:1px;
	background:#e3e8f7;
	margin:5px 0;
}
.wniui-popup-window-content {
	font-size:15px;
	word-wrap:break-word;
	max-width:450px;
	white-space:normal;
	text-overflow:ellipsis;
}
.wniui-popup-window-content p {
	margin:0;
	padding:0;
	line-height:1.5;
	display:inline-block;
	vertical-align:middle;
}
@media screen and (max-width:768px) {
	#wniui-popup-window {
	display:none !important;
}
;}.wniui-popup-author span:hover {
	color:#425AEF;
	transition:.3s;
}
svg#popup-link:hover path {
	fill:#425AEF;
	transition:.3s;
}
