/* 全局通用样式 */
ul,li {
  list-style: none;
}

#app .container .dnn-cloud-pageHd {
  background: linear-gradient(90deg, #F66B3D 0%, #FB4E4E 100%)
}

#app .container .main aside .el-menu {
  background: #fff;
  border: none;
  /* box-shadow: 0px 4px 9px rgba(0, 0, 0, 1); */
}

#app .container .main aside .el-menu * {
  user-select: none;
}

#app  .container .main aside .el-menu .el-submenu {
  background: #F6F6F6;
  opacity: 1;
}

#app .container .main aside  .el-menu-item {
  opacity: 1;
}

#app .container .main aside .el-menu .el-menu-item, #app .container .main aside .el-menu .el-submenu__title {
  color: #333;
  background: #fff;
}

/* 左侧菜单 */
#app .container .main > aside {
  position: relative;
  z-index: 100;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, .1);
}

#app .container .main aside .el-menu .el-menu-item.is-active {
  /* background: #f66b3d; */
  background: linear-gradient(90deg, #F66B3D 0%, #FB4E4E 100%);
  color: #fff !important;
}


#app .container .main aside .el-submenu__title:hover,
#app .container .main aside .el-menu .el-menu-item:hover, 
#app .container .main aside .el-menu .el-submenu__title:hover {
  color: #f66b3d;
}

#app .container .main aside .el-submenu__title:hover .dnnfont,
#app .container .main aside .el-menu .el-menu-item:hover .dnnfont, 
#app .container .main aside .el-menu .el-submenu__title:hover .dnnfont {
  color: #f66b3d;
}

#app .container .main aside  .el-submenu__title i, #app .container .main aside .el-menu-item .dnnfont {
  color: #666;
}

#app .container .main aside .el-menu .el-menu-item.is-active .dnnfont {
  color: #fff;
}

#app .ftBox .ft {
  background: #fff;
}

#app .ftBox .ft p {
  color: #333;
  font-size: 12px;
}


/* 滚动条样式 */
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: hsla(220, 4%, 58%, .3);
}

.el-form .v-region {
  line-height: 24px;
}



/* 表格中的字体图标  */
.el-table	.operate .dnnfont {
		color: #666;
		margin-right: 10px;
		cursor: pointer;
    transition: all .2s;
}

.el-table	.operate .dnnfont:last-child {
  margin-right: 0;
}

.el-table	.operate .dnnfont:hover {
  opacity: .8;
  color: #F66B3D;
}
.el-table	.operate .dnnfont.icon-warn {
  color: #FD945A
}
.el-table	.operate .dnnfont.icon-disabled {
  cursor: not-allowed;
  color: #9C9C9C ;
}
.el-table	.operate .dnnfont.icon-disabled:hover {
  opacity: 1;
}

/* tag 标签 */
.myTag {
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 2px;
  color: #9C9C9C;
  border: 1px solid #9C9C9C;
}
.myTag.success {
  color: #5CCA88;
  border-color: #5CCA88;
}
.myTag.primary {
  color: #558FE5;
  border-color: #558FE5;
}
.myTag.warning {
  color: #FD945A;
  border-color: #FD945A;
}
.myTag.error {
  color: #EB6264;
  border-color: #EB6264;
}
.myTag.pruple {
  color: #BE74D9;
  border-color: #BE74D9;
}

#app .color-red {
  color: #EB6264;
}
#app .color-blue {
  color: #558FE5;
}
#app .color-warning {
  color: #FD945A;
}
#app .color-green {
  color: #5CCA88;
}

#app .color-purple {
  color: #BE74D9;
}


.myTag-fill {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 2px;
  color: #9C9C9C;
  background-color: #999;
}
.myTag-fill.success {
  color: #5CCA88;
  background: #5CCA88;
}
.myTag-fill.primary {
  color: #558FE5;
  background: #F8FAFF;
}
.myTag-fill.warning {
  color: #FD945A;
  background: #FFF1EA;
}
.myTag-fill.error {
  color: #EB6264;
  background: #EB6264;
}
.myTag-fill.pruple {
  color: #BE74D9;
  background: #F8F1FB;
}

#app .color-red {
  color: #EB6264;
}
#app .color-blue {
  color: #558FE5;
}
#app .color-warning {
  color: #FD945A;
}
#app .color-green {
  color: #5CCA88;
}

#app .color-purple {
  color: #BE74D9;
}

/** 图片预览器*/
.viewer-container.viewer-fixed {
	z-index: 9999 !important;
}