@charset "utf-8";
/* usually */
html{ color: #333333;font-family: -apple-system,'Microsoft YaHei', Arial, Helvetica, sans-serif;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,span,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,:after,:before{margin:0;padding:0;box-sizing: border-box;}
body {font-size: 16px;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #333333}
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.tc{text-align: center;}.ti2{text-indent: 2em;}
.db{display:block;}.dn{display:none;}.dib{display: inline-block;}
.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}
.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-web:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-phone:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.img-responsive{max-width: 100%; height: auto; display: block;}
.ellipsis{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.ellipsis1{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap;}
img {border:none;display: block;height: auto;max-width: 100%;}

.normal-select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-size: auto 100%;
  border: none;
  outline: none;
  background-color: transparent;
  color: inherit;
}

/*去掉input自动补全后的黄色样式*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
  /* -webkit-box-shadow: 0 0 0px 1000px white inset; */
}

input[type="text"],input[type="password"],input[type="number"],textarea,button{
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
}


.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.align-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.just-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.just-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html,body {max-width: 750px;margin-left: auto;margin-right: auto;}
.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
  z-index: 10;
}

.marks {
  position:fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
  background-color: rgba(0, 0, 0, .38);
  padding-top: 1.06rem;
  display: none;
}

img[class*=avatar] {border-radius: 50%;}

.normal-place ::-webkit-input-placeholder{
  font-size: 0.28rem;
  color: #C5C5C5;
  font-family: -apple-system,'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
.normal-place :-moz-placeholder{
  font-size: 0.28rem;
  color: #C5C5C5;
  font-family: -apple-system,'Microsoft YaHei', Arial, Helvetica, sans-serif;
}

.normal-place :-ms-input-placeholder{
  font-size: 0.28rem;
  color: #C5C5C5;
  font-family: -apple-system,'Microsoft YaHei', Arial, Helvetica, sans-serif;
}

.tr{
  text-align: right;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.load-file {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}

.el-cancel {
  right: 1.041vw;
  width: 20px;
  height: 20px;
  background-color: #d70707;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 1.041vw;
  cursor: pointer;
}


.el-cancel:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}


@keyframes van-cursor-flicker {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.login-btn {width: 100%;height: 0.76rem;background-color: #9a0202;color: #fff;border-radius: 999px;align-items: center;justify-content: center;display: inline-flex;font-size: 0.34rem;font-weight: 600;}
.login-input-box {border-bottom: 1px solid #dcdcdc;}
.login-val {height: 0.60rem;line-height: 0.60rem;}
.login-tit {font-size: 0.48rem;text-align: center;font-weight: 600;}
.login-dl {margin-top: 0.5rem;}
.login-dl>dt {font-size: 0.28rem;font-weight: 600;}
.login-form {width: 5.10rem;margin-left: auto;margin-right: auto;margin-top: -0.7rem;}
.login-img {width: 0.24rem;margin-right: 0.1rem;}
.login-val {width: 100%;flex: 1;}
.login-dl>dd {margin-top: 0.1rem;}
.head a {color: #fff;}
.head {background-color: #151d34;padding: 0.30rem 0;color: #fff;}
.head-fixed {position: sticky;position: -webkit-sticky;width: 100%;top: 0;left: 0;z-index: 99;}
.gutter {padding-left: 0.25rem;padding-right: 0.25rem;}
.gutter-right {padding-right: 0.25rem;}
.head-left {width: 3.32rem;}
.head-user {font-size: 0.28rem;margin-left: 0.1rem;}
.head-text {font-size: 0.22rem;color: rgba(255, 255, 255, .57);margin-left: 0.1rem;}
._avatar {width: 0.45rem;height: 0.45rem;border-radius: 50%;}
.nav-menu-ul>li a{width: 2rem;height: 0.78rem;display: flex;align-items: center;justify-content: center;font-size: 0.30rem;font-weight: 600;border-radius: 999px;}
.nav-menu-ul>li{margin-top: 0.3rem;position: relative;z-index: 1;}
.nav-menu-ul {margin-top: -0.3rem;position: relative;}
.nav-menu-ul::before,.nav-menu-ul::after {content: '';width: 100%;height: 0.78rem;top: .3rem;left: 50%;transform: translate(-50%,0);background-color: #f2f2f2;border-radius: 999px;position: absolute;}
.nav-menu-ul::after {top: unset;bottom: 0;}
.nav-menu-ul>li.on a{background-color: #9a0202;color: #fff;}
.nav-menu {padding: 0.40rem 0;}
.date-fleft {width: 18.66%;}
.date-fmid {width: 56.66%;}
.big-data {font-size: 0.38rem;font-style: normal;font-weight: 600;}
.date2-img {width: var(--w);margin-right: 0.10rem;}
.date-filter-pd {padding: 0.25rem 0;}
.date-select {font-size: 0.24rem;background-image: url(../img/arrow-down.png);background-repeat: no-repeat;background-position: right center;background-size: auto 50%;padding-right: 0.30rem;color: #333;}
.date-filter {font-size: 0.24rem;}
.date-fright {max-width: 81.35%}
.responsive-x {overflow-x: auto;}
.date-fr-ul {white-space: nowrap;scroll-snap-type: x mandatory;font-size: 0;}
.date-fr-ul>li {width: 33.33%;display: inline-block;padding: 0.15rem 0 0.15rem 0.35rem;scroll-snap-align: start;font-size: 0.24rem;}
.date-img {width: 0.39rem;}
.date-posi {position: absolute;top: 0;left: 0;}
.date-filter-list {font-size: 0.24rem;padding-bottom: 0.40rem;}
.date-filter-item {margin-top: 0.25rem;}
.date-fr-name {font-weight: 600;}
.date-fr-time {margin-top: 0.10rem;}

.report-text {font-size: 0.24rem;}
.report-box {padding: 1.1rem 0;background-color: #f1f2f4;background-repeat: no-repeat;background-position: center 100%;background-size: 100% auto;}
.report-time {color: #9a0202;margin-top: 0.10rem;font-weight: 600;font-size: 0.24rem;}
.report-data {font-size: 0.76rem;}
.report-thanks {font-size: 0.38rem;margin-top: 0.15rem;}
.live-list {padding: 0 1.28rem;}
.main-pb {padding:0.2rem 0 1.5rem;border-radius: 0.40rem 0.40rem 0 0;margin-top: -0.40rem;position: relative;background-color: #fff;}
.live-list>li {width: 1.9rem;padding:0 0.20rem 0.25rem;border-bottom: 1px solid #e0e0e0;margin-top: 0.65rem;}
.live-top {font-size: 0.28rem;}
.live-time {font-size: 0.38rem;font-weight: 600;margin-top: 0.1rem;}
.live-circle {position: relative;}
.live-circle::before {content: "";display: block;width: 0.10rem;height: 0.10rem;border-radius: 50%;position: absolute;top: 50%;transform: translate(-100%,-50%);left: -0.10rem;background-color: #999999;}

.brand-tit {text-align: center;font-size: 0.48rem;font-weight: 600;margin-top: 0.8rem;}
.brand-tit span {position: relative;}
.brand-tit span::before {content: "";width: 100%;height: 0.07rem;border-radius: 0.07rem;background-color: #e9c7c6;bottom: 0;left: 0;position: absolute;}




.bb{border-bottom: 1px solid #e0e0e0;}
.br {border-right: 1px solid #e0e0e0;}
.bt {border-top: 1px solid #e0e0e0;}
.pt0 {padding-top: 0;}
.pb0 {padding-bottom: 0;}
.mb0 {margin-bottom: 0;}
.mt0 {margin-top: 0;}
.block {display: block;width: 100%;}

.theme {color: #1E68E8;}
.theme .iconfont {color: #1E68E8;}
.webkit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line2 {
  -webkit-line-clamp: 2;
}
.col-333 {
  color: #333;
}
.col-666 {
  color: #666;
}
.col-999 {
  color: #999;
}

.col-fff {
  color: #fff;
}
.bgfff {
  background-color: #fff;
}


.all_grade_top {background: linear-gradient(to bottom,#f7d8bd,#f6ead7,#f6e4b6);padding: 0.55rem 0 0.70rem;}
.all_grade_ttext {font-size: 0.28rem;margin-bottom: 0.10rem;}
.all-bg {width: 1.35rem;}
.all_grade_data {color: #fff;font-size: 0.38rem;white-space: nowrap;font-weight: 600;top: 36%;}
.all_grade_bott {margin-top: -0.4rem;border-radius: 0.4rem 0.4rem 0 0;padding: 0.4rem 0.25rem 0.6rem;}
.all_grade_time_btn {width: 2.4rem;height: 0.65rem;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #d2d2d2;border-radius: 0.10rem;padding: 0 0.20rem;}
.progress {width: 4.75rem;height: 0.15rem;border-radius: 999px;position: relative;overflow: hidden;}
.progress-inner {height: 0.15rem;position: absolute;top: 0;left: 0;border-radius: 999px;}
.progress-data {font-size: 0.34rem;font-weight: 600;}
.all_grade_dl>dt {width: 1.50rem;font-size: 0.26rem;text-align: right;padding-right: 0.15rem;}
.all_grade_dl {margin-top: 0.40rem;}
.all_grade_time_btn1 {width: auto;}
.echart-box {padding: 0.4rem 0 0.6rem;}
.vacation {padding: 0.4rem 0 1.68rem;}
.echart-itit{font-size: 0.40rem;font-weight: 600;margin-bottom: 0.20rem;display: inline-block;position: relative;}
.echart-itit::before {content: "";width: 100%;position: absolute;height: 0.10rem;background-color: #e3cbcd;border-radius: 999px;left: 0;bottom: 0;}
.echart-item {padding-top: 0.40rem;}
.week-ul {background-color: #fff;border-radius: 0.16rem;overflow: hidden;font-size: 0.26rem;position: relative;}
.week-ul::before {content: "";height: 0.86rem;background-color: #e9e9e9;position: absolute;top: 0;left: 0;width: 100%;}
.week-ul>li {text-align: center;display: flex;flex-direction: column;align-items: center;width: 25%;position: relative;}
.week-ul>li:nth-of-type(2n+1) .week-people {background-color: #fff7ef;}
.week-group {color: #9a0202;font-size: 0.24rem;padding: 0.12rem 0;width: 100%;}
.week-text {font-weight: 600;}
.week-item {margin-top: 0.40rem;}
.people-name {padding: 0.20rem 0.15rem;display: inline-block;min-width: 1.05rem;}
.week-people {flex: 1;}
.week-people-item:first-child .people-name {padding-top: 0.40rem;}
.week-people-item:last-child .people-name {padding-bottom: 0.40rem;}

.fixed-footer {position: fixed;bottom: 0;width: 100%;left: 0;box-shadow: 0 -1px 16px rgb(0, 0, 0, 0.5);padding: 0.30rem 0;background-color: #fff;z-index: 10;}
.fixed-btn {display: inline-flex;width: 1.9rem;height: 0.68rem;border-radius: 999px;background-color: #9a0202;color: #fff;font-size: 0.32rem;justify-content: center;align-items: center;}
.fixed-btn + .fixed-btn {margin-left: 0.4rem;}
.icon-aleft {width: 0;height: 0;border-right: 0.15rem solid #fff;border-top: 0.15rem solid transparent;border-bottom: 0.15rem solid transparent;margin-right: 0.10rem;vertical-align: middle;}
.icon-aright {width: 0;height: 0;border-left: 0.15rem solid #fff;border-top: 0.15rem solid transparent;border-bottom: 0.15rem solid transparent;margin-left: 0.10rem;vertical-align: middle;}
.page{
  width: 75%;
  margin: 0 auto;
}
.page li{
  width: 49%;
  text-align: center;
  display: inline-block;
}