:root {
	--blue: #2d91e3;
}

a {
	color: var(--blue);
}
.br-color-gray {
	border: 1px #303133 solid;
	color: #303133;
	border-radius: 50px;
	background: white;
}
.br-color-red {
	background: white;
	border-radius: 50px;
	border: 1px #2d91e3 solid;
}
.bg-color-white,
.bg-color-white:hover {
	border: 1px #ff4d4f solid;
	background: #fff;
}
.color-red,
.color-red.btn:hover,
.color-red.btn:focus,
.color-red.btn.focus {
	color: #ff4d4f;
}

/*  */

.btn:hover,
.btn:focus,
.btn.focus {
	opacity: 0.7;
}
/* 去除边框 */

.bg-color-bule {
	background: #e6f7ff;
}
.color-Light-gray-p,
.color-Light-gray-p:hover {
	color: #ebeef5;
}
.color-gray-p,
.color-gray-p:hover {
	color: #909399;
}
.color-blue,
.color-blue:hover {
	color: var(--blue);
}

/* 标题 */
.font-xl {
	font-size: 28px;
}

/* 普通文本 */
p {
	margin: 8px 0;
	word-wrap: break-word;
	color: inherit;
}
p:first-child {
	margin-top: 0;
}
p:last-child {
	margin-bottom: 0;
}

ul {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
div[contenteditable]:empty:before {
	content: attr(placeholder);
	color: #cccccc;
}
div[contenteditable]:focus {
	content: none;
}

.relative {
	position: relative;
}

.ml-sm {
}
.ml-xl {
	margin-left: 12px;
}
.mr-md {
	margin-right: 12px;
}
.mb-md {
	margin-bottom: 12px;
}
.mar-lg {
	margin: 35px;
}
.lh-sm {
	line-height: 0.7;
}
.lh-md {
	line-height: 1.8;
}
.lh-he {
	line-height: 2.4;
}
.lh-lg {
	line-height: 2.8;
}
.pl-xm {
	padding: 10px 5px 0;
}
.pl-sm {
	padding: 30px 30px 0;
}
.pl-xl {
	padding: 3px 50px 3px;
}
.pad-xm {
	padding: 10px 0;
}
.pad-lg {
	padding: 35px;
}

.radius-sm {
	border-radius: 4px;
	overflow: hidden;
}

.shadow {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
}
.space-no,
.space-no .btn {
	white-space: normal;
	height: initial;
}

/* 树状重置 */
.jstree-default .jstree-icon {
	float: left;
}
.jstree-default .jstree-node {
	color: #606266;
}
.jstree-anchor {
	display: block !important;
	overflow: hidden;
}

/* layui 重置 */
.layui-layer-title {
	height: 48px;
	line-height: 48px;
	font-size: 16px;
}
.layui-hidden .layui-layer-content {
	overflow: initial !important;
}
.layui-layer-fast .layui-layer-btn .layui-layer-btn0 {
	color: #fff;
	background-color: var(--blue);
	border-color: var(--blue);
}

.table.border-none,
.table.border-none td,
.table.border-none {
	border: none !important;
}
.table td .fa-circle {
	transform: scale(0.4);
}
.fa-toggle-on.text-success {
	color: var(--blue);
}
.table-bordered {
	border: none;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: none;
}
.th,
tr {
	background: #f5f7fa;
	border: none;
}
.tr,
td {
	background: #fff;
}
/* flex 布局 */
.sy-flex,
.sy-middle,
.sy-media,
[class*="sy-column"],
.el-row,
.sy-loop__box {
	/* 继承上级宽度，解决左右间隔问题 */
	width: -webkit-fill-available;
	width: -moz-fill-available;
	width: -moz-available;
	width: fill-available;

	/* 新版本 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	/* 老版本 */
	/* display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox; */

	flex-wrap: wrap;
}
.gap {
	margin: 0 -8px;
}
.gap > * {
	padding: 0 8px;
}
.sy-flex-auto {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.sy-flex-between {
	justify-content: space-between;
}
/* 区块均分 */
.sy-flex-space {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
/* 区块居中 */
.sy-middle {
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.sy-middle--center {
	-webkit-justify-content: center;
	justify-content: center;
}

.sy-middle .checkbox {
	padding-top: 0;
	min-height: initial;
}

.table-hideinfo .fixed-table-pagination {
	display: none !important;
}
.box-sms {
	border: 1px solid #eee;
}
.box-sms .box-title {
	font-size: 13px;
}
.box-sms .box-body {
	padding: 10px;
}

.nav-pills > li > a {
	padding: 5px 10px;
	border: none;
}
.nav-pills .active > a {
	border-radius: 4px;
}

.ellipsis-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 图片 */
/* img{vertical-align:middle;max-width: 100%;} */
/* .img > a{display: inline-block} */

/* 强制白色 */
.zz-dom-white {
	filter: brightness(10);
	-webkit-filter: brightness(10);
}

.row {
	margin-left: -10px;
	margin-right: -10px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	padding-left: 10px;
	padding-right: 10px;
}
.blank {
	margin-bottom: 20px;
}
.blank-sm {
	margin-bottom: 18px;
}

.info-box {
	box-shadow: initial;
	border-radius: initial;
	margin-bottom: initial;
}
.info-title {
	font-size: 16px;
	margin-bottom: 8px;
}
.info-box-img {
	overflow: hidden;
	float: left;
	margin-right: 16px;
	width: 100px;
	height: 100px;
}
.info-box-img img {
	max-width: 100%;
}

label[class*="col-"] {
	margin-bottom: 0;
}
/* label-success重置 */
.label-subscript {
	color: #52c41a;
	border: 1px solid #52c41a;
	border-radius: 2px;
	font-size: 12px;
	padding: 1px 2px;
}

.is-dialog .content {
	min-height: initial;
}
.flex-center {
	display: flex;
	align-items: center;
}
.inline-block,
.inline-blocks > * {
	display: inline-block;
}
.inline-middle > * {
	vertical-align: middle;
	display: inline-block;
}

.inline-middle input[type="radio"],
.inline-middle input[type="checkbox"] {
	margin: 0;
	position: initial;
}

.input-w-sm {
	width: 80px !important;
}
/* input单独样式 */
.matic-management {
	width: 60px;
	height: 28px;
	background: #f5f7fa;
	border: 1px solid #197aff;
	opacity: 1;
	border-radius: 4px;
}

.form-horizontal .row > label {
	padding-top: 7px;
}

.form-group.w-sm > label {
	display: block;
}
.form-group.w-sm > *,
.input-wsm input[type="text"],
.input-wsm textarea {
	width: calc(50% - 15px) !important;
	min-width: 430px !important;
}

.input-wsm .fieldlist dd input:first-child {
	width: 110px !important;
	min-width: initial !important;
}

/* .radio:first-child{
    margin-top:0;
    padding-top: 0
}
.radio:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}
 */

.title-line {
	background-color: #f7f8fa;
	padding: 14px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.title-right {
	padding: 6px;
}

.oopet-box {
	background-color: #fff;
	border-radius: 4px;
	padding: 16px;
}
.oopet-box .con-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px;
}
.oopet-box .con-between .btn {
	border: #2d91e3 solid 1px;
	color: #2d91e3;
	background-color: #fff;
	padding: 2px 10px;
}
.oopet-box .title {
	padding: 4px;
	margin-bottom: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.oopet-box .title h4 {
	font-size: 16px;
	margin: 0;
	color: #202020;
	font-weight: 500;
}
.oopet-nav {
	background-color: #fff;
	border-radius: 8px;
	margin-bottom: 20px;
}

.box-hd,
.box-hd .btn-bar {
	margin-bottom: 16px;
}

.oopet-nav-ul {
	padding: 0;
	margin: 0;
}

.oopet-nav-ul li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}

.oopet-nav-ul li a {
	display: block;
	padding: 12px 16px;
	font-size: 18px;
	color: #999;
}

.oopet-nav-ul li.cur a {
	color: #000;
}

/* 错误 */
.n-default .msg-wrap {
	top: -26px;
	right: 0;
}

.fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	padding: 14px;
	text-align: center;
	z-index: 999;
	border-top: 1px solid #eee;
}
.fixed-footer * {
	display: inline-block;
}

#secondnav {
	padding: 0 15px;
	height: initial;
	border-bottom: solid 1px #e4eaec;
	box-shadow: none;
}
#secondnav .nav-addtabs > li {
	margin: 0 0 0 -1px;
	line-height: 40px;
	height: 40px;
	border-radius: 0;
	border-top: 0;
	border-bottom: 0;
	border-color: #e4eaec;
	padding: 0 24px 0 15px;
}
#secondnav .nav-addtabs > li.tab-dashboard {
	padding: 0 15px;
}
#secondnav .nav-addtabs > li.active,
#secondnav .nav-addtabs > li:hover,
#secondnav .nav-addtabs > li:focus {
	border-color: #e4eaec;
}
#secondnav .nav-addtabs > li > a {
	line-height: 40px;
}
#secondnav .nav-addtabs > li > a i {
	display: none;
}
#secondnav .nav-addtabs > li .close-tab {
	margin-top: -10px;
	display: block;
}
#secondnav .nav-addtabs > li .close-tab::before {
	font-size: 22px;
	color: #999;
}
#secondnav .nav-addtabs > li .close-tab:hover::before {
	color: #333;
}
.multiplenav .content-wrapper,
.multiplenav .right-side {
	padding-top: 90px;
}

/* list-grid */

.list-grid {
	overflow: hidden;
	margin: 0 -15px;
}
.list-grid__item {
	text-align: center;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 1%;
	background: #f4f6f9;
	width: 31%;
	padding: 2%;
	border-radius: 5px;
}
.list-grid__item .icon {
	font-size: 22px;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-grid__item .name {
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}

.sm-st {
	background: #fff;
	padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.sm-st-icon {
	width: 60px;
	height: 60px;
	display: inline-block;
	line-height: 60px;
	text-align: center;
	font-size: 30px;
	background: #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin-right: 10px;
	color: #fff;
}

.sm-st-info {
	font-size: 12px;
	padding-top: 2px;
}

.sm-st-info span {
	display: block;
	font-size: 24px;
	font-weight: 600;
}
.st-red {
	background-color: #f05050;
}

.st-green {
	background-color: #27c24c;
}

.st-violet {
	background-color: #7266ba;
}

.st-blue {
	background-color: #23b7e5;
}
.st-orgeen {
	background-color: #ffc550;
}
.st-bluemore {
	background-color: #4791ff;
}
/* zz-step */
.zz-step {
	padding: 20px 0;
	text-align: center;
}
.zz-step-box {
	border-radius: 100px;
	background-color: #efefef;
	text-align: center;
	display: inline-block;
	padding: 0 30px;
}
.zz-step-item {
	display: inline-block;
	line-height: 38px;
	padding: 0 16px;
	color: #666;
}
.zz-step-item.cur {
	color: #18bc9c;
}

/* 响应式图片 */
.img-auto {
	position: relative;
	padding-top: 60%;
}
.img-auto-item,
.img-auto-item button {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	color: #999;
	overflow: hidden;
	background-color: transparent;
}
.img-auto-item .addbtn {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background-color: rgba(255, 255, 255, 0);
	overflow: hidden;
	z-index: 0;
	border-radius: 6px;
}
.img-auto-item,
.img-auto-item button:hover,
.img-auto-item,
.img-auto-item button:focus {
	outline: none;
}
.img-auto-item button:hover {
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
}
.img-auto-item img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.img-auto-item button {
	width: 100%;
	border: none;
}

/* 上传图片组件 */
.uploaditem .plupload-item {
	background-color: #f6f8fa;
}

.zz-media {
	overflow: hidden;
	margin-bottom: 22px;
}
.zz-media:last-child {
	margin-bottom: 0;
}
.zz-media-left {
	width: 200px;
	float: left;
	margin-right: 16px;
}
.zz-media-right {
	float: right;
	margin-left: 16px;
}
.zz-media-body {
	overflow: hidden;
}
/* 新闻发布 */
.page {
	background-color: #f5f5f5 !important;
	overflow: auto !important;
}
.page .page-adds {
	margin: auto;
	position: relative;
}
.page .page-title {
	background-color: #fff;
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	z-index: 10;
}
.page .page-title h3 {
	padding: 0;
	margin: 0;
	height: 50px;
	line-height: 50px;
}
.page .page-content,
.page-toolbar {
	padding: 0 40px;
}
.page .page-body {
	padding-top: 116px;
	width: 780px;
	margin: auto;
	position: relative;
}
.page .page-sidebar-right,
.page .page-sidebar-left {
	position: absolute;
	top: 116px;
	max-width: 336px;
	background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(229, 229, 229, 0.5);
	margin: 0;
	padding: 16px;
}
.page .page-sidebar-left {
	position: fixed;
	left: 20px;
}
.page .page-sidebar-right {
	right: 20px;
}
.page .editor-doc {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);
	padding: 40px 80px 80px;
	position: relative;
	min-height: calc(100vh - 120px);
}
.page .editor-doc .title,
.editor-doc .author {
	padding: 10px 0;
}
.page .page-toolbar {
	min-width: 800px;
}
.page .editor-footer {
	width: 780px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
}
/* .page .layer-footer{
    height: 100%;
    min-width: 600px;
    background-color: #fff;
    border-top: 1px solid #d9dadc;
    z-index: 118;
    border-top-width: 0;
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.05);
    padding: 16px 10px;
    margin: 0;
} */
.page .input-title,
.input-author {
	width: 100%;
	background-color: transparent;
	border: 0;
	outline: 0;
}
.page .input-title {
	font-size: 24px;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
}
.page .input-author {
	height: 22px;
	margin: 4px 0;
}
/* 编辑器 */
.page .note-toolbar-wrapper {
	position: fixed;
	left: 0;
	width: 100%;
	top: 50px;
	text-align: center;
	z-index: 10;
}
.page .note-editor.note-frame {
	border: none;
}
.page .editor-box {
	min-height: calc(100vh - 350px);
	/* min-height: 480px; */
	width: 100%;
}
.page .note-editing-area,
.page .editor {
	min-height: 460px;
	width: 100%;
}
.page .note-resizebar,
.note-statusbar {
	display: none;
}
.page .note-editor.note-frame .note-editing-area .note-editable {
	padding: 2px;
	font-size: 17px;
	color: #333;
}
.page .note-editor.note-frame .note-placeholder {
	padding: 3px 2px;
	font-size: 16px;
}
.page .note-editor.note-frame .note-editing-area .note-editable {
	min-height: calc(100vh - 338px);
	height: auto !important;
}

/* 编辑器 */
.page-toolbar {
	background-color: #fafafa;
}
.page-toolbar .tox-editor-header {
	margin: auto;
}

.editor {
	outline: none;
}
.page-toolbar .tox-tinymce-inline .tox-editor-header {
	border: none;
}
.page-toolbar .tox .tox-toolbar-overlord {
	background-color: transparent;
}
.page-toolbar .tox .tox-toolbar,
.page-toolbar .tox .tox-toolbar__overflow,
.page-toolbar .tox .tox-toolbar__primary {
	background: none;
}
.page-toolbar .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type) {
	border-color: #eee;
}
.page-toolbar .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
	width: 2.5em;
}
/* 正文 */
.article {
	line-height: 1.8;
	font-size: 16px;
}

.doc-exp {
	position: absolute;
	left: calc(100% + 16px);
}
.doc-exp-body {
	position: fixed;
	bottom: 72px;
}
.doc-exp-body-up {
	position: fixed;
	bottom: 120px;
}

.doc-exp-btn {
	background-color: #fff;
	padding: 8px 14px;
	border-radius: 100px;
	color: #909399;
	min-width: 80px;
}
.doc-exp-btn i {
	font-size: 16px;
	margin-right: 2px;
	position: relative;
	top: 1px;
}
.doc-exp-btn:hover {
	opacity: 0.7;
}
.doc-exp-btn a {
	display: block;
	min-width: 80px;
	color: #909399;
	white-space: nowrap;
}

/* 热门搜索 */
.oopet-box .table-responsive .table tbody > tr > td:nth-child(2) {
	color: rgb(50, 170, 240);
}
.oopet-usernum {
	display: flex;
	align-items: center;
}
.oopet-search__title {
	font-size: 14px;
	color: rgb(102, 100, 100);
}
.oopet-usernum .num {
	font-size: 30px;
}
.oopet-usernum .pectent {
	margin-left: 20px;
}

.editor-doc .img-auto-item {
	border: 2px dashed #ebebeb;
	border-radius: 6px;
}
/* 按钮 */
.btn-bg-fff {
	color: #197aff;
	background: #fff;
	border: 1px solid #197aff;
}

/* 最新资讯 */
#news-list {
	-ms-overflow-style: none; /* IE 10+ */
	scrollbar-width: none; /* Firefox */
}
#news-list::-webkit-scrollbar {
	display: none; /* Chrome Safari */
}
.more {
	color: #a7a7a7;
	font-size: 12px;
}
.oopet-box .title .findrequest {
	margin-bottom: 24px;
}
/* 活动助理 */
.oopet-box__area {
	display: flex;
}
.el-date-editor.el-input {
	width: 100% !important;
}
.select__title {
	margin-top: 24px;
	margin-bottom: 10px;
	color: #707070;
	font-size: 13px;
}
textarea.form-control {
	border-radius: 4px;
}
/* 活动方案 */
.box-body {
	padding: 0 10px 10px 10px;
}
/* 客服电话 */
.oopet-box__contact {
	display: flex;
	color: #707070;
}
.contact__title {
	margin-top: 12px;
}
.contact__item {
	width: 33%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.icon__contact {
	width: 50px;
	height: 50px;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}
.icon__prebg {
	background-color: #e8e7ff;
	color: #8185ff;
}
.icon__greenbg {
	background-color: #daf7e8;
	color: #4ad991;
}
.icon__orbg {
	background-color: #fff4e5;
	color: #ffca83;
}

/* 新闻卡片 */
.card-news {
	width: 260px;
	border: 1px solid #eee;
	position: relative;
}
.card-news .zz-card__img {
	position: relative;
}
.card-news .zz-card__img-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	color: #fff;
	padding: 8px;
}

.card-news .zz-media {
	margin-bottom: 8px;
}
.card-news .zz-media:last-child {
	margin-bottom: 0;
}
.card-news .zz-media-right {
	width: 24%;
	margin-left: 8px;
}
.card-news .zz-media-heading {
	font-size: 13px;
}
.card-news .zz-card__body {
	padding: 8px;
}
.card-news .zz-card__bar {
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-align: center;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.card-news .zz-card__time {
	font-size: 13px;
	color: #999;
}
.card-news .zz-card__footer {
	background-color: #f5f5f5;
	padding: 6px;
	text-align: center;
	font-size: 13px;
}

.zz-cardlist {
	margin: 0 -8px;
}
.zz-cardlist .zz-card {
	display: inline-block;
	vertical-align: top;
	margin: 0 8px 14px;
}

@media (max-width: 1480px) {
	.page .page-adds {
		padding-right: 350px;
	}
	.page .page-adds.sidebar-left {
		padding-left: 350px;
		padding-right: 0;
	}
}
@media (max-width: 1184px) {
	.page .page-adds {
		padding-right: 350px;
	}
	.page .page-adds.sidebar-left {
		padding-left: 350px;
		padding-right: 0;
	}
	.page {
		width: 1184px;
	}
}

/* 新版 */
.list-grid.horizontal .list-grid__item {
	background-color: #f4f6f9;
	flex-direction: initial;
}
.list-grid.horizontal .name {
	margin: 0 0 0 12px;
}

.form-commonsearch fieldset > .sy-flex {
	margin-top: -15px;
}
.form-commonsearch .form-group {
	margin: 15px 0 0;
}
.form-commonsearch .form-group {
	display: none;
}
.form-commonsearch .form-group:nth-child(1),
.form-commonsearch .form-group:nth-child(2),
.form-commonsearch .form-group:nth-child(3),
.form-commonsearch .form-group:last-child,
.form-commonsearch.openmore .form-group {
	display: block;
}
.required {
	font-size: 22px;
	line-height: 1px;
	font-family: unset;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	padding-right: 6px;
	bottom: -3px;
	color: #f5222d;
}
.dropdown-menu.text-left a,
.dropdown-menu.text-left li {
	line-height: 2;
}
.bs-bars {
	float: none !important;
}

/* 分类编辑 */
.channe-edit {
	position: absolute;
	z-index: 1;
	display: none;
}
.channe-edit i {
	color: #888;
	padding: 5px;
	font-size: 15px;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}
.channe-edit i:hover {
	color: #197aff;
}
/* popper */
.sy-popper {
	position: absolute;
	background: #fff;
	min-width: 150px;
	border-radius: 4px;
	border: 1px solid #ebeef5;
	padding: 12px;
	z-index: 2000;
	color: #606266;
	line-height: 1.4;
	text-align: justify;
	font-size: 14px;
	box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
	word-break: break-all;
	display: none;
}
/* .el-popper__title {
    color: #303133;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px;
} */
.sy-popper[x-placement^="right"] {
	margin-left: 12px;
}
.sy-popper[x-placement^="right"] .popper__arrow {
	top: 50%;
	left: -6px;
	margin-bottom: 3px;
	border-right-color: #ebeef5;
	border-left-width: 0;
}
.sy-popper .popper__arrow {
	border-width: 6px;
	filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.sy-popper[x-placement^="right"] .popper__arrow:after {
	bottom: -6px;
	left: 1px;
	border-right-color: #fff;
	border-left-width: 0;
}
.sy-popper .popper__arrow:after {
	content: " ";
	border-width: 6px;
}
.sy-popper .popper__arrow,
.sy-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.content-header {
	padding: 16px 20px;
	line-height: 1;
	background-color: #fff;
}
.content-header > h1 {
	font-size: 18px;
	color: #303133;
}
#ribbon {
	padding: 0;
}
.main-header .navbar {
	margin-left: 0;
}
/* #ribbon{
    background-color: #fff;
    padding: 15px 20px;
} */

/* 图片组件 */
.xb-comp-img {
	display: block;
	position: relative;
}
.xb-comp-img.radius {
	border-radius: 4px;
	overflow: hidden;
}
.xb-comp-img .img-text {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px 8px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	z-index: 2;
	font-size: 12px;
}
/* 公司信息组件 */
.xb-comp-company .media-object {
	border-radius: 500px;
	border: 1px solid #dcdfe6;
}
.img-center {
	text-align: center;
}
/* 重定义media media-infoimg */
.media-infoimg {
	text-align: left;
}
.xb-comp-company {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.main-header .logo {
	width: auto;
	font-weight: initial;
}
.sitename::before {
	content: "";
	width: 1px;
	height: 14px;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
}
.main-header .logo .sitename {
	font-size: 14px;
	padding-left: 12px;
	margin-left: 12px;
	position: relative;
}

/* 主色 */
.sy-mainbtn-color {
	color: #1890ff !important;
	background-color: #fff !important;
	border: 1px solid #1890ff !important;
}
.sy-mainbtn-color:active {
	color: #096dd9 !important;
}
.sy-mainbtn-color:hover {
	color: #40a9ff !important;
}
.sy-mainbtn-color .text {
	border: none;
}
.sy-mainbtn-bgcolor {
	background-color: #1890ff !important;
	color: #fff !important;
}
.sy-mainbtn-bgcolor:active {
	background-color: #096dd9 !important;
}
.sy-mainbtn-bgcolor:hover {
	background-color: #40a9ff !important;
}
.disbtn {
	opacity: 0.5;
}
/* 辅助色定义 */
.sy-primary


/* 中性色 */
.sy-text-main {
	color: #303133;
}
/* 常规 */
.sy-text-conv {
	color: #606266;
}
/* 次要 */
.sy-text-secon {
	color: #909399;
}
/* 占位 */
.sy-text-place {
	color: #c0c4cc;
}
/* 表单边框 */

/* 板块分割 */

/* 菜单分割 */

.sy-tabledots {
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	top: 9px;
	margin: 0 -10px;
	list-style: disc inside;
}

.sy-bgcolor-green {
	background-color: #52c41a;
}
.sy-bgcolor-orange {
	background-color: #fa8c16;
}
.sy-bgcolor-red {
	background-color: #ff4d4f;
}
.sy-bgcolor-blue {
	background-color: #18c1ff;
}
.sy-bgcolor-yellow {
	background-color: #ffb260;
}
.sy-color-green {
	color: #52c41a;
}
.sy-color-orange {
	color: #fa8c16;
}
.sy-color-red {
	color: #ff4d4f;
}
.sy-color-blue {
	color: #18c1ff;
}
.sy-color-yellow {
	color: #ffb260;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	line-height: 1;
}
.conHeadPannl {
	margin: -20px -20px 20px -20px;
	background-color: #fff;
	padding: 0 20px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.conHeadPannl .titlepannl {
	font-weight: 600;
	font-size: 16px;
	padding: 5px 0;
}
.conHeadPannl .labelpannl {
	color: #606266;
}
.conHeadPannl .headPannlRight {
	display: flex;
	align-items: center;
}
.headPannlRight .pannlrighticon {
	padding: 10px;
	width: 30px;
	height: 30px;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
	background: #f8fafc;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: #ebedf0 1px solid;
}
.headPannlRight .PannlRightitem {
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.headPannlRight .pannlrightlabel {
	margin-top: 10px;
}
.PannlRightitem:hover .pannlrightlabel {
	color: #40a9ff;
}

.sy-alert-info {
	width: 100%;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	color: #606266;
	padding: 10px;
	background: #e6f7ff;
	border: 1px solid #afdbff;
	opacity: 1;
	border-radius: 4px;
}

.v1-content {
	display: flex;
}
.v1-content-left {
	width: 200px;
	background-color: #fff;
	margin: 0 12px 0 0;
	padding: 18px 0;
	min-height: 770px;
}

.v1-content-right {
	flex: auto;
	background-color: #fff;
	padding: 18px;
}
.v1-con-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #303133;
	margin-bottom: 30px;
}

.skin-blue-light .sidebar-menu li.active > .treeview-menu {
	display: flex !important;
}

.maskbg {
	width: 100vw;
	/* height:100%; */
	min-height: 100vh;
	position: absolute;
	top: 0;
	z-index: 1000;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
}
.guidePannl {
	right: 350px;
	position: absolute;
	top: 200px;
	background: #fff;
	width: 300px;
	height: 200px;
	border-radius: 8px;
	z-index: 1;
	padding: 20px;
}

.protrude {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 100px;
	top: -5px;
	background-color: #fff;
	transform: rotate(45deg);
	z-index: -1;
}
.guideTitle {
	font-size: 18px;
	font-weight: 800;
	color: #313131;
	margin-bottom: 12px;
}
.guidelabel {
	font-size: 15px;
	color: #626164;
	font-weight: 400;
}
.guideFooter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	bottom: 30px;
	width: calc(100% - 40px);
}

.el-col {
	margin-bottom: 10px;
}
.formItem {
	display: flex;
	/* justify-content: center; */
	/* align-items: center; */
}
.formItemtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #606266;
	margin-right: 10px;
	text-align: right;
	width: 120px;
	word-break: break-all;
	vertical-align: middle;
	/* white-space:pre-wrap; */
	align-items: center;
	display: flex;
	justify-content: flex-end;
}
.formItemlabel {
	display: flex;
	width: calc(100% - 120px);
}

.formlabel {
	background-color: #f2f5f8;
	color: #303133;
	/* margin: 0 0 0 -50px ; */
	padding: 10px 20px;
}
.formItemlabel .el-form-item {
	margin: 0 !important;
}

.upload-demo,
.uploadclass {
	width: 100px;
	height: 100px;
	display: flex;
	/* flex-direction: column; */
	align-items: center;
	font-size: 14px;
	/* justify-content: center; */
	background: #f5f7fa;
	/* border: 1px solid  #DCDFE6; */
	border-radius: 4px;
}
.uploadclass {
	flex-direction: column;
	border: 1px solid #dcdfe6;
	justify-content: center;
}
.el-form-item__error {
	z-index: 100;
}