/* common.css */

/* 默认不让用户选择文本 */
html,body{
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-family: PingFangSC-Regular, Helvetica, sans-serif;
}
img{
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* pointer-events: none; */
}

/* 默认链接点击无tap效果 */
a,img {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* display */
.hidden {display: none}
body.dialog-fix,
body.fullscreen {width: 100%;height: 100%;overflow: hidden;position: fixed;}
.block {display: block;}
.block.hidden {display: none;}
.inline-block {display: inline-block;}
.inline-block.hidden{display: none;}
.force-scrolling-touch{
  -webkit-overflow-scrolling:touch;
}
.box {
  box-sizing: border-box;
}
.full-width{width: 100%;}
.full-height{height: 100%;}
.no-tap-color{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* float */
.pull-right {float: right}
.pull-left {float: left !important}
.clearfloat,.clearfix {float: none;overflow: hidden;}
.clearoverflow{overflow: hidden;}
.margin-center{margin-left: auto; margin-right: auto;}

/* text color */
.text-blue {color: #71aaff}
.text-dark-blue {color: #4599F9}
.text-default {color: #1a1a1a !important}
.text-muted {color: #888888 !important}
.text-white {color: #fff !important}
.text-black {color: #000 !important}
.text-danger {color: #F0494F !important}
.text-info {color: #F0494F !important}
.text-warn {color: #FFCC1C !important}
.text-warn-1 {color: #FFC438 !important}
.text-warn-2 {color: #F5A623 !important}
.text-light-blue {color: #44C0FF !important}
.text-ff7272 {color: #ff7272 !important}
.text-333 {color: #333 !important}
.text-444 {color: #444 !important}
.text-555 {color: #555 !important}
.text-666 {color: #666 !important}
.text-777 {color: #777 !important}
.text-888 {color: #888 !important}
.text-999 {color: #999 !important}
.text-bbb {color: #bbb !important}
.text-eee {color: #eee !important}
.text-ccc {color: #ccc !important}
.text-2a {color: #2a2a2a !important}
.text-4a {color: #4a4a4a !important}
.text-1a {color: #1a1a1a !important}
.text-e6 {color: #e6e6e6 !important}
.text-9b {color: #9b9b9b !important}
.text-9e {color: #9e9e9e !important}
.text-c4 {color: #c4c4c4 !important}
.text-4c {color: #4c4c4c !important}
.text-b8 {color: #b8b8b8 !important}
.text-b2 {color: #b2b2b2 !important}
.text-f5a623 {color: #F5A623 !important;}
.text-ff5c1b {color: #FF5C1B !important;}
.text-f5543f {color: #f5543f !important;}
.text-4a90e2 {color: #4A90E2 !important;}
.text-ed512a {color: #ed512a !important;}
.text-f4f5f6 {color: #F4F5F6 !important;}
.text-8e8e94 {color: #8E8E94 !important;}
.text-primary, .text-ff4c61 {color: #ff4c61 !important;}

/* text-style */
.text-underline {text-decoration: underline !important}
.text-underless {text-decoration: none !important}
.text-line-through {text-decoration: line-through !important}
.text-center {text-align: center !important}
.text-left {text-align: left !important}
.text-right {text-align: right !important}
.text-justify {text-align: justify !important}
.text-ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.text-normal {font-style: normal;}

/* position */
.p-abs {position: absolute;}
.p-rel {position: relative;}
.p-stc {position: static;}
.p-fix {position: fixed;}

/* background color */
.bg-primary {background-color: #6aa6f3}
.bg-warn {background-color: #FFCC1C}
.bg-warn-1 {background-color: #FFC438;}
.bg-success {background-color: #07b254}
.bg-danger {background-color: #F0494F}
.bg-light-blue {background-color: #44C0FF}
.bg-white {background-color: #fff;}
.bg-f5f6fa {background-color: #F5F6FA;}
.bg-e6 {background-color: #e6e6e6;}
.bg-fc {background-color: #fcfcfc;}
.bg-ccc {background-color: #ccc;}
.bg-333 {background-color: #333;}
.bg-ddd {background-color: #ddd;}
.bg-4a {background-color: #4a4a4a;}
.bg-fa {background-color: #fafafa;}
.bg-eee {background-color: #eee;}
.bg-f5f6f9 {background-color: #F5F6F9;}
.bg-ff7272 {background-color: #ff7272;}
.bg-ed512a {background-color: #ed512a;}
.bg-red-1 {background-color: #f5543f;}
.bg-dark-blue {background-color: #4A90E2;}
.bg-ff4c61{background-color: #ff4c61;}
.bg-light-green {background-color: #E0F4FF;}

/* flex */
.flex {display: flex}
.flex.hidden {display: none;}
.flex-direction-row,.flex-row {flex-direction: row}
.flex-direction-column,.flex-column {flex-direction: column}
.flex-main-start {justify-content: flex-start}
.flex-main-end {justify-content: flex-end}
.flex-main-center {justify-content: center}
.flex-main-between {justify-content: space-between}
.flex-main-around {justify-content: space-around}
.flex-cross-center {align-items: center}
.flex-cross-end {align-items: flex-end}
.flex-cross-start {align-items: flex-start}
.flex-center {justify-content:center; align-items:center;}
.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}
.flex-noshrink {flex-shrink: 0;}
.flex-0 {flex: 0}
.flex-1 {flex: 1}
.flex-2 {flex: 2}
.flex-3 {flex: 3}

/* border-radius */
.br-1 {border-radius: 1px;}
.br-2 {border-radius: 2px;}
.br-3 {border-radius: 3px;}
.br-4 {border-radius: 4px;}
.br-5 {border-radius: 5px;}
.br-6 {border-radius: 6px;}
.br-7 {border-radius: 7px;}
.br-8 {border-radius: 8px;}
.br-9 {border-radius: 9px;}
.br-10 {border-radius: 10px;}
.br-11 {border-radius: 11px;}
.br-12 {border-radius: 12px;}
.br-13 {border-radius: 13px;}
.br-14 {border-radius: 14px;}
.br-15 {border-radius: 15px;}
.br-16 {border-radius: 16px;}
.br-17 {border-radius: 17px;}
.br-18 {border-radius: 18px;}
.br-19 {border-radius: 19px;}
.br-20 {border-radius: 20px;}

/* font size */
.fs-8 {font-size: 8px !important;}
.fs-9 {font-size: 9px !important;}
.fs-10 {font-size: 10px !important;}
.fs-11 {font-size: 11px !important;}
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-17 {font-size: 17px !important;}
.fs-18 {font-size: 18px !important;}
.fs-19 {font-size: 19px !important;}
.fs-20 {font-size: 20px !important;}
.fs-22 {font-size: 22px !important;}
.fs-24 {font-size: 24px !important;}
.fs-25 {font-size: 25px !important;}
.fs-26 {font-size: 26px !important;}
.fs-27 {font-size: 27px !important;}
.fs-28 {font-size: 28px !important;}
.fs-30 {font-size: 30px !important;}
.fs-32 {font-size: 32px !important;}
.fs-34 {font-size: 34px !important;}
.fs-36 {font-size: 36px !important;}
.fs-38 {font-size: 38px !important;}
.fs-40 {font-size: 40px !important;}
.fs-42 {font-size: 42px !important;}
.fs-54 {font-size: 54px !important;}

/* font size rem */
.fs-8-rem {font-size: .8rem !important;}
.fs-9-rem {font-size: .9rem !important;}
.fs-10-rem {font-size: 1.0rem !important;}
.fs-11-rem {font-size: 1.1rem !important;}
.fs-12-rem {font-size: 1.2rem !important;}
.fs-13-rem {font-size: 1.3rem !important;}
.fs-14-rem {font-size: 1.4rem !important;}
.fs-15-rem {font-size: 1.5rem !important;}
.fs-16-rem {font-size: 1.6rem !important;}
.fs-17-rem {font-size: 1.7rem !important;}
.fs-18-rem {font-size: 1.8rem !important;}
.fs-19-rem {font-size: 1.9rem !important;}
.fs-20-rem {font-size: 2.0rem !important;}
.fs-22-rem {font-size: 2.2rem !important;}
.fs-24-rem {font-size: 2.4rem !important;}
.fs-25-rem {font-size: 2.5rem !important;}
.fs-26-rem {font-size: 2.6rem !important;}
.fs-27-rem {font-size: 2.7rem !important;}
.fs-28-rem {font-size: 2.8rem !important;}
.fs-30-rem {font-size: 3.0rem !important;}
.fs-32-rem {font-size: 3.2rem !important;}
.fs-34-rem {font-size: 3.4rem !important;}
.fs-36-rem {font-size: 3.6rem !important;}
.fs-38-rem {font-size: 3.8rem !important;}
.fs-54-rem {font-size: 5.4rem !important;}

/* font-weight */
.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.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;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}
.fw-1000 {font-weight: 1000;}

/* font family */
.ff-pingfang-regular {font-family: PingFangSC-Regular, Helvetica, sans-serif;}
.ff-pingfang-medium {font-family: PingFangSC-Medium, Helvetica, sans-serif;font-weight: bold;}
.ff-pingfang-semibold {font-family: PingFangSC-Semibold, Helvetica, sans-serif;}
.ff-helvetica {font-family: Helvetica, Arial, sans-serif;}
.ff-sans-serif {font-family: sans-serif;}

/* line-height */
.lh-12{line-height: 12px;}
.lh-14 {line-height: 14px;}
.lh-15 {line-height: 15px;}
.lh-16 {line-height: 16px;}
.lh-17 {line-height: 17px;}
.lh-18 {line-height: 18px;}
.lh-19 {line-height: 19px;}
.lh-20 {line-height: 20px;}
.lh-21 {line-height: 21px;}
.lh-22 {line-height: 22px;}
.lh-23 {line-height: 23px;}
.lh-24 {line-height: 24px;}
.lh-25 {line-height: 25px;}
.lh-26 {line-height: 26px;}
.lh-27 {line-height: 27px;}
.lh-28 {line-height: 28px;}
.lh-29 {line-height: 29px;}
.lh-30 {line-height: 30px;}
.lh-32 {line-height: 32px;}
.lh-34 {line-height: 34px;}
.lh-36 {line-height: 36px;}

/* line-height in em */
.lh-0 {line-height: 0;}
.lh-1em {line-height: 1;}
.lh-11em {line-height: 1.1;}
.lh-12em {line-height: 1.2;}
.lh-13em {line-height: 1.3;}
.lh-14em {line-height: 1.4;}
.lh-15em {line-height: 1.5;}
.lh-16em {line-height: 1.6;}
.lh-17em {line-height: 1.7;}
.lh-18em {line-height: 1.8;}
.lh-19em {line-height: 1.9;}
.lh-2em {line-height: 2;}
.lh-21em {line-height: 2.1;}
.lh-22em {line-height: 2.2;}

/* line-height in rem */
.lh-10-rem {line-height: 1rem;}
.lh-11-rem {line-height: 1.1rem;}
.lh-12-rem {line-height: 1.2rem;}
.lh-13-rem {line-height: 1.3rem;}
.lh-14-rem {line-height: 1.4rem;}
.lh-15-rem {line-height: 1.5rem;}
.lh-16-rem {line-height: 1.6rem;}
.lh-17-rem {line-height: 1.7rem;}
.lh-18-rem {line-height: 1.8rem;}
.lh-19-rem {line-height: 1.9rem;}
.lh-20-rem {line-height: 2rem;}
.lh-21-rem {line-height: 2.1rem;}
.lh-22-rem {line-height: 2.2rem;}
.lh-23-rem {line-height: 2.3rem;}
.lh-24-rem {line-height: 2.4rem;}
.lh-25-rem {line-height: 2.5rem;}
.lh-26-rem {line-height: 2.6rem;}
.lh-27-rem {line-height: 2.7rem;}
.lh-28-rem {line-height: 2.8rem;}
.lh-29-rem {line-height: 2.9rem;}
.lh-30-rem {line-height: 3rem;}

/* cursor */
.cursor-default {cursor: default;}
.cursor-auto {cursor: auto;}
.cursor-crosshair {cursor: crosshair;}
.cursor-pointer {cursor: pointer;}
.cursor-move {cursor: move;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-n-resize {cursor: n-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-w-resize {cursor: w-resize;}
.cursor-text {cursor: text;}
.cursor-wait {cursor: wait;}
.cursor-help {cursor: help;}

/* padding */
.p-0 {padding: 0 !important}
.p-b-0, .pb-0 {padding-bottom: 0 !important;}
.p-t-0, .pt-0 {padding-top: 0 !important;}
.p-r-0, .pr-0 {padding-right: 0 !important;}
.p-l-0, .pl-0 {padding-left: 0 !important;}

/* padding 1 */
.p-1 {padding: 1px !important}
.p-b-1, .pb-1 {padding-bottom: 1px !important;}
.p-t-1, .pt-1 {padding-top: 1px !important;}
.p-r-1, .pr-1 {padding-right: 1px !important;}
.p-l-1, .pl-1 {padding-left: 1px !important;}

/* padding 2 */
.p-2 {padding: 2px !important}
.p-b-2, .pb-2 {padding-bottom: 2px !important;}
.p-t-2, .pt-2 {padding-top: 2px !important;}
.p-r-2, .pr-2 {padding-right: 2px !important;}
.p-l-2, .pl-2 {padding-left: 2px !important;}

/* padding 3 */
.p-3 {padding: 3px !important}
.p-b-3, .pb-3 {padding-bottom: 3px !important;}
.p-t-3, .pt-3 {padding-top: 3px !important;}
.p-r-3, .pr-3 {padding-right: 3px !important;}
.p-l-3, .pl-3 {padding-left: 3px !important;}

/* padding 4 */
.p-4 {padding: 4px !important}
.p-b-4, .pb-4 {padding-bottom: 4px !important;}
.p-t-4, .pt-4 {padding-top: 4px !important;}
.p-r-4, .pr-4 {padding-right: 4px !important;}
.p-l-4, .pl-4 {padding-left: 4px !important;}

/* padding 5 */
.p-5 {padding: 5px !important}
.p-b-5, .pb-5 {padding-bottom: 5px !important;}
.p-t-5, .pt-5 {padding-top: 5px !important;}
.p-r-5, .pr-5 {padding-right: 5px !important;}
.p-l-5, .pl-5 {padding-left: 5px !important;}

/* padding 6 */
.p-6 {padding: 6px !important}
.p-b-6, .pb-6 {padding-bottom: 6px !important;}
.p-t-6, .pt-6 {padding-top: 6px !important;}
.p-r-6, .pr-6 {padding-right: 6px !important;}
.p-l-6, .pl-6 {padding-left: 6px !important;}

/* padding 8 */
.p-8 {padding: 8px !important}
.p-b-8, .pb-8 {padding-bottom: 8px !important;}
.p-t-8, .pt-8 {padding-top: 8px !important;}
.p-r-8, .pr-8 {padding-right: 8px !important;}
.p-l-8, .pl-8 {padding-left: 8px !important;}

/* padding 9 */
.p-9 {padding: 9px !important}
.p-b-9, .pb-9 {padding-bottom: 9px !important;}
.p-t-9, .pt-9 {padding-top: 9px !important;}
.p-r-9, .pr-9 {padding-right: 9px !important;}
.p-l-9, .pl-9 {padding-left: 9px !important;}

/* padding 10 */
.p-10 {padding: 10px !important}
.p-b-10, .pb-10 {padding-bottom: 10px !important;}
.p-t-10, .pt-10 {padding-top: 10px !important;}
.p-r-10, .pr-10 {padding-right: 10px !important;}
.p-l-10, .pl-10 {padding-left: 10px !important;}

/* padding 11 */
.p-11 {padding: 11px !important}
.p-b-11, .pb-11 {padding-bottom: 11px !important;}
.p-t-11, .pt-11 {padding-top: 11px !important;}
.p-r-11, .pr-11 {padding-right: 11px !important;}
.p-l-11, .pl-11 {padding-left: 11px !important;}

/* padding 12 */
.p-12 {padding: 12px !important}
.p-b-12, .pb-12 {padding-bottom: 12px !important;}
.p-t-12, .pt-12 {padding-top: 12px !important;}
.p-r-12, .pr-12 {padding-right: 12px !important;}
.p-l-12, .pl-12 {padding-left: 12px !important;}

/* padding 13 */
.p-13 {padding: 13px !important}
.p-b-13, .pb-13 {padding-bottom: 13px !important;}
.p-t-13, .pt-13 {padding-top: 13px !important;}
.p-r-13, .pr-13 {padding-right: 13px !important;}
.p-l-13, .pl-13 {padding-left: 13px !important;}

/* padding 14 */
.p-14 {padding: 14px !important}
.p-b-14, .pb-14 {padding-bottom: 14px !important;}
.p-t-14, .pt-14 {padding-top: 14px !important;}
.p-r-14, .pr-14 {padding-right: 14px !important;}
.p-l-14, .pl-14 {padding-left: 14px !important;}

/* padding 15 */
.p-15 {padding: 15px !important}
.p-b-15, .pb-15 {padding-bottom: 15px !important;}
.p-t-15, .pt-15 {padding-top: 15px !important;}
.p-r-15, .pr-15 {padding-right: 15px !important;}
.p-l-15, .pl-15 {padding-left: 15px !important;}

/* padding 16 */
.p-16 {padding: 16px !important}
.p-b-16, .pb-16 {padding-bottom: 16px !important;}
.p-t-16, .pt-16 {padding-top: 16px !important;}
.p-r-16, .pr-16 {padding-right: 16px !important;}
.p-l-16, .pl-16 {padding-left: 16px !important;}

/* padding 17 */
.p-17 {padding: 17px !important}
.p-b-17, .pb-17 {padding-bottom: 17px !important;}
.p-t-17, .pt-17 {padding-top: 17px !important;}
.p-r-17, .pr-17 {padding-right: 17px !important;}
.p-l-17, .pl-17 {padding-left: 17px !important;}

/* padding 18 */
.p-18 {padding: 18px !important}
.p-b-18, .pb-18 {padding-bottom: 18px !important;}
.p-t-18, .pt-18 {padding-top: 18px !important;}
.p-r-18, .pr-18 {padding-right: 18px !important;}
.p-l-18, .pl-18 {padding-left: 18px !important;}

/* padding 19 */
.p-19 {padding: 19px !important}
.p-b-19, .pb-19 {padding-bottom: 19px !important;}
.p-t-19, .pt-19 {padding-top: 19px !important;}
.p-r-19, .pr-19 {padding-right: 19px !important;}
.p-l-19, .pl-19 {padding-left: 19px !important;}

/* padding 20 */
.p-20 {padding: 20px !important}
.p-b-20, .pb-20 {padding-bottom: 20px !important;}
.p-t-20, .pt-20 {padding-top: 20px !important;}
.p-r-20, .pr-20 {padding-right: 20px !important;}
.p-l-20, .pl-20 {padding-left: 20px !important;}

/* padding 21 */
.p-21 {padding: 21px !important}
.p-b-21, .pb-21 {padding-bottom: 21px !important;}
.p-t-21, .pt-21 {padding-top: 21px !important;}
.p-r-21, .pr-21 {padding-right: 21px !important;}
.p-l-21, .pl-21 {padding-left: 21px !important;}

/* padding 22 */
.p-22 {padding: 22px !important}
.p-b-22, .pb-22 {padding-bottom: 22px !important;}
.p-t-22, .pt-22 {padding-top: 22px !important;}
.p-r-22, .pr-22 {padding-right: 22px !important;}
.p-l-22, .pl-22 {padding-left: 22px !important;}

/* padding 25 */
.p-25 {padding: 25px !important}
.p-b-25, .pb-25 {padding-bottom: 25px !important;}
.p-t-25, .pt-25 {padding-top: 25px !important;}
.p-r-25, .pr-25 {padding-right: 25px !important;}
.p-l-25, .pl-25 {padding-left: 25px !important;}

/* padding 26 */
.p-26 {padding: 26px !important}
.p-b-26, .pb-26 {padding-bottom: 26px !important;}
.p-t-26, .pt-26 {padding-top: 26px !important;}
.p-r-26, .pr-26 {padding-right: 26px !important;}
.p-l-26, .pl-26 {padding-left: 26px !important;}

/* padding 28 */
.p-28 {padding: 28px !important}
.p-b-28, .pb-28 {padding-bottom: 28px !important;}
.p-t-28, .pt-28 {padding-top: 28px !important;}
.p-r-28, .pr-28 {padding-right: 28px !important;}
.p-l-28, .pl-28 {padding-left: 28px !important;}

/* padding 29 */
.p-29 {padding: 29px !important}
.p-b-29, .pb-29 {padding-bottom: 29px !important;}
.p-t-29, .pt-29 {padding-top: 29px !important;}
.p-r-29, .pr-29 {padding-right: 29px !important;}
.p-l-29, .pl-29 {padding-left: 29px !important;}

/* padding 30 */
.p-30 {padding: 30px !important}
.p-b-30, .pb-30 {padding-bottom: 30px !important;}
.p-t-30, .pt-30 {padding-top: 30px !important;}
.p-r-30, .pr-30 {padding-right: 30px !important;}
.p-l-30, .pl-30 {padding-left: 30px !important;}

/* padding 35 */
.p-35 {padding: 35px !important}
.p-b-35, .pb-35 {padding-bottom: 35px !important;}
.p-t-35, .pt-35 {padding-top: 35px !important;}
.p-r-35, .pr-35 {padding-right: 35px !important;}
.p-l-35, .pl-35 {padding-left: 35px !important;}

/* padding 40 */
.p-40 {padding: 40px !important}
.p-b-40, .pb-40 {padding-bottom: 40px !important;}
.p-t-40, .pt-40 {padding-top: 40px !important;}
.p-r-40, .pr-40 {padding-right: 40px !important;}
.p-l-40, .pl-40 {padding-left: 40px !important;}

/* padding 45 */
.p-45 {padding: 45px !important}
.p-b-45, .pb-45 {padding-bottom: 45px !important;}
.p-t-45, .pt-45 {padding-top: 45px !important;}
.p-r-45, .pr-45 {padding-right: 45px !important;}
.p-l-45, .pl-45 {padding-left: 45px !important;}

/* padding 50 */
.p-50 {padding: 50px !important}
.p-b-50, .pb-50 {padding-bottom: 50px !important;}
.p-t-50, .pt-50 {padding-top: 50px !important;}
.p-r-50, .pr-50 {padding-right: 50px !important;}
.p-l-50, .pl-50 {padding-left: 50px !important;}

/* padding 60 */
.p-60 {padding: 60px !important}
.p-b-60, .pb-60 {padding-bottom: 60px !important;}
.p-t-60, .pt-60 {padding-top: 60px !important;}
.p-r-60, .pr-60 {padding-right: 60px !important;}
.p-l-60, .pl-60 {padding-left: 60px !important;}

/* padding 80 */
.p-80 {padding: 80px !important}
.p-b-80, .pb-80 {padding-bottom: 80px !important;}
.p-t-80, .pt-80 {padding-top: 80px !important;}
.p-r-80, .pr-80 {padding-right: 80px !important;}
.p-l-80, .pl-80 {padding-left: 80px !important;}

/* padding 100 */
.p-100 {padding: 100px !important}
.p-b-100, .pb-100 {padding-bottom: 100px !important;}
.p-t-100, .pt-100 {padding-top: 100px !important;}
.p-r-100, .pr-100 {padding-right: 100px !important;}
.p-l-100, .pl-100 {padding-left: 100px !important;}

/* margin 0 */
.m-0 {margin: 0 !important}
.m-b-0, .mb-0 {margin-bottom: 0 !important;}
.m-t-0, .mt-0 {margin-top: 0 !important;}
.m-r-0, .mr-0 {margin-right: 0 !important;}
.m-l-0, .ml-0 {margin-left: 0 !important;}

/* margin 2 */
.m-2 {margin: 2px !important}
.m-b-2, .mb-2 {margin-bottom: 2px !important;}
.m-t-2, .mt-2 {margin-top: 2px !important;}
.m-r-2, .mr-2 {margin-right: 2px !important;}
.m-l-2, .ml-2 {margin-left: 2px !important;}

/* margin 4 */
.m-4 {margin: 4px !important}
.m-b-4, .mb-4 {margin-bottom: 4px !important;}
.m-t-4, .mt-4 {margin-top: 4px !important;}
.m-r-4, .mr-4 {margin-right: 4px !important;}
.m-l-4, .ml-4 {margin-left: 4px !important;}

/* margin 5 */
.m-5 {margin: 5px !important}
.m-b-5, .mb-5 {margin-bottom: 5px !important;}
.m-t-5, .mt-5 {margin-top: 5px !important;}
.m-r-5, .mr-5 {margin-right: 5px !important;}
.m-l-5, .ml-5 {margin-left: 5px !important;}

/* margin 6 */
.m-6 {margin: 6px !important}
.m-b-6, .mb-6 {margin-bottom: 6px !important;}
.m-t-6, .mt-6 {margin-top: 6px !important;}
.m-r-6, .mr-6 {margin-right: 6px !important;}
.m-l-6, .ml-6 {margin-left: 6px !important;}

/* margin 7 */
.m-7 {margin: 7px !important}
.m-b-7, .mb-7 {margin-bottom: 7px !important;}
.m-t-7, .mt-7 {margin-top: 7px !important;}
.m-r-7, .mr-7 {margin-right: 7px !important;}
.m-l-7, .ml-7 {margin-left: 7px !important;}

/* margin 8 */
.m-8 {margin: 8px !important}
.m-b-8, .mb-8 {margin-bottom: 8px !important;}
.m-t-8, .mt-8 {margin-top: 8px !important;}
.m-r-8, .mr-8 {margin-right: 8px !important;}
.m-l-8, .ml-8 {margin-left: 8px !important;}

/* margin 10 */
.m-10 {margin: 10px !important}
.m-b-10, .mb-10 {margin-bottom: 10px !important;}
.m-t-10, .mt-10 {margin-top: 10px !important;}
.m-r-10, .mr-10 {margin-right: 10px !important;}
.m-l-10, .ml-10 {margin-left: 10px !important;}

/* margin 12 */
.m-12 {margin: 12px !important}
.m-b-12, .mb-12 {margin-bottom: 12px !important;}
.m-t-12, .mt-12 {margin-top: 12px !important;}
.m-r-12, .mr-12 {margin-right: 12px !important;}
.m-l-12, .ml-12 {margin-left: 12px !important;}

/* margin 14 */
.m-14 {margin: 14px !important}
.m-b-14, .mb-14 {margin-bottom: 14px !important;}
.m-t-14, .mt-14 {margin-top: 14px !important;}
.m-r-14, .mr-14 {margin-right: 14px !important;}
.m-l-14, .ml-14 {margin-left: 14px !important;}

/* margin 15 */
.m-15 {margin: 15px !important}
.m-b-15, .mb-15 {margin-bottom: 15px !important;}
.m-t-15, .mt-15 {margin-top: 15px !important;}
.m-r-15, .mr-15 {margin-right: 15px !important;}
.m-l-15, .ml-15 {margin-left: 15px !important;}

/* margin 16 */
.m-16 {margin: 16px !important}
.m-b-16, .mb-16 {margin-bottom: 16px !important;}
.m-t-16, .mt-16 {margin-top: 16px !important;}
.m-r-16, .mr-16 {margin-right: 16px !important;}
.m-l-16, .ml-16 {margin-left: 16px !important;}

/* margin 17 */
.m-17 {margin: 17px !important}
.m-b-17, .mb-17 {margin-bottom: 17px !important;}
.m-t-17, .mt-17 {margin-top: 17px !important;}
.m-r-17, .mr-17 {margin-right: 17px !important;}
.m-l-17, .ml-17 {margin-left: 17px !important;}

/* margin 18 */
.m-18 {margin: 18px !important}
.m-b-18, .mb-18 {margin-bottom: 18px !important;}
.m-t-18, .mt-18 {margin-top: 18px !important;}
.m-r-18, .mr-18 {margin-right: 18px !important;}
.m-l-18, .ml-18 {margin-left: 18px !important;}

/* margin 20 */
.m-20 {margin: 20px !important}
.m-b-20, .mb-20 {margin-bottom: 20px !important;}
.m-t-20, .mt-20 {margin-top: 20px !important;}
.m-r-20, .mr-20 {margin-right: 20px !important;}
.m-l-20, .ml-20 {margin-left: 20px !important;}

/* margin 22 */
.m-22 {margin: 22px !important}
.m-b-22, .mb-22 {margin-bottom: 22px !important;}
.m-t-22, .mt-22 {margin-top: 22px !important;}
.m-r-22, .mr-22 {margin-right: 22px !important;}
.m-l-22, .ml-22 {margin-left: 22px !important;}

/* margin 24 */
.m-24 {margin: 24px !important}
.m-b-24, .mb-24 {margin-bottom: 24px !important;}
.m-t-24, .mt-24 {margin-top: 24px !important;}
.m-r-24, .mr-24 {margin-right: 24px !important;}
.m-l-24, .ml-24 {margin-left: 24px !important;}

/* margin 25 */
.m-25 {margin: 25px !important}
.m-b-25, .mb-25 {margin-bottom: 25px !important;}
.m-t-25, .mt-25 {margin-top: 25px !important;}
.m-r-25, .mr-25 {margin-right: 25px !important;}
.m-l-25, .ml-25 {margin-left: 25px !important;}

/* margin 30 */
.m-30 {margin: 30px !important}
.m-b-30, .mb-30 {margin-bottom: 30px !important;}
.m-t-30, .mt-30 {margin-top: 30px !important;}
.m-r-30, .mr-30 {margin-right: 30px !important;}
.m-l-30, .ml-30 {margin-left: 30px !important;}

/* margin 35 */
.m-35 {margin: 35px !important}
.m-b-35, .mb-35 {margin-bottom: 35px !important;}
.m-t-35, .mt-35 {margin-top: 35px !important;}
.m-r-35, .mr-35 {margin-right: 35px !important;}
.m-l-35, .ml-35 {margin-left: 35px !important;}

/* margin 40 */
.m-40 {margin: 40px !important}
.m-b-40, .mb-40 {margin-bottom: 40px !important;}
.m-t-40, .mt-40 {margin-top: 40px !important;}
.m-r-40, .mr-40 {margin-right: 40px !important;}
.m-l-40, .ml-40 {margin-left: 40px !important;}


/* margin 45 */
.m-45 {margin: 45px !important}
.m-b-45, .mb-45 {margin-bottom: 45px !important;}
.m-t-45, .mt-45 {margin-top: 45px !important;}
.m-r-45, .mr-45 {margin-right: 45px !important;}
.m-l-45, .ml-45 {margin-left: 45px !important;}


/* margin 50 */
.m-50 {margin: 50px !important}
.m-b-50, .mb-50 {margin-bottom: 50px !important;}
.m-t-50, .mt-50 {margin-top: 50px !important;}
.m-r-50, .mr-50 {margin-right: 50px !important;}
.m-l-50, .ml-50 {margin-left: 50px !important;}

/* margin 60 */
.m-60 {margin: 60px !important}
.m-b-60, .mb-60 {margin-bottom: 60px !important;}
.m-t-60, .mt-60 {margin-top: 60px !important;}
.m-r-60, .mr-60 {margin-right: 60px !important;}
.m-l-60, .ml-60 {margin-left: 60px !important;}

/* margin 80 */
.m-80 {margin: 80px !important}
.m-b-80, .mb-80 {margin-bottom: 80px !important;}
.m-t-80, .mt-80 {margin-top: 80px !important;}
.m-r-80, .mr-80 {margin-right: 80px !important;}
.m-l-80, .ml-80 {margin-left: 80px !important;}

/* border */
.b-0{border-width: 0;}
.b-1{border-width: 1px;}
.b-t-1, .bt-1{border-top-width: 1px !important;}
.b-r-1, .br-1{border-right-width: 1px !important;}
.b-l-1, .bl-1{border-left-width: 1px !important;}
.b-b-1, .bb-1{border-bottom-width: 1px !important;}
.b-2{border-width: 2px;}
.b-t-2, .bt-2{border-top-width: 2px !important;}
.b-r-2, .br-2{border-right-width: 2px !important;}
.b-l-2, .bl-2{border-left-width: 2px !important;}
.b-b-2, .bb-2{border-bottom-width: 2px !important;}
.b-3{border-width: 3px;}
.b-t-3, .bt-3{border-top-width: 3px !important;}
.b-r-3, .br-3{border-right-width: 3px !important;}
.b-l-3, .bl-3{border-left-width: 3px !important;}
.b-b-3, .bb-3{border-bottom-width: 3px !important;}
.b-4{border-width: 4px;}
.b-t-4, .bt-4{border-top-width: 4px !important;}
.b-r-4, .br-4{border-right-width: 4px !important;}
.b-l-4, .bl-4{border-left-width: 4px !important;}
.b-b-4, .bb-4{border-bottom-width: 4px !important;}
.b-5{border-width: 5px !important;}
.b-t-5, .bt-5{border-top-width: 5px !important;}
.b-r-5, .br-5{border-right-width: 5px !important;}
.b-l-5, .bl-5{border-left-width: 5px !important;}
.b-b-5, .bb-5{border-bottom-width: 5px;}
.b-6{border-width: 6px !important;}
.b-t-6, .bt-6{border-top-width: 6px !important;}
.b-r-6, .br-6{border-right-width: 6px !important;}
.b-l-6, .bl-6{border-left-width: 6px !important;}
.b-b-6, .bb-6{border-bottom-width: 6px;}
.b-8{border-width: 8px !important;}
.b-t-8, .bt-8{border-top-width: 8px !important;}
.b-r-8, .br-8{border-right-width: 8px !important;}
.b-l-8, .bl-8{border-left-width: 8px !important;}
.b-b-8, .bb-8{border-bottom-width: 8px;}