* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%
}

body {
  margin: 0
}
::-webkit-scrollbar-track
{
  background-color: rgba(0,0,0,0.1)
}

::-webkit-scrollbar
{
  width: 10px;
  height:10px;

}
::-webkit-scrollbar-thumb
{
  cursor: pointer;
  border-radius:10px;
  background-color: hsla(220,4%,58%,.4);
  transition: background-color .3s;
}

[class*="mg-i-"]{
  font-family: "management";
}
/**
解决表头错位的问题
*/
.el-table th.gutter {
  display: table-cell !important;
}
.el-table--border::after, .el-table--group::after {
  width: 1px;
}
/**
工作区域的背景色
 */
.boot-bg{
  background-color: #38cb7d!important;
}

.main-bg {
  padding: 5px 18px 5px 18px;
  background-color: #ffffff;
}
.p-relative{
  position: relative;
}
.p-absolute{
  position: absolute;
}
.p-fixed{
  position: fixed;
}
.p-left{
  float:left;
}
.p-right{
  float:right;
}
.t-left{
 text-align: left;
}
.t-right{
  text-align: right;
}
.t-center{
  text-align: center;
}
.m-t5{
  margin-top:5px
}
.p-tb5{
  padding:5px 0;
}
.cursor{
  cursor: pointer;
}
.overflow-h{
  overflow: hidden;
}
.overflow-x{
  overflow-x: auto;
}
.overflow-y{
  overflow-y: auto;
}
.c-9{
  color: #999999;
}
.breakAll{
  word-break: break-all;
  white-space: pre-wrap;

}

.tooltipMaxWidth{
  max-width: 300px;
}
pre{
  white-space: pre-wrap!important;
  word-wrap: break-word!important;
  white-space:normal!important;
}
.prestyle{
  line-height:24px;
  font-size:16px!important;
}
a{
  cursor: pointer;
}
.lue{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.fontcolor{
  color:#48C059;
}
.cursor{
  cursor: pointer;
}
.overflow{
  overflow: hidden;
}
.p-relative{
  position:relative !important;
}
.p-absolute{
  position: absolute !important;
}
.p-t5{
  padding-top:5px;
}
.p-t10{
  padding-top:10px;
}
.p-10{
  padding:10px;
}
.p-15{
  padding:15px;
}
.p-tb5{
  padding:5px 0;
}
.p-tb8{
  padding:8px 0;
}
.p-tb10{
  padding:10px 0;
}
.p-tb15{
  padding:15px 0;
}
.p-tb20{
  padding:20px 0;
}
.p-lr10{
  padding: 0 10px;
}
.p-lr20{
  padding: 0 20px;
}

.p-tblr-0{
  padding: 0;
}
.p-lr40{
  padding: 0 40px;
}
.p-lr-15{
  padding: 0 15%;
}
.t-color1{
  color:#20A655;
  font-weight:600
}
.t-color2{
  color:#08956A;
  font-weight:600
}
.title10{
  font-size: 10px!important;
}
.title12{
  font-size: 12px!important;
}
.title18{
  font-size: 18px!important;
}
.title24{
  font-size: 24px !important;
}
.p-tb60{
  padding: 60px 0;
}
.m-r5{
  margin-right:5px;
}
.m-r10{
  margin-right:10px;
}
.m-r40{
  margin-right:40px;
}
.m-r30{
  margin-right:30px;
}
.m-lr5{
  margin:0 5px;
}
.m-lr10{
  margin:0 10px;
}
.m-lr15{
  margin:0 15px;
}
.m-b10{
  margin-bottom:10px;
}
.m-w200{
  min-width: 200px;
}
.w-50{
  width: 50px;
}
.w-100{
  width: 100px;
}
.w-120{
  width: 120px;
}
.w-130{
  width: 130px;
}
.w-150{
  width: 150px;
}
.w-180{
  width: 180px;
}
.w-200{
  width: 200px;
}
.w-percent100{
  width:100%;
}
.c-9{
  color:#999999;
}
.c-0{
  color:#000000;
}
.border0{
  border:0!important;
}
.c-f{
  color:#ffffff;
}
.c-3060A2{
  color:#3060A2;
}
.c-00AEEF{
  color:#00aeef;
}
.boot-bg-00AEEF{
  background-color: #00aeef!important;
}
.c-warning{
  color:#E6A23C;
}
.bg-price{
  background-color:#FE3D05 !important;
  color:#ffffff !important;
}
.bg-warning{
  background-color:#FEF4F1;
}
.line-h50{
  line-height:50px;
}
.line-h24{
  line-height:24px;
}
.c-eb{
  color:#ebebeb;
}
.c-boot{
  color:#38b549
}
.circle-point{
  width:8px;
  height:8px;
  border-radius:50%;
}
.border-boot{
  border:1px solid #38b549;
}
.border-price{
  border:1px solid #FE3D05;
}
.boot-bg{
  background-color:#48C059 !important;
}
.boot-color{
  color:#48C059;
}
.boot-border{
  border:1px solid #48C059;
}
.boot-border2{
  border:1px solid #73C2F8;
}
.boot-color2{
  color:#48C059;
}
.c-price{
  color:#ED564F
}
.bold{
  font-weight: bold;
}
.title28{
  font-size:28px!important;
}
.title14{
  font-size: 14px !important;
}
.vertical-a-m{
  vertical-align: middle;
}
.inline-block{
  display: inline-block;
}
.star-active{
  color:#FE980F
}
.bg-img-cover{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.bg-img-contain{
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.p-fixed{
  position: fixed !important;
}
/**下边线更细*/
.border-t,
.border-b{ position:relative;  }
.border-t:before,
.border-b:after{     content: '';     position: absolute;     left: 0;  top:0;     background: #ddd;   right:0;    height: 1px;     -webkit-transform: scaleY(1);             transform: scaleY(0.5);     -webkit-transform-origin: 0 0;             transform-origin: 0 0; }
.border-b:after{ top:auto; bottom:0;  }
/**右边线更细*/
.border-l,
.border-r{ position:relative;  }
.border-l:before,
.border-r:after{ content: '';     position: absolute;     right: 0;  top:0;     background: #ddd;   bottom:0;    width: 1px;   -webkit-transform: scaleX(1);             transform: scaleX(0.5);     -webkit-transform-origin: 0 0;             transform-origin: 0 0; }
.border-r:after{ right:0; left:auto;  }
.border-ea{
  border:1px solid #eaeaea;
}
.border-l-ea{
  border-left:1px solid #eaeaea
}
.van-notify{
  padding:12px 15px!important;
}
.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}
.text-left{
  text-align: left;
}
.pull-left{
  float:left!important;
}
.pull-right{
  float:right!important;
}
.cursor{
  cursor: pointer;
}
.transparent{
  background-color: transparent!important;
  color:#ffffff;
}
.bg-im-active{
  color:#00bbff!important;
}

/* im需要的样式 start--*/
.chat_txt{
  display:inline-block;
  border-radius:4px;
  padding:5px 12px;
  min-height:14px;
  color:#232323;
}
.chat_bg_panel{
  background-color:#f5f5f5;
}
.chat_bg_time{
  background-color:#777777;
  color:#ffffff;
  padding:2px 8px;
  border-radius: 4px;
}
.chat_bg_my{
  background-color:#9EEA6A!important;
}
.chat_bg{
  background-color:#ffffff;
}
/* im需要的样式 end--*/