/*font*/
.bold {
  font-weight: 700 !important;
}

.fw600 {
  font-weight: 600 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.normal {
  font-weight: 400 !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs24 {
  font-size: 24px !important;
}
.fs40 {
  font-size: 40px !important;
}
/* line-height (fs+8)*/
.l36 {
  line-height: 36px;
}

/*point*/
.point {
  cursor: pointer;
}

.not-allowed {
  cursor: not-allowed;
}

/*color*/
.c-1 {
  color: #111 !important;
}

.c-3 {
  color: #333 !important;
}

.c-6 {
  color: #666 !important;
}

.c-9 {
  color: #999 !important;
}

.c-bg {
  color: #f6f7f8 !important;
}

.c-green {
  color: #3A90E7 !important;
}
.c-red {
  color: red !important;
}
.c-blue {
  color: #5b78c4 !important;
}
.c-w {
  color: #fff !important;
}
.bg-white{ background: #ffffff}

/*float*/
.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

/*display*/
.inline-block {
  display: inline-block !important;
}

.block {
  display: block !important;
}

.hidden {
  overflow: hidden !important;
}

/*对齐方式*/
.vt {
  vertical-align: top !important;
}

.vm {
  vertical-align: middle !important;
}

.vb {
  vertical-align: bottom !important;
}

.t-c {
  text-align: center !important;
}

.t-l {
  text-align: left !important;
}

.t-r {
  text-align: right !important;
}

/*padding*/
.p0 {
  padding: 0px !important;
}

.p5 {
  padding: 5px !important;
}

.p8 {
  padding: 8px !important;
}

.p12 {
  padding: 12px !important;
}

.p16 {
  padding: 16px !important;
}

.p20 {
  padding: 20px !important;
}

.p24 {
  padding: 24px !important;
}

.p32 {
  padding: 32px !important;
}

.p40 {
  padding: 40px !important;
}

/*padding-left*/
/*px=padding-left and padding-right*/
.px0, .pl0 {
  padding-left: 0px !important;
}

.px4, .pl4 {
  padding-left: 4px !important;
}

.px8, .pl8 {
  padding-left: 8px !important;
}

.px12, .pl12 {
  padding-left: 12px !important;
}

.px16, .pl16 {
  padding-left: 16px !important;
}

.px20, .pl20 {
  padding-left: 20px !important;
}

.px24, .pl24 {
  padding-left: 24px !important;
}

.px32, .pl32 {
  padding-left: 32px !important;
}

.px36, .pl36 {
  padding-left: 36px !important;
}

.px40, .pl40 {
  padding-left: 40px !important;
}

.px48, .pl48 {
  padding-left: 48px !important;
}

.px64, .pl64 {
  padding-left: 64px !important;
}

.px80, .pl80 {
  padding-left: 80px !important;
}

/*padding-right*/
.px0, .pr0 {
  padding-right: 0px !important;
}

.px8, .pr8 {
  padding-right: 8px !important;
}

.px12, .pr12 {
  padding-right: 12px !important;
}

.px16, .pr16 {
  padding-right: 16px !important;
}

.px20, .pr20 {
  padding-right: 20px !important;
}

.px24, .pr24 {
  padding-right: 24px !important;
}

.px32, .pr32 {
  padding-right: 32px !important;
}

.px36, .pr36 {
  padding-right: 36px !important;
}

.px40, .pr40 {
  padding-right: 40px !important;
}

.px48, .pr48 {
  padding-right: 48px !important;
}

.px64, .pr64 {
  padding-right: 64px !important;
}

/*padding-top*/
.py5 .pt5 {
  padding-top: 5px !important;
}

.py8, .pt8 {
  padding-top: 8px !important;
}

.py12, .pt12 {
  padding-top: 12px !important;
}

.py16, .pt16 {
  padding-top: 16px !important;
}

.py20, .pt20 {
  padding-top: 20px !important;
}

.py24, .pt24 {
  padding-top: 24px !important;
}

.py32, .pt32 {
  padding-top: 32px !important;
}

.py36, .pt36 {
  padding-top: 36px !important;
}

.py40, .pt40 {
  padding-top: 40px !important;
}

.py48, .pt48 {
  padding-top: 48px !important;
}

.py64, .pt64 {
  padding-top: 64px !important;
}

/*padding-bottom*/
.py8, .pb8 {
  padding-bottom: 8px !important;
}

.py12, .pb12 {
  padding-bottom: 12px !important;
}

.py16, .pb16 {
  padding-bottom: 16px !important;
}

.py20, .pb20 {
  padding-bottom: 20px !important;
}

.py24, .pb24 {
  padding-bottom: 24px !important;
}

.py30, .pb30 {
  padding-bottom: 30px !important;
}

.py32, .pb32 {
  padding-bottom: 32px !important;
}

.py36, .pb36 {
  padding-bottom: 36px !important;
}

.py40, .pb40 {
  padding-bottom: 40px !important;
}

.py48, .pb48 {
  padding-bottom: 48px !important;
}

.py64, .pb64 {
  padding-bottom: 64px !important;
}

/*margin*/
.m8 {
  margin: 8px !important;
}

.m12 {
  margin: 12px !important;
}

.m16 {
  margin: 16px !important;
}

.m20 {
  margin: 20px !important;
}

.m24 {
  margin: 24px !important;
}

.m32 {
  margin: 32px !important;
}

.m40 {
  margin: 40px !important;
}

/*margin-left*/
.mx4, .mr4 {
  margin-left: 4px !important;
}

.mx7, .ml7 {
  margin-left: 7px !important;
}

.mx8, .ml8 {
  margin-left: 8px !important;
}

.mx12, .ml12 {
  margin-left: 12px !important;
}
.mx14, .ml14 {
  margin-left: 14px !important;
}
.mx16, .ml16 {
  margin-left: 16px !important;
}

.mx20, .ml20 {
  margin-left: 20px !important;
}

.mx24, .ml24 {
  margin-left: 24px !important;
}

.mx30, .ml30 {
  margin-left: 30px !important;
}

.mx32, .ml32 {
  margin-left: 32px !important;
}

.mx36, .ml36 {
  margin-left: 36px !important;
}

.mx40, .ml40 {
  margin-left: 40px !important;
}

.mx48, .ml48 {
  margin-left: 48px !important;
}

.mx64, .ml64 {
  margin-left: 64px !important;
}

/*margin-right*/
.mx4, .mr4 {
  margin-right: 4px !important;
}

.mx7, .mr7 {
  margin-right: 7px !important;
}

.mx8, .mr8 {
  margin-right: 8px !important;
}

.mx12, .mr12 {
  margin-right: 12px !important;
}

.mx16, .mr16 {
  margin-right: 16px !important;
}

.mx20, .mr20 {
  margin-right: 20px !important;
}

.mx24, .mr24 {
  margin-right: 24px !important;
}

.mx30, .mr30 {
  margin-right: 30px !important;
}

.mx32, .mr32 {
  margin-right: 32px !important;
}

.mx36, .mr36 {
  margin-right: 36px !important;
}

.mx40, .mr40 {
  margin-right: 40px !important;
}

.mx48, .mr48 {
  margin-right: 48px !important;
}

.mx64, .mr64 {
  margin-right: 64px !important;
}

/*margin-top*/
.my0, .mt0 {
  margin-top: 0px !important;
}
.my2, .mt2 {
  margin-top: 2px !important;
}
.my4, .mt4 {
  margin-top: 4px !important;
}

.my8, .mt8 {
  margin-top: 8px !important;
}

.my10, .mt10 {
  margin-top: 10px !important;
}

.my12, .mt12 {
  margin-top: 12px !important;
}

.my14, .mt14 {
  margin-top: 14px !important;
}
.my16, .mt16 {
  margin-top: 16px !important;
}

.my20, .mt20 {
  margin-top: 20px !important;
}

.my24, .mt24 {
  margin-top: 24px !important;
}

.my32, .mt32 {
  margin-top: 32px !important;
}

.my36, .mt36 {
  margin-top: 36px !important;
}

.my40, .mt40 {
  margin-top: 40px !important;
}

.my48, .mt48 {
  margin-top: 48px !important;
}

.my64, .mt64 {
  margin-top: 64px !important;
}

/*margin-bottom*/
.my0, .mb0 {
  margin-bottom: 0px !important;
}

.my4, .mb4 {
  margin-bottom: 4px !important;
}

.my8, .mb8 {
  margin-bottom: 8px !important;
}

.my10, .mb10 {
  margin-bottom: 10px !important;
}

.my12, .mb12 {
  margin-bottom: 12px !important;
}

.my16, .mb16 {
  margin-bottom: 16px !important;
}

.my20, .mb20 {
  margin-bottom: 20px !important;
}

.my24, .mb24 {
  margin-bottom: 24px !important;
}

.my32, .mb32 {
  margin-bottom: 32px !important;
}

.my36, .mb36 {
  margin-bottom: 36px !important;
}

.my40, .mb40 {
  margin-bottom: 40px !important;
}

.my48, .mb48 {
  margin-bottom: 48px !important;
}

.my64, .mb64 {
  margin-bottom: 64px !important;
}

/*width*/
.w40 {
  width: 40px !important;
}

.w50 {
  width: 50px !important;
}

.w60 {
  width: 60px !important;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w244 {
  width: 244px !important;
}

.w280 {
  width: 280px !important;
}

.w300 {
  width: 300px !important;
}

.w320 {
  width: 320px !important;
}

.w340 {
  width: 340px !important;
}

.w350 {
  width: 350px !important;
}

.w370 {
  width: 370px !important;
}

.w400 {
  width: 400px !important;
}

.w410 {
  width: 410px !important;
}

.w450 {
  width: 450px !important;
}

.w480 {
  width: 480px !important;
}

.w500 {
  width: 500px !important;
}

.w560 {
  width: 560px !important;
}

.w800 {
  width: 800px !important;
}

.w1042 {
  width: 1042px !important;
}

.w1200 {
  width: 1200px !important;
}

.minW1000 {
  min-width: 1000px !important;
}

.minW1126 {
  min-width: 1126px !important;
}

.minW1200 {
  min-width: 1200px !important;
}

/*height*/
.h22 {
  height: 22px !important;
}

.h36 {
  height: 36px !important;
  line-height: 36px;
}

.h40 {
  height: 40px !important;
  line-height: 40px;
}

.h50 {
  height: 50px !important;
}

.h62 {
  height: 62px !important;
}

.h186 {
  height: 186px !important;
}

.h800 {
  height: 800px !important;
}

/*z-index*/
.z10 {
  z-index: 10 !important;
}

.z99 {
  z-index: 99 !important;
}

.z100 {
  z-index: 100 !important;
}

.z1000 {
  z-index: 1000 !important;
}

/*下划线*/
.underline {
  border-bottom: 1px solid #ccc;
}
.t-uline{ text-decoration: underline !important;;}
/* title */
.title-lv1 {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  padding: 0px 0px 24px 0px;
}

.title-lv2 {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  padding-bottom: 24px;
}

.title-lv3 {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  padding-bottom: 16px;
}

.flex-box{
  display: flex;
  
}
.flex-between{
  display: flex;
  justify-content: space-between;
}
.flex-wrap{
  flex-wrap: wrap;
}