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

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%; }

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-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%; }

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

/*等分网格*/
[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; }

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

.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); }

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

/*# sourceMappingURL=common.css.map */