/*  整个背景 */
/* #__layout > div:not([data-v-40d0fcf1]) { */
#__layout>div:not(#page-live2) {
	background-color: rgb(71, 75, 76) !important;
}

/*饿了么样式 取消按钮*/
.el-button--small {
	color: #fff !important;
}

/* ---------------------------------------------------- */
/*  dash 页面-------------------------------------------- */
/*  左侧的banner */
#left-layout {
	/*background: linear-gradient(45deg, #816BF3, #6CDCD7) !important;*/
	 background: linear-gradient(161deg,rgb(16, 21, 36),rgb(71, 75, 36)) !important; 
}

/* 去掉这里 就可以解决bug了 */
/* #__layout > div {
	background-color: rgb(71, 75, 76) !important;
	display: flex !important;
	min-width: 1180px !important;
	height: 100vh !important;
} */

/*  工作台 -> 欢迎使用数字人直播系统 背景 */
#page-dash>div:nth-child(2) {
	background-color: rgb(26, 26, 26) !important;
	/*  background-color: rgb(50, 76, 112) !important; */
	padding: 30px !important;
	border-radius: 10px !important;
	margin-top: 30px !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/*  工作台 -> 欢迎使用数字人直播系统 文本 */
#page-dash>div:nth-child(2)>div:nth-child(1) {
	text-align: center !important;
	font-weight: 900 !important;
	font-size: 20px !important;
	margin-bottom: 20px !important;
	color: #fff !important;
	/*  color: yellow !important; */
}

/*  工作台 -> 欢迎使用数字人直播系统下面的边框 */
#page-dash>div:nth-child(2)>div:nth-child(2)>div:nth-child(1) {
	/*     border-width: 2px !important;
    border-image-source: linear-gradient(40deg, #816bf3, #6cdcd7) !important;
    border-image-slice: 2 !important; */
	border: 2px dashed #fff !important;
}

/*  工作台 -> 欢迎使用数字人直播系统 -> 边框 -> +图标 */
#page-dash>div:nth-child(2)>div:nth-child(2)>div>i {
	color: #fff !important;
	font-size: 28px !important;
	height: 28px !important;
}

/*  工作台 -> 欢迎使用数字人直播系统 -> 边框 -> 新建直播 文本 */
#page-dash>div:nth-child(2)>div:nth-child(2)>div>div {
	color: #fff !important;
	margin-left: 10px !important;
}

/*  工作台 -> 欢迎使用数字人直播系统 -> 最近直播 -> 文本 */
#page-dash>div:nth-child(2)>div:nth-child(3)>div:nth-child(1) {
	color: #fff !important;
}

/*  工作台 -> 欢迎使用数字人直播系统 -> 刷新图标+文本 */
#page-dash>div:nth-child(2)>div:nth-child(3)>div:nth-child(2) {
	margin-left: 20px !important;
	font-weight: 500 !important;
	color: rgb(104, 249, 209) !important;
	cursor: pointer !important;
}

/*  工作台 -> 欢迎使用数字人直播系统 -> 暂时没有数据~ 文本 */
#live-wrap>div>div>div:nth-child(2) {
	color: #fff !important;
}

/*  工作台 -> 欢迎使用数字人直播系统 -> 有作品 -> 最近直播 日期文本 */
#live-wrap>div>div:nth-child(4)>div:nth-child(1)>div {
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

/*  工作台 -> 欢迎使用数字人直播系统 -> 有作品 -> 最近直播 编辑文本 */
#live-wrap>div>div:nth-child(4)>div:nth-child(2) {
	color: #fff !important;
	margin-left: auto;
	cursor: pointer;
}

/*  工作台 -> 欢迎使用数字人直播系统 -> 有作品 -> 最近直播 删除文本 */
#live-wrap>div>div:nth-child(4)>div:nth-child(3) {
	cursor: pointer;
	color: #fff !important;
	padding-left: 10px;
}

/*  工作台 -> 最近短视频 && 短视频-> 我的作品  背景 */
#work-wrap {
	background-color: rgb(26, 26, 26) !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/*  工作台 -> 最近短视频 文本 */
#work-wrap>div:nth-child(1)>div:nth-child(1) {
	color: #fff !important;
}

/*  工作台 -> 最近短视频 -> 刷新图标+文本 */
#work-wrap>div:nth-child(1)>div:nth-child(2) {
	margin-left: 20px !important;
	font-weight: 500 !important;
	color: rgb(104, 249, 209) !important;
	cursor: pointer !important;
}

/*  工作台 -> 最近短视频 下面边框 */
/* #work-wrap > div:nth-child(2) > div > div:not([data-v-16a164c9]) {
	border-width: 2px !important;
	border-image-source: linear-gradient(40deg, #816bf3, #6cdcd7) !important;
	border-image-slice: 2 !important;
} */

#work-wrap>div:nth-child(2)>div:nth-child(1)>div:nth-child(1) {
	border: 2px dashed #fff !important;
}

/*  工作台 -> 最近短视频 -> 边框 -> +图标 */
#work-wrap>div:nth-child(2)>div>div>div:nth-child(1)>i {
	color: #fff !important;
	font-size: 28px !important;
}

/*  工作台 -> 最近短视频 -> 边框 -> 快速创建 文本 */
#work-wrap>div:nth-child(2)>div>div>div:nth-child(2) {
	color: #fff !important;
	/* 	margin-top: 10px !important; */
}

/*  工作台 -> 最近短视频 -> 有作品 -> 作品名称 文本 */
#work-wrap div[style*='font-size: 16px'] {
	font-size: 16px !important;
	font-weight: 400 !important;
	padding-top: 10px !important;
	color: #fff !important;
}

/*  工作台 -> 最近短视频 -> 有作品 -> 创建时间 文本 */
#work-wrap div[style*='font-size: 12px'] {
	font-size: 12px !important;
	color: #fff !important;
}

/*  工作台 -> 最近短视频 -> 有作品 -> 删除 文本 */
#work-wrap>div:nth-child(2) div[style*='max-width: 291px;'] div:nth-child(3) {
	cursor: pointer !important;
	color: #fff !important;
	padding-left: 10px !important;
}

/* 工作台 最近短视频 有作品 背景 */
#work-wrap>div:nth-child(2) div:nth-child(n+2)>div:nth-child(2)>div:nth-child(1) {
	background: linear-gradient(-180deg, rgb(72, 86, 171), rgb(188, 189, 199)) !important;
	border-radius: 8px !important;
}

/*  工作台 -> 我的模特背景 */
#page-dash>div:nth-child(4) {
	background-color: rgb(26, 26, 26) !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
	padding: 30px !important;
	margin-top: 20px !important;
	border-radius: 10px !important;
}

/*  工作台 -> 我的模特 文本 */
#page-dash>div:nth-child(4)>div:nth-child(1) {
	color: #fff !important;
	font-weight: 700 !important;
	padding-bottom: 20px !important;
}

/*  工作台 -> 我的声音 背景 */
#page-dash>div:nth-child(5) {
	background-color: rgb(26, 26, 26) !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
	padding: 30px !important;
	margin-top: 20px !important;
	border-radius: 10px !important;
}

/*  我的声音 文本 */
#page-dash>div:nth-child(5)>div:nth-child(1) {
	font-weight: 700;
	padding-bottom: 20px;
	color: #fff !important;
}

/*  饿了么样式 取消按钮 */
body>div.el-message-box__wrapper>div>div.el-message-box__btns>button:nth-child(1) {
	background-color: #666 !important;
}

/*  登陆界面 */
#__layout>div>div:nth-child(2)>div>div>form>div:nth-child(3)>div>button[data-v-40d0fcf1] {
	background: linear-gradient(45deg, #816BF3, #6CDCD7) !important;
	border-color: transparent !important;
	transition: opacity 0.3s ease !important;
	border: none;
}

/*  live-dash ------------------------------------------------ */
/*  直播 -> 左上角按钮 */
#page-live-dash>div:nth-child(1)>div:nth-child(1) {
	border: 1px solid #fff !important;
	color: #fff !important;
}

/*  顶部第一个banner */
#page-live-dash>div:nth-child(2)>div:nth-child(1) {
	background-color: rgb(26, 26, 26) !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/*  顶部 直播名称 */
#page-live-dash>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div>div {
	color: #fff !important;
	background-color: rgb(51, 51, 51) !important;
	border: none !important;
}

/* 请输入文本 */
#page-live-dash .el-input__inner {
	color: #fff !important;
	background-color: rgb(51, 51, 51) !important;
	border: none;
}

/*  顶部 搜索按钮 */
#page-live-dash>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1) {
	background-color: #fff !important;
	color: #000 !important;
}

/*  清空文本 */
#page-live-dash>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2) {
	color: #fff !important;
}

/*  直播管理 背景 */
#page-live-dash>div:nth-child(1)>div:nth-child(2)>div {
	background-color: rgb(26, 26, 26) !important;
	color: #fff !important;
}

/*  直播管理 -> 图标和文本 */
#page-live-dash>div:nth-child(1)>div:nth-child(2)>div {
	color: #fff !important;
}

/*  暂无数据文本 */
#page-live-dash>div:nth-child(2)>div.el-table.el-table--fit.el-table--enable-row-hover>div.el-table__body-wrapper.is-scrolling-none>div>span {
	color: #fff !important;
}

/* 表格边框 和 透明阴影效果 */
.el-table {
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/*  表格有数据时候的表格背景 */
.el-table {
	background-color: rgb(26, 26, 26) !important;
}

/* 表头文本 */
.has-gutter {
	color: #42b883 !important;
}

/* 表头背景色 可能有bug */
.has-gutter th {
	background-color: rgb(26, 26, 26) !important;
}

/* 表格下面的tr */
.el-table tr {
	background-color: rgb(26, 26, 26) !important;
	color: #fff !important;
}

/* 下划线 */
.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
	border-bottom: 1px solid #42b883;
}

/* 表格边框最下面的白线 */
.el-table::before {
	background-color: rgb(26, 26, 26) !important;
}

/* 表格tr中编辑和删除文本 */
tr.el-table__row td:nth-child(7) div {
	color: #42b883 !important;
}

/* 表格tr hover效果 */
.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
	background-color: rgba(25, 36, 36, 0.8) !important;
}

/*  live-guard ------------------------------------------------------ */
/*  保镖 -> 右侧背景 */
#ocr_text {
	background-color: rgb(43, 43, 45) !important;

}

/*  保镖 -> 右侧背景里面 -> 暂时没有数据～文本 */
#ocr_text>div>div:nth-child(2) {
	color: #fff !important;
}

/*  保镖 大背景 */
#page-live-guard>div:nth-child(1) {
	background-color: rgb(26, 26, 26) !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/*  全部文本颜色 */
#page-live-guard {
	color: #fff !important;
}

#page-live-guard div[style*='font-size=12px'] {
	color: #fff !important;
}

/*  关键词旁边文本域 */
#page-live-guard>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div.el-textarea>textarea {
	background-color: #3c3b3b !important;
	color: #42b883 !important;
}

/* 全部12px的小文本 */
#page-live-guard>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div:nth-child(2),
#page-live-guard>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(6)>div:nth-child(2)>div:nth-child(2),
#page-live-guard>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(6)>div:nth-child(2)>div:nth-child(3),
#page-live-guard>div:nth-child(2)>div:nth-child(2)>div:nth-child(2)>div:nth-child(2),
#page-live-guard>div:nth-child(2)>div:nth-child(3)>div:nth-child(2)>div:nth-child(2),
#page-live-guard>div:nth-child(3)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2),
#page-live-guard>div:nth-child(3)>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) {
	color: rgb(170, 118, 63) !important;
}

/*  第一个警告alert */
#page-live-guard>div:nth-child(1)>div.el-alert.el-alert--warning.is-light {
	background-color: #f0f9eb !important;
	color: #67c23a !important;
}

/*  第二个警告alert */
#page-live-guard>div:nth-child(2)>div.el-alert.el-alert--warning.is-light {
	background-color: #f0f9eb !important;
	color: #67c23a !important;
}

/*  第二个卡片 */
#page-live-guard>div:nth-child(2) {
	background-color: rgb(26, 26, 26) !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/*  第三个卡片 */
#page-live-guard>div:nth-child(3) {
	background-color: rgb(26, 26, 26) !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/* 全部的刷新文本以及试听 */
#page-live-guard>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(6)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2),
#page-live-guard>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(6)>div:nth-child(2)>div:nth-child(3)>span:nth-child(1),
#page-live-guard>div:nth-child(3)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>a:nth-child(1),
#page-live-guard>div:nth-child(3)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>a:nth-child(2) {
	color: #fff !important;
	text-decoration: underline solid green 2px;
}

/*  works ---------------------------------------------- */
/*  短视频 -> 顶部背景 */
#page-works>div:nth-child(1) {
	background-color: rgb(26, 26, 26) !important;
	padding: 30px !important;
	border-radius: 10px !important;
	display: flex !important;
	align-items: center !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/*  短视频 -> 顶部背景 -> 对应文本 */
#page-works>div:nth-child(1) {
	color: #fff !important;
}

/*  gpt3 */
/*  文案 -> 聊天窗口背景 */
#page-gpt3 {
	background-color: rgb(26, 26, 26) !important;
	/* 	border: 1px solid #42b883 !important; */
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3);
}

/*  文案 -> AI文案 */
#page-gpt3>div:nth-child(1)>div {
	color: #fff !important;
}

/* 右下角发送按钮 */
#page-gpt3>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2) {
	background-color: #42b888 !important;
}

/* 左下角 我的 点开 弹窗 */
.el-popover {
	background-color: rgb(51, 51, 51) !important;
	border: 1px solid rgb(51, 51, 51) !important;
	color: #fff !important;
	box-shadow: 0 0 30px rgba(0, 255, 255, 0.3) !important;
}

/* 登陆界面文本渐变 */
div[style*="font-size: 28px"] {
	background-image: linear-gradient(to right, #816BF3, #6CDCD7) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	font-weight: bold !important;
	font-weight: 400 !important;
	padding-left: 10px !important;
	font-size: 28px !important;
}

/* 登陆界面背景图 */
.login[data-v-40d0fcf1] {
	align-items: center !important;
	background: url(/bg-v6.png) no-repeat !important;
	background-attachment: fixed !important;
	background-size: cover !important;
	display: flex !important;
	height: 100vh !important;
	justify-content: center !important;
	min-width: 1180px !important;
	overflow: hidden !important;
	width: 100% !important;
}

[data-v-40d0fcf1] .el-input__inner {
	height: 50px
}

/*welcome修改为渐变 */
.vi-logo-welcome {
	background-image: linear-gradient(to right, #816BF3, #6CDCD7) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	display: inline-block !important;
}

.vi-logo-welcome span {
	font-size: 48px !important;
	color: inherit !important;
	font-style: italic !important;
	font-weight: bolder !important;
}

div[style*="font-size: 20px"] {
	font-weight: 400 !important;
}

/* 下面是默认的 */
.el-button--primary {
	background: #434af9 !important;
	border-color: #434af9 !important;
}

.el-slider__bar {
	background: #434af9 !important;
}

.el-slider__button {
	border: 2px solid #434af9 !important;
}

*::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

*::-webkit-scrollbar-thumb {
	border: 4px rgba(0, 0, 0, 0.3) solid;
	border-radius: 6px;
}

*::-webkit-scrollbar-thumb:hover {
	border: 4px rgba(0, 0, 0, 0.5) solid;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: rgb(51, 51, 51) !important;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsis2 {
	-webkit-line-clamp: 2;
}

.ellipsis2,
.ellipsis3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.ellipsis3 {
	-webkit-line-clamp: 3;
}

#__vconsole {
	display: none;
}