html, body, #app {
  width: 100%;
  height: 100%;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  outline: none !important;
  box-sizing: border-box !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important; 
}
/******** 渐变效果 *********/
.transition {
  transition: all .2s;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
}

/* 页面提示框显示 */
/* 弹窗类型显示对应的视觉效果 */
.success {
  background-color: #2DC29C;
}
/* 提示: 改颜色用于提示消息，例如输入错误的信息 */
.prompt {
  background-color: #F7BA2A;
}

/* 弹窗类型显示对应的视觉效果结束 */
.dig-tips {
  width: 300px;
  height: 40px;
  box-shadow: 0px 10px 10px rgba(0,0,0,0.08);
  position: fixed;
  opacity: 0;
  transition: all 1s;
  top: 0;
  background-color: #FFFFFF;
}
.dig-icon {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #ffffff;
  display: inline-block;
}
.dig-icon i {
  font-size: 20px;
}
.dig-title {
  width: 250px;
  text-indent: 10px;
  display: inline-block;
}




/* 底边框 */
.brd-bottom {
  border-bottom: 1px dashed rgba(0,0,0,0.06);
}

/******** 背景图片居中 *********/
.centerimage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 鼠标悬停显示颜色 */
.cursorhover:hover {
  cursor: pointer;
  color: #2dc29a;
  font-weight: 600;
}

/******** Box居中 *********/
.centerbox {
  padding-top: 10px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 10px;
  margin: auto;
}
.centerboxT {
  padding-top: 60px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 10px;
  margin: auto;
}

/* box局中下 */
.centerbottombox {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 30px;
  margin: auto;
}

/******** 超出省略 *********/
.text-ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/******** z-index *********/
.z--1 { z-index: -1; }
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-6 { z-index: 6; }
.z-7 { z-index: 7; }
.z-8 { z-index: 8; }
.z-9 { z-index: 9; }
.z-10 { z-index: 10; }

/******** box-sizing *********/
.bs-bx { box-sizing: border-box; }
.bs-ct { box-sizing: content-box; }

/******** overflow *********/
.of-h {overflow: hidden;}
.of-a {overflow: auto;}

/******** opacity *********/
.op-0 { opacity: 0; }
.op-1 { opacity: .1; }
.op-2 { opacity: .2; }
.op-3 { opacity: .3; }
.op-4 { opacity: .4; }
.op-5 { opacity: .5; }
.op-6 { opacity: .6; }
.op-7 { opacity: .7; }
.op-8 { opacity: .8; }
.op-9 { opacity: .9; }

/******** float *********/
.fr { float: right; }
.fl { float: left; }

/******** text-align *********/
.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center; }

/******** line-height *********/
.lh-10 { line-height: 10px; }
.lh-20 { line-height: 20px; }
.lh-22 { line-height: 22px; }
.lh-24 { line-height: 24px; }
.lh-26 { line-height: 26px; }
.lh-28 { line-height: 28px; }
.lh-30 { line-height: 30px; }
.lh-40 { line-height: 40px; }
.lh-50 { line-height: 50px; }
.lh-60 { line-height: 60px; }
.lh-70 { line-height: 70px; }
.lh-80 { line-height: 80px; }
.lh-90 { line-height: 90px; }
.lh-100 { line-height: 100px; }

/******** text-decoration *********/
.td-lt { text-decoration: line-through; }
.td-ul { text-decoration: underline; }


/******** text-transform *********/
.tt-u { text-transform: uppercase; }
.tt-l { text-transform: lowercase; }

/******** display *********/
.db { display: block; }
.dib { display: inline-block; }
.di { display: inline; }


/******** rotate *********/
.rot-15 { transform: rotate(15deg); }
.rot-30 { transform: rotate(30deg); }
.rot-45 { transform: rotate(45deg); }
.rot-60 { transform: rotate(60deg); }
.rot-90 { transform: rotate(90deg); }


/******** position *********/
.pa { position: absolute; }
.pr { position: relative; }
.pf { position: fixed; }
.ps { position: static; }
.pi { position: inherit; }



/******** border *********/
.bdn {border: none;}
.bd {border: 1px solid rgba(0,0,0,.06);}
.bt {border-top: 1px solid rgba(0,0,0,.06);}
.bl {border-left: 1px solid rgba(0,0,0,.06);}
.bb {border-bottom: 1px solid rgba(0,0,0,.06);}
.br {border-right: 1px solid rgba(0,0,0,.06);}


/******** border-radius *********/
.bdr-1 { border-radius: 1px; }
.bdr-2 { border-radius: 2px; }
.bdr-3 { border-radius: 3px; }
.bdr-4 { border-radius: 4px; }
.bdr-5 { border-radius: 5px; }
.bdr-6 { border-radius: 6px; }
.bdr-7 { border-radius: 7px; }
.bdr-8 { border-radius: 8px; }
.bdr-9 { border-radius: 9px; }
.bdr-10 { border-radius: 10px; }
.bdr-11 { border-radius: 11px; }
.bdr-12 { border-radius: 12px; }
.bdr-13 { border-radius: 13px; }
.bdr-14 { border-radius: 14px; }
.bdr-15 { border-radius: 15px; }
.bdr-16 { border-radius: 16px; }
.bdr-17 { border-radius: 17px; }
.bdr-18 { border-radius: 18px; }
.bdr-19 { border-radius: 19px; }
.bdr-20 { border-radius: 20px; }
.bdr-30 { border-radius: 30px; }
.bdr-40 { border-radius: 40px; }
.bdr-50 { border-radius: 50px; }
.bdr-60 { border-radius: 60px; }
.bdr-70 { border-radius: 70px; }
.bdr-80 { border-radius: 80px; }
.bdr-90 { border-radius: 90px; }
.bdr-100 { border-radius: 100%; }

/******** font-size *********/
.fs-10 { font-size: 10px; }
.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-17 { font-size: 17px; }
.fs-18 { font-size: 18px; }
.fs-19 { font-size: 19px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-26 { font-size: 26px; }
.fs-28 { font-size: 28px; }
.fs-30 { font-size: 30px; }
.fs-32 { font-size: 32px; }
.fs-34 { font-size: 34px; }
.fs-36 { font-size: 36px; }
.fs-38 { font-size: 38px; }
.fs-40 { font-size: 40px; }
.fs-42 { font-size: 42px; }
.fs-44 { font-size: 44px; }
.fs-46 { font-size: 46px; }
.fs-48 { font-size: 48px; }
.fs-50 { font-size: 50px; }
.fs-52 { font-size: 52px; }
.fs-54 { font-size: 54px; }
.fs-56 { font-size: 56px; }
.fs-58 { font-size: 58px; }
.fs-60 { font-size: 60px; }
.fs-70 { font-size: 70px; }
.fs-80 { font-size: 80px; }
.fs-90 { font-size: 90px; }
.fs-100 { font-size: 100px; }

/******** font-weigth *********/
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }


/******** margin ******** 
* mt => margin-top 
* mr => margin-right
* mb => margin-bottom
* ml => margin-left
* mg = margin
*/
.mg-a { margin: auto;}
.mg-4 { margin: 4px;}
.mg-6 { margin: 6px;}
.mg-8 { margin: 8px;}
.mg-10 { margin: 10px;}
.mg-12 { margin: 12px;}
.mg-14 { margin: 14px;}
.mg-16 { margin: 16px;}
.mg-18 { margin: 18px;}
.mg-20 { margin: 20px;}
.mg-22 { margin: 22px;}
.mg-24 { margin: 24px;}
.mg-26 { margin: 26px;}
.mg-28 { margin: 28px;}
.mg-30 { margin: 30px;}
.mg-32 { margin: 32px;}
.mg-34 { margin: 34px;}
.mg-36 { margin: 36px;}
.mg-38 { margin: 38px;}
.mg-40 { margin: 40px;}
.mg-50 { margin: 50px;}
.mg-60 { margin: 60px;}
.mg-70 { margin: 70px;}
.mg-80 { margin: 80px;}
.mg-90 { margin: 90px;}
.mg-100 { margin: 100px;}

.mt-0 { margin-top: 0px;}
.mt-4 { margin-top: 4px;}
.mt-6 { margin-top: 6px;}
.mt-8 { margin-top: 8px;}
.mt-10 { margin-top: 10px;}
.mt-12 { margin-top: 12px;}
.mt-14 { margin-top: 14px;}
.mt-16 { margin-top: 16px;}
.mt-18 { margin-top: 18px;}
.mt-20 { margin-top: 20px;}
.mt-22 { margin-top: 22px;}
.mt-24 { margin-top: 24px;}
.mt-26 { margin-top: 26px;}
.mt-28 { margin-top: 28px;}
.mt-30 { margin-top: 30px;}
.mt-32 { margin-top: 32px;}
.mt-34 { margin-top: 34px;}
.mt-36 { margin-top: 36px;}
.mt-38 { margin-top: 38px;}
.mt-40 { margin-top: 40px;}
.mt-50 { margin-top: 50px;}
.mt-60 { margin-top: 60px;}
.mt-70 { margin-top: 70px;}
.mt-80 { margin-top: 80px;}
.mt-90 { margin-top: 90px;}
.mt-100 { margin-top: 100px;}

.mb-4 { margin-bottom: 4px;}
.mb-6 { margin-bottom: 6px;}
.mb-8 { margin-bottom: 8px;}
.mb-10 { margin-bottom: 10px;}
.mb-12 { margin-bottom: 12px;}
.mb-14 { margin-bottom: 14px;}
.mb-16 { margin-bottom: 16px;}
.mb-18 { margin-bottom: 18px;}
.mb-20 { margin-bottom: 20px;}
.mb-22 { margin-bottom: 22px;}
.mb-24 { margin-bottom: 24px;}
.mb-26 { margin-bottom: 26px;}
.mb-28 { margin-bottom: 28px;}
.mb-30 { margin-bottom: 30px;}
.mb-32 { margin-bottom: 32px;}
.mb-34 { margin-bottom: 34px;}
.mb-36 { margin-bottom: 36px;}
.mb-38 { margin-bottom: 38px;}
.mb-40 { margin-bottom: 40px;}
.mb-50 { margin-bottom: 50px;}
.mb-60 { margin-bottom: 60px;}
.mb-70 { margin-bottom: 70px;}
.mb-80 { margin-bottom: 80px;}
.mb-90 { margin-bottom: 90px;}
.mb-100 { margin-bottom: 100px;}

.mr-4 { margin-right: 4px;}
.mr-6 { margin-right: 6px;}
.mr-8 { margin-right: 8px;}
.mr-10 { margin-right: 10px;}
.mr-12 { margin-right: 12px;}
.mr-14 { margin-right: 14px;}
.mr-16 { margin-right: 16px;}
.mr-18 { margin-right: 18px;}
.mr-20 { margin-right: 20px;}
.mr-22 { margin-right: 22px;}
.mr-24 { margin-right: 24px;}
.mr-26 { margin-right: 26px;}
.mr-28 { margin-right: 28px;}
.mr-30 { margin-right: 30px;}
.mr-32 { margin-right: 32px;}
.mr-34 { margin-right: 34px;}
.mr-36 { margin-right: 36px;}
.mr-38 { margin-right: 38px;}
.mr-40 { margin-right: 40px;}
.mr-50 { margin-right: 50px;}
.mr-60 { margin-right: 60px;}
.mr-70 { margin-right: 70px;}
.mr-80 { margin-right: 80px;}
.mr-90 { margin-right: 90px;}
.mr-100 { margin-right: 100px;}


.ml-4 { margin-left: 4px;}
.ml-6 { margin-left: 6px;}
.ml-8 { margin-left: 8px;}
.ml-10 { margin-left: 10px;}
.ml-12 { margin-left: 12px;}
.ml-14 { margin-left: 14px;}
.ml-16 { margin-left: 16px;}
.ml-18 { margin-left: 18px;}
.ml-20 { margin-left: 20px;}
.ml-22 { margin-left: 22px;}
.ml-24 { margin-left: 24px;}
.ml-26 { margin-left: 26px;}
.ml-28 { margin-left: 28px;}
.ml-30 { margin-left: 30px;}
.ml-32 { margin-left: 32px;}
.ml-34 { margin-left: 34px;}
.ml-36 { margin-left: 36px;}
.ml-38 { margin-left: 38px;}
.ml-40 { margin-left: 40px;}
.ml-50 { margin-left: 50px;}
.ml-60 { margin-left: 60px;}
.ml-70 { margin-left: 70px;}
.ml-80 { margin-left: 80px;}
.ml-90 { margin-left: 90px;}
.ml-100 { margin-left: 100px;}


/******** padding ******** 
* pt => padding-top 
* pr => padding-right
* pb => padding-bottom
* pl => padding-left
* pd => padding
*/
.pd-2 { padding: 2px;}
.pd-4 { padding: 4px;}
.pd-6 { padding: 6px;}
.pd-8 { padding: 8px;}
.pd-10 { padding: 10px;}
.pd-12 { padding: 12px;}
.pd-14 { padding: 14px;}
.pd-16 { padding: 16px;}
.pd-18 { padding: 18px;}
.pd-20 { padding: 20px;}
.pd-22 { padding: 22px;}
.pd-24 { padding: 24px;}
.pd-26 { padding: 26px;}
.pd-28 { padding: 28px;}
.pd-30 { padding: 30px;}
.pd-32 { padding: 32px;}
.pd-34 { padding: 34px;}
.pd-36 { padding: 36px;}
.pd-38 { padding: 38px;}
.pd-40 { padding: 40px;}
.pd-50 { padding: 50px;}
.pd-60 { padding: 60px;}
.pd-70 { padding: 70px;}
.pd-80 { padding: 80px;}
.pd-90 { padding: 90px;}
.pd-100 { padding: 100px;}

.pt-0 { padding-top: 0px;}
.pt-2 { padding-top: 2px;}
.pt-4 { padding-top: 4px;}
.pt-6 { padding-top: 6px;}
.pt-8 { padding-top: 8px;}
.pt-10 { padding-top: 10px;}
.pt-12 { padding-top: 12px;}
.pt-14 { padding-top: 14px;}
.pt-16 { padding-top: 16px;}
.pt-18 { padding-top: 18px;}
.pt-20 { padding-top: 20px;}
.pt-22 { padding-top: 22px;}
.pt-24 { padding-top: 24px;}
.pt-26 { padding-top: 26px;}
.pt-28 { padding-top: 28px;}
.pt-30 { padding-top: 30px;}
.pt-32 { padding-top: 32px;}
.pt-34 { padding-top: 34px;}
.pt-36 { padding-top: 36px;}
.pt-38 { padding-top: 38px;}
.pt-40 { padding-top: 40px;}
.pt-50 { padding-top: 50px;}
.pt-60 { padding-top: 60px;}
.pt-70 { padding-top: 70px;}
.pt-80 { padding-top: 80px;}
.pt-90 { padding-top: 90px;}
.pt-100 { padding-top: 100px;}
.pt-110 { padding-top: 110px;}
.pt-120 { padding-top: 120px;}
.pt-130 { padding-top: 130px;}
.pt-140 { padding-top: 140px;}
.pt-150 { padding-top: 150px;}
.pt-160 { padding-top: 160px;}
.pt-170 { padding-top: 170px;}
.pt-180 { padding-top: 180px;}
.pt-190 { padding-top: 190px;}

.pb-0 { padding-bottom: 0px;}
.pb-2 { padding-bottom: 2px;}
.pb-4 { padding-bottom: 4px;}
.pb-6 { padding-bottom: 6px;}
.pb-8 { padding-bottom: 8px;}
.pb-10 { padding-bottom: 10px;}
.pb-12 { padding-bottom: 12px;}
.pb-14 { padding-bottom: 14px;}
.pb-16 { padding-bottom: 16px;}
.pb-18 { padding-bottom: 18px;}
.pb-20 { padding-bottom: 20px;}
.pb-22 { padding-bottom: 22px;}
.pb-24 { padding-bottom: 24px;}
.pb-26 { padding-bottom: 26px;}
.pb-28 { padding-bottom: 28px;}
.pb-30 { padding-bottom: 30px;}
.pb-32 { padding-bottom: 32px;}
.pb-34 { padding-bottom: 34px;}
.pb-36 { padding-bottom: 36px;}
.pb-38 { padding-bottom: 38px;}
.pb-40 { padding-bottom: 40px;}
.pb-50 { padding-bottom: 50px;}
.pb-60 { padding-bottom: 60px;}
.pb-70 { padding-bottom: 70px;}
.pb-80 { padding-bottom: 80px;}
.pb-90 { padding-bottom: 90px;}
.pb-100 { padding-bottom: 100px;}
.pb-110 { padding-bottom: 110px;}
.pb-120 { padding-bottom: 120px;}
.pb-130 { padding-bottom: 130px;}
.pb-140 { padding-bottom: 140px;}
.pb-150 { padding-bottom: 150px;}
.pb-160 { padding-bottom: 160px;}
.pb-170 { padding-bottom: 170px;}
.pb-180 { padding-bottom: 180px;}
.pb-190 { padding-bottom: 190px;}

.pr-0 { padding-right: 0px;}
.pr-2 { padding-right: 2px;}
.pr-4 { padding-right: 4px;}
.pr-6 { padding-right: 6px;}
.pr-8 { padding-right: 8px;}
.pr-10 { padding-right: 10px;}
.pr-12 { padding-right: 12px;}
.pr-14 { padding-right: 14px;}
.pr-16 { padding-right: 16px;}
.pr-18 { padding-right: 18px;}
.pr-20 { padding-right: 20px;}
.pr-22 { padding-right: 22px;}
.pr-24 { padding-right: 24px;}
.pr-26 { padding-right: 26px;}
.pr-28 { padding-right: 28px;}
.pr-30 { padding-right: 30px;}
.pr-32 { padding-right: 32px;}
.pr-34 { padding-right: 34px;}
.pr-36 { padding-right: 36px;}
.pr-38 { padding-right: 38px;}
.pr-40 { padding-right: 40px;}
.pr-50 { padding-right: 50px;}
.pr-60 { padding-right: 60px;}
.pr-70 { padding-right: 70px;}
.pr-80 { padding-right: 80px;}
.pr-90 { padding-right: 90px;}
.pr-100 { padding-right: 100px;}
.pr-110 { padding-right: 110px;}
.pr-120 { padding-right: 120px;}
.pr-130 { padding-right: 130px;}
.pr-140 { padding-right: 140px;}
.pr-150 { padding-right: 150px;}
.pr-160 { padding-right: 160px;}
.pr-170 { padding-right: 170px;}
.pr-180 { padding-right: 180px;}
.pr-190 { padding-right: 190px;}

.pl-0 { padding-left: 0px;}
.pl-2 { padding-left: 2px;}
.pl-4 { padding-left: 4px;}
.pl-6 { padding-left: 6px;}
.pl-8 { padding-left: 8px;}
.pl-10 { padding-left: 10px;}
.pl-12 { padding-left: 12px;}
.pl-14 { padding-left: 14px;}
.pl-16 { padding-left: 16px;}
.pl-18 { padding-left: 18px;}
.pl-20 { padding-left: 20px;}
.pl-22 { padding-left: 22px;}
.pl-24 { padding-left: 24px;}
.pl-26 { padding-left: 26px;}
.pl-28 { padding-left: 28px;}
.pl-30 { padding-left: 30px;}
.pl-32 { padding-left: 32px;}
.pl-34 { padding-left: 34px;}
.pl-36 { padding-left: 36px;}
.pl-38 { padding-left: 38px;}
.pl-40 { padding-left: 40px;}
.pl-50 { padding-left: 50px;}
.pl-60 { padding-left: 60px;}
.pl-70 { padding-left: 70px;}
.pl-80 { padding-left: 80px;}
.pl-90 { padding-left: 90px;}
.pl-100 { padding-left: 100px;}
.pl-110 { padding-left: 110px;}
.pl-120 { padding-left: 120px;}
.pl-130 { padding-left: 130px;}
.pl-140 { padding-left: 140px;}
.pl-150 { padding-left: 150px;}

/******** width *********/
.wi-a {width: auto;}
.wi-2 {width: 2px;}
.wi-4 {width: 4px;}
.wi-6 {width: 6px;}
.wi-8 {width: 8px;}
.wi-10 {width: 10px;}
.wi-10 {width: 10px;}
.wi-12 {width: 12px;}
.wi-14 {width: 14px;}
.wi-16 {width: 16px;}
.wi-18 {width: 18px;}
.wi-20 {width: 20px;}
.wi-22 {width: 22px;}
.wi-24 {width: 24px;}
.wi-26 {width: 26px;}
.wi-28 {width: 28px;}
.wi-30 {width: 30px;}
.wi-32 {width: 32px;}
.wi-34 {width: 34px;}
.wi-36 {width: 36px;}
.wi-38 {width: 38px;}
.wi-40 {width: 40px;}
.wi-42 {width: 42px;}
.wi-44 {width: 44px;}
.wi-46 {width: 46px;}
.wi-48 {width: 48px;}
.wi-50 {width: 50px;}
.wi-52 {width: 52px;}
.wi-54 {width: 54px;}
.wi-56 {width: 56px;}
.wi-58 {width: 58px;}
.wi-60 {width: 60px;}
.wi-70 {width: 70px;}
.wi-80 {width: 80px;}
.wi-90 {width: 90px;}
.wi-10x {width: 100px;}
.wi-11x {width: 110px;}
.wi-12x {width: 120px;}
.wi-13x {width: 130px;}
.wi-14x {width: 140px;}
.wi-15x {width: 150px;}
.wi-16x {width: 160px;}
.wi-17x {width: 170px;}
.wi-18x {width: 180px;}
.wi-19x {width: 190px;}
.wi-20x {width: 200px;}
.wi-22x {width: 220px;}
.wi-24x {width: 240px;}
.wi-26x {width: 260px;}
.wi-28x {width: 280px;}
.wi-30x {width: 300px;}
.wi-40x {width: 400px;}
.wi-50x {width: 500px;}
.wi-51x {width: 510px;}
.wi-52x {width: 520px;}
.wi-53x {width: 530px;}
.wi-54x {width: 540px;}
.wi-60x {width: 600px;}
.wi-70x {width: 700px;}
.wi-80x {width: 800px;}
.wi-90x {width: 900px;}
.wi-100 {width: 100%;}



/******** height *********/
.ht-a {height: auto;}
.ht-2 {height: 2px;}
.ht-4 {height: 4px;}
.ht-6 {height: 6px;}
.ht-8 {height: 8px;}
.ht-10 {height: 10px;}
.ht-10 {height: 10px;}
.ht-12 {height: 12px;}
.ht-14 {height: 14px;}
.ht-16 {height: 16px;}
.ht-18 {height: 18px;}
.ht-20 {height: 20px;}
.ht-22 {height: 22px;}
.ht-24 {height: 24px;}
.ht-26 {height: 26px;}
.ht-28 {height: 28px;}
.ht-30 {height: 30px;}
.ht-32 {height: 32px;}
.ht-34 {height: 34px;}
.ht-36 {height: 36px;}
.ht-38 {height: 38px;}
.ht-40 {height: 40px;}
.ht-42 {height: 42px;}
.ht-44 {height: 44px;}
.ht-46 {height: 46px;}
.ht-48 {height: 48px;}
.ht-50 {height: 50px;}
.ht-52 {height: 52px;}
.ht-54 {height: 54px;}
.ht-56 {height: 56px;}
.ht-58 {height: 58px;}
.ht-60 {height: 60px;}
.ht-70 {height: 70px;}
.ht-80 {height: 80px;}
.ht-90 {height: 90px;}
.ht-10x {height: 100px;}
.ht-11x {height: 110px;}
.ht-12x {height: 120px;}
.ht-13x {height: 130px;}
.ht-14x {height: 140px;}
.ht-15x {height: 150px;}
.ht-16x {height: 160px;}
.ht-17x {height: 170px;}
.ht-18x {height: 180px;}
.ht-19x {height: 190px;}
.ht-20x {height: 200px;}
.ht-22x {height: 220px;}
.ht-24x {height: 240px;}
.ht-26x {height: 260px;}
.ht-28x {height: 280px;}
.ht-30x {height: 300px;}
.ht-40x {height: 400px;}
.ht-50x {height: 500px;}
.ht-51x {height: 510px;}
.ht-52x {height: 520px;}
.ht-53x {height: 530px;}
.ht-54x {height: 540px;}
.ht-55x {height: 550px;}
.ht-100 {height: 100%;}


/******** bottom *********/
.bm-0 { bottom: 0; }
.bm-2 { bottom: 2px; }
.bm-4 { bottom: 4px; }
.bm-6 { bottom: 6px; }
.bm-8 { bottom: 8px; }
.bm-10 { bottom: 10px; }
.bm-12 { bottom: 12px; }
.bm-14 { bottom: 14px; }
.bm-16 { bottom: 16px; }
.bm-18 { bottom: 18px; }
.bm-20 { bottom: 20px; }
.bm-22 { bottom: 22px; }
.bm-24 { bottom: 24px; }
.bm-26 { bottom: 26px; }
.bm-28 { bottom: 28px; }
.bm-30 { bottom: 30px; }
.bm-32 { bottom: 32px; }
.bm-34 { bottom: 34px; }
.bm-36 { bottom: 36px; }
.bm-38 { bottom: 38px; }
.bm-40 { bottom: 40px; }
.bm-42 { bottom: 42px; }
.bm-44 { bottom: 44px; }
.bm-46 { bottom: 46px; }
.bm-48 { bottom: 48px; }
.bm-50 { bottom: 50px; }
.bm-60 { bottom: 60px; }
.bm-70 { bottom: 70px; }
.bm-80 { bottom: 80px; }
.bm-90 { bottom: 90px; }
.bm--10 { bottom: -10px; }
.bm--20 { bottom: -20px; }
.bm--30 { bottom: -30px; }
.bm--40 { bottom: -40px; }


/******** right *********/
.rt-0 { right: 0; }
.rt-2 { right: 2px; }
.rt-4 { right: 4px; }
.rt-6 { right: 6px; }
.rt-8 { right: 8px; }
.rt-10 { right: 10px; }
.rt-12 { right: 12px; }
.rt-14 { right: 14px; }
.rt-16 { right: 16px; }
.rt-18 { right: 18px; }
.rt-20 { right: 20px; }
.rt-22 { right: 22px; }
.rt-24 { right: 24px; }
.rt-26 { right: 26px; }
.rt-28 { right: 28px; }
.rt-30 { right: 30px; }
.rt-32 { right: 32px; }
.rt-34 { right: 34px; }
.rt-36 { right: 36px; }
.rt-38 { right: 38px; }
.rt-40 { right: 40px; }
.rt-42 { right: 42px; }
.rt-44 { right: 44px; }
.rt-46 { right: 46px; }
.rt-48 { right: 48px; }
.rt-50 { right: 50px; }
.rt-52 { right: 52px; }
.rt-54 { right: 54px; }
.rt-56 { right: 56px; }
.rt-58 { right: 58px; }
.rt-60 { right: 60px; }
.rt-62 { right: 62px; }
.rt-64 { right: 64px; }
.rt-66 { right: 66px; }
.rt-68 { right: 68px; }
.rt-70 { right: 70px; }
.rt-80 { right: 80px; }
.rt-90 { right: 90px; }
.rt-100 { right: 100px; }
.rt-110 { right: 110px; }
.rt-120 { right: 120px; }
.rt-130 { right: 130px; }
.rt-b10 { right: 10%; }
.rt-b20 { right: 20%; }
.rt-b30 { right: 30%; }
.rt-b40 { right: 40%; }
.rt-b50 { right: 50%; }


/******** left *********/
.lf-0 { left: 0; }
.lf-2 { left: 2px; }
.lf-4 { left: 4px; }
.lf-6 { left: 6px; }
.lf-8 { left: 8px; }
.lf-10 { left: 10px; }
.lf-12 { left: 12px; }
.lf-14 { left: 14px; }
.lf-16 { left: 16px; }
.lf-18 { left: 18px; }
.lf-20 { left: 20px; }
.lf-22 { left: 22px; }
.lf-24 { left: 24px; }
.lf-26 { left: 26px; }
.lf-28 { left: 28px; }
.lf-30 { left: 30px; }
.lf-32 { left: 32px; }
.lf-34 { left: 34px; }
.lf-36 { left: 36px; }
.lf-38 { left: 38px; }
.lf-40 { left: 40px; }
.lf-42 { left: 42px; }
.lf-44 { left: 44px; }
.lf-46 { left: 46px; }
.lf-48 { left: 48px; }
.lf-50 { left: 50px; }
.lf-60 { left: 60px; }
.lf-70 { left: 70px; }
.lf-80 { left: 80px; }
.lf-90 { left: 90px; }
.lf-100 { left: 100px; }
.lf-110 { left: 110px; }
.lf-120 { left: 120px; }
.lf-130 { left: 130px; }
.lf-140 { left: 140px; }


/******** top *********/
.tp-0 { top: 0; }
.tp-1 { top: 1px; }
.tp-2 { top: 2px; }
.tp-3 { top: 3px; }
.tp-4 { top: 4px; }
.tp-5 { top: 5px; }
.tp-6 { top: 6px; }
.tp-7 { top: 7px; }
.tp-8 { top: 8px; }
.tp-9 { top: 9px; }
.tp-10 { top: 10px; }
.tp-12 { top: 12px; }
.tp-14 { top: 14px; }
.tp-16 { top: 16px; }
.tp-18 { top: 18px; }
.tp-20 { top: 20px; }
.tp-22 { top: 22px; }
.tp-24 { top: 24px; }
.tp-26 { top: 26px; }
.tp-28 { top: 28px; }
.tp-30 { top: 30px; }
.tp-32 { top: 32px; }
.tp-34 { top: 34px; }
.tp-36 { top: 36px; }
.tp-38 { top: 38px; }
.tp-40 { top: 40px; }
.tp-42 { top: 42px; }
.tp-44 { top: 44px; }
.tp-46 { top: 46px; }
.tp-48 { top: 48px; }
.tp-50 { top: 50px; }
.tp-60 { top: 60px; }
.tp-70 { top: 70px; }
.tp-80 { top: 80px; }
.tp-90 { top: 90px; }
.tp-100 { top: 100px; }
.tp-110 { top: 110px; }
.tp-120 { top: 120px; }
.tp-130 { top: 130px; }
.tp-140 { top: 140px; }
.tp-150 { top: 150px; }
.tp-160 { top: 160px; }
.tp-170 { top: 170px; }
.tp-180 { top: 180px; }
.tp-190 { top: 190px; }
.tp-200 { top: 200px; }