body {
	background: #f5f7fa;
}

.ttBx {
	width: 60px;
}

.itemNav {
	padding: 0 15px;
	cursor: pointer;
	margin-top: 15px;
}

.active {
	color: #3c78fc;
}

.addicon {
	width: 14px;
	height: 14px;
	margin-right: 5px;
}

.ewm1content {
	top: 25px !important;
	right: -20px !important;
}

.userIcon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 12px;
}

.rz1 {
	width: 81px;
	height: 22px;
	margin-left: 5px;
}

.rz2 {
	width: 93px;
	height: 22px;
	margin-left: 5px;
}

.xcxHref {
	width: 16px;
	height: 16px;
	margin-left: 5px;
}

.conItem:hover {
	text-decoration: none;
	cursor: pointer;
}

.conItem:hover .tt {
	color: #3c78fc;
}

.conItemimg {
	width: 100px;
	height: 80px;
	border-radius: 4px;
	margin-left: 90px;
}

.pubIcon {
	width: 36px;
	height: 34px;
	border-radius: 50%;
	margin-right: 8px;
}

.dianzai1Icon {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.collectIcon {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.copyIcon {
	width: 18px;
	height: 16px;
	margin-right: 5px;
}

.moreIcon {
	width: 3px;
	height: 14px;
	margin: 0 10px;
}


.moreBox {
	width: 80px;
	background: #fff;
	border-radius: 8px;
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translate(-400%, -50%);
	opacity: 0;
	z-index: 999;
	box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
}

.moreBox.active {
	display: block;
	opacity: 1;
	transform: translate(-50%, -50%);
	transition: opacity 2s ease;
}

.reportModel {
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: translate(-400%, -50%);
	z-index: 990;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	background: rgba(0, 0, 0, 0);
}

.reportModel.active {
	display: block;
	opacity: 1;
	transform: translate(0, 0);
	transition: opacity 2s ease;
}