body,
html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
html,
body,
.container,
.page {
  margin: 0 auto 0 auto;
  padding: 0;
}

*:focus {
  outline: none;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

select {
  -webkit-appearance: none;
}
img {
  display: block;
  vertical-align: top;
}

.pre_loading {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
}
.loading_center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}

.el-drawer__header {
  font-weight: bold;
}
.el-header {
  background-color: #eff3f6 !important;
  color: #333;
  line-height: 60px;
}

.el-scrollbar__wrap {
  overflow-x: hidden;
  margin-bottom: 0 !important;
}
.el-menu {
  border-right: 0;
}

.main-container {
  min-height: 100%;
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
  margin-left: 210px;
  position: relative;
}

.sidebar-container {
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.main-cnt {
  padding: 0;
  margin-top: 0;
  height: 500px;
  min-height: auto;
}

.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
}

.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

div {
  /*
	margin: 0 auto 0 auto;
	*/
  padding: 0;
}

[v-cloak] {
  display: none;
}

.el-tabs__item.is-active {
  color: #1371eb !important;
}

.el-tabs__item:hover {
  color: #1371eb !important;
  cursor: pointer;
}

.el-tabs__active-bar {
  background-color: #1371eb !important;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: #1371eb;
}
.el-input:hover .el-input__inner {
  border-color: #1371eb;
}
.el-select .el-input:hover .el-input__inner {
  border-color: #1371eb;
}

.el-backtop {
  color: #1371eb !important;
}

/************分页美化*************/
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #1371eb !important;
  color: #fff;
}
/************分页美化*************/

.default_color {
  color: #1371eb !important;
}

.page-component__scroll {
  background-color: #f0f5ff !important;
}

/************Button美化*************/
.el-button--text {
  color: #1371eb;
}
.el-button--primary {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
}
.el-button--primary:focus,
.el-button--primary:hover {
  background: #66b1ff;
  border-color: #66b1ff;
  color: #fff;
}
.el-button--primary:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
  outline: 0;
}
.el-button--primary.is-active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
}
.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
  color: #fff;
  background-color: #a0cfff;
  border-color: #a0cfff;
}
.el-button--primary.is-plain {
  color: #409eff;
  background: #ecf5ff;
  border-color: #b3d8ff;
}
.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  background: #409eff;
  border-color: #409eff;
  color: #fff;
}
.el-button--primary.is-plain:active {
  background: #3a8ee6;
  border-color: #3a8ee6;
  color: #fff;
  outline: 0;
}
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
  color: #8cc5ff;
  background-color: #ecf5ff;
  border-color: #d9ecff;
}
/************Button美化*************/

/************状态小圆点美化*************/
.status-point {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 3px;
  margin-bottom: 1px;
}

.status-point.success {
  background-color: #00ba96;
}

.status-point.error {
  background-color: #ff642d;
}

.status-point.processing {
  background-color: #1371eb;
}

.status-point.default {
  background-color: #d1d4db;
}

.status-point.warning {
  background-color: #ffc600;
}
/************状态小圆点美化*************/

.el-table__body .el-tooltip.el-icon-question {
  font-size: 16px;
}

/************Dialog美化*************/
.el-dialog__title {
  font-weight: bold;
  color: #515a6d;
}
/************Dialog美化*************/

/************菜单项美化*************/
.fix_left {
  display: none;
}

.is-active > .fix_left {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 4px;
  height: 100%;
  background-color: #1371eb;
  border-right: 1px #f0f5ff;
}

.el-menu-item.is-active {
  color: #1371eb !important;
  font-weight: bold;
  background: #ebf7ff !important;
}

.el-menu-item:hover {
  color: #1371eb !important;
  font-weight: bold;
  background: #ebf7ff !important;
}

.el-menu-item:hover i {
  color: #1371eb !important;
}

.el-submenu:hover i {
  color: #1371eb !important;
}

.el-submenu__title.is-active {
  color: #1371eb !important;
  font-weight: bold;
  background: #ebf7ff !important;
}

.el-submenu__title:hover {
  color: #1371eb !important;
  font-weight: bold;
  background: #ebf7ff !important;
}
/************菜单项美化*************/

/************表格美化*************/
.el-table th {
  background: #ffffff !important;
}

.el-table__row {
  background-color: #f8f8ff !important;
}
.el-table__row--striped td {
  background-color: #ffffff !important;
}

.el-table td,
.el-table th.is-leaf,
.el-table--border,
.el-table--group {
  border-color: #e8eaec !important;
}

.el-table tbody tr:hover > td {
  background-color: #ebf7ff !important;
}

.el-table--border .el-table__cell:first-child .cell {
  text-align: center !important;
}

.el-table thead {
  color: #606266 !important;
}

/*当table有fixed固定列的时候，鼠标悬浮一样会变色*/
.el-table__body .el-table__row.hover-row td {
  background-color: #ebf7ff !important;
}
/************表格美化*************/

/************描述列表美化*************/
.el-descriptions .is-bordered .el-descriptions-item__cell {
  border: 1px solid #e8eaec;
}

.el-descriptions-item__label.is-bordered-label {
  background: #f8f8ff;
}
/************描述列表美化*************/

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #1371eb !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #1371eb !important;
  border-color: #1371eb !important;
}

.el-radio__input.is-checked + .el-radio__label {
  color: #1371eb !important;
}

.el-radio__input.is-checked .el-radio__inner,
.el-radio__input.is-indeterminate .el-radio__inner {
  background-color: #1371eb !important;
  border-color: #1371eb !important;
}

.el-switch.is-checked .el-switch__core {
  border-color: #00ba96;
  background-color: #00ba96;
}

.el-select-dropdown__item.selected {
  color: #1371eb !important;
}

.top_box_card.el-card.is-always-shadow,
.top_box_card.el-card.is-hover-shadow:focus,
.top_box_card.el-card.is-hover-shadow:hover {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05) !important;
}

.el-icon-s-fold:hover,
.el-icon-s-unfold:hover {
  color: #00ba96 !important;
}

/**************面包屑导航美化*****************/
.el-breadcrumb__separator {
  color: #ffffff;
}
/**************面包屑导航美化*****************/

/********************列表按钮美化************************/
/*详情*/
.el-table__body .el-button .button_detail {
  border: 1px solid #ff9800;
  padding: 2px 6px;
  color: #ff9800;
  border-radius: 10%;
}

/*充值*/
.el-table__body .el-button .button_pay {
  border: 1px solid #1371eb;
  padding: 2px 6px;
  color: #1371eb;
  border-radius: 10%;
}

/*审核*/
.el-table__body .el-button .button_examine {
  border: 1px solid #5691d0;
  padding: 2px 6px;
  color: #5691d0;
  border-radius: 10%;
}

/*绑定*/
.el-table__body .el-button .button_bind {
  border: 1px solid #38bae4;
  padding: 2px 6px;
  color: #38bae4;
  border-radius: 10%;
}

/*删除*/
.el-table__body .el-button .button_del {
  border: 1px solid #ff5722;
  padding: 2px 6px;
  color: #ff5722;
  border-radius: 10%;
}

/*操作记录*/
.el-table__body .el-button .button_operate_log {
  border: 1px solid #00ba96;
  padding: 2px 6px;
  color: #00ba96;
  border-radius: 10%;
}

/*详情*/
.el-table__body .el-button .button_detail:hover {
  background: #ff9800;
  padding: 2px 6px;
  color: #ffffff;
  border-radius: 10%;
}

/*充值*/
.el-table__body .el-button .button_pay:hover {
  background: #1371eb;
  padding: 2px 6px;
  color: #ffffff;
  border-radius: 10%;
}

/*审核*/
.el-table__body .el-button .button_examine:hover {
  background: #5691d0;
  padding: 2px 6px;
  color: #ffffff;
  border-radius: 10%;
}

/*绑定*/
.el-table__body .el-button .button_bind:hover {
  background: #38bae4;
  padding: 2px 6px;
  color: #ffffff;
  border-radius: 10%;
}

/*删除*/
.el-table__body .el-button .button_del:hover {
  background: #ff5722;
  padding: 2px 6px;
  color: #ffffff;
  border-radius: 10%;
}

/*操作记录*/
.el-table__body .el-button .button_operate_log:hover {
  background: #00ba96;
  padding: 2px 6px;
  color: #ffffff;
  border-radius: 10%;
}
/********************列表按钮美化************************/

/************tooltip的箭头和边框以及背景美化*************/
.el-tooltip__popper[x-placement^="left"] .popper__arrow::after {
  border-left-color: #fff9e6 !important;
}

.el-tooltip__popper[x-placement^="left"] .popper__arrow {
  border-left-color: #ffd77a !important;
}

.el-tooltip__popper[x-placement^="top"] .popper__arrow::after {
  border-top-color: #fff9e6 !important;
}
.el-tooltip__popper[x-placement^="top"] .popper__arrow {
  border-top-color: #ffd77a !important;
}

.el-tooltip__popper[x-placement^="right"] .popper__arrow::after {
  border-right-color: #fff9e6 !important;
}
.el-tooltip__popper[x-placement^="right"] .popper__arrow {
  border-right-color: #ffd77a !important;
}

.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: #fff9e6 !important;
}
.el-tooltip__popper[x-placement^="bottom"] .popper__arrow {
  border-bottom-color: #ffd77a !important;
}

.el-tooltip__popper {
  background-color: #fff9e6 !important;
}

.el-tooltip__popper {
  background: #ffd77a;
  border: 1px solid #ffd77a;
}

.el-tooltip__popper.is-dark {
  color: black;
}
/************tooltip的箭头和边框以及背景美化*************/

/****************NEW图标****************/
.article_new {
  position: relative;
  top: -26px;
  left: -10px;
}

.article_new:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 34px;
}

.article_new-text {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: white;
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 0;
  z-index: 1;
  font-size: 12px;
  text-transform: uppercase;
  width: 50px;
  text-align: center;
}

.article_new.is-new:before {
  border-color: #f98d14 transparent transparent #f98d14;
}
/****************NEW图标****************/

/**************POPULAR图标**************/
.article_popular_parent {
  width: 106px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -1px;
  right: -1px;
}

.article_popular {
  line-height: 18px;
  text-align: center;
  transform: rotate(45deg);
  position: relative;
  padding: 8px 0;
  right: 10px;
  top: 26px;
  width: 150px;
  background: #e64c3c;
  color: white;
  font-weight: bold;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
}

.article_popular:before,
.article_popular:after {
  content: "";
  border-top: 4px solid #e64c3c;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  bottom: -4px;
}

.article_popular:before {
  left: 0;
}

.article_popular:after {
  right: 0;
}
/**************POPULAR图标**************/

/**************热度图标*****************/
.article_hot {
  height: 40px;
  display: block;
  position: relative;
  overflow: hidden;
}

.article_hot:before {
  content: "HOT";
  height: 15px;
  width: 40px;
  border: 1px solid #ff6600;
  display: block;
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 1;
  line-height: 26px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  line-height: 15px;
  background: #ff6600;
}

.article_hot:after {
  content: "";
  height: 0px;
  width: 0px;
  display: block;
  position: absolute;
  bottom: 11px;
  left: -9px;
  border: 10px transparent solid;
  border-top-color: #ff6600;
  border-width: 10px 6px 0px 10px;
}
/**************热度图标*****************/

/********************文字链接下划线颜色************************/
.el-link.el-link--default:hover {
  color: #1371eb !important;
}

.el-link.el-link--default:after {
  border-color: #1371eb;
}

.el-link.is-underline:hover:after {
  border-bottom: 1px solid #1371eb;
}
/********************文字链接下划线颜色************************/

/********************级联选择器字体颜色************************/
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: #1371eb;
}
/********************级联选择器字体颜色************************/

/********************Input边框颜色************************/
.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: #1371eb;
}
/********************Input边框颜色************************/

/********************列表排序按钮背景色************************/
.el-table .descending .sort-caret.descending {
  border-top-color: #1371eb;
}

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #1371eb;
}
/********************列表排序按钮背景色************************/

/***************************雪碧图*****************************/
.index_icon {
  width: 23px;
  height: 23px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon2 {
  width: 16px;
  height: 16px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon3 {
  width: 22px;
  height: 18px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon4 {
  width: 28px;
  height: 23px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon5 {
  width: 17px;
  height: 16px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_button_icon6 {
  width: 19px;
  height: 17px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon7 {
  width: 16px;
  height: 16px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon8 {
  width: 18px;
  height: 18px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon9 {
  width: 17px;
  height: 18px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon10 {
  width: 12px;
  height: 16px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon11 {
  width: 13px;
  height: 16px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon12 {
  width: 16px;
  height: 19px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_button_icon13 {
  width: 21px;
  height: 14px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.index_icon14 {
  width: 60px;
  height: 60px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.article_icon,
.article_right_icon {
  width: 170px;
  height: 170px;
  background-image: url(../includes/article_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
}

.article_icon.fb {
  background-position: 0 0;
  transform: scale(0.15);
  position: absolute;
  top: -30px;
  left: -30px;
}
.article_icon.bd {
  background-position: -170px 0px;
  transform: scale(0.15);
  position: absolute;
  top: -30px;
  left: -60px;
}

.article_icon.sc {
  background-position: -340px 0px;
  transform: scale(0.15);
  position: absolute;
  top: -30px;
  left: -30px;
}

.article_icon.tw {
  background-position: -510px 0px;
  transform: scale(0.15);
  position: absolute;
  top: -30px;
  left: -30px;
}

.article_icon.gg {
  background-position: -680px 0px;
  transform: scale(0.15);
  position: absolute;
  top: -30px;
  left: -30px;
}

.article_right_icon.fb {
  background-position: 0 0;
  transform: scale(0.3);
  position: relative;
  top: -60px;
  left: -60px;
}
.article_right_icon.bd {
  background-position: -170px 0px;
  transform: scale(0.3);
  position: relative;
  top: -60px;
  left: -60px;
}

.article_right_icon.sc {
  background-position: -340px 0px;
  transform: scale(0.3);
  position: relative;
  top: -60px;
  left: -60px;
}

.article_right_icon.tw {
  background-position: -510px 0px;
  transform: scale(0.3);
  position: relative;
  top: -60px;
  left: -60px;
}

.article_right_icon.gg {
  background-position: -680px 0px;
  transform: scale(0.3);
  position: relative;
  top: -60px;
  left: -60px;
}

.account {
  background-position: 0 -23px;
}

.fb {
  background-position: -23px -23px;
}

.gg {
  background-position: -69px -23px;
}

.bd {
  background-position: -46px -23px;
}

.sc {
  background-position: -92px -23px;
}

.tw {
  background-position: -115px -23px;
}

.c_tw {
  background-position: 0 0;
}

.c_sc {
  background-position: -23px 0;
}

.c_fb {
  background-position: -69px 0;
}

.c_gg {
  background-position: -46px 0;
}

.c_account {
  background-position: -92px 0;
}

.c_bd {
  background-position: -115px 0;
}

.c_pic {
  background-position: -138px 0;
}

.m_zxzx {
  background-position: 0 -46px;
}

.m_zxhd {
  background-position: -18px -46px;
}

.m_zxgxjl {
  background-position: -36px -46px;
}

.g_mt_dq {
  background-position: 0 -64px;
}

.g_icon_view {
  background-position: 0 -98px;
  float: left;
  margin-top: 5px;
  margin-right: 2px;
}

.g_icon_button_view {
  background-position: 0 -99px;
  float: left;
  margin-top: 5px;
  margin-right: 2px;
}

.g_icon_button_view2 {
  background-position: 0 -99px;
  margin-top: -35px;
}

.g_icon_edit {
  background-position: -18px -98px;
  float: left;
  margin-top: 5px;
  margin-right: 2px;
}

.g_icon_reduce {
  background-position: -32px -80px;
  float: left;
  margin-top: 1px;
  margin-right: 2px;
}
/*
.g_icon_reduce{
	background-position:0 -82px;
	float:left;
	margin-right:2px;
	margin-top:3px;
}
*/

.g_icon_money1 {
  background-position: -157px -82px;
  float: left;
  margin-top: 3px;
  margin-right: 2px;
  transform: scale(0.98);
}

.g_icon_money2 {
  background-position: -16px -82px;
  float: left;
  margin-top: 5px;
  margin-right: 2px;
}

.g_icon_refresh {
  background-position: -48px -82px;
  float: left;
  margin-top: 5px;
  margin-right: 2px;
}

.g_icon_company_ename {
  background-position: -205px -82px;
  float: left;
  top: 4px;
  position: relative;
}

.g_icon_business_no {
  background-position: -221px -82px;
  float: left;
  margin-top: 3px;
  margin-right: 4px;
  right: -3px;
  position: relative;
}

.g_icon_company_address {
  background-position: -234px -82px;
  float: left;
  margin-top: 3px;
  margin-right: 3px;
  right: -3px;
  position: relative;
}

.g_icon_company_site {
  background-position: -247px -82px;
  float: left;
  margin-top: 3px;
  margin-right: 1px;
  right: -2px;
  position: relative;
}

.p_icon_edit {
  background-position: 0 -113px;
  float: left;
  margin-top: 8px !important;
}

.p_icon_del {
  background-position: -21px -113px;
  float: left;
  margin-top: 8px !important;
}

.v_icon_company_name {
  background-position: 0 -135px;
  float: left;
  margin-top: 3px;
  margin-right: 7px;
}

.wc_icon {
  width: 62px;
  height: 63px;
  background-image: url(../includes/wc.png?v=02);
  background-repeat: no-repeat;
  display: inline-block;
}

.wc_icon2 {
  width: 31px;
  height: 60px;
  background-image: url(../includes/wc.png?v=02);
  background-repeat: no-repeat;
  display: inline-block;
}

.wc_icon3 {
  width: 62px;
  height: 68px;
  background-image: url(../includes/wc.png?v=02);
  background-repeat: no-repeat;
  display: inline-block;
}

.wc_icon4 {
  width: 65px;
  height: 68px;
  background-image: url(../includes/wc.png?v=02);
  background-repeat: no-repeat;
  display: inline-block;
}

.wc_add {
  background-position: 0 -33px;
  transform: scale(0.33);
}
.wc_add:hover {
  background-position: -64px -33px;
  transform: scale(0.33);
}

.wc_position {
  background-position: -308px -33px;
  float: left;
  margin-top: -20px;
  margin-left: -20px;
  transform: scale(0.3);
}

.wc_geo {
  background-position: -248px -33px;
  float: left;
  margin-top: -20px;
  margin-left: -20px;
  transform: scale(0.25);
}

.wc_sex_man {
  background-position: -120px -33px;
  float: left;
  margin-top: -22px;
  margin-left: 0;
  transform: scale(0.35);
}

.wc_sex_woman {
  background-position: -153px -33px;
  float: left;
  margin-top: -22px;
  margin-left: 0;
  transform: scale(0.35);
}

.wc_age {
  background-position: -178px -33px;
  float: left;
  margin-top: -22px;
  margin-left: -10px;
  transform: scale(0.25);
}

.wc_zzsp {
  background-position: 0 -170px;
  float: left;
  margin-top: -22px;
  margin-left: -10px;
  transform: scale(0.4);
}

.wc_zjdz {
  background-position: 0 -102px;
  float: right;
  margin-top: -65px;
  transform: scale(0.6);
}

.wc_hdl {
  background-position: -68px -102px;
  float: right;
  margin-top: -65px;
  transform: scale(0.6);
}

.wc_pjgk {
  background-position: -136px -102px;
  float: right;
  margin-top: -65px;
  transform: scale(0.6);
}

.wc_zjgk {
  background-position: -204px -102px;
  float: right;
  margin-top: -65px;
  transform: scale(0.6);
}
/***************************雪碧图*****************************/

/******************************引入第三方字体图标*******************************/
.el-submenu [class^="iconfont"],
.el-menu-item [class^="iconfont"] {
  vertical-align: middle;
  margin-right: 5px;
  margin-left: 5px;
  width: 24px;
  text-align: center;
  font-size: 16px !important;
}

.custom-tree-node .iconfont {
  font-size: 14px !important;
}
/******************************引入第三方字体图标*******************************/

/***************************美化弹出框*****************************/
.el_popover_title {
  background: #d9e9fd;
  color: #1371eb;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
}

.el_popover_title_has_image {
  padding-left: 60px;
}

.el_popover_title_image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
}

.el_popper {
  padding: 0 !important;
}
/***************************美化弹出框*****************************/

/***************************文章详情H1标题前增加框*****************************/
#f_content h1:before {
  display: block;
  width: 10px;
  height: 30px;
  background: #408af4;
  content: "";
  float: left;
  margin-right: 5px;
}
/***************************文章详情H1标题前增加框*****************************/

/***************************消息提醒*****************************/
.reminder .tip_item > .el-badge__content.is-fixed,
.el-menu-vertical-demo
  .el-badge__content.el-badge__content--undefined.is-fixed.is-fixed {
  top: 15px !important;
  right: -1px !important;
}
/*
.reminder .t_2{
	background:#ECF7FC;
	border:1px solid #DCDADA;
}

.reminder .t_2 tbody tr td{
	font-size:20px;
	color:#0F69E9 !important;
	text-align:left !important;
	padding-left:0 !important;
}

.reminder .t_2 tbody tr td:nth-child(2){
	width:0 !important;	
}

.reminder .t_2 tbody tr td:nth-child(2) a{
	display:none;
}

.reminder .t_3 tbody tr:nth-child(1) td{
	color:#333333 !important;
	font-size:16px !important;
	vertical-align:middle !important;
}

.reminder .t_3 tbody tr:nth-child(1) td a{
	color:#4A9BF1 !important;
}

.reminder .t_3>tbody>tr:nth-child(2){
	display:none;
}

.reminder .t_3 tbody tr:nth-child(3) td{
	padding:2px 10px;
	font-size:14px;
	color:#FFFFFF;
	border-radius:5px;
}

.reminder .reminder_content.fail .t_3 tbody tr:nth-child(3) td{
	background:#ED4014;	
}

.reminder .reminder_content.success .t_3 tbody tr:nth-child(3) td{
	background:#19BD6B;	
}

.reminder .reminder_content.cancel .t_3 tbody tr:nth-child(3) td{
	background:#FD9800;	
}
*/
.reminder .reminder_content .t_3 td {
  padding: 2px 10px;
  font-size: 14px;
  color: #ffffff;
  border-radius: 5px;
}
.reminder .reminder_content.fail .t_3 td {
  background: #ed4014;
}

.reminder .reminder_content.success .t_3 td {
  background: #19bd6b;
}

.reminder .reminder_content.cancel .t_3 td {
  background: #fd9800;
}

.reminder .reminder_content .t_3 td:before {
  content: "";
  float: left;
  margin-right: 5px;
  width: 16px;
  height: 20px;
  background-image: url(../includes/index_icon.png?v=002);
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: 6px;
}

.reminder .reminder_content.fail .t_3 td:before {
  background-position: -141px -80px;
}

.reminder .reminder_content.success .t_3 td:before {
  background-position: -173px -80px;
}

.reminder .reminder_content.cancel .t_3 td:before {
  background-position: -189px -80px;
}

/*
.reminder .reminder_content.fail .t_3 tbody tr:nth-child(3) td:before{
	background-position:-141px -80px;	
}

.reminder .reminder_content.success .t_3 tbody tr:nth-child(3) td:before{
	background-position:-173px -80px;
}

.reminder .reminder_content.cancel .t_3 tbody tr:nth-child(3) td:before{
	background-position:-189px -80px;
}

.reminder .t_3 tbody tr:nth-child(4) td:nth-child(1) table{
	margin-left:0px !important;
	margin-top:10px !important;
	width:100% !important;
}

.reminder .t_3 tbody tr:nth-child(4) td:nth-child(1) table tbody tr:nth-child(1){
	background:#F5F5F5 !important;
	font-size:14px !important;
}

.reminder .t_3 tbody tr:nth-child(4) td:nth-child(1) table tbody tr:nth-child(2){
	font-size:12px !important;
}

.reminder .t_3 tbody tr:nth-child(5),.reminder .t_3 tbody tr:nth-child(6){
	display:none;
}

.reminder .t_3 tbody tr:nth-child(7) td:nth-child(1){
	text-align:center !important;
	font-size:14px !important;
	border-bottom:none !important;
	padding-bottom:20px !important;
	color:#9B9B9B;
}

.reminder .t_3 tbody tr:nth-child(8){
	display:none;
}
*/

.reminder .el-collapse .el-collapse-item {
  margin-bottom: 10px;
}

.reminder .el-collapse,
.el-collapse-item__header,
.el-collapse-item__wrap {
  border: none;
}

.reminder .reminder_header {
  margin: 0 0 0 20px;
  border: 1px solid #ffd77a;
  height: 40px;
  padding: 2px 5px;
  line-height: 40px;
  width: 100%;
  background: #fff9e6;
  border-radius: 5px;
  margin-right: 5px;
}

.reminder .reminder_header .left {
  margin-left: 10px;
}

.reminder .reminder_header div:nth-child(1) {
  float: left;
  font-size: 14px;
}

.reminder .reminder_header div:nth-child(2) {
  float: right;
  font-size: 12px;
  color: #a2a2a2;
}
/*
.reminder .reminder_header .left:before{
	content:"";
	float:left;
	margin-right:5px;
	width:16px;
	height:20px;
	background-image: url(../includes/index_icon.png?v=002);
	background-repeat: no-repeat;
	display: inline-block;
	background-position:-126px -80px;
	margin-top:10px;
}
*/

.reminder .reminder_content table {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.reminder .reminder_del {
  font-size: 14px;
  float: right;
  margin-right: 30px;
  position: relative;
  top: 25px;
  color: #1371eb;
  cursor: pointer;
}
/***************************消息提醒*****************************/

/***************************广告主体*****************************/
.ag_ad_info .el-card__body {
  padding: 0 !important;
}

.ag_ad_info .ag_top {
  height: 25px;
  line-height: 25px;
  color: #326bfe;
  font-size: 20px;
  font-weight: bold;
  padding: 20px;
}

.ag_ad_info .ag_center {
  color: #a6a6a6;
  padding: 20px;
}

.ag_ad_info .ag_center .c1 {
  padding: 5px 5px 5px 0;
}

.ag_ad_info .ag_bottom {
  background: #f6f6f8;
  height: 50px;
  position: relative;
  bottom: 0px;
  top: 50%;
}
.ag_ad_info .ag_bottom .el-button {
  float: right;
  position: relative;
  margin: auto 10px;
  top: 10%;
  font-size: 20px;
}

.ag_ad_info .ag_bottom .el-button:nth-child(1) {
  color: red !important;
}

.ag_ad_info .ag_hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 33px);
  font-size: 14px;
}

.ag_ad_info .ag_hidden2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 70px);
}

.ag_ad_info .ag_hidden3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 43px);
}


/* 
.el-card {
  box-sizing: border-box !important;
  border: 1px solid rgb(255 255 255 / 0%);
} 
*/

.ag_ad_info .el-card.is-always-shadow:hover {
  -webkit-box-shadow: 0 0 2px 1px #3d8aef, 0 0 1px #3d8aef, 0 0 1px #3d8aef;
  box-shadow: 0 0 2px 1px #3d8aef, 0 0 1px #3d8aef, 0 0 1px #3d8aef;
  border: 1px solid #3d8aef;
}
/***************************广告主体*****************************/

/***************************main中的top by hairong*****************************/
.main-nav {
  color: #333333;
  margin-bottom: 10px;
  font-size: 16px !important;
}
.main-nav .main-nav-left {
  float: left;
  height: 40px;
  line-height: 40px;
}
.main-nav .main-nav-right {
  float: right;
  height: 40px;
  line-height: 40px;
}

.main-nav .input100 .el-input {
  width: 105px;
}
.main-nav .input110 .el-input {
  width: 110px;
}
.main-nav .input120 .el-input {
  width: 120px;
}
.main-nav .input130 .el-input {
  width: 130px;
}
.main-nav .input140 .el-input {
  width: 140px;
}
.main-nav .input150 .el-input {
  width: 150px;
}
.main-nav .input200 .el-input {
  width: 200px;
}
.main-nav .input250 .el-input {
  width: 250px;
}
.main-nav .input300 .el-input {
  width: 300px;
}
.main-nav .input350 .el-input {
  width: 350px;
}
.main-nav .input400 .el-input {
  width: 400px;
}
.main-nav .el-link {
  font-size: 16px !important;
}
.main-nav button {
  margin-left: 0px !important;
}


.mb0{margin-bottom: 0;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
/* 两端对齐 */
.flex{display: -webkit-flex;display:flex; justify-content:space-between;}

/* 表格中 视频和图片样式 */
.creative-preview{
	width: 100%;
}
.creative-preview .creative-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.creative-preview .creative-content .creative-row{
	margin-top: 4px;
	max-width: 86px;
}
.creative-preview .creative-content .creative-title{
	font-size: 12px;
	flex: 1;
	padding-left: 16px;
	cursor: pointer;
}
.creative-preview .creative-content .creative-title .creative {
	cursor: auto;
}
.creative-preview .creative-content .creative-title .creative-name {
	width: 100%;
}
.creative-preview .creative-content .creative-title i {
	margin-right: 3px;
}
.creative-preview .creative-content .creative-video {
    position: relative;
    display: inline-block;
}
.creative-preview .creative-content .creative-video::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii4wMSIgZmlsbD0iI0ZGRiIgZD0iTTAgMGg0OHY0OEgweiIvPjxjaXJjbGUgc3Ryb2tlLW9wYWNpdHk9Ii41MDIiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyLjQiIGZpbGwtb3BhY2l0eT0iLjUwMSIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjeD0iMjQiIGN5PSIyNCIgcj0iMjEuMiIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSI0IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0yMCAyNHYtNi45MjhsNiAzLjQ2NEwzMiAyNGwtNiAzLjQ2NC02IDMuNDY0eiIvPjwvZz48L3N2Zz4=);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    cursor: pointer;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 25px;
    padding-left: 2px;
}
.creative-preview .creative-content .creative-video-img{
    width: 86px;
    height: 48px;
    border-radius: 3px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f3f6fa;
    border: 1px solid #e4e9ed;
}
.creative-preview .creative-content .creative-video-img.live-cover {
	background-size: 24px 24px;
}
.creative-preview .creative-content .creative-app {
  position: relative;
  display: inline-block;
}
.creative-preview .creative-content .creative-app-img{
  width: 48px;
  height: 48px;
  border-radius: 3px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f3f6fa;
  border: 1px solid #e4e9ed;
}
.creative-preview .creative-content .creative-app-img.live-cover {
	background-size: 24px 24px;
}
.creative-preview .creative-content .creative-title{
    font-size: 12px;
    flex: 1;
    padding-left: 16px;
    cursor: pointer;

    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* mixins */
.formatter-row {
    position: relative;
    width: 100%;
}
.formatter-row .operation {
    position: relative;
    color: #6f6f6f;
    font-size: 12px;
    z-index: 2;
	cursor: pointer;
	/* .operation[data-v-1e2c82a5] */
	display: flex;
    align-items: center;
    min-width: 12px;
}
.formatter-row .operation-item{
	display: flex !important;
    min-width: 12px !important;
    margin-right: 8px;
	align-items: center;
}
.formatter-row .operation-item .el-button [class*=el-icon-]+span{
	margin-left: 0;
}
.hover-panel.operation {
    margin-top: 2px;
    position: absolute;
    
}
.hover-row .hover-panel.operation{
    position: relative;
}
.label-container{overflow:hidden}
.label-container .prefix-content,
.label-container .suffix-content,
.label-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.label-container .label-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/***************************over by hairong*****************************/