.y-bs{    box-sizing: border-box;    
}
.y-bc{
    box-sizing: content-box;    
}
/*浮动定位层级*/
.y-fl{
  float: left;
}
.y-fr{
  float: right;
}
.y-fc{
  clear: both;
}
.y-z1{
  z-index: 1;
}
.y-z2{
  z-index: 2;
}
.y-z3{
  z-index: 3;
}
.y-z6{
  z-index: 6;
}
.y-z9{
  z-index: 9;
}
.y-psr{
  position: relative;
}
.y-psa{
  position: absolute;
}
.y-psf{
  position: fixed;
}
/*内边距*/
.y-p5{
  padding: 5px;
}
.y-pl5{
  padding-left: 5px;
}
.y-pr5{
  padding-right: 5px;
}
.y-pt5{
  padding-top: 5px;
}
.y-pb5{
  padding-bottom: 5px;
}
.y-p{
  padding: 10px;
}
.y-pl{
  padding-left: 10px;
}
.y-pr{
  padding-right: 10px;
}
.y-pt{
  padding-top: 10px;
}
.y-pb{
  padding-bottom: 10px;
}
/*布局*/
.y-fx{
  display:flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.y-fp{
  flex-wrap: wrap;
}
.y-fp100{
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.y-fp50{
  width: 50%;
  max-width: 50%;
  min-width: 50%;
}
.y-fp33{
  width: 33.3%;
  max-width: 33.3%;
  min-width: 33.3%;
}
.y-fp25{
  width: 25%;
  max-width: 25%;
  min-width: 25%;
}
.y-fp20{
  width: 20%;
  max-width: 20%;
  min-width: 20%;
}
.y-fx1{
  flex:1;
}
.y-fx2{
  flex:2;
}
.y-fx3{
  flex:3;
}
.y-fx4{
  flex:4;
}
.y-fx5{
  flex:5;
}
.y-fx6{
  flex:6;
}
.y-fx7{
  flex:7;
}
.y-fx8{
  flex:8;
}
.y-fx10{
    flex:10;
  }
.y-fx12{
    flex:12;
  }
/*文本对齐排版*/
.y-ft0{
  font-size: 0px;
}
.y-ft8{
  font-size: 8px;
}
.y-ft10{
  font-size: 10px;
}
.y-ft12{
  font-size: 12px;
}
.y-ft14{
  font-size: 14px;
}
.y-ft16{
  font-size: 16px;
}
.y-ft18{
  font-size: 18px;
}
.y-ft20{
  font-size: 20px;
}
.y-ft22{
  font-size: 22px;
}
.y-ft25{
  font-size: 25px;
}
.y-ft30{
  font-size: 30px;
}
.y-ft40{
  font-size: 40px;
}
.y-fw{
  font-weight: bold;
}
.y-mc1{
  color: #6E290E;
}
.y-mc2{
  color: #ffffff;
}
.y-mc3{
  color: #464646;
}
.y-mc4{
  color: #ee7700;
}
.y-mc5{
  color: #01b6fd;
}
/*背景色*/
.y-bg1{
  background: #6E290E;
}
.y-bg2{
  background: #ffffff;
}
.y-bg3{
background: #333333;
}
.y-bg4{
background: #F6F6F6;
}
.y-bg5{
background: #01b6fd;
}
.y-al{
  text-align: left;
}
.y-ar{
  text-align: right;
}
.y-ac{
  text-align: center;
}
.y-aj{
  text-align: justify;
}
.y-ofh{
  overflow: hidden;
}
.y-ofs{
  overflow: scroll;
}
.y-in{
  border: none;
  background: none;
  outline: none;
  width: 100%;
}
.y-e1{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.y-e2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*边框*/
.y-b{
  border: 1px solid #575757;
}
.y-bt{
  border-top: 1px solid #575757;
}
.y-bl{
  border-left: 1px solid #575757;
}
.y-br{
  border-right: 1px solid #575757;
}
.y-bb{
  border-bottom: 1px solid #575757;
}

/*外边距*/
.y-mga{
  margin: auto;
}
.y-mg{
  margin: 10px;
}
.y-mgt{
  margin-top: 10px;
}
.y-mgb{
  margin-bottom: 10px;
}
.y-mgl{
  margin-left: 10px;
}
.y-mgr{
  margin-right: 10px;
}
/* 鼠标手势 */
.y-cp{
  cursor: pointer;
}
.y-w100{
  width: 100%;
}
.y-h100{
  height: 100%;
}
.y-w50{
  width: 50%;
}
.y-h50{
  height: 50%;
}
.no-sel{
  user-select:none;
}
.h400{
  height: 400px;
}
.h300{
  height: 300px;
}
.h250{
  height: 250px;
}
.h220{
  height: 220px;
}
.h200{
  height: 200px;
}
.h150{
  height: 150px;
}
.h130{
  height: 130px;
}
.h100{
  height: 100px;
}
.h80{
  height: 80px;
}
.h70{
  height: 70px;
}
.h60{
  height: 60px;
}
.h50{
  height: 50px;
  line-height:50px;
}
.h40{
  height: 40px;
  line-height:40px;
}
.h30{
  height: 32px;
  line-height: 32px;
}
.h25{
  height: 25px;
  line-height: 25px;
}
.h20{
  height: 20px;
  line-height: 20px;
}
.w20{
  width: 20px;
}
.w30{
  width: 30px;
}
.w40{
  width: 40px;
}
.w50{
  width: 50px;
}
.w60{
  width: 60px;
}
.w70{
  width: 70px;
}
.w80{
  width: 80px;
}
.w100{
  width: 100px;
}
.w120{
  width: 120px;
}
.w150{
  width: 150px;
}
.w170{
  width: 170px;
}
.w200{
  width: 200px;
}
.w220{
  width: 220px;
}
.w250{
  width: 250px;
}
.w300{
  width: 300px;
}
.w350{
  width: 350px;
}
.w450{
  width: 450px;
}
.w550{
  width: 550px;
}
.y-br3{
  border-radius: 3px;
}
.y-br5{
  border-radius: 5px;
}
.y-br10{
  border-radius: 10px;
}
.y-br20{
  border-radius: 20px;
}
.y-br30{
  border-radius: 30px;
}
.y-dyi{
  display: inline-block;
}
.y-ls{
  letter-spacing: 10px;
  text-indent: 10px;
}