@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
a img {
  border: 0;
}
a {
  color: #000;
  text-decoration: none;
}
input,
select,
button {
  outline: none;
}
/*****************清除浮动 *******************/
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
  overflow: hidden;
}
.clearfix {
  zoom: 1;
}
@media (max-width: 576px) {
  /*****************移动端宽100% *******************/
  .mo100p {
    width: 100% !important;
  }
}
@media (max-width: 576px) {
  /*****************移动端断行 *******************/
  .moblock {
    display: block !important;
  }
}

.np {
  padding: 0px !important;
}
.p0 {
  padding: 0px !important;
}
.nplr {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.npl {
  padding-left: 0px;
}
.npr {
  padding-right: 0px;
}
.nm {
  margin: 0px !important;
}
.nmlr {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.nml {
  margin-left: 0px;
}
.nmr {
  margin-right: 0px;
}
.m0 {
  margin: 0px !important;
}




.textright {
  text-align: right;
  ;
}
.textcenter {
  text-align: center;
}
.textleft {
  text-align: left !important;
}
/*****************文字大小 *******************/
.a10 {
  font-size: 10px
}
.a11 {
  font-size: 11px
}
.a12 {
  font-size: 12px
}
.a13 {
  font-size: 13px
}
.a14 {
  font-size: 14px
}
.a15 {
  font-size: 15px
}
.a16 {
  font-size: 16px
}
.a17 {
  font-size: 17px
}
.a18 {
  font-size: 18px
}
.a19 {
  font-size: 19px
}
.a20 {
  font-size: 20px
}

.a-w600 {
  font-weight: 600
}
.a-w800 {
  font-weight: 800
}
.a-normal {
  font-weight: normal !important;
}

/*****************文字划线 *******************/
.a-underline {
  text-decoration: underline
}
.a-linethrough {
  text-decoration: line-through
}
.a-overline {
  text-decoration: overline
}


.wxtitle16 {
  font-size: 16px;
  margin-top: 3px;
  font-weight: bold;
}

/*****************颜色 *******************/


.tm {
  color: #868e96 !important;
}
.col-b,
.tb {
  color: #000
}
.col-w,
.tw {
  color: #fff
}
.col-grey0,
.tg0 {
  color: #f0f0f0
}
/*极浅灰*/
.col-grey1,
.tg1 {
  color: #e2e2e2
}
/*浅灰*/
.col-grey2 {
  color: #9e9e9e
}
/*中灰*/
.col-grey3 {
  color: #333333
}
/*深灰*/
.col-red,
.tred {
  color: #ec3b57
}
.col-blue,
.tblue {
  color: #4680ff
}
.col-cyan {
  color: #379c94
}
.col-green,
.tgreen {
  color: #78b83e
}
.col-yellow,
.tyellow {
  color: #ffe821
}
.col-orange,
.torange {
  color: #FF9800
}

.co-b {
  color: #000
}
.co-w {
  color: #fff
}
.co-grey0 {
  color: #f0f0f0
}
/*极浅灰*/
.co-grey1 {
  color: #e2e2e2
}
/*浅灰*/
.co-grey2 {
  color: #9e9e9e
}
/*中灰*/
.co-grey3 {
  color: #333333
}
/*深灰*/
.co-red {
  color: #ec3b57
}
.co-blue {
  color: #457fca
}
.co-cyan {
  color: #379c94
}
.co-green {
  color: #78b83e
}
.co-yellow {
  color: #ffe821
}
.co-orange {
  color: #FF9800
}
/*****************BOOTS4风格提示色  *******************/
.primary: {
  color: #007bff;
}
.secondary: {
  color: #6c757d;
}
.success: {
  color: #28a745;
}
.info: {
  color: #17a2b8;
}
.warning: {
  color: #ffc107;
}
.danger: {
  color: #dc3545;
}

/***********************************背景颜色 黑白灰 *******************************/
.bgt {
  background-color: transparent !important;
}
/*背景透明*/
.bgc-g0 {
  background-color: #f0f0f0;
}
/*极浅灰*/
.bgc-g1 {
  background-color: #e2e2e2;
}
/*浅灰*/
.bgc-g2 {
  background-color: #9E9E9E;
}
/*中灰*/
.bgc-g3 {
  background-color: #333333;
}
/*深灰*/
.bgc-w {
  background-color: #ffffff;
}
.bgc-b {
  background-color: #000000;
}
.bgc-red {
  background-color: #ec3b57;
}
.bgc-blue {
  background-color: #457fca;
}
.bgc-cyan {
  background-color: #379c94;
}
.bgc-green {
  background-color: #78b83e;
}
.bgc-yellow {
  background-color: : #ffe821;
}
.bgc-orange {
  background-color: : #FF9800;
}
/***************** 高度  *******************/
.hg5 {
  height: 5px;
}
.hg10 {
  height: 10px;
}
.hg15 {
  height: 15px;
}
.hg20 {
  height: 20px;
}
.hg30 {
  height: 30px;
}
.hg40 {
  height: 40px;
}
.hg50 {
  height: 50px;
}
.hg100 {
  height: 50px;
}
/***************** 宽度  *******************/
.wid10 {
  width: 10px !important;
}
.wid40 {
  width: 40px !important;
}
.wid50 {
  width: 50px !important;
}
.wid60 {
  width: 60px !important;
}
.wid70 {
  width: 70px !important;
}
.wid80 {
  width: 80px !important;
}
.wid90 {
  width: 90px !important;
}
.wid100 {
  width: 100px !important;
}
.wid120 {
  width: 120px !important;
}
.wid150 {
  width: 150px !important;
}
.wid200 {
  width: 200px !important;
}
.wid250 {
  width: 250px !important;
}
.wid300 {
  width: 300px !important;
}
.wid350 {
  width: 350px !important;
}
.wid400 {
  width: 400px !important;
}
.wid500 {
  width: 500px !important;
}
.wid600 {
  width: 600px !important;
}
.wid800 {
  width: 800px !important;
}
.wid1000 {
  width: 1000px !important;
}
.wid1200 {
  width: 1200px !important;
}
.wid10p {
  width: 10% !important;
}
.wid20p {
  width: 20% !important;
}
.wid23p {
  width: 23% !important;
}
.wid25p {
  width: 25% !important;
}
.wid30p {
  width: 30% !important;
}
.wid33p {
  width: 33% !important;
}
.wid40p {
  width: 40% !important;
}
.wid50p {
  width: 50% !important;
}
.wid60p {
  width: 60% !important;
}
.wid70p {
  width: 70% !important;
}
.wid75p {
  width: 75% !important;
}
.wid80p {
  width: 80% !important;
}
.wid90p {
  width: 90% !important;
}
.wid100p {
  width: 100% !important;
}
/***************** 透明  *******************/
.opacity9 {
  opacity: 0.9;
}
.opacity8 {
  opacity: 0.8;
}
.opacity7 {
  opacity: 0.7;
}
.opacity6 {
  opacity: 0.6;
}
.opacity5 {
  opacity: 0.5;
}
/***************** 细线  *******************/
.line0 {
  height: 1px;
  background-color: #f0f0f0;
  margin-top: 15px;
  margin-bottom: 15px;
}
/*极浅*/
.line1 {
  height: 1px;
  background-color: #e2e2e2;
  margin-top: 15px;
  margin-bottom: 15px;
}
.line2 {
  height: 1px;
  background-color: #9E9E9E;
  margin-top: 15px;
  margin-bottom: 15px;
}
.line3 {
  height: 1px;
  background-color: #333333;
  margin-top: 15px;
  margin-bottom: 15px;
}
.line4 {
  height: 1px;
  background-color: #000000;
  margin-top: 15px;
  margin-bottom: 15px;
}
/*黑色*/


/***********************************Padding 设定*******************************/
.np {
  padding: 0px !important;
}
.nptb {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.nplr {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.npt {
  padding-top: 0px !important;
}
.npb {
  padding-bottom: 0px !important;
}
.npl {
  padding-left: 0px !important;
}
.npr {
  padding-right: 0px !important;
}
.p0 {
  padding: 0px !important;
}
.p1 {
  padding: 1px !important;
}
.p2 {
  padding: 2px !important;
}
.p3 {
  padding: 3px !important;
}
.p4 {
  padding: 4px !important;
}
.p5 {
  padding: 5px !important;
}
.p8 {
  padding: 8px !important;
}
.p10 {
  padding: 10px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl-5 {
  padding-left: -5px !important;
}
.pl-10 {
  padding-left: -10px !important;
}
.pl-15 {
  padding-left: -15px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt-5 {
  padding-top: -5px !important;
}
.pt-10 {
  padding-top: -10px !important;
}
.pt-15 {
  padding-top: -15px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr-5 {
  padding-right: -5px !important;
}
.pr-10 {
  padding-right: -10px !important;
}
.pr-15 {
  padding-right: -15px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb-5 {
  padding-bottom: -5px !important;
}
.pb-10 {
  padding-bottom: -10px !important;
}
.pb-15 {
  padding-bottom: -15px !important;
}

.p025r {
  padding: 0.25rem !important;
}
.p05r {
  padding: 0.5rem !important;
}
.p075r {
  padding: 0.75rem !important;
}
.p1r {
  padding: 1rem !important;
}
.p125r {
  padding: 1.25rem !important;
}
.p15r {
  padding: 1.5rem !important;
}
.p175r {
  padding: 1.75rem !important;
}
.p2r {
  padding: 2rem !important;
}

/***********************************margin 设定*******************************/
.nm {
  margin: 0px !important;
}
.nmtb {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.nmlr {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.nmt {
  margin-top: 0px !important;
}
.nmb {
  margin-bottom: 0px !important;
}
.nml {
  margin-left: 0px !important;
}
.nmr {
  margin-right: 0px !important;
}
.m0 {
  margin: 0px !important;
}
.m5 {
  margin: 5px !important;
}
.m8 {
  margin: 8px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml-5 {
  margin-left: -5px !important;
}
.ml-10 {
  margin-left: -10px !important;
}
.ml-15 {
  margin-left: -15px !important;
}
.ml-20 {
  margin-left: -20px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr-5 {
  margin-right: -5px !important;
}
.mr-10 {
  margin-right: -10px;
}
.mr-15 {
  margin-right: -15px;
}
.mr-20 {
  margin-right: -20px;
}
.mb0 {
  margin-bottom: 0px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb-5 {
  margin-bottom: -5px !important;
}
.mb-10 {
  margin-bottom: -10px !important;
}
.mb-15 {
  margin-bottom: -15px !important;
}

/***********************************opacity*******************************/
.op05 {
  opacity: 0.5 !important;
}
.op08 {
  opacity: 0.8 !important;
}
.op1 {
  opacity: 1 !important;
}
/***********************************border 设定*******************************/
.bd0 {
  border: 0px;
}
.bd1 {
  border: 1px solid #ced4da;
}
.bdl1 {
  border-left: 1px solid #ced4da;
}
.bdt1 {
  border-top: 1px solid #ced4da;
}
.bdr1 {
  border-right: 1px solid #ced4da;
}
.bdb1 {
  border-bottom: 1px solid #ced4da;
}
.bd2 {
  border: 1px solid #9E9E9E;
}
.bdl2 {
  border-left: 1px solid #9E9E9E;
}
.bdt2 {
  border-top: 1px solid #9E9E9E;
}
.bdr2 {
  border-right: 1px solid #9E9E9E;
}
.bdb2 {
  border-bottom: 1px solid #9E9E9E;
}
.bd3 {
  border: 1px solid #333333;
}
.bdl3 {
  border-left: 1px solid #333333;
}
.bdt3 {
  border-top: 1px solid #333333;
}
.bdr3 {
  border-right: 1px solid #333333;
}
.bdb3 {
  border-bottom: 1px solid #333333;
}
.bd4 {
  border: 1px solid #000;
}
.bdl4 {
  border-left: 1px solid #000;
}
.bdt4 {
  border-top: 1px solid #000;
}
.bdr4 {
  border-right: 1px solid #000;
}
.bdb4 {
  border-bottom: 1px solid #000;
}
.b-t {
  border-top: 1px solid #e2e5e8;
  padding-top: 1.25rem;
}
.b-b {
  border-bottom: 1px solid #e2e5e8;
  padding-bottom: 1.25rem;
}

/***********************************border-radius 设定*******************************/
.rad0 {
  border-radius: 0px;
}
.rad3 {
  border-radius: 3px;
}
.rad5 {
  border-radius: 5px;
}

/***********************************BS3没有的card*******************************/

.card {
  border-radius: 3px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
}
.hr-15 {
  margin-left: -15px;
  margin-right: -15px
}
.hr-20 {
  margin-left: -20px;
  margin-right: -20px
}
.linebox10 {
  height: 5px;
  border-top: 1px solid #e2e2e2;
  margin-top: 10px;
  margin-bottom: 5px
}
.linebox20 {
  height: 10px;
  border-top: 1px solid #e2e2e2;
  margin-top: 20px;
  margin-bottom: 10px
}
.linebox30 {
  height: 10px;
  border-top: 1px solid #e2e2e2;
  margin-top: 30px;
  margin-bottom: 20px
}
/***********************************其他设定*******************************/
.d-none {
  display: none;
}
.d-rel {
  position: relative;
}
.d-abs {
  position: absolute;
}
.d-inblock {
  display: inline-block !important;
}
.tc {
  text-align: center !important;
}
.vm {
  vertical-align: middle !important;
}

/*.d-flex{display: flex; flex-flow:row wrap;}*/
.hand {
  cursor: pointer;
}

.flex {

  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}



.vt {
  vertical-align: top;
}

.vm {
  vertical-align: middle;
}

.hand {
  cursor: pointer;
}
/*小小按钮*/
.btn-group-ssm>.btn {
  padding: 0.15rem 0.25rem;
  font-size: 0.475rem;
  line-height: 1;
  border-radius: 2px;
}
.btn-ssm {
  padding: 0.15rem 0.25rem !important;
  font-size: 0.475rem !important;
  line-height: 1 !important;
  border-radius: 2px !important;
}

.btn-m {
  padding: 0.38rem 0.75rem !important;
}
.input-sm {
  height: calc(1.5em + 0.6rem) !important;
  ;
}

.flexbox {
  display: flex;
  flex-wrap: wrap;
}

.flexbtw {
  justify-content: space-between;
}

.fleximg {

  margin-top: 5px;
  margin-bottom: 5px;
}

.fleximg img {
  border: 1px solid #e2e2e2;
}
/*长文本省略显示*/
.longtext {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 99%;
}

.longtext100p {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}

/*隐藏不显示*/
.noshow {
  display: none !important;
}

/*并排Form side by side*/
.sbs-form {}
.sbs-label {
  background-color: #fff !important;
  border: 0px !important;
}
.sbs-padd {
  padding: 0.625rem 1.1875rem;
}
.sbs-right {
  width: 100%;
  text-align: right !important;

}
.sbs-range {

  width: 50%;
}


.form2 {}
.form2 label {
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.625rem 0.125rem;
}
.form2 .form-check-input {

  margin-top: 0.9rem;
}

.form-control2 {
  padding: 0.25rem 0.5rem
}


/*上传图片并排显示滑动样式*/
.up-layout {
  margin-top: 10px;

}
.up-layout img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: left top;
  transition: 1s;

}
.up-layout img:hover {
  object-position: right bottom;
  cursor: pointer;
}

/*上传图片并排3个*/
.up-layout2 {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;


}
.up-layout2 .imgbox {
  width: 30%;
  height: 30%;
  margin-right: 5px;
  margin-bottom: 5px;
  position: relative;

}

.up-layout2 .imgbox .hand {
  position: absolute;
  right: -2px;
  top: -5px;
}
/*表格div自动断行*/
.w-w {
  white-space: normal;
  word-wrap: break-word;
}


.table.table-sm td,
.table.table-sm th {
  padding: 0.3rem 0.3rem;
}

/*图片排列对齐 手机端桌面端,*/
.image-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap: 20px;
  grid-auto-flow: dense;
}

@media (max-width: 768px) {
  .image-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
    row-gap: 15px;
  }
}
.grid-item {
  position: relative;
}
.grid-item img {
  width: 100%;
  height: auto;
  display: block;
}