@import url("font1/iconfont.css");/* 项目名称--AI网站 */
*, :after, :before {
  box-sizing: border-box;
	margin: 0;
	padding: 0;
}
*:focus {
  outline: none;
}
ul,li {
	list-style: none
}
a {
	text-decoration: none;
	color:inherit;
	cursor: pointer;
}

a,input,button,textarea,select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}
em,i {
	font-style: normal;
	vertical-align: middle;
}

img {
	height: auto;
	border: 0;
	vertical-align: middle;
	/* pointer-events: none; */
}
input,
button,
select,
textarea {
	border: none;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	display: block;
	padding: 0;
	margin: 0;
	/*width: 100%;*/
	line-height: normal;
	font-size: inherit;
	text-align: inherit;
	font-family: inherit;
	box-sizing: border-box;
	-webkit-user-select: text;
	user-select: text;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	resize:none;
	color: inherit;
}
 
input:-webkit-autofill {
    background: transparent;
    transition: background-color 50000s ease-in-out 0s;
    -webkit-text-fill-color: unset;
}
div {
	word-break: break-all;
	word-wrap: break-word;
	box-sizing: border-box;
}

body {
	width: 100%;
	max-width: 100%;
	margin: 0;
	color: #333333;
	font-size: 14px;
	line-height: 1.2;
	font-family:Arial,"Microsoft YaHei","WenQuanYi Micro Hei",-apple-system-font,sans-serif;
	/* font-family:"Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; */
	-webkit-tap-highlight-color: transparent;
	background: #fbfbfc;
}

html,body,.kfWarp{
	height: 100%;
}
.e5e-b-none{
	border: none !important;
}
.kfWarp{
	display: flex;
}
.kfMenu{
	width: 50px;
	/* padding: 7px; */
	box-sizing: border-box;
	background:linear-gradient(to bottom, #004c9a,#004c9a);
	color: #ffffff;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}
.kfMenu::before{
	content: '';
	display: block;
	top: 0;
	z-index: 1;
	position: absolute;
	left: 0;
	width: 100%;
	height: 70px;
	background:linear-gradient(to  bottom right,rgba(0,220,150,1) 0%,rgba(0,76,154,1) 40%);
}
.leftMenuTop{
	padding-top: 20px;
	position: relative;
	z-index: 2;
	flex:1;
	/* overflow-y: auto; */
}
.leftMenuBottom{
	padding-top: 20px;
	text-align: center;
}
.leftMenu-item{
	/* margin-bottom: -20px; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 50px;
	text-align: center;
	color: #cbebff;
	cursor:pointer;
	position: relative;
}
.leftMenu-kefu{
	cursor:pointer;
}
.leftMenu-kefu .leftMenu-item-icon{
	
}
.leftMenu-item-icon .icon{
	width: 24px;
	height: 24px;
	display: block;
	margin: auto;
	background: url(leftMenu-icon2.png) no-repeat;
	background-size: 48px;
	transition: all .2s;
}
.leftMenu-item-icon .icon.icon01{
	background-position: 0 0;
}
.leftMenu-item-icon .icon.icon02{
	background-position: 0 -24px;
}
.leftMenu-item-icon .icon.icon03{
	background-position: 0 -48px;
}
.leftMenu-item-icon .icon.icon04{
	background-position: 0 -72px;
}
.leftMenu-item-icon .icon.icon05{
	background-position: 0 -96px;
}
.leftMenu-item-icon .icon.icon06{
	background-position: 0 -120px;
}
.leftMenu-item-icon .icon.icon07{
	background-position: 0 -144px;
}
.leftMenu-item-icon .icon.icon08{
	background-position: 0 -168px;
}
.leftMenu-item-icon .icon.icon09{
	background-position: 0 -192px;
}
.leftMenu-item-icon .icon.icon10{
	background-position: 0 -216px;
}
.leftMenu-item-icon .icon.icon11{
	background-position: 0 -240px;
}
.leftMenu-item-icon .icon.icon12{
	background-position: 0 -264px;
}
.leftMenu-item-icon .icon.icon13{
	background-position: 0 -288px;
}
.leftMenu-item-icon .icon.icon14{
	background-position: 0 -312px;
}


.on .leftMenu-item-icon .icon,.leftMenu-item:hover .icon{
	background-position-x:-24px ;
}
.iconImg-kefu,.iconImg-guanbi{
	display: block;
	left: 50%;
	margin-left:-23px ;
	position: absolute;
	z-index: 1;
}
.iconImg-kefu{
	transition: all .2s;
	transform: scale(1);
	opacity: 1;
}
.iconImg-guanbi{
	transition: all .2s;
	transform: rotate(90deg);
	opacity: 0;
}
.leftMenu-kefu.on .iconImg-guanbi{
	transform: rotate(0deg);
	opacity: 1;
}
.leftMenu-kefu.on .iconImg-kefu{
	transform: scale(0);
	opacity: 0;
}
.leftMenu-item-icon{
	text-align: center;
	position: relative;
}
.leftMenu-item:hover .leftMenu-item-text{
	left: 76px;
	opacity: 1;
	visibility: visible;
}
.usertx{
	width: 20px;
	height: 20px;
	border-radius: 44px;
	margin:0 auto 20px;
}
.usertx img{
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}
.leftMenu-item-text{
	font-size: 14px;
	/* font-family:"Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif; */
	white-space: nowrap;
	position: absolute;
	z-index: 99;
	top: 50%;
	left: 100px;
	background: #00489a;
	border-radius: 10px;
	color: #fff;
	margin-top: -24px;
	padding:12px 22px;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transition: all .2s; 
}
.leftMenu-item-text:before{
	content: '';
	position: absolute;
	top: 50%;
	left:-5px;
	/* margin-left: -10px; */
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #00489a;
}
.xcxcodeLayer{
	top: auto;
	bottom:0px;
}
.xcxcodeLayer.leftMenu-item-text:before{
	top: auto;
	transform: translateY(0%);
	bottom: 25px;
}
.leftMenu-item.on{
	height: 70px;
	/* background-color:rgba(0, 0, 0, 0.2); */
	background: url(leftMenu_on.png) right no-repeat;
	color: #ffffff;
}
.leftMenuTop .leftMenu-item.on:nth-of-type(2){
		background: url(leftMenu_on2.png) right no-repeat;
	}
.kfSecondMenu{
	flex-shrink: 0;
	padding: 30px 10px;
	width: 200px;
	background: #f5f7fa;
}
.kfSecondMenu-item{
	margin-top: 10px;
	padding: 10px 15px;
	height: 36px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	font-size: 14px;
}
.kfSecondMenu-item .iconfont{
	margin-right: 10px;
	font-size: 18px;
}
.kfSecondMenu-item.on{
	background: #def0ff;
	color: #01d6e8;
}

.kfMain{
	flex: 1;
	display: flex;
}
.kfMain-cont{
	padding: 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.kfD2{
	width: 300px;
	display: flex;
	flex-direction: column;
}
.kfMain-m1{
	flex: 1;
	display: flex;
}
.msg-left{
	width: 280px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	
	margin: 15px;
	border-radius: 20px;
}
.msg-left-top{
	border-bottom: 1px solid rgba(0,0,0,.06);
	padding:20px;
}
.kfZhuangTai{
	position: absolute;
	top: 42px;
	left: 0;
	right: 0;
	padding: 1px 0;
	background: #28c728;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 12px;
}
.msg-menu{
	flex: 1;
}

.msg-menu-tab{
	display: flex;
	align-items: center;
	height: 40px;
}
.msg-menu-tab-item{
	flex: 1;
	text-align: center;
	font-size: 14px;
}
.msg-menu-tab-item.on{
	color: #01d6e8;
}
.msg-menu-scrollArea{
	flex: 1;
	overflow-y: auto;
	overflow-y: overlay;
	position: relative;
}
.msg-menu-item{
	display: flex;
	margin: 0 15px;
	padding: 12px 10px;
	position: relative;
/* 	background-color: #fff; */
	/* border-bottom: 1px solid rgba(0,0,0,.06); */
	cursor:pointer;
	border-radius:10px ;
	font-size: 14px;
}
.msg-menu-item-icon{
	width: 26px;
	height: 26px;
	margin-right: 10px;
	border-radius: 30px;
	background: #f3f4f6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #afb0b1;
	overflow:unset !important;
}
.msg-menu-item .e5e-badge{
	width: 14px;
	height: 14px;
	line-height: 14px;
	font-size: 10px;
}
.msg-menu-item:hover{
	background: #eefcff;
	color: #16c9f0;
}
.msg-menu-item-info{
	
}
.msg-menu-item-tag{
	margin-top: 5px;
}
.msg-menu-item.on{
	background: #eefcff;
	color: #16c9f0;;
}
.msg-menu-item.on .msg-menu-item-icon,.msg-menu-item:hover .msg-menu-item-icon{
	background:#16c9f0 ;
	color: #fff;
}
.msg-menu-item .icon-shanchu{
	opacity: 0;
	transform: all .1s;
}
.msg-menu-item:hover .icon-shanchu{
	opacity: 1;
	
}

.msg-right{
	display: flex;
	flex: 1 1;
	flex-direction: column;
	min-width: 200px;
	overflow: hidden;
	background: #fff;
	/* border-left: 1px solid rgba(0,0,0,.06);
	border-right: 1px solid rgba(0,0,0,.06); */
}
.msg-right-top{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:20px 40px;
	height: 88px;
}

.msg-right-top-item{
	padding: 0 40px;
	min-width: 200px;
	font-size: 14px;
	border-right: 1px solid rgba(0,0,0,.06);
}
.msg-right-top .msg-right-top-item:last-child{
	border: none;
}
.msg-right-top-item-t1{
	color: #849aac;
}
.msg-right-top-item-t2{
	margin-top: 10px;
	display: flex;
	align-items: center;
}

.msg-right-cont{
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.msg-target{
	padding:20px 40px;
	height:48px;
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.msg-target font{
	padding: 0 5px; font-size: 14px;
}
.msg-target-left{
	display: inline-flex;
	align-items: center;
	
}
.msg-target-left .iconfont{
	padding-left: 5px;
}
.msg-target-right{
	
}
.msg-target-right-item{
	position: relative;
	margin-left: 20px;
	cursor:pointer;
	width: 36px;
	height: 36px;
	border-radius: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #efeff4;
}
.msg-target-right-item:hover{
	background: #e7fafe;
	color: #16c9f0
}
.msg-target-right-item:hover .e5e-tooltip{
	opacity: 1 !important;
	visibility: visible !important;
}
.duanyu-group-cont.zhanjieList{
	border: none;
	border-radius: 6px;
}
.zhanjieList li:hover{
	color: #0078ff !important;
}
.msg-scrollArea{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-y: auto;
	width: 100%;
	
}
.msgList{
	/* width: 900px; */
	max-width: 900px;
	padding:12px;
}
.msgList-item{
	display: flex;
	/* flex-direction:column; */
	padding: 20px 0;
}
.msgList-item.me{
	flex-direction:row-reverse;
	/* justify-content: flex-end;
	align-items: flex-end; */
}
.msgList-item.me .msgList-item-senderName,
.msgList-item.me .msgList-item-tips{
	text-align: right;
	/* margin:8px 10px; */
}
.msgList-item.me .msgList-item-headImg{
	/* display: none; */
	opacity: 0;
	display: none;
}
.msgList-item-headImg{
	width: 34px;
	height: 34px;
	overflow: hidden;
	border-radius: 50px;
	margin-bottom: 5px;
}
.msgList-item-cont{
	max-width: 100%;
	margin:0 40px 0 10px;	
}
.me .msgList-item-cont{
	margin:0 0px 0 40px;	
}
.msgList-item-cont-main{
	display: flex;
	align-items:flex-end;
	
}

.msgList-item-senderName{
	margin-bottom: 8px;
	color: #6f7c87;
	font-size: 14px;
}
.msgList-item-tips{
	margin:8px 0;
	flex-shrink: 0;
	color: #9badba;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.msgList-item-cont .itemText{
	max-width: 100%;
	font-size: 16px;
	line-height: 1.7;
	border-radius: 8px;
	color: #404040;
	word-wrap: break-word;
}
.me .msgList-item-cont .itemText{
	padding:12px 18px;
	background: #ffffff;
	box-shadow: 0 0 4px 0px #f0f0f0;
}
.msgList-item-cont .itemText a >img{
	/* max-width: 200px; */
	max-height: 550px;
	border-radius: 8px;
	display: block;
	margin: auto;
}
.msgList-item-cont .itemimgs{
	width: 400px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.msgList-item-cont .itemimgs .itemimgs-item{
	width: 200px;
	height: 200px;
	object-fit: cover;
	border-radius: inherit;
}
.msgList-item-cont .itemPic{
	max-width: 200px;
	border-radius: 8px;
	overflow: hidden;
}
.msgList-item.me .msgList-item-cont-main{
	flex-direction:row-reverse;
}
.msgList-item.me .msgList-item-cont-main + .msgList-item-tips{
	margin-right:0px;
	
}
.zhishikuLayer{
	position: absolute;
	z-index: 9;
	left: 1;
	bottom: 100%;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	max-width: 570px;
	margin-bottom: 10px;
	background: #ffffff;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 8px 1px #f0f0f0;
}
.closezhishikuLayer{
	width: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #727f89;
}
.zhishikuLayer-md{
	flex: 1;
	max-height: 400px;
	overflow-y: auto;
	margin-right: -10px;
}

.zhishikuLayer .video-item{
	width: 98%;
	border-radius: 10px;
	background: #f5f7fa;
}
.msg-sendingArea{
	padding: 15px;	
	width: 100%;
	box-sizing: border-box;
	max-width: 900px;
}
.msg-sendingArea-bd{
	padding:20px 20px 0;
}
.msg-sendingArea-bd .video-item{
	border-radius: 99px;
	margin: 0;
	max-width: 270px;
	padding: 5px 0;
	color: #6f7c87;
}
.msg-sendingArea-bd .video-item .item-text{
	padding: 0 10px 0 5px;
}
.msg-sendingArea-bd .video-item .e5e-t1{
	color:#6f7c87 ;
	font-size: 14px;
}
.msg-sendingArea-bd .video-item .item-t2,.msg-sendingArea-bd .video-item .item-size{
	display: none;
}

.msg-sendingAreaBox{
	/* height: 100%; */
	border-radius: 30px;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 8px 1px #f0f0f0;
	position: relative;
}
.msg-sendingArea-top{
	padding:0 20px 15px; 
	display: flex;
	align-items: center;
}
.msg-sendingArea-top-item{
	position: relative;
	height: 34px;
	padding:0 12px;
	color: #333333;
	font-size: 14px;
	cursor: pointer;
	background: #eff1f4;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	line-height: 1.2;
	transform: all .3s;
}

.msg-sendingArea-top-item-icon{
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 7px;
}

.msg-sendingArea-top-item.on,.msg-sendingArea-top-item:hover,.fileBtn:hover{
	/* border: 1px solid currentColor; */
	color: #16caed;
	background: #eefcff;
}
.msg-sendingArea-middle{
	flex: 1;
	padding:15px 25px;
}
.fileBtn{
	position: relative;
	width: 34px;
	height: 34px;
	background: #e9ecf1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 99px;
	margin-right: 20px;
}
.fileBtn:hover .fileBtnLayer{
	display: block;
} 
.fileBtnLayer{
	position: absolute;
	z-index: 99;
	bottom: 45px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	background: #00489a;
	border-radius: 10px;
	color: #fff;
	padding:15px 20px;
	box-sizing: border-box;
	display: none;
}
.fileBtnLayer:before{
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	/* margin-left: -10px; */
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #00489a;
}
.fileBtnLayer .t1{
	font-size: 16px;
}
.fileBtnLayer .t2{
	margin-top: 5px;
	opacity: 0.7;
}

::-webkit-scrollbar {
  opacity: 0;
	visibility: hidden;
	transition: all .2s;
}
.e5e-roll:hover::-webkit-scrollbar,.zsk_right_md_textarea:hover::-webkit-scrollbar{
	display: block;
	visibility: visible;
	opacity: 1;
}
.msg-sendingArea-middle textarea{
	max-height: 400px;
	min-height: 120px;
	height:auto;
	font-size: 16px;
	resize:none;
	line-height: 1.6;
}
.msg-sendingArea-bottom{
	padding:10px 30px ;
 
	display: flex;
	align-items: center;
	/* justify-content: flex-end; */
}
.msg-sendingArea-bottom .e5e-padding-r-10{
	margin-left: auto;
}
.kfMain-m2{
	margin-left: auto;
	display: flex;
	flex-shrink: 0;
}

.right-tab-menu{
	background: #f7f7f7;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 16px;
	width: 64px;
	/* border-left: 1px solid rgba(0,0,0,.06); */
}
.right-tab-menu-top{
	
}
.right-tab-menu-botoom{
	
}
.right-tab-menu-item{
	display: block;
	padding: 8px 0;
	margin-bottom: 18px;
	border-radius: 10px;
	text-align: center;
	color: #6f7c87;
}
.right-tab-menu-item-icon{
	
}
.right-tab-menu-item-text{
	font-size: 12px;
}
.right-tab-menu-item.on{
	color: #01d6e8;
}
.right-tab-cont{
	background: #f8fafc;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 350px;
	opacity: 1;
	z-index: 10;
	display: flex;
}
.duanyu{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.search2{
	height: 48px;
	background: #edf2f8;
	border-radius: 10px;
	display: flex;
	align-items: center;
	color: #1fcaf6;
}

.search-button{
	width: 40px;
	text-align: center;
}
.duanyu-menu{
	height: 58px;
	border-bottom: 1px solid #dbdfe5;
	display: flex;
}
.duanyu-menu-item{
	margin: 0 20px;
	height: 58px;

	color: #6f7c87;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.duanyu-menu-item.on{
	color: #00cee5;
	border-bottom: 2px solid #00cee5;
}

.duanyu-cont{
	flex-grow: 1;
	overflow: auto;
	position: relative;
}
.duanyu-group-name{
	/* background-color: #fff; */
	border-bottom: 1px solid rgba(0,0,0,.06);
	color: rgba(0,0,0,.85);
	cursor: pointer;
	display: flex;
	font-size: 14px;
	height: 50px;
	line-height: 20px;
	padding: 15px;
	font-weight: bold;
}

.duanyu-group-name-icon{
	margin-right: 8px;
}
.duanyu-group-name .icon-xuanzeqixiayige{
	display: block;
	transition: transform 0.5s, top 0.5s;
}
.duanyu-group-name.on .icon-xuanzeqixiayige{
	transform: rotate(90deg);
}

.duanyu-group-cont{
	display: none;
	background: #f7f9fc;
}
.duanyu-group-item{
	display: flex;
	border-bottom: 1px solid rgba(0,0,0,.06);
}
.duanyu-group-item-text{
	font-size: 14px;
	padding:15px 15px 15px 40px;
	cursor: pointer;
}
.duanyu-group-item-text .t1{
	font-size: 14px;
	color: #333333;
}
.duanyu-group-item-text .t2{
	margin-top: 10px;
	line-height: 1.6;
	color: #6f7c87;
	font-size: 12px;
}
.duanyu-group-item-btn{
	display: none;
	flex-shrink: 0;
	padding: 0 10px;
	position: relative;
	align-items: center;
}
.duanyu-group-item:hover .duanyu-group-item-btn{
	display: flex;
}
.duanyu-group-item-btn:before {
	background: linear-gradient(270deg,hsla(0,0%,77%,.2),hsla(0,0%,77%,0));
	content: "";
	left: -10px;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
}
.duanyu-group-item-btn-item{
	color: #01d6e8;
	cursor: pointer;
	flex-shrink: 0;
	font-size: 12px;
	padding: 16px 6px;
	position: relative;
}
.duanyu-group-item-btn-item:hover{
	color: #65b7fd;
}
.duanyu-bottom{
	border-top: 1px solid #edeef0;
	height: 52px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.duanyu-bottom-item{
	color: #01d6e8;
	flex: 1;
	font-size: 14px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	width: 50%;
	border-right: 1px solid rgba(0,0,0,.06);
}
/**/
.beianIcon{
	width: 60px;
	height: 60px;
	border-radius: 10px;
	background: #dff0ff;
	color: #61b6ff;
	display: flex;
	align-items: center;
	justify-content:center;
}
.e5e-tab-menu{
	padding:0 20px;
	height: 60px;
}
.e5e-tab-menu .e5e-tab-menu-item{
	padding: 0 20px;;
}
/*登录*/
.kf-login{
	min-height: 500px;
	background: #ffffff;
	display: flex;
	border-radius: 20px;
	overflow: hidden;
}
.kf-login-pic{
	width: 600px;
	background: #f5faff;
	display: flex;
	flex-direction: column;
}
.kf-login-pic-cont{
	flex: 1;
}
.kf-login-cont{
	padding:20px 40px;
	width: 470px;
}
.login-tit{
	display: flex;
	align-items: center;
	/* justify-content: center; */
	padding: 40px;
	font-size: 18px;
}
.login-tit-item{
	padding: 0 40px 0 0;
	cursor: pointer;
}
.login-tit-item.on{
	color: #01d6e8;
	font-weight: bold;
}
.login-tit .login-tit-item:last-child{
	border-right: none;
}
.login-item{
	height: 48px;
	border: 1px solid #dbdfe5;
	padding:0 15px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-size: 14px;
}
.login-item .iconfont{
	font-size: 18px;
	color: #01d6e8;
}
.login-inline {
  flex: 1;
	margin: 0 10px;
}
.login-input {
	width: 100%;
	display: block;
	height: 40px;
	border: none;
	background-color: #fff;
	font-size: 16px;
}
.login-yzm{
	padding-left: 15px;
	height: 46px;
	line-height: 46px;
	border-left: 1px solid #dbdfe5;
}
.login-yzm:hover {
cursor: pointer;
}
.e5e-roll{
	flex: 1;
	overflow-y: auto;
}
/*---滚动条大小--*/  
.e5e-roll::-webkit-scrollbar{
	width:4px;
	height:4px;
}  
/*---滚动框背景样式--*/  
.e5e-roll::-webkit-scrollbar-track-piece{
	background-color: inherit;
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
}
/*---滚动条默认显示样式--*/  
.e5e-roll::-webkit-scrollbar-thumb{
	/* background-color:rgba(0,0,0,.2); */
	height:50px;
	outline-offset:-2px;
	outline:2px solid rgba(0,0,0,.1);
	-webkit-border-radius:4px;
	  -moz-border-radius:4px;
	}  
/*---鼠标点击滚动条显示样式--*/  
.e5e-roll::-webkit-scrollbar-thumb:hover{
	background-color:rgba(0,0,0,.4);
	height:50px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}  

.e5e-column{
	display: flex;
	flex: 1;
	flex-direction: column;
	overflow: hidden;
	
}
/*宽度设置*/
.w-100,.w-150,.w-200{
	flex: none !important;
	flex-shrink: 0;
}
.w-100{
	width: 100px;
}
.w-150{
	width: 150px;
}
.w-200{
	width:20px;
}
.w-auto{
	flex-shrink: 0;
	width: auto !important;
}
.has-ys8{
	border: 1px solid #ffe4e0;
	background-color: #ffe4e0;
	color: #ff4642;
}
.has-ys9{
	border: 1px solid #eff8ff;
	background-color: #eff8ff;
	color: #01d6e8;
}

/*翻页*/
.e5e-page{
	font-size: 14px;
	color: #6f7c87;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:10px;
}

.e5e-page-ys1{
	
}
.e5e-page-item{
	display:flex;
	align-items: center;
	justify-content: center;
	margin: 0 6px;
	height: 26px;
	line-height: 26px;
	padding: 0 8px;
	border-radius: 5px;
	color: #666;
	font-size: 14px;
	color: #9badba;
	border: 1px solid #e7edf6;
	cursor: pointer;
}
.e5e-page-item.on{
	border-color: #01d6e8;
	background: #f1f9ff;
	color: #01d6e8;
}
.e5e-page-item:hover{
	color: #01d6e8;
}
/*表格*/
.e5e-nowrap{
	white-space: nowrap;
}
.e5e-table{
	width: 100%;
}
.e5e-table th{
	white-space: nowrap;
	font-weight: normal;
	position: relative;
}
.e5e-table th:hover .rotateMore,
.open .rotateMore {
	display: inline-block;
	transform: rotate(180deg);
}
.e5e-table th:hover .e5e-screen{
	display: block;
}

.e5e-table-ys1 {
	overflow-x: auto;
	font-size: 12px;
	border-top: 1px solid rgba(0,0,0,.06);
	border-left: 1px solid rgba(0,0,0,.06);
}
.e5e-table-ys1 tr:hover {
	background-color: #def0ff;
}

.e5e-table-ys1 th {
	padding: 20px 10px;
	color: #6f7c87;
	text-align: left;
	background: #f0f3f6;
	
}

.e5e-table-ys1 td {
	max-width: 200px;
	padding:15px 10px;
	border-bottom: 1px solid rgba(0,0,0,.06);
	border-right: 1px solid rgba(0,0,0,.06);
	color: #333333;
}

.e5e-table-ys1 .table-check {
	width: 20px;
}


.e5e-table-ys2 {
	overflow-x: auto;
}
.e5e-table-ys2 tr:hover {
	background-color: #fafafa;
}

.e5e-table-ys2 th {
	padding: 10px 10px;
	color: #009daa;
	text-align: left;
	background: #eefcff;
	font-size: 14px;
	text-align: center;
}
.e5e-table-ys2 tr:nth-child(2n){
	background-color: #fafafa;
}
.e5e-table-ys2 td {
	max-width: 200px;
	padding:10px 10px;
	color: #333333;
	font-size: 14px;
	text-align: center;
}

.e5e-table-ys2 .table-check {
	width: 20px;
}
/*表单*/
.e5e-form{
	padding:20px 0;
}
.e5e-form .e5e-form-item-box{
	padding: 0 50px;
}
.e5e-form-item-box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 14px;
}

.e5e-form-item {
	width: 100%;
	padding: 10px;
	display: flex;
}
.e5e-form-item.ys2{
	margin-bottom: 10px;
	width: 100%;
	min-width: 100px;
	flex: 1;
	padding:0;
	border: 1px solid #cfd9df;
	border-radius: 5px;
}
.e5e-form-item.ys2 + .e5e-form-item.ys2{
	margin-left: 10px;
}
.e5e-form-item.ys2 .e5e-input{
	border: none;
}
.e5e-form-item.ys2 .e5e-form-item-label{
	width: auto;
	padding: 0 5px;
	border-right: 1px solid #cfd9df;
	justify-content: center;
}
.e5e-form-item-w-xxs {
	width: 250px;
}

.e5e-form-item-w-xs {
	width: 300px;
}

.e5e-form-item-w-s {
	width: 400px;
}

.e5e-form-item-w-m {
	width: 500px;
}

.e5e-form-item-w-l {
	width: 600px;
}

.e5e-form-item-w-xl {
	width: 800px;
}

.e5e-form-item-w-xxl {
	width: 100%;
}

.e5e-form-item-label {
	height: 25px;
	flex-shrink: 0;
	line-height: 1;
	text-align: right;
	position: relative;
	display: flex;
	align-items: center;
	color: #6f7c87;
}
.e5e-form-item>.e5e-form-item-label{
	padding: 0 10px 0 15px;
	width: 150px;
	height:40px;
}
.e5e-form-item-content {
	flex: 1;
	position: relative;
}

.e5e-form-item-content+.e5e-form-item-content {
	margin-left: 10px;
}

.e5e-input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding:0 10px;
	height:40px;
	border: 1px solid #cfd9df;
	background-color: #fff;
	border-radius: 5px;
	resize: none;
}

.e5e-textarea {
	height: 150px;
	padding-top:8px;
	padding-bottom:8px;
}

.e5e-form-require {
	margin-left: 5px;
	font-size: 12px;
}

.e5e-form-unit {
	height: 46px;
	line-height: 46px;
	padding: 0 10px;
	display: flex;
	align-items: center;
}
.e5e-form-item-content .e5e-form-unit{
	position: absolute;
	right: 0px;
	top: 0;
}
.e5e-form-mid {
	padding:6px;
	line-height:23px;
	color: #999;
}

.e5e-form-tips {
	margin-top: 7px;
	font-size: 13px;
	color: #9badba;
}

.e5e-form-item-content .file-imgList-item {
	margin-left: 0;
}

.e5e-form-item-content .e5e-btn,
.e5e-form-item-content .e5e-tag {
	margin-left: 0;
}

.e5e-form-item-h-s {
	font-size: 13px;
}

.e5e-form-item-h-s .e5e-form-item-label,
.e5e-form-item-h-s .e5e-input {
	height: 30px;
}

.e5e-form-item-h-m {
	font-size: 14px;
}

.e5e-form-item-h-m .e5e-form-item-label,
.e5e-form-item-h-m .e5e-input {
	height: 36px;
}
.e5e-label {
	display: inline-flex;
	padding: 8px 20px 8px 0;
	line-height: 20px;
}
.option{
	float: left;
}
.e5e-select,
.select {
	position: relative;
	cursor: pointer;
}

.e5e-select:after,
.select:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -2px;
	border-top: 5px solid #cfd9df;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.e5e-input.e5e-select,
.e5e-select>.e5e-input{
	padding-right:30px;
}
/*下拉菜单*/

.e5e-select-text {
	padding: 0 10px 0 0;
	height:inherit;
	line-height: 40px;
	
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.e5e-select-ul {
	display: none;
	position: absolute;
	z-index: 11;
	top:100%;
	left: -1px;
	right: -1px;
	min-width: 134px;
	max-height: 300px;
	overflow-y: auto !important;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background:inherit;
	

	border: 1px solid #e4e7ed;
	border-radius: 4px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	margin:8px 0;
}
.e5e-select-ul:after {
	content: " ";
	position: absolute;
	display: block;
	top:-6px;
	left: 35px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
	margin-right: 3px;
	border-top-width: 0;
	border-bottom-color: #ebeef5;
}
.e5e-select-ul li {
	line-height: 36px;
	text-indent: 10px;
}

.e5e-select-ul li:hover {
	background: rgba(153, 153, 153, 0.1);
}

.e5e-select-ul li.cur {
	background:rgba(153, 153, 153, 0.2);
}
/*文件上传显示文件名称*/
.e5e-file-box {
	position: relative;
}

.e5e-file-btn {
	position: absolute;
	z-index: 1;
	right: 1px;
	top: 1px;
	bottom: 1px;
	border-radius: 0;
}

/*证件图片上传*/
.img_wp {
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	position: relative;
}

.img_wp+.img_wp {
	margin-left: 10px;
}

.img_wp img {
	width: 200px;
	max-height: 150px;
}

.img_intro {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 5px;
	background: rgba(0, 0, 0, 0.4);
	font-size: 11px;
	color: #fff;
}


.e5e-modular-md{
	padding: 0 40px;
}


/*筛选*/
.e5e-screen {
	position: absolute;
	z-index: 1;
	background: #fff;
	box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
	border: 1px solid #ddd;
	/*margin: 10px 0;*/
	display: none;
}

.e5e-screen ul {
	width: 160px;
}

.e5e-screen li {
	padding: 10px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px;
	display: flex;
	align-items: center;
	color: #666;
}
.e5e-screen li a{
	color: inherit;
	display: block;
	flex: 1;
}
.e5e-screen li:last-child {
	border-bottom: none
}

.e5e-screen li .icon-gouxuan {
	margin-left: auto;
	display: none
}

.e5e-screen li.on {
	color: #01d6e8;
}

.e5e-screen li.on .icon-gouxuan {
	display: block;
	color: #01d6e8;
}

.e5e-screen .triangle-up {
	position: absolute;
}
.triangle-up {
	width: 16px;
	height: 10px;
	position: relative;
}

.triangle-up:before,
.triangle-up:after {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border: 8px dashed transparent;
	border-bottom-style: solid;
	border-width: 0 8px 8px;
	pointer-events: none;
}

.triangle-up:before {
	border-bottom-color: #ddd;
}

.triangle-up:after {
	top: 1px;
	border-bottom-color: #fff;
}
.e5e-screen-bottomLeft {
	top: 100%;
	left: 0;
}

.e5e-screen-bottomLeft .triangle-up {
	left: 15px;
	top: -9px;
}

.e5e-screen-bottomCenter {
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
}

.e5e-screen-bottomCenter .triangle-up {
	left: 50%;
	top: -9px;
	transform: translate(-50%, 0);
}

.e5e-screen-bottomRight {
	top: 100%;
	right: 0;
}

.e5e-screen-bottomRight .triangle-up {
	right: 15px;
	top: -9px;
}

.e5e-screen-topLeft {
	bottom: 100%;
	left: 0;
}

.e5e-screen-topLeft .triangle-up {
	left: 15px;
	bottom: -9px;
	transform: rotate(180deg);
}

.e5e-screen-topCenter {
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, 0);
}

.e5e-screen-topCenter .triangle-up {
	left: 50%;
	bottom: -9px;
	transform: translate(-50%, 0) rotate(180deg);
}

.e5e-screen-topRight {
	bottom: 100%;
	right: 0;
}

.e5e-screen-topRight .triangle-up {
	right: 15px;
	bottom: -9px;
	transform: rotate(180deg);
}
.rotateMore{
	display: inline-block;
	transition: transform .5s;
}
.e5e-modular-hd.ys2{
	padding: 40px 0 20px 40px;
}
.gdznt{
	padding: 15px;
}
.gdznt-item{
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 16px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.gdznt-item.ys2{
	padding: 10px;
	background: #ffffff;
	border-radius: 10px;
}
.gdznt-item.ys2 .gdznt-item-img{
	width: 66px;
	height: 66px;
	border-radius: 99px;
}
.gdznt-item.on,.gdznt-item:hover{
	background: #e6edf5;
	border-radius: 10px;
}
.gdznt-item.on .gdznt-item-text{
	font-weight: 600;
}
.gdznt-item-img,.gdznt-item-icon{
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 30px;
	object-fit: cover;
	margin-right:8px;
	
}
.gdznt-item-icon2{
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.gdznt-item-icon{
	background: #f5f7fa;
	color: #717e89;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.gdznt-item-icon .icon-liebiao{
	font-size: 14px;
}
/*AI*/
.logo{
	padding: 20px 16px;
	height: 50px;
	display: flex;
	align-items: center;
	box-sizing: content-box;
}
.logo img{
	width: 60%;
	
}
.tc-item{
	width: 400px;
	padding:40px 0 20px;
	margin:0 20px 20px 0;
	border: 1px solid #dbdfe5;
	border-radius: 20px;
}
.tc-d1{
	text-align: center;
}

.tc-d1-p{
	font-size:50px;
	font-weight: bold;
}
.tc-d2{
	margin-top: 5px;
	text-align: center;
	font-size: 18px;
	color: #849aac;
}

.tc-item-cont-item{
	margin:10px 45px;
	color: #6f7c87;
	font-size: 16px;
	line-height: 1.4;
	display: flex;
	align-items: center;
}
.tc-item-cont .ico-dian{
	flex-shrink: 0;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 5px;
	background:#00d5d8 ;
	margin-right: 10px;
}
.tc-goumai-btn{
	margin:30px auto;
	width: 240px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 30px;
	background:linear-gradient(to right, #00e8ca,#009dff);
	font-weight:bold;
	font-size: 18px;
	color: #ffffff;
	cursor: pointer;
	
}
.tc-goumai-btn.no{
	background: #dbdfe5;
	font-weight: 400;
}
.msgList-item-tips .icon-fuzhi{
	/* padding: 3px 10px;
	border-radius: 15px;
	background: #dbdfe5;
	color: #333333; */
}
.msgList-item-tips .icon-zanting{
	padding: 3px 10px;
	border-radius: 15px;
	background: #dbdfe5;
	color: #333333;
	cursor: pointer;
}
.tipsTag{
	margin-left: 10px;
}
.msgList-item-tips .tipsTag{
	padding: 3px 10px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	background: #efeff4;
	color: #6a7279;
	font-size: 13px;
	cursor: pointer;
}
.msg-top-itemBox{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	border-radius: 14px;
	background: #245482;
}
.msg-top-item{
	margin: 2px;
	padding: 0 10px 0 5px;
	height: 44px;
	line-height: 40px;
	border-radius: 12px;
	/* border-right: 1px solid #efeff4; */
	cursor:pointer;
	color: #ffffff;
}
.msg-top-item:last-child{
	border-right: none;
}
.msg-top-item.on,.msg-top-item:hover{
	background: #eefcff;
	border-right: none;
	color: #000;
}
.AIicon{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(AIicon.png);
}
.AIicon01{
	background-position: 0 0;
}
.AIicon02{
	background-position: -30px 0;
}
.AIicon03{
	background-position: -60px 0;
}
.AIicon04{
	background-position: -90px 0;
}
.AIicon05{
	background-position: -120px 0;
}
.AIicon06{
	background-position: -150px 0;
}
.AIicon07{
	background-position: -180px 0;
}
.wenjian-hd{
	padding: 40px 0 10px;
	margin: 10px 15px;
	border-bottom: 1px solid #efeff4;
	font-weight: bold;
}
.wenjian-item{
	display: flex;
	align-items: center;
	padding: 10px 15px;
}
.wenjian-item-icon{
	width: 20px;
	margin-right: 5px;
}
.wenjianBox{
	margin: 15px;
	height: 200px;
	border-radius:10px;
	background: #f5f7fa;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content:center;
	color: #849aac;
}
.wenjianBox p{
	padding: 5px;
}

.msg-left,.right-tab-cont{
	transition: all .3s;
	/* overflow: hidden; */
}
.msg-left.shousuo{
	margin-left: -280px;
}
.right-tab-cont.shousuo{
	width: 0;
	opacity: 0;
}
.iconfont{
	display: inline-block;
	transition: all .3s;
}
.iconfont.reverse{
	transform:rotate(180deg);
}


.shuruzhong{
	display: inline-block;
	height:30px;
	line-height: 1;
	text-align: left;
	vertical-align: -0.25em;/* 属性设置元素的垂直对齐方式。指定为负长度，可以使元素降低 */
	overflow: hidden;
}
.shuruzhong::before{
	display: block;
	content: '...\A..\A.';
	white-space: pre-wrap;/* 保留空白符序列 */
	animation: dian 3s infinite step-start both;
	font-size: 30px;
}
@keyframes dian{
	33%{ transform: translateY(-2em); }
	66%{ transform: translateY(-1em); }
}

.msg-left{
	position: relative;
}
.logo,.msg-left-top,.msg-menu-tab{
	overflow: hidden;
}

.msg-left div{
	overflow: hidden;
}
.shousuoBtn{
	position: absolute;
	top: 100px;
	z-index: 100;
	right: -26px;
	width: 26px;
	height: 82px;
	border-radius: 0 10px 10px 0;
	background:linear-gradient(to bottom, #009faa 0%,#0089a1 30%, #0086a1 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color:#ffffff ;
	cursor: pointer;
}
.shousuoBtn.ys1{
	right: -26px;
}
.shousuoBtn.ys2{
	left: -26px;
	border-radius: 10px 0 0 10px;
}



/*数字人部分*/
.e5e-h-full {
	height: 100% !important;
}
.e5e-w-full {
	width: 100% !important;
}
.e5e-tag{
	cursor: pointer;
}
.ysg1 {
	background: linear-gradient(to right, #00d1d7, #00a0fd);
	color: #fff;
	border: none;
}
.ysg2 {
	background: linear-gradient(to right, #64a8ff, #1e92ff);
	color: #fff;
	border: none;
}
.ysg3 {
	background: linear-gradient(to right, #00e994, #16caf0);
	color: #fff;
	border: none;
}
.ai-modular-hd {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding:12px 15px;
}

.ai-modular-md,.e5e-modular-md {
	padding:15px;
	flex:1;
	overflow-y: auto;
}

.ai-modular-fd {
	display: flex;
	align-items: center;
	padding: 15px;
	flex-shrink: 0;
}
.is-pointer{
	cursor: pointer;/*鼠标事件*/
}
/*透明度*/
.is-opacity{
	opacity: .7;
}
.is-opacity-5{
	opacity: .5;
}
input[type="color"]{
	width: 100%;
	height: 100%;
	border: none;
}

/* 滑动条 */
input[type="range"]{
	-webkit-appearance: none;
	width: 100%;
	height: 6px;
	background:linear-gradient(to right,#10bbfd, #61bd12) no-repeat, #dbdfe5;  
	outline: none;
	border-radius: 5px;
	transition: all .2s;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 16px;
	height: 16px;
	border: 2px solid #95d86d;
	border-radius: 20px;
	background: #fff;
	cursor: pointer;
}
.e5e-slider-value{
	width:48px;
	box-sizing: border-box;
	height:28px;
	line-height: 26px;
	border: 1px solid #dbdfe5;
	background-color: #fff;
	border-radius: 6px;
	resize: none;
	text-align: center;
}

/****PC端 外层布局*****/
.e5e-web{
	transition: all 0.1s ease-out 0s;
	overflow: hidden;
}
.e5e-layout {
	display: flex;
}
.e5e-hd {
	flex-shrink: 0;
	position: relative;
	z-index: 5;
}
.e5e-hd-cont{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background:var(--main_bg);
	height: 60px;
	color: #fff;
}
.e5e-hd.is-shadow,
.e5e-hd-cont.is-shadow{
	box-shadow: 0px 0px 10px 0px rgba(219, 223, 229, 0.75);
}
.e5e-hd-cont img{
	max-height: 40px;
}
.e5e-hd-cont>div{
	display: flex;
	align-items: center;
}
.e5e-cd {
	flex: 1;
	display: flex;
	overflow: hidden;
}
.e5e-ad {
	flex-shrink: 0;
	display: flex;
}
.e5e-ad-cont{
	position: relative;
}
.e5e-md {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.e5e-fd {
	flex-shrink: 0;
}
.e5e-cont{
	overflow-y: auto;
}
.e5e-right-cont{
	width: 400px;
	height: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	transition: all .3s;
}
.e5e-right-cont.shrink{
	margin-right:-400px;
}
.e5e-shrink-btn-left{
	position: absolute;
	top: 160px;
	z-index: 1;
	width: 16px;
	height: 81px;
	line-height: 81px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.e5e-shrink-btn-right{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	width: 40px;
	height: 81px;
	line-height: 81px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.e5e-shrink-btn-left{
	right: -16px;
	background: url(e5e-shrink-btn-left.png) no-repeat;
}
.e5e-shrink-btn-right{
	background: url(e5e-shrink-btn-right.png) no-repeat;
}
.e5e-shrink-btn>.iconfont{
	display: inline-block;
}
.e5e-shrink-btn-right>.iconfont{
	display: inline-block;
	transform: rotate(180deg);
}
.e5e-shrink-btn-left>.iconfont.rotate {transform: rotate(180deg);}
.e5e-shrink-btn-right>.iconfont.rotate{
	transform: rotate(0deg);
}
.e5e-shrink-btn-left.white{
	background: url(e5e-shrink-btn-left-white.png) no-repeat;
	color: #6f7c87;
}
.e5e-shrink-btn-right.white{
	background: url(e5e-shrink-btn-right-white.png) no-repeat;
	color: #6f7c87;
}

/*左侧/右侧导航*/
.e5e-vertical-nva {
	position: relative;
	z-index: 2;
	width:80px;
	background:var(--main_bg2);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.e5e-vertical-nva.is-shadow{
	box-shadow: 0px 0px 10px 0px rgba(127, 127, 127, 0.75);
}
.e5e-vertical-nva.ys1{
	background: #f5f7fa;
	color: #6f7c87;
}
.e5e-vertical-nva.ys2{
	border-left: 1px solid rgba(0,0,0,.06);
	background: #f7f7f7;
	color: #6f7c87;
}
.e5e-vertical-nva>ul{
	padding:5px 10px;
}
.e5e-vertical-nva>ul>li{
	margin-top: 15px;
	padding:11px 0;
	border-radius: 10px;
	opacity: .9;
	text-align: center;
	cursor: pointer;
	position: relative;
	transition: all .2s;
}
.e5e-vertical-nva>ul>li.on {
	color: #ffffff;
	background:rgba(0, 0, 0, .3);
	opacity:1;
}
.e5e-vertical-nva.ys1>ul>li.on{
	color:var(--main_color,#00cee5);
	background: none;
}
.e5e-vertical-nva>ul>li .name {
	margin-top: 3px;
	flex: 1;
	font-size: 12px;
	transition: all .2s;
}
.e5e-vertical-nva>ul>li .e5e-icon {
	text-align: center;
	font-size: 20px;
}
.user-info{
	padding: 15px 20px;
	display: flex;
	align-items: center;
}
.user-info-text{
	
}
.tc-yue{
	display: flex;
	align-items: center;
	font-size: 12px;
}
.tc-yue-item{
	padding-left: 20px;
	flex: 1;
	position: relative;
}
.tc-yue-item::before{
	content: '';
	position: absolute;
	width: 1px;
	height: 12px;
	bottom: 0;
	left:0;
	top: 50%;
	margin-top:-6px;
	background-color: rgba(255, 255, 255, .3);
}
.tc-yue-item:first-child::before{
	display: none;
}
.tc-yue-item>.t1{
	opacity: .8;
}
.tc-yue-item>.t2{
	margin-top:8px;
}


.szr-left{
	width: 300px;
	height: 100%;
	background-color: #003b74;
	color: #bfc8e0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	transition: all .3s;
}
.szr-left.shrink{
	margin-left: -300px;
}
.szr-right{
	width:400px;
	height: 100%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	/* position: relative; */
	transition: all .3s;
}
.szr-right.shrink{
	margin-right:-400px;
	/* margin-right: -100%;
	width: 0; */
}
.szr-center{
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 0px 40px;
	overflow: hidden;
	position: relative;
}
.szr-center-hd{
	
	flex-shrink: 0;
	height: 88px;
	border-bottom: 1px solid rgba(153, 153, 153, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
}

.szr-nva{
	position: relative;
	z-index: 2;
	height: 48px;
	border-radius: 14px;
	overflow: hidden;
	background: #245482;
	color: #ffffff;
	display: inline-flex;
/* 	align-items: center;
	justify-content: center; */
}
.szr-nva-item{
	width: 140px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	opacity: .8;
	font-size: 16px;
	cursor: pointer;
}
.szr-nva-item-bg{
	position: absolute;
	z-index: 2;
	top: 0;
	left:0px;
	bottom:0;
	transition: all .3s;
	border-radius: 10px;
	width: 132px;
	margin: 4px;
	background:#eefcff;
	
}
.szr-nva-item>div{
	position: relative;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.szr-nva-item .iconfont{
	font-size: 20px;
	margin-right: 5px;
}
/* .szr-nva-item::before{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 50%;
	transform:translateY(-50%);
	width: 1px;
	height: 20px;
	background: rgba(255,255,255,.3);
	transition: all .3s;
}
.szr-nva-item::after{
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	z-index: 2;
	content: '';
	border-radius: 50px;
	display: block;
	position: absolute;
	transition: all .3s;
} */
.szr-nva-item.on{
	opacity: 1;
	color: #245482;
}
.szr-nva-item.on::after{
	/* top: 0;
	left: -4px;
	right: 0;
	bottom: -4px;
	width: 148px;
	height: 100%;
	transform:translateY(0%);
	background:linear-gradient(to right, #00e8ca,#009dff); */
}

.szr-center-hd2{
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.szr-center-hd2.position{
	position: absolute;
	top: 4px;
	left: 40px;
	right: 40px;
}

.szr-center-hd2>.left,
.szr-center-hd2>.right,
.szr-center-hd2>.center{
	display: inline-flex;
	align-items: center;
}

.szr-center-fd{
	margin-bottom: 20px;
	border-radius: 20px;
	background: #ffffff;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 8px 1px #f0f0f0;
	position: relative;
	transition: all .3s ;
}
.szr-center-fd.shrink{
	margin-bottom: -240px;
}
.szr-center-fd-colse{
	position: absolute;
	right: -10px;
	top: -10px;
	background: rgba(0, 0, 0, .5);
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 40px;
	color: #fff;
}
.szr-center-fd-hd{
	height: 60px;
	border-bottom: 1px solid rgba(153, 153, 153, 0.1);
	display: flex;
	align-items: center;
}
.szr-center-fd-hd .icon-item{
	position: relative;
	margin-left: 20px;
	color: #9aa6c5;
	cursor: pointer;
	font-size: 24px;
}
.szr-center-fd-md{
	display: flex;
	align-items:center;
	padding: 20px;
	justify-content: space-between;
}
.szr-progress{
	padding: 0 20px;
	flex: 1;
}
.szr-center-fd-fd{
	display: flex;
	align-items: center;
	padding:0 20px 20px;
}
.editBottom-bofang{
	width: 110px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	margin-right: 10px;
	border: 2px solid #ffffff;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.editBottom-item{
	width: 160px;
	height: 90px;
	margin-right: 10px;
	border: 2px solid #bff9ff;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.editBottom-item img{
	max-width: 100%;
	max-height: 100%;
}
.editBottom-item.on{
	border-color:#09d8ef ;
}
.editBottom-item.on .editBottom-item-num{
	background: #09d8ef;
}
.editBottom-item-num{
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
	background: #bff9ff;
	line-height: 22px;
	border-radius: 0px 0 10px 0;
	color: #ffffff;
	text-align: center;
}
.qiehuan{
	position: relative;
	width: 1px;
	height: 90px;
}
.qiehuan-icon{
	left: -21px;
	top: 50%;
	position: absolute;
	z-index: 1;
	max-width: 33px;
	width: 33px;
	height: 33px;
	margin-top: -16px;
}
.qiehuan-cont{
	left:-100px;
	top: -200px;
	position: absolute;
	z-index: 2;
	width: 220px;
	height: 220px;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 0 5px rgb(0 0 0 / 20%);
	transition: all .2s; 
	transform: scale(0);
	opacity: 0;
}
.qiehuan-cont.shrink{
	transform: scale(1);
	opacity: 1;
}
.qiehuan-cont-title{
	padding: 10px 15px 5px;
	font-size: 16px;
}
.qiehuan-item{
	width: 33.3%;
	padding: 5px;
	text-align: center;
}
.qh_dh_icon{
	margin: auto;
	width: 48px;
	height: 48px;
	border-radius: 6px;
	background: #f2faff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qiehuan-item.on{
	color: #00d2e9;
}
.qiehuan-item.on .qh_dh_icon{
	border: 2px solid #00d2e9;
}
.qh_dh_name{
	margin-top: 5px;
	font-size: 14px;
}

.editBottom-add{
	width: 90px;
	height: 90px;
	border-radius: 10px;
	background-color: #e7fdff;
	color: #00d9f1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.editBottom-add .icon-jiahao1{
	font-size: 38px;
}


/*数字人形象*/
.szr-xingxiangzhao{
	display: block;
	padding: 0;
	margin:0 5px 10px;
	border: 3px solid #003b74;
	border-radius: 10px;
	overflow: hidden;
	transition: all .3s;
	background: rgba(0, 0, 0, .3);
}
.szr-xingxiangzhao-txt{
	padding: 10px;
}
.szr-xingxiangzhao .e5e-imgs-item-img{

	height:170px;
}
.szr-xingxiangzhao .e5e-imgs-item-img>img{
	transition: all .3s;
}
.szr-xingxiangzhao:hover .e5e-imgs-item-img>img{
	transform: scale(1.05);
}
.szr-xingxiangzhao:hover,.szr-xingxiangzhao.on{
	border-color:#00c1ff ;
	
}

/*数字人编辑视图区*/
.editIconsong{
	position: absolute;
	top:10px;
	left: 15%;
	z-index: 10;
	cursor: move;
}
.editIconBox{
	position: absolute;
	flex: 1;
	padding: 10px;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	top: 10px;
	z-index: 99;
	cursor: move;
}
.editIcon-item{
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.editPreviewBox{
	display: flex;
	justify-content: center;
	align-items: center;
}
.editPreview-cont{
/* 	width:40%; */
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
}
.editPreview,.szrPreview{
	position: absolute;
 	width: 1080px;
	height: 1920px;
	/* height: 0;
	padding-bottom:178%; */
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	/*overflow: hidden;*/
	transition: all .3s;
	transform: scale(0.419792);
}

.editPreview_16b9{
	width: 1920px;
	height: 1080px;
	transform: scale(0.373148);
	/* padding-bottom:56.2%; */
	/* aspect-ratio: 16/9;//调节比例，但存在兼容问题 */
}
.editPreview_9b16{
	width: 1080px;
	height: 1920px;
	transform: scale(0.419792);
	/* aspect-ratio: 9/16;//调节比例，但存在兼容问题 */
}
.szrPreview{
	transform: scale(0.373148);
}
.editPreview>*{
	cursor: move;
}
.editPreview>*:active,
.editPreview>*:focus{
	border: 2px solid #09d8ef;
}
.bili{
	/* width: 88px;
	position: absolute;
	right:5px;
	z-index:9; */
}
.szr-nva-item0{
		width: 48px;
		height: 48px;
		border-radius: 10px;
		background: #fff;
		margin: 10px;
		border:2px solid #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		cursor: pointer;
	}
	.szr-nva-item0.on{
		border-color: #16c9f0;
	}
.bili-item{
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: #fff;
	margin: 10px;
	border:2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}
.bili-item.on{
	border: 2px solid #00d9f1;
}

.bl_9b16,.bl_16b9{
	display: block;
	margin:0 auto;
	border: 2px solid #333333;
	border-radius: 4px;
}
.bl_9b16{
	width: 16px;
	height: 28px;
}
.bl_16b9{
	width: 28px;
	height: 16px;
}

.editMedium{
	margin: 10px auto 0;
	width: 750px;
}
.editMedium-item{
	display: inline-flex;
	align-items: center;
	padding: 10px;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	
}

/*背景颜色编辑*/
.yanse{
	margin: 5px;
	width: 36px;
	height: 36px;
	border: 2px solid transparent;
	border-radius: 6px;
	cursor: pointer;
}
.yanse.on{
	border: 2px solid #fff;
}
/*音乐编辑*/
.yingyue-itme{
	margin: 10px;
	padding: 10px 20px;
	min-height: 60px;
	border-radius: 10px;
	background: #002d58;
	display: flex;
	align-items: center;
	color: #bfc8e0;
	position: relative;
}
.yingyue-itme.on{
	border:2px solid #00c1ff;
	color: #fff;
}
.yingyue-itme.on .icon-duigouxiao{
	color: #00c1ff;
}
.icon_bofang {
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	justify-content:center;
	width: 16px;
	height: 20px;
	border-radius: 50%;
}

.icon_bofang .item {
		border-radius: 8px;
		width: 2px;
		margin:0 1px 20%;
		background-color: #fff;
		display: inline-block;
		animation: move 1s linear infinite;
}

@keyframes move {
	0%,
	100% {
		height:10%;
	}
	50% {
		height:60%;
	}
}
.icon_bofang .item:nth-child(2) {
	animation-delay: 0.3s;
}
.icon_bofang .item:nth-child(3) {
	animation-delay: 0.6s;
}

/*文本编辑*/
.wenben-itme{
	margin:10px 10px 0;
	padding: 10px 20px;
	border-radius: 10px;
	background: #002d58;
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content:center;
	color: #bfc8e0;
	position: relative;
}
 .wenben-itme.ys2{
	padding:20px;
 }
 .wenbenys-iconBox{
	width: 30px;
	height: 30px;
	margin-top: 15px;
	border: 1px solid #dbdfe5;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
 }
 .wenbenys-iconBox + .wenbenys-iconBox{
	 margin-left: 10px;
 }
.wenbenys-iconBox i{
	font-size: 20px;
	color: #303030;
}
/*我的*/
.wode-info{
	padding-left:20px;
	display: flex;
	flex-wrap: wrap;
	color: #6f7c87;
	font-size: 14px;
}
.wode-info-item{
	width: 50%;
	padding: 10px;
}
.quanyi-date{
	flex: 1;
	padding: 20px;
	border-radius: 10px;
	margin: 5px;
	background: linear-gradient(to right,#00d9ae,#16b5ef);
	color: #fff;
	white-space: nowrap;
}
.quanyi-date-t1{
	font-size: 22px;
	font-weight: bold;
}
.quanyi-date-t2{
	display: flex;
	align-items: center;
	font-size: 12px;
}
.paixuIcon{
	display:inline-block;
	line-height: .8;
	vertical-align:middle;
	color: #9badba;
	transform:scale(0.8);
}
.paixuIcon i{
	display: block;
}
.cxdata{
	display: flex;
	align-items: center;
	height: 40px;
	border: 1px solid #cfd9df;
	border-radius: 5px;
}
.screenTable{
	cursor: pointer;
}
/*客服*/
.chatBox{
	position: absolute;
	z-index: 3;
	left:10px;
	bottom:50px;
	cursor:auto;
	transition: all .2s;
	transform: scale(0);
	opacity: 0;
}
.leftMenu-kefu.on .chatBox{
	transform: scale(1);
	opacity: 1;
}
.chat{
	width: 500px;
	height: 600px;
	overflow: hidden;
	border-radius: 20px;
	background-color: #fafafa;
	display: flex;
	flex-direction: column;
}
.chat-arrow{
	position: relative;
	bottom:2px;
	left: 22px;
	display: block;
	width: 10px;
	height: 10px;
}
.chat-arrow-icon {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #fafafa;
	pointer-events: auto;
	transform: translateY(-5px) rotate(45deg);
}
.chat-hd{
	padding: 20px 20px 40px;
	background: linear-gradient(145deg, #9edb94, #3fc1f1) !important;
	color: #fff !important;
}
.chat-md{
	margin-right:10px;
	border-radius: 20px;
	color: #677392;
	text-align: left;
}
.chat-bd{
	padding: 20px;
}
.chat-textarea-box {
	padding:3px 0;
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: 0 0 8px 1px #f0f0f0;
	color: #333333;
}
.chat-textarea {
	flex: 1;
	display: block;
	height: 20px;
	padding: 0 10px;
	line-height: 1.2;
	box-sizing: border-box;
	font-size: 16px;
	text-align: left;
}
.iconimg_fasong {
	flex-shrink: 0;
	display: block;
	width: 60px;
	height: 60px;
	background: url(iconImg_fasong.png) center no-repeat;
	background-size: 60px;
}




/* tabs */
.e5e-tabs {
	flex: 1;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.e5e-tabs-title {
	height: 40px;
	font-size:15px;
	display: flex;
	flex-shrink: 0;
}
.e5e-tabs-title .item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: .7;
	position: relative;
	cursor: pointer;
	transition: all .2s;
}
.e5e-tabs-title .item span{
	padding: 0 5px;
}
.e5e-tabs-title .item.on{
	opacity:1;
	
}
.e5e-tabs-title .item.on span{
	font-weight: 600;
}
.e5e-tabs-title .item:hover{
	opacity: 1;
}

.e5e-tabs-title .item .e5e-text-line{
	margin: 0 20px;
}
.e5e-tabs-title .item:last-child .e5e-text-line {
	display: none;
}

.e5e-tabs-title.ys1 {
	border-bottom: 1px solid rgba(153, 153, 153, 0.1);
}

.e5e-tabs-title.ys1 .item {
	margin:0 20px;
}
.e5e-tabs-title.ys1 .item:hover,.e5e-tabs-title.ys1 .item.on{
	color: var(--main_color,#00cee5);
}
.e5e-tabs-title.ys1 .item::after{
	content: '';
	position: absolute;
	width: 0px;
	bottom: 0;
	left: 50%;
	margin-left:0px;
	color:var(--main_color,#00cee5);
	border-bottom:2px solid var(--main_color,#00cee5);
	transition: all .3s; 
}

.e5e-tabs-title.ys1 .item.on::after,.e5e-tabs-title.ys1 .item:hover::after{
	width: 100%;
	margin-left: -50%;
}

.e5e-tabs-title.ys2 {
	margin: 0 10px;
	border-radius: 20px 20px 0 0;
	background: rgba(0, 0, 0, .3);
	color: #fff;
}
.e5e-tabs-title.ys2 .item{
	flex: 1;
	cursor: pointer;
	font-size: 14px;
}
.e5e-tabs-title.ys2 .item::before{
	content: '';
	position: absolute;
	width: 1px;
	height: 12px;
	bottom: 0;
	left:0;
	top: 50%;
	margin-top:-6px;
	background-color: rgba(255, 255, 255, .3);
}
.e5e-tabs-title.ys2 .item:first-child::before{
	display: none;
}
.e5e-tabs-title.ys2 .item::after{
	content: '';
	position: absolute;
	width: 0px;
	bottom: 0;
	left: 50%;
	margin-left:0px;
	color: var(--main_color,#00cee5);
	border-bottom:2px solid var(--main_color,#00cee5);
	transition: all .3s; 
}

.e5e-tabs-title.ys2 .item.on::after,.e5e-tabs-title.ys2 .item:hover::after{
	width: 30px;
	margin-left: -15px;
}
.e5e-tabs-content{
	flex: 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
}
.ai-tag{
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	padding: 0 10px;
	border-radius: 6px;
	font-size: 12px;
}

.ai-tag-m{
	height: 20px;
	padding: 0 5px;
	border-radius:3px;
}
.ai-tag-m{
	height: 20px;
	padding: 0 5px;
	border-radius:3px;
	background: rgba(0, 0, 0, .3);
	color: #04bdfd;
}
.ai-tag.on{
	background: rgba(0, 0, 0, .3);
	color: #04bdfd;
}
.ai-tag.ai-tag-green{
	background: #f4f9e9;
	color: #8bcd00;
	
}
.ai-search{
	border: 1px solid #0056a9;
	background: rgba(0, 0, 0, .3);
	height: 26px;
	border-radius: 99px;
	flex: 1;
	display:flex;
	align-items: center;
}
.ai-search-input{
	padding: 0 10px;
	background: none;
}
.ai-search-input::placeholder{
	color: inherit;
}
.szr-left-d1{
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: 1px solid #034687;
}
.szr-left-d2{
	padding:10px;
}

/*任务列表*/
.is-vertical {
	flex-direction: column !important;
}
.rwlist-right{
	width: 350px;
	padding: 20px;
	margin: 30px 30px 30px 0;
	box-shadow: 0px 0px 10px 0px rgba(219, 223, 229, 0.75);
	display: flex;
	flex-direction: column;
}
.rwlist-center{
	display: flex;
	flex-direction: column;
	flex: 1;
	margin: 30px 20px 30px 30px;
	box-shadow: 0px 0px 10px 0px rgba(219, 223, 229, 0.75);
	background: #ffffff;
	border-radius: 10px;
	position: relative;
}
.rwlist-right-cont{
	padding: 0;
}
.rwlist-right-cont .e5e-imgs-item:nth-child(2n+1){
	padding: 0 15px;
}
.rwlist-right-cont .e5e-imgs-item .e5e-imgs-item-img{
	height: 130px;
	border-radius: 6px;
}
.hechengpeizhi .e5e-list-item{
	margin-top: 10px;
}
.hechengpeizhi-peiying{
	margin-top: 5px;
	padding: 6px;
	background: #f5f7fa;
	border-radius: 6px;
	display: flex;
	align-items: center;
}
.hechengpeizhi-peiying-icon{
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	box-shadow: 0px 0px 5px 0px rgba(219, 223, 229, 0.75);
}
.e5e-tabs .e5e-list-item.on{
	background: rgba(0, 0, 0, .3);
}
.tag-item-icon{
	width: 30px;
	height: 18px;
	display: inline-block;
	line-height: 18px;
	border-radius: 3px;
	background: #00aeff;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
}
.tag-item-icon.vip{
	background: #ffb400;
}
.tool-item{
	width: 140px;
	padding: 20px;
	text-align: center;
}
.tool-item-icon{
	width: 60px;
	height: 60px;
	display: block;
	margin: auto;
}
.tool-item-icon img{
	width: 100%;
	height: 100%;
}
.tool-item-text{
	margin-top: 8px;
	font-size: 14px;
	color: #666;
}

.xiangce{
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	
}
.xiangce-item{
	margin: 5px;
	height: 180px;
	transition: all .1s;
}
.xiangce-item img{
	width: auto;
	height: 100%;
}
/*翻页*/
.e5epage{ padding:20px;text-align:center;}
.e5epage a,.e5epage span{ display:inline-block; height:26px; line-height:26px; padding:0 10px; border-radius:3px; color:#666; font-size:14px;}
.e5epage-spr{}
span.e5epage-curr,a.e5epage-curr{ background:#00cee5; color:#fff;}

/*文件图标*/
.icon-file{ display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:3px; background:url(file-icon.png) no-repeat;}
.file-word{ background-position:0 0;}
.file-excel{ background-position:-30px 0;}
.file-ppt{ background-position:-60px 0;}
.file-pdf{ background-position:-90px 0;}
.file-folder{ background-position:-120px 0;}
.file-exe{ background-position:-150px 0;}
.file-music{ background-position:0 -30px;}
.file-css{ background-position:-30px -30px;}
.file-code{ background-position:-60px -30px;}
.file-txt{ background-position:-90px -30px;}
.file-zip{ background-position:-120px -30px;}
.file-v{ background-position:-150px -30px;}
.file-apple{ background-position:0 -60px;}
.file-android{ background-position:-30px -60px;}
.file-video{ background-position:-60px -60px;}
.file-flash{ background-position:-90px -60px;}
.file-cad{ background-position:-120px -60px;}
.file-pic{ background-position:-150px -60px;}
.file-html{ background-position:0 -90px;}
.file-ai{ background-position:-30px -90px;}
.file-psd{ background-position:-60px -90px;}
.file-bt{ background-position:-90px -90px;}
.file-wei{ background-position:-120px -90px;}
.file-mmap{ background-position:-150px -90px;}
.file-die{ background-position:0 -120px;}
.file-aa{ background-position:-30px -120px;}
.file-mark1{ background-position:-60px -120px;}
.file-yu{ background-position:-90px -120px;}
.file-pc{ background-position:-120px -120px;}
.file-yun2{ background-position:-150px -120px;}
.file-write{ background-position:0 -150px;}
.file-tongji{ background-position:-30px -150px;}
.file-link{ background-position:-60px -150px;}
.file-folder2{ background-position:0 -180px;}
.file-folder3{ background-position:-30px -180px;}
.file-folder4{ background-position:-60px -180px;}
.file-folder5{ background-position:-90px -180px;}

/*加载条*/
.e5e-loading{
	text-align: center;
	color: #fff;
}
.e5e-loading i {
	width: 25px;
	height: 25px;
	margin-left: 8px;
	display: inline-block;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: e5e-loading 1.4s infinite ease-in-out;
	animation: e5e-loading 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@keyframes e5e-loading {
	0%,100%,80% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}
.e5e-loading i:first-child {
	margin-left: 0;
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}
.e5e-loading i:nth-child(2) {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}
.e5e-loading p{
	margin-top: 20px;
}

.ai-tag-s{
	height: 20px;
	padding: 0 5px;
	color: #717e89;
	margin-right: 4px;
}
.bofangBtn{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: inherit;
	background: rgba(0, 0, 0, .3);
	color: #fff;
}
.bofangBtn .icon-ziyuan{
	font-size: 50px;
}
/*数字人直播*/
.live-img{
	width: 80px;
	height: 140px;
	background: rgba(0, 0, 0, .3);
}
.live-item{
	display: flex;
	padding: 10px;
}
.live-item.on{
	background: rgba(0, 0, 0, .3);
}
.live-item.on .live-img{
	background: #003b74;
}
.ai-modular{
	border-radius: 12px;
}
.e5e-icon-btn {
	min-width: 40px;
	width: 40px;
	padding: 0;
}
.tijaoBtn{ width: 120px;}
.mote-item{
	margin:0 7px 10px;
	width:150px;
	height: 120px;
	border: 2px solid #fff;
	border-radius: 8px;
	overflow: hidden;
	background: #f6f6f6;
	transition: all .2s;
}
.shengyin-item{
	margin: 10px 0;
	border: 2px solid #fff;
	border-radius: 8px;
	background: #f6f6f6;
	transition: all .2s;
}
.shaixuans{
	flex-shrink: 0;
	padding:0 15px;
}
.shaixuan-item{
	padding:5px 0;
}
.ai-tag.ys1{
	background: #e8fbff;
	color: #01d7e9;
}
.ai-search.ys1{
	background: #e8fbff;
	border: none;
	color: #01d7e9;
}
.szr-xingxiangzhao.ys1{
	width: 130px;
	background: #f5f7fa;
	color: #333;
	border-width: 2px;
	border-color: #fff;
}
.szr-xingxiangzhao.ys1.on{
	border-color: #00cee5;
}
.szr-xingxiangzhao.ys1 .e5e-t2{
	/* color: #fff; */
}
#bgModular .yanse{
	border: 1px solid #f0f0f0;
}
#bgModular .yanse.on{
	border-color: #00cee5;
}


.mote-item:hover,.mote-item.on,.shengyin-item.on,.shengyin-item:hover{
	border-color: #00cee5;
}
.mote-item .e5e-imgs-item-img{
	height:85px;
	background: #ebeef3;
}
.mote-item .e5e-imgs-item-img img{
	object-fit: contain;
}
.mote-item-txt{
	margin: 5px 0;
	text-align: center;
}
.video-box{
	max-width:380px;
	max-height:100%;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.video{
	max-width: 100%;
	max-height: 100%;
	border-radius: 10px;
}
.videoFile{
	width: 450px;
	height: 100%;
	background: #eefcff;
	border-radius: 10px;
	position: relative;
}
.nva2{
	position: relative;
	z-index: 2;
	height: 48px;
	color: #ffffff;
	display:flex;
}
.nva2-item{
	width: 140px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	opacity: .8;
	font-size: 16px;
	cursor: pointer;
	background: #009dff;
}
.nva2 .nva2-item:first-child{
	border-radius: 25px 0 0 25px;
}
.nva2 .nva2-item:last-child{
	border-radius: 0 25px 25px 0;
}
.nva-tag{
	position: absolute;
	top:0px;
	right: 0px;
	padding: 1px 3px;
	background-color: #f00;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
}
.nva-tag::after{
	content: '';
	position: absolute;
	z-index: -1;
	left: 2px;
	bottom: -5px;
	width: 5px;
	height:10px;
	background-color: red;
	clip-path: polygon(0 0, 0 100%, 100% 50%);

}
.nva2-item>div{
	position: relative;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.nva2-item.on{
	opacity: 1;
}
.nva2-item.on{
	background: #00d7e9;
}
.backIconBox{
													width: 38px;
													height: 38px;
													border-radius: 38px;
													background: #f5f7fa;
													color: #3b3b3b;
													display: inline-flex;
													align-items: center;
													justify-content: center;
												}
												.kaiqiAi{
													padding: 2px;
													height: 38px;
													display: inline-flex;
													align-items: center;
													color: #ffffff;
													background: linear-gradient(to right, #06ea97, #1bcaef);
													font-size: 14px;
													border-radius: 20px;
													position: relative;
													cursor: pointer;
												}
												.kaiqiAi-iconBox{
													width: 34px;
													height: 34px;
													background: #fff;
													border-radius: 50%;
													display: inline-flex;
													align-items: center;
													justify-content: center;
												}
												.kaiqiAi span{
													display: inline-flex;
													padding: 0 10px 0 5px;
												}
												.kaiqiAi .e5e-tooltip-arrow{
													right: 20px;
												}
												.kaiqiAi .e5e-tooltip-arrow::after{
													width: 8px;
													height: 8px;
													background: #fff;
												}
												.kaiqiAi .e5e-tooltip-cont{
													background: rgba(0, 0, 0, .6);
													border-radius: 10px;
													color: #fff;
												}
#quanbu .icon-sanjiaodown{
	display: inline-block;
	transition: all .2s;
}
#quanbu.on .icon-sanjiaodown{
	transform: rotate(180deg);
}
.shengyi-item{
	width: 75px;
}
.shengyi-item .e5e-imgs-item-img{
	margin: auto;
	background: #f5f7fa;
	border: 2px solid #fff;
	transition: all .1s;
}
.shengyi-item.on .e5e-imgs-item-img,
.shengyi-item:hover .e5e-imgs-item-img{
	border-color: #00cee5;
}
.shengyi-item.on .e5e-imgs-item-img::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background: rgba(0, 0, 0, .3);
}
.shengyi-item .e5e-imgs-item-txt{
	margin-top: 5px;
	height: 18px;
	font-size: 12px;
	line-height:18px;
	text-align: center;
}
.yinpinBox{
	padding: 15px 15px 5px;
	background: #f5f7fa;
	border-radius: 10px;
}
.e5e-form-item2{
	padding: 0 15px;
	border: 1px solid #dbdfe5;
	margin-bottom: 10px;
	border-radius: 5px;
}
.e5e-form-item2:last-child{
	margin-bottom: 0;
}
.e5e-form-item2.is-flex{
	display: flex;
	align-items: center;
}
.e5e-form-item2 .e5e-input{
	border: none;
}
.e5e-form-item2 .e5e-form-item-label{
	color: #333;
}
.videoEdit{
	margin:15px 0;
	width:420px;
}
@media screen and (min-width:1920px){
	.videoEdit{
		width:520px;
	}
	
}
.e5e-file{
	cursor: pointer;
	font-size: 0;      
}
.video-item{
	background: #f5f7fa;
	border-radius: 10px;
	display: flex;
	margin: 10px 0;
	padding: 10px 0;
	font-size: 12px;
	cursor: pointer;
}
.video-item .icon-shang,
.video-item .icon-xia{
	color: #00cee5;
}
.video-item:first-child .icon-shang,.video-item:last-child .icon-xia{
	color: #9badba;
}

.video-item .num{
	width: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.video-item .item-img{
	width: 70px;
	height: 70px;
	background: #ececec;
	border-radius: 10px;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
}

.video-item .item-img>img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: inherit;
}
.video-item .item-text{
	padding:3px 10px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
}
.video-item-move{
	padding-right: 5px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}
.e5e-layer-close{
	cursor: pointer;
}

[class*=e5e-col-] {
	float: left;
	box-sizing: border-box
}
.ai-col-1 {
	width: 4.16667%
}
.ai-col-2 {
	width: 8.33333%
}
.ai-col-3 {
	width: 12.5%
}
.ai-col-4 {
	width: 16.66667%
}
.ai-col-5 {
	width: 20.83333%
}
.ai-col-6 {
	width: 25%
}
.ai-col-7 {
	width: 29.16667%
}
.ai-col-8 {
	width: 33.33333%
}
.ai-col-9 {
	width: 37.5%
}
.ai-col-10 {
	width: 41.66667%
}
.ai-col-11 {
	width: 45.83333%
}
.ai-col-12 {
	width: 50%
}
.ai-col-13 {
	width: 54.16667%
}
.ai-col-14 {
	width: 58.33333%
}
.ai-col-15 {
	width: 62.5%
}
.ai-col-16 {
	width: 66.66667%
}
.ai-col-17 {
	width: 70.83333%
}
.ai-col-18 {
	width: 75%
}
.ai-col-19 {
	width: 79.16667%
}
.ai-col-20 {
	width: 83.33333%
}
.ai-col-21 {
	width: 87.5%
}
.ai-col-22 {
	width: 91.66667%
}
.ai-col-23 {
	width: 95.83333%
}
.ai-col-24 {
	width: 100%
}

@media screen and (max-width: 374px) {
	.ai-col-xs-1 {
		width: 4.16667%
	}
	.ai-col-xs-2 {
		width: 8.33333%
	}
	.ai-col-xs-3 {
		width: 12.5%
	}
	.ai-col-xs-4 {
		width: 16.66667%
	}
	.ai-col-xs-5 {
		width: 20.83333%
	}
	.ai-col-xs-6 {
		width: 25%
	}
	.ai-col-xs-7 {
		width: 29.16667%
	}
	.ai-col-xs-8 {
		width: 33.33333%
	}
	.ai-col-xs-9 {
		width: 37.5%
	}
	.ai-col-xs-10 {
		width: 41.66667%
	}
	.ai-col-xs-11 {
		width: 45.83333%
	}
	.ai-col-xs-12 {
		width: 50%
	}
	.ai-col-xs-13 {
		width: 54.16667%
	}
	.ai-col-xs-14 {
		width: 58.33333%
	}
	.ai-col-xs-15 {
		width: 62.5%
	}
	.ai-col-xs-16 {
		width: 66.66667%
	}
	.ai-col-xs-17 {
		width: 70.83333%
	}
	.ai-col-xs-18 {
		width: 75%
	}
	.ai-col-xs-19 {
		width: 79.16667%
	}
	.ai-col-xs-20 {
		width: 83.33333%
	}
	.ai-col-xs-21 {
		width: 87.5%
	}
	.ai-col-xs-22 {
		width: 91.66667%
	}
	.ai-col-xs-23 {
		width: 95.83333%
	}
	.ai-col-xs-24 {
		width: 100%
	}
}
@media screen and (max-width: 768px){
	.ai-col-s-1 {
		width: 4.16667%
	}
	.ai-col-s-2 {
		width: 8.33333%
	}
	.ai-col-s-3 {
		width: 12.5%
	}
	.ai-col-s-4 {
		width: 16.66667%
	}
	.ai-col-s-5 {
		width: 20.83333%
	}
	.ai-col-s-6 {
		width: 25%
	}
	.ai-col-s-7 {
		width: 29.16667%
	}
	.ai-col-s-8 {
		width: 33.33333%
	}
	.ai-col-s-9 {
		width: 37.5%
	}
	.ai-col-s-10 {
		width: 41.66667%
	}
	.ai-col-s-11 {
		width: 45.83333%
	}
	.ai-col-s-12 {
		width: 50%
	}
	.ai-col-s-13 {
		width: 54.16667%
	}
	.ai-col-s-14 {
		width: 58.33333%
	}
	.ai-col-s-15 {
		width: 62.5%
	}
	.ai-col-s-16 {
		width: 66.66667%
	}
	.ai-col-s-17 {
		width: 70.83333%
	}
	.ai-col-s-18 {
		width: 75%
	}
	.ai-col-s-19 {
		width: 79.16667%
	}
	.ai-col-s-20 {
		width: 83.33333%
	}
	.ai-col-s-21 {
		width: 87.5%
	}
	.ai-col-s-22 {
		width: 91.66667%
	}
	.ai-col-s-23 {
		width: 95.83333%
	}
	.ai-col-s-24 {
		width: 100%
	}
}
@media screen and (max-width: 992px){
	.ai-col-m-1 {
		width: 4.16667%
	}
	.ai-col-m-2 {
		width: 8.33333%
	}
	.ai-col-m-3 {
		width: 12.5%
	}
	.ai-col-m-4 {
		width: 16.66667%
	}
	.ai-col-m-5 {
		width: 20.83333%
	}
	.ai-col-m-6 {
		width: 25%
	}
	.ai-col-m-7 {
		width: 29.16667%
	}
	.ai-col-m-8 {
		width: 33.33333%
	}
	.ai-col-m-9 {
		width: 37.5%
	}
	.ai-col-m-10 {
		width: 41.66667%
	}
	.ai-col-m-11 {
		width: 45.83333%
	}
	.ai-col-m-12 {
		width: 50%
	}
	.ai-col-m-13 {
		width: 54.16667%
	}
	.ai-col-m-14 {
		width: 58.33333%
	}
	.ai-col-m-15 {
		width: 62.5%
	}
	.ai-col-m-16 {
		width: 66.66667%
	}
	.ai-col-m-17 {
		width: 70.83333%
	}
	.ai-col-m-18 {
		width: 75%
	}
	.ai-col-m-19 {
		width: 79.16667%
	}
	.ai-col-m-20 {
		width: 83.33333%
	}
	.ai-col-m-21 {
		width: 87.5%
	}
	.ai-col-m-22 {
		width: 91.66667%
	}
	.ai-col-m-23 {
		width: 95.83333%
	}
	.ai-col-m-24 {
		width: 100%
	}
}
@media screen and (max-width: 1200px){
	.ai-col-l-1 {
		width: 4.16667%
	}
	.ai-col-l-2 {
		width: 8.33333%
	}
	.ai-col-l-3 {
		width: 12.5%
	}
	.ai-col-l-4 {
		width: 16.66667%
	}
	.ai-col-l-5 {
		width: 20.83333%
	}
	.ai-col-l-6 {
		width: 25%
	}
	.ai-col-l-7 {
		width: 29.16667%
	}
	.ai-col-l-8 {
		width: 33.33333%
	}
	.ai-col-l-9 {
		width: 37.5%
	}
	.ai-col-l-10 {
		width: 41.66667%
	}
	.ai-col-l-11 {
		width: 45.83333%
	}
	.ai-col-l-12 {
		width: 50%
	}
	.ai-col-l-13 {
		width: 54.16667%
	}
	.ai-col-l-14 {
		width: 58.33333%
	}
	.ai-col-l-15 {
		width: 62.5%
	}
	.ai-col-l-16 {
		width: 66.66667%
	}
	.ai-col-l-17 {
		width: 70.83333%
	}
	.ai-col-l-18 {
		width: 75%
	}
	.ai-col-l-19 {
		width: 79.16667%
	}
	.ai-col-l-20 {
		width: 83.33333%
	}
	.ai-col-l-21 {
		width: 87.5%
	}
	.ai-col-l-22 {
		width: 91.66667%
	}
	.ai-col-l-23 {
		width: 95.83333%
	}
	.ai-col-l-24 {
		width: 100%
	}
}
@media screen and (max-width: 1920px){
	.ai-col-xl-1 {
		width: 4.16667%
	}
	.ai-col-xl-2 {
		width: 8.33333%
	}
	.ai-col-xl-3 {
		width: 12.5%
	}
	.ai-col-xl-4 {
		width: 16.66667%
	}
	.ai-col-xl-5 {
		width: 20.83333%
	}
	.ai-col-xl-6 {
		width: 25%
	}
	.ai-col-xl-7 {
		width: 29.16667%
	}
	.ai-col-xl-8 {
		width: 33.33333%
	}
	.ai-col-xl-9 {
		width: 37.5%
	}
	.ai-col-xl-10 {
		width: 41.66667%
	}
	.ai-col-xl-11 {
		width: 45.83333%
	}
	.ai-col-xl-12 {
		width: 50%
	}
	.ai-col-xl-13 {
		width: 54.16667%
	}
	.ai-col-xl-14 {
		width: 58.33333%
	}
	.ai-col-xl-15 {
		width: 62.5%
	}
	.ai-col-xl-16 {
		width: 66.66667%
	}
	.ai-col-xl-17 {
		width: 70.83333%
	}
	.ai-col-xl-18 {
		width: 75%
	}
	.ai-col-xl-19 {
		width: 79.16667%
	}
	.ai-col-xl-20 {
		width: 83.33333%
	}
	.ai-col-xl-21 {
		width: 87.5%
	}
	.ai-col-xl-22 {
		width: 91.66667%
	}
	.ai-col-xl-23 {
		width: 95.83333%
	}
	.ai-col-xl-24 {
		width: 100%
	}
}


#videoAll{}
	#textarea {
		width: 100%;
		outline: 0;
		font-size: 15px;
	}
	/* 定义过渡样式 */
	.fade-enter-active, .fade-leave-active {
	  transition: opacity .5s;
	}
	.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
	  opacity: 0;
	}

	.pageB{
		/* height: 100vh;
		width: 100vw;
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0; */
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 0;
		left: 0;
		top: 0;
		overflow: hidden;
	}
	.pageA{
		display: flex;
		justify-content: center;
	}
	.duihua-tips{
		width: 320px;
		padding: 30px 25px;
		background: #fff;
		border-radius: 10px;
		text-align: center;
	}
	.duihua-tips .title{
		font-size: 20px;
		font-weight: bold;
	}
	.duihua-tips .text{
		font-size: 14px;
		text-align: left;
		margin: 10px 0 26px;
		color: #5e5e5e;
	}
	.fixedIcon{
		position: absolute;
		z-index: 2;
		bottom:60px;
		left: 15px;
		right: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/* .fixedIcon{
		position: fixed;
		position: absolute;
		z-index: 7;
		top: 15%;
		right:15px;
		transition: all .2s; 
	} */
	.fixedIcon-item{
		position: relative;
		margin: 5px;
		border-radius:25px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: rgba(0, 0, 0, .3);
		box-shadow: 0 0 5px rgba(0, 0, 0, .1);
		display:flex;
		justify-content: center;
		align-items: center;
		color: #ffffff;
		transition: all .1s;
		cursor: pointer;
		/* // animation: fadenum 1s linear infinite; */
		
	}
	.fixedIcon-item:active{
		transform:scale(0.9)
	}
	
	.fixedIcon-item.on{
		background: #00d9e9;
		
	}
	.fixedIcon-item-icon{
		width: 30px;
		height: 30px;
		border-radius: 50px;
		background:#fff;
		display:flex;
		align-items: center;
		justify-content:center;
	}
	
	#videoAll{
		/* flex-direction: column; */
	}
	.myVideo{
		max-width: 100%;
		height: 100%;
		object-fit: contain;
		visibility: visible;

	}
	.kfVideo{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		visibility: visible;
	}
	video::-webkit-media-controls-timeline,
	video::-moz-range-progress,
	video::-ms-fill-lower {
	  display: none;
	}
	.kefuvideo-X{
		/* width: 100%;
		height: 100%;
		object-fit: cover; */
	}
	.kefuvideo-y{
		max-width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.zuopingVideo{
		max-width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.txVideoBox{
		flex-shrink: 0;
		width:450px;
		height: 450px;
		/* border: 16px solid rgba(255,255,255,.5);
		border-radius:45%; */
		overflow: hidden;
		position: relative;
		margin-bottom: 20px;
		transition: all .1s;
	}
	.txVideoBox .myVideo{
		width: 100%;
		border-radius: 45%;
		object-fit: cover;
	}
	.txVideoBoxK{
		position: absolute;
		z-index: 2;
		left: -2px;
		top: -2px;
		width: 454px;
		height: 454px;
		transition: all .1s;
	}
	.txVideoIconBox{
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		border-radius: 45%;
		background: rgba(0,0,0,.5);
		display: flex;
		justify-content: center;
		opacity: 0;
		visibility: hidden;
		transition: all .3s;
	}
		.txVideoIconBox.show{
			opacity: 1;
			visibility: visible;
		}
	.txVideoIcon1{
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.txVideoIcon1 .line{
		margin: 0 6px;
		width: 28px;
		height: 80px;
		animation: note3 0.5s ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	.txVideoIcon1 .line1 {
			animation-delay: -1s;
		}
	.txVideoIcon1 .line2 {
			animation-delay: -0.8s;
		}
	.txVideoIcon1 .line3 {
			animation-delay: -0.6s;
		}
	.txVideoIcon1 .line4 {
			animation-delay: -0.4s;
		}
	.txVideoIcon1 .line5 {
			animation-delay: -0.2s;
		}
	@keyframes note3 {
			from {
				height: 80px;
				background-color: #16c9f0; 
			}
			to {
				height: 25px;
				background-color: #b9effa; 
			}
		}
	
	
	.footer{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
	}
	.footer-t2{
		padding-top: 5px;
		padding-bottom: 10px;
		color: #fff;
		font-size: 10px;
		text-shadow: 1px 1px 3px #000;
	}
	.ai-logo{
		height: 25px;
	}
	.videoBox{
		position: relative;
		z-index: 0;
		height: 100%;
		/* display: flex;
		align-items:flex-end;
		justify-content: center;
		box-sizing: border-box; */
		overflow: hidden;
		
	}
	.top_bg,.bottom_bg{
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
	}
	.top_bg{
		top: 0;
		height:150px;
		background-image: linear-gradient(to bottom, rgba(209,248,255,.5),rgba(209,248,255,0));
	}
	.bottom_bg{
		bottom: 0;
		height: 200px;
		background-image: linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0));
	}

	@keyframes fadeInAnimation {
		0% { opacity: 0; } /* 初始状态，完全透明 */
		100% { opacity: 1; } /* 结束状态，完全不透明 */
	}
	.yuyin-box{
		position: absolute;
		z-index: 5;
		top:50%;
		left: 0;
		width: 100%;
		color: #ffffff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		opacity: 0;
		visibility: hidden;
		transition: all .3s;
		
	}
	
	
	.yuyin-t1{
		margin-top:10px;
		font-weight: 500;
		text-shadow: 1px 1px 3px #000;
	}
	.yuyin-box.show,.wen-box.show{
		opacity: 1;
		visibility: visible;
	}
	.view-bofang{
		padding: 10px 20px;
		height:45px;
		border-radius: 40px;
		background:rgba(255, 255, 255, .5);
		color: #fff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.view-bofang.ys2{
		background: none;
		padding: 0;
		height: 40px;
	}
	.line {
		background-color: #16c9f0;
		width: 8px;
		height: 5px;
		margin:0 2px;
		border-radius: 20px;
		animation: note2 0.6s ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	.bg-000 .line,.bg-ai .line {
		background-color: #fff;
	}
	.view-bofang.ys2 .line{
		width: 16px;
		margin:0 4px;
	}
	.line1 {
		animation-delay: -1s;
	}
	.line2 {
		animation-delay: -0.8s;
	}
	.line3 {
		animation-delay: -0.6s;
	}
	.line4 {
		animation-delay: -0.4s;
	}
	.line5 {
		animation-delay: -0.2s;
	}
	@keyframes note2 {
		from {
			height: 5px;
			opacity: 1;
		}
		to {
			height: 100%;
			opacity: .3;
		}
	}

	.wen-box{
		position: absolute;
		z-index: 5;
		left: 50%;
		transform:translate(-50%,0);
		bottom:120px;
		color: #ffffff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		opacity: 0;
		visibility: hidden;
		transition: all .3s;
		background: rgba(0, 0, 0, .3);
		padding: 5px 7px;
		width:400px;
		border-radius:30px;
	}
	.wen-bar{
		width: 100%;
		display: flex;
		align-items: center;
		background: rgba(255, 255, 255, .8);
		padding: 2px;
		border-radius:inherit ;
		color: #000;
	}
	.wen-write{
		flex: 1;
		padding:7px 15px;
		background:none;
		
	}
	.wen-btn{
		flex-shrink: 0;
		width: 55px;
		height: 34px;
		border-radius: inherit;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(to right, #03e59f, #19caf0);
		color: #fff;
		cursor: pointer;
	}
	.onRecorder {
		width: 100%;
		box-sizing: border-box;
		flex: 1;
		font-size: 16px;
		display: flex;
		vertical-align: middle;
		font-weight: 500;
		
	}
	.onRecorder ::-webkit-scrollbar {
		display: none !important;  
	}
	
	.video-x{
		height: 100%;
	}
	.video-y{
		width: 400px;
	}
	.item-delete,.item-icon{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		border-radius: 20px;
		background: rgba(0, 0, 0, .5);
		cursor: pointer;
		color: #16c9f0;
	}
	#qcBtn{
		position: absolute;
		z-index: 11;
		top: 0;
		right: 0;
		background:#00d7e9;
		border-radius:0 0 0 60px;
		color: #fff;
		padding: 20px 30px;
		font-size: 36px;
	}
	#qcBtn i{
		font-size: 40px;
	}
	.luzhi{
		height: 120px;
		background: #eefcff;
		display: flex;
		font-size: 12px;
		border-radius: 10px;
		overflow: hidden;
	}
	.luzhi-left,.luzhi-zaixian,.luzhi-tips{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.luzhi-left{
		flex: 1;
		border: 1px dashed  #c0f4ff;
		color: #00d7e9;
	}
	.luzhi-zaixian{
		width: 48px;
		background:#00d7e9;
		color: #fff;
		cursor: pointer;
	}
	.luzhi-tips{
		height: 116px;
		border-radius: 10px;
		overflow: hidden;
		background: url(luzhi-tips-bg.png);
		font-size: 30px;
		color: #fff;
	}
	.e5e-tips-modular{
		padding: 5px;
		font-size: 12px;
		color: #6f7c87;
	}
	.luzhi-btn{
		padding: 0 10px;
		text-align: center;
		cursor: pointer;
	}
	.luzhi-btn-icon{
		width: 60px;
		height: 60px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background:url(luzhi-btn-icon-bg.png) ;
		/* animation: Btnrotate 1s linear infinite; */
		color: #fff;
	}
	@keyframes Btnrotate{
		0%,
		100% {
			transform:rotate(0deg)
		}
		50% {
			transform:rotate(360deg)
		}
	}
	.luzhi-btn-txt{
		margin-top: 5px;
		font-size: 12px;
		overflow: hidden;
	}

	.jieshuIcon{
		display: inline-block;
		width: 16px;
		height: 16px;
		border-radius: 4px;
		background: #fff;
	}
	.yuyinglang{
		width: 100%;
		height: 100%;
		border-radius: 30px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.yuyinglang .line {
		display: inline-block;
		background-color: #ffffff;
		width: 2px;
		height: 20px;
		margin:0 1px;
		border-radius:4px;
		animation: note 0.4s ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}
	.yuyinglang .line1 {
		animation-delay: -1s;
	}
	.yuyinglang .line2 {
		animation-delay: -0.9s;
	}
	.yuyinglang .line3 {
		animation-delay: -0.8s;
	}
	.yuyinglang .line4 {
		animation-delay: -0.7s;
	}
	.yuyinglang .line5 {
		animation-delay: -0.6s;
	}
	@keyframes note {
		from {
			transform: scaleY(.1);
		}
		to {
			transform: scaleY(1);
		}
	}
	
	
	.luzhi-shili{
		border-radius: 10px;
		background: #f5f7fa;
	}
	.luzhi-zaixian-tit{
		border-bottom:1px solid #dbdfe5;
		color: #6f7c87;
	}
	.luzhi-zaixian-cont{
		padding: 20px;
		height: 220px;
		font-size: 18px;
		font-weight: bold;
	}
	/*结果提示*/
	.e5e-result {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 40px 30px;
	}
	.e5e-result-icon{
		font-size: 60px;
		background-image: linear-gradient(to bottom, #16c9ef, #01e896);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.e5e-result-title{
		margin-top: 20px;
		font-size: 24px;
		font-weight: bold;
		color: #00d7e9;
	}
	.e5e-result-subtitle{
		margin-top: 10px;
		opacity: .7;
	}
	.e5e-result-btn{
		margin-top: 30px;
	}
	.e5e-result-btn .e5e-btn{
		min-width: 80px;
	}
	.list-item{
		display: flex;
		align-items: center;
		padding:8px;
		background: #f5f7fa;
		border-radius: 10px;
	}
	.list-item + .list-item{
		margin-top: 10px;
	}
	.list-item-icon{
		margin-right: 10px;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.e5e-input.is-bg{
		border: none;
		padding:8px;
		height: 46px;
		background: #f5f7fa;
		border-radius: 10px;
	}
	.addBtn{
		width: 46px;
		height: 46px;
		border: 1px solid #b2f1ff;
		border-radius: 30px;
		background: #eefcff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.btn-tips{
		padding: 15px;
		background: #f5f7fa;
		font-size: 14px;
		border-radius: 10px;
	}
	.yanlanBox,.addBox{
		position: relative;
		height: 100%;
		border: 1px dashed #b7f2ff;
		background: #eefcff;
		border-radius: 10px;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.addBox{
		border-width: 2px;
	}
	.yanlanBox{
		width: 245px;
		
	}
	.yanlan-tag{
		position: absolute;
		left: 0;
		top: 0;
		background: #ffffff;
		border-bottom: 1px dashed #b7f2ff;
		border-right: 1px dashed #b7f2ff;
		padding:5px 10px;
		color: #00d7e9;
		border-radius:0 0 10px 0;
	}
	

	.mote-from-item{
		display: flex;
	}
	.mote-from-item-lab{
		flex-shrink: 0;
		padding-right: 10px;
	}
	.mote-from-item-cont-wrap{
		
	}
	.mote-from-item-cont{
		height: 50px;
		display: flex;
		align-items: center;
		border-radius: 10px;
		background-color: #f5f7fa;
	}
	.mote-from-item-cont-text{
		padding:10px 20px;
		flex: 1;
	}
	.shili-text{
		font-size: 13px;
		color: #6f7c87;
	}
	.shili-text p{
		padding-bottom: 8px;
	}
	.shili-item{
		width:160px;
		height: 210px;
		border-radius: 20px;
		background: #efeff4;
		overflow: hidden;
		margin:0 20px 20px 0;
		position: relative;
	}
	.shili-item-img{
		height: 215px;
	}
	.shili-item-text{
		background: #00d7e9;
		height: 25px;
		line-height: 25px;
		text-align: center;
		font-size: 12px;
		color: #ffffff;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.is-shadow{
		position: relative;
		box-shadow: 0px 0px 10px 0px rgba(127, 127, 127, 0.75);
	}
/*数字人克隆*/
.mote-from-item-lab.dwidth{
		width: 90px;
		text-align: right;
		font-size: 14px;
	}
	.dingzhi-video-box{
		width: 400px;
		height: 300px;
		border-radius: 10px;
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mote-from-item-cont-wrap.dwidth{
		width: 400px;
	}
	.{
		border-radius: inherit;
		display: block;
	}
	.video-cover{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.xiahua-tips{
		position: absolute;
		bottom: 30px;
		right: 30px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items:flex-end ;
	}
	.xiahua-tips-text{
		padding:15px 20px;
		border-radius: 10px;
		font-size: 12px;
		background: #eefcff;
		color: #00d7e9;
	}
	.xiahua-tips-btn{
		margin-top: 10px;
		width: 40px;
		height: 40px;
		border-radius: 30px;
		background: #00d7e9;
		color: #fff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.wd-tag{
		display: inline-block;
		padding: 3px 8px;
		border-radius: 6px;
		background: #00d7e9;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		line-height: 1;
		margin:5px;
	}
	.steps{
		display: flex;
		flex-wrap: wrap;
	}
	.steps-item{
		display: inline-flex;
		align-items: center;
		background: #f5f7fa;
		border-radius: 30px;
		padding: 0 20px;
		height: 50px;
		cursor: pointer;
	}
	.steps-item.on{
		background: #00d7e9;
		color: #fff;
	}
	.steps-item .text-line{
		height: 18px;
		margin: 0 18px;
		background: #dbdfe5;
	}
	.steps-item-title{
		font-size: 18px;
		font-weight: bold;
	}
	.steps-item-description{
		font-size: 14px;
		color: #6f7c87;
	}
	.steps-item.on .steps-item-description{
		color: #fff;
	}
	.steps-item.on .text-line{
		background: #7ef2fc;
	}
	.steps-item-line{
		width: 60px;
		margin: 25px 10px 0;
		border-top:1px dashed #dbdfe5;
	}
	.shili-img{
		
	}
	.shili-img img{
		max-width: 380px;
		border-radius: 20px;
	}
	.shili-img img + img{
		margin-left:25px;
	}
.kelong-wode-item{
	width: 580px;
	height: 400px;
	margin:10px;
	display: flex;
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.kelong-wode-item-del{
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	border-radius: 0 20px 0 20px;
	background: #f5f7fa;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8b9fb1;
	cursor: pointer;
}
.kelong-wode-item-left{
	flex: 1;
	position: relative;
}
.kelong-wode-item-left video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.kelong-wode-item-right{
	flex: 1;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #6f7c87;
	
}
.kelong-wode-item-right p{
	margin-top: 5px;
}
.kelong-wode-item-right-bottom{
	
}
.wodeKelong-item-item{
	width: 50%;
	text-align: center;
}
.wodeKelong-item-item-videoBox{
	width: 88px;
	height: 66px;
	margin: auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f6f6f6;
	border-radius: 10px;
	overflow: hidden;
}
.pace-item{
	display: flex;
}
.pace-item-icon{
	flex-shrink: 0;
	width: 4px;
	margin-right: 12px;
	margin-top: 2px;
	border-right:1px dashed #ebedf0 ;
	position: relative;
}
.pace-item-icon .icon{
	position: absolute;
	left:0px;
	top: 0px;
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #dbdfe5;
}
.pace-item-text{
	padding-bottom: 10px;
}
p.pace-item-t1{
	margin-top: 0;
}
.msgIconBox2{
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: 34px;
	background: #f2f3f8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #6a7279;
	cursor: pointer;
}
.msgIconBox2:hover{
	background: #effcff;
	color: #16c9f0;
}
.msgIconBox2.ys2{
	background: #16c9f0;
	color: #fff;
}
.msgIconBox2 + .msgIconBox2{
	margin-left: 15px;
}
.homeMsgBox{
			width: 400px;
			position: absolute;
			z-index: 6;
			right:30px;
			top: 20%;
			min-height: 500px;
			max-height: 60%;
			background: rgba(255, 255, 255, .8);
			border-radius: 20px;
		}
.homeMsgBox .msgList{
	position: relative;
	padding:22px  12px;
}
.msg-close{
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius:0 15px 0 15px;
	background: rgba(0,0,0,.3);
	color: #fff;
	text-align: center;
}
.homeMsgBox .msgList-item{
	padding: 12px 0 0;
}
.msgIconBox{
	min-width: 35px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 3px 6px;
	height: 26px;
	border-radius: 15px;
	background:rgba(0,0,0,.3);
	color: #fff;
	font-size: 12px;
	margin-right: 10px;
	cursor: pointer;
}
.homeMsgBox .msgList-item-cont .itemText{
	padding: 8px;
	line-height: 1.3;
	font-size: 14px;
	border-radius: 20px 20px 20px 3px;
	color: #333;
}
.homeMsgBox .msgList-item-tips{
	margin: 5px 5px 0; 
}
.homeMsgBox .me .msgList-item-cont .itemText{
	background: #00d7e9;
	color: #fff;
	border-radius: 20px 20px 3px 20px;
}
.imgicon-wenBox{
	position: absolute;
	z-index: 7;
	right: 21px;
	top: 19%;
}
.msgtips{
	display: inline-block;
	padding: 8px 15px;
	border-radius: 30px;
	text-align: center;
	background: #fff;
	color: #00d7e9;
}
.iconqiehuanBox{
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: 9999;
	background: #ffffff;
	color: #00d7e9;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 5px 0px #f0f0f0;
}
.theme{
	position: absolute;
	z-index: 2;
	right: 30px;
	top: 30px;
	text-align: center;
	display: flex;
	align-items: center;
}
.theme-item{
	cursor: pointer;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	font-size: 0;
	margin: 10px;
}
.theme-item.on{
	border: 2px solid #fff;
	width: 19px;
	height: 19px;
}
.theme-item.bg-fff.on{
	border-color: #000;
}
	
.bg-000 .fixedIcon-item{
	background: rgba(255, 255, 255, .25);
}
.bg-fff{
	background: #fff;
	color: #000;
}
.bg-000{
	background: #000;
	color: #fff;
}
.bg-fff .homeMsgBox{
	background: rgba(0, 0, 0, .3);
}
.bg-ai{
	background: linear-gradient(to bottom, #15c3e9, #01de91);
	color: #fff;
}
.txVideowrap{
	flex: 1;
	/* height: 100%;
	padding-bottom:200px; */
	height: calc(100vh - 150px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}

	.txVideowrap + .yuyin-box{
		top: auto;
		bottom: 200px;
	}
	.txVideowrap .yuyin-box{
		position: absolute;
		top: 50%;
		margin-top:250px;
	}
.txVideoText{
	font-size: 16px;
}
		@media screen and (max-width: 750px){
			#homeMsgBox{
				/* display: none !important; */
			}
			.theme{
				position: absolute;
				right: 15px;
				top: 30px;
				text-align: center;
			}
			.moteText{
				left: 0;
				right: 0;
				top: 50%;
				margin-top: 100px;
				background: none;
				text-align: center;
			}
			.homeMsgBox{
				left: 0;
				right: 0;
				z-index: 8;
				border-radius: 15px 15px 0 0;
				width: 100%;
				background: #fff;
				top: auto;
				bottom: 0;
				padding-bottom: 10px;
			}
			.m-hide{
				display: none;
			}
		}
@media screen and (max-width:1400px) {
	.editPreview_16b9{
		transform: scale(0.28);
	}
	.editPreview_9b16{
		transform: scale(0.38);
	}
	.videoEdit{
		width: 330px !important;
	}
	.e5e-textarea{
		height: 60px !important;
	}
	.leftMenu-item-icon{
		
	}
	.msg-left{
		width: 220px;
	}
	.right-tab-cont{
		/* width: 350px; */
	}
	.msg-sendingArea{
		padding: 10px 20px;
	}
	.logo{
		padding: 20px 10px;
	}
	.search2{
		margin: 15px 10px !important;
	}
	
	.msg-right-top{
		height: 80px;
	}
	.msg-target{
		height: 40px !important;
	}
	

	.msg-left.shousuo{
		margin-left: -220px;
	}
	.msg-menu-item .pic-wh-35{
		width: 25px;
		height: 25px
	}
	.right-tab-menu{
		width: 50px;
	}
	

	.video-y{
		width: 300px;
	}
	
}

@media screen and (max-width:1024px){
	
}
@media screen and (max-width: 768px){
	.wen-box{
		width: 320px;
	}
}

/*视频对话*/
.moteBox {
			position: relative;
			height: 100%;
			display: flex;
			align-items: flex-end;
			justify-content: center;
			box-sizing: border-box;
		}
		.moteImg{
			height: 100%;
		}
		.moteText{
			position: absolute;
			top: 15%;
			right: -100px;
			padding:15px 20px;
			background: #00d7e9;
			border-radius: 16px 16px  16px 6px;
			color: #fff;
			opacity: 0;
			visibility: hidden;
			animation: show 1s 1s forwards;
		}
		@media screen and (max-width: 750px){
			.moteText{
				left: 0;
				right: 0;
				top: 50%;
				margin-top: 100px;
				background: none;
				text-align: center;
			}
		}

		@keyframes show {
			0% {
				opacity: 0;
				visibility: hidden;
			}
			100% {
				opacity: 1;
				visibility: visible;
			}
		}
		.pageA{
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			z-index: 3;
			background: #ffffff;
		}
		.roundA,.roundB,.roundC{
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
		.roundA{
			position: absolute;
			z-index: 1;
			left: 50%;
			top:50% ;
			width: 170px;
			height: 170px;
			padding: 12px;
			transform: translate(-50%, -50%);
			background-image: linear-gradient(to right,rgba(0,233,148,.1),rgba(22,201,240,.1));
			animation: round 1s linear infinite;
			cursor: pointer;
		}
		@keyframes round {
			0%,100% {
				/* box-shadow: 0px 0px 50px rgba(22,201,240,.5); */
				transform:translate(-50%, -50%) scale(1);
				/* background-image: linear-gradient(to right,rgba(0,233,148,.1),rgba(22,201,240,.1)); */
			}
			50% {
				transform:translate(-50%, -50%) scale(1.1);
				/* box-shadow:none; */
				/* background: none; */
			}
		}
		.roundB{
			padding: 10px;
			background-image: linear-gradient(to right,rgba(0,233,148,.3),rgba(22,201,240,.3));
		}
		.roundC{
			padding: 10px;
			background-image: linear-gradient(to right,rgba(0,233,148,.8),rgba(22,201,240,.8));
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
		}
		.roundA:hover .roundC{
			background-image:linear-gradient(to right,rgba(0,233,148,1),rgba(22,201,240,1)) ;
		}
		.donghua{
			animation: fadeInAnimation 5s ease;
		}
@media screen and (max-width:1700px) {
/* 	.szr-left{
		margin-left:0;
	}
	.szr-left.shrink {
	  margin-left:-300px;
	} */
	.szr-right{
		/* margin-right: -400px; */
	}
	.szr-right.shrink{
		/* margin-right: 0px; */
	}
	.szr-center-fd{
		margin-bottom: -240px;
	}
	.szr-center-fd.shrink {
	  margin-bottom:20px;
	}

	
}

@media screen and (max-width:1440px) {
	
	.szr-center-hd{
		height: 60px;
	}
	.szr-nva{
		height: 40px;
	}
	
	
	.szr-right{
		/* width: 300px;
		margin-right: -300px; */
	}
	.txVideoBox{
		width:350px;
		height: 350px;
	}
	.txVideoBoxK{
		position: absolute;
		z-index: 2;
		left: -2px;
		top: -2px;
		width: 354px;
		height: 354px;
	}
	.txVideowrap .yuyin-box{
		margin-top:190px;
	}
}

	@media screen and (max-width:1024px){
		.myVideo{
			width: 100%;
			height: 100%;
			object-fit: contain;
		}
		.kefuvideo-X{
			/* width: 100%;
			height: 100%;
			object-fit: contain; */
		}
		
		
		.txVideoBox{
			width:300px;
			height: 300px;
		}
		.txVideoBoxK{
			position: absolute;
			z-index: 2;
			left: -2px;
			top: -2px;
			width: 304px;
			height: 304px;
		}
		.txVideowrap .yuyin-box{
			margin-top:170px;
		}
	}
	@media screen and (max-width:768px){
		.myVideo{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		
	}
	
	@media screen and (max-width: 750px){
		.theme-item{
			margin: 5px;
		}
		#manageIsPlay{
			transform: scale(1.5);
		}
		#manageIsWen{
			position: absolute;
			right: 0;
			top: 0px;
		}
		#startplay{
			position: absolute;
			right: 0;
			top: -160px;
		}
		#hideFixedIcon{
			position: absolute;
			right: 0;
			top: -100px;
		}
		.imgicon-wenBox{
			top: auto;
			bottom:67px;
		}
		.txVideoBox .myVideo{
			height: 100%;
		}
		.view-bofang.ys2{
			padding: 10px 20px;
		}
		.view-bofang.ys2 .line{
			width: 8px;
		}
		.wen-box{
			bottom: 150px;
		}
		.fixedIcon{
			bottom: 80px;
		}
		.fixedIcon-item{
			width: 45px;
			height: 45px;
			margin: 5px 10px;
		}
		.fixedIcon-item .iconfont{
			transform: scale(1.2);
		}
		.videoBox{
			align-items: center !important;
		}
		.myVideo{
			max-width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.kefuvideo-X{
			width: 100%;
			height: 100%;
			object-fit: contain;
		}
		.kefuvideo-y{
			height: 100%;
		}
	}
	@media screen and (max-width: 750px) and (orientation : landscape) { 
		/*横屏时*/
		.myVideo{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		
		.wen-box{
			top: auto !important;
			bottom: 70px;
		}
	} 
	@media all and (orientation : portrait){ 
		/*竖屏时*/
	}
	#msgbz{
		max-width: 60px;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		word-break: break-all;
		white-space: normal !important;
		-webkit-box-orient: vertical;
		line-clamp: 1;
			-webkit-line-clamp: 1;
	}
	.addDuihua{
		flex: 1;
		padding-top: 2px;
		margin: 0 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		height: 48px;
		background: #16c9f0;
		border-radius: 99px;
		color: #fff;
		cursor:pointer;
	}
	.addDuihua .iconfont{
		font-size: 22px;
		margin-right:10px;
	}
	.radiusBtn{
		width: 48px;
		height: 48px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #f5f7fa;
		border-radius: 40px;
		margin-right: 15px;
		cursor:pointer;
		color: #333;
	}
	.radiusBtn.size-m{
		width: 36px;
		height: 36px;
		margin: 5px;
	}
	.radiusBtn:hover{
		background: #eefcff;
		color: #000;
	}
	
	
	.stopBtn{
		width: 50px;
		height: 50px;
		border-radius: 50px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background:linear-gradient(to bottom,#35d994,#00b4ff);
		color: #fff;
		cursor: pointer;
	}
	button{
		cursor: pointer;
	}
	.leftMenuLogo{
		margin: auto;
		display: block;
		width: 32px;
		height: 32px;
		border-radius: 50px;
	}
	.msg-sub{
		line-height: 1.8;
		font-size: 14px;
		color: #b8b8ba;
		padding: 0 10px;
		margin: 10px 0;
		position: relative;
	}
	.msg-sub::before{
		content: '';
		position: absolute;
		width: 2px;
		left: 0;
		top: 6px;
		bottom: 6px;
		background: #e0e0e0;
	}
	.msgingBtn{
		margin-bottom: 5px;
		padding: 0 12px;
		border-radius: 20px;
		height: 32px;
		background: #ededed;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #333;
		cursor: pointer;
		font-size: 12px;
	}
	.msgingBtn:hover{
		background: #d5d5d5;
	}
	.msgingBtn i{
		margin-left: 5px;
		display: inline-block;
	}
	.msgingBtn.rotate i{transform: rotate(180deg);}
	.loadingBox{
		height: 30px; display: inline-flex;align-items: center; justify-content: center;
		font-size: 12px;
		color: #909091;
	}
	.loadingIconBox{
		width: 30px;
		height: 30px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.e5e-loading{ 
		display:block;
		-webkit-animation: e5e-loading 1.5s steps(12) infinite;
		animation: e5e-loading 1.5s steps(12) infinite;
	}	
	
	@-webkit-keyframes e5e-loading {
		0% {
			-webkit-transform:rotate(0deg);
			transform:rotate(0deg)
		}
		to {
			-webkit-transform: rotate(1turn);
			transform: rotate(1turn)
		}
	}
	@keyframes e5e-loading {
		0% {
			-webkit-transform:rotate(0deg);
			transform:rotate(0deg)
		}
		to {
			-webkit-transform: rotate(1turn);
			transform: rotate(1turn)
		}
	}
	.addknowBtn{
		width: 240px;
		height: 60px;
		background: #16c9f0;
		border-radius: 30px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #fff;
	}
	.search3{
		margin: 0 12px;
		border-radius: 30px;
		height: 42px;
		background: #e6edf5;
		padding: 3px;
		display:flex;
		align-items: center;
		font-size: 14px;
	}
	.search3Icon{
		width: 30px;
		text-align: center;
		color: #889eaf;
	}
	.search3Input{
		flex: 1;
	}
	.search3Input input{
		width: 100%;
	}
	.search3Btn{
		height: 100%;
		background: #fff;
		width: 64px;
		border-radius: 40px;
		color: #16c9f0;
		text-align: center;
	}
	.file-menu-item{
		display: flex;
		align-items: center;
		margin: 0 12px;
		padding: 10px 0;
		cursor: pointer;
		border-bottom:solid 1px #ecf0f4 ;
	}
	.file-menu-item.on .file-menu-item-txt,.file-menu-item:hover .file-menu-item-txt{
		background: #e6edf5;
		border-radius: 10px;
	}
	.file-menu-item-txt{
		flex: 1;
		padding: 10px;
		border-radius:10px;
	}
	.file-menu-item-txt .name{
		font-family:"Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif;
		font-size: 14px;
		font-weight: 500;
	}
	.zsk_hd_name{
		font-family:"Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif;
		font-size: 16px;
		font-weight: 500;
	}
	.knowfileIcon{
		width: 24px;
		height: 24px;
		border-radius: 6px;
		/* background: #1ae6d9; */
		color: #fff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}
	
	.addBtn-item{
		margin: 20px;
		min-width: 480px;
		padding-left: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(45deg, #f8fafc, #eef8fc, #f3f9fc);
		border-radius: 30px;
		font-weight: 500;
	}
	.addBtn-item-text{
		flex: 1;
		font-size: 30px;
		text-align: center;
		color: #00aeff;
		font-weight: 500;
		font-family:"Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif;
	}
	.zsk_hd{
		display: flex;
		align-items: center;
		padding: 25px 30px;
		border-bottom: 1px solid #efeff4;
	}
	.zsk_hd .knowfileIcon{
		width: 40px;
		height: 40px;
		border-radius: 10px;
	}
	.zsk_left{
		width: 420px;
		padding: 20px;
		border-right: 1px solid #efeff4;
		display: flex;
		flex-direction: column;
	}
	.wendang-item{
		display: flex;
		align-items: center;
		padding: 15px 12px;
		margin:0 12px;
		cursor: pointer;
		border-bottom:solid 1px #efeff4;
	}
	.wendang-item.on,.wendang-item:hover{
		border-radius:10px;
		border-bottom:none;
		background: #f5f7fa;
	}
	.wendang-item-text{
		flex: 1;
	}
	.wendang-item-text .t1{
		margin-top: 6px;
		font-size: 14px;
	}
	.wendang-item-text .t2{
		margin-top: 2px;
		color: #849aac;
		font-size: 12px;
	}
	.wendang-item-text .t3{
		display: flex;
		align-items: center;
		font-size: 14px;
		color: #6f7c87;
	}
	.zsk_right{
		flex: 1;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}
	.zsk_right_hd{
		flex-shrink: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 20px 40px;
		border-bottom: 1px solid #efeff4;
	}
	.zsk_right_hd_btn{
		
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 12px;
		color: #6f7c87;
		transition: all .1s; 
	}
	.zsk_right_hd_btn:hover{
		color: #1acaf0;
	}
	.zsk_right_hd_btn:hover .zsk_right_hd_btn_icon{
		background: #daf8ff;
		color: #1acaf0;
	}
	.zsk_right_hd_btn_icon{
		margin-bottom: 3px;
		width: 26px;
		height: 26px;
		background: #f5f7fa;
		border-radius: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333333;
	}
	
	.zsk_right_md{
		flex: 1;
		padding: 20px 40px 0;
		overflow: hidden;
	}
	.zsk_right_md_textarea{
		font-size: 16px;
		line-height: 2;
		height: 100%;
		overflow-y: auto;
	}
	.zsk_right_bd{
		flex-shrink: 0;
		padding: 0 15px 20px;
		display: flex;
		align-items: center;
		position: relative;
	}
	.zsk_right_bd::before{
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		bottom: 100%;
		height: 30px;
		background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
	}
	.min-title{
		margin-top: 20px;
		padding: 10px 10px 0;
		font-size: 14px;
		color: #6f7c87;
	}
	.bjBtn{
		color: #6f7c87;
	}
	.bjBtn:hover{
		color: #16c9f0;
	}
	
	.tabs{
		height: 48px;
		border-radius: 10px;
		background: #e6edf5;
		display: inline-flex;
	}
	.tabs .item{
		margin: 3px;
		width: 120px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 14px;
	}
	.tabs .item:hover,.tabs .item.on{
		background: #ffffff;
		color: #16c9f0;
		border-radius: 8px;
		
	}
	.tabs .item span{
		padding: 0 5px;
	}
	.tabs .item.on{
		opacity:1;
		
	}
	.tabs .item.on span{
		font-weight: 600;
	}
	.iconfontBtn{
		padding: 0 5px;
		color: #6f7c87;
		display: inline-flex;
		align-items: center;
		cursor: pointer;
	}
	.iconfontBtn:hover{
		color: #16c9f0;
	}
	.fengmian-file{
		position: relative;
		width: 60px;
		height: 60px;
		border-radius: 10px;
	}
	.fengmian-file img{
		border-radius: 10px;
	}
	.wenjianBox-tips{
		position: absolute;
		right: 0;
		top: 0;
		background: #16c9f0;
		color: #fff;
		padding: 4px 10px;
		border-radius: 0 10px 0 10px;
	}
	.fileModular{
		margin: 100px 60px;
		background: #f5f7fa;
		border-radius: 20px;
		color: #16c9f0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#filslist .icon-chahao{
		display: none;
	}
	.history{
		/* position: fixed;
		z-index: 88;
		top: 80px;
		bottom: 0;
		right: 30px; */
		position: relative;
		flex-shrink: 0;
		margin: 80px 30px 0 30px;
		background: #051e37;
		border-radius: 20px;
		width: 160px;
		color: #ffffff;
		display: flex;
		flex-direction: column;
		transition: all .3s;
	}
	.history.open{
		width: 540px;
		bottom: 20px;
	}
	.history .icon-shouqibianlan1{
		display: block;
		transition: all .2s;
	}
	.history.open .icon-shouqibianlan1{
		transform: rotate(180deg);
	}
	.history.open::after{
		display: none;
	}
	.history::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 80px;
		background: linear-gradient(to bottom, rgba(7,38,68,0), rgba(7,38,68,1));
	}
	.history-hd{
		height: 55px;
		line-height: 55px;
		display: flex;
		align-items: center;
		font-size: 17px;
		padding: 0 20px;
		flex-shrink: 0;
	}
	.historyicon{
		margin-left: 20px;
		cursor: pointer;
	}
	.history-cont{
		flex: 1;
		padding:0 15px 15px;
		overflow-y: auto;
		position: relative;
	}
	.history-bd{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px;
	}
	.history-item{
		margin: 3px;
		width: 120px;
		height: 120px;
		border: 2px solid #051e37;
		padding: 3px;
		border-radius: 14px;
		/* margin-bottom: 10px; */
		position: relative;
		cursor: pointer;
	}
	.gouxuan{
		position: absolute;
		left: 10px;
		top: 10px;
		z-index: 1;
		width:20px;
		height: 20px;
		border:1px solid #fff9f5;
		background: rgba(0, 0, 0, .2);
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all .3s;
		cursor: pointer;
	}
	.gouxuan.on{
		background: #00d7e9;
		color: #fff;
	}
	.gouxuan .icon-checkmark{
		font-size: 12px;
		opacity: 0;
		transition: all .3s;
	}
	.gouxuan.on .icon-checkmark{
		opacity: 1;
	}
	.history-item.on,.history-item:hover{
		border: 2px solid #00d7e9;
	}
	.history-item-img{
		width: 100%;
		height: 100%;
		border-radius: 10px;
		/* object-fit: ; */
		object-fit: scale-down;
		background: #000;
	}
	.drawleft{
		padding: 0 30px;
		width: 40%;
		min-width: 200px;
		max-width: 480px;
		flex-shrink: 0;
		color: #fff;
		display: flex;
		flex-direction: column;
	}
	.drawleft-bd{
		flex-shrink: 0;
		position: relative;
		display: flex;
	}
	.drawleft-bd::after{
		content: '';
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		height: 50px;
		background: linear-gradient(to bottom, rgba(7,38,68,0), rgba(7,38,68,1));
	}
	.drawleft-modular{
		margin-bottom: 20px;
		background: #051e37;
		border-radius: 20px;
	}
	.drawleft-modular-hd{
		padding: 15px;
		font-size: 16px;
		display: flex;
		align-items: center;
		font-family:"Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif;
	}
	.drawleft-modular-hd2{
		padding: 10px 0 10px 20px;
		
		font-size: 14px;
	}
	.drawleft-modular-hd2 span{
		color: #999bac;
	}
	.drawleft-modular-bd{
		padding: 20px;
		display: flex;
		align-items: center;
		font-size: 14px;
	}
	.drawleft-modular-hd-icon{
		width: 30px;
		height: 30px;
		margin-right: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: -webkit-linear-gradient(#00e492, #15c6e9);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.text-jb{
		background: -webkit-linear-gradient(#00e492, #15c6e9);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.drawleft-hd{
		padding: 20px 0;
		font-size: 20px;
		font-family:"Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif;
		font-weight: 500;
	}
	.drawbtn{
		margin:6px;
		min-width: 120px;
		height: 40px;
		border-radius: 30px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: #04182c;
		color: #9badba;
		font-size: 16px;
		transition: all .2s;
	}
	.drawbtn.on,.drawbtn:hover{
		color: #00d7e9;
		background: #003b74;
	}
	.miaoshu{
		margin: 0 20px;
		padding: 0 15px;
		background: #002951;
		border-radius: 10px;
	}
	.miaosu_bd{
		display: flex;
		align-items: center;
		padding: 15px 5px;
		font-size: 15px;
	}
	.banbenBtn{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 40px;
		border-radius: 10px;
		background: #051e37;
		color: #16c9f0;
		font-size: 14px;
		padding: 0 10px;
		position: relative;
		cursor:pointer;
	}
	.banbenBtn:hover .e5e-tooltip{
		display: block !important;
		visibility: visible;
		opacity: 1;
	}
	.drawbtn.size-s{
		min-width: 40px;
		padding: 0 8px;
		height: 32px;
		font-size: 14px;
		margin: 0 6px;
	}
	.cankao{
		margin: 0 20px;
		height: 200px;
		background: #003b74;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.cankaomask{
		border-radius: inherit;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .6);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.cankaomaskIconBox{
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		position: relative;
	}
	.cankaomaskIconBox:hover{
		color: #16c9f0;
	}
	.hover{
		cursor: pointer;
	}
	.hover:hover{
		color: #16c9f0;
	}
	.cankao-img{
		object-fit: contain;
		width: 100%;
		height: 100%;
	}
	.biliIcon{
		box-sizing: border-box;
		margin-right: 10px;
		border-radius: 4px;
		width: 18px;
		height: 18px;
		border:2px  solid currentColor;
	}
	.e5e-zoom{
		animation: zoom .8s;
	}
	@keyframes zoom {
		0% {
			opacity: 0;
			transform: scale(.8)
		}
		100% {
			opacity: 1;
			transform: scale(1)
		}
	}
	.huihuaKaitongBtn{
		position: absolute;
		top: 20px;
		right: 20px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0 10px;
		height: 40px;
		border-radius: 10px;
		background: #051e37;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
	}
	.cankaotuLayer{
		background: #051e37;
		border-radius: 20px;
		color:#fff;
	}
	.layercankaotuBtn{
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 0 10px;
		height: 30px;
		border-radius: 20px;
		background: rgba(0, 0, 0, .3);
		display: inline-flex;
		align-items: center;
	}
	.layercankaotu{
		height: 300px;
		background: #003b74;
		border-radius: 10px;
		position: relative;
	}
	.layercankaotuImg{
		width: 100%;
		height: 100%;
		border-radius: inherit;
		object-fit: scale-down;
	}
	.zntgc-item{
		padding: 10px;
		height: 150px;
		background: #fff;
		border-radius: 10px;
		text-align: center;
		cursor: pointer;
	}
	.zntgc-item:hover{
		background: #e6edf5;
	}
	.zntgc-item-img{
		margin: auto;
		width: 66px;
		height: 66px;
		border-radius: 99px;
	}
	.zntgc-item-img img{
		object-fit: cover;
		width: 100%;
		height: 100%;
		border-radius: inherit;
	}
	.zntgc-tag{
		padding: 0 5px;
		margin: 3px 3px 3px 0;
		height: 24px;
		font-size: 14px;
		display: inline-flex;
		align-items: center;
		border-radius: 6px;
		cursor: pointer;
		color: #757d7f;
	}
	.zntgc-tag.on{
		background:#05b8f2;
		color: #fff;
	}
	.huihua-loading{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 40px;
	}
	.huihua-loading .i{
			width: 6px;
			height: 6px;
			margin-left:5px;
			display: inline-block;
			background-color: #fff;
			border-radius: 100%;
			-webkit-animation: huihualoading 1.4s infinite ease-in-out;
			animation: huihualoading 1.4s infinite ease-in-out;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	}
	@keyframes huihualoading {
			0%{
				background: #16c9f0;
			}
	
			50% {
				background: #0dd5ce;
			}
			100% {
				background: #00e994;
			}
	}
	.huihua-loading .i:first-child {
			margin-left: 0;
			-webkit-animation-delay: .2s;
			animation-delay: .2s
	}
	.huihua-loading .i:nth-child(2) {
			-webkit-animation-delay: .4s;
			animation-delay: .4s
	}
	.gradient-text {
		color: white;
		background: linear-gradient(to bottom, #16c9f0, #00e994);
		background: -webkit-gradient(linear, left top, right top, color-stop(0, #16c9f0), color-stop(.4, #00e994), color-stop(.5, #00e994), color-stop(.6, #16c9f0), color-stop(1, #16c9f0));
		background-clip: text;
		-webkit-background-clip: text;
		text-fill-color: transparent;
		-webkit-text-fill-color: transparent;
		-webkit-animation: colorGradient 4s ease-in-out infinite;
	}
	@keyframes colorGradient {
		0% {background-position:-100px 0;}
		50% {background-position: 100px 0;}
		100% {background-position: -100px 0;}
	}
	
	
	/*新版会员*/
	.vip_quanyi{
							
	}
	.vip_quanyi_tit{
		padding: 50px 0 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.vip_quanyi_tit_txt{
		font-size: 24px;
		padding: 0 10px;
	}
	.vip_quanyi_tit .tline{
		margin: 0 10px;
		display: block;
		width: 200px;
		height: 2px;
		background: linear-gradient(to right, rgba(24,201,240,0), rgba(24,201,240,.3));
	}
	.vip_quanyi_cont{
		display: flex;
	}
	.vip_quanyi_item{
		flex: 1;
	}
	.vip_quanyi_item_xx{
		text-align: center;
		min-height: 45px;
		margin: 0 5px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.vip_quanyi_item_xx.hd{
		height: 80px;
		font-size: 18px;
		background: #f5f7fa;
	}
	.vip_quanyi_cont .vip_quanyi_item .vip_quanyi_item_xx:nth-child(2n+1){
		background: #fafbfd;
	}
	.vip_quanyi_cont .vip_quanyi_item:nth-child(1) .vip_quanyi_item_xx.hd{
		background: #f5f7fa;
	}
	.vip_quanyi_cont .vip_quanyi_item:nth-child(2) .vip_quanyi_item_xx.hd{
		background: #f5f7fa;
	}
	
	.vip_quanyi_cont .vip_quanyi_item:nth-child(3) .vip_quanyi_item_xx.hd{
		background: #e7fbff;
		color: #16c9f0;
	}
	.vip_quanyi_cont .vip_quanyi_item:nth-child(4) .vip_quanyi_item_xx.hd{
		background: #e0fdff;
		color: #00d7e9;
	}
	.vip_quanyi_cont .vip_quanyi_item:nth-child(5) .vip_quanyi_item_xx.hd{
		background: #edf5ff;
		color: #77a3eb;
	}
	
	.vip_quanyi_cont .vip_quanyi_item:first-child .vip_quanyi_item_xx.hd{
		border-radius: 20px 0 0 0;
	}
	.vip_quanyi_cont .vip_quanyi_item:last-child .vip_quanyi_item_xx.hd{
		border-radius: 0 20px 0 0;
	}
	.vip_quanyi_item_xx .icon-chahao{
		color: #ff4642;
		font-weight: 600;
		font-size: 18px;
	}
	.vip_quanyi_item_xx  .icon-a-circle-check-filled{
		font-size: 22px;
	}
	.vip_quanyi_item_xx_hd_icon{
		width: 20px;
		height: 20px;
		margin-right: 3px;
	}
	
	.pay_t1{
		padding-bottom: 20px;
		color: #6f7c87;
		font-size: 16px;
		text-align: center;
	}
	.pay_time{
		padding: 0 10px;
		display: inline-flex;
		font-size: 24px;
		color: #333;
	}
	.pay_time span{
		padding: 0 5px;
		color: #16c9f0;
	}
	.pay_left{
		flex: 1;
	}
	.pay_left .t1{
		padding: 30px 0 15px;
		font-size: 18px;
		color: #6f7c87;
	}
	.pay_left .t1 span{
		color: #ff4642;
		font-family:Impact;
	}
	.pay_left .t2{
		padding: 8px 0;
		font-size: 16px;
	}
	.pay_left .t2 span{
		color: #6f7c87;
		display: inline-block;
		min-width: 70px;
	}
	.pay_left .t3{
		margin-top: 5px;
		font-size: 14px;
		color: #849aac;
	}
	.pay_right{
		padding-top: 30px;
		flex-shrink: 0;
		text-align: center;
	}
	.vipmian{
		width: 84%;
		margin: auto;
	}
	.viptab{
		margin:60px 30px 30px;
		display: flex;
		padding: 6px;
		
		box-sizing: border-box;
		background: #f1f1f6;
		border-radius: 14px;
		
	}
	.viptab-item{
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		height: 36px;
		border-radius: 10px;
		font-size: 14px;
		color: #6f7c87;
		cursor: pointer;
	}
	.viptab-item.on{
		background: #ffffff;
		color: #16c9f0;
		font-weight: 500;
	}
	.viptab-item:hover{
		color: #16c9f0;
		font-weight: 500;
	}
	.viptab-item-tag{
		margin-left: 5px;
		padding: 0 3px;
		display: flex;
		align-items: center;
		height: 20px;
		justify-content: center;
		background-image: linear-gradient(to right, #0bd9c2 , #15c9ee);
		border-radius: 6px;
		font-size: 12px;
		color: #fff;
	}
	.vip-item{
		flex: 1;
		min-width: 250px;
		margin: 12px;
		height: 100%;
		background: #f5f7fa;
		background-size: 100%;
		border-radius: 20px;
		color: #333;
		padding:15px 20px;
		cursor: pointer;
	}
	.vip-item .e5e-btn{
		font-weight: 500;
	}
	.vip-item.ys2{
		background: #16c9f0 ;
		color: #fff;
	}
	.vip-item.ys2 .e5e-btn{
		color: #16c9f0 ;
	}
	.vip-item.ys3{
		background: #00d7e9 ;
		color: #fff;
	}
	.vip-item.ys3 .e5e-btn{
		color: #00d7e9 ;
	}
	.vip-item.ys4{
		background: #7ab0f4;
		color: #fff;
	}
	.vip-item.ys4 .e5e-btn{
		color: #7ab0f4 ;
	}
	.vip-item-hd{
		padding:10px 0 15px;
		font-size: 16px;
	}
	.vip-item-hd-icon{
		width: 15px;
		height: 15px;
		margin-right: 5px;
	}
	.vip-item-d1{
		font-size: 16px;
	}
	.vip-item-d1-num{
		font-size: 48px;
		font-family:Impact;
		/* font-weight: 600; */
		margin-right: 5px;
	}
	.vip-item-d2{
		margin-top: 10px;
		font-size: 14px;
		opacity: .8;
	}
	.vip-item-d3{
		margin-top: 18px;
		padding: 10px;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 10px;
		height: 70px;
	}
	.vip-item-d3-t1{
		font-size: 15px;
		font-weight: 500;
		display: flex;
		align-items: center;
	}
	.vip-item-d3-t1-ico{
		margin-right: 5px;
		width: 18px;
		height: 18px;
		background: #fff;
		border-radius: 20px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.vip-item-d3-t1-num{
		padding: 0 5px;
		font-size: 20px;
		font-family:Impact;
	}
	.vip-item-d3-t2{
		margin-top: 5px;
		font-size: 12px;
		opacity: .8;
	}
	.vip-item-cont{
		padding: 10px 15px;
		
	}
	.vip-item-cont-item{
		padding: 7px 0;
		display: flex;
	}
	.vip-hd-t1{
		margin-top:60px ;
		text-align: center;
		font-size: 32px;
		font-family:"Source Han Sans CN", "Microsoft YaHei", 微软雅黑, "Microsoft YaHei", 宋体, SimSun, sans-serif;
		font-weight: 500;
		/* background: -webkit-linear-gradient(#00e492, #15c6e9); */
	}
	.vip-hd-t1 span{
		background: linear-gradient(to right, #00e492,#00cfc2, #15c6e9);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.vip-hd-t2{
		margin-top:15px;
		color: #6f7c87;
		font-size:16px;
		text-align: center;
	}
	.user-data{
		display: flex;
		align-items: center;
		padding:20px 0;
	}
	.user-data .text-line{
		height: 30px;
		background: #dbdfe5;
	}
	.user-data-item{
		flex: 1;
		text-align: center;
	}
	.user-data-item .t1{
		font-size: 16px;
		font-weight: 500;
	}
	.user-data-item .t2{
		margin-top:5px;
		color: #6f7c87;
		font-size: 13px;
	}
	.user-data-item .t3{
		margin-top:3px;
		color: #849aac;
		font-size: 12px;
	}
	.user-data-time{
		padding: 0 10px 0;
		font-size: 13px;
		color: #849aac;
	}
	.gmBox{
		padding:40px 20px;
		display: flex;
	}
	.gm-item.on,.gm-item:hover{
		background: #16c9f0;
		color: #ffffff;
	}
	.gm-item.on .gm-item-num,.gm-item:hover .gm-item-num{
		color: #fff;
	}
	.gm-item{
		flex: 1;
		min-width: 300px;
		margin: 10px;
		background: #f5f7fa;
		border-radius: 20px;
		text-align: center;
		height: 270px;
		padding: 30px;
		transition: all .3s;
		cursor: pointer;
	}
	.gm-item-t1{
		font-size: 24px;
	}
	.gm-item-icon{
		width: 30px;
		height: 30px;
		background: #fff;
		border-radius: 30px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.gm-item-icon img{
		width: 20px;
		height: 20px;
	}
	.gm-item-num{
		color: #00d0fd;
		font-weight: 500;
		font-size: 24px;
	}
	.gm-item-t2{
		margin-top: 20px;
		font-size: 24px;
	}
	.gm-item-t2 span{
		font-size: 48px;
		font-weight: 600;
	}
	.gm-item-t3{
		margin-top:10px;
		text-decoration: line-through;
		height: 20px;
		opacity: .6;
	}
	.gm-item-d3{
		margin-top: 10px;
	}
	.gm-item-d3 .e5e-btn{
		font-size: 16px;
		font-weight: 500;
		color: #16c9f0;
	}
	.pay_cont{
		margin:0 20px 20px;
		border-radius: 20px;
		background: #f5f7fa;
		display: flex;
		padding: 30px;
	}
	.pay_code{
		width: 120px;
		height: 120px;
		flex-shrink: 0;
	}
	.scale{
		transition: all 0.3s;
	}
	.scale:hover{
		transform: scale(1.05);
		box-shadow:0px 10px 50px rgba(0, 0, 0, 0.20);
	}
	
	
	.szr-nva-item0{
		width: 48px;
		height: 48px;
		border-radius: 10px;
		background: #fff;
		margin: 10px;
		border:2px solid #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		cursor: pointer;
	}
	.szr-nva-item0.on{
		border-color: #16c9f0;
	}
	.szr-nva-item0:hover{
		color: #fff;
		background: #00489a;
	}
	.uploadtips{
		font-size: 14px;
		color: #9badba;
		padding-top: 20px;
	}
	.uploadBtn{
		margin: 10px;
		min-width: 300px;
		width: 46%;
		height:326px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border:2px solid #fff;
		background: #fff;
		border-radius: 20px;
		position: relative;
		transition: all .3s;
		cursor: pointer;
	}
	.uploadBtn:hover,.uploadBtn.on{
		border:2px solid #16c9f0;
	}
	.uploadBtnIcon{
		width: 60px; height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.uploadBtnT1{
		font-size: 14px;
		color: #333;
	}
	.uploadBtnT2{
		margin-top: 5px;
		font-size: 12px;
		color: #849aac;
	}
	.yanshiV-item{
		margin: 10px 10px 0 0;
		width: 160px;
		height: 90px;
		background: #dbf6fb;
		border-radius: 10px;
		cursor: pointer;
	}
	.yanshiV-item-video{
		width: 100%;
		height: 100%;
		border-radius: inherit;
	}
	.uploadIng{
		width: 100%;
		height: 100%;
		border-radius: inherit;
		background: linear-gradient(-45deg, #5ba3ff, #8ff2ec, #8ae4f7,#49fcba);
		background-size: 200% 200%;
		animation: gradientAnimation 3s ease-in-out infinite;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	@keyframes gradientAnimation {
		0% {
				background-position: 0% 50%;
		}
		25% {
				background-position: 25% 75%;
		}
		50% {
				background-position: 100% 50%;
		}
		75% {
				background-position: 75% 25%;
		}
		100% {
				background-position: 0% 50%;
		}
	}
	.inglogoBox{
		position: relative;
		text-align: center;
	}
	.ing{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
	}
	.ingtext{
		margin-top: 12px;
		font-size: 16px;
		font-weight: bold;
	}
	.uploadFinish{
		width: 100%;
		height: 100%;
		border-radius: inherit;
		background: #fff;
		position: relative;
	}
	.uploadFinishIcon{
		position: absolute;
		right: 10px;
		top: 10px;
	}
	.uploadFinishIcon-item{
		margin-top: 10px;
		width: 40px;
		height: 40px;
		border-radius: 99px;
		background: rgba(0, 0, 0, .3);
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.uploadFinishBox{
		position: absolute; 
		left: 0; 
		right: 0; 
		top: 0;
		 bottom: 0;
		 display: flex;
				align-items: center;
				justify-content: center;
	}
	.szr-nva-item0{
		width: 48px;
		height: 48px;
		border-radius: 10px;
		background: #fff;
		margin: 10px;
		border:2px solid #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		cursor: pointer;
	}
	.szr-nva-item0.on{
		border-color: #16c9f0;
	}
	.iconfont {
		cursor: pointer;
	}
	
	
	
	
/* 	首页 */
.web{
		background: #004c9a;
		color: #fff;
		height: auto;
	}
	.web-ad{
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		width: 180px;
		background: #004c9a url(https://ai.e5e.cn/template/sign8tag/e5eai/images/home_left_bg.jpg) no-repeat;
		padding: 10px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.web-cont{
		flex: 1;
		background: #072643;
		border-radius: 20px 0 0 20px;
		overflow: hidden;
		min-height: 100%;
	}
	.nav-item{
		margin: 10px 0 0;
		padding: 0 10px;
		height: 38px;
		border-radius: 20px;
		display: flex;
		align-items: center;
		font-size: 16px;
	}
	.nav-item.on{
		background: rgba(0, 0, 0, .3);
	}
	.nav-item-icon{
		width: 25px;
		height: 25px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-right: 5px;
	}
	.nav-item.on .nav-item-icon{
		background: -webkit-linear-gradient( #00e492, #15c6e9);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.home-logo{
		padding: 20px 0;
	}
	.nav hr{
		margin: 20px 0;
		border-color: rgba(0, 0, 0, .1);
	}
	.nav-t{
		font-size: 14px;
		color: rgba(255, 255, 255, .6);
	}
	.home-img img{
		border-radius: 20px;
	}
	
	
	.home-search{
		width: 30%;
		height: 40px;
		padding: 0 15px;
		border-radius: 30px;
		background: rgba(255, 255, 255, .1);
		display: flex;
		align-items: center;
	}
	.home-search-input{
		flex: 1;
	}
	.home-search-input input{
		width: 100%;
	}
	.home-search-btn{
		width: 60px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}
	.home-vipbtn{
		padding: 0 15px;
		border-radius: 30px;
		height: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: rgba(255, 255, 255, .1);
		font-size: 16px;
	}
	.masonry-item{
		position: relative;
	}
	.itme-textBox{
		padding: 12px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8));
		color: #fff;
		transition: all .2s;
	}
	.itme-user{
		display: flex;
		align-items: center;
	}
	.itme-user-pic{
		width: 22px;
		height: 22px;
		border-radius: 20px;
		object-fit: cover;
		margin-right: 5px;
		font-size: 12px;
	}
	.item-hover{
		display: none;
	}
	.grid-item:hover .item-hover{
		display: flex;
	}
	.grid {
		column-count: 5;  /* 列数 */
		column-gap: 10px;  /* 列间距 */
		list-style: none;  /* 去除列表样式 */
		margin: 0;
		padding: 0;
	}
	.grid-item{
		width: 20%;
		box-sizing: border-box;
		display:block; /* 列表项内联显示 */
		transition: all 0.3s ease;
		border-radius: 10px;
		font-size: 13px;
		overflow: hidden;
		cursor: pointer;
	}
	.grid-item .p-relative{
		position: relative;
		margin: 5px;
		border-radius: inherit;
		overflow: hidden;
	}
	
	.grid-item:hover {
			transform: translateY(-5px);
			box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	}
	.grid-item-img{
		border-radius: inherit;
		width: 100%; /* 图片宽度占满列表项 */
		height: auto; /* 根据宽度自动计算高度 */
	}
	.loadingBox{
		text-align: center;
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.loading-text{
		padding: 0 5px;
	}
	.spinner {
		box-sizing: border-box;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}
	
	/* 圆形加载动画 */
	.spinner--circle {
		flex-shrink: 0;
		width: 20px;
		height: 20px;
		border: solid currentColor;
		border-radius: 50%;
		border-right-color: transparent;
		animation-name: spin;
	}
	/* 动画定义 */
	@keyframes spin {
		from { transform: rotate(0deg); }
		to { transform: rotate(360deg); }
	}
	#back-to-top{
		position: fixed;
		right: 20px;
		bottom: 50px;
		width: 40px;
		height: 40px;
		border-radius: 50px;
		background: rgba(0,0,0,.5);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all .2s;
	}
	#back-to-top:hover{
		background: #004c9a;
	}
	.grid-item-tag{
		position: absolute;
		right: 5px;
		top: 5px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 22px;
		padding: 0 5px;
		background: rgba(0, 0, 0, .6);
		border-radius: 4px;
		font-size: 13px;
	}
	/* 查看详细 */
			.open .modal{
				display: block;
			}
			.modal{
				display: none;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				position: fixed;
				z-index: 1001;
				padding: 20px;
				background:#072643;
			}
			
			.modal-cont{
				display: flex;
				height: 100%;
				overflow: hidden;
				position: relative;
				transition: all .5s cubic-bezier(.4,0,.2,1);
				width: 100%;
			}
			.detail-right{
				flex-shrink: 0;
				width:440px;
				border-image-outset: 0;
				border-image-repeat: stretch;
				border-image-slice: 1;
				border-image-source: linear-gradient(180deg, hsla(0, 0%, 100%, 0) -1.77%, rgba(215, 218, 224, .15) 23.67%, rgba(183, 189, 200, .276) 49.12%, rgba(170, 177, 190, .15) 74.56%, rgba(122, 133, 153, 0));
				border-image-width: 1px 0 1px 1px;
				overflow-y: auto;
				padding: 8px 23px 0 40px;
			}
			.detail-right .hd{
				align-items: flex-start;
				align-self: stretch;
				border-bottom: .5px solid rgba(255, 255, 255, .1);
				display: flex;
				flex-direction: column;
				flex-shrink: 0;
				padding: 8px 0 16px 0;
				position: relative;
				row-gap: 4px;
			}
			.detail-right .hd_user{
					display: flex;
			    align-items: center;
			    align-self: stretch;
			    flex-shrink: 0;
			    height: 32px;
			    justify-content: space-between;
			    padding-bottom: 12px;
			    padding-top: 12px;
			}
			
			.txt-t2{
				opacity: .5;
			}
			.detail-right .md{
				padding: 15px 0;
			}
			
			.detail-info-tip{
				
			}
			.detail-info-txt{
				padding: 10px 0;
				line-height: 1.8;
				text-align: justify;
			}
			.detail-info-bd{
				display: flex;
				align-items: center;
			}
			.infotag{
				position: relative;
				z-index: 1;
				cursor: pointer;
			}
			.infotag:hover .txt-t2{
				opacity: .8;
			}
			.infotag .e5e-tooltip{
				transform: scale(0);
			}
			.infotag:hover .e5e-tooltip{
				transform: scale(1);
				opacity: 1;
				visibility: visible;
			}
			.info-item{
				min-width: 200px;
				padding: 5px 0;
				display: flex;
				align-items: center;
			}
			.detail-right .bd{
				display: flex;
				align-items: center;
			}
			.detail-btn{

				height: 32px;
				min-width: 32px;
				border-radius: 8px;
				background: rgba(255, 255, 255, .2);
				display: inline-flex;
				align-items: center;
				justify-content: center;
			}
			.user-pic{
				width: 20px;
				height: 20px;
				margin-right: 5px;
			}
			.operation-area{
				display: flex;
				align-items: center;
				flex-direction: column;
				width: 50px;
			}
			.operation-area-item{
				align-items: center;
				background: transparent;
				border: none;
				border-radius: 8px;
				cursor: pointer;
				display: flex;
				font-size: 20px;
				height: 40px;
				justify-content: center;
				line-height: 1;
				overflow: hidden;
				position: relative;
				width: 40px;
			}
			.operation-area-item:hover{
				background: rgba(0, 0, 0, .3);
			}
			.modal-right{
				flex-shrink: 0;
			}
			.modal-contbox{
				align-items: center;
				display: flex;
				justify-content: center;
				margin: auto;
				transition: width .3s cubic-bezier(.4,0,.2,1), height .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1), padding-bottom .3s cubic-bezier(.4,0,.2,1);
				aspect-ratio: 0.6667 / 1;
				width: auto;
				height: 100%;
				
			}
			.image-player{
			    height: 100%;
			    object-fit: cover;
			    transition: opacity .3s ease;
			    width: 100%;
					position: relative;
			}
			.image-player img {
			    border-radius: 16px;
			    object-fit: cover;
			    overflow: hidden;
			    width: 100%;
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					transition: opacity .1s ease;
			}
			.modal-right{
				display: flex;
			}
			.modalBox{
				height: 100%;
				display: flex;
			}
			/* 发布作品 */
			.e5e-tab-menu{
				height: 30px;
			}
			.fabu-layer{
				background: #072643;
				max-width: 1000px;
			}
			.fabu-md{
				display: flex;
				gap: 12px;
				height: 560px;
				padding: 0 14px;
			}
			.fabu-right,.fabu-left{
				flex: 1;
				border-radius: 8px;
				background-color:rgba(0, 0, 0, .3);
				display: flex;
				flex-direction: column;
				overflow: hidden;
			}
			.fabu-right{
				overflow-y: auto;
				padding: 16px;
			}
			
			.addcontBox{
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}
			.addcont-md{
				flex: 1;
				overflow: hidden;
			}
			.fabutab{
				display: inline-flex;
				align-items: center;
			}
			.fabutab-item{
				
			}
			.miaoshu-hd{
				margin-bottom: 8px;
			}
			.fabu-md .miaoshu{
				margin: 0 0 20px;
			}
			.fabu-md .e5e-textarea{
				height: 160px !important;
				line-height: 1.6;
				resize:none;
			}
			.addbox{
				cursor: pointer;
				height: 100%;
				min-height: 120px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				position: relative;
			}
			.addbox-shanchu{
				position: absolute;
				right: 0;
				top: 0;
				z-index: 9;
			}
			.addbox-shanchu2{
				width: 100%;
				padding: 5px;
				background: rgba(0, 0, 0, .3);
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.addbox.addboxh-120{
				height: 120px;
			}
			.addboxImg{
				width: 100%;
				height: 100%;
				object-fit: contain;
			}

		/* 历史创作 */
			.hoverBtn {
			    margin: 0 5px;
			    display: inline-flex;
			    align-items: center;
			    min-width: 50px;
			    border-radius: 10px;
			    position: relative;
			    cursor: pointer;
			}
			.hoverBtn:hover .e5e-tooltip{
				transform: scale(1);
				visibility: visible;
				opacity: 1;
				display: block;
			}
			.paixuBtn{
				display: inline-flex;
				align-items: center;
			}
			.chuangzuo{
				display: flex;
				flex-wrap: wrap;
				gap: 8px;
			}
			.chuangzuo-item{
				width: 140px;
				height: 140px;
				border: 1px solid transparent;
				border-radius: 8px;
				opacity: .8;
				cursor: pointer;
			}
			.chuangzuo-item:hover{
				opacity: 1;
			}
			.chuangzuo-item.on{
				border-color: #15c6e9;
				opacity: 1;
			}
			.chuangzuo-item-img{
				position: relative;
				border-radius: inherit;
				overflow: hidden;
				width: 100%;
				height: 100%;
				background:rgba(0, 0, 0, .3);
			}
			.chuangzuo-item-img img{
				width: 100%;
				height: 100%;
				display: block;
				object-fit: contain;
				
			}
			.lishishaixuan{
				padding: 0 10px;
				display: flex;
				align-items: center;
			}
			
/* 首页结束 */