.mui-bar-tab .mui-tab-item.mui-active{
    color: #45340B;
}
.fontColor-default{
    color: #45340B;
}


/* 阴影 */
.shadow_l{box-shadow: 0px 4px 32px rgba(69, 91, 99, 0.4)}
.shadow_d{box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.1)}
.shadow_f{filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25))}

/* 下划线 */
.border_white{border:2px solid white}

/*flex布局*/
.flex_x{display: flex;flex-direction: row}
.flex_y{display: flex;flex-direction: column}
.flex_around{display: flex; justify-content:space-around; align-items:center}
.flex_between{display: flex; justify-content:space-between; align-items:center}
.flex_between_center{display: flex; justify-content:center;}
.flex_wrap{flex-wrap:wrap}
.flex_vt{align-items: flex-start}
.flex_vc{align-items:center}
.flex_vb{align-items:flex-end}
.flex_vtxt{align-items:baseline}
.flex_vstretch{align-items:stretch}
.flex_c{justify-content: center}
.flex_l{justify-content: flex-start}
.flex_r{justify-content: flex-end}
.flex_itemtop{ align-self:flex-start}

/*flex布局*/
.flex_x{display: flex;flex-direction: row}
.flex_y{display: flex;flex-direction: column}
.flex_around{display: flex; justify-content:space-around; align-items:center}
.flex_between{display: flex; justify-content:space-between; align-items:center}
.flex_between_center{display: flex; justify-content:center;}
.flex_wrap{flex-wrap:wrap}
.flex_vt{align-items: flex-start}
.flex_vc{align-items:center}
.flex_vb{align-items:flex-end}
.flex_vtxt{align-items:baseline}
.flex_vstretch{align-items:stretch}
.flex_c{justify-content: center}
.flex_l{justify-content: flex-start}
.flex_r{justify-content: flex-end}
.flex_itemtop{ align-self:flex-start}


/* 内外间距 */
.pad_lr30{padding:0px 30px;}
.pad_tb12{padding:12px 0px;}
.pad_tb30{padding:30px 0px;}

.pad_l12{padding-left: 12px;}

.pad_t8{padding-top: 8px;}
.pad_t12{padding-top: 12px;}
.pad_t24{padding-top: 24px;}
.pad_t36{padding-top: 36px;}
.pad_t100{padding-top: 100px;}

.pad_b8{padding-bottom: 8px;}
.pad_b12{padding-bottom: 12px;}
.pad_b24{padding-bottom: 24px;}
.pad_b36{padding-bottom: 36px;}
.pad_b100{padding-bottom: 100px;}

.marg_r8{margin-right: 8px;}
.marg_r12{margin-right: 12px;}
.marg_r24{margin-right: 24px;}
.marg_r36{margin-right: 36px;}

.marg_l12{margin-left: 12px;}
.marg_l24{margin-left: 24px;}
.marg_l36{margin-left: 36px;}

.marg_b8{margin-bottom: 8px;}
.marg_b12{margin-bottom: 12px;}
.marg_b24{margin-bottom: 24px;}
.marg_b36{margin-bottom: 36px;}
.marg_b60{margin-bottom:60px;}
.marg_b100{margin-bottom: 100px;}

.marg_t8{margin-top: 8px;}
.marg_t12{margin-top: 12px;}
.marg_t24{margin-top: 24px;}
.marg_t36{margin-top: 36px;}
.marg_t60{margin-top: 60px;}
.marg_t100{margin-top: 100px;}


.pad_space{padding-bottom: 130px;}

/*字体 大小*/
.font_min{font-size: 12px;}
.font_4ml{font-size: 14px;}
.font_mmml{font-size: 16px;}
.font_mml{font-size: 18px;}
.font_ml{font-size: 20px;}

.font_mm{font-size: 10px;}
.font_m{font-size: 12px;}
.font_sl{font-size: 14px;}
.font_s{font-size: 16px;}
.font_r{font-size: 18px;}
.font_30{font-size: 20px;}
.font_n{font-size: 22px;}
.font_xl{font-size:26px;}
.font_xxl{font-size:30px;}
.font_xxxl{font-size:38px;}
.font_4xl{font-size:46px;}
.strong{font-weight: bold;}

/*字体颜色 */
.white{color: #fff}
.black{color: #000}
.gray{color: #8b8b8b}
.lightgray{color: #ccc}
.darkgray{color:#333}
.lightblue{color:#348BD8}
.red{color:#E54736}
.org{color: #f39518}
.placeholdertxt{color: #c9cbce}
.title_auxiliary{color: #999999}
.yellow{color: #FFF100}
.l_yellow{color:#ECE9AE}
.cyan{color: #C7B58B}
.purple{color: #CF4BE1}
.ot_status1{color: #979797;}
.ot_status2{color: #739E64;}
.ot_status3{color: #C7B58B;}
.sign_report{color: #45340B;}


/*文本对齐*/
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.tj {text-align: justify}
.mc{margin: 0 auto}

/* 文本截取 */
/*单行*/
.textcut_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  /*双行*/
  .textcut_2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  /*3行*/
  .textcut_3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  
  /*旋转30度*/
  .tran20
  {transform:rotate(-16deg);
  -ms-transform:rotate(-16deg); 	/* IE 9 */
  -moz-transform:rotate(-16deg); 	/* Firefox */
  -webkit-transform:rotate(-16deg); /* Safari 和 Chrome */
  -o-transform:rotate(-16deg); 	/* Opera */
  }
  
  /*旋转90度*/
  .tran90
  {transform:rotate(90deg);
  -ms-transform:rotate(90deg); 	/* IE 9 */
  -moz-transform:rotate(90deg); 	/* Firefox */
  -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
  -o-transform:rotate(90deg); 	/* Opera */
  }