/*flex*/
.cm-flex {
  display: flex;
  display: -webkit-flex;
}
input,select{
  border: none;
  outline:none;
}
.cm-flex-1 {
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  display: -webkit-flex;
}
.cm-flex-wrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.cm-flex-row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.cm-flex-column {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.cm-flex-between {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.cm-flex-start {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.cm-flex-end {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.cm-flex-middle{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.cm-flex-center{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.cm-flex-around{
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.cm-flex-auto{
  display: flex;
  display: -webkit-flex;
  flex: 1;
  -webkit-flex: 1;
}
.cm-center {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}
.cm-shrink-0 {
  flex-shrink: 0;
}

/*自定义*/
html,body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
/* 设置默认字体 */
html,body,div,p,span,label,i,ul,li,
button, input, select, textarea {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #1F2D3A;
  font-size: 14px;
  /* line-height: 1.5; */
}
*{
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch; 
}
i {
  display: inline-block;
}
button, button:before, button:after {
  border: none;
}
.cm-margin{
  margin: 0 auto;
}
.cm-page {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  height: 100%;
}
.cm-main {
  width: 100%;
  flex: 1;
  overflow: auto;
}
/*.cm-hide {*/
  /*display: none;*/
/*}*/
.cm-w-100 {
  width: 100%;
}
.cm-h-100 {
  height: 100%;
}
.cm-w-50 {
  width: 50%;
}
.cm-pr {
  position: relative;
}
.cm-pa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.cm-pf {
  position: fixed;
  width: 100%;
}
.cm-lh-1 {
  line-height: 1;
}
.cm-lh-2 {
  line-height: 2;
}
.cm-border {
  border: 1px solid #e5e5e5;
}
.cm-del{
  text-decoration:line-through
}

/*图片*/
.cm-img-box {
  overflow: hidden!important;
  flex-shrink: 0;
}
.cm-img-box img,
.cm-img-box video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cm-auto-width{
  width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;
}
/*圆角*/
.cm-border-radius-2 {border-radius: 2px!important; overflow: hidden;}
.cm-border-radius-4 {border-radius: 4px!important; overflow: hidden;}
.cm-border-radius-6 {border-radius: 6px!important; overflow: hidden;}
.cm-border-radius-10 {border-radius: 10px!important; overflow: hidden;}
.cm-border-radius-20 {border-radius: 20px!important; overflow: hidden;}
.cm-border-radius {border-radius: 50%!important;overflow: hidden }

/*文字颜色*/
.cm-color-main {color: #FFDC2F!important; }
.cm-color-txt1 {color: #333!important; }
.cm-color-txt2 {color: #666!important; }
.cm-color-txt3 {color: #999!important; }
.cm-color-txt4 {color: #ccc!important; }
.cm-color-txt5 {color: #444!important; }
.cm-color-blue {color: #31BDF7!important; }
.cm-color-red {color: #F5222D!important; }
.cm-color-white {color: #fff!important; }
.cm-color-block {color: #1F2D3A!important; }
.cm-color-gray {color: #ABB4BD!important; }
.cm-color-yellow{color: #FF802B!important; }


/*背景颜色*/
.cm-bg-main { background-color: #FFDC2F !important;}
.cm-bg-white { background-color: #ffffff;}
.cm-bg-light { background-color: #F5F7FA;}
.cm-bg-orange {background-color: #FF5721;}
.cm-bg-yellow {background-color: #FF802B;}
.cm-bg-green {background-color: #12CC80;}
.cm-bg-gray {background-color: #F3F3F3;}
.cm-bg-block {background-color: #1F2D3A;}
.cm-bg-red{background-color: #FB2853;}

.cm-bg-transparent {background-color: transparent;}

/*背景阴影*/
.shadow-yellow {box-shadow: 0 0 20px rgba(139,180,0,0.3); border-radius: 10px;}
.shadow-gray {box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px;}

/*排列对齐*/
.cm-text-center { text-align: center!important; }
.cm-text-left { text-align: left!important; }
.cm-text-right { text-align: right!important; }

/**清除浮动**/
.cm-clear-both{
  clear: both
}

/*文字大小、粗细*/
.cm-fn-bold {font-weight: bold!important;}
.cm-fn-weight-default {font-weight: 500 !important;}
.cm-fn-weight-max {font-weight: 600 !important;}
.cm-fn-weight-min {font-weight: 400 !important;}
.cm-fn-lighter {font-weight: lighter!important;}
.cm-fn-10 {font-size: 10px!important;}
.cm-fn-11 {font-size: 11px!important;}
.cm-fn-12 {font-size: 12px!important;}
.cm-fn-13 {font-size: 13px!important;}
.cm-fn-14 {font-size: 14px!important;}
.cm-fn-15 {font-size: 15px!important;}
.cm-fn-16 {font-size: 16px!important;}
.cm-fn-17 {font-size: 17px!important;}
.cm-fn-18 {font-size: 18px!important;}
.cm-fn-19 {font-size: 19px!important;}
.cm-fn-20 {font-size: 20px!important;}
.cm-fn-22 {font-size: 22px!important;}
.cm-fn-24 {font-size: 24px!important;}
.cm-fn-26 {font-size: 26px!important;}
.cm-fn-28 {font-size: 28px!important;}
.cm-fn-30 {font-size: 30px!important;}
.cm-fn-32 {font-size: 32px!important;}
.cm-fn-36 {font-size: 36px!important;}
.cm-fn-40 {font-size: 40px!important;}

/*字高设置*/
.cm-v-1 {vertical-align: 1px!important;}
.cm-v-2 {vertical-align: 2px!important;}
.cm-v-3 {vertical-align: 3px!important;}
.cm-v-4 {vertical-align: 4px!important;}
.cm-v-5 {vertical-align: 5px!important;}
.cm-v-6 {vertical-align: 6px!important;}
.cm-v-0 {vertical-align: 0!important;}
.cm-v-f1 {vertical-align: -1px!important;}
.cm-v-f2 {vertical-align: -2px!important;}
.cm-v-f3 {vertical-align: -3px!important;}
.cm-v-f4 {vertical-align: -4px!important;}
.cm-v-f5 {vertical-align: -5px!important;}
.cm-v-f6 {vertical-align: -6px!important;}

/*按钮类*/
.cm-btn {
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 30px;
  font-size: 16px;
}
.badge {
  padding: 0 5px;
  height: 16px;
  border-radius: 10px;
  background-color: #FEDB2D;
  color: #1F2D3A!important;
  font-weight: lighter;
  text-align: center;
  font-size: 10px;
  line-height: 16px;
}
.cm-label-login {
  padding: 6px 20px;
  border-radius: 20px;
}
.cm-label-black {
  padding: 9px 6px;
  margin: 8px;
  background-color: #000000;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
}
.cm-input {
  padding-left: 10px;
  width: 100%;
  height: 55px;
  line-height: 55px;
}
.cm-input-login {
  padding-left: 10px;
  height: 55px;
  line-height: 55px;
}
.cm-input-outline {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #ffffff;
  border-radius: 4px;
  font-size: 14px;
}
.cm-textarea-outline {
  width: 100%;
  height: 57px;
  background: #ffffff;
  border-radius: 4px;
  font-size: 14px;
}
/*置黑*/
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  opacity: .7;
}

/*鼠标禁用*/
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.35;
}

/*文字省略*/
.overflow-line-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.overflow-line-1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/*间距设置*/
.cm-m-auto { margin: 0 auto}
.cm-m-0 { margin: 0;}
.cm-m-4 { margin: 4px;}
.cm-m-8 { margin: 8px;}
.cm-m-12 { margin: 12px;}
.cm-m-16 { margin: 16px;}
.cm-m-20 { margin: 20px;}
.cm-m-24 { margin: 24px;}
.cm-m-28 { margin: 28px;}
.cm-m-32 { margin: 32px;}
.cm-m-36 { margin: 36px;}
.cm-m-40 { margin: 40px;}
.cm-m-tb-0 { margin-top: 0; margin-bottom: 0; }
.cm-m-tb-4 { margin-top: 4px; margin-bottom: 4px; }
.cm-m-tb-8 { margin-top: 8px; margin-bottom: 8px; }
.cm-m-tb-12 { margin-top: 12px; margin-bottom: 12px; }
.cm-m-tb-16 { margin-top: 16px; margin-bottom: 16px; }
.cm-m-tb-20 { margin-top: 20px; margin-bottom: 20px; }
.cm-m-tb-24 { margin-top: 24px; margin-bottom: 24px; }
.cm-m-tb-28 { margin-top: 28px; margin-bottom: 28px; }
.cm-m-tb-32 { margin-top: 32px; margin-bottom: 32px; }
.cm-m-tb-36 { margin-top: 36px; margin-bottom: 36px; }
.cm-m-tb-40 { margin-top: 40px; margin-bottom: 40px; }
.cm-m-lr-0 { margin-left: 0; margin-right: 0; }
.cm-m-lr-4 { margin-left: 4px; margin-right: 4px; }
.cm-m-lr-8 { margin-left: 8px; margin-right: 8px; }
.cm-m-lr-10 { margin-left: 10px; margin-right: 10px; }
.cm-m-lr-12 { margin-left: 12px; margin-right: 12px; }
.cm-m-lr-16 { margin-left: 16px; margin-right: 16px; }
.cm-m-lr-20 { margin-left: 20px; margin-right: 20px; }
.cm-m-lr-24 { margin-left: 24px; margin-right: 24px; }
.cm-m-lr-28 { margin-left: 28px; margin-right: 28px; }
.cm-m-lr-32 { margin-left: 32px; margin-right: 32px; }
.cm-m-lr-36 { margin-left: 36px; margin-right: 36px; }
.cm-m-lr-40 { margin-left: 40px; margin-right: 40px; }
.cm-m-t-40 { margin-top: 40px; }
.cm-m-t-36 { margin-top: 36px; }
.cm-m-t-32 { margin-top: 32px; }
.cm-m-t-28 { margin-top: 28px; }
.cm-m-t-24 { margin-top: 24px; }
.cm-m-t-20 { margin-top: 20px; }
.cm-m-t-16 { margin-top: 16px; }
.cm-m-t-12 { margin-top: 12px; }
.cm-m-t-8 { margin-top: 8px; }
.cm-m-t-4 { margin-top: 4px; }
.cm-m-t-2 { margin-top: 2px; }
.cm-m-t-0 { margin-top: 0; }
.cm-m-r-40 { margin-right: 40px; }
.cm-m-r-36 { margin-right: 36px; }
.cm-m-r-32 { margin-right: 36px; }
.cm-m-r-28 { margin-right: 30px; }
.cm-m-r-24 { margin-right: 24px; }
.cm-m-r-20 { margin-right: 18px; }
.cm-m-r-16 { margin-right: 12px; }
.cm-m-r-12 { margin-right: 12px; }
.cm-m-r-8 { margin-right: 8px; }
.cm-m-r-4 { margin-right: 4px; }
.cm-m-r-0 { margin-right: 0; }
.cm-m-b-40 { margin-bottom: 40px; }
.cm-m-b-36 { margin-bottom: 36px; }
.cm-m-b-32 { margin-bottom: 32px; }
.cm-m-b-28 { margin-bottom: 28px; }
.cm-m-b-24 { margin-bottom: 24px; }
.cm-m-b-20 { margin-bottom: 20px; }
.cm-m-b-16 { margin-bottom: 16px; }
.cm-m-b-12 { margin-bottom: 12px; }
.cm-m-b-8 { margin-bottom: 8px; }
.cm-m-b-4 { margin-bottom: 4px; }
.cm-m-b-0 { margin-bottom: 0; }
.cm-m-l-40 { margin-left: 40px; }
.cm-m-l-36 { margin-left: 36px; }
.cm-m-l-32 { margin-left: 32px; }
.cm-m-l-28 { margin-left: 28px; }
.cm-m-l-24 { margin-left: 24px; }
.cm-m-l-20 { margin-left: 20px; }
.cm-m-l-16 { margin-left: 16px; }
.cm-m-l-12 { margin-left: 12px; }
.cm-m-l-8 { margin-left: 8px; }
.cm-m-l-4 { margin-left: 4px; }
.cm-m-l-0 { margin-left: 0; }

.cm-p-0 { padding: 0;}
.cm-p-4 { padding: 4px;}
.cm-p-8 { padding: 8px;}
.cm-p-12 { padding: 12px;}
.cm-p-16 { padding: 16px;}
.cm-p-20 { padding: 20px;}
.cm-p-24 { padding: 24px;}
.cm-p-28 { padding: 28px;}
.cm-p-32 { padding: 32px;}
.cm-p-36 { padding: 36px;}
.cm-p-40 { padding: 40px;}
.cm-p-tb-40 { padding-top: 40px; padding-bottom: 40px; }
.cm-p-tb-36 { padding-top: 36px; padding-bottom: 36px; }
.cm-p-tb-32 { padding-top: 32px; padding-bottom: 32px; }
.cm-p-tb-28 { padding-top: 28px; padding-bottom: 28px; }
.cm-p-tb-24 { padding-top: 24px; padding-bottom: 24px; }
.cm-p-tb-20 { padding-top: 20px; padding-bottom: 20px; }
.cm-p-tb-16 { padding-top: 16px; padding-bottom: 16px; }
.cm-p-tb-17 { padding-top: 17px; padding-bottom: 17px; }
.cm-p-tb-18 { padding-top: 18px; padding-bottom: 18px; }
.cm-p-tb-12 { padding-top: 12px; padding-bottom: 12px; }
.cm-p-tb-10 { padding-top: 10px; padding-bottom: 10px; }
.cm-p-tb-8 { padding-top: 8px; padding-bottom: 8px; }
.cm-p-tb-6 { padding-top: 6px; padding-bottom: 6px; }
.cm-p-tb-4 { padding-top: 4px; padding-bottom: 4px; }
.cm-p-tb-2 { padding-top: 2px; padding-bottom: 2px; }
.cm-p-tb-0 { padding-top: 0; padding-bottom: 0; }
.cm-p-lr-40 { padding-left: 40px; padding-right: 40px; }
.cm-p-lr-36 { padding-left: 36px; padding-right: 36px; }
.cm-p-lr-32 { padding-left: 32px; padding-right: 32px; }
.cm-p-lr-28 { padding-left: 28px; padding-right: 28px; }
.cm-p-lr-24 { padding-left: 24px; padding-right: 24px; }
.cm-p-lr-20 { padding-left: 20px; padding-right: 20px; }
.cm-p-lr-16 { padding-left: 16px; padding-right: 16px; }
.cm-p-lr-12 { padding-left: 12px; padding-right: 12px; }
.cm-p-lr-8 { padding-left: 8px; padding-right: 8px; }
.cm-p-lr-6 { padding-left: 6px; padding-right: 6px; }
.cm-p-lr-5 { padding-left: 5px; padding-right: 5px; }
.cm-p-lr-4 { padding-left: 4px; padding-right: 4px; }
.cm-p-lr-2 { padding-left: 2px; padding-right: 2px; }
.cm-p-lr-0 { padding-left: 0; padding-right: 0; }
.cm-p-t-40 { padding-top: 40px; }
.cm-p-t-36 { padding-top: 36px; }
.cm-p-t-32 { padding-top: 32px; }
.cm-p-t-28 { padding-top: 28px; }
.cm-p-t-24 { padding-top: 24px; }
.cm-p-t-20 { padding-top: 20px; }
.cm-p-t-16 { padding-top: 16px; }
.cm-p-t-12 { padding-top: 12px; }
.cm-p-t-8 { padding-top: 8px; }
.cm-p-t-4 { padding-top: 4px; }
.cm-p-t-0 { padding-top: 0; }
.cm-p-r-40 { padding-right: 40px; }
.cm-p-r-36 { padding-right: 36px; }
.cm-p-r-32 { padding-right: 32px; }
.cm-p-r-28 { padding-right: 28px; }
.cm-p-r-24 { padding-right: 24px; }
.cm-p-r-20 { padding-right: 20px; }
.cm-p-r-16 { padding-right: 16px; }
.cm-p-r-12 { padding-right: 12px; }
.cm-p-r-8 { padding-right: 8px; }
.cm-p-r-4 { padding-right: 4px; }
.cm-p-r-0 { padding-right: 0; }
.cm-p-b-40 { padding-bottom: 40px; }
.cm-p-b-36 { padding-bottom: 36px; }
.cm-p-b-32 { padding-bottom: 32px; }
.cm-p-b-28 { padding-bottom: 28px; }
.cm-p-b-24 { padding-bottom: 24px; }
.cm-p-b-20 { padding-bottom: 20px; }
.cm-p-b-16 { padding-bottom: 16px; }
.cm-p-b-12 { padding-bottom: 12px; }
.cm-p-b-8 { padding-bottom: 8px; }
.cm-p-b-4 { padding-bottom: 4px; }
.cm-p-b-0 { padding-bottom: 0; }
.cm-p-l-40 { padding-left: 40px; }
.cm-p-l-36 { padding-left: 36px; }
.cm-p-l-32 { padding-left: 32px; }
.cm-p-l-28 { padding-left: 28px; }
.cm-p-l-24 { padding-left: 24px; }
.cm-p-l-20 { padding-left: 20px; }
.cm-p-l-16 { padding-left: 16px; }
.cm-p-l-12 { padding-left: 12px; }
.cm-p-l-8 { padding-left: 8px; }
.cm-p-l-4 { padding-left: 4px; }
.cm-p-l-0 { padding-left: 0; }

.label span {
  float: left;
  margin-left: 5px;
  padding: 3px 6px;
  background-color: #F3F5F7;
  border-radius: 5px;
  color: #ABB4BD;
  font-size: 12px;
}
.label1 div{
  float: left;
  margin: 0 10px 10px 0;
  padding: 6px 7px;
  background-color: #F3F5F7;
  border-radius: 3px;
  color: #1F2D3A;
  font-size: 14px;
  display: block;
}

.cm-border-bottom-1{border-bottom: 1px solid #EEEEEE}
.bottom-btn{
  position: fixed;bottom: 0;left: 0;
  background-color: #fff;
  z-index: 100;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0 -5px 5px #F6F6F6;
  opacity: 1;
}
.bottom-btn .btn {
  width: 91.8%;
  height: 40px;
  background-color: #FFDC2F;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-bg .image{
  width: 90px;height: 90px;overflow: hidden
}

.border-all{
  border: 1px solid #FEDB2D;
}
/*通用border*/
.border-t, .border-b, .border-l, .border-r { position: relative;}

/*下描边*/
.border-b{
  border-bottom: 1px solid #E5E5E5;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .border-b:after {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .border-b:after {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
}
/*上描边*/
.border-t:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  height: 1px;
  width: calc(100% - 1px);
  background-color: #E5E5E5;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .border-t:before {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .border-t:before {
    -webkit-transform: scaleY(0.33);
    transform: scaleY(0.33);
  }
}

/*左描边*/
.border-l:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  width: 3px;
  height: 100%;
  background-color: #E5E5E5;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .border-l:before {
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .border-l:before {
    -webkit-transform: scaleX(0.33);
    transform: scaleX(0.33);
  }
}

/*右描边*/
.border-r:after {
  content: '';
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  width: 1px;
  height: 100%;
  background-color: #E5E5E5;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .border-r:after {
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .border-r:after {
    -webkit-transform: scaleX(0.33);
    transform: scaleX(0.33);
  }
}