// $--color-primary: #c01540;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import '~element-ui/packages/theme-chalk/src/index';

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
ul,
ol,
li {
  list-style: none;
}
em,
i {
  font-style: normal;
}
img {
  border: none;
}
input,
img {
  vertical-align: middle;
}
a {
  color: inherit;
  text-decoration: none;
}

input,
button,
select,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
}
textarea:focus {
  outline: 0;
}
html {
  font-size: 100px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

:root {
  --main-color: #c01540;
}

body {
  font-size: 14px;
  line-height: 1.4;
  color: #606266;
  font-family: 'PingFang SC', 'PingFangSC-Regular', 'Source Han Sans CN', -apple-system, 'Microsoft YaHei', 'Helvetica', 'Arial', Verdana,
    'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
  background-color: #f9f9f9;
}
/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s;
}
.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}
.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
/* element-ui input,textarea font-family reset */
.el-input__inner, .el-textarea__inner{
  font-family: 'PingFang SC', 'PingFangSC-Regular', 'Source Han Sans CN', -apple-system, 'Microsoft YaHei', 'Helvetica', 'Arial', Verdana,
    'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
}
/* element-ui drawer reset */
.el-drawer__header{
  padding:14px 16px;
  margin:0;
  border-bottom:1px solid #DCDFE6;
}
.el-drawer__header>h5{
  font-size:16px;
  color:#666;
  font-weight:600;
}
.el-drawer__body{
  height:calc(100% - 82px);
  overflow-y: auto;
}
/* element-ui dialog reset */
.el-dialog__header{
  padding:20px 16px 10px;
}
.el-dialog__body{
  padding:10px 20px;
}
.el-dialog__footer{
  text-align: center;
}
/* tinymce picker/popover z-index reset */
.tox-tinymce-aux{
  z-index:999999 !important;
}
/* page_container background */
.page_container{
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
  background: #fff;
  border-radius: 5px;
}
/* element-ui table item hover */
.details-handle{
  cursor:pointer;
}
.details-handle:hover{
  color:#409EFF;
}