.officeUse {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 70px);
	height: 100%;
	/* background-color: #b3b3b3; */
}

.ChatFrame {
	position: absolute;
	width: max-content;
	height: 70%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	background-color: rgba(94, 94, 94, 0.13);
	border-radius: 46px;
}

.Energy_payment .item_payment {
	display: flex;
	align-items: center;
	margin: 10px 20px;
}

.Energy_payment1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 240px;
}

.Energy_payment1 p {
	margin: 10px 0;
}

.Energy_payment .item_payment p {
	font-size: 22px !important;
	color: #e4e4e4 !important;
	line-height: 44px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-left: 30px !important;
}

.Energy_payment .item_payment1 {
	display: flex;
	color: #fff;
}

.Energy_payment .item_payment1 ul {
	display: flex;
}

.Energy_payment .item_payment1 ul li {
	background: url(../../img/Rectangle11.9db1671d.png) no-repeat;
	background-size: 100% 100%;
	margin-right: 0;
	padding: 30px;
	box-shadow: 0px 4px 37px 0px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	cursor: pointer;
	transition: .5s;
	margin: 0 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.Energy_payment .item_payment1 ul li span:nth-child(1) {
	font-size: 30px;
	color: #fff;
}

.Energy_payment .item_payment1 ul li span:nth-child(2) {
	color: #6b8600;
	margin-top: 20px;
}

.Energy_payment .item_payment1 ul li:hover {
	box-shadow: 0px 4px 37px 0px rgba(0, 0, 0, 0.3), inset 6px 6px 6px 0px rgba(102, 102, 102, 0.6);

}

.Energy_payment .item_payment2 {
	display: flex;
	margin: 40px 0;
	color: #fff;
}

.Energy_payment .item_payment2>div:nth-child(2) {
	display: flex;
	background: #E9E9E9 !important;
	border-radius: 12px 12px 12px 12px;
	color: #000;
	transition: .6s;
	margin-left: 40px;
	padding: 10px 20px;
	cursor: pointer;
}

.Energy_payment .item_payment2>div:nth-child(2):hover {
	box-shadow: 0px 4px 37px 0px rgba(0, 0, 0, 0.3), inset 6px 6px 6px 0px rgba(102, 102, 102, 0.6) !important
}

.zhifuanniu {
	background: rgba(128, 128, 128, 0.3) !important;
	color: #DEFF58;
	border: none;
	font-size: 28px;
	height: 55px;
	border-radius: 50px;
	padding: 0px 100px;
	transition: .2s;
}

.zhifuanniu:hover {
	background: #6f880b !important;
}

#AIstyle .deleteall {
	padding: 5px 6px;
	/* margin: 10px; */
	font-size: 28px;
	display: inline-block;
	cursor: pointer;
	transition: .1s;
}

.AIchatContent .userTitle, .chatContent .userTitle {
	display: inline-flex;
	color: #8A95A7;
	border-radius: 6px;

}

@media (max-height: 763px) {
	.AIchatContent .userTitle span, .chatContent .userTitle span {
		width: auto !important;
		height: auto !important;
	}

	.AIchatContent .userTitle span i, .chatContent .userTitle span i {
		font-size: 20px !important;
		color: #616161 !important;
	}
}

.AIchatContent .userTitle span, .chatContent .userTitle span {
	font-size: 16px;
	cursor: pointer;
	padding: 3px;
	width: 40px;
	height: 40px;
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.AIchatContent .userTitle span i, .chatContent .userTitle span i {
	color: #fff;
	transition: .5s;
	font-size: 30px;
	font-weight: 600;
}

.AIchatContent .userTitle span:nth-child(1), .chatContent .userTitle span:nth-child(1) {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-left: 5px;
}

.AIchatContent .userTitle span:nth-child(1):hover .copyText {
	display: block;
}

.chatContent .userTitle span:nth-child(1):hover .copyText {
	display: block;
}

.AIchatContent .userTitle span:nth-child(1) .copyText, .chatContent .userTitle span:nth-child(1) .copyText {
	position: absolute;
	padding: 6px 13px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
	background-color: #fff;
	color: #000;
	top: -40px;
	left: -15px;
	font-size: 14px;
	border-radius: 5px;
	text-align: center;
	display: none;
	white-space: nowrap;
	transition: 0.1s;
}

.AIchatContent .userTitle span:nth-child(1) .copyText::after, .chatContent .userTitle span:nth-child(1) .copyText::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
}

.AIchatContent .userTitle span:nth-child(1):hover i, .chatContent .userTitle span:nth-child(1):hover i {
	color: #3370FF;
}

.AIchatContent .userTitle span:nth-child(2), .chatContent .userTitle span:nth-child(2) {
	border-left: 0px solid rgb(223, 226, 234);
	border-right: 0px solid rgb(223, 226, 234);
}

.AIchatContent .userTitle span:nth-child(2):hover .broadcasting, .chatContent .userTitle span:nth-child(2):hover .broadcasting {
	display: block;
}

.AIchatContent .userTitle span:nth-child(2) .broadcasting, .chatContent .userTitle span:nth-child(2) .broadcasting {
	position: absolute;
	padding: 6px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
	background-color: #fff;
	color: #000;
	top: -40px;
	left: 0px;
	font-size: 14px;
	border-radius: 5px;
	display: none;
	text-align: center;
	white-space: nowrap;
	transition: 0.1s;
}

.AIchatContent .userTitle span:nth-child(2) .broadcasting::after, .chatContent .userTitle span:nth-child(2) .broadcasting::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
}

.AIchatContent .userTitle span:nth-child(2):hover i, .chatContent .userTitle span:nth-child(2):hover i {
	color: rgb(231, 70, 148);
}

.AIchatContent .userTitle span:nth-child(3) {
	border-right: 0px solid rgb(223, 226, 234);
}

.AIchatContent .userTitle span:nth-child(3):hover i, .chatContent .userTitle span:nth-child(3):hover i {
	color: #039855;
}

.chatContent .userTitle span:nth-child(3):hover .broadcasting {
	display: block;
}

textarea::-webkit-scrollbar {
	width: 8px;
}

textarea::-webkit-scrollbar-track {
	backdrop-filter: blur(20px);
}

textarea::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .1);
	border-radius: 2px;
}

textarea::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, .4);
}

/* 定制整个滚动条 */
.chatContent::-webkit-scrollbar, .AIchatContent::-webkit-scrollbar, .sceneHidden::-webkit-scrollbar, .moreapps::-webkit-scrollbar {
	width: 8px;
}

/* 定制滚动条轨道 */
.chatContent::-webkit-scrollbar-track, .AIchatContent::-webkit-scrollbar-track, .sceneHidden::-webkit-scrollbar-track, .moreapps::-webkit-scrollbar-track {
	/* background: #f1f1f1; */
	backdrop-filter: blur(20px);
}

.chatContent::-webkit-scrollbar-thumb, .AIchatContent::-webkit-scrollbar-thumb, .sceneHidden::-webkit-scrollbar-thumb, .moreapps::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .1);
	border-radius: 2px;
}

.chatContent::-webkit-scrollbar-thumb:hover, .AIchatContent::-webkit-scrollbar-thumb:hover, .sceneHidden::-webkit-scrollbar-thumb:hover, .moreapps::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, .4);
}

.chatContent .userTitle span:nth-child(3) .broadcasting {
	position: absolute;
	padding: 6px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
	background-color: #fff;
	color: #000;
	top: -40px;
	left: -9px;
	font-size: 14px;
	border-radius: 5px;
	display: none;
	text-align: center;
	white-space: nowrap;
	transition: 0.1s;
}

.chatContent .userTitle span:nth-child(3) .broadcasting::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
}

.chatContent .userTitle span:nth-child(3) {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	padding-right: 5px;
}

.AIchatContent .userTitle span:nth-child(4) {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	padding-right: 5px;
}

.AIchatContent .userTitle span:nth-child(4):hover i {
	color: rgb(251, 124, 60);


}

#AIstyle .button-area button {
	width: auto;
	padding: 0;
	background: none;
	position: relative;
	cursor: no-drop;
}

#AIstyle .button-area button:hover .fasonghover {
	display: block;
}

#AIstyle .button-area button .fasonghover {
	position: absolute;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
	background-color: #fff;
	color: #000;
	top: -50px;
	left: -15px;
	width: 60px;
	border-radius: 5px;
	display: none;
}

#AIstyle .button-area button .fasonghover::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);

}

#AIstyle .fasong, .AIarea .fasong {
	font-size: 40px;
	color: #fff;
}

#AIstyle .left .deleteall:hover {
	color: #D92D20;
}

#AIstyle .left .listtanC {
	display: none;
}

#AIstyle .left .listtanC ul {
	position: absolute;
	display: block;
	right: 0;
	transition: 0.5s;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	padding: 5px 5px;
	color: #ffffff;
	background-color: rgba(94, 94, 94, 0.6);
	min-width: 90px !important;
	transition: 0.2s;
}

#AIstyle .left .listtanC ul li {
	display: flex;
	padding: 7px 5px;
	align-items: center;
	transition: 0.2s;
	border-radius: 8px;
}

#AIstyle .left .listtanC ul li i {
	font-size: 30px;
}

#AIstyle .left .listtanC ul li:hover {
	background-color: rgba(94, 94, 94, 0.7);
}

#AIstyle .left .listtanC ul li:nth-child(3):hover {
	color: #D92D20;
}

#AIstyle, #officeStyle {
	border-radius: 69px;
	/* background-color: #FBFBFC; */
	color: #fff;
	height: 80%;
	box-shadow: 0px 0px 1px 0px rgba(19, 51, 107, 0.15), 0px 1px 2px 0px rgba(19, 51, 107, 0.10);
}

#AIstyle::before, #officeStyle::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 69px;
	z-index: -1;
	backdrop-filter: blur(60px);
	/* 设置模糊值 */
	background-color: rgba(94, 94, 94, 0.13);
	/* 可选：背景颜色，可以调整透明度 */
}

#AIstyle .title, #AIstyle .body .left, #AIstyle .body .right {
	background-color: rgba(0, 0, 0, 0) !important;
}

#AIstyle .left .title p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 700;
	font-size: 24px;
	color: currentColor;
	display: flex;
	align-items: center;
}

#AIstyle .body .left {
	border-top-left-radius: 69px;
	border-bottom-left-radius: 69px;
	background-color: rgba(0, 0, 0, .2) !important;

}

#AIstyle .left .title {
	padding: 20px 20px 0;

}

#AIstyle .left .title p span {
	margin-left: 0.5rem;
}

#AIstyle .left>div>button {
	margin: 15px;
	padding: 10px !important;
	width: 100% !important;
	color: #ffffff !important;
	border-radius: 100px !important;
	background-color: rgba(84, 84, 88, 0.65) !important;
	transition: .1s;
	font-size: 20px;
	line-height: 28px;
	border: none;
}

#AIstyle .left>div>button:hover {
	color: #3370FF !important;
	background-color: rgba(51, 112, 255, 0.1) !important;
	border-color: #94B5FF !important;
}

#AIstyle .right .title_text_1 {
	white-space: nowrap;
	max-width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 26px;
	color: currentColor;
	display: block;
	text-align: left;
}

#AIstyle .right .title_text_2 {
	margin-left: 5px;
	padding: 2px 3px;
	background-color: #F0F4FF;
	color: #3370FF;
	font-size: 10px;
}

#AIstyle .right .title_text {
	display: flex;
	align-items: center;
	justify-content: left;
}

#AIstyle .left .title_text_1 span {
	margin-left: 0.5rem;
}

.layui-layer-btn {
	text-align: center !important;
}

#AIstyle .left .aiChat>li {
	-webkit-box-align: center;
	padding: 10px 0;
	height: 50px;
	padding-inline-start: 1rem;
	padding-inline-end: 1rem;
	cursor: pointer;
	user-select: none;
	border-radius: 16px;
	font-size: 18px;
	color: #ffffff;
	transition: .2s;

	margin-bottom: 0.5rem;
}

#AIstyle .left .aiChat>li .listtubiao {
	font-size: 24px;
}

#AIstyle .left .aiChat>li .listtubiao1 {
	font-size: 28px;
	margin-right: 10px;
}

#AIstyle .left .aiChat .activeChat {
	background-color: rgba(178, 176, 141, .8) !important;
	color: #ffffff;
	margin-bottom: 0.5rem;
	transition: .1s
}

#AIstyle .right {
	display: flex;
	flex-direction: column;
	margin-left: 20px;
}

#AIstyle .right .title {
	border-bottom: 1px solid rgb(232, 235, 240);
	padding: 10px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#AIstyle .right .title p {
	text-align: right;
	justify-content: end;
	border-radius: 10px;
	padding: 5px;
}

#AIstyle .right .title p i {
	cursor: pointer;
	font-size: 28px;
	color: #ffffff;
	margin-left: 10px;
	transition: .5s;
}

#AIstyle .right .title>div>.operate>i, #officeStyle .title>div>.operate>i, .ChatFrame5 .title>.operate>i {
	cursor: pointer;
	font-size: 26px;
	color: #ffffff;
	margin-left: 10px;
	border-radius: 50%;
	padding: 10px 11px;
	background: rgba(225, 224, 225, .4);

}

#AIstyle>.body {
	height: 100%;
}

.AIarea {
	position: relative;
	align-items: center;
	max-width: 600px;
	width: 600px;
	padding: 5px 10px;
	box-sizing: border-box;
}

.AIarea textarea {
	width: 100%;
	font-size: 20px;
	padding-inline-start: 1rem;
	padding-inline-end: 8rem;
	border-radius: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	color: #ffffff;
	cursor: auto;
	text-align: left;
	overflow: auto;
	border-radius: 10px !important;
	padding: 12px 85px 10px 20px;
	bottom: -24px;
	height: 50px;
	position: absolute;
	max-height: 300px;
}

.AIarea textarea::placeholder {
	color: #ffffff;
}

.AIarea .button-area {
	position: absolute;
	right: 0px;
	height: auto;
	top: -11px;
}

.ChatFrame.max {
	width: 100%;
	height: 100%;
}

.ChatFrame>.title {
	height: 40px;
	display: flex;
	justify-content: end;
	font-weight: 700;
	font-size: 16px;
	/* background-color: #292929; */
	color: #000000;
	margin: 20px;
	position: absolute;
	right: 0;
}

#officeStyle .title {
	border-bottom: 1px solid rgb(232, 235, 240);
	background-color: rgba(0, 0, 0, 0);
	color: #ffffff;
	padding: 10px 30px;
	height: auto;
	font-weight: 500;
}

#officeStyle .title>p>span {
	font-size: 24px;
	font-weight: 700;
	margin-left: 5px;

}

#officeStyle .body .left {
	border-right: 1px solid rgb(232, 235, 240);
	background-color: rgba(0, 0, 0, 0);
}

#officeStyle .body .right {
	background-color: rgba(0, 0, 0, 0);
	position: relative;
}


.ChatFrame>.title>.operate i {
	margin: 0 5px;
	font-size: 20px;
	cursor: pointer;
}

.ChatFrame .title .assistant {
	display: flex;
}

.ChatFrame .title .assistant>p:nth-child(1) {
	padding: 0px 8px;
	transition: .5s;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.switchImg {
	max-width: 45px;
	padding: 0px 8px;
	border-radius: 20px;
	transition: .5s;
	text-align: left !important;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: left !important;
	margin-right: 10px;
}

.operate>p:nth-child(1):hover {
	max-width: 250px;
	background-color: rgba(242, 242, 242, .5);
}

.operate>p:nth-child(2):hover {
	max-width: 250px;
	background-color: rgba(242, 242, 242, .5);
}

.ChatFrame>.title>.operate i:hover {
	color: #4f97db;
}

.ChatFrame .layui-icon-screen-restore {
	display: none;
}

.ChatFrame>.body {
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: none !important;
}

.ChatFrame>.body>.left {
	max-width: 300px;
	min-width: 200px;
	height: 100%;
	background-color: #292929;
	overflow: auto;
	padding: 10px;
}

.ChatFrame>.body>.right {
	width: calc(80% - 20px);
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	/* backdrop-filter: blur(5px); */
}

.userChat>li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 5px;
}

.userChat>li.activeChat {
	background-color: #95b1ff !important;
	color: #fff;
	margin-bottom: 0.5rem;
	border-radius: 8px;
	transition: .1s;
}

.userChat>li>div {
	width: 50px;
	height: 50px;
	position: relative;
}

.userChat>li>div>img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.userChat>li>div>span {
	background-color: #ff2819;
	color: #fff;
	width: 20px;
	height: 20px;
	font-size: 14px;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	position: absolute;
	right: -5px;
	top: -5px;
	display: none;
}

.userChat>li>p {
	width: calc(100% - 60px);
	font-size: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.chatContent {
	overflow: auto;
	width: 100%;
	height: calc(100% - 90px);
	padding: 15px 15px 0;
}

.chatContent .bubble {
	cursor: pointer;
	position: relative;
}

/* .chatContent .bubble:hover .optionChat.i {
	display: block;
} */

.optionChat {
	position: absolute;
	display: none;
	padding: 5px 0px;
	top: 100%;
}

.optionChat button {
	padding: 2px 10px;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #5f7caa;
	font-size: 16px;
	font-weight: 700;
}

.optionChat button:hover {
	background-color: #e2e2e2;
}

.userBubble {
	word-break: break-all;
	margin-left: 52px;
	max-width: 400px;
	padding: 10px;
	position: relative;
	color: #fff;
	word-wrap: break-word;
	font-size: 14px;
	margin-top: 5px;
	margin-right: 5px;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
}

.chatTranslate {
	display: none;
}

.otherBubble {
	word-break: break-all;
	margin-right: 52px;
	font-size: 14px;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
	margin-top: 5px;
	margin-left: 5px;
	max-width: 400px;
	padding: 10px;
	position: relative;
	color: #111824;
	word-wrap: break-word;
}

.layui-icon-loading-1 {
	position: absolute;
	top: 0;
	font-size: 20px;
	color: #fff;
	/* display: inline-block; */
	display: none;
}

.AIchatContent {
	overflow: auto;
	width: 100%;
	height: calc(100% - 95px);
	padding: 25px 15px;
}

.AIchatContent .bubble {
	cursor: pointer;
	position: relative;
}

.AIchatContent .bubble img {
	width: 100%;
}

.aiChat>li:hover>div {
	display: flex !important;
	align-items: center;
	transition: .2s;
}

.aiChat>li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 10px;
	color: #fff;
}

.aiChat>li>i {
	display: none;
}

.aiChat>li p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.aiChat>li.activeChat {
	background-color: #478de3 !important;
}

.aiChat>li:hover {
	background-color: rgba(178, 176, 141, .8);
	transition: 0.1s;
}

.meetingBox {
	width: 80%;
	height: 85%;
	display: flex;
	flex-direction: column;
	border-radius: 69px;
	box-sizing: border-box;
	padding: 30px;
}

.meetingBox::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 69px;
	z-index: -1;
	backdrop-filter: blur(60px);
	background-color: rgba(94, 94, 94, 0.13);
}

.meetingTop .operate i {
	color: #fff;
	font-size: 30px;
}

.meetingTop .title button {
	background: none;
	border: none;
	font-size: 30px;
	color: #fff;
}

.meetSearch {
	display: flex;
	align-items: center;
	padding: 20px;
	font-size: 20px;
	color: #fff;
}

.meetSearch_box {
	height: 50px;
	margin-left: 30px;
	display: flex;
	border-radius: 100px;
	justify-content: center;
	background-color: #272727;
	padding-right: 15px;
}

.meetSearch_box input {
	width: 400px;
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	color: #ffffff;
	cursor: auto;
	text-align: left;
	overflow: auto;
	border-radius: 30px;
	padding: 12px 85px 10px 20px;
	height: 50px;
	background: #272727;
	border: none;
}
.meetSearch_box input::placeholder {
	color: #ccc;
	font-size: 20px;
}

.meetSearch_box i {
	font-size: 40px;
	color: #fff;
	display: flex;
	justify-items: center;
	align-items: center;
}
.meetList{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 30px 0;
	min-height: 300px;
	overflow-y: auto;
}
/* 定制整个滚动条 */
.meetList::-webkit-scrollbar {
	width: 8px;
}

/* 定制滚动条轨道 */
.meetList::-webkit-scrollbar-track {
	/* background: #f1f1f1; */
	backdrop-filter: blur(20px);
}

.meetList::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .1);
	border-radius: 2px;
}

.meetList::-webkit-scrollbar-thumb:hover{
	background: rgba(0, 0, 0, .4);
}
.meetli{
	width: 300px;
	margin-right: 15px;
	margin-bottom: 15px;

}
.meetli img{
	width: 300px;
	height: 168px;
	border-radius: 10px;
}
.meetli p{
	font-size: 20px;
	overflow: hidden;
	padding: 5px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	color: #fff;
}
.meetList .layui-collapse{
	width: 100%;
	border: none;
}
.meetList .layui-colla-content{
	color: #fff;
}
.meetingCollapse .layui-colla-title{
	height: 50px;
	line-height: 50px;
	background-color: rgba(41, 41, 41,0.8);
	color: #fff;
}
.meetingCollapse .layui-colla-content {
	background-color: rgba(68, 68, 68,0.1);
	color: #fff;
}
.agendaAame{
	font-size: 18px;
	color: #fff;
	line-height:normal;
	margin-top: 5px;
}
.agendaText{
	font-size: 14px;
	color: #fff;
	line-height:normal;
}
.meetingCollapse .li{
	color: #fff;
	font-size: 15px;
	padding: 10px;
	border-bottom: 1px solid #e6e6e6;
}
@media screen and (max-height: 850px) {
      #leftMean li {
        margin-top: 12px !important;
        padding: 5px 14px !important;
      }

      #leftMean img {
        width: 40px !important;
        height: 40px !important;
      }
    }