@charset "UTF-8";
@import "//at.alicdn.com/t/c/font_4451919_rtjakh0zkk.css";
* {
  font-family: "Microsoft YaHei", Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
form,
img,
p {
  margin: 0;
  padding: 0;
  border: none;
  list-style-type: none;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #7d7d7d;
}

::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #e7e7e7;
  border: 1px solid #cacaca;
}

html, body {
  font-size: 12px;
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html.mobile, body.mobile {
  min-width: 1200px;
  height: 100vh;
}

a, a:focus, a:hover {
  text-decoration: none;
}

/*弹性布局*/
/*弹性容器,横向*/
.m-flex-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex !important;
}

/*弹性容器，纵向*/
.m-flex-column {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/*换行*/
.flex-wrap {
  flex-wrap: wrap;
}

/*不变化*/
.flex-none {
  flex: none;
}

/*自动*/
.flex-auto {
  flex: auto;
  min-width: 0;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

.flex-7 {
  flex: 7;
}

.flex-8 {
  flex: 8;
}

.flex-9 {
  flex: 9;
}

.flex-10 {
  flex: 10;
}

.flex-11 {
  flex: 11;
}

.flex-12 {
  flex: 12;
}

/*主轴两端对齐*/
.flex-s {
  justify-content: space-between;
}

/*主轴居中*/
.flex-center {
  justify-content: center;
}

/*主轴底对齐*/
.flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/*交叉轴居中*/
.flex-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.flex-align-start {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

/*交叉轴底对齐*/
.flex-align-end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

/*交叉轴拉伸对齐
如果项目未设置高度或设为auto，将占满整个容器的高度
*/
.flex-align-s {
  -webkit-align-items: stretch;
  align-items: stretch;
}

/*浮动*/
.pull-right {
  float: right !important;
}

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

/*对齐*/
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.p-5 {
  padding: 5px !important;
}

.p-tb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-b-5 {
  padding-top: 'auto';
  padding-bottom: 5px !important;
}

.p-lr-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-r-5 {
  padding-left: 'auto';
  padding-right: 5px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-tb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-lr-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.round-5 {
  border-radius: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-tb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-b-10 {
  padding-top: 'auto';
  padding-bottom: 10px !important;
}

.p-lr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-r-10 {
  padding-left: 'auto';
  padding-right: 10px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-tb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-lr-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.round-10 {
  border-radius: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-tb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-b-15 {
  padding-top: 'auto';
  padding-bottom: 15px !important;
}

.p-lr-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-r-15 {
  padding-left: 'auto';
  padding-right: 15px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-tb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-lr-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.round-15 {
  border-radius: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-tb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-b-20 {
  padding-top: 'auto';
  padding-bottom: 20px !important;
}

.p-lr-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-r-20 {
  padding-left: 'auto';
  padding-right: 20px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-tb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-lr-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.round-20 {
  border-radius: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-tb-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-b-25 {
  padding-top: 'auto';
  padding-bottom: 25px !important;
}

.p-lr-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-r-25 {
  padding-left: 'auto';
  padding-right: 25px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-tb-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-lr-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.round-25 {
  border-radius: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-tb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-b-30 {
  padding-top: 'auto';
  padding-bottom: 30px !important;
}

.p-lr-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-r-30 {
  padding-left: 'auto';
  padding-right: 30px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-tb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-lr-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.round-30 {
  border-radius: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-tb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-b-40 {
  padding-top: 'auto';
  padding-bottom: 40px !important;
}

.p-lr-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-r-40 {
  padding-left: 'auto';
  padding-right: 40px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-tb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-lr-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.round-40 {
  border-radius: 40px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-tb-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-b-50 {
  padding-top: 'auto';
  padding-bottom: 50px !important;
}

.p-lr-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.p-r-50 {
  padding-left: 'auto';
  padding-right: 50px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-tb-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-lr-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.round-50 {
  border-radius: 50px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-tb-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.p-b-60 {
  padding-top: 'auto';
  padding-bottom: 60px !important;
}

.p-lr-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.p-r-60 {
  padding-left: 'auto';
  padding-right: 60px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-tb-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.m-lr-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.round-60 {
  border-radius: 60px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-tb-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.p-b-80 {
  padding-top: 'auto';
  padding-bottom: 80px !important;
}

.p-lr-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.p-l-80 {
  padding-left: 80px !important;
}

.p-r-80 {
  padding-left: 'auto';
  padding-right: 80px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-tb-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.m-t-80 {
  margin-top: 80px !important;
}

.m-b-80 {
  margin-bottom: 80px !important;
}

.m-lr-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.m-l-80 {
  margin-left: 80px !important;
}

.m-r-80 {
  margin-right: 80px !important;
}

.round-80 {
  border-radius: 80px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-tb-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.p-b-100 {
  padding-top: 'auto';
  padding-bottom: 100px !important;
}

.p-lr-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.p-r-100 {
  padding-left: 'auto';
  padding-right: 100px !important;
}

.m-100 {
  margin: 100px !important;
}

.m-tb-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.m-lr-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.round-100 {
  border-radius: 100px !important;
}

/*未知宽高的正方形*/
.m-box-1-1 {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.m-box-2-1 {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  position: relative;
}

.m-box-4-3 {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  position: relative;
}

.m-box-16-9 {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  position: relative;
}

.m-box-9-16 {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 177.78%;
  position: relative;
}

.m-box-1-1 .box-content,
.m-box-2-1 .box-content,
.m-box-4-3 .box-content,
.m-box-9-16 .box-content,
.m-box-16-9 .box-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.background-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.background-height {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100% !important;
}

.background-width {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto !important;
}

/*等分网格*/
[class*='m-avg-'] {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  flex-wrap: wrap;
}

[class*='m-avg-'] > .item {
  display: block;
  height: auto;
  flex: none;
}

.m-avg-between-sm {
  width: calc(100% + 5px);
}
.m-avg-between-sm .item {
  margin-right: 5px !important;
}

.m-avg-between {
  width: calc(100% + 10px);
}
.m-avg-between .item {
  margin-right: 10px !important;
}

.m-avg-between-lg {
  width: calc(100% + 20px);
}
.m-avg-between-lg .item {
  margin-right: 20px;
}

@media only screen {
  .m-avg-sm-1 > .item {
    width: 100%;
  }

  .m-avg-sm-1.m-avg-between-sm > .item {
    width: calc(100% - 5px);
  }

  .m-avg-sm-1.m-avg-between > .item {
    width: calc(100% - 10px);
  }

  .m-avg-sm-1.m-avg-between-lg > .item {
    width: calc(100% - 20px);
  }

  .m-avg-sm-2 > .item {
    width: 50%;
  }

  .m-avg-sm-2.m-avg-between-sm > .item {
    width: calc(50% - 5px);
  }

  .m-avg-sm-2.m-avg-between > .item {
    width: calc(50% - 10px);
  }

  .m-avg-sm-2.m-avg-between-lg > .item {
    width: calc(50% - 20px);
  }

  .m-avg-sm-3 > .item {
    width: 33.33333333%;
  }

  .m-avg-sm-3.m-avg-between-sm > .item {
    width: calc(33.33333333% - 5px);
  }

  .m-avg-sm-3.m-avg-between > .item {
    width: calc(33.33333333% - 10px);
  }

  .m-avg-sm-3.m-avg-between-lg > .item {
    width: calc(33.33333333% - 20px);
  }

  .m-avg-sm-4 > .item {
    width: 25%;
  }

  .m-avg-sm-4.m-avg-between-sm > .item {
    width: calc(25% - 5px);
  }

  .m-avg-sm-4.m-avg-between > .item {
    width: calc(25% - 10px);
  }

  .m-avg-sm-4.m-avg-between-lg > .item {
    width: calc(25% - 20px);
  }

  .m-avg-sm-5 > .item {
    width: 20%;
  }

  .m-avg-sm-5.m-avg-between-sm > .item {
    width: calc(20% - 5px);
  }

  .m-avg-sm-5.m-avg-between > .item {
    width: calc(20% - 10px);
  }

  .m-avg-sm-5.m-avg-between-lg > .item {
    width: calc(20% - 20px);
  }

  .m-avg-sm-6 > .item {
    width: 16.66666667%;
  }

  .m-avg-sm-6.m-avg-between-sm > .item {
    width: calc(16.66666667% - 5px);
  }

  .m-avg-sm-6.m-avg-between > .item {
    width: calc(16.66666667% - 10px);
  }

  .m-avg-sm-6.m-avg-between-lg > .item {
    width: calc(16.66666667% - 20px);
  }

  .m-avg-sm-7 > .item {
    width: 14.28571429%;
  }

  .m-avg-sm-7.m-avg-between-sm > .item {
    width: calc(14.28571429% - 5px);
  }

  .m-avg-sm-7.m-avg-between > .item {
    width: calc(14.28571429% - 10px);
  }

  .m-avg-sm-7.m-avg-between-lg > .item {
    width: calc(14.28571429% - 20px);
  }

  .m-avg-sm-8 > .item {
    width: 12.5%;
  }

  .m-avg-sm-8.m-avg-between-sm > .item {
    width: calc(12.5% - 5px);
  }

  .m-avg-sm-8.m-avg-between > .item {
    width: calc(12.5% - 10px);
  }

  .m-avg-sm-8.m-avg-between-lg > .item {
    width: calc(12.5% - 20px);
  }

  .m-avg-sm-9 > .item {
    width: 11.11111111%;
  }

  .m-avg-sm-9.m-avg-between-sm > .item {
    width: calc(11.11111111% - 5px);
  }

  .m-avg-sm-9.m-avg-between > .item {
    width: calc(11.11111111% - 10px);
  }

  .m-avg-sm-9.m-avg-between-lg > .item {
    width: calc(11.11111111% - 20px);
  }

  .m-avg-sm-10 > .item {
    width: 10%;
  }

  .m-avg-sm-10.m-avg-between-sm > .item {
    width: calc(10% - 5px);
  }

  .m-avg-sm-10.m-avg-between > .item {
    width: calc(10% - 10px);
  }

  .m-avg-sm-10.m-avg-between-lg > .item {
    width: calc(10% - 20px);
  }

  .m-avg-sm-11 > .item {
    width: 9.09090909%;
  }

  .m-avg-sm-11.m-avg-between-sm > .item {
    width: calc(9.09090909% - 5px);
  }

  .m-avg-sm-11.m-avg-between > .item {
    width: calc(9.09090909% - 10px);
  }

  .m-avg-sm-11.m-avg-between-lg > .item {
    width: calc(9.09090909% - 20px);
  }

  .m-avg-sm-12 > .item {
    width: 8.33333333%;
  }

  .m-avg-sm-12.m-avg-between-sm > .item {
    width: calc(8.33333333% - 5px);
  }

  .m-avg-sm-12.m-avg-between > .item {
    width: calc(8.33333333% - 10px);
  }

  .m-avg-sm-12.m-avg-between-lg > .item {
    width: calc(8.33333333% - 20px);
  }
}
@media only screen and (min-width: 641px) {
  .m-avg-md-1 > .item {
    width: 100%;
  }

  .m-avg-md-1.m-avg-between-sm > .item {
    width: calc(100% - 5px);
  }

  .m-avg-md-1.m-avg-between > .item {
    width: calc(100% - 10px);
  }

  .m-avg-md-1.m-avg-between-lg > .item {
    width: calc(100% - 20px);
  }

  .m-avg-md-2 > .item {
    width: 50%;
  }

  .m-avg-md-2.m-avg-between-sm > .item {
    width: calc(50% - 5px);
  }

  .m-avg-md-2.m-avg-between > .item {
    width: calc(50% - 10px);
  }

  .m-avg-md-2.m-avg-between-lg > .item {
    width: calc(50% - 20px);
  }

  .m-avg-md-3 > .item {
    width: 33.33333333%;
  }

  .m-avg-md-3.m-avg-between-sm > .item {
    width: calc(33.33333333% - 5px);
  }

  .m-avg-md-3.m-avg-between > .item {
    width: calc(33.33333333% - 10px);
  }

  .m-avg-md-3.m-avg-between-lg > .item {
    width: calc(33.33333333% - 20px);
  }

  .m-avg-md-4 > .item {
    width: 25%;
  }

  .m-avg-md-4.m-avg-between-sm > .item {
    width: calc(25% - 5px);
  }

  .m-avg-md-4.m-avg-between > .item {
    width: calc(25% - 10px);
  }

  .m-avg-md-4.m-avg-between-lg > .item {
    width: calc(25% - 20px);
  }

  .m-avg-md-5 > .item {
    width: 20%;
  }

  .m-avg-md-5.m-avg-between-sm > .item {
    width: calc(20% - 5px);
  }

  .m-avg-md-5.m-avg-between > .item {
    width: calc(20% - 10px);
  }

  .m-avg-md-5.m-avg-between-lg > .item {
    width: calc(20% - 20px);
  }

  .m-avg-md-6 > .item {
    width: 16.66666667%;
  }

  .m-avg-md-6.m-avg-between-sm > .item {
    width: calc(16.66666667% - 5px);
  }

  .m-avg-md-6.m-avg-between > .item {
    width: calc(16.66666667% - 10px);
  }

  .m-avg-md-6.m-avg-between-lg > .item {
    width: calc(16.66666667% - 20px);
  }

  .m-avg-md-7 > .item {
    width: 14.28571429%;
  }

  .m-avg-md-7.m-avg-between-sm > .item {
    width: calc(14.28571429% - 5px);
  }

  .m-avg-md-7.m-avg-between > .item {
    width: calc(14.28571429% - 10px);
  }

  .m-avg-md-7.m-avg-between-lg > .item {
    width: calc(14.28571429% - 20px);
  }

  .m-avg-md-8 > .item {
    width: 12.5%;
  }

  .m-avg-md-8.m-avg-between-sm > .item {
    width: calc(12.5% - 5px);
  }

  .m-avg-md-8.m-avg-between > .item {
    width: calc(12.5% - 10px);
  }

  .m-avg-md-8.m-avg-between-lg > .item {
    width: calc(12.5% - 20px);
  }

  .m-avg-md-9 > .item {
    width: 11.11111111%;
  }

  .m-avg-md-9.m-avg-between-sm > .item {
    width: calc(11.11111111% - 5px);
  }

  .m-avg-md-9.m-avg-between > .item {
    width: calc(11.11111111% - 10px);
  }

  .m-avg-md-9.m-avg-between-lg > .item {
    width: calc(11.11111111% - 20px);
  }

  .m-avg-md-10 > .item {
    width: 10%;
  }

  .m-avg-md-10.m-avg-between-sm > .item {
    width: calc(10% - 5px);
  }

  .m-avg-md-10.m-avg-between > .item {
    width: calc(10% - 10px);
  }

  .m-avg-md-10.m-avg-between-lg > .item {
    width: calc(10% - 20px);
  }

  .m-avg-md-11 > .item {
    width: 9.09090909%;
  }

  .m-avg-md-11.m-avg-between-sm > .item {
    width: calc(9.09090909% - 5px);
  }

  .m-avg-md-11.m-avg-between > .item {
    width: calc(9.09090909% - 10px);
  }

  .m-avg-md-11.m-avg-between-lg > .item {
    width: calc(9.09090909% - 20px);
  }

  .m-avg-md-12 > .item {
    width: 8.33333333%;
  }

  .m-avg-md-12.m-avg-between-sm > .item {
    width: calc(8.33333333% - 5px);
  }

  .m-avg-md-12.m-avg-between > .item {
    width: calc(8.33333333% - 10px);
  }

  .m-avg-md-12.m-avg-between-lg > .item {
    width: calc(8.33333333% - 20px);
  }
}
@media only screen and (min-width: 1025px) {
  .m-avg-lg-1 > .item {
    width: 100%;
  }

  .m-avg-lg-1.m-avg-between-sm > .item {
    width: calc(100% - 5px);
  }

  .m-avg-lg-1.m-avg-between > .item {
    width: calc(100% - 10px);
  }

  .m-avg-lg-1.m-avg-between-lg > .item {
    width: calc(100% - 20px);
  }

  .m-avg-lg-2 > .item {
    width: 50%;
  }

  .m-avg-lg-2.m-avg-between-sm > .item {
    width: calc(50% - 5px);
  }

  .m-avg-lg-2.m-avg-between > .item {
    width: calc(50% - 10px);
  }

  .m-avg-lg-2.m-avg-between-lg > .item {
    width: calc(50% - 20px);
  }

  .m-avg-lg-3 > .item {
    width: 33.33333333%;
  }

  .m-avg-lg-3.m-avg-between-sm > .item {
    width: calc(33.33333333% - 5px);
  }

  .m-avg-lg-3.m-avg-between > .item {
    width: calc(33.33333333% - 10px);
  }

  .m-avg-lg-3.m-avg-between-lg > .item {
    width: calc(33.33333333% - 20px);
  }

  .m-avg-lg-4 > .item {
    width: 25%;
  }

  .m-avg-lg-4.m-avg-between-sm > .item {
    width: calc(25% - 5px);
  }

  .m-avg-lg-4.m-avg-between > .item {
    width: calc(25% - 10px);
  }

  .m-avg-lg-4.m-avg-between-lg > .item {
    width: calc(25% - 20px);
  }

  .m-avg-lg-5 > .item {
    width: 20%;
  }

  .m-avg-lg-5.m-avg-between-sm > .item {
    width: calc(20% - 5px);
  }

  .m-avg-lg-5.m-avg-between > .item {
    width: calc(20% - 10px);
  }

  .m-avg-lg-5.m-avg-between-lg > .item {
    width: calc(20% - 20px);
  }

  .m-avg-lg-6 > .item {
    width: 16.66666667%;
  }

  .m-avg-lg-6.m-avg-between-sm > .item {
    width: calc(16.66666667% - 5px);
  }

  .m-avg-lg-6.m-avg-between > .item {
    width: calc(16.66666667% - 10px);
  }

  .m-avg-lg-6.m-avg-between-lg > .item {
    width: calc(16.66666667% - 20px);
  }

  .m-avg-lg-7 > .item {
    width: 14.28571429%;
  }

  .m-avg-lg-7.m-avg-between-sm > .item {
    width: calc(14.28571429% - 5px);
  }

  .m-avg-lg-7.m-avg-between > .item {
    width: calc(14.28571429% - 10px);
  }

  .m-avg-lg-7.m-avg-between-lg > .item {
    width: calc(14.28571429% - 20px);
  }

  .m-avg-lg-8 > .item {
    width: 12.5%;
  }

  .m-avg-lg-8.m-avg-between-sm > .item {
    width: calc(12.5% - 5px);
  }

  .m-avg-lg-8.m-avg-between > .item {
    width: calc(12.5% - 10px);
  }

  .m-avg-lg-8.m-avg-between-lg > .item {
    width: calc(12.5% - 20px);
  }

  .m-avg-lg-9 > .item {
    width: 11.11111111%;
  }

  .m-avg-lg-9.m-avg-between-sm > .item {
    width: calc(11.11111111% - 5px);
  }

  .m-avg-lg-9.m-avg-between > .item {
    width: calc(11.11111111% - 10px);
  }

  .m-avg-lg-9.m-avg-between-lg > .item {
    width: calc(11.11111111% - 20px);
  }

  .m-avg-lg-10 > .item {
    width: 10%;
  }

  .m-avg-lg-10.m-avg-between-sm > .item {
    width: calc(10% - 5px);
  }

  .m-avg-lg-10.m-avg-between > .item {
    width: calc(10% - 10px);
  }

  .m-avg-lg-10.m-avg-between-lg > .item {
    width: calc(10% - 20px);
  }

  .m-avg-lg-11 > .item {
    width: 9.09090909%;
  }

  .m-avg-lg-11.m-avg-between-sm > .item {
    width: calc(9.09090909% - 5px);
  }

  .m-avg-lg-11.m-avg-between > .item {
    width: calc(9.09090909% - 10px);
  }

  .m-avg-lg-11.m-avg-between-lg > .item {
    width: calc(9.09090909% - 20px);
  }

  .m-avg-lg-12 > .item {
    width: 8.33333333%;
  }

  .m-avg-lg-12.m-avg-between-sm > .item {
    width: calc(8.33333333% - 5px);
  }

  .m-avg-lg-12.m-avg-between > .item {
    width: calc(8.33333333% - 10px);
  }

  .m-avg-lg-12.m-avg-between-lg > .item {
    width: calc(8.33333333% - 20px);
  }
}
/*1px边框*/
.m-border,
.m-border-bottom,
.m-border-left,
.m-border-right,
.m-border-top,
.m-border-top-bottom {
  position: relative;
}

.m-border-bottom:after,
.m-border-left:after,
.m-border-right:after,
.m-border-top-bottom:after,
.m-border-top:after,
.m-border:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  box-sizing: border-box;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 199.8%;
  height: 199.7%;
  transform: scale(0.5, 0.5);
  border: 0 solid #e8e8e8;
  z-index: 2;
}

.m-border-top:after {
  border-top-width: 1px;
}

.m-border-left:after {
  border-left-width: 1px;
}

.m-border-right:after {
  border-right-width: 1px;
}

.m-border-bottom:after {
  border-bottom-width: 1px;
}

.m-border-top-bottom:after {
  border-width: 1px 0;
}

.m-border:after {
  border-width: 1px;
}

/*字号*/
.font-size-12 {
  font-size: 12px !important;
}

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

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

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

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

.font-size-22 {
  font-size: 22px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.font-size-28 {
  font-size: 28px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.font-size-32 {
  font-size: 32px !important;
}

.font-size-34 {
  font-size: 34px !important;
}

.font-size-36 {
  font-size: 36px !important;
}

.font-size-38 {
  font-size: 38px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.font-size-42 {
  font-size: 42px !important;
}

.font-size-44 {
  font-size: 44px !important;
}

.font-size-46 {
  font-size: 46px !important;
}

.font-size-48 {
  font-size: 48px !important;
}

.font-size-50 {
  font-size: 50px !important;
}

.font-size-52 {
  font-size: 52px !important;
}

.font-size-54 {
  font-size: 54px !important;
}

.font-size-56 {
  font-size: 56px !important;
}

.font-size-58 {
  font-size: 58px !important;
}

.font-size-60 {
  font-size: 60px !important;
}

.font-size-62 {
  font-size: 62px !important;
}

.font-size-64 {
  font-size: 64px !important;
}

.font-size-66 {
  font-size: 66px !important;
}

.font-size-68 {
  font-size: 68px !important;
}

.font-size-70 {
  font-size: 70px !important;
}

.font-size-72 {
  font-size: 72px !important;
}

.font-size-74 {
  font-size: 74px !important;
}

.font-size-76 {
  font-size: 76px !important;
}

.font-size-78 {
  font-size: 78px !important;
}

.font-size-80 {
  font-size: 80px !important;
}

.font-size-82 {
  font-size: 82px !important;
}

.font-size-84 {
  font-size: 84px !important;
}

.font-size-86 {
  font-size: 86px !important;
}

.font-size-88 {
  font-size: 88px !important;
}

.font-size-90 {
  font-size: 90px !important;
}

.font-size-92 {
  font-size: 92px !important;
}

.font-size-94 {
  font-size: 94px !important;
}

.font-size-96 {
  font-size: 96px !important;
}

.font-size-98 {
  font-size: 98px !important;
}

.font-size-100 {
  font-size: 100px !important;
}

/*行间距*/
.line-height-14 {
  line-height: 14px !important;
}

.line-height-16 {
  line-height: 16px !important;
}

.line-height-18 {
  line-height: 18px !important;
}

.line-height-24 {
  line-height: 24px !important;
}

.line-height-28 {
  line-height: 28px !important;
}

.line-height-30 {
  line-height: 30px !important;
}

.line-height-32 {
  line-height: 32px !important;
}

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

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

.line-height-45 {
  line-height: 45px !important;
}

.line-height-50 {
  line-height: 50px !important;
}

.line-height-60 {
  line-height: 60px !important;
}

/*加粗调整*/
.font-weight500 {
  font-weight: 500;
}

.font-weight600 {
  font-weight: 600;
}

.font-weight700 {
  font-weight: 700;
}

/*单行截断*/
.one-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.two-cut {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
  overflow: hidden;
}

.three-cut {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3 !important;
  overflow: hidden;
}

.four-cut {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4 !important;
  overflow: hidden;
}

.five-cut {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5 !important;
  overflow: hidden;
}

.pointer {
  cursor: pointer;
}

/*宽度高度*/
.width-5 {
  width: 5px !important;
}

.height-5 {
  height: 5px !important;
}

.w-5 {
  width: 5% !important;
}

.h-5 {
  height: 5% !important;
}

.width-10 {
  width: 10px !important;
}

.height-10 {
  height: 10px !important;
}

.w-10 {
  width: 10% !important;
}

.h-10 {
  height: 10% !important;
}

.width-15 {
  width: 15px !important;
}

.height-15 {
  height: 15px !important;
}

.w-15 {
  width: 15% !important;
}

.h-15 {
  height: 15% !important;
}

.width-20 {
  width: 20px !important;
}

.height-20 {
  height: 20px !important;
}

.w-20 {
  width: 20% !important;
}

.h-20 {
  height: 20% !important;
}

.width-25 {
  width: 25px !important;
}

.height-25 {
  height: 25px !important;
}

.w-25 {
  width: 25% !important;
}

.h-25 {
  height: 25% !important;
}

.width-30 {
  width: 30px !important;
}

.height-30 {
  height: 30px !important;
}

.w-30 {
  width: 30% !important;
}

.h-30 {
  height: 30% !important;
}

.width-35 {
  width: 35px !important;
}

.height-35 {
  height: 35px !important;
}

.w-35 {
  width: 35% !important;
}

.h-35 {
  height: 35% !important;
}

.width-40 {
  width: 40px !important;
}

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

.w-40 {
  width: 40% !important;
}

.h-40 {
  height: 40% !important;
}

.width-45 {
  width: 45px !important;
}

.height-45 {
  height: 45px !important;
}

.w-45 {
  width: 45% !important;
}

.h-45 {
  height: 45% !important;
}

.width-50 {
  width: 50px !important;
}

.height-50 {
  height: 50px !important;
}

.w-50 {
  width: 50% !important;
}

.h-50 {
  height: 50% !important;
}

.width-55 {
  width: 55px !important;
}

.height-55 {
  height: 55px !important;
}

.w-55 {
  width: 55% !important;
}

.h-55 {
  height: 55% !important;
}

.width-60 {
  width: 60px !important;
}

.height-60 {
  height: 60px !important;
}

.w-60 {
  width: 60% !important;
}

.h-60 {
  height: 60% !important;
}

.width-65 {
  width: 65px !important;
}

.height-65 {
  height: 65px !important;
}

.w-65 {
  width: 65% !important;
}

.h-65 {
  height: 65% !important;
}

.width-70 {
  width: 70px !important;
}

.height-70 {
  height: 70px !important;
}

.w-70 {
  width: 70% !important;
}

.h-70 {
  height: 70% !important;
}

.width-75 {
  width: 75px !important;
}

.height-75 {
  height: 75px !important;
}

.w-75 {
  width: 75% !important;
}

.h-75 {
  height: 75% !important;
}

.width-80 {
  width: 80px !important;
}

.height-80 {
  height: 80px !important;
}

.w-80 {
  width: 80% !important;
}

.h-80 {
  height: 80% !important;
}

.width-85 {
  width: 85px !important;
}

.height-85 {
  height: 85px !important;
}

.w-85 {
  width: 85% !important;
}

.h-85 {
  height: 85% !important;
}

.width-90 {
  width: 90px !important;
}

.height-90 {
  height: 90px !important;
}

.w-90 {
  width: 90% !important;
}

.h-90 {
  height: 90% !important;
}

.width-95 {
  width: 95px !important;
}

.height-95 {
  height: 95px !important;
}

.w-95 {
  width: 95% !important;
}

.h-95 {
  height: 95% !important;
}

.width-100 {
  width: 100px !important;
}

.height-100 {
  height: 100px !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.width-105 {
  width: 105px !important;
}

.height-105 {
  height: 105px !important;
}

.w-105 {
  width: 105% !important;
}

.h-105 {
  height: 105% !important;
}

.width-110 {
  width: 110px !important;
}

.height-110 {
  height: 110px !important;
}

.w-110 {
  width: 110% !important;
}

.h-110 {
  height: 110% !important;
}

.width-115 {
  width: 115px !important;
}

.height-115 {
  height: 115px !important;
}

.w-115 {
  width: 115% !important;
}

.h-115 {
  height: 115% !important;
}

.width-120 {
  width: 120px !important;
}

.height-120 {
  height: 120px !important;
}

.w-120 {
  width: 120% !important;
}

.h-120 {
  height: 120% !important;
}

.width-125 {
  width: 125px !important;
}

.height-125 {
  height: 125px !important;
}

.w-125 {
  width: 125% !important;
}

.h-125 {
  height: 125% !important;
}

.width-130 {
  width: 130px !important;
}

.height-130 {
  height: 130px !important;
}

.w-130 {
  width: 130% !important;
}

.h-130 {
  height: 130% !important;
}

.width-135 {
  width: 135px !important;
}

.height-135 {
  height: 135px !important;
}

.w-135 {
  width: 135% !important;
}

.h-135 {
  height: 135% !important;
}

.width-140 {
  width: 140px !important;
}

.height-140 {
  height: 140px !important;
}

.w-140 {
  width: 140% !important;
}

.h-140 {
  height: 140% !important;
}

.width-145 {
  width: 145px !important;
}

.height-145 {
  height: 145px !important;
}

.w-145 {
  width: 145% !important;
}

.h-145 {
  height: 145% !important;
}

.width-150 {
  width: 150px !important;
}

.height-150 {
  height: 150px !important;
}

.w-150 {
  width: 150% !important;
}

.h-150 {
  height: 150% !important;
}

.width-155 {
  width: 155px !important;
}

.height-155 {
  height: 155px !important;
}

.w-155 {
  width: 155% !important;
}

.h-155 {
  height: 155% !important;
}

.width-160 {
  width: 160px !important;
}

.height-160 {
  height: 160px !important;
}

.w-160 {
  width: 160% !important;
}

.h-160 {
  height: 160% !important;
}

.width-165 {
  width: 165px !important;
}

.height-165 {
  height: 165px !important;
}

.w-165 {
  width: 165% !important;
}

.h-165 {
  height: 165% !important;
}

.width-170 {
  width: 170px !important;
}

.height-170 {
  height: 170px !important;
}

.w-170 {
  width: 170% !important;
}

.h-170 {
  height: 170% !important;
}

.width-175 {
  width: 175px !important;
}

.height-175 {
  height: 175px !important;
}

.w-175 {
  width: 175% !important;
}

.h-175 {
  height: 175% !important;
}

.width-180 {
  width: 180px !important;
}

.height-180 {
  height: 180px !important;
}

.w-180 {
  width: 180% !important;
}

.h-180 {
  height: 180% !important;
}

.width-185 {
  width: 185px !important;
}

.height-185 {
  height: 185px !important;
}

.w-185 {
  width: 185% !important;
}

.h-185 {
  height: 185% !important;
}

.width-190 {
  width: 190px !important;
}

.height-190 {
  height: 190px !important;
}

.w-190 {
  width: 190% !important;
}

.h-190 {
  height: 190% !important;
}

.width-195 {
  width: 195px !important;
}

.height-195 {
  height: 195px !important;
}

.w-195 {
  width: 195% !important;
}

.h-195 {
  height: 195% !important;
}

.width-200 {
  width: 200px !important;
}

.height-200 {
  height: 200px !important;
}

.w-200 {
  width: 200% !important;
}

.h-200 {
  height: 200% !important;
}

.text-primary {
  color: #33cabb !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #33cabb !important;
}

.bg-primary {
  background-color: #33cabb !important;
}

.text-secondary {
  color: #e4e7ea !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #e4e7ea !important;
}

.bg-secondary {
  background-color: #e4e7ea !important;
}

.text-success {
  color: #15c377 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #15c377 !important;
}

.bg-success {
  background-color: #15c377 !important;
}

.text-info {
  color: #48b0f7 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #48b0f7 !important;
}

.bg-info {
  background-color: #48b0f7 !important;
}

.text-warning {
  color: #faa64b !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #faa64b !important;
}

.bg-warning {
  background-color: #faa64b !important;
}

.text-danger {
  color: #f96868 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #f96868 !important;
}

.bg-danger {
  background-color: #f96868 !important;
}

.text-pink {
  color: #f96197 !important;
}

a.text-pink:hover, a.text-pink:focus {
  color: #f96197 !important;
}

.bg-pink {
  background-color: #f96197 !important;
}

.text-purple {
  color: #926dde !important;
}

a.text-purple:hover, a.text-purple:focus {
  color: #926dde !important;
}

.bg-purple {
  background-color: #926dde !important;
}

.text-brown {
  color: #8d6658 !important;
}

a.text-brown:hover, a.text-brown:focus {
  color: #8d6658 !important;
}

.bg-brown {
  background-color: #8d6658 !important;
}

.text-cyan {
  color: #57c7d4 !important;
}

a.text-cyan:hover, a.text-cyan:focus {
  color: #57c7d4 !important;
}

.bg-cyan {
  background-color: #57c7d4 !important;
}

.text-yellow {
  color: #fcc525 !important;
}

a.text-yellow:hover, a.text-yellow:focus {
  color: #fcc525 !important;
}

.bg-yellow {
  background-color: #fcc525 !important;
}

.text-gray {
  color: #868e96 !important;
}

a.text-gray:hover, a.text-gray:focus {
  color: #868e96 !important;
}

.bg-gray {
  background-color: #868e96 !important;
}

.text-gray-light {
  color: #f7f7f7 !important;
}

a.text-gray-light:hover, a.text-gray-light:focus {
  color: #f7f7f7 !important;
}

.bg-gray-light {
  background-color: #f7f7f7 !important;
}

.text-dark {
  color: #465161 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #465161 !important;
}

.bg-dark {
  background-color: #465161 !important;
}

.text-default {
  color: #4d5259 !important;
}

a.text-default:hover, a.text-default:focus {
  color: #4d5259 !important;
}

.bg-default {
  background-color: #4d5259 !important;
}

.text-muted {
  color: #868e96 !important;
}

a.text-muted:hover, a.text-muted:focus {
  color: #868e96 !important;
}

.bg-muted {
  background-color: #868e96 !important;
}

.text-light {
  color: #616a78 !important;
}

a.text-light:hover, a.text-light:focus {
  color: #616a78 !important;
}

.bg-light {
  background-color: #616a78 !important;
}

.text-lighter {
  color: #a5b3c7 !important;
}

a.text-lighter:hover, a.text-lighter:focus {
  color: #a5b3c7 !important;
}

.bg-lighter {
  background-color: #a5b3c7 !important;
}

.text-white {
  color: #ffffff !important;
}

a.text-white:hover, a.text-white:focus {
  color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.text-transparent {
  color: transparent !important;
}

a.text-transparent:hover, a.text-transparent:focus {
  color: transparent !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gray-light {
  background-color: #f7f7f7;
}

.bg-white {
  background-color: #ffffff;
}

.file-ext {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://api.ibiall.com/static/platform/images/ext/other.png);
}
.file-ext.ext-avi {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/mov.png);
}
.file-ext.ext-css {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/css.png);
}
.file-ext.ext-csv {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/csv.png);
}
.file-ext.ext-docx, .file-ext.ext-doc {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/doc.png);
}
.file-ext.ext-eps {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/eps.png);
}
.file-ext.ext-html {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/html.png);
}
.file-ext.ext-jpeg, .file-ext.ext-jpg {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/jpg.png);
}
.file-ext.ext-mov {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/mov.png);
}
.file-ext.ext-mp3 {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/audio.png);
}
.file-ext.ext-pdf {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/pdf.png);
}
.file-ext.ext-png {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/png.png);
}
.file-ext.ext-ppt {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/ppt.png);
}
.file-ext.ext-rar {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/rar.png);
}
.file-ext.ext-raw {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/raw.png);
}
.file-ext.ext-ttf {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/ttf.png);
}
.file-ext.ext-txt {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/txt.png);
}
.file-ext.ext-wav {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/wav.png);
}
.file-ext.ext-xlsx, .file-ext.ext-xls {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/xls.png);
}
.file-ext.ext-zip {
  background-image: url(https://api.ibiall.com/static/platform/images/ext/zip.png);
}

.circle-progress {
  width: 80px;
  height: 80px;
  position: relative;
}
.circle-progress:after {
  border-radius: 50%;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: conic-gradient(#2546a1 0, #2546a1 100deg, transparent 0deg, transparent 360deg);
  mask: radial-gradient(transparent, transparent 60%, #000 60%, #000 100%);
  -webkit-mask: radial-gradient(transparent, transparent 60%, #000 60%, #000 100%);
}
.circle-progress.circle-progress-white:after {
  background: conic-gradient(#ffffff 0, #ffffff 100deg, transparent 0deg, transparent 360deg);
}
.circle-progress.progress-0:after {
  background: conic-gradient(#2546a1 0, #2546a1 0deg, transparent 0deg, transparent 360deg);
}
.circle-progress.progress-0.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 0deg, transparent 0deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-0:before {
  content: "0%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-1:after {
  background: conic-gradient(#2546a1 0, #2546a1 3.6deg, transparent 3.6deg, transparent 360deg);
}
.circle-progress.progress-1.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 3.6deg, transparent 3.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-1:before {
  content: "1%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-2:after {
  background: conic-gradient(#2546a1 0, #2546a1 7.2deg, transparent 7.2deg, transparent 360deg);
}
.circle-progress.progress-2.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 7.2deg, transparent 7.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-2:before {
  content: "2%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-3:after {
  background: conic-gradient(#2546a1 0, #2546a1 10.8deg, transparent 10.8deg, transparent 360deg);
}
.circle-progress.progress-3.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 10.8deg, transparent 10.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-3:before {
  content: "3%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-4:after {
  background: conic-gradient(#2546a1 0, #2546a1 14.4deg, transparent 14.4deg, transparent 360deg);
}
.circle-progress.progress-4.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 14.4deg, transparent 14.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-4:before {
  content: "4%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-5:after {
  background: conic-gradient(#2546a1 0, #2546a1 18deg, transparent 18deg, transparent 360deg);
}
.circle-progress.progress-5.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 18deg, transparent 18deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-5:before {
  content: "5%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-6:after {
  background: conic-gradient(#2546a1 0, #2546a1 21.6deg, transparent 21.6deg, transparent 360deg);
}
.circle-progress.progress-6.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 21.6deg, transparent 21.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-6:before {
  content: "6%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-7:after {
  background: conic-gradient(#2546a1 0, #2546a1 25.2deg, transparent 25.2deg, transparent 360deg);
}
.circle-progress.progress-7.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 25.2deg, transparent 25.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-7:before {
  content: "7%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-8:after {
  background: conic-gradient(#2546a1 0, #2546a1 28.8deg, transparent 28.8deg, transparent 360deg);
}
.circle-progress.progress-8.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 28.8deg, transparent 28.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-8:before {
  content: "8%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-9:after {
  background: conic-gradient(#2546a1 0, #2546a1 32.4deg, transparent 32.4deg, transparent 360deg);
}
.circle-progress.progress-9.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 32.4deg, transparent 32.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-9:before {
  content: "9%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-10:after {
  background: conic-gradient(#2546a1 0, #2546a1 36deg, transparent 36deg, transparent 360deg);
}
.circle-progress.progress-10.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 36deg, transparent 36deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-10:before {
  content: "10%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-11:after {
  background: conic-gradient(#2546a1 0, #2546a1 39.6deg, transparent 39.6deg, transparent 360deg);
}
.circle-progress.progress-11.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 39.6deg, transparent 39.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-11:before {
  content: "11%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-12:after {
  background: conic-gradient(#2546a1 0, #2546a1 43.2deg, transparent 43.2deg, transparent 360deg);
}
.circle-progress.progress-12.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 43.2deg, transparent 43.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-12:before {
  content: "12%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-13:after {
  background: conic-gradient(#2546a1 0, #2546a1 46.8deg, transparent 46.8deg, transparent 360deg);
}
.circle-progress.progress-13.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 46.8deg, transparent 46.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-13:before {
  content: "13%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-14:after {
  background: conic-gradient(#2546a1 0, #2546a1 50.4deg, transparent 50.4deg, transparent 360deg);
}
.circle-progress.progress-14.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 50.4deg, transparent 50.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-14:before {
  content: "14%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-15:after {
  background: conic-gradient(#2546a1 0, #2546a1 54deg, transparent 54deg, transparent 360deg);
}
.circle-progress.progress-15.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 54deg, transparent 54deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-15:before {
  content: "15%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-16:after {
  background: conic-gradient(#2546a1 0, #2546a1 57.6deg, transparent 57.6deg, transparent 360deg);
}
.circle-progress.progress-16.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 57.6deg, transparent 57.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-16:before {
  content: "16%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-17:after {
  background: conic-gradient(#2546a1 0, #2546a1 61.2deg, transparent 61.2deg, transparent 360deg);
}
.circle-progress.progress-17.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 61.2deg, transparent 61.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-17:before {
  content: "17%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-18:after {
  background: conic-gradient(#2546a1 0, #2546a1 64.8deg, transparent 64.8deg, transparent 360deg);
}
.circle-progress.progress-18.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 64.8deg, transparent 64.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-18:before {
  content: "18%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-19:after {
  background: conic-gradient(#2546a1 0, #2546a1 68.4deg, transparent 68.4deg, transparent 360deg);
}
.circle-progress.progress-19.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 68.4deg, transparent 68.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-19:before {
  content: "19%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-20:after {
  background: conic-gradient(#2546a1 0, #2546a1 72deg, transparent 72deg, transparent 360deg);
}
.circle-progress.progress-20.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 72deg, transparent 72deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-20:before {
  content: "20%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-21:after {
  background: conic-gradient(#2546a1 0, #2546a1 75.6deg, transparent 75.6deg, transparent 360deg);
}
.circle-progress.progress-21.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 75.6deg, transparent 75.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-21:before {
  content: "21%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-22:after {
  background: conic-gradient(#2546a1 0, #2546a1 79.2deg, transparent 79.2deg, transparent 360deg);
}
.circle-progress.progress-22.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 79.2deg, transparent 79.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-22:before {
  content: "22%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-23:after {
  background: conic-gradient(#2546a1 0, #2546a1 82.8deg, transparent 82.8deg, transparent 360deg);
}
.circle-progress.progress-23.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 82.8deg, transparent 82.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-23:before {
  content: "23%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-24:after {
  background: conic-gradient(#2546a1 0, #2546a1 86.4deg, transparent 86.4deg, transparent 360deg);
}
.circle-progress.progress-24.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 86.4deg, transparent 86.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-24:before {
  content: "24%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-25:after {
  background: conic-gradient(#2546a1 0, #2546a1 90deg, transparent 90deg, transparent 360deg);
}
.circle-progress.progress-25.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 90deg, transparent 90deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-25:before {
  content: "25%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-26:after {
  background: conic-gradient(#2546a1 0, #2546a1 93.6deg, transparent 93.6deg, transparent 360deg);
}
.circle-progress.progress-26.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 93.6deg, transparent 93.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-26:before {
  content: "26%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-27:after {
  background: conic-gradient(#2546a1 0, #2546a1 97.2deg, transparent 97.2deg, transparent 360deg);
}
.circle-progress.progress-27.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 97.2deg, transparent 97.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-27:before {
  content: "27%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-28:after {
  background: conic-gradient(#2546a1 0, #2546a1 100.8deg, transparent 100.8deg, transparent 360deg);
}
.circle-progress.progress-28.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 100.8deg, transparent 100.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-28:before {
  content: "28%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-29:after {
  background: conic-gradient(#2546a1 0, #2546a1 104.4deg, transparent 104.4deg, transparent 360deg);
}
.circle-progress.progress-29.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 104.4deg, transparent 104.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-29:before {
  content: "29%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-30:after {
  background: conic-gradient(#2546a1 0, #2546a1 108deg, transparent 108deg, transparent 360deg);
}
.circle-progress.progress-30.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 108deg, transparent 108deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-30:before {
  content: "30%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-31:after {
  background: conic-gradient(#2546a1 0, #2546a1 111.6deg, transparent 111.6deg, transparent 360deg);
}
.circle-progress.progress-31.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 111.6deg, transparent 111.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-31:before {
  content: "31%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-32:after {
  background: conic-gradient(#2546a1 0, #2546a1 115.2deg, transparent 115.2deg, transparent 360deg);
}
.circle-progress.progress-32.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 115.2deg, transparent 115.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-32:before {
  content: "32%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-33:after {
  background: conic-gradient(#2546a1 0, #2546a1 118.8deg, transparent 118.8deg, transparent 360deg);
}
.circle-progress.progress-33.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 118.8deg, transparent 118.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-33:before {
  content: "33%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-34:after {
  background: conic-gradient(#2546a1 0, #2546a1 122.4deg, transparent 122.4deg, transparent 360deg);
}
.circle-progress.progress-34.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 122.4deg, transparent 122.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-34:before {
  content: "34%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-35:after {
  background: conic-gradient(#2546a1 0, #2546a1 126deg, transparent 126deg, transparent 360deg);
}
.circle-progress.progress-35.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 126deg, transparent 126deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-35:before {
  content: "35%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-36:after {
  background: conic-gradient(#2546a1 0, #2546a1 129.6deg, transparent 129.6deg, transparent 360deg);
}
.circle-progress.progress-36.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 129.6deg, transparent 129.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-36:before {
  content: "36%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-37:after {
  background: conic-gradient(#2546a1 0, #2546a1 133.2deg, transparent 133.2deg, transparent 360deg);
}
.circle-progress.progress-37.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 133.2deg, transparent 133.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-37:before {
  content: "37%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-38:after {
  background: conic-gradient(#2546a1 0, #2546a1 136.8deg, transparent 136.8deg, transparent 360deg);
}
.circle-progress.progress-38.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 136.8deg, transparent 136.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-38:before {
  content: "38%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-39:after {
  background: conic-gradient(#2546a1 0, #2546a1 140.4deg, transparent 140.4deg, transparent 360deg);
}
.circle-progress.progress-39.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 140.4deg, transparent 140.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-39:before {
  content: "39%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-40:after {
  background: conic-gradient(#2546a1 0, #2546a1 144deg, transparent 144deg, transparent 360deg);
}
.circle-progress.progress-40.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 144deg, transparent 144deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-40:before {
  content: "40%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-41:after {
  background: conic-gradient(#2546a1 0, #2546a1 147.6deg, transparent 147.6deg, transparent 360deg);
}
.circle-progress.progress-41.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 147.6deg, transparent 147.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-41:before {
  content: "41%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-42:after {
  background: conic-gradient(#2546a1 0, #2546a1 151.2deg, transparent 151.2deg, transparent 360deg);
}
.circle-progress.progress-42.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 151.2deg, transparent 151.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-42:before {
  content: "42%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-43:after {
  background: conic-gradient(#2546a1 0, #2546a1 154.8deg, transparent 154.8deg, transparent 360deg);
}
.circle-progress.progress-43.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 154.8deg, transparent 154.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-43:before {
  content: "43%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-44:after {
  background: conic-gradient(#2546a1 0, #2546a1 158.4deg, transparent 158.4deg, transparent 360deg);
}
.circle-progress.progress-44.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 158.4deg, transparent 158.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-44:before {
  content: "44%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-45:after {
  background: conic-gradient(#2546a1 0, #2546a1 162deg, transparent 162deg, transparent 360deg);
}
.circle-progress.progress-45.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 162deg, transparent 162deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-45:before {
  content: "45%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-46:after {
  background: conic-gradient(#2546a1 0, #2546a1 165.6deg, transparent 165.6deg, transparent 360deg);
}
.circle-progress.progress-46.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 165.6deg, transparent 165.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-46:before {
  content: "46%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-47:after {
  background: conic-gradient(#2546a1 0, #2546a1 169.2deg, transparent 169.2deg, transparent 360deg);
}
.circle-progress.progress-47.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 169.2deg, transparent 169.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-47:before {
  content: "47%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-48:after {
  background: conic-gradient(#2546a1 0, #2546a1 172.8deg, transparent 172.8deg, transparent 360deg);
}
.circle-progress.progress-48.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 172.8deg, transparent 172.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-48:before {
  content: "48%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-49:after {
  background: conic-gradient(#2546a1 0, #2546a1 176.4deg, transparent 176.4deg, transparent 360deg);
}
.circle-progress.progress-49.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 176.4deg, transparent 176.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-49:before {
  content: "49%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-50:after {
  background: conic-gradient(#2546a1 0, #2546a1 180deg, transparent 180deg, transparent 360deg);
}
.circle-progress.progress-50.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 180deg, transparent 180deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-50:before {
  content: "50%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-51:after {
  background: conic-gradient(#2546a1 0, #2546a1 183.6deg, transparent 183.6deg, transparent 360deg);
}
.circle-progress.progress-51.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 183.6deg, transparent 183.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-51:before {
  content: "51%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-52:after {
  background: conic-gradient(#2546a1 0, #2546a1 187.2deg, transparent 187.2deg, transparent 360deg);
}
.circle-progress.progress-52.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 187.2deg, transparent 187.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-52:before {
  content: "52%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-53:after {
  background: conic-gradient(#2546a1 0, #2546a1 190.8deg, transparent 190.8deg, transparent 360deg);
}
.circle-progress.progress-53.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 190.8deg, transparent 190.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-53:before {
  content: "53%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-54:after {
  background: conic-gradient(#2546a1 0, #2546a1 194.4deg, transparent 194.4deg, transparent 360deg);
}
.circle-progress.progress-54.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 194.4deg, transparent 194.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-54:before {
  content: "54%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-55:after {
  background: conic-gradient(#2546a1 0, #2546a1 198deg, transparent 198deg, transparent 360deg);
}
.circle-progress.progress-55.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 198deg, transparent 198deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-55:before {
  content: "55%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-56:after {
  background: conic-gradient(#2546a1 0, #2546a1 201.6deg, transparent 201.6deg, transparent 360deg);
}
.circle-progress.progress-56.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 201.6deg, transparent 201.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-56:before {
  content: "56%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-57:after {
  background: conic-gradient(#2546a1 0, #2546a1 205.2deg, transparent 205.2deg, transparent 360deg);
}
.circle-progress.progress-57.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 205.2deg, transparent 205.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-57:before {
  content: "57%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-58:after {
  background: conic-gradient(#2546a1 0, #2546a1 208.8deg, transparent 208.8deg, transparent 360deg);
}
.circle-progress.progress-58.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 208.8deg, transparent 208.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-58:before {
  content: "58%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-59:after {
  background: conic-gradient(#2546a1 0, #2546a1 212.4deg, transparent 212.4deg, transparent 360deg);
}
.circle-progress.progress-59.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 212.4deg, transparent 212.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-59:before {
  content: "59%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-60:after {
  background: conic-gradient(#2546a1 0, #2546a1 216deg, transparent 216deg, transparent 360deg);
}
.circle-progress.progress-60.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 216deg, transparent 216deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-60:before {
  content: "60%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-61:after {
  background: conic-gradient(#2546a1 0, #2546a1 219.6deg, transparent 219.6deg, transparent 360deg);
}
.circle-progress.progress-61.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 219.6deg, transparent 219.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-61:before {
  content: "61%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-62:after {
  background: conic-gradient(#2546a1 0, #2546a1 223.2deg, transparent 223.2deg, transparent 360deg);
}
.circle-progress.progress-62.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 223.2deg, transparent 223.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-62:before {
  content: "62%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-63:after {
  background: conic-gradient(#2546a1 0, #2546a1 226.8deg, transparent 226.8deg, transparent 360deg);
}
.circle-progress.progress-63.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 226.8deg, transparent 226.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-63:before {
  content: "63%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-64:after {
  background: conic-gradient(#2546a1 0, #2546a1 230.4deg, transparent 230.4deg, transparent 360deg);
}
.circle-progress.progress-64.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 230.4deg, transparent 230.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-64:before {
  content: "64%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-65:after {
  background: conic-gradient(#2546a1 0, #2546a1 234deg, transparent 234deg, transparent 360deg);
}
.circle-progress.progress-65.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 234deg, transparent 234deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-65:before {
  content: "65%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-66:after {
  background: conic-gradient(#2546a1 0, #2546a1 237.6deg, transparent 237.6deg, transparent 360deg);
}
.circle-progress.progress-66.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 237.6deg, transparent 237.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-66:before {
  content: "66%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-67:after {
  background: conic-gradient(#2546a1 0, #2546a1 241.2deg, transparent 241.2deg, transparent 360deg);
}
.circle-progress.progress-67.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 241.2deg, transparent 241.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-67:before {
  content: "67%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-68:after {
  background: conic-gradient(#2546a1 0, #2546a1 244.8deg, transparent 244.8deg, transparent 360deg);
}
.circle-progress.progress-68.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 244.8deg, transparent 244.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-68:before {
  content: "68%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-69:after {
  background: conic-gradient(#2546a1 0, #2546a1 248.4deg, transparent 248.4deg, transparent 360deg);
}
.circle-progress.progress-69.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 248.4deg, transparent 248.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-69:before {
  content: "69%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-70:after {
  background: conic-gradient(#2546a1 0, #2546a1 252deg, transparent 252deg, transparent 360deg);
}
.circle-progress.progress-70.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 252deg, transparent 252deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-70:before {
  content: "70%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-71:after {
  background: conic-gradient(#2546a1 0, #2546a1 255.6deg, transparent 255.6deg, transparent 360deg);
}
.circle-progress.progress-71.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 255.6deg, transparent 255.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-71:before {
  content: "71%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-72:after {
  background: conic-gradient(#2546a1 0, #2546a1 259.2deg, transparent 259.2deg, transparent 360deg);
}
.circle-progress.progress-72.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 259.2deg, transparent 259.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-72:before {
  content: "72%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-73:after {
  background: conic-gradient(#2546a1 0, #2546a1 262.8deg, transparent 262.8deg, transparent 360deg);
}
.circle-progress.progress-73.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 262.8deg, transparent 262.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-73:before {
  content: "73%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-74:after {
  background: conic-gradient(#2546a1 0, #2546a1 266.4deg, transparent 266.4deg, transparent 360deg);
}
.circle-progress.progress-74.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 266.4deg, transparent 266.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-74:before {
  content: "74%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-75:after {
  background: conic-gradient(#2546a1 0, #2546a1 270deg, transparent 270deg, transparent 360deg);
}
.circle-progress.progress-75.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 270deg, transparent 270deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-75:before {
  content: "75%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-76:after {
  background: conic-gradient(#2546a1 0, #2546a1 273.6deg, transparent 273.6deg, transparent 360deg);
}
.circle-progress.progress-76.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 273.6deg, transparent 273.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-76:before {
  content: "76%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-77:after {
  background: conic-gradient(#2546a1 0, #2546a1 277.2deg, transparent 277.2deg, transparent 360deg);
}
.circle-progress.progress-77.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 277.2deg, transparent 277.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-77:before {
  content: "77%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-78:after {
  background: conic-gradient(#2546a1 0, #2546a1 280.8deg, transparent 280.8deg, transparent 360deg);
}
.circle-progress.progress-78.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 280.8deg, transparent 280.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-78:before {
  content: "78%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-79:after {
  background: conic-gradient(#2546a1 0, #2546a1 284.4deg, transparent 284.4deg, transparent 360deg);
}
.circle-progress.progress-79.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 284.4deg, transparent 284.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-79:before {
  content: "79%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-80:after {
  background: conic-gradient(#2546a1 0, #2546a1 288deg, transparent 288deg, transparent 360deg);
}
.circle-progress.progress-80.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 288deg, transparent 288deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-80:before {
  content: "80%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-81:after {
  background: conic-gradient(#2546a1 0, #2546a1 291.6deg, transparent 291.6deg, transparent 360deg);
}
.circle-progress.progress-81.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 291.6deg, transparent 291.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-81:before {
  content: "81%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-82:after {
  background: conic-gradient(#2546a1 0, #2546a1 295.2deg, transparent 295.2deg, transparent 360deg);
}
.circle-progress.progress-82.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 295.2deg, transparent 295.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-82:before {
  content: "82%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-83:after {
  background: conic-gradient(#2546a1 0, #2546a1 298.8deg, transparent 298.8deg, transparent 360deg);
}
.circle-progress.progress-83.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 298.8deg, transparent 298.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-83:before {
  content: "83%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-84:after {
  background: conic-gradient(#2546a1 0, #2546a1 302.4deg, transparent 302.4deg, transparent 360deg);
}
.circle-progress.progress-84.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 302.4deg, transparent 302.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-84:before {
  content: "84%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-85:after {
  background: conic-gradient(#2546a1 0, #2546a1 306deg, transparent 306deg, transparent 360deg);
}
.circle-progress.progress-85.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 306deg, transparent 306deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-85:before {
  content: "85%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-86:after {
  background: conic-gradient(#2546a1 0, #2546a1 309.6deg, transparent 309.6deg, transparent 360deg);
}
.circle-progress.progress-86.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 309.6deg, transparent 309.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-86:before {
  content: "86%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-87:after {
  background: conic-gradient(#2546a1 0, #2546a1 313.2deg, transparent 313.2deg, transparent 360deg);
}
.circle-progress.progress-87.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 313.2deg, transparent 313.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-87:before {
  content: "87%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-88:after {
  background: conic-gradient(#2546a1 0, #2546a1 316.8deg, transparent 316.8deg, transparent 360deg);
}
.circle-progress.progress-88.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 316.8deg, transparent 316.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-88:before {
  content: "88%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-89:after {
  background: conic-gradient(#2546a1 0, #2546a1 320.4deg, transparent 320.4deg, transparent 360deg);
}
.circle-progress.progress-89.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 320.4deg, transparent 320.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-89:before {
  content: "89%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-90:after {
  background: conic-gradient(#2546a1 0, #2546a1 324deg, transparent 324deg, transparent 360deg);
}
.circle-progress.progress-90.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 324deg, transparent 324deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-90:before {
  content: "90%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-91:after {
  background: conic-gradient(#2546a1 0, #2546a1 327.6deg, transparent 327.6deg, transparent 360deg);
}
.circle-progress.progress-91.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 327.6deg, transparent 327.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-91:before {
  content: "91%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-92:after {
  background: conic-gradient(#2546a1 0, #2546a1 331.2deg, transparent 331.2deg, transparent 360deg);
}
.circle-progress.progress-92.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 331.2deg, transparent 331.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-92:before {
  content: "92%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-93:after {
  background: conic-gradient(#2546a1 0, #2546a1 334.8deg, transparent 334.8deg, transparent 360deg);
}
.circle-progress.progress-93.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 334.8deg, transparent 334.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-93:before {
  content: "93%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-94:after {
  background: conic-gradient(#2546a1 0, #2546a1 338.4deg, transparent 338.4deg, transparent 360deg);
}
.circle-progress.progress-94.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 338.4deg, transparent 338.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-94:before {
  content: "94%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-95:after {
  background: conic-gradient(#2546a1 0, #2546a1 342deg, transparent 342deg, transparent 360deg);
}
.circle-progress.progress-95.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 342deg, transparent 342deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-95:before {
  content: "95%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-96:after {
  background: conic-gradient(#2546a1 0, #2546a1 345.6deg, transparent 345.6deg, transparent 360deg);
}
.circle-progress.progress-96.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 345.6deg, transparent 345.6deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-96:before {
  content: "96%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-97:after {
  background: conic-gradient(#2546a1 0, #2546a1 349.2deg, transparent 349.2deg, transparent 360deg);
}
.circle-progress.progress-97.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 349.2deg, transparent 349.2deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-97:before {
  content: "97%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-98:after {
  background: conic-gradient(#2546a1 0, #2546a1 352.8deg, transparent 352.8deg, transparent 360deg);
}
.circle-progress.progress-98.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 352.8deg, transparent 352.8deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-98:before {
  content: "98%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-99:after {
  background: conic-gradient(#2546a1 0, #2546a1 356.4deg, transparent 356.4deg, transparent 360deg);
}
.circle-progress.progress-99.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 356.4deg, transparent 356.4deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-99:before {
  content: "99%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.circle-progress.progress-100:after {
  background: conic-gradient(#2546a1 0, #2546a1 360deg, transparent 360deg, transparent 360deg);
}
.circle-progress.progress-100.circle-progress-white:after {
  background: conic-gradient(#fff 0, #fff 360deg, transparent 360deg, transparent 360deg);
  opacity: .8;
}
.circle-progress.progress-100:before {
  content: "100%";
  font-size: 14px;
  color: #333;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}

.left-panel-search ::v-deep .el-input__wrapper {
  padding-right: 30px !important;
}

/*弹性布局页面*/
.m-page {
  width: 100%;
  height: 100%;
  max-width: 750px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  /* max-width: 750px; */
  min-width: 300px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.m-page .page-header {
  min-height: 50px;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.m-page .page-header.bordered {
  border-bottom: 1px solid #e8e8e8;
}
.m-page .page-header .header-title {
  width: 50%;
  margin-left: 25%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: none;
}
.m-page .page-header .header-action {
  width: 25%;
  flex: none;
}
.m-page .page-header .header-action:first-child {
  margin-right: -25%;
}
.m-page .page-header .header-icon-link {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 36px;
  color: #333;
}
.m-page .page-header.fixed-top + .page-main {
  padding-top: 45px;
}
.m-page .page-main {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;
  margin-bottom: -1px;
  z-index: 1;
  flex-wrap: nowrap;
  position: relative;
}
.m-page .page-main::-webkit-scrollbar {
  width: 0;
}
.m-page .page-main::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #7d7d7d;
}
.m-page .page-main::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #e7e7e7;
  border: 1px solid #cacaca;
}
.m-page .page-footer {
  width: 100%;
  min-height: 50px;
  height: auto;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}