.k-footer {
		width: 100%;
		position: absolute;
		bottom: 0;
		height: 40px;
		padding: 0 23px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
    background-color: #fff;
    border-left: rgba(255, 255, 255, 0) 1px;
}


.i-status[data-v-65e7f3c8] {
  height: 695px;
  padding: 25px 30px 25px 0px;
  background-color: white;
}
.i-status[data-v-65e7f3c8]:hover {
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.bar[data-v-65e7f3c8] {
  width: 90px;
  height: 20px;
  text-align: right;
  border-left: 4px solid #256ffc;
  font-size: 14px;
}
.box[data-v-65e7f3c8] {
  min-width: 300px;
  max-width: 546px;
  width: 27%;
  height: 65px;
  background: #f6f6f6;
  opacity: 1;
  padding: 30px 25px 25px 25px;
}
.hint[data-v-65e7f3c8] {
  color: #ff4f4f;
}
.buy[data-v-65e7f3c8] {
  width: 102px;
  height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 15px 7px 15px;
  background-color: #ff4f4f;
  border-radius: 2px;
  /* opacity: 0.8; */
  color: white;
}
.buy[data-v-65e7f3c8]:hover {
  cursor: pointer;
}
.total[data-v-65e7f3c8] {
  background-color: #ebf2ff;
  position: relative;
}
.total .ybp[data-v-65e7f3c8],
.used .ybp[data-v-65e7f3c8] {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
}
.used[data-v-65e7f3c8] {
  position: relative;
  background-color: #dbfeeb;
}
.reminding[data-v-65e7f3c8] {
  background-color: #f6f6f6;
}
.total-c[data-v-65e7f3c8] {
  color: #256ffc;
}
.used-c[data-v-65e7f3c8] {
  color: #33d179;
}
.reminding-c[data-v-65e7f3c8] {
  color: #252525;
}
#i-agent[data-v-65e7f3c8] {
  padding-left: 30px;
  margin-top: 30px;
  overflow: hidden;
}
.option-checkbox[data-v-65e7f3c8] {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #252525;
  padding: 5px 0;
  width: 90px;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid transparent;
  cursor: pointer;
}
.option-checkbox[data-v-65e7f3c8]:hover {
  color: #256ffc;
}
.option-checkbox[data-v-65e7f3c8]:active {
  color: #1552d6;
}
.option-checkbox[data-v-65e7f3c8]:first-child {
  border-radius: 2px 0px 0px 2px;
  border-left: 1px solid #dbdbdb;
}
.option-checkbox[data-v-65e7f3c8]:last-child {
  border-radius: 0px 2px 2px 0px;
}
.option-checked[data-v-65e7f3c8] {
  color: #256ffc !important;
  border: 1px solid #256ffc !important;
}
.select-title[data-v-65e7f3c8] {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #252525;
  margin-right: 10px;
  line-height: 24px;
  text-align: right;
  width: 80px;
}
.pic[data-v-65e7f3c8] {
  width: 100%;
  height: 450px;
}
.tl[data-v-65e7f3c8] {
  width: 15px;
  height: 15px;
  background: #61ddaa;
  border-radius: 1px 1px 1px 1px;
}
.tl-word[data-v-65e7f3c8] {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #535353;
  text-align: left;
  width: 80px;
}
.tl-show[data-v-65e7f3c8] {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #535353;
  line-height: 14px;
}
#reminding-box[data-v-65e7f3c8] {
  position: relative;
}
#set-buy[data-v-65e7f3c8] {
  position: absolute;
  right: 15px;
  bottom: 15px;
}


.i-token[data-v-5c1b211a] {
  height: 120px;
  padding: 25px 30px 25px 0px;
  background-color: white;
}
.i-token[data-v-5c1b211a]:hover {
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.bar[data-v-5c1b211a] {
  width: 90px;
  height: 20px;
  text-align: right;
  border-left: 4px solid #256ffc;
  font-size: 14px;
}
.goto[data-v-5c1b211a] {
  color: #256ffc;
}
.goto[data-v-5c1b211a]:hover {
  opacity: 0.8;
}
.hint[data-v-5c1b211a] {
  color: #8c8c8c;
  font-size: 14px;
}
.copy-btn[data-v-5c1b211a] {
  position: relative;
  top: 2px;
}


.box[data-v-5d30deee] {
  color: #252525;
  margin-bottom: 30px;
}
.table-of-content[data-v-5d30deee] {
  min-width: 80px;
  position: fixed;
  top: 136px;
  right: 146px;
}
.content-body[data-v-5d30deee] {
  width: calc(100% - 256px);
}
.table-of-content-v[data-v-5d30deee] {
  border-left: 1px solid #e4e4e4;
  padding-top: 5px;
  padding-bottom: 10px;
}
.table-of-content-v div[data-v-5d30deee] {
  padding-left: 15px;
  cursor: pointer;
  margin-bottom: 15px;
}
.table-of-content-v div[data-v-5d30deee]:last-child {
  margin-bottom: 0px;
}
.table-of-content-v div[data-v-5d30deee]:hover {
  color: #256ffc;
  opacity: 0.8;
}
.active[data-v-5d30deee] {
  color: #256ffc;
  border-left: 4px solid #256ffc;
  padding-left: 11px !important;
}


.i-box[data-v-0fd9d84c] {
  padding: 25px 30px 25px 0px;
  background-color: white;
  margin-bottom: 15px;
}
.i-box[data-v-0fd9d84c]:hover {
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.bar[data-v-0fd9d84c] {
  width: 26px;
  height: 20px;
  border-left: 4px solid #256ffc;
  font-size: 14px;
}


.theurl {
  width: 100px;
  color: #256ffc;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.theurl:active {
  color: rgba(37, 111, 252, 0.8);
}


.codebtn {
  padding: 10px 16px;
  border-radius: 4px !important;
}


.table-of-content[data-v-5f768770] {
  min-width: 80px;
  position: fixed;
  top: 136px;
  right: 146px;
}
.table-of-content-v[data-v-5f768770] {
  border-left: 1px solid #e4e4e4;
  padding-top: 5px;
  padding-bottom: 10px;
}
.table-of-content-v div[data-v-5f768770] {
  padding-left: 15px;
  cursor: pointer;
  margin-bottom: 15px;
}
.table-of-content-v div[data-v-5f768770]:last-child {
  margin-bottom: 0px;
}
.table-of-content-v div[data-v-5f768770]:hover {
  color: #256ffc;
  opacity: 0.8;
}
.active[data-v-5f768770] {
  color: #256ffc;
  border-left: 4px solid #256ffc;
  padding-left: 11px !important;
}


[v-cloak] {
  display: none;
}
html,
body {
  height: 100%;
  width: 100%;
  /* overflow: hidden; */
}
/* 连点遮罩层 */
#clickHover {
  width: 100%;
  height: 100%;
  z-index: 999999;
  /* background-color: #000; */
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  min-width: 1366px;
  min-height: 768px;
  height: 100%;

  background: #f5f5f5;
}
#nav {
  padding: 30px;
}
#nav a {
  font-weight: bold;
  color: #2c3e50;
}
#nav a.router-link-exact-active {
  color: #42b983;
}
.el-table .el-table__header-wrapper .el-table__header {
  font-size: 16px;
}
.thebutton-without-shadow {
  width: 100px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-image: -webkit-gradient(linear, right top, left bottom, from(#1cbbb4), to(#0081ff));
  background-image: linear-gradient(to bottom left, #1cbbb4, #0081ff);
  color: white;
  font-size: 18px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
#sets .el-table__body {
  border-bottom: 1px solid #eaeaea;
}
.thebutton {
  width: 100px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-top: 1px;
  margin-bottom: 1px;
  background-image: -webkit-gradient(linear, right top, left bottom, from(#1cbbb4), to(#0081ff));
  background-image: linear-gradient(to bottom left, #1cbbb4, #0081ff);
  color: white;
  font-size: 18px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  z-index: 2;
}
.thebutton::after {
  content: "";
  width: 99%;
  height: 99%;
  position: absolute;
  background: inherit;
  top: 4px;
  left: 4px;
  -webkit-filter: blur(0.4rem);
          filter: blur(0.4rem);
  opacity: 0.7;
  z-index: -1;
}
.thebutton:active {
  background-image: none;
}
.table-btn {
  margin-right: 10px;
  color: #038cf5;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
}
.table-btn:hover {
  color: rgba(3, 140, 245, 0.8);
}
.el-table td,
.el-table th {
  padding: 8px 0;
}
.el-submenu .el-menu-item {
  height: 40px;
  line-height: 40px;
  min-width: 180px;
}
.el-menu-item {
  height: 40px;
  line-height: 40px;
  color: #adb6c7;
}
.el-submenu__title {
  height: 40px;
  line-height: 40px;
}
.el-menu-item.is-active {
  position: relative;
  color: #ffffff;
}
.el-menu--inline .el-menu-item {
  padding-left: 22px !important;
}
.el-input__inner {
  border-radius: 2px;
  font-size: 14px;
  color: #252525;
  font-family: Microsoft YaHei;
}
.el-input__inner::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-input__inner::-moz-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-input__inner:-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-input__inner::-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-input__inner::placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-textarea__inner {
  font-size: 14px;
  color: #252525;
  font-family: Microsoft YaHei;
}

/* 谷歌 */
.el-input__inner::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}

/* 火狐 */
.el-textarea__inner::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-textarea__inner::-moz-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-textarea__inner:-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-textarea__inner::-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-textarea__inner::placeholder {
  color: #bfbfbf;
  font-size: 14px;
}

/* 谷歌 */
.el-textarea__inner::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}

/* 火狐 */
.el-textarea__inner:-moz-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
.el-input--mini .el-input__inner {
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  font-size: 14px;
}
.el-textarea__inner {
  border-radius: 2px !important;
  font-size: 14px;
}
.el-range-editor--mini.el-input__inner {
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
}
.el-range-editor--mini .el-range-separator {
  line-height: 24px;
}
.el-table th {
  background-color: #f2f2f2;
}
.el-table thead {
  color: #535353;
  font-size: 14px;
}
.el-dialog__header {
  padding: 15px 18px;
  background-color: white;
  text-align: left;
  border-bottom: 1px solid #f3f3f3;
  border-radius: 4px 4px 0 0;
}
.el-dialog__title {
  font-size: 15px;
}
.el-dialog__headerbtn {
  top: 20px;
  font-size: 14px;
}
.el-dialog__body {
  padding: 0;
}
.el-dialog__footer {
  padding: 0;
}
.node .el-dialog {
  width: 478px !important;
}
.user .el-dialog {
  width: 436px !important;
}
.role .el-dialog {
  margin-top: 5vh !important;
}
.setting .el-dialog {
  width: 750px !important;
  margin-top: 10vh !important;
}
.history .el-table__expanded-cell {
  padding: 20px 0px 20px 60px;
}
.dialog-body {
  padding: 30px 40px;
}
.dialog-form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 32px;
}
.w-60 {
  width: 60px;
}
.w-300 {
  width: 300px;
}
.confirm-dialog-footer {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.confirm-dialog-btn {
  padding: 7px 22px 6px 22px;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
  margin-left: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dialog-footer {
  padding: 18px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.dialog-btn {
  padding: 7px 22px 6px 22px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dialog-y {
  color: #fff;
  background-color: #256ffc;
  border-radius: 2px;
  overflow: hidden;
}
.dialog-y:hover {
  background-color: rgba(37, 111, 252, 0.8);
}
.dialog-n {
  color: #252525;
  background-color: #ececec;
  border-radius: 2px;
  overflow: hidden;
}
.dialog-n:hover {
  background-color: rgba(236, 236, 236, 0.8);
}
.index .el-submenu .el-submenu__title {
  padding-left: 33px !important;
}
.left-nav .el-submenu__title {
  color: #adb6c7;
}
.left-nav .el-submenu.is-active .el-submenu__title {
  color: #ffffff;
}
.left-nav .el-submenu__title:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.left-nav .el-menu {
  border-right: none;
  background-color: rgba(255, 255, 255, 0);
}
.el-menu--inline .el-menu-item:hover {
  background: rgba(255, 255, 255, 0.1);
}
.el-table .cell {
  padding-left: 15px;
}
.el-form-item__label {
  padding: 0px;
}
#card .el-form-item__label {
  text-align: left;
}
#order-center .el-table,
#card .el-table {
  color: #535353;
}

/*----------------------滚动条--------------------------------*/
*::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background-color: #e8e8e8;
  border: none;
  display: none;
}
*::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 10px;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: #c0c0c0;
  border-radius: 10px;
}

/*----------------------雪碧图--------------------------------*/
.people-merge {
  background: url(data:image/png;base64,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) no-repeat;
}
.people_min {
  height: 20px;
  width: 20px;
  background-position: 0 0;
}
.people {
  height: 36px;
  width: 36px;
  background-position: -20px 0;
}
.hui_people {
  height: 50px;
  width: 50px;
  background-position: -56px 0;
}
.user-merge {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAsCAYAAABsSzi3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG2SURBVEhL7ZRPSwJBGMb3VJ+kW58joWP/bm4IhQimUohWrh1SqOiQiZe81iWhPkF9AKFr1w51SDoFacEG0z7rO+3MuDOOHYKgHzw4O+/7PLvOzqzjpuvHK6seGyvXY+h1VFCwBUFki8AkL5rEe8gWIRZ1/Af8B4DfCzCJ95AtghdtsAqYyX9KEokPmOQ4B71kiwg/KEEB6eMU+0FRcd3qdLXWrqTzRw9r2YMexonExhSVzcC8uX36cnl1wx6feqEwLpROnq1CvP22B4NK5/qWoUZtevDIuKsK5vCXqE0PFkoHatQms5j06nyVU5m6tOqivmvBG4OH7MN9QENrEERD5cISq4Dl5O4eRJcSfyTAhBzwk7cgesJ9YHkauaR9AJbcaieuUavghvCQffhIhVJj8NZ/p42rBz35cqOPILIPF2U9e5gZF8LN6B0JwK8pRDSLnhDxIi5ENQNtAEBjrtT0YYRy5aYvmoExYHbLv1jY6X4UKy1W9FoM42DunMoh2gCY52p+/3XAWPfuPhTGmBNDYgNEs4oaMhJgMnPEEDkg2EiJuj8wmTk8RDoP86mzzqTnAR7HcZwvF7EreJBsCuAAAAAASUVORK5CYII=) no-repeat;
}
.iphone {
  height: 18px;
  width: 12px;
  background-position: 0 0;
}
.power {
  height: 14px;
  width: 14px;
  background-position: 0 -18px;
}
.email {
  height: 12px;
  width: 16px;
  background-position: 0 -32px;
}
.home-merge {
  background: url(../img/home-merge.1750952931068.png) no-repeat;
}
.num4 {
  height: 54px;
  width: 54px;
  background-position: 0 0;
}
.num2 {
  height: 54px;
  width: 54px;
  background-position: -54px 0;
}
.num3 {
  height: 54px;
  width: 54px;
  background-position: -108px 0;
}
.num1 {
  height: 54px;
  width: 54px;
  background-position: -162px 0;
}
.logo_white {
  height: 28px;
  width: 128px;
  background-position: -216px 0;
}
.home_pic {
  height: 164px;
  width: 297px;
  background-position: -344px 0;
}
.home_bg {
  height: 212px;
  width: 1200px;
  background-position: -641px 0;
}
.small-merge {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAAAQCAYAAAAPk7G9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAARQSURBVFhH7Zg7aFRBFIYD2onY+UJdNLG29hVFUEsRxEJBS0GM6wPUJgYF0UIUY2EZO7HRRhMwvhofVUQLwQixUrTQ2O/j+n8nZ9Z7d2ezuzeLD/SHnzNz5pyZuefcuTN3etYWy0nf0XKCbMaeNtHK/sChC5f3HhxM2uaBwQSfarX6WfwkTjnvJ0mywLs1UEefsvkofhHn4vtKbTWo/thdMojZibnHtUD2Hik96R0oDTWj99ESrZJCkDsFyfHJjql6Gqq8wbvMAL14xm1GRfwafCW3SE5I0veUxDr0YsaXduGJOOQy+mzohYwd/mKuOc8kpYPAz4aWSVGAO4UnhcCd9m5qkG6R2vq9moH0p8QPMV/peLOnJa+6nPAmg+rmqzZgsUFSodxbLG2xF1bS20DGTv7RORv2ZFdMQBg3k5QQ1Fa0HiJo1d6tpKhckO6xGTi8XnCTWZNiDh5EtZOYzJyDr1nFkqJ48ZwhbuiFtpJSOFxd1T9YGV0q6aoawrgNSdk3XE6ujVai3H+90tWkUI8xDeqa6D3Rlr9UrI5vkrzhRUk+ReGNR78IO5XXi/jVfANkk4y/qY6tGSifGn9T4RNTnxTzRS/kTUrDuECra8f2C+XJNQOlna6qIYzbkBSC3wzDY9XfslKE2nJXeUQkAZtEWy2Sd6hTFkbcFNsF0Ks8dC8So9vPK1+3nS9PIamn2wF+6IVcSREynyj1vVW6+emkqD4PvZsYzC/dOeWQlBDgQBCSkpd5k2Kzdegh+KyQGDbUaZEgkKS7zsz+ECAbTjqccE6qnHz5Xr286nCyBOn+J7x9obtEg025naRQVl8rVFwpuUx8Jx5LJ4W6+F5cLpotfk2TEj5ZgaDbSYnZwDTqk+Jqe/AHr6s3sEeaNhWQGPTgb0WOq+w138QrSLmMSL4SX7qpgb6EuSTlofhIXCzaHlOXlLB3LZE0W/yaJiWG3/X5cneDq+3Bbz2rjDAe0rSpgMQQ2oWLCoCdwEQSEiZmcQhI65BUKHeQlPRKYUUcj6yUSbG9lUI5TfAn7CmaPMHchTKSlF20uykByuwpwP3ZhybEs0iv1/wAfuiFXEkRur+nhM9WIOh2UqgHNgNtmnj0BFWfFG8yyH6209eQdC/wkXxO3ZsM0v0/fc0GT0rsX2P65tPKdcZDUvcmA/bya/bzuFTcLT1gdS3zJoN05jvTnDspTf9TNp+r3CsUf/5TBWDPuH9zUgp9xWRd39HSBx6QujcZ5BP9eVR9u8j3/ZP09M391KSKG92k5ku70JiUOf7Rrz7y84SXRhjXqzMgoPwgEvwYu/3z2A48KdwjcS/EpOF67zID9HLhbcOGi75w95X27RfZYC+J47Jn0z8u8p+T8WV8SU5r7D32T+RDZRCzk8w9Z2+aQQhqK7p5x8h1ISkfTZQbWx4y3Ka2e+PKTe1cfOtvfzOHgYCYnZh7XG/+NbCrewWZt79d4uPu/wh6en4AvzR8Gvzqjz0AAAAASUVORK5CYII=) no-repeat;
}
.copy {
  height: 15px;
  width: 13px;
  background-position: 0 0;
}
.jiahao {
  height: 14px;
  width: 14px;
  background-position: -13px 0;
}
.dingdan {
  height: 16px;
  width: 14px;
  background-position: -27px 0;
}
.yinpin {
  height: 15px;
  width: 15px;
  background-position: -41px 0;
}
.yuyin {
  height: 15px;
  width: 15px;
  background-position: -56px 0;
}
.rensheng {
  height: 15px;
  width: 15px;
  background-position: -71px 0;
}
.shengwen {
  height: 15px;
  width: 15px;
  background-position: -86px 0;
}
.red-star {
  color: #ff4f4f;
}
.app-create-dialog .el-input__inner {
  border-radius: 2px !important;
}
.confirm-dialog .el-dialog__header {
  display: none !important;
}

/*---------------------------- 文档中心的表格和代码框样式 --------------------------- */
.codetitle {
  margin-bottom: 10px;
}
.codebox {
  background-color: #f5f5f5;
  padding: 10px;
  font-size: 14px;
  text-align: left;
  position: relative;
  border: 1px solid #e7eaed;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.02);
}
.copycode {
  padding: 5px 10px;
  background-color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
.copycode:active {
  color: #888;
}
.curl {
  line-height: 25px;
  font-size: 14px;
  white-space: pre;
  font-family: monospace;
}
.title5 {
  font-size: 16px;
  font-weight: 600;
  color: #252525;
  margin-top: 10px;
  margin-bottom: 10px;
}
.thetable {
  border-collapse: collapse;
  border: solid #eaeaea;
  border-width: 1px 0px 0px 1px;
}
th {
  text-align: left;
  padding: 10px 16px;
  background-color: #f5f5f5;
  border: solid #eaeaea;
  border-width: 0px 1px 1px 0px;
}
td {
  text-align: left;
  padding: 10px 16px;
  border: solid #eaeaea;
  border-width: 0px 1px 1px 0px;
}
.btnbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*---------------------------- 确认弹窗 --------------------------- */
.confirm-dialog-body {
  padding-left: 24px;
  padding-top: 27px;
  height: 62px;
}
.confirm-dialog-footer {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.confirm-dialog-btn {
  padding: 7px 22px 6px 22px;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
  margin-left: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.confirm-dialog-body .el-icon-warning {
  color: #e6a23c;
  font-size: 16px;
}
.logout-confirm {
  width: 14px;
  height: 14px;
  background: url(../img/logout-confirm.1750952931068.png) no-repeat;
  background-size: 100% 100%;
}
.logout-title {
  position: absolute;
  top: 24px;
  left: 25px !important;
  font-weight: bold;
  font-size: 14px;
  color: #000000;
}
.logout-body {
  position: absolute;
  top: 57px;
  left: 47px;
  font-size: 13px;
  color: #000000;
  padding-bottom: 38px;
}
.confirm-dialog .el-dialog__header {
  display: none;
}
.box-sub-title {
  color: #252525;
  margin-top: 25px;
  margin-bottom: 15px;
}
.box-sub-content {
  color: #535353;
}
.box-sub-jump {
  position: relative;
  /* top: 1px; */
  color: #256ffc;
  width: 208px;
}
.box-sub-jump:hover {
  cursor: pointer;
  opacity: 0.8;
  text-decoration: underline;
}
.table-operation {
  color: #256ffc;
  font-size: 14px;
  cursor: pointer;
}
.table-operation:hover {
  opacity: 0.8;
}
.table-operation-disable {
  color: #8c8c8c;
  font-size: 14px;
  cursor: not-allowed;
}
.dialog-y {
  color: #fff;
  background-color: #256ffc;
}
.dialog-y:hover {
  background-color: rgba(37, 111, 252, 0.8);
}
.dialog-n {
  color: #535353;
  background-color: #ececec;
}
.dialog-n:hover {
  background-color: rgba(236, 236, 236, 0.8);
}
.doc-img {
  width: 555px !important;
}

/* .box-content div {
  text-indent: 33px;
  line-height: 30px;
} */
.doc-footer {
  width: 100%;
}
.doc-ys {
  line-height: 30px;
  /* text-indent: 33px; */
}
.box {
  margin-bottom: 10px;
}
p {
  line-height: 30px;
}
pre {
  overflow-y: auto;
  width: calc(100% - 60px);
}
.table-empty {
  height: 75px;
  /* line-height: normal; */
}
#slide .el-slider__runway.disabled .el-slider__bar {
  background-color: #e0eaf3;
}
#slide .el-slider__button {
  width: 50px;
  height: 30px;
  /* background: url(assets/images/right.png) no-repeat; */
  /* background-size: 100% 100%; */
  background: #1989fa;
  border: none;
  border-radius: 20px;
}
#slide .el-slider__bar {
  background-color: #f0f0f0;
  height: 15px;
}
#slide .el-slider__runway {
  background-color: #f0f0f0;
  height: 15px;
  border-radius: 4px;
}
#slide .el-slider__button-wrapper {
  top: -7px;
  /* transform: translateX(-100%); */
}
#slide .el-slider__button::after {
  content: "|||";
  display: inline-block;
  line-height: 30px;
  color: #fff;
}
.el-table__row td,
.el-table th,
.el-date-table td,
.el-date-table th {
  border-right: none;
}
.el-date-table th {
  background-color: #fff;
}
.el-date-table td {
  border-bottom: none;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #256ffc;
}
.el-button--primary {
  border: none;
}
.el-button--primary:focus {
  background: #256ffc;
  border-color: #256ffc;
}
.el-input__inner:hover,
.el-input__inner:focus,
.el-select:hover {
  border-color: #256ffc !important;
}
.el-select-dropdown__item.selected {
  color: #256ffc;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #eef4ff;
}
.el-date-table td,
.el-date-table th {
  border-right: none !important;
}
#order-center .el-form-item__label {
  text-align: left;
}
#hiddenSlider .el-slider__button {
  width: 90px !important;
  height: 90px !important;
  margin-left: 20px;
}
.k-footer {
  left: 0;
}

/* 文档中心 */
.wdzx-title {
  font-size: 28px;
  font-weight: bold;
  color: #252525;
  padding-bottom: 30px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 30px;
}
.wdzx-block {
  margin-bottom: 56px;
  /* box-sizing: border-box; */
}
.wdzx-sub-title {
  font-size: 20px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #252525;
  margin-bottom: 20px;
}
.wdzx-zw {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 22px;
  color: #535353;
}
.d-table .el-table::before {
  height: 0px !important;
}
.d-table .el-table td {
  border-bottom: 1px solid #eaeaea !important;
  border-right: 1px solid #eaeaea !important;
  padding: 10px 0px 11px 16px !important;
}
.d-table .el-table__header thread tr th:first-child {
  border-left: 1px solid #eaeaea !important;
}
.d-table .el-table__row:hover td {
  background-color: none;
}
.d-table .el-table__row td:first-child {
  border-left: 1px solid #eaeaea !important;
}

/* 文档中心滚动样式 */
.content-body {
  width: 100%;
  padding: 50px 0 0 30px;
  overflow-y: auto;
  position: relative;
  height: calc(100vh - 112px);
  min-height: 656px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.table-of-content {
  min-width: 80px;
  position: fixed;
  top: 136px;
  right: 146px;
}
.table-of-content-v {
  border-left: 1px solid #e4e4e4;
  padding-top: 5px;
  padding-bottom: 10px;
}
.table-of-content-v div {
  padding-left: 15px;
  cursor: pointer;
  margin-bottom: 15px;
  border-left: 4px solid transparent;
}
.table-of-content-v div:last-child {
  margin-bottom: 0px;
}
.table-of-content-v div:hover {
  color: #256ffc;
  opacity: 0.8;
}
.active {
  color: #256ffc;
  border-left: 4px solid #256ffc !important;
  /* padding-left: 11px !important; */
}

/* 顶部菜单栏首页跳转按钮 */
.home-page-buttom {
  padding: 5px 15px;
  border: 1px solid #dbdbdb;
  opacity: 1;
  border-radius: 16px;
  color: #535353;
  font-size: 12px;
}
.top-wdzx {
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #252525;
  height: 28px;
  line-height: 15px;
  text-align: center;
}
.top-wdzx:hover {
  background: #ececec;
  border-radius: 2px 2px 2px 2px;
}
.top-wdzx:active {
  background: #ececec;
  border-radius: 2px 2px 2px 2px;
}
.wdzx-img {
  width: 70%;
  margin-top: 20px;
}
.dzdh {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 24px;
  color: #256ffc;
}
#card .el-table_1_column_9 .cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #ebf2ff;
  color: #256ffc;
}

/*项目主题色*/
.my-bg-zt {
    color: #2b75d1 !important;
}

.my-font-g {
    color: #8C8C8C !important;
}

.my-cl-bl {
    color: #252525 !important;
}

.my-cl-bf {
    color: #BFBFBF !important;
}

.my-cl-b {
    color: #2b75d1 !important;
}

.my-cl-r {
    color: #FF4F4F !important;
}

.my-cl-y {
    color: #EE9229 !important;
}

.my-cl-zt {
    color: #2b75d1 !important;
}

.my-bg-ju {
    color: #ffaa00 !important;
}

.my-cl-ju {
    color: #ffaa00 !important;
}

.my-bg-dangerous {
    color: #f24b35 !important;
}

.my-bg-wx {
    color: #64ca31 !important;
}

.my-bg-lv {
    background-color: #30C152FF !important;
}

.my-font-b {
    color: #256FFC !important;
    font-family: Microsoft YaHei;
}

.my-bg-blue {
    color: #1063ca !important;
}

.my-bg-ca {
    color: #ca6810 !important;
}

.my-bg-d9 {
    color: #d94330 !important;
}

.my-bg-wx1 {
    color: #52c41a !important;
}

.my-cl-wx1 {
    color: #52c41a !important;
}

.my-bg-00 {
    background-color: #000 !important;
}

/*项目字体颜色*/
.my-cl-00 {
    color: #021237 !important;
}

.my-cl-085 {
    color: rgba(0, 0, 0, 0.85) !important;
}

.my-cl-065 {
    color: rgba(0, 0, 0, 0.65) !important
}

.my-cl-025 {
    color: rgba(0, 0, 0, 0.25) !important
}

.my-cl-ff {
    color: rgba(255, 255, 255, 1) !important;
}

.my-cl-f85 {
    color: rgba(255, 255, 255, 0.85) !important
}

.my-cl-f65 {
    color: rgba(255, 255, 255, 0.65) !important
}

.my-cl-f25 {
    color: rgba(255, 255, 255, 0.25) !important
}

.my-cl-cc {
    color: #828A9D !important;
}

.my-cl-text {
    color: #B6BBE2 !important;
}

.my-cl-table {
    color: #3B85FF !important;
}

.my-btn-zt-1 {
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    width: 70px;
    height: 30px;
    background: linear-gradient(89deg, rgba(53, 162, 243, 1), rgba(11, 216, 215, 1));
    border-radius: 3px;
    color: #fff;
}

.my-btn-zt-2 {
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    width: 70px;
    height: 30px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(52, 134, 236, 1)), to(rgba(141, 88, 213, 1)));
    background: linear-gradient(90deg, rgba(52, 134, 236, 1), rgba(141, 88, 213, 1));
    border-radius: 3px;
    color: #fff;
}

.my-btn-zt-3 {
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    width: 70px;
    height: 30px;
    background: rgba(75, 86, 150, 1);
    border-radius: 3px;
    color: #9FA9E0;
}



/*项目字体大小*/
.my-font-26 {
    font-size: 26px !important;
}

.my-font-25 {
    font-size: 25px !important;
}

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

.my-font-23 {
    font-size: 23px !important;
}

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

.my-font-21 {
    font-size: 21px !important;
}

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

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

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

.my-font-19 {
    font-size: 19px !important;
}

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

.my-font-17 {
    font-size: 17px !important;
}

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

.my-font-15 {
    font-size: 15px !important;
}

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

.my-font-13 {
    font-size: 13px !important;
}

.my-font-12 {
    font-size: 12px !important;
}

.my-font-11 {
    font-size: 11px !important;
}

.my-font-10 {
    font-size: 10px !important;
}

.my-font-9 {
    font-size: 9px !important;
}

.my-font-8 {
    font-size: 8px !important;
}

/*雪碧图使用*/


/*圆角*/
.my-rds-1 {
    border-radius: 1px
}

.my-rds-2 {
    border-radius: 2px
}

.my-rds-3 {
    border-radius: 3px
}

.my-rds-4 {
    border-radius: 4px
}

.my-rds-5 {
    border-radius: 5px
}

.my-rds-10 {
    border-radius: 10px
}

.my-rds-15 {
    border-radius: 15px
}

.my-rds-20 {
    border-radius: 20px
}

.my-rdsb-1 {
    border-radius: 0 0 1px 1px
}

.my-rdsb-2 {
    border-radius: 0 0 2px 2px
}

.my-rdsb-3 {
    border-radius: 0 0 3px 3px
}

.my-rdsb-4 {
    border-radius: 0 0 4px 4px
}

.my-rdsb-5 {
    border-radius: 0 0 5px 5px
}

.my-rdsb-10 {
    border-radius: 0 0 10px 10px
}

.my-rdsb-15 {
    border-radius: 0 0 15px 15px
}

.my-rdst-1 {
    border-radius: 1px 1px 0 0
}

.my-rdst-2 {
    border-radius: 2px 2px 0 0
}

.my-rdst-3 {
    border-radius: 3px 3px 0 0
}

.my-rdst-4 {
    border-radius: 4px 4px 0 0
}

.my-rdst-5 {
    border-radius: 5px 5px 0 0
}

.my-rdst-10 {
    border-radius: 10px 10px 0 0
}

.my-rdst-15 {
    border-radius: 15px 15px 0 0
}

.my-rdsl-1 {
    border-radius: 1px 0 0 1px
}

.my-rdsl-2 {
    border-radius: 2px 0 0 2px
}

.my-rdsl-3 {
    border-radius: 3px 0 0 3px
}

.my-rdsl-4 {
    border-radius: 4px 0 0 4px
}

.my-rdsl-5 {
    border-radius: 5px 0 0 5px
}

.my-rdsl-10 {
    border-radius: 10px 0 0 10px
}

.my-rdsl-15 {
    border-radius: 15px 0 0 15px
}

.my-rdsl-9999 {
    border-radius: 9999px 0 0 9999px
}

.my-rdsr-1 {
    border-radius: 0 1px 1px 0
}

.my-rdsr-2 {
    border-radius: 0 2px 2px 0
}

.my-rdsr-3 {
    border-radius: 0 3px 3px 0
}

.my-rdsr-4 {
    border-radius: 0 4px 4px 0
}

.my-rdsr-5 {
    border-radius: 0 5px 5px 0
}

.my-rdsr-10 {
    border-radius: 0 10px 10px 0
}

.my-rdsr-15 {
    border-radius: 0 15px 15px 0
}

.my-rdsr-9999 {
    border-radius: 0 9999px 9999px 0
}

.my-circle {
    border-radius: 50%
}

.my-round {
    border-radius: 9999px;
}

.my-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
}

.my-wrap-r {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
}

.my-nowrap-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.my-word-break-4 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.my-word-break-3 {
    word-break: break-all;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.my-word-break-2 {
    word-break: break-all;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.my-word-break-1 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.my-word-break-6 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.my-word-break-7 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}

.my-word-break-8 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

.my-word-break-9 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
}

.my-relative {
    position: relative
}

.my-absolute {
    position: absolute
}

.my-fixed {
    position: fixed
}

.my-over-hidden {
    overflow: hidden
}

.my-over-scroll {
    overflow: scroll
}

.my-cf {
    clear: both
}

.my-fr {
    float: right;
}

.my-fl {
    float: left;
}

.my-cf:after {
    content: '';
    display: block;
    clear: both;
}

.my-txt-center {
    text-align: center
}

.my-txt-right {
    text-align: right !important;
}

.my-txt-left {
    text-align: left !important;
}

.my-valign-m {
    vertical-align: middle;
}

.my-valign-t {
    vertical-align: top;
}

.my-valign-b {
    vertical-align: bottom;
}

.my-block {
    display: block;
}

.my-inline-block {
    display: inline-block !important;
}

.my-inline {
    display: inline;
}

.my-hide {
    display: none !important;
}

.my-show {
    display: block !important;
}

.my-bold {
    font-weight: bold;
}

.my-bolder {
    font-weight: bolder;
}

.my-circle-20 {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #0099FF;
}

.my-circle-60 {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #FF9933;
}

.my-hdimg-30 {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.my-hdimg-35 {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%
}

.my-hdimg-40 {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.my-hdimg-45 {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.my-hdimg-60 {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.my-hdimg-80 {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.my-hdimg-50 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.my-hdimg-100 {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.my-hdimg-s-50 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.my-hdimg-s-40 {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.my-hdimg-s-45 {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.my-hdimg-s-35 {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%
}

.my-hdimg-s-30 {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.my-hdimg-c-30 {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.my-hdimg-c-40 {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.my-hdimg-c-50 {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.my-hdimg-c-60 {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.my-hdimg-c-70 {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.my-hdimg-c-80 {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.my-hdimg-c-100 {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.my-box-shadow {
    -webkit-box-shadow: 0 0 1px #ddd;
    box-shadow: 0 0 1px #ddd;
}

.my-shadow {
    -webkit-box-shadow: 2px 2px 5px #ddd;
            box-shadow: 2px 2px 5px #ddd;
}

.my-border-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

/*wrap-size*/
.my-w-100 {
    width: 100% !important;
    ;
}

.my-w-98 {
    width: 98% !important;
    ;
}

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

.my-w-93 {
    width: 93% !important;
    ;
}

.my-w-92 {
    width: 92% !important;
    ;
}

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

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

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

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

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

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

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

.my-w-67 {
    width: 67% !important;
    ;
}

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

.my-w-49 {
    width: 49% !important;
    ;
}

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

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

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

.my-w-33 {
    width: 33.33% !important;
    ;
}

.my-w-31 {
    width: 31% !important;
    ;
}

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

.my-w-28 {
    width: 28% !important;
}

.my-w-27 {
    width: 27% !important;
}

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

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

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

.my-w-7 {
    width: 7% !important;
    ;
}

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

.my-w-400px {
    width: 400px !important;
}


.my-w-300px {
    width: 300px !important;
}

.my-w-250px {
    width: 250px !important;
    ;
}

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

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

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

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

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

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

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

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

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

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

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

.my-w-1px {
    width: 1px !important;
    ;
}

.my-mnw-300px {
    min-width: 300px !important;
}

.my-mnw-200px {
    min-width: 200px !important;
}

.my-mnw-60px {
    min-width: 60px !important;
}

.my-mnw-36px {
    min-width: 36px !important;
}

.my-mxw-335px {
    max-width: 335px !important;
}

.my-mxw-105px {
    max-width: 105px !important;
}

/*margin padding*/
.my-mgt-1 {
    margin-top: 1px !important;
}

.my-mgt-2 {
    margin-top: 2px !important;
}

.my-mgt-3 {
    margin-top: 3px !important;
}

.my-mgt-4 {
    margin-top: 4px !important;
}

.my-mgt-5 {
    margin-top: 5px !important;
}

.my-mgt-7 {
    margin-top: 7.5px !important;
}

.my-mgt-10 {
    margin-top: 10px !important;
}

.my-mgt-12 {
    margin-top: 12px !important;
}

.my-mgt-15 {
    margin-top: 15px !important;
}

.my-mgt-18 {
    margin-top: 18px !important;
}

.my-mgt-20 {
    margin-top: 20px !important;
}

.my-mgt-25 {
    margin-top: 25px !important;
}

.my-mgt-30 {
    margin-top: 30px !important;
}

.my-mgt-35 {
    margin-top: 35px !important;
}

.my-mgt-40 {
    margin-top: 40px !important;
}

.my-mgt-45 {
    margin-top: 45px !important;
}

.my-mgt-50 {
    margin-top: 50px !important;
}

.my-mgt-55 {
    margin-top: 55px !important;
}

.my-mgt-60 {
    margin-top: 60px !important;
}

.my-mgt-65 {
    margin-top: 65px !important;
}

.my-mgt-70 {
    margin-top: 70px !important;
}

.my-mgt-75 {
    margin-top: 75px !important;
}

.my-mgt-80 {
    margin-top: 80px !important;
}

.my-mgt-85 {
    margin-top: 85px !important;
}

.my-mgt-90 {
    margin-top: 90px !important;
}

.my-mgt-95 {
    margin-top: 95px !important;
}

.my-mgt-100 {
    margin-top: 100px !important;
}

.my-mgt-125 {
    margin-top: 125px !important;
}

.my-mgt-150 {
    margin-top: 150px !important;
}

.my-mgl-5 {
    margin-left: 5px !important;
}

.my-mgl-8 {
    margin-left: 8px !important;
}

.my-mgl-10 {
    margin-left: 10px !important;
}

.my-mgl-15 {
    margin-left: 15px !important;
}

.my-mgl-20 {
    margin-left: 20px !important;
}

.my-mgl-25 {
    margin-left: 25px !important;
}

.my-mgl-30 {
    margin-left: 30px !important;
}

.my-mgl-35 {
    margin-left: 35px !important;
}

.my-mgl-40 {
    margin-left: 40px !important;
}

.my-mgl-45 {
    margin-left: 45px !important;
}

.my-mgl-50 {
    margin-left: 50px !important;
}

.my-mgl-55 {
    margin-left: 55px !important;
}

.my-mgl-60 {
    margin-left: 60px !important;
}

.my-mgl-65 {
    margin-left: 65px !important;
}

.my-mgl-70 {
    margin-left: 70px !important;
}

.my-mgl-75 {
    margin-left: 75px !important;
}

.my-mgl-80 {
    margin-left: 80px !important;
}

.my-mgl-85 {
    margin-left: 85px !important;
}

.my-mgl-90 {
    margin-left: 90px !important;
}

.my-mgl-95 {
    margin-left: 95px !important;
}

.my-mgl-100 {
    margin-left: 100px !important;
}

.my-mgl-140 {
    margin-left: 140px !important;
}

.my-mgl-160 {
    margin-left: 160px !important;
}

.my-mgl-170 {
    margin-left: 170px !important;
}

.my-mgr-1 {
    margin-right: 1px !important;
}

.my-mgr-2 {
    margin-right: 2px !important;
}

.my-mgr-5 {
    margin-right: 5px !important;
}

.my-mgr-10 {
    margin-right: 10px !important;
}

.my-mgr-15 {
    margin-right: 15px !important;
}

.my-mgr-20 {
    margin-right: 20px !important;
}

.my-mgr-25 {
    margin-right: 25px !important;
}

.my-mgr-30 {
    margin-right: 30px !important;
}

.my-mgr-35 {
    margin-right: 35px !important;
}

.my-mgr-40 {
    margin-right: 40px !important;
}

.my-mgr-45 {
    margin-right: 45px !important;
}

.my-mgr-50 {
    margin-right: 50px !important;
}

.my-mgr-55 {
    margin-right: 55px !important;
}

.my-mgr-60 {
    margin-right: 60px !important;
}

.my-mgr-65 {
    margin-right: 65px !important;
}

.my-mgr-70 {
    margin-right: 70px !important;
}

.my-mgr-75 {
    margin-right: 75px !important;
}

.my-mgr-80 {
    margin-right: 80px !important;
}

.my-mgr-85 {
    margin-right: 85px !important;
}

.my-mgr-90 {
    margin-right: 90px !important;
}

.my-mgr-95 {
    margin-right: 95px !important;
}

.my-mgr-100 {
    margin-right: 100px !important;
}

.my-mgr-110 {
    margin-right: 110px !important;
}

.my-mgr-120 {
    margin-right: 120px !important;
}

.my-mgr-130 {
    margin-right: 130px !important;
}


.my-mgb-0 {
    margin-bottom: 0px !important;
}

.my-mgb-4 {
    margin-bottom: 5px !important;
}

.my-mgb-5 {
    margin-bottom: 5px !important;
}

.my-mgb-10 {
    margin-bottom: 10px !important;
}

.my-mgb-12 {
    margin-bottom: 12px !important;
}

.my-mgb-15 {
    margin-bottom: 15px !important;
}

.my-mgb-18 {
    margin-bottom: 18px !important;
}


.my-mgb-20 {
    margin-bottom: 20px !important;
}

.my-mgb-25 {
    margin-bottom: 25px !important;
}

.my-mgb-30 {
    margin-bottom: 30px !important;
}

.my-mgb-35 {
    margin-bottom: 35px !important;
}

.my-mgb-40 {
    margin-bottom: 40px !important;
}

.my-mgb-45 {
    margin-bottom: 45px !important;
}

.my-mgb-50 {
    margin-bottom: 50px !important;
}

.my-mgb-55 {
    margin-bottom: 55px !important;
}

.my-mgb-60 {
    margin-bottom: 60px !important;
}

.my-mgb-65 {
    margin-bottom: 65px !important;
}

.my-mgb-70 {
    margin-bottom: 70px !important;
}

.my-mgb-75 {
    margin-bottom: 75px !important;
}

.my-mgb-80 {
    margin-bottom: 80px !important;
}

.my-mgb-85 {
    margin-bottom: 85px !important;
}

.my-mgb-90 {
    margin-bottom: 90px !important;
}

.my-mgb-95 {
    margin-bottom: 95px !important;
}

.my-mgb-100 {
    margin-bottom: 100px !important;
}

.my-mglr-5 {
    margin: 0 5px !important;
}

.my-mglr-7 {
    margin: 0 7px !important;
}

.my-mglr-10 {
    margin: 0 10px !important;
}

.my-mglr-15 {
    margin: 0 15px !important;
}

.my-mglr-20 {
    margin: 0 20px !important;
}

.my-mglr-25 {
    margin: 0 25px !important;
}

.my-mglr-30 {
    margin: 0 30px !important;
}

.my-mglr-35 {
    margin: 0 35px !important;
}

.my-mglr-40 {
    margin: 0 40px !important;
}

.my-mglr-45 {
    margin: 0 45px !important;
}

.my-mglr-50 {
    margin: 0 50px !important;
}

.my-mglr-55 {
    margin: 0 55px !important;
}

.my-mglr-60 {
    margin: 0 60px !important;
}

.my-mglr-65 {
    margin: 0 65px !important;
}

.my-mglr-70 {
    margin: 0 70px !important;
}

.my-mglr-75 {
    margin: 0 75px !important;
}

.my-mglr-80 {
    margin: 0 80px !important;
}

.my-mglr-85 {
    margin: 0 85px !important;
}

.my-mglr-90 {
    margin: 0 90px !important;
}

.my-mglr-95 {
    margin: 0 95px !important;
}

.my-mglr-100 {
    margin: 0 100px !important;
}

.my-mgtb-0 {
    margin: 0 auto !important;
}

.my-mgtb-5 {
    margin: 5px auto !important;
}

.my-mgtb-10 {
    margin: 10px auto !important;
}

.my-mgtb-15 {
    margin: 15px auto !important;
}

.my-mgtb-20 {
    margin: 20px auto !important;
}

.my-mgtb-25 {
    margin: 25px auto !important;
}

.my-mgtb-30 {
    margin: 30px auto !important;
}

.my-mgtb-35 {
    margin: 35px auto !important;
}

.my-mgtb-40 {
    margin: 40px auto !important;
}

.my-mgtb-45 {
    margin: 45px auto !important;
}

.my-mgtb-50 {
    margin: 50px auto !important;
}

.my-mgtb-55 {
    margin: 55px auto !important;
}

.my-mgtb-60 {
    margin: 60px auto !important;
}

.my-mgtb-65 {
    margin: 65px auto !important;
}

.my-mgtb-70 {
    margin: 70px auto !important;
}

.my-mgtb-75 {
    margin: 75px auto !important;
}

.my-mgtb-80 {
    margin: 80px auto !important;
}

.my-mgtb-85 {
    margin: 85px auto !important;
}

.my-mgtb-90 {
    margin: 90px auto !important;
}

.my-mgtb-95 {
    margin: 95px auto !important;
}

.my-mgtb-100 {
    margin: 100px auto !important;
}



.my-mg-5 {
    margin: 5px !important;
}

.my-mg-10 {
    margin: 10px !important;
}

.my-mg-15 {
    margin: 15px !important;
}

.my-mg-20 {
    margin: 20px !important;
}

.my-mg-25 {
    margin: 25px !important;
}

.my-mg-30 {
    margin: 30px !important;
}

.my-mg-35 {
    margin: 35px !important;
}

.my-mg-40 {
    margin: 40px !important;
}

.my-mg-45 {
    margin: 45px !important;
}

.my-mg-50 {
    margin: 50px !important;
}

.my-mg-55 {
    margin: 55px !important;
}

.my-mg-60 {
    margin: 60px !important;
}

.my-mg-65 {
    margin: 65px !important;
}

.my-mg-70 {
    margin: 70px !important;
}

.my-mg-75 {
    margin: 75px !important;
}

.my-mg-80 {
    margin: 80px !important;
}

.my-mg-85 {
    margin: 85px !important;
}

.my-mg-90 {
    margin: 90px !important;
}

.my-mg-95 {
    margin: 95px !important;
}

.my-mg-100 {
    margin: 100px !important;
}

.my-pd-5-15 {
    padding: 5px 15px !important;
}

.my-pd-10-39 {
    padding: 10px 39px !important;
}

.my-pdt-4 {
    padding-top: 4px !important;
}

.my-pdt-5 {
    padding-top: 5px !important;
}

.my-pdt-8 {
    padding-top: 8px !important;
}

.my-pdt-10 {
    padding-top: 10px !important;
}

.my-pdt-15 {
    padding-top: 15px !important;
}

.my-pdt-20 {
    padding-top: 20px !important;
}

.my-pdt-25 {
    padding-top: 25px !important;
}

.my-pdt-30 {
    padding-top: 30px !important;
}

.my-pdt-35 {
    padding-top: 35px !important;
}

.my-pdt-40 {
    padding-top: 40px !important;
}

.my-pdt-45 {
    padding-top: 45px !important;
}

.my-pdt-50 {
    padding-top: 50px !important;
}

.my-pdt-55 {
    padding-top: 55px !important;
}

.my-pdt-60 {
    padding-top: 60px !important;
}

.my-pdt-65 {
    padding-top: 65px !important;
}

.my-pdt-70 {
    padding-top: 70px !important;
}

.my-pdt-75 {
    padding-top: 75px !important;
}

.my-pdt-80 {
    padding-top: 80px !important;
}

.my-pdt-85 {
    padding-top: 85px !important;
}

.my-pdt-90 {
    padding-top: 90px !important;
}

.my-pdt-95 {
    padding-top: 95px !important;
}

.my-pdt-100 {
    padding-top: 100px !important;
}

.my-pdl-5 {
    padding-left: 5px !important;
}

.my-pdl-10 {
    padding-left: 10px !important;
}

.my-pdl-15 {
    padding-left: 15px !important;
}

.my-pdl-20 {
    padding-left: 20px !important;
}

.my-pdl-25 {
    padding-left: 25px !important;
}

.my-pdl-30 {
    padding-left: 30px !important;
}

.my-pdl-33 {
    padding-left: 33px !important;
}

.my-pdl-35 {
    padding-left: 35px !important;
}

.my-pdl-40 {
    padding-left: 40px !important;
}

.my-pdl-45 {
    padding-left: 45px !important;
}

.my-pdl-50 {
    padding-left: 50px !important;
}

.my-pdl-53 {
    padding-left: 53px !important;
}

.my-pdl-55 {
    padding-left: 55px !important;
}

.my-pdl-60 {
    padding-left: 60px !important;
}

.my-pdl-65 {
    padding-left: 65px !important;
}

.my-pdl-70 {
    padding-left: 70px !important;
}

.my-pdl-75 {
    padding-left: 75px !important;
}

.my-pdl-80 {
    padding-left: 80px !important;
}

.my-pdl-85 {
    padding-left: 85px !important;
}

.my-pdl-90 {
    padding-left: 90px !important;
}

.my-pdl-95 {
    padding-left: 95px !important;
}

.my-pdl-100 {
    padding-left: 100px !important;
}

.my-pdr-5 {
    padding-right: 5px !important;
}

.my-pdr-10 {
    padding-right: 10px !important;
}

.my-pdr-15 {
    padding-right: 15px !important;
}

.my-pdr-20 {
    padding-right: 20px !important;
}

.my-pdr-25 {
    padding-right: 25px !important;
}

.my-pdr-30 {
    padding-right: 30px !important;
}

.my-pdr-35 {
    padding-right: 35px !important;
}

.my-pdr-40 {
    padding-right: 40px !important;
}

.my-pdr-45 {
    padding-right: 45px !important;
}

.my-pdr-50 {
    padding-right: 50px !important;
}

.my-pdr-55 {
    padding-right: 55px !important;
}

.my-pdr-60 {
    padding-right: 60px !important;
}

.my-pdr-65 {
    padding-right: 65px !important;
}

.my-pdr-70 {
    padding-right: 70px !important;
}

.my-pdr-75 {
    padding-right: 75px !important;
}

.my-pdr-80 {
    padding-right: 80px !important;
}

.my-pdr-85 {
    padding-right: 85px !important;
}

.my-pdr-90 {
    padding-right: 90px !important;
}

.my-pdr-95 {
    padding-right: 95px !important;
}

.my-pdr-100 {
    padding-right: 100px !important;
}

.my-pdr-255 {
    padding-right: 255px !important;
}

.my-pdb-4 {
    padding-bottom: 4px !important;
}

.my-pdb-5 {
    padding-bottom: 5px !important;
}

.my-pdb-8 {
    padding-bottom: 8px !important;
}

.my-pdb-10 {
    padding-bottom: 10px !important;
}

.my-pdb-15 {
    padding-bottom: 15px !important;
}

.my-pdb-20 {
    padding-bottom: 20px !important;
}

.my-pdb-25 {
    padding-bottom: 25px !important;
}

.my-pdb-30 {
    padding-bottom: 30px !important;
}

.my-pdb-35 {
    padding-bottom: 35px !important;
}

.my-pdb-40 {
    padding-bottom: 40px !important;
}

.my-pdb-45 {
    padding-bottom: 45px !important;
}

.my-pdb-50 {
    padding-bottom: 50px !important;
}

.my-pdb-55 {
    padding-bottom: 55px !important;
}

.my-pdb-60 {
    padding-bottom: 60px !important;
}

.my-pdb-65 {
    padding-bottom: 65px !important;
}

.my-pdb-70 {
    padding-bottom: 70px !important;
}

.my-pdb-75 {
    padding-bottom: 75px !important;
}

.my-pdb-80 {
    padding-bottom: 80px !important;
}

.my-pdb-85 {
    padding-bottom: 85px !important;
}

.my-pdb-90 {
    padding-bottom: 90px !important;
}

.my-pdb-95 {
    padding-bottom: 95px !important;
}

.my-pdb-100 {
    padding-bottom: 100px !important;
}

.my-pdtb-5 {
    padding: 5px 0 !important;
}

.my-pdtb-9 {
    padding: 9px 0 !important;
}

.my-pdtb-10 {
    padding: 10px 0 !important;
}

.my-pdtb-15 {
    padding: 15px 0 !important;
}

.my-pdtb-16 {
    padding: 16px 0 !important;
}

.my-pdtb-20 {
    padding: 20px 0 !important;
}

.my-pdtb-25 {
    padding: 25px 0 !important;
}

.my-pdtb-30 {
    padding: 30px 0 !important;
}

.my-pdtb-35 {
    padding: 35px 0 !important;
}

.my-pdtb-40 {
    padding: 40px 0 !important;
}

.my-pdtb-45 {
    padding: 45px 0 !important;
}

.my-pdtb-50 {
    padding: 50px 0 !important;
}

.my-pdtb-55 {
    padding: 55px 0 !important;
}

.my-pdtb-60 {
    padding: 60px 0 !important;
}

.my-pdtb-65 {
    padding: 65px 0 !important;
}

.my-pdtb-70 {
    padding: 70px 0 !important;
}

.my-pdtb-75 {
    padding: 75px 0 !important;
}

.my-pdtb-80 {
    padding: 80px 0 !important;
}

.my-pdtb-85 {
    padding: 85px 0 !important;
}

.my-pdtb-90 {
    padding: 90px 0 !important;
}

.my-pdtb-95 {
    padding: 95px 0 !important;
}

.my-pdtb-100 {
    padding: 100px 0 !important;
}

.my-pdtb-10 {
    padding: 10px 0 !important;
}

.my-pdlr-5 {
    padding: 0 5px !important;
}

.my-pdlr-10 {
    padding: 0 10px !important;
}

.my-pdlr-15 {
    padding: 0 15px !important;
}

.my-pdlr-20 {
    padding: 0 20px !important;
}

.my-pdlr-25 {
    padding: 0 25px !important;
}

.my-pdlr-30 {
    padding: 0 30px !important;
}

.my-pdlr-35 {
    padding: 0 35px !important;
}

.my-pdlr-40 {
    padding: 0 40px !important;
}

.my-pdlr-45 {
    padding: 0 45px !important;
}

.my-pdlr-50 {
    padding: 0 50px !important;
}

.my-pdlr-55 {
    padding: 0 55px !important;
}

.my-pdlr-60 {
    padding: 0 60px !important;
}

.my-pdlr-65 {
    padding: 0 65px !important;
}

.my-pdlr-70 {
    padding: 0 70px !important;
}

.my-pdlr-75 {
    padding: 0 75px !important;
}

.my-pdlr-80 {
    padding: 0 80px !important;
}

.my-pdlr-85 {
    padding: 0 85px !important;
}

.my-pdlr-90 {
    padding: 0 90px !important;
}

.my-pdlr-95 {
    padding: 0 95px !important;
}

.my-pdlr-100 {
    padding: 0 100px !important;
}

.my-pd-5 {
    padding: 5px !important;
}

.my-pd-10 {
    padding: 10px !important;
    ;
}

.my-pd-15 {
    padding: 15px !important;
    ;
}

.my-pd-20 {
    padding: 20px !important;
    ;
}

.my-pd-25 {
    padding: 25px !important;
    ;
}

.my-pd-30 {
    padding: 30px !important;
    ;
}

.my-pd-35 {
    padding: 35px !important;
    ;
}

.my-pd-40 {
    padding: 40px !important;
    ;
}

.my-pd-45 {
    padding: 45px !important;
    ;
}

.my-pd-50 {
    padding: 50px !important;
    ;
}

.my-pd-55 {
    padding: 55px !important;
    ;
}

.my-pd-60 {
    padding: 60px !important;
    ;
}

.my-pd-65 {
    padding: 65px !important;
    ;
}

.my-pd-70 {
    padding: 70px !important;
    ;
}

.my-pd-75 {
    padding: 75px !important;
    ;
}

.my-pd-80 {
    padding: 80px !important;
    ;
}

.my-pd-85 {
    padding: 85px !important;
    ;
}

.my-pd-90 {
    padding: 90px !important;
    ;
}

.my-pd-95 {
    padding: 95px !important;
    ;
}

.my-pd-100 {
    padding: 100px !important;
    ;
}

.my-fixed-b {
    position: fixed;
    bottom: 0;
    left: 0;
}

.my-fixed-t {
    position: fixed;
    top: 0;
    left: 0;
}

/*弹性布局横向排列*/
.my-flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.my-flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

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

.my-flex-row-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.my-flex-row-e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.my-flex-row-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.my-flex-row-s-c {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: flex;
    flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    align-items: center;
}

/*弹性布局纵向排列*/
.my-flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.my-flex-col-s-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    align-items: center;
}

.my-flex-col-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
}


.my-flex-col-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.my-flex-col-e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.my-flex-self-s {
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.my-flex-self-e {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.my-flex-self-c {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.my-flex-self-str {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.my-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.my-flex-grow-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.my-flex-basis-353 {
    -ms-flex-preferred-size: 353px;
    flex-basis: 353px;
}

.my-flex-basis-445 {
    -ms-flex-preferred-size: 445px;
    flex-basis: 445px;
}

.my-bg-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center !important;
}

.my-p-close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.my-l-grey {
    width: 100%;
    height: 1px;
    background: #999999;
}

.my-l-white {
    width: 25px;
    height: 1px;
    background: #fff;
}

.my-l-ddd {
    width: 100%;
    height: 1px;
    background: #dddddd;
}

.my-ab-m {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.my-ab-ym {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.my-ab-xm {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.my-lh-60 {
    line-height: 60px;
}

.my-lh-40 {
    line-height: 40px;
}

.my-lh-32 {
    line-height: 32px;
}

.my-lh-35 {
    line-height: 35px;
}

.my-lh-30 {
    line-height: 30px;
}

.my-table {
    display: table;
}

.my-table-cell {
    display: table-cell;
}

.my-table-cell-m {
    display: table-cell;
    vertical-align: middle;
}

.my-pointer {
    cursor: pointer;
}

.my-not-allowed {
    cursor: not-allowed;
}
/* 字体颜色 */

.blue-word {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0px;
    color: #256FFC;
}

.blue-word:hover {
    color: #4F92FF;
    cursor: pointer;
}

.blue-word:active {
    color: #1552D6;
}

.hover-blue:hover {
    color: #256FFC;
    cursor: pointer;
}

.hover-blue:active {
    color: #1552D6;
    cursor: pointer;
}

.black-word:hover {
    color: #256FFC;
    cursor: pointer;
}

.black-word:active {
    color: #1552D6;
    cursor: pointer;
}

/* 按钮 */

.btn-bg-white {
    text-align: center;
    background: #FFFFFF;
    font-size: 14px;
    border: 1px solid #256FFC;
    opacity: 1;
    border-radius: 2px;
    color: #256FFC;
    cursor: pointer;
}

.btn-bg-white:hover {
    background: #EEF4FF;
    border: 1px solid #256FFC;
}

.btn-bg-white:active {
    background: #C9E3FF;
    border: 1px solid #1552D6;
    color: #1552D6
}

.btn-bg-blue {
    text-align: center;
    background: #256FFC;
    font-size: 14px;
    opacity: 1;
    border-radius: 2px;
    border: 1px solid #256FFC;
    color: white;
    cursor: pointer;
}

.btn-bg-blue:hover {
    background: #4F92FF;
    border: 1px solid #4F92FF;
}

.btn-bg-blue:active {
    background: #1552D6;
    border: 1px solid #1552D6;
}

.btn-bg-grey {
    text-align: center;
    background: #E5E5E5;
    font-size: 14px;
    opacity: 1;
    border-radius: 2px;
    border: 1px solid #E5E5E5;
    color: #252525;
    cursor: pointer;
}

.btn-bg-grey:hover {
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
}

.btn-bg-grey:active {
    background: #BFBFBF;
    border: 1px solid #BFBFBF;
}

.btn-cancel {
    background: #ECECEC;
    font-size: 14px;
    opacity: 1;
    border-radius: 2px;
    border: 1px solid #ECECEC;
    color: #252525;
    cursor: pointer;
}

.btn-cancel:hover {
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
}

.btn-cancel:active {
    background: #BFBFBF;
    border: 1px solid #BFBFBF;
}


.btn-not-allow {
    background: #F2F2F2;
    opacity: 1;
    border-radius: 2px;
    color: #BFBFBF;
    border: 1px solid #F2F2F2;
    cursor: not-allowed;
}

.login-btn {
    padding: 6px 16px 6px 16px;
    margin-bottom: 2px;
    margin-bottom: 4px;
}