body{
    font-family: 'PingFangSC-Regular, sans-serif';
    font-size:14px;  
    color: #444;
 }
 article, aside, details, figcaption, figure, footer,
 header, main, menu, nav, section, summary{
   display: block;
 }
 body,div,ul,h2,h3,p{
   margin: 0;
 }
 h2,h3 {font-weight: normal;}
 div,ul,p{
   padding: 0;
 }
 a{
   text-decoration: none;
 }
 div:focus{
   outline: 0;
 }
 ul{
   list-style: none;
 }
 /*去除滚动条对页面的影响*/
 html {
   overflow-y: scroll;
 }
 :root {
   overflow-y: auto;
   overflow-x: hidden;
 }
 :root body {
   position: absolute;
 }
 body {
   width: 100vw;
   min-width: 800px;
   overflow: hidden;
   min-height: 100vh;
 }
 img {
   border: none;
   outline: none;
 }
 .header-box, .footer-box, .main-box {
   min-width: 992px;
 }
 @media screen and (max-width: 768px) {
   .hidden-sm{
     display: none;
   }
 }
 @media screen and (max-width: 992px) {
   .hidden-md{
     display: none;
   }
 }
 .red {color: #ff3c00;}
 .orange {color: #ff8100;}
 .blue {color: #409eff;}
 .white {color: #fff;}
 .g9 {color: #999;}
 .green {color: #6aca87;}
 
 .bg-red {background-color: #ff3c00;}
 .bg-orange {background-color: #ff8100;}
 .bg-green {background-color: #6aca87;}
 .bg-blue {background-color: #409eff;}
 .bg-blue1 {background-color: #56cfe2;}
 .bg-lightpurple {background-color: #ca9ace;}
 .bg-white {background-color: #fff;}
 .bg-log-green { background-color: #67c23a;}
 .bg-green-gray {background-color: #f7fcf9;}
 .bg-orange-gray {background-color: #fcfaf7;}
 .bg-red-gray {background-color: #fcf9f7;}
 .bg-f6 {background-color: #f6f6f6;}
 
 .fl {
   float: left;
 }
 .fr {
   float: right;
 }
 .tr {
   text-align: right;
 }
 .tl {
   text-align: left;
 }
 .tc {
   text-align: center;
 }
 .f0 {
   font-size: 0;
 }
 .f12 {
   font-size: 12px; 
 }
 .f14 {
   font-size: 14px;
 }
 .f16 {
   font-size: 16px;
 }
 .f18 {
   font-size: 18px;
 }
 .f20 {
   font-size: 20px;
 }
 .rel {
   position: relative;
 }
 .fw{
   font-weight: bold
 }
 .tb1{
  border: 1px solid #EBEEF5;
 }
 .h40{
   height: 40px;
 }
 .margin20{
   margin: 20px;
 }

 /* 表格样式 */

/*表格头部颜色*/
 /* .el-table th,
 .el-table__footer-wrapper tbody td,
 .el-table thead.is-group .el-table_1_column_1{
     background-color:#dcf5fe;
 } */
 /* 表格头部颜色 */
 .thbg{
   background: #3e60c1!important;
   color: #fff;
 }
 /*条纹颜色*/
 .el-table--striped .el-table__body tr.el-table__row--striped td{
     background-color:#f7f7f7;
 }
 
 /*删除单元格的上下边框*/
 .el-table td{
     border-top:none!important;
     border-bottom:none!important;
 }
/* 公共按钮 */
.hollowbtn{
  color: #3e60c1;
  border-color: #3e60c1;
}
.hollowbtn:focus{
  color: #3e60c1;
  border-color: #3e60c1;
  background: #fff;
}
.hollowbtn:hover{
  color: #fff;
  background: #3e60c1;
}
.solidbtn{
  border: none;
  color: #fff;
  background: #3e60c1;
}
.solidbtn:focus{
  border: none;
  color: #fff;
  background: #3e60c1;
}
.solidbtn:hover{
  border: none;
  color: #fff;
  background: #3e60c1;
}
/* 导航内边距 */
.el-scrollbar__view{
  padding-bottom: 100px;
}
 /*弹性布局*/
.flex{
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
}
.flex1{
  flex:1;
  -webkit-flex:1;
  -moz-flex:1;
  -ms-flex:1;
  -o-flex:1;
}

.justify_center{
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  justify-content: center;
  -webkit-justify-content:center;
  -moz-justify-content:center;
  -ms-justify-content:center;
  -o-justify-content:center;
}

.justify_start{
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  justify-content: flex-start;
  -webkit-justify-content:flex-start;
  -moz-justify-content:flex-start;
  -ms-justify-content:flex-start;
  -o-justify-content:flex-start;
}

.justify_end{
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  justify-content: flex-end;
  -webkit-justify-content:flex-end;
  -moz-justify-content:flex-end;
  -ms-justify-content:flex-end;
  -o-justify-content:flex-end;
}

.justify_around{
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  justify-content: space-around;
  -webkit-justify-content:space-around;
  -moz-justify-content:space-around;
  -ms-justify-content:space-around;
  -o-justify-content:space-around;
}

.justify_between{
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  justify-content: space-between;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  -ms-justify-content:space-between;
  -o-justify-content:space-between;
}

.items_center{
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  align-items: center;
  -webkit-align-items:center;
  -moz-align-items:center;
  -ms-align-items:center;
  -o-align-items:center;
}

.content_center{
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  align-content: center;
  -webkit-align-content:center;
  -moz-align-content:center;
  -ms-align-content:center;
  -o-align-content:center;
}

.flex_direction{
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
}

.flex_wrap{
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
}

/*首页、登录页的头部 */
.footer-box {
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 60px;
  color: #999;
  font-size: 14px;
}

.footer-image {
  display: inline-block;
  height: 31px;
  width: 93px;
}