@charset "utf-8";
/*
 *Last modified: 2022-03-29 23:17:36
 *Filename: ax.css
 *Description: Global CSS
 *Version: v1.0.2
 *Website:www.axui.cn or ax.hobly.cn
 *Contact:3217728223@qq.com
 *Author:Michael
 */
/*reset*/
html {
  font-size: 10px;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff;
}
body {
  text-align: left;
  font-size: 1.4rem;
  color: #333333;
  line-height: 2.8rem;
  font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff;
}
:focus {
  outline: 0;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
fieldset {
  border: 1px dotted #ccc;
  border-radius: 0.3rem;
}
sup,
sub {
  font-size: 0.6rem;
}
pre {
  color: #666666;
  font-size: 1.2rem;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  line-height: 1.8rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}
button[type='button'],
input[type='button'],
input[type='submit'],
input[type='text'],
input[type='search'],
input[type='reset'] {
  -webkit-appearance: none;
}
input[type='text'],
input[type='search'] {
  font-size: 1.4rem;
}
em,
i {
  font-style: normal;
}
s,
u {
  text-decoration: none;
}
ul,
li,
form {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  list-style-position: inside;
  margin: 0;
  padding: 0;
}
a,
font,
input,
textarea,
select,
label,
i {
  display: inline-block;
  vertical-align: top;
}
a span,
label {
  cursor: pointer;
}
input,
textarea,
button {
  font-size: 1.4rem;
  outline: none;
  resize: none;
  -webkit-appearance: none;
  transition: all 100ms linear;
  vertical-align: top;
}
select {
  font-size: 1.4rem;
  outline: none;
  resize: none;
  transition: all 100ms linear;
}
input[type=checkbox] {
  -webkit-appearance: checkbox;
}
input[type=radio] {
  -webkit-appearance: radio;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input,
textarea,
select,
button {
  font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";
}
img {
  border: 0;
  vertical-align: middle;
}
svg {
  vertical-align: middle;
}
form,
div,
p {
  display: block;
}
p {
  margin: 0;
  padding: 0.6em 0 0.6em 0;
}
a {
  color: #333333;
  text-decoration: none;
  transition: color 100ms linear, background-color 100ms linear, box-shadow 100ms linear;
}
a:hover {
  color: #198cff;
  text-decoration: none;
}
a:active {
  color: #0059b2;
  text-decoration: none;
}
.ax-text-cancel,
a.ax-text-cancel,
.ax-text-cancel a,
.ax-text-cancel:hover,
a.ax-text-cancel:hover,
.ax-text-cancel a:hover {
  color: #b3b3b3;
  text-decoration: line-through;
  margin: 0 0.4rem;
  cursor: text;
}
a.ax-color-ignore,
.ax-color-ignore a {
  color: #b3b3b3;
  text-decoration: none;
}
a.ax-color-ignore:hover,
.ax-color-ignore a:hover {
  color: #b3b3b3;
  text-decoration: underline;
}
a.ax-color-primary,
.ax-color-primary a {
  color: #198cff;
  text-decoration: none;
}
a.ax-color-primary:hover,
.ax-color-primary a:hover {
  color: #198cff;
  text-decoration: underline;
}
a.ax-color-secondary,
.ax-color-secondary a {
  color: #475b66;
  text-decoration: none;
}
a.ax-color-secondary:hover,
.ax-color-secondary a:hover {
  color: #475b66;
  text-decoration: underline;
}
a.ax-color-success,
.ax-color-success a {
  color: #41a358;
  text-decoration: none;
}
a.ax-color-success:hover,
.ax-color-success a:hover {
  color: #41a358;
  text-decoration: underline;
}
a.ax-color-danger,
.ax-color-danger a {
  color: #dc3545;
  text-decoration: none;
}
a.ax-color-danger:hover,
.ax-color-danger a:hover {
  color: #dc3545;
  text-decoration: underline;
}
a.ax-color-warning,
.ax-color-warning a {
  color: #ffc107;
  text-decoration: none;
}
a.ax-color-warning:hover,
.ax-color-warning a:hover {
  color: #ffc107;
  text-decoration: underline;
}
a.ax-color-info,
.ax-color-info a {
  color: #14ccc9;
  text-decoration: none;
}
a.ax-color-info:hover,
.ax-color-info a:hover {
  color: #14ccc9;
  text-decoration: underline;
}
a.ax-color-ad,
.ax-color-ad a {
  color: #ff8400;
  text-decoration: none;
}
a.ax-color-ad:hover,
.ax-color-ad a:hover {
  color: #ff8400;
  text-decoration: underline;
}
a[class*='ax-btn']:hover {
  text-decoration: none;
}
.ax-iconfont {
  font-size: 1.4rem;
  position: relative;
}
.ax-iconfont:before {
  position: relative;
  top: 0.1rem;
}
.ax-svg {
  width: 1.4rem;
  height: 1.4rem;
}
@font-face {
  font-family: 'DINCond-Light';
  src: url('../fonts/DINCond-Light.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-lighter {
  font-family: 'DINCond-Light';
}
@font-face {
  font-family: 'DINCond-Regular';
  src: url('../fonts/DINCond-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-light {
  font-family: 'DINCond-Regular';
}
@font-face {
  font-family: 'DINCond-Medium';
  src: url('../fonts/DINCond-Medium.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-regular {
  font-family: 'DINCond-Medium';
}
@font-face {
  font-family: 'DINCond-Bold';
  src: url('../fonts/DINCond-Bold.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-bold {
  font-family: 'DINCond-Bold';
}
@font-face {
  font-family: 'DINCond-Black';
  src: url('../fonts/DINCond-Black.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-bolder {
  font-family: 'DINCond-Black';
}
/*placeholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input::-o-placeholder,
textarea::-o-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.ax-reverse input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.ax-reverse input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.ax-reverse input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.ax-reverse input::-o-placeholder,
textarea::-o-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.ax-reverse input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
/*global*/
.ax-clear {
  height: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 0rem;
  padding: 0rem;
}
.ax-scroll {
  overflow: hidden;
}
.ax-content {
  width: 120rem;
  margin: 0 auto;
}
/*radius square*/
.ax-radius,
*[class*="ax-btn"].ax-radius:after {
  border-radius: 0.3rem;
}
.ax-radius-top {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.ax-radius-bottom {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ax-radius-left {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.ax-radius-right {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
/*radius size*/
.ax-radius-xxs,
.ax-avatar.ax-radius-xxs,
.ax-sign.ax-radius-xxs {
  border-radius: 0.3rem;
}
.ax-radius-xs,
.ax-avatar.ax-radius-xs,
.ax-sign.ax-radius-xs {
  border-radius: calc(0.3rem*2);
}
.ax-radius-xs.ax-radius-top {
  border-top-left-radius: calc(0.3rem*2);
  border-top-right-radius: calc(0.3rem*2);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xs.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*2);
  border-bottom-right-radius: calc(0.3rem*2);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-xs.ax-radius-left {
  border-top-left-radius: calc(0.3rem*2);
  border-bottom-left-radius: calc(0.3rem*2);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xs.ax-radius-right {
  border-top-right-radius: calc(0.3rem*2);
  border-bottom-right-radius: calc(0.3rem*2);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-sm,
.ax-avatar.ax-radius-sm,
.ax-sign.ax-radius-sm {
  border-radius: calc(0.3rem*3);
}
.ax-radius-sm.ax-radius-top {
  border-top-left-radius: calc(0.3rem*3);
  border-top-right-radius: calc(0.3rem*3);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-sm.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*3);
  border-bottom-right-radius: calc(0.3rem*3);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-sm.ax-radius-left {
  border-top-left-radius: calc(0.3rem*3);
  border-bottom-left-radius: calc(0.3rem*3);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-sm.ax-radius-right {
  border-top-right-radius: calc(0.3rem*3);
  border-bottom-right-radius: calc(0.3rem*3);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-md,
.ax-avatar.ax-radius-md,
.ax-sign.ax-radius-md {
  border-radius: calc(0.3rem*4);
}
.ax-radius-md.ax-radius-top {
  border-top-left-radius: calc(0.3rem*4);
  border-top-right-radius: calc(0.3rem*4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-md.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*4);
  border-bottom-right-radius: calc(0.3rem*4);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-md.ax-radius-left {
  border-top-left-radius: calc(0.3rem*4);
  border-bottom-left-radius: calc(0.3rem*4);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-md.ax-radius-right {
  border-top-right-radius: calc(0.3rem*4);
  border-bottom-right-radius: calc(0.3rem*4);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-lg,
.ax-avatar.ax-radius-lg,
.ax-sign.ax-radius-lg {
  border-radius: calc(0.3rem*6);
}
.ax-radius-lg.ax-radius-top {
  border-top-left-radius: calc(0.3rem*6);
  border-top-right-radius: calc(0.3rem*6);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-lg.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*6);
  border-bottom-right-radius: calc(0.3rem*6);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-lg.ax-radius-left {
  border-top-left-radius: calc(0.3rem*6);
  border-bottom-left-radius: calc(0.3rem*6);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-lg.ax-radius-right {
  border-top-right-radius: calc(0.3rem*6);
  border-bottom-right-radius: calc(0.3rem*6);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-xl,
.ax-avatar.ax-radius-xl,
.ax-sign.ax-radius-xl {
  border-radius: calc(0.3rem*8);
}
.ax-radius-xl.ax-radius-top {
  border-top-left-radius: calc(0.3rem*8);
  border-top-right-radius: calc(0.3rem*8);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xl.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*8);
  border-bottom-right-radius: calc(0.3rem*8);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-xl.ax-radius-left {
  border-top-left-radius: calc(0.3rem*8);
  border-bottom-left-radius: calc(0.3rem*8);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xl.ax-radius-right {
  border-top-right-radius: calc(0.3rem*8);
  border-bottom-right-radius: calc(0.3rem*8);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-xxl,
.ax-avatar.ax-radius-xxl,
.ax-sign.ax-radius-xxl {
  border-radius: calc(0.3rem*10);
}
.ax-radius-xxl.ax-radius-top {
  border-top-left-radius: calc(0.3rem*10);
  border-top-right-radius: calc(0.3rem*10);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xxl.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*10);
  border-bottom-right-radius: calc(0.3rem*10);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-xxl.ax-radius-left {
  border-top-left-radius: calc(0.3rem*10);
  border-bottom-left-radius: calc(0.3rem*10);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xxl.ax-radius-right {
  border-top-right-radius: calc(0.3rem*10);
  border-bottom-right-radius: calc(0.3rem*10);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-square,
*[class*="ax-btn"].ax-square,
*[class*="ax-btn"].ax-square:after {
  border-radius: 0;
}
.ax-square-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-square-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-square-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-square-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/*shadow*/
.ax-shadow {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.1);
}
.ax-shadow-border {
  box-shadow: 1px 0 0 #ebebeb, -1px 0 0 #ebebeb, 0 1px 0 #ebebeb, 0 -1px 0 #ebebeb, 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08);
}
.ax-shadow-light {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
.ax-shadow-dark {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
  box-shadow: 0.5rem 0.5rem 2rem rgba(51, 51, 51, 0.4);
}
.ax-shadow-cloud {
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);
}
.ax-shadow-primary {
  box-shadow: 1px 2px 1rem rgba(25, 140, 255, 0.2);
}
.ax-shadow-secondary {
  box-shadow: 1px 2px 1rem rgba(71, 91, 102, 0.2);
}
.ax-shadow-success {
  box-shadow: 1px 2px 1rem rgba(65, 163, 88, 0.2);
}
.ax-shadow-danger {
  box-shadow: 1px 2px 1rem rgba(220, 53, 69, 0.2);
}
.ax-shadow-info {
  box-shadow: 1px 2px 1rem rgba(20, 204, 201, 0.2);
}
.ax-shadow-warning {
  box-shadow: 1px 2px 1rem rgba(255, 193, 7, 0.3);
}
.ax-shadow-ad {
  box-shadow: 1px 2px 1rem rgba(255, 132, 0, 0.2);
}
/*ellipsis*/
.ax-ell {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-subject {
  font-size: 1.8rem;
  line-height: 2.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-subject {
  font-size: 1.8rem;
  max-height: calc(2.8rem * 2);
  max-width: 100%;
  line-height: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-subject {
  font-size: 1.8rem;
  max-height: calc(2.8rem * 3);
  max-width: 100%;
  line-height: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-title {
  font-size: 1.6rem;
  line-height: 2.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-title {
  font-size: 1.6rem;
  max-height: calc(2.2rem * 2);
  max-width: 100%;
  line-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-title {
  font-size: 1.6rem;
  max-height: calc(2.2rem * 3);
  max-width: 100%;
  line-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-body {
  font-size: 1.4rem;
  line-height: 2.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-body {
  font-size: 1.4rem;
  max-height: calc(2.2rem * 2);
  max-width: 100%;
  line-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-body {
  font-size: 1.4rem;
  max-height: calc(2.2rem * 3);
  max-width: 100%;
  line-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-des {
  font-size: 1.4rem;
  line-height: 1.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-des {
  font-size: 1.4rem;
  max-height: calc(1.8rem * 2);
  max-width: 100%;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-des {
  font-size: 1.4rem;
  max-height: calc(1.8rem * 3);
  max-width: 100%;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-ignore {
  font-size: 1.2rem;
  line-height: 1.6rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-ignore {
  font-size: 1.2rem;
  max-height: calc(1.6rem * 2);
  max-width: 100%;
  line-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-ignore {
  font-size: 1.2rem;
  max-height: calc(1.6rem * 3);
  max-width: 100%;
  line-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*border*/
.ax-border {
  border: 1px solid #ebebeb;
}
.ax-border-tb {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.ax-border-lr {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.ax-border-grid td,
.ax-border-grid th {
  position: relative;
}
.ax-border-grid td:before,
.ax-border-grid th:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-border-grid tr td:last-child:not([class*='-sorting']):after,
.ax-border-grid tr th:last-child:not([class*='-sorting']):after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-table.ax-border-grid {
  position: relative;
}
.ax-table.ax-border-grid:after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  right: 0;
  top: 0;
}
/*margin*/
.ax-margin {
  margin: 1.4rem;
  box-sizing: border-box;
}
.ax-margin-tb {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  box-sizing: border-box;
}
.ax-margin-lr {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
  box-sizing: border-box;
}
.ax-margin-left {
  margin-left: 1.4rem;
  box-sizing: border-box;
}
.ax-margin-right {
  margin-right: 1.4rem;
  box-sizing: border-box;
}
.ax-margin.ax-xxs {
  margin: 0.4rem;
}
.ax-margin.ax-xs {
  margin: 0.8rem;
}
.ax-margin.ax-sm {
  margin: 1rem;
}
.ax-margin.ax-md {
  margin: 1.4rem;
}
.ax-margin.ax-lg {
  margin: 1.8rem;
}
.ax-margin.ax-xl {
  margin: 2.2rem;
}
.ax-margin.ax-xxl {
  margin: 2.8rem;
}
.ax-margin-tb.ax-xxs {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.ax-margin-tb.ax-xs {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.ax-margin-tb.ax-sm {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ax-margin-tb.ax-md {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}
.ax-margin-tb.ax-lg {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}
.ax-margin-tb.ax-xl {
  margin-top: 2.2rem;
  margin-bottom: 2.2rem;
}
.ax-margin-tb.ax-xxl {
  margin-top: 2.8rem;
  margin-bottom: 2.8rem;
}
.ax-margin-lr.ax-xxs {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.ax-margin-lr.ax-xs {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.ax-margin-lr.ax-sm {
  margin-left: 1rem;
  margin-right: 1rem;
}
.ax-margin-lr.ax-md {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
}
.ax-margin-lr.ax-lg {
  margin-left: 1.8rem;
  margin-right: 1.8rem;
}
.ax-margin-lr.ax-xl {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
}
.ax-margin-lr.ax-xxl {
  margin-left: 2.8rem;
  margin-right: 2.8rem;
}
.ax-margin-left.ax-xxs {
  margin-left: 0.4rem;
}
.ax-margin-left.ax-xs {
  margin-left: 0.8rem;
}
.ax-margin-left.ax-sm {
  margin-left: 1rem;
}
.ax-margin-left.ax-md {
  margin-left: 1.4rem;
}
.ax-margin-left.ax-lg {
  margin-left: 1.8rem;
}
.ax-margin-left.ax-xl {
  margin-left: 2.2rem;
}
.ax-margin-left.ax-xxl {
  margin-left: 2.8rem;
}
.ax-margin-right.ax-xxs {
  margin-right: 0.4rem;
}
.ax-margin-right.ax-xs {
  margin-right: 0.8rem;
}
.ax-margin-right.ax-sm {
  margin-right: 1rem;
}
.ax-margin-right.ax-md {
  margin-right: 1.4rem;
}
.ax-margin-right.ax-lg {
  margin-right: 1.8rem;
}
.ax-margin-right.ax-xl {
  margin-right: 2.2rem;
}
.ax-margin-right.ax-xxl {
  margin-right: 2.8rem;
}
.ax-margin-top.ax-xxs {
  margin-top: 0.4rem;
}
.ax-margin-top.ax-xs {
  margin-top: 0.8rem;
}
.ax-margin-top.ax-sm {
  margin-top: 1rem;
}
.ax-margin-top.ax-md {
  margin-top: 1.4rem;
}
.ax-margin-top.ax-lg {
  margin-top: 1.8rem;
}
.ax-margin-top.ax-xl {
  margin-top: 2.2rem;
}
.ax-margin-top.ax-xxl {
  margin-top: 2.8rem;
}
.ax-margin-bottom.ax-xxs {
  margin-bottom: 0.4rem;
}
.ax-margin-bottom.ax-xs {
  margin-bottom: 0.8rem;
}
.ax-margin-bottom.ax-sm {
  margin-bottom: 1rem;
}
.ax-margin-bottom.ax-md {
  margin-bottom: 1.4rem;
}
.ax-margin-bottom.ax-lg {
  margin-bottom: 1.8rem;
}
.ax-margin-bottom.ax-xl {
  margin-bottom: 2.2rem;
}
.ax-margin-bottom.ax-xxl {
  margin-bottom: 2.8rem;
}
/*padding*/
.ax-padding {
  padding: 1.4rem;
  box-sizing: border-box;
}
.ax-padding-tb {
  padding: 1.4rem 0;
  box-sizing: border-box;
}
.ax-padding-lr {
  padding: 0 1.4rem;
  box-sizing: border-box;
}
.ax-padding-left {
  padding-left: 1.4rem;
  box-sizing: border-box;
}
.ax-padding-right {
  padding-right: 1.4rem;
  box-sizing: border-box;
}
.ax-padding.ax-xxs {
  padding: 0.4rem;
}
.ax-padding.ax-xs {
  padding: 0.8rem;
}
.ax-padding.ax-sm {
  padding: 1rem;
}
.ax-padding.ax-md {
  padding: 1.4rem;
}
.ax-padding.ax-lg {
  padding: 1.8rem;
}
.ax-padding.ax-xl {
  padding: 2.2rem;
}
.ax-padding.ax-xxl {
  padding: 2.8rem;
}
.ax-padding-tb.ax-xxs {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.ax-padding-tb.ax-xs {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.ax-padding-tb.ax-sm {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ax-padding-tb.ax-md {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.ax-padding-tb.ax-lg {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
}
.ax-padding-tb.ax-xl {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.ax-padding-tb.ax-xxl {
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
}
.ax-padding-lr.ax-xxs {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.ax-padding-lr.ax-xs {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.ax-padding-lr.ax-sm {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ax-padding-lr.ax-md {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.ax-padding-lr.ax-lg {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
.ax-padding-lr.ax-xl {
  padding-left: 2.2rem;
  padding-right: 2.2rem;
}
.ax-padding-lr.ax-xxl {
  padding-left: 2.8rem;
  padding-right: 2.8rem;
}
.ax-padding-left.ax-xxs {
  padding-left: 0.4rem;
}
.ax-padding-left.ax-xs {
  padding-left: 0.8rem;
}
.ax-padding-left.ax-sm {
  padding-left: 1rem;
}
.ax-padding-left.ax-md {
  padding-left: 1.4rem;
}
.ax-padding-left.ax-lg {
  padding-left: 1.8rem;
}
.ax-padding-left.ax-xl {
  padding-left: 2.2rem;
}
.ax-padding-left.ax-xxl {
  padding-left: 2.8rem;
}
.ax-padding-right.ax-xxs {
  padding-right: 0.4rem;
}
.ax-padding-right.ax-xs {
  padding-right: 0.8rem;
}
.ax-padding-right.ax-sm {
  padding-right: 1rem;
}
.ax-padding-right.ax-md {
  padding-right: 1.4rem;
}
.ax-padding-right.ax-lg {
  padding-right: 1.8rem;
}
.ax-padding-right.ax-xl {
  padding-right: 2.2rem;
}
.ax-padding-right.ax-xxl {
  padding-right: 2.8rem;
}
.ax-padding-top.ax-xxs {
  padding-top: 0.4rem;
}
.ax-padding-top.ax-xs {
  padding-top: 0.8rem;
}
.ax-padding-top.ax-sm {
  padding-top: 1rem;
}
.ax-padding-top.ax-md {
  padding-top: 1.4rem;
}
.ax-padding-top.ax-lg {
  padding-top: 1.8rem;
}
.ax-padding-top.ax-xl {
  padding-top: 2.2rem;
}
.ax-padding-top.ax-xxl {
  padding-top: 2.8rem;
}
.ax-padding-bottom.ax-xxs {
  padding-bottom: 0.4rem;
}
.ax-padding-bottom.ax-xs {
  padding-bottom: 0.8rem;
}
.ax-padding-bottom.ax-sm {
  padding-bottom: 1rem;
}
.ax-padding-bottom.ax-md {
  padding-bottom: 1.4rem;
}
.ax-padding-bottom.ax-lg {
  padding-bottom: 1.8rem;
}
.ax-padding-bottom.ax-xl {
  padding-bottom: 2.2rem;
}
.ax-padding-bottom.ax-xxl {
  padding-bottom: 2.8rem;
}
/*col break*/
.ax-gutter-xxs {
  width: 0.4rem;
  overflow: hidden;
}
.ax-gutter-xs {
  width: 0.8rem;
  overflow: hidden;
}
.ax-gutter-sm {
  width: 1.2rem;
  overflow: hidden;
}
.ax-gutter,
.ax-gutter-md {
  width: 1.4rem;
  overflow: hidden;
}
.ax-gutter-lg {
  width: 1.6rem;
  overflow: hidden;
}
.ax-gutter-xl {
  width: 2.2rem;
  overflow: hidden;
}
.ax-gutter-xxl {
  width: 2.8rem;
  overflow: hidden;
}
/*row break*/
.ax-break-xxs {
  height: 0.4rem;
  overflow: hidden;
}
.ax-break-xs {
  height: 0.8rem;
  overflow: hidden;
}
.ax-break-sm {
  height: 1rem;
  overflow: hidden;
}
.ax-break,
.ax-break-md {
  height: 1.4rem;
  overflow: hidden;
}
.ax-break-lg {
  height: 1.8rem;
  overflow: hidden;
}
.ax-break-xl {
  height: 2.2rem;
  overflow: hidden;
}
.ax-break-xxl {
  height: 2.8rem;
  overflow: hidden;
}
/*line break*/
.ax-gutter-line {
  height: 100%;
  width: 1px;
  background-color: #ebebeb;
}
.ax-border {
  border: 1px solid #ebebeb;
}
.ax-break-line {
  height: 1px;
  overflow: hidden;
  background-color: #ebebeb;
}
.ax-break-text {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  box-sizing: border-box;
  line-height: calc(2.8rem + 0.1rem);
}
.ax-break-text .ax-left,
.ax-break-text .ax-right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  height: 1px;
  overflow: hidden;
  background-color: #ebebeb;
  margin-top: calc(2.8rem / 2);
}
.ax-break-text span {
  color: #b3b3b3;
  margin: auto 1.4rem;
}
.ax-break-text.ax-align-left .ax-left {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0;
  box-flex: 0;
  width: calc(3.8rem);
}
.ax-break-text.ax-align-right .ax-right {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0;
  box-flex: 0;
  width: calc(3.8rem);
}
/*headline*/
.ax-headline {
  text-align: center;
  margin: calc(1.4rem*2) auto;
  position: relative;
}
.ax-headline .ax-body {
  font-size: 2.2rem;
  line-height: 2.2rem;
}
.ax-headline .ax-title {
  color: #333333;
  position: relative;
}
.ax-headline .ax-title:before {
  content: '';
  width: 2.2rem;
  height: 0.2rem;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  left: calc(-1.2rem - 2.2rem);
  top: 1.1rem;
}
.ax-headline .ax-title:after {
  content: '';
  width: 2.2rem;
  height: 0.2rem;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  right: calc(-1.2rem - 2.2rem);
  top: calc(2.2rem / 2 + 0.1rem);
}
.ax-headline .ax-adorn {
  font-size: 1.2rem;
  color: #b3b3b3;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}
.ax-headline .ax-des {
  font-size: 1.4rem;
  color: #666666;
  line-height: 1.8rem;
  margin-top: 1rem;
}
.ax-headline.ax-align-left .ax-title:before,
.ax-headline.ax-align-left .ax-title:after,
.ax-headline.ax-align-right .ax-title:before,
.ax-headline.ax-align-right .ax-title:after {
  display: none;
}
.ax-headline.ax-align-left {
  padding-left: 1.4rem;
}
.ax-headline.ax-align-left:before {
  content: '';
  width: 0.3rem;
  height: 100%;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-headline.ax-align-right {
  padding-right: 1.4rem;
}
.ax-headline.ax-align-right:after {
  content: '';
  width: 0.3rem;
  height: 100%;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-headline.ax-sm .ax-body {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.ax-headline.ax-sm .ax-title:before,
.ax-headline.ax-sm .ax-title:after {
  width: 1.8rem;
  top: calc(1.8rem / 2 + 0.1rem);
}
.ax-headline.ax-sm .ax-title:before {
  left: calc(-0.8rem - 1.8rem);
}
.ax-headline.ax-sm .ax-title:after {
  right: calc(-0.8rem - 1.8rem);
}
.ax-headline.ax-lg .ax-body {
  font-size: calc(2.8rem + 0.4rem);
  line-height: calc(2.8rem + 0.4rem);
}
.ax-headline.ax-lg .ax-title:before,
.ax-headline.ax-lg .ax-title:after {
  width: 2.8rem;
  top: calc((2.8rem + 0.4rem) / 2 + 0.1rem);
}
.ax-headline.ax-lg .ax-title:before {
  left: calc(-1.4rem - 2.8rem);
}
.ax-headline.ax-lg .ax-title:after {
  right: calc(-1.4rem - 2.8rem);
}
.ax-headline.ax-primary .ax-title {
  color: #198cff;
}
.ax-headline.ax-primary .ax-title:before,
.ax-headline.ax-primary .ax-title:after {
  background-color: #d7e7f5;
}
.ax-headline.ax-secondary .ax-title {
  color: #475b66;
}
.ax-headline.ax-secondary .ax-title:before,
.ax-headline.ax-secondary .ax-title:after {
  background-color: #dfe3e5;
}
.ax-headline.ax-success .ax-title {
  color: #41a358;
}
.ax-headline.ax-success .ax-title:before,
.ax-headline.ax-success .ax-title:after {
  background-color: #e1f0e5;
}
.ax-headline.ax-danger .ax-title {
  color: #dc3545;
}
.ax-headline.ax-danger .ax-title:before,
.ax-headline.ax-danger .ax-title:after {
  background-color: #f0dddf;
}
.ax-headline.ax-warning .ax-title {
  color: #ffc107;
}
.ax-headline.ax-warning .ax-title:before,
.ax-headline.ax-warning .ax-title:after {
  background-color: #f5edd7;
}
.ax-headline.ax-info .ax-title {
  color: #14ccc9;
}
.ax-headline.ax-info .ax-title:before,
.ax-headline.ax-info .ax-title:after {
  background-color: #cef0f0;
}
.ax-headline.ax-ad .ax-title {
  color: #ff8400;
}
.ax-headline.ax-ad .ax-title:before,
.ax-headline.ax-ad .ax-title:after {
  background-color: #f5e7d7;
}
.ax-headline.ax-align-left .ax-title,
.ax-headline.ax-align-right .ax-title {
  color: #333333;
}
.ax-headline.ax-align-left.ax-primary:before,
.ax-headline.ax-align-right.ax-primary:after {
  background-color: #198cff;
}
.ax-headline.ax-align-left.ax-secondary:before,
.ax-headline.ax-align-right.ax-secondary:after {
  background-color: #475b66;
}
.ax-headline.ax-align-left.ax-success:before,
.ax-headline.ax-align-right.ax-success:after {
  background-color: #41a358;
}
.ax-headline.ax-align-left.ax-danger:before,
.ax-headline.ax-align-right.ax-danger:after {
  background-color: #dc3545;
}
.ax-headline.ax-align-left.ax-warning:before,
.ax-headline.ax-align-right.ax-warning:after {
  background-color: #ffc107;
}
.ax-headline.ax-align-left.ax-info:before,
.ax-headline.ax-align-right.ax-info:after {
  background-color: #14ccc9;
}
.ax-headline.ax-align-left.ax-ad:before,
.ax-headline.ax-align-right.ax-ad:after {
  background-color: #ff8400;
}
.ax-headline.ax-style-simple .ax-title:before,
.ax-headline.ax-style-simple .ax-title:after {
  display: none;
}
.ax-headline.ax-style-dash .ax-title:before,
.ax-headline.ax-style-dash .ax-title:after {
  display: none;
}
.ax-headline.ax-style-dash {
  margin-bottom: calc(1.4rem*4);
}
.ax-headline.ax-style-dash:after {
  content: '';
  width: 2.2rem;
  height: 0.2rem;
  background-color: #333333;
  overflow: hidden;
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  bottom: calc(-1.4rem*2);
}
.ax-headline.ax-style-underline .ax-title:after {
  display: none;
}
.ax-headline.ax-style-underline .ax-title:before {
  width: 100%;
  height: 0.6rem;
  background-color: #ffc107;
  right: auto;
  left: 0;
  top: auto;
  bottom: -0.2rem;
}
.ax-headline.ax-style-underline .ax-title i {
  position: relative;
}
.ax-headline.ax-style-tab {
  text-align: left;
  line-height: 3.8rem;
}
.ax-headline.ax-style-tab .ax-body {
  line-height: 3.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-headline.ax-style-tab .ax-title:before,
.ax-headline.ax-style-tab .ax-title:after {
  display: none;
}
.ax-headline.ax-style-tab .ax-more {
  margin-left: calc(1.4rem*2);
}
.ax-headline.ax-style-tab .ax-des {
  margin-top: 0;
}
.ax-headline.ax-style-tab .ax-body .ax-des {
  margin-left: 1.4rem;
}
.ax-headline.ax-style-tab .ax-body .ax-badge,
.ax-headline.ax-style-tab .ax-body .ax-dot {
  margin-left: 0.8rem;
}
/*align*/
.ax-align-left {
  text-align: left !important;
}
.ax-align-right {
  text-align: right !important;
}
.ax-align-center {
  text-align: center !important;
}
.ax-align-left-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-align-right-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ax-align-top-center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ax-align-origin,
.ax-align-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ax-align-bottom-center {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ax-align-top-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ax-align-top-center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ax-align-top-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.ax-align-bottom-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.ax-align-bottom-center {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ax-align-bottom-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.ax-float-left {
  float: left;
}
.ax-float-right {
  float: right;
}
/*transition 动画*/
.ax-deg360 {
  transform: rotate(360deg);
}
.ax-deg180 {
  transform: rotate(-180deg);
}
/*animation 动画*/
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ax-rotate360 {
  animation-timing-function: linear;
  animation-duration: 2000ms;
  animation-fill-mode: both;
  animation-name: rotate360;
}
@keyframes rotate180 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
.ax-rotate180 {
  animation-duration: 500ms;
  animation-fill-mode: both;
  animation-name: rotate180;
}
@keyframes rotate90 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
.ax-rotate90 {
  animation-duration: 200ms;
  animation-fill-mode: both;
  animation-name: rotate90;
}
@keyframes rotate45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
.ax-rotate45 {
  animation-duration: 200ms;
  animation-fill-mode: both;
  animation-name: rotate45;
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.ax-bounceShow {
  animation-duration: 300ms;
  animation-fill-mode: both;
  transform-origin: center bottom;
  animation-name: bounce;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.ax-flashShow {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flash;
}
@keyframes pulse {
  from,
  50%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  25%,
  75% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
}
.ax-pulseShow {
  animation-duration: 300ms;
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.ax-shakeShow {
  animation-duration: 300ms;
  animation-name: shake;
}
@keyframes fadeIn {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ax-fadeIn {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
@keyframes fadeOut {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ax-fadeOut {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
@keyframes fadeInUp {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fadeInUp {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
@keyframes fadeOutUp {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
}
.ax-fadeOutUp {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeOutUp;
}
@keyframes fadeInDown {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fadeInDown {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeInDown;
}
@keyframes fadeOutDown {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
}
.ax-fadeOutDown {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeOutDown;
}
@keyframes fadeInLeft {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fadeInLeft {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
}
@keyframes fadeOutLeft {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }
}
.ax-fadeOutLeft {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeOutLeft;
}
@keyframes fadeInRight {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fadeInRight {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeInRight;
}
@keyframes fadeOutRight {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
}
.ax-fadeOutRight {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeOutRight;
}
@keyframes springIn {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  45% {
    transform: scale(1.02);
    opacity: 1;
  }
  80% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
.ax-springIn {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: springIn;
}
@keyframes springOut {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.98);
  }
  55% {
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}
.ax-springOut {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: springOut;
}
@keyframes scaleIn {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ax-scaleIn {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: scaleIn;
}
@keyframes scaleOut {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
.ax-scaleOut {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: scaleOut;
}
@keyframes flyInLeft {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 50%, 0) rotate(-30deg);
    transform: translate3d(-50%, 50%, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-flyInLeft {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyInLeft;
}
@keyframes flyOutLeft {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 50%, 0) rotate(-30deg);
    transform: translate3d(-50%, 50%, 0) rotate(-30deg);
  }
}
.ax-flyOutLeft {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyOutLeft;
}
@keyframes flyInRight {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 50%, 0) rotate(30deg);
    transform: translate3d(50%, 50%, 0) rotate(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-flyInRight {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyInRight;
}
@keyframes flyOutRight {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 50%, 0) rotate(30deg);
    transform: translate3d(50%, 50%, 0) rotate(30deg);
  }
}
.ax-flyOutRight {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyOutRight;
}
@keyframes flyInUp {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -100%, 0) rotate(-30deg);
    transform: translate3d(0%, -100%, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-flyInUp {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyInUp;
}
@keyframes flyOutUp {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -100%, 0) rotate(-30deg);
    transform: translate3d(0%, -100%, 0) rotate(-30deg);
  }
}
.ax-flyOutUp {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyOutUp;
}
@keyframes flyInDown {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, 100%, 0) rotate(30deg);
    transform: translate3d(0%, 100%, 0) rotate(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-flyInDown {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyInDown;
}
@keyframes flyOutDown {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0%, 100%, 0) rotate(30deg);
    transform: translate3d(0%, 100%, 0) rotate(30deg);
  }
}
.ax-flyOutDown {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyOutDown;
}
@keyframes rotateIn {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(0.5) rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
.ax-rotateIn {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: rotateIn;
}
@keyframes rotateOut {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.5) rotate(180deg);
    opacity: 0;
  }
}
.ax-rotateOut {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: rotateOut;
}
[class*="In"].ax-slowest,
[class*="Out"].ax-slowest,
[class*="Show"].ax-slowest,
[class*="rotate"].ax-slowest {
  animation-duration: 500ms;
}
[class*="In"].ax-slower,
[class*="Out"].ax-slower,
[class*="Show"].ax-slower,
[class*="rotate"].ax-slower {
  animation-duration: 400ms;
}
[class*="In"].ax-slow,
[class*="Out"].ax-slow,
[class*="Show"].ax-slow,
[class*="rotate"].ax-slow {
  animation-duration: 300ms;
}
[class*="In"].ax-normal,
[class*="Out"].ax-normal,
[class*="Show"].ax-normal,
[class*="rotate"].ax-normal {
  animation-duration: 200ms;
}
[class*="In"].ax-fast,
[class*="Out"].ax-fast,
[class*="rotate"].ax-fast {
  animation-duration: 100ms;
}
/*width height 100%*/
.ax-full-width {
  width: 100%;
}
.ax-full-height {
  height: 100%;
}
.ax-full-all {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.ax-full-main {
  box-sizing: border-box;
  padding: 1.4rem;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/*grid layout*/
.ax-grid {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
.ax-grid-inner {
  box-sizing: border-box;
  zoom: 1;
  margin: auto 0;
}
.ax-grid-inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ax-grid-block {
  float: left;
  padding: 0;
  box-sizing: border-box;
}
.ax-grid.ax-space-0 {
  margin: 0 auto;
}
.ax-grid.ax-space-0 .ax-grid-inner {
  margin: auto 0;
}
.ax-grid.ax-space-0 .ax-grid-block {
  padding: 0;
}
.ax-grid.ax-space-xxs {
  margin: calc(-0.4rem/2) auto;
}
.ax-grid.ax-space-xxs .ax-grid-inner {
  margin: auto calc(-0.4rem/2);
}
.ax-grid.ax-space-xxs .ax-grid-block {
  padding: calc(0.4rem/2) calc(0.4rem/2);
}
.ax-grid.ax-space-xs {
  margin: calc(-0.8rem/2) auto;
}
.ax-grid.ax-space-xs .ax-grid-inner {
  margin: auto calc(-0.8rem/2);
}
.ax-grid.ax-space-xs .ax-grid-block {
  padding: calc(0.8rem/2) calc(0.8rem/2);
}
.ax-grid.ax-space-sm {
  margin: calc(-1rem/2) auto;
}
.ax-grid.ax-space-sm .ax-grid-inner {
  margin: auto calc(-1.2rem/2);
}
.ax-grid.ax-space-sm .ax-grid-block {
  padding: calc(1rem/2) calc(1.2rem/2);
}
.ax-grid.ax-space-md,
.ax-grid.ax-space {
  margin: calc(-1.4rem/2) auto;
}
.ax-grid.ax-space-md .ax-grid-inner,
.ax-grid.ax-space .ax-grid-inner {
  margin: auto calc(-1.4rem/2);
}
.ax-grid.ax-space-md .ax-grid-block,
.ax-grid.ax-space .ax-grid-block {
  padding: calc(1.4rem/2) calc(1.4rem/2);
}
.ax-grid.ax-space-lg {
  margin: calc(-1.8rem/2) auto;
}
.ax-grid.ax-space-lg .ax-grid-inner {
  margin: auto calc(-1.6rem/2);
}
.ax-grid.ax-space-lg .ax-grid-block {
  padding: calc(1.8rem/2) calc(1.6rem/2);
}
.ax-grid.ax-space-xl {
  margin: calc(-2.2rem/2) auto;
}
.ax-grid.ax-space-xl .ax-grid-inner {
  margin: auto calc(-2.2rem/2);
}
.ax-grid.ax-space-xl .ax-grid-block {
  padding: calc(2.2rem/2) calc(2.2rem/2);
}
.ax-grid.ax-space-xxl {
  margin: calc(-2.8rem/2) auto;
}
.ax-grid.ax-space-xxl .ax-grid-inner {
  margin: auto calc(-2.8rem/2);
}
.ax-grid.ax-space-xxl .ax-grid-block {
  padding: calc(2.8rem/2) calc(2.8rem/2);
}
.ax-grid-table {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  zoom: 1;
  border-left: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}
.ax-grid-table .ax-grid-block {
  padding: 0;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.ax-grid-table:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*flex layout*/
.ax-flex-row {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  width: 100%;
  box-sizing: border-box;
}
.ax-flex-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  box-sizing: border-box;
}
.ax-flex-col {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.ax-flex-block,
.ax-flex-block-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-flex-block-2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-flex: 2;
  box-flex: 2;
  position: relative;
}
.ax-flex-block-3 {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -ms-flex: 3;
  box-flex: 3;
  position: relative;
}
.ax-flex-block-4 {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-flex: 4;
  box-flex: 4;
  position: relative;
}
.ax-flex-block-5 {
  -webkit-box-flex: 5;
  -moz-box-flex: 5;
  -ms-flex: 5;
  box-flex: 5;
  position: relative;
}
.ax-flex-block-6 {
  -webkit-box-flex: 6;
  -moz-box-flex: 6;
  -ms-flex: 6;
  box-flex: 6;
  position: relative;
}
@-moz-document url-prefix() {
  .ax-with-flexigrid {
    overflow: hidden;
    /*hack firefox flexigrid*/
  }
  .ax-flex-block {
    min-width: 0;
    /*hack firefox ellipsis*/
  }
}
.ax-noflex-block {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0 auto;
  box-flex: 0;
  position: relative;
}
/*grid layout*/
.ax-row {
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  width: 100%;
  zoom: 1;
}
.ax-col {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  min-width: 0;
  position: relative;
}
.ax-col-1 {
  width: calc((100%/24)*1);
}
_:-ms-lang(x),
.ax-col-1 {
  width: 4.166666%;
}
.ax-col-2 {
  width: calc((100%/24)*2);
}
.ax-col-3 {
  width: calc((100%/24)*3);
}
_:-ms-lang(x),
.ax-col-3 {
  width: 12.5%;
}
.ax-col-4 {
  width: calc((100%/24)*4);
}
_:-ms-lang(x),
.ax-col-4 {
  width: 16.66666%;
}
.ax-col-5 {
  width: calc((100%/24)*5);
}
.ax-col-6 {
  width: calc((100%/24)*6);
}
.ax-col-7 {
  width: calc((100%/24)*7);
}
_:-ms-lang(x),
.ax-col-7 {
  width: 29.166666%;
}
.ax-col-8 {
  width: calc((100%/24)*8);
}
.ax-col-9 {
  width: calc((100%/24)*9);
}
.ax-col-10 {
  width: calc((100%/24)*10);
}
.ax-col-11 {
  width: calc((100%/24)*11);
}
.ax-col-12 {
  width: calc((100%/24)*12);
}
.ax-col-13 {
  width: calc((100%/24)*13);
}
.ax-col-14 {
  width: calc((100%/24)*14);
}
.ax-col-15 {
  width: calc((100%/24)*15);
}
.ax-col-16 {
  width: calc((100%/24)*16);
}
.ax-col-17 {
  width: calc((100%/24)*17);
}
.ax-col-18 {
  width: calc((100%/24)*18);
}
.ax-col-19 {
  width: calc((100%/24)*19);
}
.ax-col-20 {
  width: calc((100%/24)*20);
}
.ax-col-21 {
  width: calc((100%/24)*21);
}
.ax-col-22 {
  width: calc((100%/24)*22);
}
.ax-col-23 {
  width: calc((100%/24)*23);
}
.ax-col-24 {
  width: calc((100%/24)*24);
}
.ax-col-1-avg {
  width: calc(100%/1);
}
.ax-col-2-avg {
  width: calc(100%/2);
}
.ax-col-3-avg {
  width: calc(100%/3);
}
.ax-col-4-avg {
  width: calc(100%/4);
}
.ax-col-5-avg {
  width: calc(100%/5);
}
.ax-col-6-avg {
  width: calc(100%/6);
}
_:-ms-lang(x),
.ax-col-6-avg {
  width: 16.66666%;
}
.ax-col-7-avg {
  width: calc(100%/7);
}
_:-ms-lang(x),
.ax-col-7-avg {
  width: 14.2857%;
}
.ax-col-8-avg {
  width: calc(100%/8);
}
_:-ms-fullscreen,
:root .ax-col-8-avg {
  width: 12.4999%;
}
.ax-col-9-avg {
  width: calc(100%/9);
}
_:-ms-fullscreen,
:root .ax-col-9-avg {
  width: 11.111%;
}
.ax-col-10-avg {
  width: calc(100%/10);
}
.ax-col-11-avg {
  width: calc(100%/11);
}
_:-ms-fullscreen,
:root .ax-col-11-avg {
  width: 9.090909%;
}
.ax-col-12-avg {
  width: calc(100%/12);
}
/*color background*/
.ax-color-primary,
.ax-color-primary [class*="font"],
.ax-color-primary svg {
  color: #198cff;
  fill: #198cff;
}
.ax-color-secondary,
.ax-color-secondary [class*="font"],
.ax-color-secondary svg {
  color: #475b66;
  fill: #475b66;
}
.ax-color-success,
.ax-color-success [class*="font"],
.ax-color-success svg {
  color: #41a358;
  fill: #41a358;
}
.ax-color-danger,
.ax-color-danger [class*="font"],
.ax-color-danger svg {
  color: #dc3545;
  fill: #dc3545;
}
.ax-color-warning,
.ax-color-warning [class*="font"],
.ax-color-warning svg {
  color: #ffc107;
  fill: #ffc107;
}
.ax-color-info,
.ax-color-info [class*="font"],
.ax-color-info svg {
  color: #14ccc9;
  fill: #14ccc9;
}
.ax-color-ad,
.ax-color-ad [class*="font"],
.ax-color-ad svg {
  color: #ff8400;
  fill: #ff8400;
}
.ax-color-title,
.ax-color-title [class*="font"],
.ax-color-title svg {
  color: #333333;
  fill: #333333;
}
.ax-color-des,
.ax-color-des [class*="font"],
.ax-color-des svg {
  color: #666666;
  fill: #666666;
}
.ax-color-ignore,
.ax-color-ignore [class*="font"],
.ax-color-ignore svg {
  color: #b3b3b3;
  fill: #b3b3b3;
}
.ax-color-forbid,
.ax-color-forbid [class*="font"],
.ax-color-forbid svg {
  color: #b3b3b3;
  fill: #b3b3b3;
  cursor: not-allowed;
}
.ax-color-white,
.ax-color-white [class*="font"],
.ax-color-white svg {
  color: #fff;
  fill: #fff;
}
.ax-bg-primary,
.ax-avatar.ax-bg-primary {
  background-color: #198cff;
  color: #fff;
}
.ax-bg-secondary,
.ax-avatar.ax-bg-secondary {
  background-color: #475b66;
  color: #fff;
}
.ax-bg-success,
.ax-avatar.ax-bg-success {
  background-color: #41a358;
  color: #fff;
}
.ax-bg-danger,
.ax-avatar.ax-bg-danger {
  background-color: #dc3545;
  color: #fff;
}
.ax-bg-warning,
.ax-avatar.ax-bg-warning {
  background-color: #ffc107;
  color: #333333;
}
.ax-bg-info,
.ax-avatar.ax-bg-info {
  background-color: #14ccc9;
  color: #fff;
}
.ax-bg-ad,
.ax-avatar.ax-bg-ad {
  background-color: #ff8400;
  color: #fff;
}
.ax-bg-title,
.ax-avatar.ax-bg-title {
  background-color: #333333;
  color: #fff;
}
.ax-bg-des,
.ax-avatar.ax-bg-des {
  background-color: #666666;
  color: #fff;
}
.ax-bg-ignore,
.ax-avatar.ax-bg-ignore {
  background-color: #b3b3b3;
}
.ax-bg-white,
.ax-avatar.ax-bg-white {
  background-color: #fff;
}
.ax-bglit-primary,
.ax-avatar.ax-bglit-primary {
  background-color: #f0f7ff;
  color: #0b72da;
}
.ax-bglit-secondary,
.ax-avatar.ax-bglit-secondary {
  background-color: #f5f8fa;
  color: #383e42;
}
.ax-bglit-success,
.ax-avatar.ax-bglit-success {
  background-color: #edfaf0;
  color: #3b7649;
}
.ax-bglit-danger,
.ax-avatar.ax-bglit-danger {
  background-color: #fff0f1;
  color: #b22c39;
}
.ax-bglit-warning,
.ax-avatar.ax-bglit-warning {
  background-color: #fffaeb;
  color: #333333;
}
.ax-bglit-info,
.ax-avatar.ax-bglit-info {
  background-color: #ebfaf9;
  color: #189593;
}
.ax-bglit-ad,
.ax-avatar.ax-bglit-ad {
  background-color: #fff5eb;
  color: #c2690a;
}
.ax-bglit-title,
.ax-avatar.ax-bglit-title {
  background-color: #f5f5f5;
  color: #333333;
}
/*gradient bg*/
.ax-bg-primary.ax-gradient-0 {
  background: linear-gradient(0deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient,
.ax-gradient,
.ax-bg-primary.ax-gradient-45 {
  background: linear-gradient(45deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-90 {
  background: linear-gradient(90deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-135 {
  background: linear-gradient(135deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-180 {
  background: linear-gradient(180deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-225 {
  background: linear-gradient(225deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-270 {
  background: linear-gradient(270deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-315 {
  background: linear-gradient(315deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-360 {
  background: linear-gradient(360deg, #198cff, #6619ff);
}
.ax-bg-secondary.ax-gradient-0 {
  background: linear-gradient(0deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient,
.ax-bg-secondary.ax-gradient-45 {
  background: linear-gradient(45deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-90 {
  background: linear-gradient(90deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-135 {
  background: linear-gradient(135deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-180 {
  background: linear-gradient(180deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-225 {
  background: linear-gradient(225deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-270 {
  background: linear-gradient(270deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-315 {
  background: linear-gradient(315deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-360 {
  background: linear-gradient(360deg, #475b66, #63a0be);
}
.ax-bg-success.ax-gradient-0 {
  background: linear-gradient(0deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient,
.ax-bg-success.ax-gradient-45 {
  background: linear-gradient(45deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-90 {
  background: linear-gradient(90deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-135 {
  background: linear-gradient(135deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-180 {
  background: linear-gradient(180deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-225 {
  background: linear-gradient(225deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-270 {
  background: linear-gradient(270deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-315 {
  background: linear-gradient(315deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-360 {
  background: linear-gradient(360deg, #41a358, #b2d956);
}
.ax-bg-danger.ax-gradient-0 {
  background: linear-gradient(0deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient,
.ax-bg-danger.ax-gradient-45 {
  background: linear-gradient(45deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-90 {
  background: linear-gradient(90deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-135 {
  background: linear-gradient(135deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-180 {
  background: linear-gradient(180deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-225 {
  background: linear-gradient(225deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-270 {
  background: linear-gradient(270deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-315 {
  background: linear-gradient(315deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-360 {
  background: linear-gradient(360deg, #dc3545, #ffc000);
}
.ax-bg-warning.ax-gradient-0 {
  background: linear-gradient(0deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient,
.ax-bg-warning.ax-gradient-45 {
  background: linear-gradient(45deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-90 {
  background: linear-gradient(90deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-135 {
  background: linear-gradient(135deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-180 {
  background: linear-gradient(180deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-225 {
  background: linear-gradient(225deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-270 {
  background: linear-gradient(270deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-315 {
  background: linear-gradient(315deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-360 {
  background: linear-gradient(360deg, #ffc107, #ffde7a);
}
.ax-bg-info.ax-gradient-0 {
  background: linear-gradient(0deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient,
.ax-bg-info.ax-gradient-45 {
  background: linear-gradient(45deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-90 {
  background: linear-gradient(90deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-135 {
  background: linear-gradient(135deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-180 {
  background: linear-gradient(180deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-225 {
  background: linear-gradient(225deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-270 {
  background: linear-gradient(270deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-315 {
  background: linear-gradient(315deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-360 {
  background: linear-gradient(360deg, #14ccc9, #2c7be6);
}
.ax-bg-ad.ax-gradient-0 {
  background: linear-gradient(0deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient,
.ax-bg-ad.ax-gradient-45 {
  background: linear-gradient(45deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-90 {
  background: linear-gradient(90deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-135 {
  background: linear-gradient(135deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-180 {
  background: linear-gradient(180deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-225 {
  background: linear-gradient(225deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-270 {
  background: linear-gradient(270deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-315 {
  background: linear-gradient(315deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-360 {
  background: linear-gradient(360deg, #ff8400, #ffdd23);
}
/*svg loading*/
.ax-loading {
  height: 2.8rem;
  width: 2.8rem;
  margin: auto;
}
.ax-loading svg {
  transform-origin: center center;
  animation: rotate360 2s linear infinite;
  height: 100%;
  width: 100%;
}
.ax-loading circle {
  fill: none;
  stroke-width: 0.2rem;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: loading-dash 1.5s ease-in-out infinite, loading-color 6s ease-in-out infinite;
  stroke-linecap: round;
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -3.5rem;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -12.4rem;
  }
}
@keyframes loading-color {
  100%,
  0% {
    stroke: #dc3545;
  }
  40% {
    stroke: #198cff;
  }
  66% {
    stroke: #ff8400;
  }
  80%,
  90% {
    stroke: #41a358;
  }
}
.ax-loading i {
  animation: rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid rgba(25, 140, 255, 0.2);
  border-bottom-color: #198cff;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.ax-loading.ax-white i {
  border-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: #fff;
}
.ax-waiting {
  position: relative;
}
.ax-waiting:after {
  content: "";
  position: absolute;
  animation: wait 1s infinite steps(3, start);
}
@keyframes wait {
  33.33% {
    content: ".";
  }
  66.67% {
    content: "..";
  }
  100% {
    content: "...";
  }
}
/*loading btn*/
.ax-btn-loading {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.4rem auto;
  background-image: url(../images/loading.svg);
}
.ax-btn-loading.ax-gif {
  background-image: url(../images/loading.gif);
}
.ax-btn-loading.ax-white,
.ax-btn.ax-primary:not(.ax-line) .ax-btn-loading,
.ax-btn.ax-seconday:not(.ax-line) .ax-btn-loading,
.ax-btn.ax-warning:not(.ax-line) .ax-btn-loading,
.ax-btn.ax-info:not(.ax-line) .ax-btn-loading,
.ax-btn.ax-danger:not(.ax-line) .ax-btn-loading,
.ax-btn.ax-suscess:not(.ax-line) .ax-btn-loading,
.ax-btn.ax-ad:not(.ax-line) .ax-btn-loading,
.ax-btn.ax-black:not(.ax-line) .ax-btn-loading {
  background-image: url(../images/loading-white.svg);
}
/*alert*/
.ax-alert {
  font-size: 1.4rem;
  color: #c8990b;
  line-height: 1.8rem;
  background-color: #fffaeb;
  border: 1px solid #f5edd7;
  border-radius: 0.3rem;
  padding: calc(0.8rem + 0.1rem) 1.4rem;
  position: relative;
}
.ax-alert .ax-close {
  font-family: arial;
  font-size: 2.2rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
  line-height: calc(3.8rem - 2px);
  transition: all 200ms linear;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-alert .ax-close:before {
  content: "\00D7";
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
}
.ax-alert .ax-close:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ax-alert .ax-title {
  font-weight: bold;
  margin-bottom: 0.4rem;
}
.ax-alert .ax-des {
  font-size: 1.2rem;
}
.ax-alert.ax-sm {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ax-alert.ax-sm [class*='font']:first-child {
  margin-right: 0.8rem;
}
.ax-alert.ax-lg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-alert.ax-lg [class*='font']:first-child {
  font-size: 2.8rem;
  margin-right: 1.4rem;
}
.ax-alert.ax-lg .ax-title {
  font-size: 1.4rem;
}
.ax-alert.ax-primary {
  color: #0b72da;
  background-color: #f0f7ff;
  border-color: #d7e7f5;
}
.ax-alert.ax-secondary {
  color: #383e42;
  background-color: #f5f8fa;
  border-color: #dfe3e5;
}
.ax-alert.ax-success {
  color: #3b7649;
  background-color: #edfaf0;
  border-color: #e1f0e5;
}
.ax-alert.ax-danger {
  color: #b22c39;
  background-color: #fff0f1;
  border-color: #f0dddf;
}
.ax-alert.ax-warning {
  color: #c8990b;
  background-color: #fffaeb;
  border-color: #f5edd7;
}
.ax-alert.ax-ad {
  color: #c2690a;
  background-color: #fff5eb;
  border-color: #f5e7d7;
}
.ax-alert.ax-info {
  color: #189593;
  background-color: #ebfaf9;
  border-color: #cef0f0;
}
.ax-alert.ax-light {
  color: #666666;
  background-color: rgba(0, 0, 0, 0.02);
  border-color: #ebebeb;
}
.ax-alert.ax-borderless {
  border: none;
}
.ax-alert.ax-square {
  border-radius: 0;
}
/*tag*/
.ax-tag {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 0 1rem;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  line-height: 2.8rem;
}
.ax-tag i {
  font-family: arial;
  font-size: 2.2rem;
  width: 2.8rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  cursor: pointer;
  margin-right: -1rem;
  transition: all 200ms linear;
}
.ax-tag i:before {
  content: "\00D7";
}
.ax-tag i:hover {
  color: rgba(0, 0, 0, 0.3);
}
.ax-tag s {
  font-family: arial;
  font-size: 1.4rem;
  cursor: pointer;
  color: #b3b3b3;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  border-radius: 1.6rem;
  text-decoration: none;
  background-color: #f0f0f0;
  transition: all 200ms linear;
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
}
.ax-tag s:before {
  content: "\00D7";
}
.ax-tag s:hover {
  color: #666666;
}
.ax-tag.ax-primary,
*.ax-tag.ax-primary:hover {
  color: #1063b7;
  background-color: #f0f7ff;
  border-color: #d7e7f5;
}
.ax-tag.ax-secondary,
*.ax-tag.ax-secondary:hover {
  color: #2d2e2f;
  background-color: #f5f8fa;
  border-color: #dfe3e5;
}
.ax-tag.ax-success,
*.ax-tag.ax-success:hover {
  color: #355d3f;
  background-color: #edfaf0;
  border-color: #e1f0e5;
}
.ax-tag.ax-danger,
*.ax-tag.ax-danger:hover {
  color: #942c36;
  background-color: #fff0f1;
  border-color: #f0dddf;
}
.ax-tag.ax-warning,
*.ax-tag.ax-warning:hover {
  color: #a6800e;
  background-color: #fffaeb;
  border-color: #f5edd7;
}
.ax-tag.ax-ad,
*.ax-tag.ax-ad:hover {
  color: #a0590e;
  background-color: #fff5eb;
  border-color: #f5e7d7;
}
.ax-tag.ax-info,
*.ax-tag.ax-info:hover {
  color: #187675;
  background-color: #ebfaf9;
  border-color: #cef0f0;
}
.ax-tag.ax-light,
*.ax-tag.ax-light:hover {
  color: #666666;
  background-color: rgba(0, 0, 0, 0.02);
  border-color: #ebebeb;
}
.ax-tag.ax-borderless {
  border-width: 0;
}
.ax-tag.ax-square {
  border-radius: 0;
}
.ax-tag.ax-round {
  border-radius: 2.8rem;
}
/*result*/
.ax-result {
  font-size: 5.4rem;
  width: 5.4rem;
  height: 5.4rem;
  line-height: 5.4rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5.4rem;
  margin: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ax-result *[class*="font"] {
  font-size: 5.4rem;
}
.ax-result svg {
  width: 5.4rem;
  height: 5.4rem;
}
.ax-result.ax-success {
  color: #198cff;
}
.ax-result.ax-error {
  color: #dc3545;
}
.ax-result.ax-warning {
  color: #ffc107;
}
.ax-result.ax-info {
  color: #14ccc9;
}
.ax-result.ax-question {
  color: #ff8400;
}
@keyframes draw-rotate {
  100% {
    stroke-dashoffset: 0;
    transform: rotate(0deg);
  }
}
@keyframes draw-line {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes draw-circle {
  0% {
    transform: scale(0.7);
    opacity: 1;
  }
  45% {
    transform: scale(1.2);
    opacity: 1;
  }
  80% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes draw-waiting {
  0% {
    stroke-dasharray: 0, 229;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 114, 129;
    stroke-dashoffset: -57;
  }
  100% {
    stroke-dasharray: 0, 229;
    stroke-dashoffset: -228;
  }
}
@keyframes draw-waiting2 {
  0% {
    stroke-dasharray: 0, 250;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 125, 250;
    stroke-dashoffset: -62;
  }
  100% {
    stroke-dasharray: 0, 250;
    stroke-dashoffset: -249;
  }
}
.ax-result .svg-out,
.ax-result .svg-in-1:not(.svg-circle),
.ax-result .svg-in-2:not(.svg-circle),
.ax-result .svg-bg {
  stroke-width: 3.7253;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ax-result .svg-line {
  fill: none;
}
.ax-result .svg-circle {
  opacity: 0;
}
.ax-result svg:not(.svg-success):not(.svg-error):not(.svg-warning):not(.svg-info):not(.svg-question) .svg-bg {
  stroke: #ebebeb;
  animation: draw-waiting 1.5s linear infinite;
}
.svg-success .svg-out {
  stroke: #198cff;
}
.svg-success .svg-in-1 {
  stroke: #198cff;
}
.svg-success .svg-bg {
  stroke: #f0f7ff;
}
.svg-error .svg-out {
  stroke: #dc3545;
}
.svg-error .svg-bg {
  stroke: #fff0f1;
}
.svg-error .svg-in-1,
.svg-error .svg-in-2 {
  stroke: #dc3545;
}
.svg-warning .svg-out {
  stroke: #ffc107;
}
.svg-warning .svg-in-1 {
  stroke: #ffc107;
}
.svg-warning .svg-bg {
  stroke: #fffaeb;
}
.svg-warning .svg-circle {
  fill: #ffc107;
}
.svg-info .svg-out {
  stroke: #14ccc9;
}
.svg-info .svg-in-1 {
  stroke: #14ccc9;
}
.svg-info .svg-bg {
  stroke: #ebfaf9;
}
.svg-info .svg-circle {
  fill: #14ccc9;
}
.svg-question .svg-out {
  stroke: #ff8400;
}
.svg-question .svg-in-1 {
  stroke: #ff8400;
}
.svg-question .svg-bg {
  stroke: #fff5eb;
}
.svg-question .svg-circle {
  fill: #ff8400;
}
.svg-success .svg-out {
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.svg-success .svg-in-1 {
  stroke-dasharray: 49 51;
  stroke-dashoffset: 50;
}
.svg-error .svg-out {
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.svg-error .svg-in-1 {
  stroke-dasharray: 42 44;
  stroke-dashoffset: -43;
}
.svg-error .svg-in-2 {
  stroke-dasharray: 42 44;
  stroke-dashoffset: -43;
}
.svg-warning .svg-out {
  stroke-dasharray: 248 250;
  stroke-dashoffset: 249;
}
.svg-warning .svg-in-1 {
  stroke-dasharray: 30 32;
  stroke-dashoffset: 31;
}
.svg-warning .svg-in-2 {
  transform-origin: 4.33492rem 6.43337rem;
}
.svg-info .svg-out {
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.svg-info .svg-in-1 {
  stroke-dasharray: 35 37;
  stroke-dashoffset: -36;
}
.svg-info .svg-in-2 {
  transform-origin: 4.33492rem 2.35856rem;
}
.svg-question .svg-out {
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.svg-question .svg-in-1 {
  stroke-dasharray: 59 61;
  stroke-dashoffset: 60;
}
.svg-question .svg-in-2 {
  transform-origin: 4.46612rem 6.05502rem;
}
/*默认等待*/
.svg-success .svg-out,
.svg-error .svg-out,
.svg-info .svg-out,
.svg-question .svg-out {
  animation: draw-waiting 1.5s linear infinite;
}
.svg-warning .svg-out {
  animation: draw-waiting2 1.5s linear infinite;
}
/*显示最终结果*/
.ax-result-show .svg-success .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-success .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-error .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-error .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-error .svg-in-2 {
  animation: draw-line 400ms ease-out 1200ms forwards;
}
.ax-result-show .svg-warning .svg-out {
  animation: draw-line 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-warning .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-warning .svg-in-2 {
  animation: draw-circle 400ms ease-out 1200ms forwards;
}
.ax-result-show .svg-info .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-info .svg-in-1 {
  animation: draw-line 400ms ease-out 1200ms forwards;
}
.ax-result-show .svg-info .svg-in-2 {
  animation: draw-circle 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-question .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-question .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-question .svg-in-2 {
  animation: draw-circle 400ms ease-out 1200ms forwards;
}
/*tips before*/
.ax-ace {
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  font-family: arial;
  font-size: 1.2rem;
  vertical-align: middle;
}
.ax-ace-success {
  background-color: #198cff;
}
.ax-ace-success:before {
  content: '\221A';
}
.ax-ace-error {
  background-color: #dc3545;
}
.ax-ace-error:before {
  content: '\00D7';
}
.ax-ace-warning {
  background-color: #ffc107;
}
.ax-ace-warning:before {
  content: '\0021';
}
.ax-ace-info {
  background-color: #14ccc9;
}
.ax-ace-info:before {
  content: '\0069';
}
.ax-ace-question {
  background-color: #ff8400;
}
.ax-ace-question:before {
  content: '\003F';
}
/*menu*/
.ax-menu {
  width: 22rem;
  display: block;
  box-sizing: border-box;
}
.ax-menu ul {
  display: none;
}
.ax-menu li {
  box-sizing: border-box;
  position: relative;
  transition: all 200ms ease-out;
}
.ax-menu > li {
  border-bottom: none;
}
.ax-menu.ax-menu-dark > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ax-menu > li:before {
  content: '';
  width: 0.3rem;
  height: 0;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 200ms ease-out;
}
.ax-menu li a {
  color: #333333;
  height: 4.4rem;
  line-height: 4.4rem;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  position: relative;
  transition: all 200ms linear;
}
.ax-menu.ax-menu-dark li a {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu > li > a {
  padding-left: 1.4rem;
}
/*level 1*/
.ax-menu > li > ul > li > a {
  padding-left: calc(1.4rem*3);
}
/*level 2*/
.ax-menu > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*5);
}
/*level 3*/
.ax-menu > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*7);
}
/*level 4*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*9);
}
/*level 5*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*11);
}
/*level 6*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*13);
}
/*level 7*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*15);
}
/*level 8*/
.ax-menu .ax-name {
  line-height: 1.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  transition: all 200ms linear;
}
.ax-menu .ax-legend {
  color: #666666;
  width: 2.4rem;
  text-align: center;
  margin-right: 0.4rem;
  transition: all 200ms linear;
}
.ax-menu.ax-menu-dark .ax-legend {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu .ax-badge {
  margin-right: 1.4rem;
  margin-top: calc(2.2rem - 0.8rem);
}
.ax-menu .ax-dot {
  margin-right: 1.4rem;
  margin-top: calc(2.2rem - 0.3rem);
}
.ax-menu .ax-arrow {
  width: 3.8rem;
  text-align: center;
  color: #ccc;
  font-size: 1.2rem;
  transition: all 200ms linear;
}
.ax-menu span.ax-dot:nth-last-child(2),
.ax-menu span.ax-badge:nth-last-child(2) {
  margin-right: 0;
}
.ax-menu.ax-menu-dark .ax-arrow {
  color: rgba(255, 255, 255, 0.2);
}
.ax-menu .ax-active > a > .ax-arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ax-menu .ax-active {
  background: transparent;
}
.ax-menu.ax-menu-dark .ax-selected ul {
  background-color: rgba(0, 0, 0, 0.1);
}
.ax-menu .ax-active:before {
  height: 100%;
}
.ax-menu li:hover > a .ax-name,
.ax-menu li:hover > a .ax-legend,
.ax-menu li:hover > a .ax-arrow {
  color: #198cff;
}
.ax-menu > li > a .ax-name {
  font-weight: bold;
}
.ax-menu.ax-menu-dark > li > a .ax-name {
  font-weight: normal;
}
.ax-menu.ax-menu-dark li:hover > a .ax-name,
.ax-menu.ax-menu-dark li:hover > a .ax-legend,
.ax-menu.ax-menu-dark li:hover > a .ax-arrow {
  color: #fff;
}
.ax-menu li:hover > a.ax-selected[aria-disabled="true"] .ax-name,
.ax-menu li:hover > a.ax-selected[aria-disabled="true"] .ax-legend {
  color: #b3b3b3;
}
.ax-menu li:hover > a.ax-disabled .ax-arrow {
  color: #ccc;
}
.ax-menu.ax-menu-dark li:hover > a[aria-disabled="true"] .ax-name,
.ax-menu.ax-menu-dark li:hover > a[aria-disabled="true"] .ax-legend,
.ax-menu.ax-menu-dark li:hover > a[aria-disabled="true"] .ax-arrow {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu *[aria-expanded="true"],
.ax-menu *[aria-expanded="true"] .ax-legend {
  color: #333333;
}
.ax-menu *[aria-disabled="true"],
.ax-menu *[aria-disabled="true"] .ax-legend {
  color: #b3b3b3;
}
.ax-menu.ax-menu-dark *[aria-expanded="true"],
.ax-menu.ax-menu-dark *[aria-expanded="true"] .ax-legend {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu.ax-menu-dark *[aria-disabled="true"],
.ax-menu.ax-menu-dark *[aria-disabled="true"] .ax-legend {
  color: #fff;
}
.ax-menu a.ax-selected[aria-child="false"] {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.06);
}
.ax-menu.ax-menu-dark a.ax-selected[aria-child="false"] {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-menu a.ax-selected[aria-child="false"] .ax-legend {
  color: #198cff;
}
.ax-menu li:hover > a.ax-selected[aria-child="false"] .ax-name,
.ax-menu li:hover > a.ax-selected[aria-child="false"] .ax-legend {
  color: #198cff;
}
/*menu style*/
.ax-menu.ax-full {
  width: 100%;
}
.ax-menu.ax-no-padding > li:before {
  display: none;
}
.ax-menu.ax-no-padding > li > a {
  padding-left: 0;
}
.ax-menu.ax-no-padding > li > ul > li > a {
  padding-left: calc(1.4rem*2);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*4);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*6);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*7);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*10);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*12);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*14);
}
.ax-menu.ax-style-dot > li:before,
.ax-menu.ax-style-dot > li > a:before {
  display: none;
}
.ax-menu.ax-style-dot a.ax-selected[aria-child="false"]:before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: #198cff;
  content: '';
  position: absolute;
  left: calc(1.4rem*2 - 0.4rem);
  top: calc((4.4rem - 0.5rem)/2);
}
.ax-menu.ax-style-dot > li > a.ax-selected[aria-child="false"]:before {
  display: none;
}
.ax-menu.ax-no-padding.ax-style-dot a.ax-selected[aria-child="false"]:before {
  left: calc(1.4rem - 0.4rem);
}
.ax-menu.ax-style-dot > li:before {
  display: none;
}
.ax-menu.ax-style-line > li:before {
  display: none;
}
.ax-menu.ax-style-line a.ax-selected[aria-child="false"]:before {
  position: absolute;
  background-color: #198cff;
  content: '';
  width: 0.2rem;
  height: 100%;
  left: 0;
  top: 0;
}
/*menu row*/
.ax-menu.ax-menu-row {
  display: inline-block;
  width: auto;
  z-index: 4;
}
.ax-menu.ax-menu-row li {
  position: relative;
}
.ax-menu.ax-menu-row ul {
  width: 100%;
  position: absolute;
  background-color: #fff;
  box-size: border-box;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.ax-menu.ax-menu-row ul > li:first-child > a {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.ax-menu.ax-menu-row ul > li:last-child > a {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ax-menu.ax-menu-row .ax-collapse {
  overflow: inherit;
}
.ax-menu.ax-menu-row .ax-collapse:not(.ax-show) {
  display: none;
}
.ax-menu.ax-menu-row > li {
  display: inline-block;
  box-sizing: border-box;
  width: 18rem;
}
.ax-menu.ax-menu-row > li li {
  text-align: left;
}
.ax-menu.ax-menu-row > li::before {
  display: none;
}
.ax-menu.ax-menu-row > li > a > .ax-arrow {
  transform: rotate(90deg);
}
.ax-menu.ax-menu-row > li > [aria-expanded="true"] > .ax-arrow {
  transform: rotate(270deg);
}
.ax-menu.ax-menu-row > li > a {
  display: inline-block;
}
.ax-menu.ax-menu-row > li > a > span {
  display: inline-block;
  box-flex: 0;
}
.ax-menu.ax-menu-row > li > ul {
  left: -0.1rem;
  top: calc(100% + 0.6rem);
  box-sizing: border-box;
}
.ax-menu.ax-menu-row > li > ul:before {
  width: 100%;
  height: 0.6rem;
  content: "";
  position: absolute;
  left: 0;
  top: -0.7rem;
}
.ax-menu.ax-menu-row > li > ul > li ul {
  right: calc(-100% - 0.1rem - 0.6rem);
  top: -0.1rem;
}
.ax-menu.ax-menu-row > li > ul > li ul:before {
  height: 100%;
  width: 0.6rem;
  content: "";
  position: absolute;
  left: -0.7rem;
  top: 0;
}
.ax-menu.ax-menu-row > li > ul .ax-active > a > .ax-arrow,
.ax-menu.ax-menu-row > li > ul [aria-expanded="true"] > .ax-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ax-menu.ax-menu-row > li > a .ax-name {
  font-weight: normal;
  line-height: 3.8rem;
}
.ax-menu.ax-menu-row li a {
  line-height: 3.8rem;
  height: 3.8rem;
}
.ax-menu.ax-menu-row > li li {
  border-bottom: 1px solid #ebebeb;
  padding-left: 0;
}
.ax-menu.ax-menu-row > li a {
  padding-left: 1.4rem;
}
.ax-menu.ax-menu-row > li li:hover {
  background-color: #fafafa;
}
.ax-menu.ax-menu-row > li ul li:last-child {
  border-bottom: 0;
}
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"],
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover {
  background-color: #198cff;
  color: #fff;
}
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover .ax-name,
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover .ax-legend,
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover .ax-arrow {
  color: #fff;
}
.ax-menu.ax-menu-center > li a,
.ax-menu.ax-menu-center > li a {
  padding-left: 0 !important;
}
.ax-menu.ax-menu-center > li > a,
.ax-menu.ax-menu-center > li > a {
  padding-left: 3.8rem !important;
}
.ax-menu.ax-menu-center > li {
  text-align: center;
}
.ax-menu.ax-menu-center .ax-name {
  justify-content: center;
}
.ax-menu.ax-menu-row > li a,
.ax-menu > li > a[class*='ax-btn'] {
  padding-left: 2rem;
}
.ax-menu a[class*='ax-btn'] .ax-arrow {
  width: auto;
}
/*dot & badge*/
.ax-dot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  background-color: #dc3545;
}
.ax-dot.ax-primary {
  background-color: #198cff;
}
.ax-dot.ax-secondary {
  background-color: #475b66;
}
.ax-dot.ax-success {
  background-color: #41a358;
}
.ax-dot.ax-danger {
  background-color: #dc3545;
}
.ax-dot.ax-warning {
  background-color: #ffc107;
}
.ax-dot.ax-info {
  background-color: #14ccc9;
}
.ax-dot.ax-ad {
  background-color: #ff8400;
}
.ax-dot.ax-light {
  background-color: #ebebeb;
}
.ax-dot.ax-dark {
  background-color: #333333;
}
.ax-dot.ax-ignore {
  background-color: #b3b3b3;
}
.ax-dot.ax-white {
  background-color: #fff;
}
.ax-badge {
  font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";
  font-weight: normal;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.6rem;
  height: 1.6rem;
  padding: 0 0.5rem;
  border-radius: 1.6rem;
  box-sizing: border-box;
  background-color: #dc3545;
}
.ax-badge.ax-radius {
  border-radius: 0.3rem;
}
.ax-badge.ax-drop {
  border-radius: 1.6rem 1.6rem 1.6rem 0;
}
.ax-badge.ax-border {
  color: #dc3545;
  line-height: 1.4rem;
  padding: 0 0.4rem;
  border-width: 1px;
  border-style: solid;
  border-color: #dc3545;
  background: transparent;
}
.ax-badge.ax-primary {
  color: #fff;
  background-color: #198cff;
}
.ax-badge.ax-border.ax-primary {
  border-color: #198cff;
  color: #198cff;
  background: transparent;
}
.ax-badge.ax-secondary {
  color: #fff;
  background-color: #475b66;
}
.ax-badge.ax-border.ax-secondary {
  color: #475b66;
  border-color: #475b66;
  background: transparent;
}
.ax-badge.ax-success {
  color: #fff;
  background-color: #41a358;
}
.ax-badge.ax-border.ax-success {
  color: #41a358;
  border-color: #41a358;
  background: transparent;
}
.ax-badge.ax-danger {
  color: #fff;
  background-color: #dc3545;
}
.ax-badge.ax-border.ax-danger {
  color: #dc3545;
  border-color: #dc3545;
  background: transparent;
}
.ax-badge.ax-warning {
  color: #333333;
  background-color: #ffc107;
}
.ax-badge.ax-border.ax-warning {
  color: #ffc107;
  border-color: #ffc107;
  background: transparent;
}
.ax-badge.ax-info {
  color: #fff;
  background-color: #14ccc9;
}
.ax-badge.ax-border.ax-info {
  color: #14ccc9;
  border-color: #14ccc9;
  background: transparent;
}
.ax-badge.ax-ad {
  color: #fff;
  background-color: #ff8400;
}
.ax-badge.ax-border.ax-ad {
  color: #ff8400;
  border-color: #ff8400;
  background: transparent;
}
.ax-badge.ax-light {
  color: #666666;
  background-color: #ebebeb;
}
.ax-badge.ax-border.ax-light {
  color: #666666;
  border-color: #ebebeb;
  background: transparent;
}
.ax-badge.ax-dark {
  color: #fff;
  background-color: #333333;
}
.ax-badge.ax-border.ax-dark {
  color: #333333;
  border-color: #333333;
  background: transparent;
}
.ax-badge.ax-ignore {
  color: #333333;
  background-color: #b3b3b3;
}
.ax-badge.ax-border.ax-ignore {
  color: #b3b3b3;
  border-color: #b3b3b3;
  background: transparent;
}
.ax-badge.ax-white {
  color: #333333;
  background-color: #fff;
}
.ax-badge.ax-border.ax-white {
  color: #fff;
  border-color: #fff;
  background: transparent;
}
/*flag*/
.ax-flag {
  font-size: 1rem;
  width: 4.2rem;
  height: 4.2rem;
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 3;
}
.ax-flag i {
  color: #fff;
  height: 6rem;
  width: 6rem;
  line-height: 10rem;
  text-align: center;
  background-color: #198cff;
  position: absolute;
}
.ax-flag.ax-left {
  left: 0;
  top: 0;
}
.ax-flag.ax-left i {
  top: -3rem;
  left: -3rem;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
.ax-flag.ax-right {
  right: 0;
  top: 0;
}
.ax-flag.ax-right i {
  top: -3rem;
  right: -3rem;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.ax-flag.ax-primary i {
  background-color: #198cff;
}
.ax-flag.ax-secondary i {
  background-color: #475b66;
}
.ax-flag.ax-success i {
  background-color: #41a358;
}
.ax-flag.ax-danger i {
  background-color: #dc3545;
}
.ax-flag.ax-warning i {
  color: #333333;
  background-color: #ffc107;
}
.ax-flag.ax-info i {
  background-color: #14ccc9;
}
.ax-flag.ax-ad i {
  background-color: #ff8400;
}
.ax-flag.ax-light i {
  color: #666666;
  background-color: #ebebeb;
}
.ax-flag.ax-dark i {
  color: #fff;
  background-color: #333333;
}
.ax-flag.ax-ignore i {
  color: #999999;
  background-color: #f0f0f0;
}
.ax-flag.ax-white i {
  color: #333333;
  background-color: #fff;
}
/*text*/
h1 {
  font-family: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun";
  font-size: 2.8rem;
  line-height: calc(2.8rem + 1.6rem);
}
h2 {
  font-family: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun";
  font-size: 2.2rem;
  line-height: calc(2.2rem + 1.2rem);
}
h3 {
  font-family: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun";
  font-size: 1.8rem;
  line-height: calc(1.8rem + 1.2rem);
}
h4 {
  font-size: 1.6rem;
}
h5 {
  font-size: 1.4rem;
}
blockquote {
  background-color: rgba(94, 140, 186, 0.1);
  padding: 0.5rem 2rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1.4rem;
  border-left: 0.4rem solid rgba(94, 140, 186, 0.4);
}
fieldset {
  margin: 1.4rem 0;
  padding: 0 0.8rem;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0;
}
fieldset legend {
  font-weight: bold;
  padding: 0 0.8rem;
  margin-left: 0.8rem;
}
fieldset td {
  padding: 0.4rem;
}
.ax-article {
  text-align: left;
  padding: calc(1.4rem);
}
.ax-article a:not([class*="ax-btn"]),
.ax-article a:not([class*="ax-btn"]):hover {
  color: #198cff;
  text-decoration: underline;
}
.ax-article .ax-text-cancel,
.ax-article a.ax-text-cancel,
.ax-article .ax-text-cancel a,
.ax-article .ax-text-cancel:hover,
.ax-article a.ax-text-cancel:hover,
.ax-article .ax-text-cancel a:hover {
  color: #b3b3b3;
  text-decoration: line-through;
  margin: 0 0.4rem;
  cursor: text;
}
.ax-article a.ax-color-ignore,
.ax-article .ax-color-ignore a {
  color: #b3b3b3;
  text-decoration: none;
}
.ax-article a.ax-color-ignore:hover,
.ax-article .ax-color-ignore a:hover {
  color: #b3b3b3;
  text-decoration: underline;
}
.ax-article a.ax-color-primary,
.ax-article .ax-color-primary a {
  color: #198cff;
  text-decoration: none;
}
.ax-article a.ax-color-primary:hover,
.ax-article .ax-color-primary a:hover {
  color: #198cff;
  text-decoration: underline;
}
.ax-article a.ax-color-secondary,
.ax-article .ax-color-secondary a {
  color: #475b66;
  text-decoration: none;
}
.ax-article a.ax-color-secondary:hover,
.ax-article .ax-color-secondary a:hover {
  color: #475b66;
  text-decoration: underline;
}
.ax-article a.ax-color-success,
.ax-article .ax-color-success a {
  color: #41a358;
  text-decoration: none;
}
.ax-article a.ax-color-success:hover,
.ax-article .ax-color-success a:hover {
  color: #41a358;
  text-decoration: underline;
}
.ax-article a.ax-color-danger,
.ax-article .ax-color-danger a {
  color: #dc3545;
  text-decoration: none;
}
.ax-article a.ax-color-danger:hover,
.ax-article .ax-color-danger a:hover {
  color: #dc3545;
  text-decoration: underline;
}
.ax-article a.ax-color-warning,
.ax-article .ax-color-warning a {
  color: #ffc107;
  text-decoration: none;
}
.ax-article a.ax-color-warning:hover,
.ax-article .ax-color-warning a:hover {
  color: #ffc107;
  text-decoration: underline;
}
.ax-article a.ax-color-info,
.ax-article .ax-color-info a {
  color: #14ccc9;
  text-decoration: none;
}
.ax-article a.ax-color-info:hover,
.ax-article .ax-color-info a:hover {
  color: #14ccc9;
  text-decoration: underline;
}
.ax-article a.ax-color-ad,
.ax-article .ax-color-ad a {
  color: #ff8400;
  text-decoration: none;
}
.ax-article a.ax-color-ad:hover,
.ax-article .ax-color-ad a:hover {
  color: #ff8400;
  text-decoration: underline;
}
.ax-article a,
.ax-article span {
  display: inline;
}
/*.ax-article img {*/
/*  height: auto !important;*/
/*  width: auto !important;*/
/*  max-width: 100%;*/
/*}*/
.ax-article video {
  max-width: 100%;
}
.ax-article audio {
  max-width: 100%;
}
.ax-article ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
.ax-article ul,
.ax-article ol {
  padding-left: calc(1.4rem*3);
}
.ax-article h2 {
  border-left: 0.4rem solid rgba(94, 140, 186, 0.4);
  padding-left: 0.8rem;
  margin: 1.4rem 0;
}
.ax-article ul:not(.ax-menu) li {
  position: relative;
  padding-left: 1.4rem;
}
.ax-article ul:not(.ax-menu) li:before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(2.8rem/2 - 0.2rem);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  background-color: #ccc;
}
/*article alt*/
.ax-good {
  text-align: center;
  margin: calc(1.4rem*2) auto;
}
.ax-good .ax-text {
  font-size: 1.2rem;
  color: #666666;
  width: 100%;
  line-height: 2.8rem;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  bottom: -2.8rem;
}
.ax-good a {
  line-height: 4.6rem;
  border-radius: 4.6rem;
  padding: 0 4.6rem;
  border: 1px solid #ebebeb;
  transition: all 100ms linear;
  position: relative;
}
.ax-good a:hover {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff;
}
.ax-good a *[class*='font'] {
  font-size: 2.2rem;
  color: #198cff;
  margin-right: 0.8rem;
  transition: all 100ms linear;
}
.ax-good-hover a {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff;
}
.ax-good-hover a *[class*='font'] {
  color: #fff;
}
.ax-good a:hover *[class*='font'] {
  color: #fff;
}
.ax-good a .num {
  font-size: 1.8rem;
  transition: all 100ms linear;
}
.ax-good.ax-done a {
  color: #b3b3b3;
}
.ax-good.ax-done a *[class*='font'] {
  color: #b3b3b3;
}
.ax-good.ax-done a:hover,
.ax-good.ax-done a *[class*='font']:hover {
  color: #b3b3b3;
  background-color: #fff;
  border-color: #ebebeb;
}
/*avatar*/
.ax-avatar {
  color: #666666;
  width: 4.4rem;
  height: 4.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  border-radius: 0.3rem;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ax-avatar .ax-dot {
  box-shadow: 0 0 0 0.2rem #fff;
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
}
.ax-avatar .ax-badge {
  box-shadow: 0 0 0 0.2rem #fff;
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
}
.ax-avatar.ax-square {
  border-radius: 0;
}
.ax-avatar.ax-round {
  border-radius: 100%;
}
.ax-avatar.ax-xxs {
  font-size: 1.2rem;
  height: 2.2rem;
  width: 2.2rem;
}
.ax-avatar.ax-xs {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
}
.ax-avatar.ax-sm {
  font-size: 1.4rem;
  height: 3.8rem;
  width: 3.8rem;
}
.ax-avatar.ax-md {
  font-size: 1.6rem;
  height: 4.4rem;
  width: 4.4rem;
}
.ax-avatar.ax-lg {
  font-size: 1.8rem;
  height: calc(2.8rem*2);
  width: calc(2.8rem*2);
}
.ax-avatar.ax-xl {
  font-size: 2.2rem;
  height: calc(2.8rem*3);
  width: calc(2.8rem*3);
}
.ax-avatar.ax-xxl {
  font-size: 3.2rem;
  height: calc(2.8rem*4);
  width: calc(2.8rem*4);
}
/*sign*/
.ax-sign {
  color: #666666;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 0.3rem;
  border: 1px solid #666666;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ax-sign:hover {
  color: #666666;
  text-decoration: none !important;
}
.ax-sign *[class*="font"] {
  font-size: 1.8rem;
}
.ax-sign svg {
  fill: #666666;
  height: 1.8rem;
  width: 1.8rem;
}
.ax-sign img {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-sign .ax-dot {
  box-shadow: 0 0 0 0.2rem #fff;
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
}
.ax-sign .ax-badge {
  box-shadow: 0 0 0 0.2rem #fff;
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
}
.ax-sign.ax-square {
  border-radius: 0;
}
.ax-sign.ax-round {
  border-radius: 100%;
}
.ax-sign.ax-borderless {
  border-width: 0;
}
.ax-sign.ax-xxs {
  font-size: 1.2rem;
  height: 2.2rem;
  width: 2.2rem;
}
.ax-sign.ax-xxs *[class*="font"] {
  font-size: 1.2rem;
}
.ax-sign.ax-xxs svg {
  height: 1.2rem;
  width: 1.2rem;
}
.ax-sign.ax-xxs img {
  height: 1.2rem;
  width: 1.2rem;
}
.ax-sign.ax-xs {
  font-size: 1.4rem;
  height: 2.8rem;
  width: 2.8rem;
}
.ax-sign.ax-xs *[class*="font"] {
  font-size: 1.4rem;
}
.ax-sign.ax-xs svg {
  height: 1.4rem;
  width: 1.4rem;
}
.ax-sign.ax-xs img {
  height: 1.4rem;
  width: 1.4rem;
}
.ax-sign.ax-sm {
  font-size: 1.6rem;
  height: 3.8rem;
  width: 3.8rem;
}
.ax-sign.ax-sm *[class*="font"] {
  font-size: 1.6rem;
}
.ax-sign.ax-sm svg {
  height: 1.6rem;
  width: 1.6rem;
}
.ax-sign.ax-sm img {
  height: 1.6rem;
  width: 1.6rem;
}
.ax-sign.ax-md {
  font-size: 1.8rem;
  height: 4.4rem;
  width: 4.4rem;
}
.ax-sign.ax-md *[class*="font"] {
  font-size: 1.8rem;
}
.ax-sign.ax-md svg {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-sign.ax-md img {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-sign.ax-lg {
  font-size: 2.8rem;
  height: calc(2.8rem*2);
  width: calc(2.8rem*2);
}
.ax-sign.ax-lg *[class*="font"] {
  font-size: 2.6rem;
}
.ax-sign.ax-lg svg {
  height: 2.6rem;
  width: 2.6rem;
}
.ax-sign.ax-lg img {
  height: 2.6rem;
  width: 2.6rem;
}
.ax-sign.ax-xl {
  font-size: 3.2rem;
  height: calc(2.8rem*3);
  width: calc(2.8rem*3);
}
.ax-sign.ax-xl *[class*="font"] {
  font-size: 3.2rem;
}
.ax-sign.ax-xl svg {
  height: 3.2rem;
  width: 3.2rem;
}
.ax-sign.ax-xl img {
  height: 3.2rem;
  width: 3.2rem;
}
.ax-sign.ax-xxl {
  font-size: 3.8rem;
  height: calc(2.8rem*4);
  width: calc(2.8rem*4);
}
.ax-sign.ax-xxl *[class*="font"] {
  font-size: 4.4rem;
}
.ax-sign.ax-xxl svg {
  height: 4.4rem;
  width: 4.4rem;
}
.ax-sign.ax-xxl img {
  height: 4.4rem;
  width: 4.4rem;
}
.ax-sign.ax-color-primary {
  border-color: #198cff;
}
.ax-sign.ax-color-secondary {
  border-color: #475b66;
}
.ax-sign.ax-color-success {
  border-color: #41a358;
}
.ax-sign.ax-color-danger {
  border-color: #dc3545;
}
.ax-sign.ax-color-warning {
  border-color: #ffc107;
}
.ax-sign.ax-color-info {
  border-color: #14ccc9;
}
.ax-sign.ax-color-ad {
  border-color: #ff8400;
}
.ax-sign.ax-color-title {
  border-color: #333333;
}
.ax-sign.ax-color-des {
  border-color: #666666;
}
.ax-sign.ax-color-ignore {
  border-color: #b3b3b3;
}
.ax-sign.ax-bglit {
  color: #666666;
  border-color: #666666;
  background-color: #f5f5f5;
}
.ax-sign.ax-bglit-primary {
  color: #198cff;
  border-color: #198cff;
}
.ax-sign.ax-bglit-secondary {
  color: #475b66;
  border-color: #475b66;
}
.ax-sign.ax-bglit-success {
  color: #41a358;
  border-color: #41a358;
}
.ax-sign.ax-bglit-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.ax-sign.ax-bglit-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.ax-sign.ax-bglit-info {
  color: #14ccc9;
  border-color: #14ccc9;
}
.ax-sign.ax-bglit-ad {
  color: #ff8400;
  border-color: #ff8400;
}
.ax-sign.ax-bglit-title {
  color: #333333;
  border-color: #333333;
}
.ax-sign.ax-bg {
  color: #fff;
  border-width: 0;
  background-color: #666666;
}
.ax-sign[class*="-bg-"] {
  color: #fff;
  border-width: 0;
}
.ax-sign.ax-bg svg,
.ax-sign[class*="-bg-"] svg {
  fill: #fff;
}
/*buoy*/
.ax-buoy {
  font-size: 1.2rem;
  color: #333333;
  height: calc(3.8rem - 1.6rem);
  line-height: 2.2rem;
  text-decoration: none;
  text-align: center;
  border-radius: 0.3rem;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  transition: all 100ms linear;
}
.ax-buoy:after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: #ebebeb;
  transition: border-color 100ms linear;
}
.ax-buoy > i:first-child {
  color: #666666;
  background-color: #fafafa;
  padding: 0 0.6rem;
  border-right: 1px solid #ebebeb;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 100ms linear;
}
.ax-buoy.ax-reverse > i:first-child {
  background-color: #fff;
}
.ax-buoy.ax-reverse > i:last-child {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ax-buoy > i:first-child [class*="font"] {
  font-size: 1.2rem;
  margin-right: 0.4rem;
  transition: all 100ms linear;
}
.ax-buoy > i.ax-icon [class*="font"] {
  margin-right: 0;
}
.ax-buoy > i:first-child svg {
  fill: #666666;
  height: 1.2rem;
  margin-right: 0.4rem;
  transition: all 100ms linear;
}
.ax-buoy > i:last-child {
  padding: 0 0.6rem;
  transition: all 100ms linear;
}
.ax-buoy.ax-reverse > i:last-child {
  background-color: #fafafa;
}
.ax-buoy.ax-more > i:first-child:after {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.4rem;
  margin-top: -0.1rem;
  background: linear-gradient(135deg, transparent 50%, #666666 50%, #666666 100%);
  transform: rotate(45deg);
  transition: all 100ms linear;
}
.ax-buoy:not(.ax-reverse) > i:first-child:hover {
  color: #b3b3b3;
}
.ax-buoy:not(.ax-reverse) > i:first-child:hover svg {
  fill: #b3b3b3;
}
.ax-buoy:not(.ax-reverse) > i:first-child:hover:after {
  background: linear-gradient(135deg, transparent 50%, #b3b3b3 50%, #b3b3b3 100%);
}
.ax-buoy.ax-primary {
  color: #198cff;
}
.ax-buoy.ax-success {
  color: #41a358;
}
.ax-buoy.ax-danger {
  color: #dc3545;
}
.ax-buoy.ax-warning {
  color: #ffc107;
}
.ax-buoy.ax-info {
  color: #14ccc9;
}
.ax-buoy.ax-ad {
  color: #ff8400;
}
.ax-buoy.ax-dark {
  color: #333333;
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child {
  background-color: #198cff;
}
.ax-buoy.ax-primary.ax-reverse > i:last-child {
  background-color: #198cff;
}
.ax-buoy.ax-primary:after {
  border-color: #198cff;
}
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child {
  background-color: #41a358;
}
.ax-buoy.ax-success.ax-reverse > i:last-child {
  background-color: #41a358;
}
.ax-buoy.ax-success:after {
  border-color: #41a358;
}
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child {
  background-color: #dc3545;
}
.ax-buoy.ax-danger.ax-reverse > i:last-child {
  background-color: #dc3545;
}
.ax-buoy.ax-danger:after {
  border-color: #dc3545;
}
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child {
  background-color: #ffc107;
}
.ax-buoy.ax-warning.ax-reverse > i:last-child {
  background-color: #ffc107;
}
.ax-buoy.ax-warning:after {
  border-color: #ffc107;
}
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child {
  background-color: #14ccc9;
}
.ax-buoy.ax-info.ax-reverse > i:last-child {
  background-color: #14ccc9;
}
.ax-buoy.ax-info:after {
  border-color: #14ccc9;
}
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child {
  background-color: #ff8400;
}
.ax-buoy.ax-ad.ax-reverse > i:last-child {
  background-color: #ff8400;
}
.ax-buoy.ax-ad:after {
  border-color: #ff8400;
}
.ax-buoy.ax-dark > i:first-child {
  background-color: #333333;
}
.ax-buoy.ax-dark.ax-reverse > i:last-child {
  background-color: #333333;
}
.ax-buoy.ax-dark:after {
  border-color: #333333;
}
.ax-buoy.ax-primary > i:first-child,
.ax-buoy.ax-success > i:first-child,
.ax-buoy.ax-danger > i:first-child,
.ax-buoy.ax-warning > i:first-child,
.ax-buoy.ax-info > i:first-child,
.ax-buoy.ax-ad > i:first-child,
.ax-buoy.ax-dark > i:first-child {
  border-width: 0;
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-dark:not(.ax-reverse) > i:first-child {
  color: #fff;
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-dark:not(.ax-reverse) > i:first-child svg {
  fill: #fff;
}
.ax-buoy.ax-primary.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-success.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-danger.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-warning.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-info.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-ad.ax-more:not(.ax-reverse) > i:first-child::after,
.ax-buoy.ax-dark.ax-more:not(.ax-reverse) > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-dark:not(.ax-reverse) > i:first-child:hover {
  color: rgba(255, 255, 255, 0.6);
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-dark:not(.ax-reverse) > i:first-child:hover svg {
  fill: rgba(255, 255, 255, 0.6);
}
.ax-buoy.ax-primary.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-success.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-danger.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-warning.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-info.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-ad.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-dark.ax-more:not(.ax-reverse) > i:first-child:hover:after {
  background: linear-gradient(135deg, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 100%);
}
.ax-buoy.ax-sm {
  height: 1.8rem;
  line-height: 1.8rem;
}
.ax-buoy.ax-sm > i {
  padding: 0 0.4rem;
}
.ax-buoy.ax-md {
  height: 2.2rem;
  line-height: 2.2rem;
}
.ax-buoy.ax-md > i {
  padding: 0 0.6rem;
}
.ax-buoy.ax-lg {
  height: 2.8rem;
  line-height: 2.8rem;
}
.ax-buoy.ax-lg > i {
  padding: 0 1rem;
}
.ax-buoy.ax-borderless:after {
  display: none;
}
.ax-buoy.ax-primary.ax-reverse > i:first-child {
  color: #198cff;
}
.ax-buoy.ax-primary.ax-reverse > i:first-child svg {
  fill: #198cff;
}
.ax-buoy.ax-more.ax-primary.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%);
}
.ax-buoy.ax-success.ax-reverse > i:first-child {
  color: #41a358;
}
.ax-buoy.ax-success.ax-reverse > i:first-child svg {
  fill: #41a358;
}
.ax-buoy.ax-more.ax-success.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%);
}
.ax-buoy.ax-danger.ax-reverse > i:first-child {
  color: #dc3545;
}
.ax-buoy.ax-danger.ax-reverse > i:first-child svg {
  fill: #dc3545;
}
.ax-buoy.ax-more.ax-danger.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%);
}
.ax-buoy.ax-warning.ax-reverse > i:first-child {
  color: #ffc107;
}
.ax-buoy.ax-warning.ax-reverse > i:first-child svg {
  fill: #ffc107;
}
.ax-buoy.ax-more.ax-warning.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%);
}
.ax-buoy.ax-info.ax-reverse > i:first-child {
  color: #14ccc9;
}
.ax-buoy.ax-info.ax-reverse > i:first-child svg {
  fill: #14ccc9;
}
.ax-buoy.ax-more.ax-info.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%);
}
.ax-buoy.ax-ad.ax-reverse > i:first-child {
  color: #ff8400;
}
.ax-buoy.ax-ad.ax-reverse > i:first-child svg {
  fill: #ff8400;
}
.ax-buoy.ax-more.ax-ad.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%);
}
.ax-buoy.ax-dark.ax-reverse > i:first-child {
  color: #333333;
}
.ax-buoy.ax-dark.ax-reverse > i:first-child svg {
  fill: #333333;
}
.ax-buoy.ax-more.ax-dark.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%);
}
.ax-buoy.ax-primary.ax-reverse > i:last-child,
.ax-buoy.ax-success.ax-reverse > i:last-child,
.ax-buoy.ax-danger.ax-reverse > i:last-child,
.ax-buoy.ax-warning.ax-reverse > i:last-child,
.ax-buoy.ax-info.ax-reverse > i:last-child,
.ax-buoy.ax-ad.ax-reverse > i:last-child,
.ax-buoy.ax-dark.ax-reverse > i:last-child {
  color: #fff;
}
.ax-buoy.ax-reverse > i:last-child:hover {
  color: #666666;
}
.ax-buoy.ax-primary.ax-reverse > i:last-child:hover,
.ax-buoy.ax-success.ax-reverse > i:last-child:hover,
.ax-buoy.ax-danger.ax-reverse > i:last-child:hover,
.ax-buoy.ax-warning.ax-reverse > i:last-child:hover,
.ax-buoy.ax-info.ax-reverse > i:last-child:hover,
.ax-buoy.ax-ad.ax-reverse > i:last-child:hover,
.ax-buoy.ax-dark.ax-reverse > i:last-child:hover {
  color: rgba(255, 255, 255, 0.6);
}
/*comment*/
.ax-comment {
  background-color: #fff;
  font-size: 1.4rem;
}
.ax-comment .ax-item {
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  padding: 2.2rem 0;
}
.ax-comment .ax-item .ax-avatar {
  margin-right: 1.2rem;
}
.ax-comment .ax-item .ax-text {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
}
.ax-comment .ax-item .ax-reply {
  color: #666666;
  font-size: 1.2rem;
  line-height: 1.8rem;
  border-left: 1px solid #ccc;
  padding: 0.4rem 0 0.4rem 1rem;
  margin: 1rem 0;
}
.ax-comment .ax-item .ax-reply .ax-reply {
  padding: 0 0 0 1rem;
}
.ax-comment .ax-item .ax-reply a,
.ax-comment .ax-item .ax-reply span {
  display: inline;
}
.ax-comment .ax-item .ax-row01 {
  line-height: 1.8rem;
}
.ax-comment .ax-item .ax-name {
  color: #666666;
}
.ax-comment .ax-item a.ax-name:hover {
  color: #198cff;
}
.ax-comment .ax-item .ax-time {
  color: #ccc;
  font-size: 1.2rem;
}
.ax-comment .ax-item .ax-floor {
  color: #b3b3b3;
  font-size: 1.2rem;
}
.ax-comment .ax-item .ax-row02 {
  line-height: 2.2rem;
  margin: 0.4rem auto 1rem auto;
}
.ax-comment .ax-item .ax-row02 span {
  display: inline;
}
.ax-comment .ax-item .ax-row02 a,
.ax-comment .ax-item .ax-reply a {
  color: #198cff;
}
.ax-comment .ax-item .ax-row03 .ax-action {
  margin-left: 1.4rem;
  color: #666666;
}
.ax-comment .ax-item .ax-row03 .ax-action *[class*="font"] {
  color: #666666;
  margin-right: 0.4rem;
}
.ax-comment .ax-item .ax-row03 .ax-action:hover {
  color: #198cff;
}
.ax-comment .ax-item .ax-row03 .ax-action:hover *[class*="font"] {
  color: #198cff;
}
.ax-comment .ax-item.ax-more {
  line-height: 4.4rem;
}
.ax-comment .ax-item.ax-more .ax-avatar {
  background: transparent;
}
/*from*/
.ax-from {
  color: #666666;
  font-size: 1.4rem;
  width: 100%;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  zoom: 1;
}
.ax-from .ax-left {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-from a:not([class*='ax-btn']) {
  color: #666666;
}
.ax-from .ax-avatar {
  margin-right: 0.8rem;
}
/*author*/
.ax-author {
  font-size: 1.4rem;
  width: 100%;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  zoom: 1;
}
.ax-author .ax-left {
  line-height: 2.2rem;
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-author .ax-right {
  color: #666666;
}
.ax-author .ax-des {
  font-size: 1.2rem;
  color: #666666;
}
.ax-author a:not([class*='ax-btn']) {
  color: #666666;
}
.ax-author .ax-avatar {
  margin-right: 0.8rem;
}
/*share*/
.ax-share {
  text-align: center;
  margin: calc(1.4rem*2) auto;
}
.ax-share a {
  margin: 0 0.8rem;
}
/*button*/
.ax-btn {
  font-size: 1.4rem;
  color: #333333;
  height: 3.8rem;
  line-height: 3.8rem;
  text-decoration: none;
  text-align: center;
  border-radius: 0.3rem;
  background-color: #fff;
  padding: 0 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  transition: all 100ms linear;
}
button.ax-btn {
  font-size: 1.4rem;
  height: 3.8rem;
  line-height: calc(3.8rem - 0.4rem);
  text-decoration: none;
  border-radius: 0.3rem;
  cursor: pointer;
  background-color: #fff;
  padding: 0 2rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
input.ax-btn {
  font-size: 1.4rem;
  height: 3.8rem;
  line-height: calc(3.8rem - 0.4rem);
  text-decoration: none;
  border-radius: 0.3rem;
  cursor: pointer;
  background-color: #fff;
  padding: 0 2rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: inline-block;
}
.ax-btn:not(button):after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: rgba(0, 0, 0, 0.12);
  transition: border-color 100ms linear;
}
.ax-btn .ax-svg {
  fill: #333333;
}
/**/
.ax-btn.ax-line {
  background: transparent;
}
button.ax-btn.ax-line {
  background-color: #fff;
}
input.ax-btn.ax-line {
  background-color: #fff;
}
.ax-btn.ax-line:not(button):after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: rgba(0, 0, 0, 0.12);
  transition: border-color 100ms linear;
}
.ax-btn.ax-text {
  background: transparent !important;
  border: none !important;
}
.ax-btn.ax-text:after {
  display: none !important;
}
.ax-btn.ax-text:hover {
  box-shadow: none !important;
}
/*hack 图标*/
.ax-btn .ax-iconfont:before {
  top: -0.1rem;
}
/**/
.ax-btn *[class*="font"],
.ax-btn .ax-svg,
.ax-btn img,
.ax-btn.ax-line *[class*="font"],
.ax-btn.ax-line .ax-svg,
.ax-btn.ax-line img,
.ax-btn.ax-text *[class*="font"],
.ax-btn.ax-text .ax-svg,
.ax-btn.ax-text img {
  transition: all 100ms linear;
  margin-right: 0.4rem;
}
.ax-btn.ax-xxs *[class*="font"] {
  font-size: 1.2rem;
  margin-right: 0;
}
.ax-btn.ax-xxs .ax-svg {
  width: 1.2rem;
  margin-right: 0;
}
.ax-btn.ax-xs *[class*="font"] {
  font-size: 1.2rem;
  margin-right: 0;
}
.ax-btn.ax-xs .ax-svg {
  width: 1.2rem;
  margin-right: 0;
}
.ax-btn.ax-sm *[class*="font"] {
  font-size: 1.2rem;
}
.ax-btn.ax-sm .ax-svg {
  width: 1.2rem;
}
.ax-btn.ax-lg *[class*="font"] {
  font-size: 2.2rem;
}
.ax-btn.ax-lg .ax-svg {
  width: 2.2rem;
}
.ax-btn *[class*="font"].ax-at-right,
.ax-btn .ax-svg.ax-at-right,
.ax-btn img.ax-at-right,
.ax-btn.ax-line *[class*="font"].ax-at-right,
.ax-btn.ax-line .ax-svg.ax-at-right,
.ax-btn.ax-line img.ax-at-right,
.ax-btn.ax-text *[class*="font"].ax-at-right,
.ax-btn.ax-text .ax-svg.ax-at-right,
.ax-btn.ax-text img.ax-at-right {
  margin-right: 0;
  margin-left: 0.4rem;
}
.ax-btn *[class*="font"].ax-at-left,
.ax-btn .ax-svg.ax-at-left,
.ax-btn img.ax-at-left,
.ax-btn.ax-line *[class*="font"].ax-at-left,
.ax-btn.ax-line .ax-svg.ax-at-right,
.ax-btn.ax-line img.ax-at-left,
.ax-btn.ax-text *[class*="font"].ax-at-left,
.ax-btn.ax-text .ax-svg.ax-at-left,
.ax-btn.ax-text img.ax-at-left {
  margin-left: 0;
  margin-right: 0.4rem;
}
.ax-btn.ax-xxs {
  font-size: 1.2rem;
  height: 1.8rem;
  line-height: 1.8rem;
  padding: 0 0.4rem;
}
button.ax-btn.ax-xxs {
  font-size: 1.2rem;
  height: 1.8rem;
  line-height: calc(1.8rem - 0.4rem);
  padding: 0 0.4rem;
}
input.ax-btn.ax-xxs {
  font-size: 1.2rem;
  height: 1.8rem;
  line-height: calc(1.8rem - 0.4rem);
  padding: 0 0.4rem;
}
.ax-btn.ax-xs {
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  padding: 0 0.6rem;
}
button.ax-btn.ax-xs {
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 1.8rem;
  padding: 0 0.6rem;
}
input.ax-btn.ax-xs {
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 1.8rem;
  padding: 0 0.6rem;
}
.ax-btn.ax-sm {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  padding: 0 1rem;
}
button.ax-btn.ax-sm {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1.4rem);
  padding: 0 1rem;
}
input.ax-btn.ax-sm {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1.4rem);
  padding: 0 1rem;
}
.ax-btn.ax-lg {
  font-size: 1.6rem;
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  padding: 0 3rem;
}
button.ax-btn.ax-lg {
  font-size: 1.6rem;
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 0.6rem);
  padding: 0 3rem;
}
input.ax-btn.ax-lg {
  font-size: 1.6rem;
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 0.6rem);
  padding: 0 3rem;
}
.ax-btn.ax-round,
.ax-btn.ax-round:after,
.ax-btn.ax-line.ax-round,
.ax-btn.ax-line.ax-round:after {
  border-radius: 3.8rem;
}
.ax-btn.ax-xxs.ax-round,
.ax-btn.ax-xxs.ax-round:after {
  border-radius: 1.8rem;
}
.ax-btn.ax-xs.ax-round,
.ax-btn.ax-xs.ax-round:after {
  border-radius: 2.2rem;
}
.ax-btn.ax-sm.ax-round,
.ax-btn.ax-sm.ax-round:after {
  border-radius: calc(3.8rem - 1rem);
}
.ax-btn.ax-lg.ax-round,
.ax-btn.ax-lg.ax-round:after {
  border-radius: calc(3.8rem + 1rem);
}
.ax-btn.ax-circle,
.ax-btn.ax-circle:after,
.ax-btn.ax-line.ax-circle,
.ax-btn.ax-line.ax-circle:after {
  padding: 0;
  border-radius: 3.8rem;
  width: 3.8rem;
  text-align: center;
}
.ax-btn.ax-xxs.ax-circle,
.ax-btn.ax-xxs.ax-circle:after {
  padding: 0;
  border-radius: 1.8rem;
  width: 1.8rem;
}
.ax-btn.ax-xs.ax-circle,
.ax-btn.ax-xs.ax-circle:after {
  padding: 0;
  border-radius: 2.2rem;
  width: 2.2rem;
}
.ax-btn.ax-sm.ax-circle,
.ax-btn.ax-sm.ax-circle:after {
  padding: 0;
  border-radius: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
}
.ax-btn.ax-lg.ax-circle,
.ax-btn.ax-lg.ax-circle:after {
  padding: 0;
  border-radius: calc(3.8rem + 1rem);
  width: calc(3.8rem + 1rem);
}
.ax-btn.ax-circle *[class*='font'],
.ax-btn.ax-line.ax-circle *[class*='font'],
.ax-btn-text.ax-circle *[class*='font'],
.ax-btn.ax-circle svg,
.ax-btn.ax-line.ax-circle svg,
.ax-btn-text.ax-circle svg,
.ax-btn.ax-circle img,
.ax-btn.ax-line.ax-circle img,
.ax-btn-text.ax-circle img {
  margin: 0;
}
.ax-btn.ax-long,
input.ax-btn.ax-long,
button.ax-btn.ax-long {
  width: 12rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longer,
input.ax-btn.ax-longer,
button.ax-btn.ax-longer {
  width: 20rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longest,
input.ax-btn.ax-longest,
button.ax-btn.ax-longest {
  width: 24rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-long.ax-xs,
input.ax-btn.ax-long.ax-xs,
button.ax-btn.ax-long.ax-xs {
  width: 6rem;
}
.ax-btn.ax-longer.ax-xs,
input.ax-btn.ax-longer.ax-xs,
button.ax-btn.ax-longer.ax-xs {
  width: 8rem;
}
.ax-btn.ax-longest.ax-xs,
input.ax-btn.ax-longest.ax-xs,
button.ax-btn.ax-longest.ax-xs {
  width: 12rem;
}
.ax-btn.ax-long.ax-sm,
input.ax-btn.ax-long.ax-sm,
button.ax-btn.ax-long.ax-sm {
  width: 8rem;
}
.ax-btn.ax-longer.ax-sm,
input.ax-btn.ax-longer.ax-sm,
button.ax-btn.ax-longer.ax-sm {
  width: 12rem;
}
.ax-btn.ax-longest.ax-sm,
input.ax-btn.ax-longest.ax-sm,
button.ax-btn.ax-longest.ax-sm {
  width: 18rem;
}
.ax-btn.ax-long.ax-lg,
input.ax-btn.ax-long.ax-lg,
button.ax-btn.ax-long.ax-lg {
  width: 16rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longer.ax-lg,
input.ax-btn.ax-longer.ax-lg,
button.ax-btn.ax-longer.ax-lg {
  width: 24rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longest.ax-lg,
input.ax-btn.ax-longest.ax-lg,
button.ax-btn.ax-longest.ax-lg {
  width: 28rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-full {
  display: block;
  text-align: center;
}
input.ax-full,
button.ax-full {
  width: 100%;
}
input.ax-margin-lr,
button.ax-margin-lr {
  width: calc(100% - (1.4rem * 2));
}
input.ax-margin-left,
button.ax-margin-right {
  width: calc(100% - 1.4rem);
}
/*type icon*/
.ax-btn.ax-icon {
  color: rgba(0, 0, 0, 0.5);
  width: 3.8rem;
  text-align: center;
}
.ax-btn.ax-icon [class*="font"] {
  margin: 0;
}
.ax-btn.ax-icon .ax-svg {
  fill: #333333;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
}
.ax-btn.ax-icon img {
  margin: 0;
  width: 1.8rem;
  height: 1.8rem;
}
.ax-btn.ax-icon:not(.ax-xs):not(.ax-sm):not(.ax-lg) [class*="font"] {
  font-size: 1.8rem;
}
.ax-btn.ax-icon.ax-xs [class*="font"] {
  font-size: 1.2rem;
}
.ax-btn.ax-icon.ax-xs .ax-svg,
.ax-btn.ax-icon.ax-xs img {
  width: 1.2rem;
  height: 1.2rem;
}
.ax-btn.ax-icon.ax-sm [class*="font"] {
  font-size: 1.2rem;
}
.ax-btn.ax-icon.ax-sm .ax-svg,
.ax-btn.ax-icon.ax-sm img {
  width: 1.2rem;
  height: 1.2rem;
}
.ax-btn.ax-icon.ax-lg [class*="font"] {
  font-size: 2.2rem;
}
.ax-btn.ax-icon.ax-lg .ax-svg,
.ax-btn.ax-icon.ax-lg img {
  width: 2.2rem;
  height: 2.2rem;
}
.ax-btn.ax-icon,
button.ax-btn.ax-icon {
  padding: 0;
}
.ax-btn.ax-icon.ax-xxs {
  width: 1.8rem;
}
.ax-btn.ax-icon.ax-xs {
  width: 2.2rem;
}
.ax-btn.ax-icon.ax-sm {
  width: calc(3.8rem - 1rem);
}
.ax-btn.ax-icon.ax-lg {
  width: calc(3.8rem + 1rem);
}
/*btn active hover*/
.ax-btn:hover {
  color: #198cff;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.2);
  background-color: #ffffff;
}
.ax-btn:hover:after {
  border-color: #198cff;
}
input.ax-btn:hover,
button.ax-btn:hover {
  border-color: #198cff;
}
.ax-btn:active {
  color: rgba(25, 140, 255, 0.6);
  background-color: #fafcff;
}
.ax-btn:hover .ax-svg {
  fill: #198cff;
}
.ax-btn:active .ax-svg use {
  opacity: 0.6;
}
.ax-btn.ax-line:hover {
  color: #198cff;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.2);
  background-color: #ffffff;
}
.ax-btn.ax-line:hover:after {
  border-color: #198cff;
}
input.ax-btn.ax-line:hover,
button.ax-btn.ax-line:hover {
  border-color: #198cff;
}
.ax-btn.ax-line:active {
  color: rgba(25, 140, 255, 0.6);
}
.ax-btn.ax-line:hover .ax-svg {
  fill: #198cff;
}
.ax-btn.ax-text:hover {
  color: #198cff;
  text-decoration: underline;
}
.ax-btn.ax-text:active {
  color: rgba(25, 140, 255, 0.6);
}
.ax-btn.ax-text:hover .ax-svg {
  fill: #198cff;
}
/*btn foucus*/
.ax-btn:not(:active):focus {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
.ax-btn:not(:active).ax-primary:focus {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
.ax-btn:not(:active).ax-secondary:focus {
  box-shadow: 0 0 0 0.3rem rgba(71, 91, 102, 0.2);
}
.ax-btn:not(:active).ax-success:focus {
  box-shadow: 0 0 0 0.3rem rgba(65, 163, 88, 0.2);
}
.ax-btn:not(:active).ax-danger:focus {
  box-shadow: 0 0 0 0.3rem rgba(220, 53, 69, 0.2);
}
.ax-btn:not(:active).ax-warning:focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 193, 7, 0.2);
}
.ax-btn:not(:active).ax-info:focus {
  box-shadow: 0 0 0 0.3rem rgba(20, 204, 201, 0.2);
}
.ax-btn:not(:active).ax-ad:focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 132, 0, 0.2);
}
.ax-btn:not(:active).ax-black:focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.12);
}
/*btn color*/
.ax-btn.ax-primary,
.ax-btn.ax-reverse.ax-primary {
  color: #fff;
  background-color: #198cff;
}
.ax-btn.ax-primary *[class*="font"],
.ax-btn.ax-reverse.ax-primary *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-primary:hover,
.ax-btn.ax-reverse.ax-primary:hover {
  color: #fff;
  background-color: #2d96ff;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.5);
}
.ax-btn.ax-primary:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-primary:hover,
button.ax-btn.ax-primary:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-primary:active,
.ax-btn.ax-reverse.ax-primary:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #0072e5;
}
.ax-btn.ax-primary:active *[class*="font"],
.ax-btn.ax-primary:active img,
.ax-btn.ax-reverse.ax-primary:active *[class*="font"],
.ax-btn.ax-reverse.ax-primary:active img {
  opacity: 0.6;
}
.ax-btn.ax-primary .ax-svg,
.ax-btn.ax-primary:hover .ax-svg,
.ax-btn.ax-reverse.ax-primary .ax-svg,
.ax-btn.ax-reverse.ax-primary:hover .ax-svg {
  fill: #fff;
}
.ax-btn.ax-line.ax-primary,
.ax-btn.ax-line.ax-primary *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-primary,
.ax-btn.ax-reverse.ax-line.ax-primary *[class*="font"] {
  color: #198cff;
  background: transparent;
}
.ax-btn.ax-line.ax-primary:hover,
.ax-btn.ax-reverse.ax-line.ax-primary:hover {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.2);
}
.ax-btn.ax-line.ax-primary:after,
.ax-btn.ax-reverse.ax-line.ax-primary:after {
  border-color: #198cff;
}
input.ax-btn.ax-line.ax-primary:hover,
button.ax-btn.ax-line.ax-primary:hover {
  border-color: #198cff;
}
.ax-btn.ax-line.ax-primary:active,
.ax-btn.ax-reverse.ax-line.ax-primary:active {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-primary *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-primary *[class*="font"] {
  color: #198cff;
}
input.ax-btn.ax-line.ax-primary,
button.ax-btn.ax-line.ax-primary,
input.ax-btn.ax-reverse.ax-line.ax-primary,
button.ax-btn.ax-reverse.ax-line.ax-primary {
  border-color: #198cff;
}
.ax-btn.ax-line.ax-primary .ax-svg,
.ax-btn.ax-line.ax-primary:hover .ax-svg,
.ax-btn.ax-line.ax-reverse.ax-primary .ax-svg,
.ax-btn.ax-line.ax-reverse.ax-primary:hover .ax-svg {
  fill: #198cff;
}
.ax-btn.ax-text.ax-primary,
.ax-btn.ax-text.ax-primary:hover,
.ax-btn.ax-text.ax-reverse.ax-primary,
.ax-btn.ax-text.ax-reverse.ax-primary:hover {
  color: #198cff;
}
.ax-btn.ax-text.ax-primary:active,
.ax-btn.ax-text.ax-reverse.ax-primary:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-primary *[class*="font"],
.ax-btn.ax-text.ax-reverse.ax-primary *[class*="font"] {
  color: #198cff;
}
.ax-btn.ax-text.ax-primary .ax-svg,
.ax-btn.ax-text.ax-primary:hover .ax-svg,
.ax-btn.ax-text.ax-reverse.ax-primary .ax-svg,
.ax-btn.ax-text.ax-reverse.ax-primary:hover .ax-svg {
  fill: #198cff;
}
/**/
.ax-btn.ax-secondary,
.ax-btn.ax-reverse.ax-secondary {
  color: #fff;
  background-color: #475b66;
}
.ax-btn.ax-secondary *[class*="font"],
.ax-btn.ax-reverse.ax-secondary *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-secondary:hover,
.ax-btn.ax-reverse.ax-secondary:hover {
  color: #fff;
  background-color: #4f6672;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(71, 91, 102, 0.5);
}
.ax-btn.ax-secondary:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-secondary:hover,
button.ax-btn.ax-secondary:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-secondary:active,
.ax-btn.ax-reverse.ax-secondary:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #324048;
}
.ax-btn.ax-secondary:active *[class*="font"],
.ax-btn.ax-secondary:active img,
.ax-btn.ax-reverse.ax-secondary:active *[class*="font"],
.ax-btn.ax-reverse.ax-secondary:active img {
  opacity: 0.6;
}
.ax-btn.ax-secondary .ax-svg,
.ax-btn.ax-secondary:hover .ax-svg,
.ax-btn.ax-reverse.ax-secondary .ax-svg,
.ax-btn.ax-reverse.ax-secondary:hover .ax-svg {
  fill: #fff;
}
.ax-btn.ax-line.ax-secondary,
.ax-btn.ax-reverse.ax-line.ax-secondary {
  color: #475b66;
  background: transparent;
}
.ax-btn.ax-line.ax-secondary *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-secondary *[class*="font"] {
  color: #475b66;
}
.ax-btn.ax-line.ax-secondary:hover,
.ax-btn.ax-reverse.ax-line.ax-secondary:hover {
  color: #475b66;
  background-color: rgba(71, 91, 102, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(71, 91, 102, 0.2);
}
input.ax-btn.ax-line.ax-secondary:hover,
button.ax-btn.ax-line.ax-secondary:hover {
  border-color: #475b66;
}
.ax-btn.ax-line.ax-secondary:after,
.ax-btn.ax-reverse.ax-line.ax-secondary:after {
  border-color: #475b66;
}
.ax-btn.ax-line.ax-secondary:active,
.ax-btn.ax-reverse.ax-line.ax-secondary:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-secondary,
button.ax-btn.ax-line.ax-secondary,
input.ax-btn.ax-reverse.ax-line.ax-secondary,
button.ax-btn.ax-reverse.ax-line.ax-secondary {
  border-color: #475b66;
}
.ax-btn.ax-line.ax-secondary .ax-svg,
.ax-btn.ax-line.ax-secondary:hover .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-secondary .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-secondary:hover .ax-svg {
  fill: #475b66;
}
.ax-btn.ax-text.ax-secondary,
.ax-btn.ax-text.ax-secondary:hover,
.ax-btn.ax-reverse.ax-text.ax-secondary,
.ax-btn.ax-reverse.ax-text.ax-secondary:hover {
  color: #475b66;
}
.ax-btn.ax-text.ax-secondary:active,
.ax-btn.ax-reverse.ax-text.ax-secondary:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-secondary *[class*="font"],
.ax-btn.ax-reverse.ax-text.ax-secondary *[class*="font"] {
  color: #475b66;
}
.ax-btn.ax-text.ax-secondary .ax-svg,
.ax-btn.ax-text.ax-secondary:hover .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-secondary .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-secondary:hover .ax-svg {
  fill: #475b66;
}
/**/
.ax-btn.ax-success,
.ax-btn.ax-reverse.ax-success {
  color: #fff;
  background-color: #41a358;
}
.ax-btn.ax-success *[class*="font"],
.ax-btn.ax-reverse.ax-success *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-success:hover,
.ax-btn.ax-reverse.ax-success:hover {
  color: #fff;
  background-color: #47b260;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(65, 163, 88, 0.5);
}
.ax-btn.ax-success:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-success:hover,
button.ax-btn.ax-success:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-success:active,
.ax-btn.ax-reverse.ax-success:active {
  background-color: #327f44;
  color: rgba(255, 255, 255, 0.6);
}
.ax-btn.ax-success:active *[class*="font"],
.ax-btn.ax-success:active img,
.ax-btn.ax-reverse.ax-success:active *[class*="font"],
.ax-btn.ax-reverse.ax-success:active img {
  opacity: 0.6;
}
.ax-btn.ax-success .ax-svg,
.ax-btn.ax-success:hover .ax-svg,
.ax-btn.ax-reverse.ax-success .ax-svg,
.ax-btn.ax-reverse.ax-success:hover .ax-svg {
  fill: #fff;
}
.ax-btn.ax-line.ax-success,
.ax-btn.ax-reverse.ax-line.ax-success {
  color: #41a358;
  background: transparent;
}
.ax-btn.ax-line.ax-success *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-success *[class*="font"] {
  color: #41a358;
}
.ax-btn.ax-line.ax-success:hover,
.ax-btn.ax-reverse.ax-line.ax-success:hover {
  color: #41a358;
  background-color: rgba(65, 163, 88, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(65, 163, 88, 0.2);
}
.ax-btn.ax-line.ax-success:after,
.ax-btn.ax-reverse.ax-line.ax-success:after {
  border-color: #41a358;
}
input.ax-btn.ax-line.ax-success:hover,
button.ax-btn.ax-line.ax-success:hover {
  border-color: #41a358;
}
.ax-btn.ax-line.ax-success:active,
.ax-btn.ax-reverse.ax-line.ax-success:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-success,
button.ax-btn.ax-line.ax-success,
input.ax-btn.ax-reverse.ax-line.ax-success,
button.ax-btn.ax-reverse.ax-line.ax-success {
  border-color: #41a358;
}
.ax-btn.ax-line.ax-success .ax-svg,
.ax-btn.ax-line.ax-success:hover .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-success .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-success:hover .ax-svg {
  fill: #41a358;
}
.ax-btn.ax-text.ax-success,
.ax-btn.ax-text.ax-success:hover,
.ax-btn.ax-reverse.ax-text.ax-success,
.ax-btn.ax-reverse.ax-text.ax-success:hover {
  color: #41a358;
}
.ax-btn.ax-text.ax-success:active,
.ax-btn.ax-reverse.ax-text.ax-success:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-success *[class*="font"],
.ax-btn.ax-reverse.ax-text.ax-success *[class*="font"] {
  color: #41a358;
}
.ax-btn.ax-text.ax-success .ax-svg,
.ax-btn.ax-text.ax-success:hover .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-success .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-success:hover .ax-svg {
  fill: #41a358;
}
/**/
.ax-btn.ax-danger,
.ax-btn.ax-reverse.ax-danger {
  background-color: #dc3545;
  color: #fff;
}
.ax-btn.ax-danger *[class*="font"],
.ax-btn.ax-reverse.ax-danger *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-danger:hover,
.ax-btn.ax-reverse.ax-danger:hover {
  color: #fff;
  background-color: #df4655;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(220, 53, 69, 0.5);
}
.ax-btn.ax-danger:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-success:hover,
button.ax-btn.ax-success:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-danger:active,
.ax-btn.ax-reverse.ax-danger:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #bd2130;
}
.ax-btn.ax-danger:active *[class*="font"],
.ax-btn.ax-danger:active img,
.ax-btn.ax-reverse.ax-danger:active *[class*="font"],
.ax-btn.ax-reverse.ax-danger:active img {
  opacity: 0.6;
}
.ax-btn.ax-danger .ax-svg,
.ax-btn.ax-danger:hover .ax-svg,
.ax-btn.ax-reverse.ax-danger .ax-svg,
.ax-btn.ax-reverse.ax-danger:hover .ax-svg {
  fill: #fff;
}
.ax-btn.ax-line.ax-danger,
.ax-btn.ax-line.ax-danger *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-danger,
.ax-btn.ax-reverse.ax-line.ax-danger *[class*="font"] {
  color: #dc3545;
  background: transparent;
}
.ax-btn.ax-line.ax-danger:hover,
.ax-btn.ax-reverse.ax-line.ax-danger:hover {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(220, 53, 69, 0.2);
}
.ax-btn.ax-line.ax-danger:after,
.ax-btn.ax-reverse.ax-line.ax-danger:after {
  border-color: #dc3545;
}
input.ax-btn.ax-line.ax-line.ax-success:hover,
button.ax-btn.ax-line.ax-line.ax-success:hover {
  border-color: #dc3545;
}
.ax-btn.ax-line.ax-danger:active,
.ax-btn.ax-reverse.ax-line.ax-danger:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-danger,
button.ax-btn.ax-line.ax-danger,
input.ax-btn.ax-reverse.ax-line.ax-danger,
button.ax-btn.ax-reverse.ax-line.ax-danger {
  border-color: #dc3545;
}
.ax-btn.ax-line.ax-danger .ax-svg,
.ax-btn.ax-line.ax-danger:hover .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-danger .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-danger:hover .ax-svg {
  fill: #dc3545;
}
.ax-btn.ax-text.ax-danger,
.ax-btn.ax-text.ax-danger:hover,
.ax-btn.ax-reverse.ax-text.ax-danger,
.ax-btn.ax-reverse.ax-text.ax-danger:hover {
  color: #dc3545;
}
.ax-btn.ax-text.ax-danger:active,
.ax-btn.ax-reverse.ax-text.ax-danger:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-danger *[class*="font"],
.ax-btn.ax-reverse.ax-text.ax-danger *[class*="font"] {
  color: #dc3545;
}
.ax-btn.ax-text.ax-danger .ax-svg,
.ax-btn.ax-text.ax-danger:hover .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-danger .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-danger:hover .ax-svg {
  fill: #dc3545;
}
/**/
.ax-btn.ax-warning,
.ax-btn.ax-reverse.ax-warning {
  color: #333333;
  background-color: #ffc107;
}
.ax-btn.ax-warning *[class*="font"],
.ax-btn.ax-reverse.ax-warning *[class*="font"] {
  color: #333333;
}
.ax-btn.ax-warning:hover,
.ax-btn.ax-reverse.ax-warning:hover {
  color: #333333;
  background-color: #ffc61b;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 193, 7, 0.5);
}
.ax-btn.ax-warning:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-warning:hover,
button.ax-btn.ax-warning:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-warning:active,
.ax-btn.ax-reverse.ax-warning:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: #d39e00;
}
.ax-btn.ax-warning:active *[class*="font"],
.ax-btn.ax-warning:active img,
.ax-btn.ax-reverse.ax-warning:active *[class*="font"],
.ax-btn.ax-reverse.ax-warning:active img {
  opacity: 0.6;
}
.ax-btn.ax-warning .ax-svg,
.ax-btn.ax-warning:hover .ax-svg,
.ax-btn.ax-reverse.ax-warning .ax-svg,
.ax-btn.ax-reverse.ax-warning:hover .ax-svg {
  fill: #333333;
}
.ax-btn.ax-line.ax-warning,
.ax-btn.ax-reverse.ax-line.ax-warning {
  color: #ffc107;
  background: transparent;
}
.ax-btn.ax-line.ax-warning *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-warning *[class*="font"] {
  color: #ffc107;
}
.ax-btn.ax-line.ax-warning:hover,
.ax-btn.ax-reverse.ax-line.ax-warning:hover {
  color: #ffc107;
  background-color: rgba(255, 193, 7, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 193, 7, 0.2);
}
.ax-btn.ax-line.ax-warning:after,
.ax-btn.ax-reverse.ax-line.ax-warning:after {
  border-color: #ffc107;
}
input.ax-btn.ax-line.ax-warning:hover,
button.ax-btn.ax-line.ax-warning:hover {
  border-color: #ffc107;
}
.ax-btn.ax-line.ax-warning:active,
.ax-btn.ax-reverse.ax-line.ax-warning:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-warning,
button.ax-btn.ax-line.ax-warning,
input.ax-btn.ax-reverse.ax-line.ax-warning,
button.ax-btn.ax-reverse.ax-line.ax-warning {
  border-color: #ffc107;
}
.ax-btn.ax-line.ax-warning .ax-svg,
.ax-btn.ax-line.ax-warning:hover .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-warning .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-warning:hover .ax-svg {
  fill: #ffc107;
}
.ax-btn.ax-text.ax-warning,
.ax-btn.ax-text.ax-warning:hover,
.ax-btn.ax-reverse.ax-text.ax-warning,
.ax-btn.ax-reverse.ax-text.ax-warning:hover {
  color: #ffc107;
}
.ax-btn.ax-text.ax-warning:active,
.ax-btn.ax-reverse.ax-text.ax-warning:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-warning *[class*="font"],
.ax-btn.ax-reverse.ax-text.ax-warning *[class*="font"] {
  color: #ffc107;
}
.ax-btn.ax-text.ax-warning .ax-svg,
.ax-btn.ax-text.ax-warning:hover .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-warning .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-warning:hover .ax-svg {
  fill: #ffc107;
}
/**/
.ax-btn.ax-info,
.ax-btn.ax-reverse.ax-info {
  background-color: #14ccc9;
  color: #fff;
}
.ax-btn.ax-info *[class*="font"],
.ax-btn.ax-reverse.ax-info *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-info:hover,
.ax-btn.ax-reverse.ax-info:hover {
  color: #fff;
  background-color: #16dfdb;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(20, 204, 201, 0.5);
}
.ax-btn.ax-info:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-info:hover,
button.ax-btn.ax-info:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-info:active,
.ax-btn.ax-reverse.ax-info:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #0f9e9b;
}
.ax-btn.ax-info:active *[class*="font"],
.ax-btn.ax-info:active img,
.ax-btn.ax-reverse.ax-info:active *[class*="font"],
.ax-btn.ax-reverse.ax-info:active img {
  opacity: 0.6;
}
.ax-btn.ax-info .ax-svg,
.ax-btn.ax-info:hover .ax-svg,
.ax-btn.ax-reverse.ax-info .ax-svg,
.ax-btn.ax-reverse.ax-info:hover .ax-svg {
  fill: #fff;
}
.ax-btn.ax-line.ax-info,
.ax-btn.ax-reverse.ax-line.ax-info {
  color: #14ccc9;
  background: transparent;
}
.ax-btn.ax-line.ax-info *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-info *[class*="font"] {
  color: #14ccc9;
}
.ax-btn.ax-line.ax-info:hover,
.ax-btn.ax-reverse.ax-line.ax-info:hover {
  color: #14ccc9;
  background-color: rgba(20, 204, 201, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(20, 204, 201, 0.2);
}
.ax-btn.ax-line.ax-info:after,
.ax-btn.ax-reverse.ax-line.ax-info:after {
  border-color: #14ccc9;
}
input.ax-btn.ax-line.ax-info:hover,
button.ax-btn.ax-line.ax-info:hover {
  border-color: #14ccc9;
}
.ax-btn.ax-line.ax-info:active,
.ax-btn.ax-reverse.ax-line.ax-info:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-info,
button.ax-btn.ax-line.ax-info,
input.ax-btn.ax-reverse.ax-line.ax-info,
button.ax-btn.ax-reverse.ax-line.ax-info {
  border-color: #14ccc9;
}
.ax-btn.ax-line.ax-info .ax-svg,
.ax-btn.ax-line.ax-info:hover .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-info .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-info:hover .ax-svg {
  fill: #14ccc9;
}
.ax-btn.ax-text.ax-info,
.ax-btn.ax-text.ax-info:hover,
.ax-btn.ax-reverse.ax-text.ax-info,
.ax-btn.ax-reverse.ax-text.ax-info:hover {
  color: #14ccc9;
}
.ax-btn.ax-text.ax-info:active,
.ax-btn.ax-reverse.ax-text.ax-info:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-info *[class*="font"],
.ax-btn.ax-reverse.ax-text.ax-info *[class*="font"] {
  color: #14ccc9;
}
.ax-btn.ax-text.ax-info .ax-svg,
.ax-btn.ax-text.ax-info:hover .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-info .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-info:hover .ax-svg {
  fill: #14ccc9;
}
/**/
.ax-btn.ax-ad,
.ax-btn.ax-reverse.ax-ad {
  background-color: #ff8400;
  color: #fff;
}
.ax-btn.ax-ad *[class*="font"],
.ax-btn.ax-reverse.ax-ad *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-ad:hover,
.ax-btn.ax-reverse.ax-ad:hover {
  background-color: #ff8e14;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 132, 0, 0.5);
  color: #fff;
}
.ax-btn.ax-ad:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-ad:hover,
button.ax-btn.ax-ad:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-ad:active,
.ax-btn.ax-reverse.ax-ad:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #cc6a00;
}
.ax-btn.ax-ad:active *[class*="font"],
.ax-btn.ax-ad:active img,
.ax-btn.ax-reverse.ax-ad:active *[class*="font"],
.ax-btn.ax-reverse.ax-ad:active img {
  opacity: 0.6;
}
.ax-btn.ax-ad .ax-svg,
.ax-btn.ax-ad:hover .ax-svg,
.ax-btn.ax-reverse.ax-ad .ax-svg,
.ax-btn.ax-reverse.ax-ad:hover .ax-svg {
  fill: #fff;
}
.ax-btn.ax-line.ax-ad,
.ax-btn.ax-reverse.ax-line.ax-ad {
  color: #ff8400;
  background: transparent;
}
.ax-btn.ax-line.ax-ad *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-ad *[class*="font"] {
  color: #ff8400;
}
.ax-btn.ax-line.ax-ad:hover,
.ax-btn.ax-reverse.ax-line.ax-ad:hover {
  color: #ff8400;
  background-color: rgba(255, 132, 0, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 132, 0, 0.2);
}
.ax-btn.ax-line.ax-ad:after,
.ax-btn.ax-reverse.ax-line.ax-ad:after {
  border-color: #ff8400;
}
input.ax-btn.ax-line.ax-ad:hover,
button.ax-btn.ax-line.ax-ad:hover {
  border-color: #ff8400;
}
.ax-btn.ax-line.ax-ad:active,
.ax-btn.ax-reverse.ax-line.ax-ad:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-ad,
button.ax-btn.ax-line.ax-ad,
input.ax-btn.ax-reverse.ax-line.ax-ad,
button.ax-btn.ax-reverse.ax-line.ax-ad {
  border-color: #ff8400;
}
.ax-btn.ax-line.ax-ad .ax-svg,
.ax-btn.ax-line.ax-ad:hover .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-ad .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-ad:hover .ax-svg {
  fill: #ff8400;
}
.ax-btn.ax-text.ax-ad,
.ax-btn.ax-text.ax-ad:hover,
.ax-btn.ax-reverse.ax-text.ax-ad,
.ax-btn.ax-reverse.ax-text.ax-ad:hover {
  color: #ff8400;
}
.ax-btn.ax-text.ax-ad:active,
.ax-btn.ax-reverse.ax-text.ax-ad:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-ad *[class*="font"],
.ax-btn.ax-reverse.ax-text.ax-ad *[class*="font"] {
  color: #ff8400;
}
.ax-btn.ax-text.ax-ad .ax-svg,
.ax-btn.ax-text.ax-ad:hover .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-ad .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-ad:hover .ax-svg {
  fill: #ff8400;
}
/**/
.ax-btn.ax-ignore {
  color: #999999;
  background-color: #f0f0f0;
}
.ax-btn.ax-ignore *[class*="font"] {
  color: #999999;
}
.ax-btn.ax-ignore:hover {
  background-color: #fafafa;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.ax-btn.ax-ignore:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-ignore:hover,
button.ax-btn.ax-ignore:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-ignore:active {
  background-color: #e6e6e6;
}
.ax-btn.ax-ignore .ax-svg,
.ax-btn.ax-ignore:hover .ax-svg {
  fill: #999999;
}
.ax-btn.ax-ignore:active .ax-svg,
.ax-btn.ax-ignore:active use {
  opacity: 1;
}
.ax-btn.ax-line.ax-ignore {
  color: #999999;
  background: transparent;
}
.ax-btn.ax-line.ax-ignore *[class*="font"] {
  color: #999999;
}
.ax-btn.ax-line.ax-ignore:hover {
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(179, 179, 179, 0.1);
}
.ax-btn.ax-line.ax-ignore:after {
  border-color: #ccc;
}
input.ax-btn.ax-line.ax-ignore:hover,
button.ax-btn.ax-line.ax-ignore:hover {
  border-color: #ccc;
}
.ax-btn.ax-line.ax-ignore:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-info,
button.ax-btn.ax-line.ax-info {
  border-color: #ccc;
}
.ax-btn.ax-line.ax-ignore .ax-svg,
.ax-btn.ax-line.ax-ignore:hover .ax-svg {
  fill: #999999;
}
.ax-btn.ax-text.ax-ignore,
.ax-btn.ax-text.ax-ignore:hover {
  color: #ccc;
}
.ax-btn.ax-text.ax-ignore:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-ignore *[class*="font"] {
  color: #ccc;
}
.ax-btn.ax-text.ax-ignore .ax-svg,
.ax-btn.ax-text.ax-ignore:hover .ax-svg {
  fill: #ccc;
}
/**/
.ax-btn.ax-black,
.ax-btn.ax-reverse.ax-black {
  background-color: #333333;
  color: #fff;
}
.ax-btn.ax-black *[class*="font"],
.ax-btn.ax-reverse.ax-black *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-black:hover,
.ax-btn.ax-reverse.ax-black:hover {
  background-color: #666666;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(51, 51, 51, 0.5);
}
.ax-btn.ax-black:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-black:hover,
button.ax-btn.ax-black:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-black:active,
.ax-btn.ax-reverse.ax-black:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #262626;
}
.ax-btn.ax-black:active *[class*="font"],
.ax-btn.ax-black:active img,
.ax-btn.ax-reverse.ax-black:active *[class*="font"],
.ax-btn.ax-reverse.ax-black:active img {
  opacity: 0.6;
}
.ax-btn.ax-black .ax-svg,
.ax-btn.ax-black:hover .ax-svg,
.ax-btn.ax-reverse.ax-black .ax-svg,
.ax-btn.ax-reverse.ax-black:hover .ax-svg {
  fill: #fff;
}
.ax-btn.ax-line.ax-black,
.ax-btn.ax-reverse.ax-line.ax-black {
  color: #333333;
  background: transparent;
  border-color: #333333;
}
.ax-btn.ax-line.ax-black *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-black *[class*="font"] {
  color: #333333;
}
.ax-btn.ax-line.ax-black:hover,
.ax-btn.ax-reverse.ax-line.ax-black:hover {
  background-color: rgba(179, 179, 179, 0.2);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(51, 51, 51, 0.2);
}
.ax-btn.ax-line.ax-black:after,
.ax-btn.ax-reverse.ax-line.ax-black:after {
  border-color: #333333;
}
input.ax-btn.ax-line.ax-black:hover,
button.ax-btn.ax-line.ax-black:hover {
  border-color: #333333;
}
.ax-btn.ax-line.ax-black:active,
.ax-btn.ax-reverse.ax-line.ax-black:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-black,
button.ax-btn.ax-line.ax-black,
input.ax-btn.ax-reverse.ax-line.ax-black,
button.ax-btn.ax-reverse.ax-line.ax-black {
  border-color: #333333;
}
.ax-btn.ax-line.ax-black .ax-svg,
.ax-btn.ax-line.ax-black:hover .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-black .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-black:hover .ax-svg {
  fill: #333333;
}
.ax-btn.ax-text.ax-black,
.ax-btn.ax-text.ax-black:hover,
.ax-btn.ax-reverse.ax-text.ax-black,
.ax-btn.ax-reverse.ax-text.ax-black:hover {
  color: #333333;
}
.ax-btn.ax-text.ax-black:active,
.ax-btn.ax-reverse.ax-text.ax-black:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-black *[class*="font"],
.ax-btn.ax-reverse.ax-text.ax-black *[class*="font"] {
  color: #333333;
}
.ax-btn.ax-text.ax-black .ax-svg,
.ax-btn.ax-text.ax-black:hover .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-black .ax-svg,
.ax-btn.ax-reverse.ax-text.ax-black:hover .ax-svg {
  fill: #333333;
}
/**/
.ax-btn.ax-reverse,
.ax-btn.ax-line.ax-reverse {
  background: transparent;
  color: #fff;
}
input.ax-reverse.ax-btn,
button.ax-reverse.ax-btn,
input.ax-reverse.ax-btn.ax-line,
button.ax-reverse.ax-btn.ax-line {
  border-color: #fff;
}
.ax-btn.ax-reverse:after,
.ax-btn.ax-reverse.ax-line:after {
  border-color: #fff;
}
.ax-btn.ax-reverse:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.ax-btn.ax-reverse:active {
  opacity: 0.6;
}
.ax-btn.ax-reverse .ax-svg,
.ax-btn.ax-reverse:hover .ax-svg {
  fill: #fff;
}
input.ax-reverse.ax-btn.ax-ignore,
button.ax-reverse.ax-btn.ax-ignore,
input.ax-reverse.ax-btn.ax-ignore.ax-line,
button.ax-reverse.ax-btn.ax-ignore.ax-line {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
}
.ax-btn.ax-reverse.ax-ignore {
  color: rgba(255, 255, 255, 0.5);
}
.ax-btn.ax-reverse.ax-ignore *[class*="font"] {
  color: rgba(255, 255, 255, 0.5);
}
.ax-btn.ax-reverse.ax-ignore:after {
  border-color: rgba(255, 255, 255, 0.5);
}
.ax-btn.ax-reverse.ax-primary:not(.ax-line):after,
.ax-btn.ax-reverse.ax-secondary:not(.ax-line):after,
.ax-btn.ax-reverse.ax-success:not(.ax-line):after,
.ax-btn.ax-reverse.ax-danger:not(.ax-line):after,
.ax-btn.ax-reverse.ax-warning:not(.ax-line):after,
.ax-btn.ax-reverse.ax-info:not(.ax-line):after,
.ax-btn.ax-reverse.ax-ad:not(.ax-line):after,
.ax-btn.ax-reverse.ax-black:not(.ax-line):after {
  display: none;
}
button.ax-btn.ax-reverse.ax-primary:not(.ax-line),
button.ax-btn.ax-reverse.ax-secondary:not(.ax-line),
button.ax-btn.ax-reverse.ax-success:not(.ax-line),
button.ax-btn.ax-reverse.ax-danger:not(.ax-line),
button.ax-btn.ax-reverse.ax-warning:not(.ax-line),
button.ax-btn.ax-reverse.ax-info:not(.ax-line),
button.ax-btn.ax-reverse.ax-ad:not(.ax-line),
button.ax-btn.ax-reverse.ax-black:not(.ax-line) {
  border-color: transparent;
}
input.ax-btn.ax-reverse.ax-primary:not(.ax-line),
input.ax-btn.ax-reverse.ax-secondary:not(.ax-line),
input.ax-btn.ax-reverse.ax-success:not(.ax-line),
input.ax-btn.ax-reverse.ax-danger:not(.ax-line),
input.ax-btn.ax-reverse.ax-warning:not(.ax-line),
input.ax-btn.ax-reverse.ax-info:not(.ax-line),
input.ax-btn.ax-reverse.ax-ad:not(.ax-line),
input.ax-btn.ax-reverse.ax-black:not(.ax-line) {
  border-color: transparent;
}
/*btn disable*/
.ax-btn.ax-disabled,
.ax-btn.ax-disabled:hover,
.ax-btn.ax-line.ax-disabled,
.ax-btn.ax-line.ax-disabled:hover {
  color: #333333;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.3;
  text-decoration: none;
}
.ax-btn.ax-disabled .ax-svg,
.ax-btn.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-disabled:hover .ax-svg {
  fill: #333333;
}
.ax-btn.ax-disabled:after,
.ax-btn.ax-line.ax-disabled:after,
.ax-btn.ax-disabled:hover:after,
.ax-btn.ax-line.ax-disabled:hover:after {
  border-color: #ccc;
}
.ax-btn.ax-disabled:hover *,
.ax-btn.ax-disabled:active *,
.ax-btn.ax-line.ax-disabled:hover *,
.ax-btn.ax-line.ax-disabled:active *,
.ax-btn.ax-text.ax-disabled:hover *,
.ax-btn.ax-text.ax-disabled:active * {
  opacity: 1;
  box-shadow: none;
  cursor: not-allowed;
}
.ax-btn.ax-disabled:active .ax-svg use {
  opacity: 1;
}
.ax-btn.ax-reverse.ax-disabled,
.ax-btn.ax-reverse.ax-line.ax-disabled {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
}
.ax-btn.ax-reverse.ax-disabled .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-disabled .ax-svg {
  fill: rgba(255, 255, 255, 0.5);
}
.ax-btn.ax-reverse.ax-disabled:after,
.ax-btn.ax-reverse.ax-line.ax-disabled:after {
  color: rgba(255, 255, 255, 0.5);
}
.ax-btn.ax-primary.ax-disabled:after,
.ax-btn.ax-secondary.ax-disabled:after,
.ax-btn.ax-success.ax-disabled:after,
.ax-btn.ax-danger.ax-disabled:after,
.ax-btn.ax-warning.ax-disabled:after,
.ax-btn.ax-info.ax-disabled:after,
.ax-btn.ax-ad.ax-disabled:after,
.ax-btn.ax-black.ax-disabled:after,
.ax-btn.ax-primary.ax-disabled:hover:after,
.ax-btn.ax-secondary.ax-disabled:hover:after,
.ax-btn.ax-success.ax-disabled:hover:after,
.ax-btn.ax-danger.ax-disabled:hover:after,
.ax-btn.ax-warning.ax-disabled:hover:after,
.ax-btn.ax-info.ax-disabled:hover:after,
.ax-btn.ax-ad.ax-disabled:hover:after,
.ax-btn.ax-black.ax-disabled:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-primary.ax-disabled,
.ax-btn.ax-primary.ax-disabled:hover,
.ax-btn.ax-primary.ax-disabled:active {
  color: #fff;
  background-color: #198cff;
}
.ax-btn.ax-primary.ax-disabled .ax-svg,
.ax-btn.ax-primary.ax-disabled:hover .ax-svg,
.ax-btn.ax-primary.ax-disabled:active .ax-svg {
  fill: #fff;
}
.ax-btn.ax-secondary.ax-disabled,
.ax-btn.ax-secondary.ax-disabled:hover,
.ax-btn.ax-secondary.ax-disabled:active {
  color: #fff;
  background-color: #475b66;
}
.ax-btn.ax-secondary.ax-disabled .ax-svg,
.ax-btn.ax-secondary.ax-disabled:hover .ax-svg,
.ax-btn.ax-secondary.ax-disabled:active .ax-svg {
  fill: #fff;
}
.ax-btn.ax-success.ax-disabled,
.ax-btn.ax-success.ax-disabled:hover,
.ax-btn.ax-success.ax-disabled:active {
  color: #fff;
  background-color: #41a358;
}
.ax-btn.ax-success.ax-disabled .ax-svg,
.ax-btn.ax-success.ax-disabled:hover .ax-svg,
.ax-btn.ax-success.ax-disabled:active .ax-svg {
  fill: #fff;
}
.ax-btn.ax-danger.ax-disabled,
.ax-btn.ax-danger.ax-disabled:hover,
.ax-btn.ax-danger.ax-disabled:active {
  color: #fff;
  background-color: #dc3545;
}
.ax-btn.ax-danger.ax-disabled .ax-svg,
.ax-btn.ax-danger.ax-disabled:hover .ax-svg,
.ax-btn.ax-danger.ax-disabled:active .ax-svg {
  fill: #fff;
}
.ax-btn.ax-warning.ax-disabled,
.ax-btn.ax-warning.ax-disabled:hover,
.ax-btn.ax-warning.ax-disabled:active {
  color: #333333;
  background-color: #ffc107;
}
.ax-btn.ax-warning.ax-disabled .ax-svg,
.ax-btn.ax-warning.ax-disabled:hover .ax-svg,
.ax-btn.ax-warning.ax-disabled:active .ax-svg {
  fill: #333333;
}
.ax-btn.ax-info.ax-disabled,
.ax-btn.ax-info.ax-disabled:hover,
.ax-btn.ax-info.ax-disabled:active {
  color: #fff;
  background-color: #14ccc9;
}
.ax-btn.ax-info.ax-disabled .ax-svg,
.ax-btn.ax-info.ax-disabled:hover .ax-svg,
.ax-btn.ax-info.ax-disabled:active .ax-svg {
  fill: #fff;
}
.ax-btn.ax-ad.ax-disabled,
.ax-btn.ax-ad.ax-disabled:hover,
.ax-btn.ax-ad.ax-disabled:active {
  color: #fff;
  background-color: #ff8400;
}
.ax-btn.ax-ad.ax-disabled .ax-svg,
.ax-btn.ax-ad.ax-disabled:hover .ax-svg,
.ax-btn.ax-ad.ax-disabled:active .ax-svg {
  fill: #fff;
}
.ax-btn.ax-ignore.ax-disabled,
.ax-btn.ax-ignore.ax-disabled:hover,
.ax-btn.ax-ignore.ax-disabled:active {
  color: rgba(102, 102, 102, 0.8);
  background-color: #f0f0f0;
}
.ax-btn.ax-ignore.ax-disabled .ax-svg,
.ax-btn.ax-ignore.ax-disabled:hover .ax-svg,
.ax-btn.ax-ignore.ax-disabled:active .ax-svg {
  fill: rgba(102, 102, 102, 0.8);
}
.ax-btn.ax-black.ax-disabled,
.ax-btn.ax-black.ax-disabled:hover,
.ax-btn.ax-black.ax-disabled:active {
  color: #fff;
  background-color: #333333;
}
.ax-btn.ax-black.ax-disabled .ax-svg,
.ax-btn.ax-black.ax-disabled:hover .ax-svg,
.ax-btn.ax-black.ax-disabled:active .ax-svg {
  fill: #fff;
}
.ax-btn.ax-line.ax-primary.ax-disabled,
.ax-btn.ax-line.ax-primary.ax-disabled:hover,
.ax-btn.ax-line.ax-primary.ax-disabled:active {
  color: #198cff;
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-primary.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-primary.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-primary.ax-disabled:active .ax-svg {
  fill: #198cff;
}
.ax-btn.ax-line.ax-primary.ax-disabled:after,
.ax-btn.ax-line.ax-primary.ax-disabled:hover:after {
  border-color: #198cff;
}
.ax-btn.ax-line.ax-secondary.ax-disabled,
.ax-btn.ax-line.ax-secondary.ax-disabled:hover,
.ax-btn.ax-line.ax-secondary.ax-disabled:active {
  color: #475b66;
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-secondary.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-secondary.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-secondary.ax-disabled:active .ax-svg {
  fill: #475b66;
}
.ax-btn.ax-line.ax-secondary.ax-disabled:after,
.ax-btn.ax-line.ax-secondary.ax-disabled:hover:after {
  border-color: #475b66;
}
.ax-btn.ax-line.ax-success.ax-disabled,
.ax-btn.ax-line.ax-success.ax-disabled:hover,
.ax-btn.ax-line.ax-success.ax-disabled:active {
  color: #41a358;
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-success.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-success.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-success.ax-disabled:active .ax-svg {
  fill: #41a358;
}
.ax-btn.ax-line.ax-success.ax-disabled:after,
.ax-btn.ax-line.ax-success.ax-disabled:hover:after {
  border-color: #41a358;
}
.ax-btn.ax-line.ax-danger.ax-disabled,
.ax-btn.ax-line.ax-danger.ax-disabled:hover,
.ax-btn.ax-line.ax-danger.ax-disabled:active {
  color: #dc3545;
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-danger.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-danger.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-danger.ax-disabled:active .ax-svg {
  fill: #dc3545;
}
.ax-btn.ax-line.ax-danger.ax-disabled:after,
.ax-btn.ax-line.ax-danger.ax-disabled:hover:after {
  border-color: #dc3545;
}
.ax-btn.ax-line.ax-warning.ax-disabled,
.ax-btn.ax-line.ax-warning.ax-disabled:hover,
.ax-btn.ax-line.ax-warning.ax-disabled:active {
  color: #ffc107;
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-warning.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-warning.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-warning.ax-disabled:active .ax-svg {
  fill: #ffc107;
}
.ax-btn.ax-line.ax-warning.ax-disabled:after,
.ax-btn.ax-line.ax-warning.ax-disabled:hover:after {
  border-color: #ffc107;
}
.ax-btn.ax-line.ax-info.ax-disabled,
.ax-btn.ax-line.ax-info.ax-disabled:hover,
.ax-btn.ax-line.ax-info.ax-disabled:active {
  color: #14ccc9;
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-info.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-info.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-info.ax-disabled:active .ax-svg {
  fill: #14ccc9;
}
.ax-btn.ax-line.ax-info.ax-disabled:after,
.ax-btn.ax-line.ax-info.ax-disabled:hover:after {
  border-color: #14ccc9;
}
.ax-btn.ax-line.ax-ad.ax-disabled,
.ax-btn.ax-line.ax-ad.ax-disabled:hover,
.ax-btn.ax-line.ax-ad.ax-disabled:active {
  color: #ff8400;
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-ad.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-ad.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-ad.ax-disabled:active .ax-svg {
  fill: #ff8400;
}
.ax-btn.ax-line.ax-ad.ax-disabled:after,
.ax-btn.ax-line.ax-ad.ax-disabled:hover:after {
  border-color: #ff8400;
}
.ax-btn.ax-line.ax-ignore.ax-disabled,
.ax-btn.ax-line.ax-ignore.ax-disabled:hover,
.ax-btn.ax-line.ax-ignore.ax-disabled:active {
  color: rgba(102, 102, 102, 0.8);
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-ignore.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-ignore.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-ignore.ax-disabled:active .ax-svg {
  fill: rgba(102, 102, 102, 0.8);
}
.ax-btn.ax-line.ax-ignore.ax-disabled:after,
.ax-btn.ax-line.ax-ignore.ax-disabled:hover:after {
  border-color: #ccc;
}
.ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled,
.ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:hover,
.ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:active {
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
}
.ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:hover .ax-svg,
.ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:active .ax-svg {
  fill: rgba(255, 255, 255, 0.5);
}
.ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:after,
.ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:hover:after {
  border-color: rgba(255, 255, 255, 0.5);
}
.ax-btn.ax-line.ax-black.ax-disabled,
.ax-btn.ax-line.ax-black.ax-disabled:hover,
.ax-btn.ax-line.ax-black.ax-disabled:active {
  color: #333333;
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-black.ax-disabled .ax-svg,
.ax-btn.ax-line.ax-black.ax-disabled:hover .ax-svg,
.ax-btn.ax-line.ax-black.ax-disabled:active .ax-svg {
  fill: #333333;
}
.ax-btn.ax-line.ax-black.ax-disabled:after,
.ax-btn.ax-line.ax-black.ax-disabled:hover:after {
  border-color: #333333;
}
.ax-btn.ax-text.ax-primary.ax-disabled,
.ax-btn.ax-text.ax-primary.ax-disabled:hover,
.ax-btn.ax-text.ax-primary.ax-disabled:active {
  color: #198cff;
  opacity: 0.3;
}
.ax-btn.ax-text.ax-primary.ax-disabled .ax-svg,
.ax-btn.ax-text.ax-primary.ax-disabled:hover .ax-svg,
.ax-btn.ax-text.ax-primary.ax-disabled:active .ax-svg {
  fill: #198cff;
}
.ax-btn.ax-text.ax-secondary.ax-disabled,
.ax-btn.ax-text.ax-secondary.ax-disabled:hover,
.ax-btn.ax-text.ax-secondary.ax-disabled:active {
  color: #475b66;
  opacity: 0.3;
}
.ax-btn.ax-text.ax-secondary.ax-disabled .ax-svg,
.ax-btn.ax-text.ax-secondary.ax-disabled:hover .ax-svg,
.ax-btn.ax-text.ax-secondary.ax-disabled:active .ax-svg {
  fill: #475b66;
}
.ax-btn.ax-text.ax-success.ax-disabled,
.ax-btn.ax-text.ax-success.ax-disabled:hover,
.ax-btn.ax-text.ax-success.ax-disabled:active {
  color: #41a358;
  opacity: 0.3;
}
.ax-btn.ax-text.ax-success.ax-disabled .ax-svg,
.ax-btn.ax-text.ax-success.ax-disabled:hover .ax-svg,
.ax-btn.ax-text.ax-success.ax-disabled:active .ax-svg {
  fill: #41a358;
}
.ax-btn.ax-text.ax-danger.ax-disabled,
.ax-btn.ax-text.ax-danger.ax-disabled:hover,
.ax-btn.ax-text.ax-danger.ax-disabled:active {
  color: #dc3545;
  opacity: 0.3;
}
.ax-btn.ax-text.ax-danger.ax-disabled .ax-svg,
.ax-btn.ax-text.ax-danger.ax-disabled:hover .ax-svg,
.ax-btn.ax-text.ax-danger.ax-disabled:active .ax-svg {
  fill: #dc3545;
}
.ax-btn.ax-text.ax-warning.ax-disabled,
.ax-btn.ax-text.ax-warning.ax-disabled:hover,
.ax-btn.ax-text.ax-warning.ax-disabled:active {
  color: #ffc107;
  opacity: 0.3;
}
.ax-btn.ax-text.ax-warning.ax-disabled .ax-svg,
.ax-btn.ax-text.ax-warning.ax-disabled:hover .ax-svg,
.ax-btn.ax-text.ax-warning.ax-disabled:active .ax-svg {
  fill: #ffc107;
}
.ax-btn.ax-text.ax-info.ax-disabled,
.ax-btn.ax-text.ax-info.ax-disabled:hover,
.ax-btn.ax-text.ax-info.ax-disabled:active {
  color: #14ccc9;
  opacity: 0.3;
}
.ax-btn.ax-text.ax-info.ax-disabled .ax-svg,
.ax-btn.ax-text.ax-info.ax-disabled:hover .ax-svg,
.ax-btn.ax-text.ax-info.ax-disabled:active .ax-svg {
  fill: #14ccc9;
}
.ax-btn.ax-text.ax-ad.ax-disabled,
.ax-btn.ax-text.ax-ad.ax-disabled:hover,
.ax-btn.ax-text.ax-ad.ax-disabled:active {
  color: #ff8400;
  opacity: 0.3;
}
.ax-btn.ax-text.ax-ad.ax-disabled .ax-svg,
.ax-btn.ax-text.ax-ad.ax-disabled:hover .ax-svg,
.ax-btn.ax-text.ax-ad.ax-disabled:active .ax-svg {
  fill: #ff8400;
}
.ax-btn.ax-text.ax-ignore.ax-disabled,
.ax-btn.ax-text.ax-ignore.ax-disabled:hover,
.ax-btn.ax-text.ax-ignore.ax-disabled:active {
  color: rgba(102, 102, 102, 0.8);
  opacity: 0.3;
}
.ax-btn.ax-text.ax-ignore.ax-disabled .ax-svg,
.ax-btn.ax-text.ax-ignore.ax-disabled:hover .ax-svg,
.ax-btn.ax-text.ax-ignore.ax-disabled:active .ax-svg {
  fill: rgba(102, 102, 102, 0.8);
}
.ax-btn.ax-text.ax-black.ax-disabled,
.ax-btn.ax-text.ax-black.ax-disabled:hover,
.ax-btn.ax-text.ax-black.ax-disabled:active {
  color: #333333;
  opacity: 0.3;
}
.ax-btn.ax-text.ax-black.ax-disabled .ax-svg,
.ax-btn.ax-text.ax-black.ax-disabled:hover .ax-svg,
.ax-btn.ax-text.ax-black.ax-disabled:active .ax-svg {
  fill: #333333;
}
/*btn shadow*/
.ax-btn.ax-text.ax-shadow {
  box-shadow: none;
}
.ax-btn.ax-primary.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(25, 140, 255, 0.4);
}
.ax-btn.ax-secondary.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(71, 91, 102, 0.4);
}
.ax-btn.ax-success.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(65, 163, 88, 0.4);
}
.ax-btn.ax-danger.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(220, 53, 69, 0.4);
}
.ax-btn.ax-warning.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(255, 193, 7, 0.4);
}
.ax-btn.ax-ad.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(255, 132, 0, 0.4);
}
.ax-btn.ax-info.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(20, 204, 201, 0.4);
}
.ax-btn.ax-black.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
  box-shadow: 0.5rem 0.5rem 2rem rgba(51, 51, 51, 0.4);
}
/*btn borderless*/
.ax-btn.ax-borderless {
  border: none;
}
.ax-btn.ax-borderless:after {
  display: none;
}
/*btn txt*/
.ax-txt-btn {
  font-size: 1.4rem;
}
.ax-txt-btn *[class*="font"] {
  font-size: 1.4rem;
}
/*btn group*/
.ax-btn-group .ax-btn,
.ax-btn-group .ax-btn:after {
  border-radius: 0;
}
.ax-btn-group > .ax-btn:first-child,
.ax-btn-group > .ax-btn:first-child:after {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.ax-btn-group > .ax-btn:last-child,
.ax-btn-group > .ax-btn:last-child:after {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ax-btn-group > .ax-btn:not(:first-of-type) {
  margin-left: -0.1rem;
}
.ax-btn-group .ax-btn:hover {
  z-index: 2;
}
.ax-btn-group .ax-btn.ax-active {
  z-index: 3;
  background-color: #198cff;
  color: #fff;
}
.ax-btn-group .ax-btn.ax-active svg {
  fill: #fff;
}
/*gradient btn*/
.ax-primary.ax-gradient-0 {
  background: linear-gradient(0deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient,
.ax-primary.ax-gradient-45 {
  background: linear-gradient(45deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-90 {
  background: linear-gradient(90deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-135 {
  background: linear-gradient(135deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-180 {
  background: linear-gradient(180deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-225 {
  background: linear-gradient(225deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-270 {
  background: linear-gradient(270deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-315 {
  background: linear-gradient(315deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-360 {
  background: linear-gradient(360deg, #198cff, #6619ff);
}
.ax-secondary.ax-gradient-0 {
  background: linear-gradient(0deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient,
.ax-secondary.ax-gradient-45 {
  background: linear-gradient(45deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-90 {
  background: linear-gradient(90deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-135 {
  background: linear-gradient(135deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-180 {
  background: linear-gradient(180deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-225 {
  background: linear-gradient(225deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-270 {
  background: linear-gradient(270deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-315 {
  background: linear-gradient(315deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-360 {
  background: linear-gradient(360deg, #475b66, #474b66);
}
.ax-success.ax-gradient-0 {
  background: linear-gradient(0deg, #41a358, #41a379);
}
.ax-success.ax-gradient,
.ax-success.ax-gradient-45 {
  background: linear-gradient(45deg, #41a358, #41a379);
}
.ax-success.ax-gradient-90 {
  background: linear-gradient(90deg, #41a358, #41a379);
}
.ax-success.ax-gradient-135 {
  background: linear-gradient(135deg, #41a358, #41a379);
}
.ax-success.ax-gradient-180 {
  background: linear-gradient(180deg, #41a358, #41a379);
}
.ax-success.ax-gradient-225 {
  background: linear-gradient(225deg, #41a358, #41a379);
}
.ax-success.ax-gradient-270 {
  background: linear-gradient(270deg, #41a358, #41a379);
}
.ax-success.ax-gradient-315 {
  background: linear-gradient(315deg, #41a358, #41a379);
}
.ax-success.ax-gradient-360 {
  background: linear-gradient(360deg, #41a358, #41a379);
}
.ax-danger.ax-gradient-0 {
  background: linear-gradient(0deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient,
.ax-danger.ax-gradient-45 {
  background: linear-gradient(45deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-90 {
  background: linear-gradient(90deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-135 {
  background: linear-gradient(135deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-180 {
  background: linear-gradient(180deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-225 {
  background: linear-gradient(225deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-270 {
  background: linear-gradient(270deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-315 {
  background: linear-gradient(315deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-360 {
  background: linear-gradient(360deg, #dc3545, #dc7935);
}
.ax-warning.ax-gradient-0 {
  background: linear-gradient(0deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient,
.ax-warning.ax-gradient-45 {
  background: linear-gradient(45deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-90 {
  background: linear-gradient(90deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-135 {
  background: linear-gradient(135deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-180 {
  background: linear-gradient(180deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-225 {
  background: linear-gradient(225deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-270 {
  background: linear-gradient(270deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-315 {
  background: linear-gradient(315deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-360 {
  background: linear-gradient(360deg, #ffc107, #eaff07);
}
.ax-info.ax-gradient-0 {
  background: linear-gradient(0deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient,
.ax-info.ax-gradient-45 {
  background: linear-gradient(45deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-90 {
  background: linear-gradient(90deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-135 {
  background: linear-gradient(135deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-180 {
  background: linear-gradient(180deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-225 {
  background: linear-gradient(225deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-270 {
  background: linear-gradient(270deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-315 {
  background: linear-gradient(315deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-360 {
  background: linear-gradient(360deg, #14ccc9, #1492cc);
}
.ax-ad.ax-gradient-0 {
  background: linear-gradient(0deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient,
.ax-ad.ax-gradient-45 {
  background: linear-gradient(45deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-90 {
  background: linear-gradient(90deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-135 {
  background: linear-gradient(135deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-180 {
  background: linear-gradient(180deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-225 {
  background: linear-gradient(225deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-270 {
  background: linear-gradient(270deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-315 {
  background: linear-gradient(315deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-360 {
  background: linear-gradient(360deg, #ff8400, #ffd900);
}
.ax-gradient.ax-rotate {
  animation: hue 10s infinite;
}
@keyframes hue {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rotate(360deg);
  }
}
/*ripple*/
.ax-ripple {
  position: relative;
  overflow: hidden;
}
.ax-ripple > u {
  width: 10rem;
  height: 10rem;
  opacity: 0;
  border-radius: 50%;
  background: radial-gradient(rgba(0, 0, 0, 0.7) 10%, #000000 30%, rgba(0, 0, 0, 0.7) 60%, #000000 80%, rgba(0, 0, 0, 0.7) 100%);
  transform: translate(-50%, -50%) scale(0.2);
  animation: ripple 0.6s ease-out;
  pointer-events: none;
  position: absolute;
  z-index: 4;
}
@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
/*form*/
.ax-form-origin {
  font-size: 1.4rem;
  margin: 0.8rem 0;
}
.ax-form-origin .ax-icon {
  color: #adc1cc;
  font-size: 1.4rem;
  width: 1.8rem;
}
.ax-form-label {
  width: 16rem;
  height: 3.8rem;
  line-height: calc(3.8rem/2);
  text-align: right;
  margin-right: 1.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ax-form-label:empty {
  height: 0rem;
}
.ax-form-input {
  width: 36rem;
  position: relative;
}
input[type="text"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="file"] {
  background-color: #fff;
  border: 0;
  position: relative;
  z-index: 1;
}
input[type="text"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="file"],
select {
  width: 100%;
  height: 3.8rem;
  line-height: 3.8rem;
  padding: 0 1rem;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 0.3rem;
  position: relative;
}
input[type="range"] {
  height: 0.3rem;
  width: 100%;
  background-color: #f0f0f0;
  border-radius: 0.3rem;
  margin: calc((3.8rem - 0.3rem)/2) 0;
  outline: none;
  -webkit-appearance: none;
}
_:-ms-lang(x),
input[type="range"] {
  height: 2.2rem;
  border-radius: 0;
  margin: calc((3.8rem - 2.2rem)/2) 0;
  background: transparent;
}
input[type="range"]::-webkit-slider-thumb {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #198cff;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 100ms linear;
}
input[type="range"]::-moz-range-thumb {
  width: 1.2rem;
  height: 1.2rem;
  border: 0.2rem solid #198cff;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  transition: all 100ms linear;
}
input[type="range"]::-moz-range-progress {
  background-color: #198cff;
  border-radius: 0.3rem;
}
input[type="range"]::-ms-thumb {
  width: 1.2rem;
  height: 1.2rem;
  border: 0.2rem solid #198cff;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  transition: all 100ms linear;
}
input[type="range"]::-ms-track {
  color: transparent;
  border-color: transparent;
  height: 1px;
  border-radius: 0.3rem;
  background-color: #f0f0f0;
  transition: all 100ms linear;
}
input[type="range"]::-ms-fill-lower {
  height: 0.3rem;
  border-radius: 0.3rem;
  background: #198cff;
  transition: all 100ms linear;
}
input[type="range"]::-ms-fill-upper {
  height: 0.3rem;
  border-radius: 0.3rem;
  background: transparent;
}
input[type="range"]:not([disabled]):hover {
  background-color: #d7e7f5;
}
_:-ms-lang(x),
input[type="range"]:not([disabled]):hover {
  background: transparent;
}
_:-ms-lang(x),
input[type="range"]::-ms-track:hover {
  background-color: #d7e7f5;
}
input[type="range"]:not([disabled])::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
input[type="range"]:not([disabled])::-moz-range-thumb:hover {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
_:-ms-lang(x),
input[type="range"]:not([disabled])::-ms-thumb:hover {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
input[type="range"][disabled] {
  opacity: 0.4;
}
input[type="range"]:focus {
  outline: none;
}
.ax-form-group.ax-xs input[type="range"],
input[type="range"].ax-xs {
  margin: calc((2.2rem - 0.3rem) / 2) 0;
}
_:-ms-lang(x),
.ax-form-group.ax-xs input[type="range"] {
  margin: 0;
}
_:-ms-lang(x),
input[type="range"].ax-xs {
  margin: 0;
}
.ax-form-group.ax-sm input[type="range"],
input[type="range"].ax-sm {
  margin: calc((2.8rem - 0.3rem) / 2) 0;
}
_:-ms-lang(x),
.ax-form-group.ax-sm input[type="range"] {
  margin: calc((2.8rem - 2.2rem) / 2) 0;
}
_:-ms-lang(x),
input[type="range"].ax-sm {
  margin: calc((2.8rem - 2.2rem) / 2) 0;
}
.ax-form-group.ax-lg input[type="range"],
input[type="range"].ax-lg {
  margin: calc((3.8rem + 1rem - 0.3rem) / 2) 0;
}
_:-ms-lang(x),
.ax-form-group.ax-lg input[type="range"] {
  margin: calc((3.8rem + 1rem - 2.2rem) / 2) 0;
}
_:-ms-lang(x),
input[type="range"].ax-lg {
  margin: calc((3.8rem + 1rem - 2.2rem) / 2) 0;
}
select {
  background-color: transparent;
  z-index: 3;
}
textarea {
  width: 100%;
  height: calc(2.2rem*5 + 1.8rem);
  line-height: 2.2rem;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  padding: 0.8rem 1rem;
  border-radius: 0.3rem;
  overflow: auto;
  display: block;
  position: relative;
  z-index: 1;
}
input[type="file"]::file-selector-button {
  height: calc(3.8rem + 0.2rem);
  line-height: calc(3.8rem + 0.2rem);
  border: none;
  border-right: 1px solid #ebebeb;
  padding: 0 1rem 0 0;
  background: transparent;
  pointer-events: none;
}
input[type="file"]::-webkit-file-upload-button {
  height: calc(3.8rem + 0.2rem);
  line-height: calc(3.8rem + 0.2rem);
  border: none;
  border-right: 1px solid #ebebeb;
  padding: 0 1rem 0 0;
  background: transparent;
  pointer-events: none;
}
input:not([readonly]):not([disabled]):not([class*="ax-check"]):not([class*="ax-btn"]):hover,
textarea:not([readonly]):not([disabled]):not([class*="ax-check"]):hover {
  border-color: rgba(25, 140, 255, 0.5);
}
input[readonly=""]:not([class*="mbsc"]):not([id*="_dummy"]),
textarea[readonly=""]:not([class*="mbsc"]):not([id*="_dummy"]),
input[disabled=""]:not([class*="mbsc"]):not([id*="_dummy"]),
textarea[disabled=""]:not([class*="mbsc"]):not([id*="_dummy"]),
input.ax-forbid,
textarea.ax-forbid {
  color: #b3b3b3;
  cursor: not-allowed;
  background-color: #f0f0f0;
  box-shadow: none;
}
input[readonly=""]:not([class*="mbsc"]):not([id*="_dummy"]):focus,
textarea[readonly=""]:not([class*="mbsc"]):not([id*="_dummy"]):focus,
input[type="text"].ax-forbid:focus,
input[type="search"].ax-forbid:focus,
input[type="url"].ax-forbid:focus,
input[type="email"].ax-forbid:focus,
input[type="number"].ax-forbid:focus,
input[type="password"].ax-forbid:focus,
input[type="file"].ax-forbid:focus,
textarea.ax-forbid:focus {
  color: #b3b3b3;
  background-color: #f0f0f0;
  border-color: #e0e0e0 !important;
  box-shadow: none;
}
input[type="text"]:focus,
input[type="text"].ax-focus,
input[type="search"]:focus,
input[type="search"].ax-focus,
input[type="url"]:focus,
input[type="url"].ax-focus,
input[type="email"]:focus,
input[type="email"].ax-focus,
input[type="number"]:focus,
input[type="number"].ax-focus,
input[type="password"]:focus,
input[type="password"].ax-focus,
input[type="file"]:focus,
input[type="file"].ax-focus,
textarea:focus,
textarea.ax-focus {
  color: #198cff;
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
  border-color: rgba(25, 140, 255, 0.5) !important;
}
/*input size*/
input[type="text"].ax-xs,
input[type="search"].ax-xs,
input[type="url"].ax-xs,
input[type="email"].ax-xs,
input[type="number"].ax-xs,
input[type="password"].ax-xs,
input[type="file"].ax-xs,
select.ax-xs {
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  padding: 0 0.4rem;
}
.ax-file.ax-xs {
  font-size: 1.2rem;
}
.ax-file.ax-xs input[type="file"] {
  height: 2.2rem;
}
.ax-file.ax-xs:before,
.ax-file.ax-xs:after {
  height: 2.2rem;
  line-height: 2.2rem;
}
textarea.ax-xs {
  font-size: 1.2rem;
  line-height: 2.2rem;
  height: calc(2.2rem*3 + 0.2rem);
  padding: 0rem 0.4rem;
}
input[type="file"].ax-xs::file-selector-button {
  height: calc(2.2rem + 0.2rem);
  line-height: calc(2.2rem + 0.2rem);
  padding-right: 0.4rem;
}
input[type="file"].ax-xs::-webkit-file-upload-button {
  height: calc(2.2rem + 0.2rem);
  line-height: calc(2.2rem + 0.2rem);
  padding-right: 0.4rem;
}
.ax-form-group.ax-xs {
  font-size: 1.2rem;
}
.ax-form-group.ax-xs .ax-form-label {
  height: 2.2rem;
  line-height: 2.2rem;
  margin-right: 0.4rem;
}
.ax-form-group.ax-xs .ax-form-con {
  line-height: 2.2rem;
}
.ax-form-group.ax-xs .ax-form-txt {
  line-height: 2.2rem;
  margin-left: 0.4rem;
}
.ax-form-group.ax-xs .ax-pos-right {
  line-height: 2.2rem;
  padding-right: 0.4rem;
}
.ax-form-group.ax-xs .ax-pos-right [class*="font"] {
  height: 2.2rem;
  line-height: 2.4rem;
  margin-left: 0.4rem;
}
.ax-form-group.ax-xs .ax-form-head {
  height: 2.2rem;
  width: 2.2rem;
  background-size: cover, 1.4rem 1.4rem;
  margin-left: 0.4rem;
}
.ax-form-group.ax-xs .ax-form-img {
  height: 2.2rem;
  line-height: 2.2rem;
  margin-left: 0.4rem;
}
.ax-form-group.ax-xs .ax-form-img a,
.ax-form-group.ax-xs .ax-form-img span,
.ax-form-group.ax-xs .ax-form-img i {
  margin: 0 0.4rem;
}
.ax-form-group.ax-xs .ax-file:before {
  height: 2.2rem;
  line-height: 2rem;
  padding: 0 0.4rem;
}
.ax-form-group.ax-xs .ax-file:after {
  height: 2.2rem;
  line-height: 2.2rem;
  padding: 0 0.4rem;
}
input[type="text"].ax-sm,
input[type="search"].ax-sm,
input[type="url"].ax-sm,
input[type="email"].ax-sm,
input[type="number"].ax-sm,
input[type="password"].ax-sm,
input[type="file"].ax-sm,
select.ax-sm {
  font-size: 1.4rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  padding: 0 0.6rem;
}
.ax-file.ax-sm input[type="file"] {
  height: calc(3.8rem - 1rem);
}
.ax-file.ax-sm:before,
.ax-file.ax-sm:after {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
textarea.ax-sm {
  font-size: 1.4rem;
  height: calc(2.2rem*3 + 0.8rem);
  padding: 0.3rem 0.6rem;
}
input[type="file"].ax-sm::file-selector-button {
  height: calc(3.8rem - 1rem + 0.2rem);
  line-height: calc(3.8rem - 1rem + 0.2rem);
  padding-right: 0.6rem;
}
input[type="file"].ax-sm::-webkit-file-upload-button {
  height: calc(3.8rem - 1rem + 0.2rem);
  line-height: calc(3.8rem - 1rem + 0.2rem);
  padding-right: 0.6rem;
}
.ax-form-group.ax-sm .ax-form-label {
  height: calc(3.8rem - 1rem);
  line-height: calc((3.8rem - 1rem)/2);
  margin-right: 0.8rem;
}
.ax-form-group.ax-sm .ax-form-txt {
  line-height: calc(3.8rem - 1rem);
  margin-left: 0.8rem;
}
.ax-form-group.ax-sm .ax-pos-right {
  line-height: calc(3.8rem - 1rem);
  padding-right: 0.8rem;
}
.ax-form-group.ax-sm .ax-pos-right [class*="font"] {
  margin-left: 0.8rem;
}
.ax-form-group.ax-sm .ax-form-head {
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
  background-size: cover, 1.8rem 1.8rem;
  margin-left: 0.8rem;
}
.ax-form-group.ax-sm .ax-form-img {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  margin-left: 0.8rem;
}
.ax-form-group.ax-sm .ax-form-img a,
.ax-form-group.ax-sm .ax-form-img span,
.ax-form-group.ax-sm .ax-form-img i {
  margin: 0 0.6rem;
}
.ax-form-group.ax-sm .ax-file:before {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1.2rem);
  padding: 0 0.6rem;
}
.ax-form-group.ax-sm .ax-file:after {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  padding: 0 0.8rem;
}
input[type="text"].ax-lg,
input[type="search"].ax-lg,
input[type="url"].ax-lg,
input[type="email"].ax-lg,
input[type="number"].ax-lg,
input[type="password"].ax-lg,
input[type="file"].ax-lg,
select.ax-lg {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  padding: 0 1.4rem;
}
.ax-file.ax-lg input[type="file"] {
  height: calc(3.8rem + 1rem);
}
.ax-file.ax-lg:before,
.ax-file.ax-lg:after {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
}
textarea.ax-lg {
  height: calc(2.2rem*5 + 2.3rem);
  padding: 0.8rem 1.4rem;
}
input[type="file"].ax-lg::file-selector-button {
  height: calc(3.8rem + 1rem + 0.2rem);
  line-height: calc(3.8rem + 1rem + 0.2rem);
  padding-right: 1.4rem;
}
input[type="file"].ax-lg::-webkit-file-upload-button {
  height: calc(3.8rem + 1rem + 0.2rem);
  line-height: calc(3.8rem + 1rem + 0.2rem);
  padding-right: 1.4rem;
}
.ax-form-group.ax-lg .ax-form-label {
  height: calc(3.8rem + 1rem);
  line-height: calc((3.8rem + 1rem)/2);
}
.ax-form-group.ax-lg .ax-form-txt {
  line-height: calc(3.8rem + 1rem);
}
.ax-form-group.ax-lg .ax-pos-right {
  line-height: calc(3.8rem + 1rem);
}
.ax-form-group.ax-lg .ax-form-head {
  height: calc(3.8rem + 1rem);
  width: calc(3.8rem + 1rem);
  margin-left: 1.4rem;
}
.ax-form-group.ax-lg .ax-form-img {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  margin-left: 1.4rem;
}
.ax-form-group.ax-lg .ax-form-img a,
.ax-form-group.ax-lg .ax-form-img span,
.ax-form-group.ax-lg .ax-form-img i {
  margin: 0 1.8rem;
}
.ax-form-group.ax-lg .ax-file:before {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 0.8rem);
  padding: 0 1.4rem;
}
.ax-form-group.ax-lg .ax-file:after {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  padding: 0 1.8rem;
}
input[type="text"].ax-square,
input[type="search"].ax-square,
input[type="url"].ax-square,
input[type="email"].ax-square,
input[type="number"].ax-square,
input[type="password"].ax-square,
input[type="file"].ax-square,
select.ax-square,
textarea.ax-square,
.ax-file.ax-square:after {
  border-radius: 0;
}
.ax-file.ax-square:before,
.ax-file.ax-square:after {
  border-radius: 0;
}
input[type="text"].ax-round,
input[type="search"].ax-round,
input[type="url"].ax-round,
input[type="email"].ax-round,
input[type="number"].ax-round,
input[type="password"].ax-round,
input[type="file"].ax-round,
select.ax-round,
textarea.ax-round {
  border-radius: calc(3.8rem/2);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.ax-file.ax-round:after {
  border-radius: calc(3.8rem/2);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.ax-file.ax-round:after {
  border-radius: 0 calc(3.8rem/2) calc(3.8rem/2) 0;
  padding: 0 1.6rem;
}
input.ax-round + .ax-pos-right,
textarea.ax-round + .ax-pos-right {
  padding-right: 1.6rem;
}
input[type="text"].ax-round.ax-xs,
input[type="search"].ax-round.ax-xs,
input[type="url"].ax-round.ax-xs,
input[type="email"].ax-round.ax-xs,
input[type="number"].ax-round.ax-xs,
input[type="password"].ax-round.ax-xs,
input[type="file"].ax-round.ax-xs,
select.ax-round.ax-xs,
textarea.ax-round.ax-xs {
  border-radius: 1.1rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.ax-file.ax-round.ax-xs:before {
  padding: 0 0.8rem;
}
.ax-file.ax-round.ax-xs:after {
  border-radius: 1.1rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.ax-file.ax-round.ax-xs:after {
  border-radius: 0 1.1rem 1.1rem 0;
  padding: 0 0.8rem;
}
input.ax-round.ax-xs + .ax-pos-right {
  padding-right: 0.8rem;
}
input[type="text"].ax-round.ax-sm,
input[type="search"].ax-round.ax-sm,
input[type="url"].ax-round.ax-sm,
input[type="email"].ax-round.ax-sm,
input[type="number"].ax-round.ax-sm,
input[type="password"].ax-round.ax-sm,
input[type="file"].ax-round.ax-sm,
select.ax-round.ax-sm,
textarea.ax-round.ax-sm {
  border-radius: calc((3.8rem - 1rem) / 2);
  padding-left: 1rem;
  padding-right: 1rem;
}
.ax-file.ax-round.ax-sm:before {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ax-file.ax-round.ax-sm:after {
  border-radius: calc((3.8rem - 1rem) / 2);
  padding-left: 1rem;
  padding-right: 1rem;
}
.ax-file.ax-round.ax-sm:after {
  border-radius: 0 calc((3.8rem - 1rem)/2) calc((3.8rem - 1rem)/2) 0;
  padding: 0 1rem;
}
input.ax-round.ax-sm + .ax-pos-right {
  padding-right: 1rem;
}
input[type="text"].ax-round.ax-lg,
input[type="search"].ax-round.ax-lg,
input[type="url"].ax-round.ax-lg,
input[type="email"].ax-round.ax-lg,
input[type="number"].ax-round.ax-lg,
input[type="password"].ax-round.ax-lg,
input[type="file"].ax-round.ax-lg,
select.ax-round.ax-lg,
textarea.ax-round.ax-lg {
  border-radius: calc((3.8rem + 1rem) / 2);
  padding-left: 2rem;
  padding-right: 2rem;
}
.ax-file.ax-round.ax-lg:before {
  padding-left: 2rem;
  padding-right: 2rem;
}
.ax-file.ax-round.ax-lg:before {
  border-radius: calc((3.8rem + 1rem) / 2);
  padding-left: 2rem;
  padding-right: 2rem;
}
.ax-file.ax-round.ax-lg:after {
  border-radius: 0 calc((3.8rem + 1rem) / 2) calc((3.8rem + 1rem) / 2) 0;
  padding: 0 2rem;
}
input.ax-round.ax-lg + .ax-pos-right {
  padding-right: 2rem;
}
/*input dodge*/
.ax-dodge {
  position: relative;
}
.ax-dodge label {
  color: rgba(0, 0, 0, 0.3);
  padding: 0 1rem;
  border-radius: 0.3rem;
  height: 3.8rem;
  line-height: 3.8rem;
  cursor: text;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 100ms linear;
}
.ax-dodge.ax-active label {
  font-size: 1rem;
  line-height: 1.2rem;
  height: 1.2rem;
  padding: 0 0.4rem;
  background-color: #fff;
  transform: translate(0, -50%);
  left: 0.6rem;
}
.ax-dodge.ax-active:after {
  content: '';
  height: 1.2rem;
  width: 18rem;
  background: transparent;
  position: absolute;
  left: 0;
  top: -0.6rem;
  z-index: 2;
}
.ax-dodge.ax-lg label {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
}
.ax-dodge.ax-active.ax-lg label {
  line-height: 1.2rem;
  height: 1.2rem;
  left: 1rem;
}
.ax-dodge input:-webkit-autofill,
.ax-dodge textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100rem #fff inset;
}
/* mobiscroll */
input[readonly=""][class*="mbsc"],
textarea[readonly=""][class*="mbsc"],
input[readonly=""][class*="mbsc"]:focus,
textarea[readonly=""][class*="mbsc"]:focus,
input[readonly=""][id*="_dummy"],
textarea[readonly=""][id*="_dummy"],
input[readonly=""][id*="_dummy"]:focus,
textarea[readonly=""][id*="_dummy"]:focus {
  color: #333333;
  box-shadow: none;
  border-color: #e0e0e0 !important;
}
input[readonly=""][class*="mbsc"]:hover,
textarea[readonly=""][class*="mbsc"]:hover,
input[readonly=""][id*="_dummy"]:hover,
textarea[readonly=""][id*="_dummy"]:hover {
  border-color: rgba(25, 140, 255, 0.5) !important;
}
input[readonly=""][class*="mbsc"].ax-focus,
textarea[readonly=""][class*="mbsc"].ax-focus,
input[readonly=""][id*="_dummy"].ax-focus,
textarea[readonly=""][id*="_dummy"].ax-focus {
  color: #198cff;
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
  border-color: rgba(25, 140, 255, 0.5) !important;
}
.ax-form-btn.ax-round:not(.ax-icon) {
  padding: 0 1.6rem;
}
/* mobiscroll */
input.ax-check-danger,
textarea.ax-check-danger {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.06);
  border-color: rgba(220, 53, 69, 0.16);
}
input.ax-check-danger:focus,
textarea.ax-check-danger:focus {
  color: #dc3545;
  box-shadow: 0 0 0 0.3rem rgba(220, 53, 69, 0.14);
  background-color: rgba(220, 53, 69, 0.06);
  border-color: rgba(220, 53, 69, 0.3) !important;
}
input.ax-check-primary,
textarea.ax-check-primary {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.06);
  border-color: rgba(25, 140, 255, 0.16);
}
input.ax-check-primary:focus,
textarea.ax-check-primary:focus {
  color: #198cff;
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.14);
  background-color: rgba(25, 140, 255, 0.06);
  border-color: rgba(25, 140, 255, 0.3) !important;
}
input.ax-check-success,
textarea.ax-check-success {
  color: #41a358;
  background-color: rgba(65, 163, 88, 0.06);
  border-color: rgba(65, 163, 88, 0.16);
}
input.ax-check-success:focus,
textarea.ax-check-success:focus {
  color: #41a358;
  box-shadow: 0 0 0 0.3rem rgba(65, 163, 88, 0.14);
  background-color: rgba(65, 163, 88, 0.06);
  border-color: rgba(65, 163, 88, 0.3) !important;
}
input.ax-check-success,
textarea.ax-check-success {
  color: #41a358;
  background-color: rgba(65, 163, 88, 0.06);
  border-color: rgba(65, 163, 88, 0.16);
}
input.ax-check-success:focus,
textarea.ax-check-success:focus {
  color: #41a358;
  box-shadow: 0 0 0 0.3rem rgba(65, 163, 88, 0.14);
  background-color: rgba(65, 163, 88, 0.06);
  border-color: rgba(65, 163, 88, 0.3) !important;
}
input.ax-check-warning,
textarea.ax-check-warning {
  color: #ffc107;
  background-color: rgba(255, 193, 7, 0.06);
  border-color: rgba(255, 193, 7, 0.16);
}
input.ax-check-warning:focus,
textarea.ax-check-warning:focus {
  color: #ffc107;
  box-shadow: 0 0 0 0.3rem rgba(255, 193, 7, 0.14);
  background-color: rgba(255, 193, 7, 0.06);
  border-color: rgba(255, 193, 7, 0.3) !important;
}
input.ax-check-info,
textarea.ax-check-info {
  color: #14ccc9;
  background-color: rgba(20, 204, 201, 0.06);
  border-color: rgba(20, 204, 201, 0.16);
}
input.ax-check-info:focus,
textarea.ax-check-info:focus {
  color: #14ccc9;
  box-shadow: 0 0 0 0.3rem rgba(20, 204, 201, 0.14);
  background-color: rgba(20, 204, 201, 0.06);
  border-color: rgba(20, 204, 201, 0.3) !important;
}
input.ax-check-ad,
textarea.ax-check-ad {
  color: #ff8400;
  background-color: rgba(255, 132, 0, 0.06);
  border-color: rgba(255, 132, 0, 0.16);
}
input.ax-check-ad:focus,
textarea.ax-check-ad:focus {
  color: #ff8400;
  box-shadow: 0 0 0 0.3rem rgba(255, 132, 0, 0.14);
  background-color: rgba(255, 132, 0, 0.06);
  border-color: rgba(255, 132, 0, 0.3) !important;
}
.ax-file {
  position: relative;
}
.ax-file:after {
  content: attr(data-text);
  color: #fff;
  height: 3.8rem;
  line-height: 3.8rem;
  background-color: #198cff;
  border-radius: 0 0.3rem 0.3rem 0;
  padding: 0 1.4rem;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.12) inset;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ax-file:before {
  content: attr(data-placeholder);
  color: rgba(0, 0, 0, 0.3);
  background-color: #fff;
  width: 100%;
  height: 3.8rem;
  line-height: calc(3.8rem - 0.2rem);
  overflow: hidden;
  white-space: nowrap;
  padding: 0 1rem;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 100ms linear;
}
.ax-file.ax-simple:after {
  display: none;
}
.ax-file.ax-active:before {
  color: #333333;
}
.ax-file.ax-focus:before {
  color: #198cff;
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
  border-color: rgba(25, 140, 255, 0.5) !important;
}
.ax-file input[type="file"] {
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.ax-file:hover:before {
  border-color: rgba(25, 140, 255, 0.5);
}
.ax-file.ax-square:before,
.ax-file.ax-square:after {
  border-radius: 0;
}
.ax-file.ax-round:before {
  border-radius: calc(3.8rem/2);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.ax-file.ax-round:after {
  border-top-right-radius: calc(3.8rem/2);
  border-bottom-right-radius: calc(3.8rem/2);
  padding: 0 1.6rem;
}
.ax-radio {
  position: relative;
}
.ax-radio *[type="radio"] {
  display: none;
}
.ax-radio span {
  line-height: 3.8rem;
  white-space: nowrap;
  margin-right: 2.2rem;
}
.ax-radio span:before {
  content: '';
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.4rem;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 100%;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  position: relative;
  top: 1rem;
  transition: all 200ms ease-out;
  float: left;
}
.ax-radio span:after {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  cursor: pointer;
  background-color: #198cff;
  display: inline-block;
  position: absolute;
  top: 1.4rem;
  left: 0.4rem;
  transform: scale(0);
  transition: all 200ms ease-out;
}
.ax-radio:hover span:before {
  border-color: #198cff;
}
.ax-radio input[type="radio"]:focus {
  box-shadow: rgba(25, 140, 255, 0.2);
}
.ax-radio input[type="radio"]:checked + span:before {
  border-color: #198cff;
  animation: check 0.4s ease-out forwards;
}
.ax-radio input[type="radio"]:checked + span:after {
  border-color: #198cff;
  transform: scale(1);
}
.ax-radio input[type="radio"]:focus + span:before {
  outline: none;
  border-color: #198cff;
}
.ax-radio input[type="radio"]:disabled + span {
  color: #b3b3b3;
}
.ax-radio input[type="radio"]:disabled + span:before {
  border-color: #e0e0e0;
}
.ax-radio input[type="radio"]:disabled:checked + span:before {
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-radio input[type="radio"]:disabled:checked + span:after {
  background-color: #b3b3b3;
  transform: scale(1);
}
.ax-radio input[type="radio"] + span:empty:before {
  margin-right: 0;
}
.ax-radio.ax-bone {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-radio.ax-bone span {
  width: 100%;
  height: 100%;
  margin: 0;
}
.ax-radio.ax-bone span:before {
  left: 0;
  top: 0;
}
.ax-radio.ax-bone span:after {
  top: 0.4rem;
}
@keyframes check {
  0% {
    box-shadow: 0 0 0 0 rgba(25, 140, 255, 0.2);
  }
  50% {
    box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
  }
  99% {
    box-shadow: 0 0 0 0.6rem rgba(25, 140, 255, 0);
  }
  100% {
    box-shadow: none;
  }
}
/*radio size*/
.ax-radio.ax-xs span {
  line-height: 2.2rem;
  margin-right: 1.4rem;
}
.ax-radio.ax-xs span:before {
  top: 0.2rem;
  margin-right: 0.4rem;
}
.ax-radio.ax-xs span:after {
  top: 0.6rem;
}
.ax-radio.ax-sm span {
  line-height: calc(2.8rem);
  margin-right: 1.4rem;
}
.ax-radio.ax-sm span:before {
  top: 0.5rem;
  margin-right: 0.8rem;
}
.ax-radio.ax-sm span:after {
  top: 0.9rem;
}
.ax-radio.ax-lg span {
  line-height: calc(2.8rem + 2rem);
}
.ax-radio.ax-lg span:before {
  top: 1.5rem;
}
.ax-radio.ax-lg span:after {
  top: 1.9rem;
}
.ax-checkbox {
  position: relative;
}
.ax-checkbox *[type="checkbox"] {
  display: none;
}
.ax-checkbox span {
  line-height: 3.8rem;
  white-space: nowrap;
  margin-right: 2.2rem;
}
.ax-checkbox span:before {
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 0.3rem;
  margin-right: 0.4rem;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  position: relative;
  top: 1.1rem;
  transition: all 200ms ease-out;
  float: left;
}
.ax-checkbox span:after {
  content: '';
  width: 1rem;
  height: 0.6rem;
  border-radius: 0 0.6rem 0 0;
  cursor: pointer;
  box-shadow: -0.2rem 0.2rem 0 0 #198cff;
  display: inline-block;
  position: absolute;
  top: 1.2rem;
  left: 0.3rem;
  transform: rotate(-45deg) scale(0);
  transition: all 200ms ease-out;
}
.ax-checkbox:hover span:before {
  border-color: #198cff;
}
.ax-checkbox input[type="checkbox"]:focus {
  box-shadow: rgba(25, 140, 255, 0.2);
}
.ax-checkbox input[type="checkbox"]:checked + span:before {
  border-color: #198cff;
  background-color: #198cff;
  animation: check 0.4s ease-out forwards;
}
.ax-checkbox input[type="checkbox"]:checked + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #fff;
  transform: rotate(-45deg) scale(1);
}
.ax-checkbox input[type="checkbox"]:focus + span:before {
  outline: none;
  border-color: #198cff;
}
.ax-checkbox input[type="checkbox"]:focus + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #198cff;
}
.ax-checkbox input[type="checkbox"]:disabled + span {
  color: #b3b3b3;
}
.ax-checkbox input[type="checkbox"]:disabled + span:before {
  border-color: #e0e0e0;
  background-color: #f0f0f0;
}
.ax-checkbox input[type="checkbox"]:disabled:checked + span:before {
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-checkbox input[type="checkbox"]:disabled:checked + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #b3b3b3;
  transform: rotate(-45deg) scale(1);
}
.ax-checkbox input[type="checkbox"] + span:empty:before {
  margin-right: 0;
}
.ax-checkbox.ax-bone {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-checkbox.ax-bone span {
  width: 100%;
  height: 100%;
  margin: 0;
}
.ax-checkbox.ax-bone span:before {
  left: 0.1rem;
  top: 0.1rem;
}
.ax-checkbox.ax-bone span:after {
  left: 0.4rem;
  top: 0.2rem;
}
/*checkbox size*/
.ax-checkbox.ax-xs span {
  line-height: 2.2rem;
  margin-right: 1.4rem;
}
.ax-checkbox.ax-xs span:before {
  top: 0.3rem;
}
.ax-checkbox.ax-xs span:after {
  top: 0.4rem;
}
.ax-checkbox.ax-sm span {
  line-height: 2.8rem;
  margin-right: 1.4rem;
}
.ax-checkbox.ax-sm span:before {
  top: 0.6rem;
}
.ax-checkbox.ax-sm span:after {
  top: 0.7rem;
}
.ax-checkbox.ax-lg span {
  line-height: calc(2.8rem + 2rem);
}
.ax-checkbox.ax-lg span:before {
  top: 1.6rem;
}
.ax-checkbox.ax-lg span:after {
  top: 1.7rem;
}
.ax-chera {
  font-size: 1.4rem;
  width: 100%;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0.5rem auto;
  position: relative;
}
.ax-chera input {
  display: none;
}
.ax-chera span {
  width: 100%;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  border-radius: 0.3rem;
  white-space: nowrap;
  padding: 0 1rem;
  margin: 0.5rem auto;
  display: block;
  box-sizing: border-box;
  transition: all 200ms ease-out;
  position: relative;
}
.ax-chera span:before {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-chera span:after {
  content: '';
  width: 1rem;
  height: 0.6rem;
  cursor: pointer;
  box-shadow: -0.2rem 0.2rem 0 0 #b3b3b3;
  display: inline-block;
  position: absolute;
  top: 0.7rem;
  right: 1.2rem;
  opacity: 0.4;
  transform: rotate(-45deg);
  transition: all 200ms ease-out;
}
.ax-chera:hover span {
  border-color: #198cff;
}
.ax-chera input:checked + span {
  color: #fff;
  border-color: #198cff;
  background-color: #198cff;
}
.ax-chera input:checked + span:after {
  opacity: 1;
  box-shadow: -0.2rem 0.2rem 0 0 #fff;
  transform: rotate(-45deg);
}
.ax-chera input:focus + span {
  outline: none;
  border-color: #198cff;
}
.ax-chera input:focus + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #198cff;
}
.ax-chera input:disabled + span {
  color: #b3b3b3;
}
.ax-chera input:disabled + span {
  border-color: #e0e0e0;
  background-color: #f0f0f0;
}
.ax-chera input:disabled:checked + span {
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-chera input:disabled:checked + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #b3b3b3;
}
/*chera size*/
.ax-chera.ax-xs {
  font-size: 1.2rem;
  margin: 0.1rem auto;
}
.ax-chera.ax-xs span {
  height: 2rem;
  line-height: 2rem;
  padding-left: 0.4rem;
  margin: 0 auto;
}
.ax-chera.ax-xs span:after {
  top: 0.3rem;
  right: 0.6rem;
}
.ax-chera.ax-sm {
  margin: 0.1rem auto;
}
.ax-chera.ax-sm span {
  height: calc(2.8rem - 0.2rem);
  line-height: calc(2.8rem - 0.2rem);
  margin: 0.1rem auto;
}
.ax-chera.ax-sm span:after {
  top: 0.6rem;
}
.ax-chera.ax-lg span {
  height: calc(2.8rem + 1rem);
  line-height: calc(2.8rem + 1rem);
}
.ax-chera.ax-lg span:after {
  top: 1.2rem;
}
.ax-switch {
  width: 4rem;
  box-sizing: border-box;
}
.ax-switch input {
  display: none;
}
.ax-switch span {
  width: 100%;
  height: 2.2rem;
  border: 1px solid #e0e0e0;
  border-radius: 2.2rem;
  margin: calc((3.8rem - 2.2rem)/2) 0;
  display: block;
  box-sizing: border-box;
  transition: all 200ms linear;
  position: relative;
}
.ax-switch span:before {
  content: '';
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  transition: all 200ms linear;
  position: absolute;
  left: 0;
}
.ax-switch:hover span {
  border-color: #198cff;
}
.ax-switch input:checked + span {
  border-color: #198cff;
  background-color: #198cff;
}
.ax-switch input:checked + span:before {
  left: 1.8rem;
}
.ax-switch input:disabled + span {
  border-color: #e0e0e0;
  background-color: #f0f0f0;
}
.ax-switch input:disabled:checked + span {
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-switch.ax-bone span {
  margin: 0;
}
/*switch size*/
.ax-switch.ax-xs span {
  margin: 0;
}
.ax-switch.ax-sm span {
  margin: 0.3rem 0;
}
.ax-switch.ax-lg span {
  margin: 1.3rem 0;
}
/*amount's increase & decrease*/
.ax-amount {
  border-radius: 0.3rem;
  width: calc(3.8rem*4);
  height: 3.8rem;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e0e0e0;
}
.ax-amount:hover {
  border-color: rgba(25, 140, 255, 0.5);
}
.ax-amount [decrease],
.ax-amount [increase] {
  background-color: #fafafa;
  box-sizing: border-box;
  width: 3.8rem;
  height: 100%;
  line-height: calc(3.8rem - 0.2rem);
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  color: #666666;
}
.ax-amount [decrease] {
  left: 0;
  border-radius: 0.3rem 0 0 0.3rem;
  border-right: 1px solid #e0e0e0;
}
.ax-amount [increase] {
  right: 0;
  border-radius: 0 0.3rem 0.3rem 0;
  border-left: 1px solid #e0e0e0;
}
.ax-amount [class*="font"] {
  font-size: 1.2rem;
}
.ax-amount svg {
  width: 1.2rem;
  height: 100%;
}
.ax-amount.ax-array-left input {
  padding-left: calc(1rem + 3.8rem);
}
.ax-amount.ax-array-right input {
  padding-right: calc(1rem + 3.8rem);
}
.ax-amount.ax-array-left [decrease],
.ax-amount.ax-array-left [increase],
.ax-amount.ax-array-right [decrease],
.ax-amount.ax-array-right [increase] {
  height: 50%;
}
.ax-amount.ax-array-left [increase],
.ax-amount.ax-array-right [increase] {
  line-height: calc((3.8rem + 1.2rem)/2);
}
.ax-amount.ax-array-left svg,
.ax-amount.ax-array-right svg {
  height: calc((100% + 1.2rem)/2);
}
.ax-amount.ax-array-left [decrease],
.ax-amount.ax-array-right [decrease] {
  line-height: calc((3.8rem - 1.2rem)/2);
}
.ax-amount.ax-array-left svg,
.ax-amount.ax-array-right svg {
  height: calc((100% - 1.2rem)/2);
}
.ax-amount.ax-array-left [decrease] {
  border-radius: 0 0 0 0.3rem;
  top: auto;
  bottom: 0;
}
.ax-amount.ax-array-left [increase] {
  border-radius: 0.3rem 0 0 0;
  border-right: 1px solid #e0e0e0;
  border-left: 0;
  top: 0;
  right: auto;
  left: 0;
}
.ax-amount.ax-array-right [decrease] {
  border-radius: 0 0 0.3rem 0;
  border-left: 1px solid #e0e0e0;
  border-right: 0;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
}
.ax-amount.ax-array-right [increase] {
  border-radius: 0 0.3rem 0 0;
  top: 0;
}
.ax-amount input {
  height: 100% !important;
  text-align: center;
  border: 0;
}
.ax-amount input:not([readonly]):not([disabled]):focus {
  box-shadow: 0 0 0 0.4rem rgba(25, 140, 255, 0.2);
}
.ax-amount input[readonly] ~ *,
.ax-amount input[disabled] ~ * {
  color: #b3b3b3;
  cursor: not-allowed;
  background: transparent;
}
.ax-amount [increase][disabled],
.ax-amount [increase][readonly],
.ax-amount [decrease][disabled],
.ax-amount [decrease][readonly] {
  color: #b3b3b3;
  cursor: not-allowed;
}
.ax-amount.ax-xs {
  width: calc(2.2rem*4);
  height: 2.2rem;
}
.ax-amount.ax-xs [decrease],
.ax-amount.ax-xs [increase] {
  line-height: calc(2.2rem - 0.2rem);
  width: 2.2rem;
}
.ax-amount.ax-xs input {
  font-size: 1.2rem;
  line-height: calc(2.2rem - 0.2rem);
}
.ax-amount.ax-xs [class*="font"] {
  font-size: 1rem;
}
.ax-amount.ax-array-right.ax-xs input {
  padding-right: calc(1rem + 2.2rem);
}
.ax-amount.ax-array-left.ax-xs [increase],
.ax-amount.ax-array-right.ax-xs [increase] {
  line-height: calc(2.2rem/2);
}
.ax-amount.ax-array-left.ax-xs [decrease],
.ax-amount.ax-array-right.ax-xs [decrease] {
  line-height: calc(2.2rem/2);
}
.ax-amount.ax-sm {
  width: calc((3.8rem - 1rem)*4);
  height: calc(3.8rem - 1rem);
}
.ax-amount.ax-sm input {
  line-height: calc(3.8rem - 1.2rem);
}
.ax-amount.ax-array-right.ax-sm input {
  padding-right: 3.8rem;
}
.ax-amount.ax-sm [decrease],
.ax-amount.ax-sm [increase] {
  line-height: calc(3.8rem - 1.2rem);
  width: calc(3.8rem - 1rem);
}
.ax-amount.ax-array-left.ax-sm [increase],
.ax-amount.ax-array-right.ax-sm [increase] {
  line-height: calc((3.8rem - 1rem + 0.8rem)/2);
}
.ax-amount.ax-array-left.ax-sm [decrease],
.ax-amount.ax-array-right.ax-sm [decrease] {
  line-height: calc((3.8rem - 1rem - 0.6rem)/2);
}
.ax-amount.ax-lg {
  width: calc((3.8rem + 1rem)*4);
  height: calc(3.8rem + 1rem);
}
.ax-amount.ax-lg input {
  line-height: calc(3.8rem + 0.8rem);
}
.ax-amount.ax-array-right.ax-lg input {
  padding-right: calc(3.8rem + 2rem);
}
.ax-amount.ax-lg [decrease],
.ax-amount.ax-lg [increase] {
  line-height: calc(3.8rem + 0.8rem);
  width: calc(3.8rem + 1rem);
}
.ax-amount.ax-array-left.ax-lg [increase],
.ax-amount.ax-array-right.ax-lg [increase] {
  line-height: calc((3.8rem + 1rem + 1.2rem)/2);
}
.ax-amount.ax-array-left.ax-lg [decrease],
.ax-amount.ax-array-right.ax-lg [decrease] {
  line-height: calc((3.8rem + 1rem - 1.2rem)/2);
}
/*password strength*/
.ax-strength {
  color: #b3b3b3;
  font-size: 1.2rem;
  text-align: center;
  line-height: 0;
}
.ax-form-con + .ax-strength {
  margin-left: 0.8rem;
}
.ax-form-input input + .ax-strength {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 1;
}
.ax-form-input input + .ax-strength .ax-bar {
  height: 0.2rem;
}
.ax-strength .ax-bar {
  width: 100%;
  height: 0.3rem;
  background-color: rgba(0, 0, 0, 0.08);
}
.ax-strength .ax-lv1 .ax-bar {
  background-color: #dc3545;
}
.ax-strength .ax-lv2 .ax-bar {
  background-color: #ff8400;
}
.ax-strength .ax-lv3 .ax-bar {
  background-color: #41a358;
}
.ax-strength .ax-lv4 .ax-bar {
  background-color: #14ccc9;
}
.ax-strength .ax-lv5 .ax-bar {
  background-color: #198cff;
}
.ax-strength .ax-col:nth-of-type(1) .ax-title:before {
  content: '很弱';
}
.ax-strength .ax-col:nth-of-type(2) .ax-title:before {
  content: '弱';
}
.ax-strength .ax-col:nth-of-type(3) .ax-title:before {
  content: '中';
}
.ax-strength .ax-col:nth-of-type(4) .ax-title:before {
  content: '强';
}
.ax-strength .ax-col:nth-of-type(5) .ax-title:before {
  content: '很强';
}
.ax-strength .ax-active.ax-lv1 {
  color: #dc3545;
}
.ax-strength .ax-active.ax-lv2 {
  color: #ff8400;
}
.ax-strength .ax-active.ax-lv3 {
  color: #41a358;
}
.ax-strength .ax-active.ax-lv4 {
  color: #14ccc9;
}
.ax-strength .ax-active.ax-lv5 {
  color: #198cff;
}
.ax-strength .ax-active ~ div .ax-bar {
  background-color: rgba(0, 0, 0, 0.08);
}
.ax-strength .ax-title {
  width: 2.8rem;
  line-height: calc(3.8rem - 0.3rem);
}
.ax-strength-svg {
  height: 3.8rem;
  width: 3.8rem;
  text-align: center;
  line-height: 3.8rem;
  position: relative;
}
@keyframes strength-weak {
  100% {
    stroke-dashoffset: -76;
  }
}
@keyframes strength-medium {
  100% {
    stroke-dashoffset: -152;
  }
}
@keyframes strength-strong {
  100% {
    stroke-dashoffset: -228;
  }
}
.ax-strength-svg:before {
  content: '弱';
  color: #b3b3b3;
}
.ax-strength-svg svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 3.8rem;
  width: 3.8rem;
}
.ax-strength-svg svg path {
  fill: none;
  stroke-width: 3.7253;
}
.ax-strength-svg path.svg-bg {
  stroke: #dc3545;
}
.ax-strength-svg path.svg-out {
  stroke-dasharray: 227 229;
  stroke: #f0f0f0;
  stroke-width: 5.7253;
  transition: all 0.8s ease-out;
}
.ax-strength-svg.ax-weak path.svg-bg {
  stroke: #dc3545;
}
.ax-strength-svg.ax-weak path.svg-out {
  stroke-dashoffset: -76;
}
.ax-strength-svg:before {
  position: relative;
  z-index: 2;
}
.ax-strength-svg.ax-weak:before {
  content: '弱';
  color: #dc3545;
}
.ax-strength-svg.ax-medium path.svg-bg {
  stroke: #ff8400;
}
.ax-strength-svg.ax-medium path.svg-out {
  stroke-dashoffset: -152;
}
.ax-strength-svg.ax-medium:before {
  content: '中';
  color: #ff8400;
}
.ax-strength-svg.ax-strong path.svg-bg {
  stroke: #41a358;
}
.ax-strength-svg.ax-strong path.svg-out {
  stroke-dashoffset: -228;
}
.ax-strength-svg.ax-strong:before {
  content: '强';
  color: #41a358;
}
.ax-strength.ax-xs .ax-title {
  line-height: 1.9rem;
}
.ax-strength-svg.ax-xs {
  height: 2.2rem;
  width: 2.2rem;
  line-height: 2.2rem;
}
.ax-strength-svg.ax-xs svg {
  height: 2.2rem;
  width: 2.2rem;
}
.ax-strength.ax-sm .ax-title {
  line-height: calc(3.8rem - 1rem - 0.3rem);
}
.ax-strength-svg.ax-sm {
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-strength-svg.ax-sm svg {
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
}
/*valid*/
.ax-valid {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: calc((2.8rem - 1.8rem)/2) 0;
}
.ax-valid *[class*="font"] {
  font-size: 1.4rem;
  margin-right: 0.2rem;
}
.ax-form-btn {
  margin-left: 0.8rem;
  padding: 0 1.4rem;
  height: 3.8rem;
  line-height: 3.8rem;
}
.ax-form-txt {
  font-size: 1.4rem;
  line-height: 3.8rem;
  margin-left: 0.8rem;
}
.ax-form-txt.ax-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.ax-form-head {
  height: 3.8rem;
  width: 3.8rem;
  border-radius: 100%;
  margin-left: 0.8rem;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
.ax-form-img {
  font-size: 1.4rem;
  border-radius: 0.3rem;
  height: 3.8rem;
  line-height: 3.8rem;
  margin-left: 0.8rem;
  display: block;
  position: relative;
}
.ax-form-img:before {
  border-radius: 0.3rem;
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-form-img img {
  height: 100%;
  border-radius: 0.3rem;
  vertical-align: top;
}
.ax-form-img a,
.ax-form-img span,
.ax-form-img i {
  margin: 0 1.4rem;
}
.ax-bunch-txt {
  line-height: 3.8rem;
  margin: 0 0.8rem;
}
.ax-pos-right {
  font-size: 1.4rem;
  line-height: 3.8rem;
  padding-right: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.ax-pos-right *[class*="font"] {
  color: #ccc;
  margin-left: 1.4rem;
}
.ax-pos-right .ax-val-none:hover {
  color: #666666;
}
.ax-pos-left {
  line-height: 3.8rem;
  padding-left: 1rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-pos-left *[class*='font'] {
  color: #adc1cc;
  width: 1.8rem;
}
.ax-pos-left svg {
  fill: #adc1cc;
  height: 3.8rem;
  margin-right: 0.4rem;
  float: left;
}
/*form group*/
.ax-input-group .ax-prefix,
.ax-input-group .ax-suffix:not(.ax-btn) {
  color: #333333;
  background-color: #fafafa;
  height: 3.8rem;
  line-height: calc(3.8rem - 2px);
  text-align: center;
  padding: 0 1rem;
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  box-sizing: border-box;
}
.ax-input-group .ax-prefix {
  border-width: 1px 0 1px 1px;
  border-radius: 0.3rem 0 0 0.3rem;
}
.ax-input-group .ax-suffix:not(.ax-btn) {
  border-width: 1px;
  border-radius: 0 0.3rem 0.3rem 0;
}
.ax-input-group input:focus {
  border-color: #198cff !important;
  box-shadow: 0 0 0 0.1rem #198cff inset;
}
.ax-input-group .ax-chera {
  margin: 0;
}
.ax-input-group .ax-chera span {
  height: 3.8rem;
  line-height: 3.8rem;
  margin: 0;
}
.ax-input-group .ax-chera span:after {
  top: 1.3rem;
}
.ax-input-group .ax-suffix.ax-btn {
  border-radius: 0 0.3rem 0.3rem 0;
  padding: 0 1.2rem;
}
.ax-input-group .ax-suffix.ax-btn:after {
  border-radius: 0 0.3rem 0.3rem 0;
}
.ax-input-group .ax-prefix + div input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-input-group .ax-with-suffix input {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 2;
}
.ax-input-group .ax-with-suffix:after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: rgba(25, 140, 255, 0.5);
  opacity: 0;
  transition: all 100ms linear;
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 2;
}
.ax-input-group .ax-with-suffix:hover:after {
  opacity: 1;
}
.ax-input-group .ax-with-suffix:focus-within:after {
  opacity: 1;
  background-color: #198cff;
}
.ax-input-group .ax-prefix + div .ax-file:before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-input-group .ax-prefix + div .ax-chera span,
.ax-input-group .ax-prefix + div .ax-chera span:before {
  border-radius: 0;
  border-right-width: 0;
}
.ax-input-group .ax-prefix + div .ax-col:last-child .ax-chera span,
.ax-input-group .ax-prefix + div .ax-col:last-child .ax-chera span:before {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-right-width: 1px;
}
.ax-input-group .ax-suffix-select .ax-select-inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-input-group .ax-suffix-select.ax-open .ax-select-inner {
  border-radius: 0 0.3rem 0 0;
}
.ax-input-group .ax-suffix-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0.3rem 0;
}
.ax-input-group .ax-prefix-select .ax-select-inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-input-group .ax-prefix-select.ax-open .ax-select-inner {
  border-radius: 0.3rem 0 0 0;
}
.ax-input-group .ax-prefix-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0 0.3rem;
}
.ax-input-group .ax-prefix-select + div input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.ax-input-group .ax-prefix-select + div:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: rgba(25, 140, 255, 0.5);
  opacity: 0;
  transition: all 100ms linear;
  position: absolute;
  left: -1px;
  top: 0;
  z-index: 2;
}
.ax-input-group .ax-prefix-select + div:hover:before {
  opacity: 1;
}
.ax-input-group .ax-prefix-select + div:focus-within:before {
  opacity: 1;
  background-color: #198cff;
}
/*list fast*/
.ax-fast-active {
  position: relative;
  z-index: 4;
}
.ax-fast-list {
  width: 100%;
  max-height: 17.6rem;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 0 0 0.3rem 0.3rem;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: calc(100% - 0.1rem);
  display: none;
}
.ax-fast-input[type="text"] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/*search*/
.ax-search {
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  width: 100%;
  zoom: 1;
}
.ax-search .ax-search-center {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  min-width: 0;
  position: relative;
}
.ax-search .ax-search-center input[type="text"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-search .ax-search-center input[type="text"]:focus {
  border-color: #198cff !important;
  box-shadow: 0 0 0 0.1rem #198cff inset;
}
.ax-search .ax-search-center:hover input[type="text"] {
  border-color: rgba(25, 140, 255, 0.5);
}
.ax-search > select + span + .ax-search-center input[type="text"] {
  border-left-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-search .ax-complete {
  display: block;
}
.ax-search > .ax-select .ax-select-inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-search > .ax-select.ax-open .ax-select-inner {
  border-radius: 0.3rem 0 0 0;
}
.ax-search > .ax-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0 0.3rem;
}
.ax-search > .ax-select + div input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.ax-search > .ax-select + div:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: rgba(25, 140, 255, 0.5);
  opacity: 0;
  transition: all 100ms linear;
  position: absolute;
  left: -1px;
  top: 0;
  z-index: 2;
}
.ax-search > .ax-select + div:hover:before {
  opacity: 1;
}
.ax-search > .ax-select + div:focus-within:before {
  opacity: 1;
  background-color: #198cff;
}
.ax-search .ax-operate {
  font-size: 1.4rem;
  line-height: 2.2rem;
  padding-right: 0.6rem;
  text-align: center;
  position: absolute;
  right: 0;
  top: calc((3.8rem - 2.2rem)/2);
  z-index: 2;
}
.ax-search .ax-operate *[class*="font"] {
  color: #ccc;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 2.2rem;
  margin-left: 0.4rem;
}
.ax-search .ax-operate *[class*="font"]:hover {
  color: #198cff;
  background-color: #f0f7ff;
}
.ax-search .ax-operate *[class*="reset"] {
  display: none;
}
.ax-search .ax-operate *[class*="reset"]:hover {
  color: #333333;
  background-color: #f0f0f0;
}
.ax-search .ax-search-center .ax-adorn {
  color: #ccc;
  line-height: 3.8rem;
  padding-left: 1rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-search .ax-search-center .ax-adorn + input[type="text"],
.ax-search .ax-search-center .ax-adorn + .ax-complete > input[type="text"] {
  padding-left: 3.4rem;
}
.ax-search .ax-search-start {
  color: #b3b3b3;
  height: 3.8rem;
  line-height: calc(3.8rem - 0.2rem);
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 1rem;
  box-sizing: border-box;
}
.ax-search .ax-search-end {
  height: 3.8rem;
  line-height: calc(3.8rem - 0.2rem);
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  border-left-width: 0;
  padding-left: calc(1.4rem*2);
  padding-right: calc(1.4rem*2);
  box-sizing: border-box;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-search .ax-search-end:hover {
  color: #198cff;
  border-color: #e0e0e0 !important;
}
.ax-search.ax-dark .ax-search-end,
.ax-search.ax-dark .ax-search-end:hover {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff !important;
}
.ax-search.ax-dark .ax-search-center input[type="text"] {
  border-color: #198cff;
  box-shadow: 0 0 0 1px #198cff inset;
}
.ax-search.ax-dark .ax-search-center:hover input[type="text"] {
  border-color: #198cff;
}
.ax-search.ax-dark > .ax-select .ax-select-inner {
  border-right-width: 0;
  border-color: #198cff;
  box-shadow: 0 0 0 1px #198cff inset;
}
.ax-search.ax-dark > .ax-select + .ax-search-center input[type="text"] {
  border-left-width: 0;
  box-shadow: -1px 0 0 1px #198cff inset;
}
.ax-search.ax-round .ax-search-end {
  border-top-right-radius: calc(3.8rem/2);
  border-bottom-right-radius: calc(3.8rem/2);
}
.ax-search.ax-round .ax-search-center input[type="text"],
.ax-search.ax-round .ax-search-center .ax-complete > input[type="text"] {
  border-top-left-radius: calc(3.8rem/2);
  border-bottom-left-radius: calc(3.8rem/2);
  padding-left: 1.6rem;
}
.ax-search.ax-round > .ax-select .ax-select-inner {
  border-radius: calc(3.8rem/2) 0 0 calc(3.8rem/2);
}
.ax-search.ax-round > .ax-select.ax-open .ax-select-inner {
  border-radius: calc(3.8rem/2) 0 0 0;
}
.ax-search.ax-round > .ax-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0 calc(3.8rem/2);
}
.ax-search.ax-round > .ax-select + .ax-search-center input[type="text"],
.ax-search.ax-round > select + span + .ax-search-center .ax-complete > input[type="text"] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-search.ax-round > .ax-select + .ax-search-center input[type="text"],
.ax-search.ax-round > .ax-select + .ax-search-center .ax-complete > input[type="text"] {
  padding-left: 1rem;
}
.ax-search.ax-round .ax-search-center .ax-adorn + input[type="text"],
.ax-search.ax-round .ax-search-center .ax-adorn + .ax-complete > input[type="text"] {
  padding-left: 3.4rem;
}
.ax-search.ax-square .ax-search-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-search.ax-square .ax-search-center input[type="text"],
.ax-search.ax-square .ax-search-center .ax-complete > input[type="text"] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-search.ax-square > .ax-select .ax-select-inner {
  border-radius: 0;
}
.ax-search.ax-square > .ax-select.ax-open .ax-select-inner {
  border-radius: 0;
}
.ax-search.ax-square > .ax-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0;
}
/*emulate tel*/
.ax-emulate .ax-form-group {
  padding: 0 1.4rem;
}
.ax-emulate .ax-form-con {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
}
.ax-emulate .ax-form-input {
  width: 100%;
}
.ax-emulate textarea {
  height: 8.8rem;
  line-height: calc(3.8rem - 1rem);
  padding-top: 0;
  padding-bottom: 0;
}
.ax-emulate input[type="text"],
.ax-emulate input[type="search"],
.ax-emulate input[type="url"],
.ax-emulate input[type="email"],
.ax-emulate input[type="number"],
.ax-emulate input[type="password"],
.ax-emulate select,
.ax-emulate textarea {
  border: 0rem;
}
.ax-emulate input[type="text"],
.ax-emulate input[type="search"],
.ax-emulate input[type="url"],
.ax-emulate input[type="email"],
.ax-emulate input[type="number"],
.ax-emulate input[type="password"],
.ax-emulate input[type="file"],
.ax-emulate select {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate input[type="text"]:not([readonly]):not([class*='ax-check']),
.ax-emulate input[type="text"][readonly].mbsc-comp,
.ax-emulate input[type="search"]:not([readonly]):not([class*='ax-check']),
.ax-emulate input[type="url"]:not([readonly]):not([class*='ax-check']),
.ax-emulate input[type="email"]:not([readonly]):not([class*='ax-check']),
.ax-emulate input[type="number"]:not([readonly]):not([class*='ax-check']),
.ax-emulate input[type="password"]:not([readonly]):not([class*='ax-check']),
.ax-emulate textarea:not([readonly]):not([class*='ax-check']) {
  padding-left: 0;
  padding-right: 0;
}
.ax-emulate input[type="text"]:focus,
.ax-emulate input[type="search"]:focus,
.ax-emulate input[type="url"]:focus,
.ax-emulate input[type="email"]:focus,
.ax-emulate input[type="number"]:focus,
.ax-emulate input[type="password"]:focus,
.ax-emulate select:focus,
.ax-emulate textarea:focus {
  border: 0rem;
  box-shadow: none;
}
.ax-emulate .ax-form-btn {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-form-btn.ax-icon {
  font-size: 1.2rem;
  width: calc(3.8rem - 1rem);
}
.ax-emulate .ax-form-btn.ax-icon .ax-iconfont {
  font-size: 1.2rem !important;
}
.ax-emulate .ax-form-btn.ax-icon svg {
  width: 1.2rem;
  height: 1.2rem;
}
.ax-emulate .ax-form-label {
  height: calc(3.8rem - 1rem);
  line-height: calc((3.8rem - 1rem)/2);
  width: 7rem;
  text-align: left;
  margin-right: 0;
  justify-content: flex-start;
}
.ax-emulate .ax-form-txt {
  line-height: calc(3.8rem - 1rem);
  margin-left: 0.8rem;
}
.ax-emulate .ax-form-group {
  padding: 0.8rem 1.4rem;
}
.ax-emulate .ax-pos-right {
  right: -1rem;
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-form-head {
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
}
.ax-emulate .ax-file:before {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1.2rem);
  border: none;
  padding-left: 0;
}
.ax-emulate .ax-file.ax-focus:before {
  box-shadow: none;
}
.ax-emulate .ax-file:after {
  font-size: 1.2rem;
  border-radius: 0.3rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-bunch-txt {
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-bunch-txt:last-child {
  margin-right: 0;
}
.ax-emulate .ax-form-img {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-form-img:before {
  display: none;
}
.ax-emulate .ax-form-img a,
.ax-emulate .ax-form-img span,
.ax-emulate .ax-form-img i {
  margin: 0;
}
.ax-emulate .ax-pos-left {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  padding-left: 0;
}
.ax-emulate .ax-pos-left svg {
  height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-select {
  margin-top: calc((-3.8rem + 2.8rem)/2);
  margin-bottom: calc((-3.8rem + 2.8rem)/2);
  width: 100% !important;
}
.ax-emulate .ax-select:not(.ax-open) .ax-select-inner {
  border-color: transparent;
}
.ax-emulate .ax-radio,
.ax-emulate .ax-checkbox,
.ax-emulate .ax-chera,
.ax-emulate .ax-switch {
  margin-top: calc((-3.8rem + 2.8rem)/2);
  margin-bottom: calc((-3.8rem + 2.8rem)/2);
}
.ax-emulate .ax-chera span:before {
  border: none !important;
}
.ax-emulate .ax-amount {
  width: calc(2.8rem*4);
  height: 2.8rem;
  border: none;
}
.ax-emulate .ax-amount [decrease],
.ax-emulate .ax-amount [increase] {
  width: 2.8rem;
  line-height: calc(2.8rem - 0.2rem);
  border-radius: 2.8rem;
  border: 1px solid #e0e0e0;
}
.ax-emulate .ax-amount input:not([readonly]):not([disabled]):focus {
  box-shadow: none;
}
.ax-emulate .ax-input-group .ax-btn {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  font-size: 1.2rem;
}
.ax-emulate .ax-input-group .ax-operate,
.ax-emulate .ax-input-group .ax-operate:after {
  border-radius: 0.3rem;
}
.ax-emulate .irs--ax {
  margin-top: calc((-3.8rem + 2.8rem)/2);
}
.ax-emulate .mbsc-fr-inline {
  border-top: 1px solid #ebebeb;
}
.ax-emulate .ax-strength .ax-bar {
  height: 0.2rem;
}
.ax-emulate .ax-strength .ax-title {
  line-height: calc(3.8rem - 1rem - 0.2rem);
}
.ax-emulate .ax-strength-svg svg {
  width: calc(3.8rem - 1rem);
  height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-strength-svg {
  width: calc(3.8rem - 1rem);
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
/*table*/
.ax-table {
  font-size: 1.4rem;
  width: 100%;
  border-collapse: collapse;
  border-radius: 0.3rem;
  border-top: 1px solid #ebebeb;
  background-color: #fff;
  border-spacing: 0;
}
.ax-table tr {
  border-bottom: 1px solid #ebebeb;
  padding: 0.5rem;
  transition: all 100ms linear;
}
/*list.js table sortable*/
.ax-table [data-sort] {
  cursor: pointer;
}
.ax-table [data-sort] span:after {
  content: '\2666';
  color: transparent;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.4rem;
  margin-left: 0.4rem;
  margin-top: -0.2rem;
  background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  transition: all 100ms linear;
}
.ax-table [data-sort][class*='asc'] span:after {
  background: linear-gradient(to bottom, #666666 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.ax-table [data-sort][class*='desc'] span:after {
  background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #666666 63%, #666666 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.ax-table th {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-align: center;
  text-transform: none;
  padding: 1rem 0;
}
.ax-table td {
  line-height: 1.8rem;
  text-align: center;
  padding: 1rem 0;
}
.ax-table td .ax-align-left,
.ax-table th .ax-align-left {
  margin: 0 1.4rem;
}
.ax-table.ax-align-left td,
.ax-table.ax-align-left th {
  text-align: left;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.ax-table .ax-avatar {
  margin-top: calc((-2.2rem + 1.8rem)/2);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table.ax-stripe tbody tr:nth-child(odd),
.ax-table.ax-stripe-odd tbody tr:nth-child(odd) {
  background-color: #fafafa;
}
.ax-table.ax-stripe-even tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.ax-table.ax-stripe-none tbody tr {
  background: transparent;
}
.ax-table.ax-hover tbody tr:not(.ax-selected):hover {
  background-color: #f5f5f5;
}
.ax-table.ax-hover-none tbody tr:not(.ax-selected):hover {
  background: transparent;
}
.ax-table tbody tr.ax-selected,
.ax-table tbody td.ax-selected {
  background-color: #f0f7ff;
}
.ax-table.ax-order *[class*="ax-sorting-"] {
  background-color: rgba(0, 0, 0, 0.02);
}
/*datatables sort*/
.ax-table thead *[class*='sorting'] {
  position: relative;
  cursor: pointer;
}
.ax-table thead *[class*='sorting']:after {
  content: '\2666';
  color: transparent;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.4rem;
  margin-left: 0.4rem;
  margin-top: -0.2rem;
  transition: all 100ms linear;
}
.ax-table thead .ax-sorting:after {
  background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.ax-table thead .ax-sorting-asc:after {
  background: linear-gradient(to bottom, #666666 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.ax-table thead .ax-sorting-desc:after {
  background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #666666 63%, #666666 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.ax-table thead[class*='-sorting'] .ax-align-left {
  float: left;
  width: calc(100% - 1.4rem*4);
}
.ax-table thead[class*='-sorting'] .ax-align-right {
  float: right;
  width: calc(100% - 1.4rem*4);
}
.ax-table thead .ax-sorting-disabled:before,
.ax-table thead .ax-sorting-disabled:after {
  display: none;
  margin: 0 !important;
}
.ax-table tfoot .left {
  text-align: left;
  margin-left: 1.4rem;
}
.ax-table tfoot .right {
  text-align: right;
  margin-right: 1.4rem;
}
.ax-table .ax-btn.ax-xs {
  margin-top: calc((-2.2rem + 1.8rem)/2);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table .ax-btn.ax-icon.ax-xs {
  position: relative;
}
.ax-table .ax-operate {
  margin-top: calc((-2.2rem + 1.8rem)/2);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table .ax-operate [class*="font"] {
  color: #b3b3b3;
  font-size: 1.4rem;
  height: 2.2rem;
  line-height: 2.2rem;
  width: 2.2rem;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.ax-table .ax-operate [class*="font"].ax-color-forbid {
  color: rgba(179, 179, 179, 0.5);
  cursor: not-allowed;
}
.ax-table .ax-operate [class*="font"] .ax-dot {
  position: absolute;
  right: 0;
  top: 0;
}
.ax-table tbody tr:hover .ax-operate [class*="font"] {
  color: #666666;
}
.ax-table tbody tr:hover .ax-operate [class*="font"].ax-color-forbid {
  color: rgba(179, 179, 179, 0.5);
}
.ax-table .ax-operate [class*="font"]:hover {
  background-color: #fff;
  border: 1px solid #ebebeb;
  line-height: calc(2.2rem - 0.2rem);
  border-radius: 0.3rem;
}
.ax-table .ax-operate [class*="font"]:hover .ax-dot {
  right: -0.1rem;
  top: -0.1rem;
}
.ax-table .ax-ell {
  max-width: 16rem;
}
.ax-table .ax-form-input {
  width: 100%;
}
.ax-table .ax-radio.ax-xs,
.ax-table .ax-checkbox.ax-xs,
.ax-table select.ax-xs,
.ax-table .ax-form-group.ax-xs,
.ax-table td > input.ax-xs {
  margin-top: calc((-2.2rem + 1.8rem)/2);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table .ax-select.ax-xs + span {
  margin-top: calc(((-2.2rem + 1.8rem)/2) - 0.4rem);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table .ax-select,
.ax-table select {
  width: 12rem;
}
.ax-table th > input[type='text'],
.ax-table td > input[type='text'],
.ax-table th > input[type='search'],
.ax-table td > input[type='search'] {
  width: 12rem;
  max-width: 100%;
}
.ax-table.ax-order *[class*="ax-sorting-"] {
  background-color: rgba(0, 0, 0, 0.02);
}
.ax-table thead *[class*='sorting'] {
  position: relative;
  cursor: pointer;
}
.ax-table thead *[class*='sorting']:after {
  content: '\2666';
  color: transparent;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.4rem;
  margin-left: 0.4rem;
  margin-top: -0.2rem;
  transition: all 100ms linear;
}
.ax-table thead .ax-sorting:after {
  background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.ax-table thead .ax-sorting-asc:after {
  background: linear-gradient(to bottom, #666666 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.ax-table thead .ax-sorting-desc:after {
  background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #666666 63%, #666666 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.ax-table thead[class*='-sorting'] .ax-align-left {
  float: left;
  width: calc(100% - 1.4rem*4);
}
.ax-table thead[class*='-sorting'] .ax-align-right {
  float: right;
  width: calc(100% - 1.4rem*4);
}
.ax-table-wrapper:after {
  content: '.';
  visibility: hidden;
  clear: both;
  display: block;
  height: 0rem;
}
.ax-table-wrapper div:first-child + .ax-break {
  height: 0;
}
.ax-table-wrapper .ax-table-info {
  color: #666666;
  margin-right: 1.4rem;
  float: left;
}
.ax-table-wrapper .ax-table-info > span {
  margin-left: 1.4rem;
}
.ax-table-wrapper .ax-table-processing {
  color: #666666;
  text-align: center;
  margin: 1.4rem auto;
}
.ax-table-wrapper .ax-pagination {
  margin-top: 0;
  margin-bottom: 0;
}
.ax-table-wrapper .ax-table-length {
  color: #666666;
  float: left;
}
.ax-table-wrapper .ax-table-length .ax-col {
  margin: 0 0.4rem;
}
.ax-table-wrapper .ax-table-filter {
  float: right;
}
.ax-table-wrapper .ax-table-filter .ax-btn {
  margin-left: 0.4rem;
}
.ax-table-wrapper *[class*='-pagination'] {
  text-align: right;
  float: right;
}
.ax-table-wrapper .ax-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.ax-table-wrapper .ax-table-button {
  position: relative;
}
.ax-table-wrapper .ax-table-button > .ax-btn.ax-last + .ax-overlay + .ax-collection {
  left: auto !important;
  right: 0;
}
.ax-table-wrapper .ax-table-button.ax-float-left {
  margin-right: 1.4rem;
}
.ax-table-wrapper .ax-table-button.ax-float-right {
  margin-left: 1.4rem;
}
.ax-table-wrapper .ax-table-button .ax-collection {
  width: 12rem;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  position: absolute;
  z-index: 2;
}
.ax-table-wrapper .ax-table-button .ax-collection .ax-btn {
  border-width: 0 0 0.1rem 0;
  border-radius: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
}
.ax-table-wrapper .ax-table-button .ax-collection button.ax-btn {
  border-width: 0 0 0.1rem 0;
}
.ax-table-wrapper .ax-table-button .ax-collection a.ax-btn:after {
  border-width: 0 0 0.1rem 0;
  border-radius: 0;
}
.ax-table-wrapper .ax-table-button .ax-collection .ax-btn.ax-active:not(.ax-disabled) {
  color: #198cff;
  background-color: #f0f7ff;
}
.ax-table-wrapper .ax-table-button .ax-collection .ax-btn:not(.ax-disabled):hover,
.ax-table-wrapper .ax-table-button .ax-collection .ax-btn:not(.ax-disabled):hover:after {
  box-shadow: none;
  border-color: #e0e0e0;
}
.ax-table-wrapper .ax-table-button .ax-collection-list .ax-btn:first-child,
.ax-table-wrapper .ax-table-button .ax-collection-list .ax-btn:first-child:after {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.ax-table-wrapper .ax-table-button .ax-collection-list .ax-btn:last-child,
.ax-table-wrapper .ax-table-button .ax-collection-list .ax-btn:last-child:after {
  border-width: 0;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ax-table-wrapper .ax-table-button .ax-collection-title {
  color: #666666;
  line-height: 2.8rem;
  border-bottom: 1px solid #e0e0e0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ax-table-wrapper .ax-table-button .ax-collection-title:empty {
  display: none;
}
.ax-table-wrapper .ax-empty {
  color: #b3b3b3;
}
.ax-table.fixedHeader-floating {
  background-color: #fff;
  border-top-width: 0;
  position: fixed;
  z-index: 4;
}
.ax-table.fixedHeader-locked {
  position: absolute;
}
.ax-table-wrapper .DTFC_LeftHeadWrapper,
.ax-table-wrapper .DTFC_LeftBodyWrapper,
.ax-table-wrapper .DTFC_LeftFootWrapper {
  border-right: 1px solid #ebebeb;
}
.ax-table-wrapper .DTFC_RightHeadWrapper,
.ax-table-wrapper .DTFC_RightBodyWrapper,
.ax-table-wrapper .DTFC_RightFootWrapper {
  border-left: 1px solid #ebebeb;
}
.ax-table-wrapper .DTFC_Blocker {
  background-color: #fff;
}
.ax-table.DTFC_Cloned {
  background-color: #fafafa;
}
.ax-table tr[style*='height:.0rem'],
.ax-table tr[style*='height: .0rem'] {
  border-width: 0;
  border-color: transparent;
  opacity: 0;
  transition-property: none;
  overflow: hidden;
}
.ax-table tr[style*='height:.0rem'] th:after,
.ax-table tr[style*='height: .0rem'] th:after {
  display: none;
}
.DTFC_LeftBodyWrapper .ax-table,
.DTFC_RightBodyWrapper .ax-table,
.dataTables_scrollBody .ax-table {
  border-width: 0;
}
.ax-table-wrapper .dataTables_scrollBody .ax-table + .ax-break {
  display: none;
}
.ax-table-wrapper .dataTables_scroll {
  position: relative;
}
.ax-table-wrapper .dataTables_scroll:after {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #ebebeb;
  position: absolute;
  left: 0;
  bottom: 0;
}
.ax-table.ax-nowrap td,
.ax-table.ax-nowrap th {
  white-space: nowrap;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.ax-table td.ax-select-checkbox,
.ax-table th.ax-select-checkbox {
  position: relative;
}
.ax-table td.ax-select-checkbox:before,
.ax-table th.ax-select-checkbox:before {
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 0.3rem;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  transition: all 200ms ease-out;
  position: relative;
  top: 0.1rem;
}
.ax-table tr.ax-selected td.ax-select-checkbox:before {
  border-color: #198cff;
  background-color: #198cff;
}
.ax-table tr th.ax-select-checkbox.ax-selected:before {
  border-color: #198cff;
  background-color: #198cff;
}
.ax-table tr.ax-selected td.ax-select-checkbox:after {
  content: '';
  width: 1rem;
  height: 0.6rem;
  border-radius: 0 0.6rem 0 0;
  cursor: pointer;
  box-shadow: -0.2rem 0.2rem 0 0 #fff;
  display: inline-block;
  position: absolute;
  top: 1.2rem;
  left: 0.8rem;
  transform: rotate(-45deg) scale(1);
}
.ax-table tr th.ax-select-checkbox.ax-selected:after {
  content: '';
  width: 1rem;
  height: 0.6rem;
  border-radius: 0 0.6rem 0 0;
  cursor: pointer;
  box-shadow: -0.2rem 0.2rem 0 0 #fff;
  display: inline-block;
  position: absolute;
  top: 1.2rem;
  left: 0.8rem;
  transform: rotate(-45deg) scale(1);
}
.ax-table td.ax-focus {
  box-shadow: inset 0 0 0 0.2rem #198cff;
}
.ax-table.ax-response td:not(.child),
.ax-table.ax-response th:not(.child) {
  white-space: nowrap;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.ax-table.ax-response tr > td.dtr-control,
.ax-table.ax-response tr > th.dtr-control {
  position: relative;
}
.ax-table.ax-response tr > td.dtr-control:before {
  content: '';
  width: 0.8rem;
  height: 0.2rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: calc((3.8rem - 0.2rem)/2);
}
.ax-table.ax-response tr > td.dtr-control:after {
  content: '';
  width: 0.2rem;
  height: 0.8rem;
  background-color: #198cff;
  position: absolute;
  left: calc((0.8rem - 0.2rem)/2);
  top: calc((3.8rem - 0.8rem)/2);
}
.ax-table.ax-response tr.parent > td.dtr-control:before {
  background-color: #666666;
}
.ax-table.ax-response tr.parent > td.dtr-control:after {
  display: none;
}
.ax-table.ax-response tr.child ul.dtr-details {
  line-height: 2.8rem;
  text-align: left;
}
.ax-table.ax-response tr.child ul.dtr-details li {
  padding-left: 1.8rem;
  transition: all 100ms linear;
}
.ax-table.ax-response tr.child ul.dtr-details li:hover {
  background-color: #f5f5f5;
}
.ax-table.ax-response tr.child span.dtr-title {
  min-width: 9.6rem;
}
.ax-table.ax-response tr.child span.dtr-title:after {
  content: ':';
}
.ax-table .ax-parent span {
  float: left;
  font-weight: bold;
}
.ax-table .ax-parent i,
.ax-table .ax-parent s {
  color: #b3b3b3;
  margin-left: 1.4rem;
  cursor: pointer;
  float: right;
}
/*  ax popup  */
.ax-popup {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  box-sizing: border-box;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 9;
  animation-duration: 100ms;
  animation-fill-mode: both;
  visibility: hidden;
}
.ax-popup.ax-show {
  visibility: visible;
}
.ax-popup[data-theme="crude"] {
  border: none;
  box-shadow: none;
  background: transparent;
}
.ax-popup[data-theme="crude"] [valid] {
  line-height: 1.8rem;
  padding: calc((2.8rem - 1.8rem)/2) 0;
}
.ax-popup[data-size="sm"] {
  width: 20rem;
}
.ax-popup[data-size="md"] {
  width: 36rem;
}
.ax-popup[data-size="lg"] {
  width: 60rem;
}
.ax-popup[data-size="xl"] {
  width: 80rem;
}
.ax-popup[data-size="xxl"] {
  width: 100rem;
}
.ax-popup [arrow] {
  width: 1rem;
  height: 1rem;
  box-shadow: 1px 1px 0 #ebebeb;
}
.ax-popup[data-placement^='top'] [arrow] {
  bottom: -0.5rem;
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
  transform: rotate(45deg);
}
.ax-popup[data-placement^='bottom'] [arrow] {
  top: -0.5rem;
  transform: rotate(-135deg);
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-popup[data-placement^='left'] [arrow] {
  right: -0.5rem;
  transform: rotate(-45deg);
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-popup[data-placement^='right'] [arrow] {
  left: -0.5rem;
  transform: rotate(135deg);
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
/* 
//分方向定义指示角标
.ax-popup[data-placement="top"] [data-arrow]:after,
.ax-popup[data-placement="bottom"] [data-arrow]:after{
  left:calc(50% - 0.5rem);
}
.ax-popup[data-placement="top-start"] [data-arrow]:after,
.ax-popup[data-placement="bottom-start"] [data-arrow]:after{
  left:2.8rem;
}
.ax-popup[data-placement="top-end"] [data-arrow]:after,
.ax-popup[data-placement="bottom-end"] [data-arrow]:after{
  right:2.8rem;
}
.ax-popup[data-placement="left"] [data-arrow]:after,
.ax-popup[data-placement="right"] [data-arrow]:after{
top:calc(50% - 0.5rem);
}
.ax-popup[data-placement="left-start"] [data-arrow]:after,
.ax-popup[data-placement="right-start"] [data-arrow]:after{
  top:1.4rem;
}
.ax-popup[data-placement="left-end"] [data-arrow]:after,
.ax-popup[data-placement="right-end"] [data-arrow]:after{
    bottom:1.4rem;
} */
.ax-popup .ax-popup-body {
  max-height: 600px;
  box-sizing: border-box;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}
.ax-popup .ax-popup-body .ax-popup-content {
  overflow: hidden;
}
.ax-popup .ax-close {
  font-family: arial;
  font-size: 2.2rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
  line-height: calc(3.8rem - 2px);
  transition: all 200ms linear;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-popup .ax-close:before {
  content: "\00D7";
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
}
.ax-popup .ax-close:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ax-popup-header {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: calc(3.8rem - 2px);
  padding: 0 1.4rem;
  margin: 0;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.ax-popup .ax-media-title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.8rem;
  text-align: center;
  margin: 1.4rem 0 0.8rem 0;
}
.ax-popup .ax-qrcode {
  text-align: center;
}
.ax-popup .ax-qrcode .ax-qrcode-title {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.ax-popup .ax-qrcode img {
  margin: auto;
}
.ax-popup[data-type="pictrue"] .ax-dialog-content,
.ax-popup[data-type="video"] .ax-dialog-content,
.ax-popup[data-type="audio"] .ax-dialog-content {
  text-align: center;
}
.ax-popup .ax-media-container img,
.ax-popup .ax-media-container video,
.ax-popup .ax-media-container audio {
  max-width: 100%;
}
.ax-popup .ax-media-container video,
.ax-popup .ax-media-container audio {
  width: 100%;
  display: block;
}
.ax-popup iframe {
  min-height: 400px;
}
.ax-popup[padding="false"] .list-group-item {
  border-right: none;
  border-left: none;
}
.ax-popup[padding="false"] .list-group-item:first-child {
  border-top: 0;
}
.ax-popup[padding="false"] .list-group-item:last-child {
  border-bottom: 0;
}
.ax-popup[placement="center"] {
  position: fixed;
}
.ax-popup > .ax-arrow,
.ax-popup > .ax-arrow:after {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  display: block;
}
.ax-popup > .ax-arrow {
  border-width: 0.8rem;
}
.ax-popup > .ax-arrow:after {
  content: "";
  border-width: 0.8rem;
}
.ax-popup.ax-top > .ax-arrow,
.ax-popup.ax-top-right > .ax-arrow,
.ax-popup.ax-top-left > .ax-arrow {
  margin-left: -0.8rem;
  border-top-color: #ebebeb;
  border-bottom-width: 0;
  bottom: -0.8rem;
  left: 50%;
}
.ax-popup.ax-top > .ax-arrow:after,
.ax-popup.ax-top-right > .ax-arrow:after,
.ax-popup.ax-top-left > .ax-arrow:after {
  content: " ";
  margin-left: -0.8rem;
  border-top-color: #fff;
  border-bottom-width: 0;
  bottom: 1px;
}
.ax-popup.ax-right > .ax-arrow,
.ax-popup.ax-right-top > .ax-arrow,
.ax-popup.ax-right-bottom > .ax-arrow {
  margin-top: -0.8rem;
  border-left-width: 0;
  border-right-color: #ebebeb;
  top: 50%;
  left: -0.8rem;
}
.ax-popup.ax-right > .ax-arrow:after,
.ax-popup.ax-right-top > .ax-arrow:after,
.ax-popup.ax-right-bottom > .ax-arrow:after {
  content: " ";
  border-left-width: 0;
  border-right-color: #fff;
  left: 0.1rem;
  bottom: -0.8rem;
}
.ax-popup.ax-bottom > .ax-arrow,
.ax-popup.ax-bottom-right > .ax-arrow,
.ax-popup.ax-bottom-left > .ax-arrow {
  margin-left: -0.8rem;
  border-bottom-color: #ebebeb;
  border-top-width: 0;
  top: -0.8rem;
  left: 50%;
}
.ax-popup.ax-bottom > .ax-arrow:after,
.ax-popup.ax-bottom-right > .ax-arrow:after,
.ax-popup.ax-bottom-left > .ax-arrow:after {
  content: " ";
  margin-left: -0.8rem;
  border-bottom-color: #fff;
  border-top-width: 0;
  top: 0.1rem;
}
.ax-popup.ax-left > .ax-arrow,
.ax-popup.ax-left-top > .ax-arrow,
.ax-popup.ax-left-bottom > .ax-arrow {
  margin-top: -0.8rem;
  border-right-width: 0;
  border-left-color: #ebebeb;
  top: 50%;
  right: -0.8rem;
}
.ax-popup.ax-left > .ax-arrow:after,
.ax-popup.ax-left-top > .ax-arrow:after,
.ax-popup.ax-left-bottom > .ax-arrow:after {
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -0.8rem;
  right: 0.1rem;
}
.ax-popup-footer {
  border-radius: 0 0 0.3rem 0.3rem;
  overflow-y: hidden;
}
.ax-popup .ax-note {
  font-size: 1.4rem;
  line-height: 1.8rem;
  height: 3.8rem;
  display: flex;
  align-items: center;
}
.ax-popup[data-footerType="center"] .ax-note,
.ax-popup[data-footerType="line"] .ax-note {
  border-top: 1px solid #ebebeb;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background-color: #fafafa;
  justify-content: center;
}
.ax-popup[data-footerType="right"] .ax-note {
  justify-content: flex-start;
}
.ax-popup-footer {
  border-radius: 0 0 0.3rem 0.3rem;
  overflow-y: hidden;
}
.ax-popup-footer .ax-btn {
  margin: 0 0.8rem;
}
.ax-popup-footer .ax-btns .ax-btn {
  margin: 0;
}
.ax-popup-footer > .ax-row {
  line-height: 3.8rem;
  text-align: center;
}
.ax-popup-footer > .ax-row .ax-gutter-line {
  height: 3.8rem;
}
.ax-popup-footer > .ax-row a:hover {
  background-color: #fff;
}
.ax-popup-footer > .ax-row .ax-gutter-line:last-child {
  display: none;
}
/**/
/*axPopover end*/
/*grade menu*/
.ax-grade {
  position: relative;
}
.ax-grade .ax-outer {
  box-sizing: border-box;
  transform: translate(-50%, 0);
  background-color: #fff;
  display: none;
  position: absolute;
  top: calc(100%);
  left: 50%;
  z-index: 3;
}
.ax-grade:hover .ax-outer {
  display: block;
}
.ax-grade.ax-right .ax-outer {
  top: 0;
  left: auto;
  right: -14.8rem;
  transform: none;
}
.ax-grade.ax-right .ax-outer:before {
  content: '';
  width: 1rem;
  height: 3.8rem;
  position: absolute;
  left: -1rem;
  top: 0;
}
.ax-grade .ax-outer,
.ax-grade ul.ax-outer ul {
  width: 14rem;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
}
.ax-grade ul.ax-outer li {
  text-align: left;
  line-height: 3.8rem;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.ax-grade ul.ax-outer li:last-child,
.ax-grade ul.ax-outer ul li:last-child {
  border-width: 0;
}
.ax-grade ul.ax-outer li *[class*="-right"] {
  color: #ccc;
  position: absolute;
  right: 0.8rem;
  top: 0;
}
.ax-grade ul.ax-outer li ul {
  box-sizing: border-box;
  background-color: #fff;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  position: absolute;
  width: 100%;
  top: -0.1rem;
  right: 0;
  display: none;
}
.ax-grade ul.ax-outer li:hover {
  color: #198cff;
  background-color: #f0f7ff;
}
.ax-grade ul.ax-outer li:hover svg {
  fill: #198cff;
}
.ax-grade ul.ax-outer li.ax-selected,
.ax-grade ul.ax-outer li.ax-selected:hover {
  color: #fff;
  background-color: #198cff;
}
.ax-grade ul.ax-outer li.ax-selected *[class*="-right"] {
  color: rgba(255, 255, 255, 0.5);
}
.ax-grade ul.ax-outer li.ax-selected svg {
  fill: rgba(255, 255, 255, 0.5);
}
.ax-grade ul.ax-outer a {
  box-sizing: border-box;
  padding: 0 0.8rem 0 0.8rem;
  transition: all 100ms linear;
  display: block;
}
.ax-grade ul.ax-outer li.ax-selected > a,
.ax-grade ul.ax-outer li.ax-selected:hover > a {
  color: #fff;
  background-color: #198cff;
}
.ax-grade ul.ax-outer li:hover > a + ul,
.ax-grade ul.ax-outer li:hover > *[class*="-right"] + ul {
  display: block;
}
.ax-grade ul.ax-outer li a *[class*="font"] {
  margin-right: 0.4rem;
}
.ax-grade ul.ax-outer li a svg {
  margin-right: 0.4rem;
}
/*header*/
.ax-space-header {
  height: calc(4.4rem + 1rem);
  overflow: hidden;
}
.ax-header.ax-inherit + .ax-space-header {
  display: none;
}
.ax-header {
  background-color: #fff;
  box-shadow: 0 0.1rem 0 0 rgba(0, 0, 0, 0.1);
  transition: all 100ms linear;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
.ax-header.ax-inherit {
  position: inherit;
  left: auto;
  top: auto;
}
.ax-header .ax-logo {
  height: calc(4.4rem + 1rem);
  transition: all 200ms linear;
  vertical-align: middle;
  position: relative;
}
.ax-header .ax-logo img,
.ax-header .ax-logo svg {
  height: calc(4.4rem + 1rem);
}
.ax-header .ax-col {
  overflow: hidden;
}
.ax-header .ax-nav .ax-item {
  margin: 0 1.6rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.ax-header .ax-nav .ax-item a {
  transition: all 200ms linear;
}
.ax-header .ax-nav .ax-item a.ax-text > i {
  font-size: 1rem;
  line-height: 1.4rem;
  vertical-align: middle;
  margin-left: 0.4rem;
}
.ax-header .ax-nav .ax-item a.ax-text {
  line-height: calc(4.4rem + 1rem);
  width: 100%;
  text-align: center;
}
.ax-header .ax-nav .ax-item .ax-line {
  height: 0.2rem;
  background-color: #198cff;
  width: 2.8rem;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 200ms linear;
  position: absolute;
  left: 50%;
  top: calc(4.4rem + 1rem - 0.2rem);
}
.ax-header .ax-nav .ax-item.ax-selected > a {
  color: #198cff;
}
.ax-header .ax-nav .ax-item.ax-selected .ax-line {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);
}
.ax-header .ax-nav .ax-item:hover .ax-line {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);
}
.ax-header .ax-back {
  font-size: 1.8rem;
  color: #666666;
  width: calc(4.4rem + 1rem);
  height: calc(4.4rem + 1rem);
  line-height: calc(4.4rem + 1rem);
  text-align: center;
  position: relative;
}
.ax-header .ax-back:after {
  content: '';
  width: 1px;
  height: 2.4rem;
  background-color: #ebebeb;
  position: absolute;
  right: -0.1rem;
  top: calc((4.4rem + 1rem - 2.4rem)/2);
}
.ax-header .ax-title {
  height: calc(4.4rem + 1rem);
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 1.4rem;
}
.ax-header .ax-title .ax-outer {
  width: 100%;
}
.ax-header .ax-title .ax-row01 {
  font-size: 1.6rem;
  width: 100%;
  line-height: 2.2rem;
}
.ax-header .ax-title .ax-row02 {
  font-size: 1.2rem;
  color: #ccc;
  width: 100%;
  line-height: 1.4rem;
}
.ax-header .ax-search {
  width: 20rem;
  height: 3.4rem;
  margin: 0 1.4rem;
  vertical-align: middle;
  position: relative;
  display: inline-block;
}
.ax-header .ax-search input {
  height: calc(4.4rem - 1rem);
  line-height: calc(4.4rem - 1rem);
  width: 100%;
  padding-right: 4.4rem;
  position: absolute;
  top: 0;
  left: 0;
}
.ax-header .ax-search *[class*="search"] {
  color: #ccc;
  text-align: center;
  line-height: calc(4.4rem - 1rem);
  width: calc(4.4rem - 1rem);
  height: calc(4.4rem - 1rem);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.ax-header .ax-search *[class*="search"]:after {
  content: '';
  width: 1px;
  height: 1.6rem;
  background-color: #f0f0f0;
  position: absolute;
  left: -0.1rem;
  top: 0.9rem;
}
.ax-header .ax-login {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
  vertical-align: middle;
  position: relative;
  display: inline-block;
}
.ax-header .ax-login a {
  height: calc(4.4rem - 1rem);
  line-height: calc(4.4rem - 1rem - 0.2rem);
  box-sizing: border-box;
  padding: 0 1.4rem;
  text-align: center;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  transition: all 100ms linear;
  position: relative;
}
.ax-header .ax-login a:not(:first-child):before {
  content: '';
  height: 1.6rem;
  width: 1px;
  background-color: #f0f0f0;
  position: absolute;
  left: -0.1rem;
  top: 0.9rem;
}
.ax-header .ax-login a:first-child {
  border-radius: 0.3rem 0 0 0.3rem;
  border-left: 1px solid #e0e0e0;
}
.ax-header .ax-login a:last-child {
  border-radius: 0 0.3rem 0.3rem 0;
  border-right: 1px solid #e0e0e0;
}
.ax-header .ax-login a:first-child:last-child {
  border-radius: 0.3rem;
}
.ax-header .ax-login a:hover {
  color: #fff;
  border-color: #198cff;
  background-color: #198cff;
  z-index: 2;
}
.ax-header .ax-btns {
  padding: 0 1.4rem;
  height: calc(4.4rem + 1rem);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ax-header .ax-btns > * {
  color: #475b66;
  font-size: 1.8rem;
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  text-align: center;
  margin-left: 1rem;
  transition: all 100ms linear;
  position: relative;
  z-index: 2;
}
.ax-header .ax-btns > * .ax-dot {
  position: absolute;
  top: 0rem;
  right: 0rem;
}
.ax-header .ax-btns > * .ax-badge {
  position: absolute;
  top: -0.3rem;
  right: -0.5rem;
}
.ax-header .ax-btns > *[style*="background-image"] {
  margin-right: 1.4rem;
}
.ax-header .ax-btns > *[style*="background-image"]:before {
  font-size: 1rem;
  position: absolute;
  right: -1.4rem;
}
.ax-header *[class*="-open"] {
  color: #6619ff;
  font-size: 1.8rem;
  width: calc(4.4rem - 1rem);
  line-height: 4.4rem;
  text-align: center;
  transition: all 100ms linear;
  vertical-align: middle;
  position: relative;
  display: none;
}
.ax-header .ax-image {
  display: none;
  vertical-align: middle;
}
.ax-header .ax-resemble {
  width: 20rem;
  margin: 1rem 0.3rem;
  height: calc(4.4rem - 1rem);
  box-sizing: border-box;
  position: relative;
  display: block;
}
.ax-header .ax-resemble form {
  width: 100%;
  height: 100%;
}
.ax-header .ax-resemble input {
  width: 100%;
  height: 100%;
  padding-right: 4.4rem;
}
.ax-header .ax-resemble *[class*="search"] {
  line-height: calc(4.4rem - 1rem);
  width: calc(4.4rem - 1rem);
  height: calc(4.4rem - 1rem);
  color: #ccc;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.ax-header .ax-resemble *[class*="search"]:after {
  content: '';
  width: 1px;
  height: 1.6rem;
  background-color: #f0f0f0;
  position: absolute;
  left: -0.1rem;
  top: 0.9rem;
}
.ax-header .ax-resemble .ax-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: none;
}
/*footer*/
.ax-footer .ax-operate a {
  vertical-align: top;
}
.ax-footer .ax-operate a {
  margin-right: 1.4rem;
}
.ax-footer .ax-copyright + .ax-operate a {
  margin-right: 0;
  margin-left: 1.4rem;
}
.ax-footer .ax-operate a.ax-icon {
  margin-right: 0.4rem;
}
.ax-footer .ax-copyright + .ax-operate a.ax-icon {
  margin-right: 0;
  margin-left: 0.4rem;
}
.ax-footer .ax-operate a[class*="font"] {
  font-size: 1.8rem;
  color: #666666;
}
.ax-footer .ax-copyright,
.ax-footer .ax-copyright a {
  color: #666666;
}
.ax-footer .ax-copyright a:hover {
  color: #198cff;
}
.ax-footer .ax-copyright img {
  max-height: 2.8rem;
  width: auto !important;
}
/*bottom button*/
.ax-space-btmbtn {
  height: 4.4rem;
  overflow: hidden;
}
.ax-btmbtn {
  text-align: center;
  height: 4.4rem;
  line-height: 4.4rem;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 -0.1rem 0 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.ax-btmbtn .ax-head {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0.8rem 0.8rem 0.8rem 1.4rem;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  position: relative;
}
.ax-btmbtn .ax-resemble {
  font-size: 1.2rem;
  color: #b3b3b3;
  text-align: left;
  height: 2.8rem;
  line-height: 2.8rem;
  border-radius: 2.8rem;
  margin: 0.8rem auto;
  padding: 0 1.4rem;
  box-sizing: border-box;
  background-color: #f5f5f5;
  display: block;
}
.ax-btmbtn .ax-btns {
  padding-right: 0.8rem;
}
.ax-btmbtn .ax-btns > a,
.ax-btmbtn .ax-btns > span {
  color: #666666;
  margin-left: 0.8rem;
}
.ax-btmbtn .ax-btns > a:hover,
.ax-btmbtn .ax-btns > span:hover {
  color: #198cff;
}
.ax-btmbtn .ax-btns > a:hover svg,
.ax-btmbtn .ax-btns > span:hover svg {
  fill: #198cff;
}
.ax-btmbtn *[class*="-bg-"] {
  color: #fff;
}
.ax-btmbtn *[class*="-bg-"] a {
  color: #fff;
}
.ax-btmbtn *[class*="-bg-"] svg {
  fill: #fff;
}
.ax-btmbtn .ax-gutter-line {
  height: calc(4.4rem - 1.6rem);
  margin-top: 0.8rem;
}
/*bottom nav*/
.ax-space-btmnav {
  height: calc(3.8rem + 2rem);
  overflow: hidden;
  display: none;
}
.ax-btmnav {
  text-align: center;
  height: calc(3.8rem + 2rem);
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 -0.1rem 0 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: none;
}
.ax-btmnav a {
  color: #666666;
  width: 100%;
  height: calc(3.8rem + 2rem);
  margin: auto;
}
.ax-btmnav a:not(.ax-single):active {
  background-color: #f0f0f0;
}
.ax-btmnav a.ax-selected {
  color: #198cff;
}
.ax-btmnav a svg {
  fill: #666666;
}
.ax-btmnav a.ax-selected svg {
  fill: #198cff;
}
.ax-btmnav .ax-figure {
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  font-size: 2.2rem;
  text-align: center;
  margin: 0.8rem auto 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.8rem;
  position: relative;
  display: block;
}
.ax-btmnav a.ax-single {
  width: 8rem;
}
.ax-btmnav .ax-single *[class*="font"] {
  font-size: 4.2rem;
  color: #198cff;
  width: calc(3.8rem + 2rem);
  height: calc(3.8rem + 2rem);
  line-height: calc(3.8rem + 2rem);
}
.ax-btmnav a.ax-img .ax-figure {
  width: 2.4rem;
  height: 2.4rem;
  margin: 1rem auto 0.2rem auto;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  position: relative;
}
.ax-btmnav .ax-figure svg {
  width: 2.2rem;
  height: 2.8rem;
}
.ax-btmnav .ax-figure .ax-dot {
  position: absolute;
  right: -0.6rem;
  top: 0rem;
}
.ax-btmnav .ax-figure .ax-badge {
  position: absolute;
  right: -1.4rem;
  top: -0.4rem;
}
.ax-btmnav .ax-text {
  font-size: 1rem;
  width: 6rem;
  line-height: 1.4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: auto;
  display: block;
}
.ax-btmnav .ax-gutter-line {
  height: calc(3.8rem + 2rem);
}
/*bottom nav end*/
/*list start*/
.ax-info-block {
  line-height: 2.2rem;
  padding: calc((3.8rem - 2.2rem)/2) 1.4rem;
  display: block;
  transition: all 100ms linear;
  position: relative;
}
.ax-info-block .ax-num {
  font-size: 1.2rem;
  color: #666666;
  background-color: #fff;
  min-width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  margin-right: calc((3.8rem - 2.2rem)/2);
  margin-top: calc((2.2rem - 1.8rem)/2);
  text-align: center;
  border-radius: 0.3rem;
  box-sizing: border-box;
  position: relative;
}
.ax-info-block .ax-num:after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-info-block .ax-num.ax-num-1,
.ax-info-block .ax-num.ax-num-2,
.ax-info-block .ax-num.ax-num-3 {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff;
}
.ax-info-block .ax-arrow {
  color: #b3b3b3;
  margin-left: calc((3.8rem - 2.2rem)/2);
}
.ax-info-block .ax-arrow[class*='font'] {
  color: #ccc;
}
.ax-info-block .ax-icon {
  margin-right: calc((3.8rem - 2.2rem)/2);
}
.ax-info-block .ax-icon:before {
  top: 0.1rem;
}
.ax-info-block .ax-head {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 100%;
  margin-right: calc((3.8rem - 2.2rem)/2);
}
.ax-info-block .ax-checkbox.ax-bone,
.ax-info-block .ax-radio.ax-bone {
  margin-top: calc((2.2rem - 1.8rem)/2);
  margin-left: calc((3.8rem - 2.2rem)/2);
}
.ax-info-block.ax-hover:hover {
  background-color: #fafafa;
}
.ax-info-block.ax-hover:not(.ax-selected):not(.ax-active):not(.ax-disabled):active {
  background-color: #f5f5f5;
}
.ax-info-block.ax-selected,
.ax-info-block.ax-active,
.ax-info-block.ax-selected:hover,
.ax-info-block.ax-active:hover {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.06);
}
.ax-info-block.ax-selected:hover,
.ax-info-block.ax-selected {
  color: #fff;
  background-color: #198cff;
}
.ax-info-block.ax-selected .ax-arrow,
.ax-info-block.ax-selected .ax-icon,
.ax-info-block.ax-selected .ax-num {
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
}
.ax-info-block.ax-selected .ax-num:after {
  border-color: rgba(255, 255, 255, 0.5);
}
.ax-info-block.ax-selected a,
.ax-info-block.ax-selected a:hover {
  color: #fff;
}
.ax-info-block.ax-disabled:hover,
.ax-info-block.ax-disabled {
  color: #b3b3b3;
  background: transparent;
  cursor: not-allowed;
}
/*select list*/
.ax-list-select .ax-info-block .ax-mask {
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
/*article list*/
.ax-item-block {
  padding: 1.4rem;
  box-sizing: border-box;
  transition: all 100ms linear;
  position: relative;
  display: block;
}
.ax-item-block .ax-img {
  height: 9.6rem;
  width: calc(9.6rem + 2.8rem);
  overflow: hidden;
  border-radius: 0.3rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  position: relative;
}
.ax-item-block .ax-img:nth-child(1) {
  margin-right: 1.4rem;
}
.ax-item-block .ax-img:nth-last-child(1) {
  margin-left: 1.4rem;
}
.ax-item-block .ax-title {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.ax-item-block .ax-des {
  color: #666666;
  margin-top: 0.8rem;
}
.ax-item-block .ax-from {
  font-size: 1.2rem;
  line-height: 2.2rem;
  margin-top: 0.8rem;
}
.ax-item-block .ax-from *[class*='font'] {
  font-size: 1.2rem;
}
.ax-item-block .ax-from svg {
  height: 1.2rem;
}
.ax-item-block .ax-from *[class*='-color-'] {
  margin-right: 1.4rem;
}
.ax-item-block .ax-keywords {
  color: #666666;
  font-size: 1.2rem;
  line-height: 2.2rem;
  margin-top: 0.8rem;
}
.ax-item-block .ax-keywords *[class*='font'] {
  font-size: 1.2rem;
}
.ax-item-block .ax-keywords svg {
  height: 1.2rem;
}
.ax-item-block .ax-keywords .ax-child {
  margin-right: 1.4rem;
}
.ax-item-block .ax-gallery {
  margin-top: 0.8rem;
  position: relative;
}
.ax-item-block .ax-gallery > .ax-num {
  color: #fff;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1.6rem;
  padding: 0 0.4rem;
  border-radius: 0.3rem;
  position: absolute;
  left: 0.8rem;
  bottom: 0.8rem;
}
.ax-item-block .ax-gallery > span,
.ax-item-block .ax-gallery > a {
  margin-right: 0.8rem;
  height: 9.6rem;
  line-height: 9.6rem;
  width: calc(9.6rem + 2.8rem);
  border-radius: 0.3rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
.ax-item-block .ax-gallery > a.ax-more {
  position: relative;
  overflow: hidden;
}
.ax-item-block .ax-gallery > a.ax-more i {
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-item-block .ax-gallery > a.ax-more:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}
.ax-item-block.ax-ad:after {
  color: #ccc;
  font-size: 1.2rem;
  margin-top: 0.8rem;
  height: 1.4rem;
  line-height: 1.4rem;
  content: '广告';
  display: block;
  visibility: visible;
}
.ax-item-block .ax-gallery > span:nth-child(5) ~ span,
.ax-item-block .ax-gallery > a:nth-child(5) ~ a:not(.ax-more) {
  display: none;
}
.ax-item-block .ax-gallery > a.ax-more ~ .ax-num {
  display: none;
}
/*card list*/
.ax-card-block {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  box-sizing: border-box;
  display: block;
  padding: 1.4rem;
  position: relative;
  transition: all 200ms linear;
}
.ax-card-block:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.ax-card-block .ax-img {
  height: 20rem;
  margin-bottom: 1.4rem;
  overflow: hidden;
  position: relative;
  display: block;
}
.ax-card-block .ax-img .ax-figure {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  transition: all 200ms linear;
  display: block;
}
.ax-card-block:hover .ax-img .ax-figure {
  transform: scale(1.1);
}
.ax-card-block .ax-title {
  font-weight: bold;
}
.ax-card-block .ax-des {
  color: #666666;
  font-size: 1.4rem;
  margin-top: 1.4rem;
  height: calc(1.8rem * 2);
  max-width: 100%;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-card-block .ax-from {
  color: #ccc;
  line-height: 2.2rem;
  margin-top: 1.4rem;
}
.ax-card-block .ax-from > span,
.ax-card-block .ax-from > a {
  color: #ccc;
  margin-right: 1.4rem;
}
.ax-card-block .ax-keywords {
  line-height: 2.2rem;
  color: #ccc;
  margin-top: 1.4rem;
}
.ax-card-block .ax-keywords > span,
.ax-card-block .ax-keywords > a {
  color: #ccc;
  margin-right: 1.4rem;
}
.ax-card-block .ax-operate {
  margin-top: 1.4rem;
  margin-bottom: -1.4rem;
  line-height: 4.4rem;
  text-align: center;
  border-top: 1px solid #ebebeb;
}
.ax-card-block .ax-operate .ax-gutter-line {
  height: 4.4rem;
}
.ax-card-block .ax-view {
  color: #ccc;
  line-height: 3.8rem;
  margin-top: 1.4rem;
}
.ax-card-block .ax-view .ax-heads span {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 100%;
  border: 1px solid #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
.ax-card-block .ax-view .ax-heads span:not(:first-child) {
  margin-left: calc(-2.8rem/2);
}
.ax-card-block .ax-view .ax-heads i {
  color: #666666;
  margin-left: 0.4rem;
}
.ax-card-block .ax-gallery {
  margin-top: 1.4rem;
  position: relative;
}
.ax-card-block .ax-gallery .ax-num {
  color: #fff;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1.6rem;
  padding: 0 0.4rem;
  border-radius: 0.3rem;
  position: absolute;
  left: 0.8rem;
  bottom: 0.8rem;
}
.ax-card-block .ax-gallery > span,
.ax-card-block .ax-gallery > a {
  margin-right: 0.2rem;
  width: calc((100% - 0.4rem)/3);
  height: 9.6rem;
  overflow: hidden;
  line-height: 9.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
_:-ms-lang(x),
.ax-card-block .ax-gallery > span {
  width: calc((100% - 0.402rem)/3);
}
_:-ms-lang(x),
.ax-card-block .ax-gallery > a {
  width: calc((100% - 0.402rem)/3);
}
.ax-card-block .ax-gallery > a.ax-more {
  position: relative;
}
.ax-card-block .ax-gallery > a.ax-more i {
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-card-block .ax-gallery > a.ax-more:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}
.ax-card-block .ax-gallery > span:nth-child(3),
.ax-card-block .ax-gallery > a:nth-child(3) {
  margin-right: 0;
}
.ax-card-block .ax-gallery > span:nth-child(3) ~ span,
.ax-card-block .ax-gallery > a:nth-child(3) ~ a:not(.ax-more) {
  display: none;
}
.ax-card-block .ax-img + .ax-gallery {
  margin-top: -1.2rem;
  margin-bottom: 1.4rem;
}
/*tab*/
.ax-tab .ax-tab-content {
  transition: all 200ms linear;
}
.ax-tab .ax-tab-content > *:not(.ax-active) {
  display: none;
}
.ax-tab .ax-tab-content > .ax-active {
  display: block;
}
.ax-swiper-nav {
  text-align: center;
}
.ax-swiper-nav .swiper-slide {
  cursor: pointer;
  line-height: 3.8rem;
  text-align: center;
  box-sizing: border-box;
}
.ax-swiper-nav .swiper-slide:after {
  content: '';
  height: 0.2rem;
  width: 2.8rem;
  background-color: #198cff;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 200ms linear;
  position: absolute;
  left: 50%;
  bottom: 0rem;
}
.ax-swiper-nav .active-nav {
  color: #198cff;
}
.ax-swiper-nav .active-nav:after {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);
}
.ax-menu-tab {
  text-align: center;
}
.ax-menu-tab .ax-item {
  cursor: pointer;
  line-height: 3.8rem;
  text-align: center;
  padding: 0 1.4rem;
  position: relative;
}
.ax-menu-tab .ax-item.ax-active {
  color: #198cff;
}
.ax-menu-tab .ax-item:after {
  content: '';
  height: 0.2rem;
  width: 2.8rem;
  background-color: #198cff;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 200ms linear;
  position: absolute;
  left: 50%;
  bottom: 0rem;
}
.ax-menu-tab .ax-item.ax-active:after {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);
}
.ax-menu-page {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  box-shadow: 0 -0.1rem 0 0 #ebebeb inset;
}
.ax-menu-page .ax-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  height: 3.8rem;
  line-height: 3.8rem;
  padding: 0 1.4rem;
  position: relative;
  box-sizing: border-box;
  border-radius: 0.3rem;
  transition: all 100ms linear;
}
.ax-menu-page .ax-item:after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: #ebebeb;
}
.ax-menu-page .ax-item,
.ax-menu-page .ax-item:after {
  border-radius: 0;
}
.ax-menu-page .ax-item:first-child,
.ax-menu-page .ax-item:first-child:after {
  border-radius: 0.3rem 0 0 0;
}
.ax-menu-page .ax-item:last-child,
.ax-menu-page .ax-item:last-child:after {
  border-radius: 0 0.3rem 0 0;
}
.ax-menu-page .ax-item:not(:first-of-type):after {
  border-left-width: 0;
}
.ax-menu-page .ax-item.ax-active {
  color: #198cff;
}
.ax-menu-page .ax-item.ax-active svg {
  fill: #198cff;
}
.ax-menu-page .ax-item.ax-active:after {
  border-bottom-width: 0;
}
.ax-menu-page .ax-item *[class*="iconfont"],
.ax-menu-page .ax-item svg {
  margin-right: 0.4rem;
}
.ax-tab.ax-border,
.ax-tab.ax-shadow {
  background-color: #fff;
}
.ax-tab.ax-border .ax-menu-page,
.ax-tab.ax-shadow .ax-menu-page {
  background-color: #fafafa;
}
.ax-tab.ax-border .ax-menu-page .ax-item:last-child,
.ax-tab.ax-border .ax-menu-page .ax-item:last-child:after,
.ax-tab.ax-shadow .ax-menu-page .ax-item:last-child,
.ax-tab.ax-shadow .ax-menu-page .ax-item:last-child:after {
  border-radius: 0;
}
.ax-tab.ax-border .ax-menu-page .ax-item:after,
.ax-tab.ax-shadow .ax-menu-page .ax-item:after {
  border-top-width: 0;
  border-left-width: 0;
}
.ax-tab.ax-border .ax-menu-page .ax-item:first-of-type:after,
.ax-tab.ax-shadow .ax-menu-page .ax-item:first-of-type:after {
  border-left-width: 0;
}
/*container*/
.ax-panel {
  background-color: #fff;
}
.ax-panel-header {
  position: relative;
  padding: 0.5rem 0 0.5rem 1.4rem;
  line-height: 2.8rem;
}
.ax-panel-header .ax-adorn {
  margin-right: 0.4rem;
  transition: all 200ms linear;
}
.ax-panel-header .ax-title {
  position: relative;
  margin-right: 0.8rem;
}
.ax-panel-header.ax-bar:before,
.ax-panel-header.ax-bar-left:before {
  content: '';
  width: 0.2rem;
  height: 1.4rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: calc((2.8rem + 1rem)/2 - 0.7rem);
}
.ax-panel-header.ax-bar-top .ax-title:before {
  content: '';
  width: 2.8rem;
  height: 0.2rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: -0.5rem;
}
.ax-panel-header.ax-bar-bottom .ax-title:before {
  content: '';
  width: 2.8rem;
  height: 0.2rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  bottom: -0.5rem;
}
.ax-panel-header .ax-operate {
  margin-right: 0.8rem;
  color: #b3b3b3;
  line-height: 2.8rem;
  height: 2.8rem;
  transition: all 200ms linear;
}
.ax-panel-header .ax-operate:last-child {
  margin-right: 1.4rem;
}
.ax-panel-header .ax-operate svg {
  fill: #b3b3b3;
  height: 2.8rem;
}
.ax-panel-header .ax-operate:hover svg {
  fill: #198cff;
}
.ax-panel-header .ax-btn {
  margin-right: 0.5rem;
}
.ax-panel-header .ax-btn-group .ax-btn {
  margin-right: 0;
}
.ax-panel-header .ax-btn.ax-xs {
  margin-top: calc((2.8rem - 2.2rem)/2);
}
.ax-panel-header .ax-btn.ax-xs:last-child {
  margin-right: calc((3.8rem - 2.2rem)/2);
}
.ax-panel-header .ax-badge {
  margin-right: 1.4rem;
  margin-top: calc((2.8rem - 1.6rem)/2);
}
.ax-panel-header .ax-dot {
  margin-right: 1.4rem;
  margin-top: calc((2.8rem - 0.8rem)/2);
}
.ax-panel-header .ax-menu-tab .ax-item {
  line-height: 2.8rem;
  padding: 0;
  margin-right: 0.8rem;
}
.ax-panel-header .ax-menu-tab .ax-item:last-child {
  margin-right: 1.4rem;
}
/*box*/
.ax-box {
  background-color: #fff;
}
.ax-box-header {
  position: relative;
  padding: 1.4rem 0 1.4rem 2.2rem;
}
.ax-box-header .ax-adorn {
  font-size: 3.6rem;
  line-height: 4.6rem;
  margin-right: 0.8rem;
  transition: all 200ms linear;
}
.ax-box-header.ax-simple .ax-adorn {
  font-size: 1.6rem;
  line-height: 2.8rem;
  margin-right: 0.4rem;
}
.ax-box-header .ax-title {
  font-size: 1.6rem;
  position: relative;
  margin-right: 0.8rem;
}
.ax-box-header.ax-bar:before,
.ax-box-header.ax-bar-left:before {
  content: '';
  width: 0.2rem;
  height: 1.6rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: calc((2.8rem + 1.4rem*2)/2 - 0.7rem);
}
.ax-box-header.ax-bar-top .ax-title:before {
  content: '';
  width: 2.8rem;
  height: 0.2rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: -1.4rem;
}
.ax-box-header.ax-bar-bottom .ax-title:before {
  content: '';
  width: 2.8rem;
  height: 0.2rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  bottom: -2.8rem;
}
.ax-box-header.ax-simple.ax-bar-bottom .ax-title:before {
  bottom: -1.4rem;
}
.ax-box-header .ax-des {
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.2rem;
  line-height: 1.8rem;
  white-space: nowrap;
}
.ax-box-header .ax-operate {
  color: #b3b3b3;
  line-height: 2.8rem;
  height: 2.8rem;
  text-align: center;
  padding: 0 calc(1.4rem/2);
  transition: all 200ms linear;
}
.ax-box-header .ax-operate:last-child {
  margin-right: calc(2.2rem - 1.4rem/2);
}
.ax-box-header .ax-operate:hover {
  color: #198cff;
}
.ax-box-header .ax-operate svg {
  fill: #b3b3b3;
  height: 2.8rem;
}
.ax-box-header .ax-operate:hover svg {
  fill: #198cff;
}
.ax-box-header .ax-btn {
  margin-right: 0.5rem;
}
.ax-box-header .ax-btn-group .ax-btn {
  margin-right: 0;
}
.ax-box-header .ax-btn.ax-xs {
  margin-top: 0.3rem;
}
.ax-box-header .ax-btn:last-child {
  margin-right: 2.2rem;
}
.ax-box-header .ax-menu-tab .ax-item {
  line-height: 2.8rem;
  padding: 0;
  margin-right: 0.8rem;
}
.ax-box-header .ax-menu-tab .ax-item:last-child {
  margin-right: 2.2rem;
}
.ax-box-header .ax-bullet-outer {
  padding: 0 2.2rem;
}
.ax-box-header .ax-badge {
  margin-right: 2.2rem;
  margin-top: calc((2.8rem - 1.6rem)/2);
}
.ax-box-header .ax-dot {
  margin-right: 2.2rem;
  margin-top: calc((2.8rem - 0.8rem)/2);
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) {
  color: #fff;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-des {
  color: rgba(255, 255, 255, 0.4);
}
.ax-box[class*='ax-bg-'] .ax-box-header .ax-operate:hover {
  opacity: 0.5;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-operate {
  color: #fff;
}
.ax-box.ax-bg-warning .ax-box-header .ax-operate {
  color: #333333;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-operate svg {
  fill: #fff;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-operate:hover svg {
  fill: #fff;
}
.ax-box.ax-bg-warning .ax-box-header .ax-operate svg {
  fill: #333333;
}
.ax-box.ax-bg-warning .ax-box-header .ax-operate:hover svg {
  fill: #333333;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header[class*='ax-bar']:before,
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #fff;
}
.ax-box.ax-bg-warning .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bg-warning .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #333333;
}
.ax-box.ax-bg-primary {
  background-color: #198cff;
}
.ax-box.ax-bg-secondary {
  background-color: #475b66;
}
.ax-box.ax-bg-success {
  background-color: #41a358;
}
.ax-box.ax-bg-danger {
  background-color: #dc3545;
}
.ax-box.ax-bg-info {
  background-color: #14ccc9;
}
.ax-box.ax-bg-warning {
  background-color: #ffc107;
}
.ax-box.ax-bg-ad {
  background-color: #ff8400;
}
.ax-box.ax-bg-title {
  background-color: #333333;
}
.ax-box.ax-bglit-primary {
  background-color: #f0f7ff;
}
.ax-box.ax-bglit-primary .ax-box-header .ax-des,
.ax-box.ax-bglit-primary .ax-box-header .ax-operate {
  color: #6dacea;
}
.ax-box.ax-bglit-primary .ax-box-header .ax-operate:hover {
  color: #0b72da;
}
.ax-box.ax-bglit-primary .ax-box-header .ax-operate svg {
  fill: #6dacea;
}
.ax-box.ax-bglit-primary .ax-box-header .ax-operate:hover svg {
  fill: #0b72da;
}
.ax-box.ax-bglit-primary .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-primary .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #198cff;
}
.ax-box.ax-bglit-primary.ax-border {
  border-color: #d7e7f5;
}
.ax-box.ax-bglit-secondary {
  background-color: #f5f8fa;
}
.ax-box.ax-bglit-secondary .ax-box-header .ax-des,
.ax-box.ax-bglit-secondary .ax-box-header .ax-operate {
  color: #adc1cc;
}
.ax-box.ax-bglit-secondary .ax-box-header .ax-operate:hover {
  color: #383e42;
}
.ax-box.ax-bglit-secondary .ax-box-header .ax-operate svg {
  fill: #adc1cc;
}
.ax-box.ax-bglit-secondary .ax-box-header .ax-operate:hover svg {
  fill: #383e42;
}
.ax-box.ax-bglit-secondary .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-secondary .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #475b66;
}
.ax-box.ax-bglit-secondary.ax-border {
  border-color: #dfe3e5;
}
.ax-box.ax-bglit-success {
  background-color: #edfaf0;
}
.ax-box.ax-bglit-success .ax-box-header .ax-des,
.ax-box.ax-bglit-success .ax-box-header .ax-operate {
  color: #adccb5;
}
.ax-box.ax-bglit-success .ax-box-header .ax-operate:hover {
  color: #3b7649;
}
.ax-box.ax-bglit-success .ax-box-header .ax-operate svg {
  fill: #adccb5;
}
.ax-box.ax-bglit-success .ax-box-header .ax-operate:hover svg {
  fill: #3b7649;
}
.ax-box.ax-bglit-success .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-success .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #41a358;
}
.ax-box.ax-bglit-success.ax-border {
  border-color: #e1f0e5;
}
.ax-box.ax-bglit-danger {
  background-color: #fff0f1;
}
.ax-box.ax-bglit-danger .ax-box-header .ax-des,
.ax-box.ax-bglit-danger .ax-box-header .ax-operate {
  color: #ccadb0;
}
.ax-box.ax-bglit-danger .ax-box-header .ax-operate:hover {
  color: #b22c39;
}
.ax-box.ax-bglit-danger .ax-box-header .ax-operate svg {
  fill: #ccadb0;
}
.ax-box.ax-bglit-danger .ax-box-header .ax-operate:hover svg {
  fill: #b22c39;
}
.ax-box.ax-bglit-danger .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-danger .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #dc3545;
}
.ax-box.ax-bglit-danger.ax-border {
  border-color: #f0dddf;
}
.ax-box.ax-bglit-info {
  background-color: #ebfaf9;
}
.ax-box.ax-bglit-info .ax-box-header .ax-des,
.ax-box.ax-bglit-info .ax-box-header .ax-operate {
  color: #adcccb;
}
.ax-box.ax-bglit-info .ax-box-header .ax-operate:hover {
  color: #189593;
}
.ax-box.ax-bglit-info .ax-box-header .ax-operate svg {
  fill: #adcccb;
}
.ax-box.ax-bglit-info .ax-box-header .ax-operate:hover svg {
  fill: #189593;
}
.ax-box.ax-bglit-info .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-info .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #14ccc9;
}
.ax-box.ax-bglit-info.ax-border {
  border-color: #cef0f0;
}
.ax-box.ax-bglit-warning {
  color: #c8990b;
  background-color: #fffaeb;
}
.ax-box.ax-bglit-warning .ax-box-header .ax-des,
.ax-box.ax-bglit-warning .ax-box-header .ax-operate {
  color: #ccc4ad;
}
.ax-box.ax-bglit-warning .ax-box-header .ax-operate:hover {
  color: #c8990b;
}
.ax-box.ax-bglit-warning .ax-box-header .ax-operate svg {
  fill: #ccc4ad;
}
.ax-box.ax-bglit-warning .ax-box-header .ax-operate:hover svg {
  fill: #c8990b;
}
.ax-box.ax-bglit-warning .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-warning .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #ffc107;
}
.ax-box.ax-bglit-warning.ax-border {
  border-color: #f5edd7;
}
.ax-box.ax-bglit-ad {
  background-color: #fff5eb;
}
.ax-box.ax-bglit-ad .ax-box-header .ax-des,
.ax-box.ax-bglit-ad .ax-box-header .ax-operate {
  color: #ccbdad;
}
.ax-box.ax-bglit-ad .ax-box-header .ax-operate:hover {
  color: #c2690a;
}
.ax-box.ax-bglit-ad .ax-box-header .ax-operate svg {
  fill: #ccbdad;
}
.ax-box.ax-bglit-ad .ax-box-header .ax-operate:hover svg {
  fill: #c2690a;
}
.ax-box.ax-bglit-ad .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-ad .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #ff8400;
}
.ax-box.ax-bglit-ad.ax-border {
  border-color: #f5e7d7;
}
.ax-box.ax-bglit-title {
  background-color: #f5f5f5;
}
.ax-box.ax-bglit-title .ax-box-header .ax-des {
  color: #cccccc;
}
.ax-box.ax-bglit-title .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-title .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #333333;
}
.ax-box.ax-bglit-title.ax-border {
  border-color: #ebebeb;
}
/*cube*/
.ax-lump {
  text-align: center;
  padding: calc(1.4rem*2) 1.4rem;
  box-sizing: border-box;
}
.ax-lump .ax-bone .ax-img {
  width: calc(1.4rem*4);
  height: calc(1.4rem*4);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
.ax-lump .ax-title {
  margin-top: calc(1.4rem*2);
  font-size: 1.6rem;
}
.ax-lump .ax-des {
  color: #666666;
  line-height: 1.8rem;
  margin: 0 auto calc(1.4rem*2) auto;
}
/*accordion*/
.ax-accordion .ax-item:not([disabled]) .ax-panel-header {
  cursor: pointer;
}
.ax-accordion .ax-item[disabled] > .ax-panel-header,
.ax-accordion .ax-item[disabled] > .ax-panel-header a,
.ax-accordion .ax-item[disabled] > .ax-panel-header .ax-more,
.ax-accordion .ax-item[disabled] > .ax-panel-header .ax-adorn {
  color: #ccc;
  cursor: text;
}
.ax-accordion .ax-item .ax-panel-body {
  display: none;
}
.ax-accordion .ax-item.ax-show > .ax-panel-header .ax-panel-close {
  transform: rotate(-180deg);
}
.ax-accordion .ax-item.ax-show > .ax-panel-header .ax-more,
.ax-accordion .ax-item.ax-show > .ax-panel-header .ax-adorn {
  transform: rotate(-90deg);
}
/*pagination*/
.ax-pagination {
  font-size: 1.2rem;
  text-align: center;
  line-height: 2.8rem;
  margin: 1.4rem auto;
}
.ax-pagination.ax-align-left :first-child {
  margin-left: 0;
}
.ax-pagination.ax-align-right :last-child {
  margin-right: 0;
}
.ax-pagination *[class*="font"] {
  font-size: 1rem;
}
.ax-pagination .ax-first i:not([class*="font"]),
.ax-pagination .ax-prev i:not([class*="font"]) {
  margin-right: 0.4rem;
  margin-left: -0.4rem;
}
.ax-pagination .ax-last i:not([class*="font"]),
.ax-pagination .ax-next i:not([class*="font"]) {
  margin-left: 0.4rem;
  margin-right: -0.4rem;
}
.ax-pagination a {
  height: auto;
  line-height: 1.4rem;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  background-image: none;
  padding: 0.6rem 0.9rem;
  margin: 0 0.2rem;
  background-color: #fff;
  transition: all 100ms linear;
}
.ax-pagination span.ax-active {
  color: #fff;
  height: auto;
  line-height: 1.4rem;
  padding: 0.6rem 0.9rem;
  margin: 0 0.2rem;
  border: 1px solid #198cff;
  border-radius: 0.3rem;
  background-image: none;
  background-color: #198cff;
}
.ax-pagination a span[class*="font"] {
  font-size: 1.2rem;
  margin: 0;
}
.ax-pagination span {
  margin: 0 0.2rem;
}
.ax-pagination input {
  font-size: 1.2rem;
  width: 4rem;
  height: 2.8rem;
  line-height: 2.8rem;
  border: 1px solid #ebebeb;
  text-align: center;
  margin: 0 0.2rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  background-color: #fff;
  position: relative;
  top: 0;
}
.ax-pagination input[type='button'],
.ax-pagination input[type='submit'],
.ax-pagination button[type='button'] {
  font-size: 1.2rem;
  height: 2.8rem;
  line-height: calc(2.8rem - 0.6rem);
  margin: 0 0.2rem;
  padding: 0 1rem;
}
.ax-pagination input[type='submit'] {
  width: auto;
  padding: 0 1rem;
  text-align: center;
  position: relative;
  top: 0rem;
}
.ax-pagination select {
  font-size: 1.2rem;
  -webkit-appearance: menulist-button;
  width: auto;
  height: 2.8rem;
  border: 1px solid #ebebeb;
  text-align: center;
  background-color: #fff;
  padding: 0 0 0 1rem;
  margin: 0 0.2rem;
}
.ax-pagination a:not(.ax-total):hover {
  color: #198cff;
  border-color: #198cff;
  text-decoration: none;
  background-color: rgba(25, 140, 255, 0.1);
  z-index: 2;
}
.ax-pagination a:not(.ax-total)[class*='active'],
.ax-pagination [class*='selected'] a:not(.ax-total),
.ax-pagination [class*='active'] a:not(.ax-total) {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff;
}
.ax-pagination .ax-disabled {
  color: #b3b3b3 !important;
}
.ax-pagination .ax-disabled:hover {
  color: #b3b3b3 !important;
  background-color: #fff !important;
  border-color: #ebebeb !important;
  cursor: not-allowed;
}
.ax-pagination .ax-group {
  display: inline-block;
}
.ax-pagination .ax-group > span {
  border: 1px solid #ebebeb;
  background-color: #fff;
  height: auto;
  line-height: 1.4rem;
  margin: 0;
  padding: 0.6rem 0.9rem;
}
.ax-pagination .ax-group > * {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}
.ax-pagination .ax-group > *:not(.ax-active):hover {
  position: relative;
  z-index: 1;
}
.ax-pagination .ax-group > *:not(:last-child) {
  margin-right: -0.1rem;
}
.ax-pagination .ax-group :first-child {
  border-radius: 0.3rem 0 0 0.3rem;
}
.ax-pagination .ax-group :last-child {
  border-radius: 0 0.3rem 0.3rem 0;
}
.ax-pagination.ax-light a:not(.ax-active),
.ax-pagination.ax-light span:not(.ax-active),
.ax-pagination.ax-light a:not(.ax-active):hover,
.ax-pagination.ax-light span:not(.ax-active):hover {
  background: transparent !important;
  border: none !important;
}
.ax-pagination.ax-light a:not(.ax-total).ax-selected,
.ax-pagination.ax-light a:not(.ax-total).ax-active {
  height: 2.8rem;
  min-width: 2.8rem;
  text-align: center;
  line-height: 2.8rem;
  border-radius: 2.8rem;
  border-width: 0;
  padding: 0;
}
.ax-pagination li {
  display: inline-block;
}
.ax-pagination .pagination {
  text-align: center;
}
/*statistics*/
.ax-statistics .ax-item {
  text-align: center;
  margin: 1.4rem auto;
  display: block;
}
.ax-statistics.ax-row .ax-item {
  width: 12rem;
}
.ax-statistics .ax-item .ax-text {
  font-size: 3rem;
  line-height: 3.8rem;
  position: relative;
}
.ax-statistics .ax-item .ax-dot {
  position: absolute;
  right: -0.6rem;
  top: 0.2rem;
}
.ax-statistics .ax-item .ax-badge {
  position: absolute;
  top: 0rem;
  right: -1.6rem;
}
.ax-statistics .ax-item .ax-image .ax-badge,
.ax-statistics .ax-item .ax-icon .ax-badge,
.ax-statistics .ax-item .ax-font01 .ax-badge {
  right: -1.2rem;
}
.ax-statistics .ax-item .ax-text .ax-arrow {
  font-size: 1.2rem;
  color: #dc3545;
  border: 1px solid #dc3545;
  background-color: #fff;
  line-height: 1.4rem;
  padding: 0 0.2rem;
  border-radius: 0.3rem;
  position: absolute;
  top: 0rem;
  right: -4rem;
}
.ax-statistics .ax-item .ax-title {
  color: #666666;
  display: block;
}
.ax-statistics .ax-text em {
  font-size: 1.2rem;
  line-height: 1.2rem;
  vertical-align: bottom;
}
/**/
.ax-statistics .ax-item .ax-image {
  float: left;
  height: 5.6rem;
  width: 5.6rem;
  border-radius: 100%;
  margin: 0rem 1rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ax-statistics .ax-item .ax-icon {
  font-size: 2.2rem;
  color: #198cff;
  width: 5.6rem;
  height: 5.6rem;
  text-align: center;
  line-height: 5.6rem;
  border-radius: 100%;
  background-color: #f0f0f0;
  margin: 0rem 0.8rem;
  position: relative;
  float: left;
}
.ax-statistics .ax-item .ax-font01 {
  font-size: 5.6rem;
  line-height: 5.6rem;
  margin: 0rem 0.8rem;
  position: relative;
  float: left;
}
.ax-statistics .ax-item .ax-font03 {
  color: #666666;
  text-align: left;
  margin: 0rem 0.8rem;
  position: relative;
  float: left;
}
.ax-statistics .ax-item .ax-font02 {
  text-align: left;
  margin: 0rem 0.8rem;
  position: relative;
  line-height: 0;
  float: left;
}
.ax-statistics .ax-item .ax-font02 .ax-row01 {
  font-size: 3.8rem;
  line-height: 3.8rem;
}
.ax-statistics .ax-item .ax-font02 .ax-row02 {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.8rem;
}
/*cubes*/
.cubes {
  background-color: #fff;
}
.cubes .block {
  float: left;
  margin: 1.4rem 0 1.4rem 1.4rem;
  width: calc((100% - 1.4rem*3)/2);
  height: calc(16rem + 13.8rem);
  position: relative;
}
.cubes .block .img {
  display: block;
  height: 16rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover, 3.2rem 3.2rem;
  overflow: hidden;
  position: relative;
}
.cubes .block .title {
  font-weight: bold;
  line-height: 2.2rem;
  margin: 0.8rem 0;
  box-sizing: border-box;
}
.cubes .block .des {
  font-size: 1.2rem;
  line-height: 2.2rem;
  color: #808080;
  margin-bottom: 1.4rem;
  box-sizing: border-box;
}
.cubes .block .time {
  color: #ccc;
  font-size: 1rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.cubes .block .time .tmpfont {
  font-size: 1.2rem;
  margin-right: 0.4rem;
}
.fullcube .block {
  float: none;
  margin: calc(1.4rem*2);
  width: calc(100% - 1.4rem*4);
  height: auto;
}
.fullcube .block .img {
  height: 12rem;
}
.fullcube .block .time {
  position: inherit;
  left: auto;
  bottom: auto;
}
/*breadcrumb*/
.ax-breadcrumb {
  font-size: 1.4rem;
}
.ax-breadcrumb *[class*='font'] {
  font-size: 1.4rem;
}
.ax-breadcrumb .ax-title {
  color: #666666;
}
.ax-breadcrumb .ax-title[class*='font'] {
  font-size: 1.4rem;
  margin-right: 0.8rem;
}
.ax-breadcrumb a {
  color: #666666;
}
.ax-breadcrumb a [class*='font'] {
  color: #666666;
  font-size: 1.4rem;
  width: auto;
  margin-right: 0.4rem;
}
.ax-breadcrumb a:hover,
.ax-breadcrumb a:hover i {
  color: #198cff;
}
.ax-breadcrumb a[class*='font'] {
  font-size: 1.4rem;
}
.ax-breadcrumb .ax-gutter {
  color: #ccc;
  font-size: 1.2rem;
  text-align: center;
  margin: auto 0.8rem;
  display: inline;
}
.ax-breadcrumb .ax-gutter[class*='font'] {
  font-size: 1rem;
}
.ax-breadcrumb .ax-gutter[class*='code'] {
  font-size: 1.8rem;
}
/*empty*/
.ax-empty {
  font-size: 1.4rem;
  text-align: center;
  padding: calc(1.4rem*2) 0;
  margin: auto;
}
.ax-empty .ax-icon {
  line-height: 4.4rem;
}
.ax-empty .ax-icon [class*='font'] {
  font-size: 4.4rem;
  color: #ccc;
}
.ax-empty .ax-icon img {
  max-height: 5.4rem;
}
.ax-empty .ax-title {
  color: #ccc;
}
.ax-empty .ax-operate {
  margin-top: 1.4rem;
}
.ax-empty .ax-operate a {
  color: #666666;
  margin: 0 0.8rem;
  text-decoration: underline;
}
.ax-empty .ax-operate a:hover {
  color: #198cff;
}
/*scrollnav*/
.ax-scrollnav-v {
  font-size: 1.2rem;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 1.4rem;
  line-height: 2.8rem;
  max-height: calc(100vh - 12rem);
  overflow: inherit;
  position: fixed;
  top: 6rem;
  right: 1.4rem;
  z-index: 4;
}
.ax-scrollnav-v .ax-close {
  color: #198cff;
  width: 3.8rem;
  height: 3.8rem;
  line-height: 3.8rem;
  text-align: center;
  border-radius: 3.8rem;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: calc(-3.8rem - 1.4rem);
}
.ax-scrollnav-v.ax-hide {
  right: -100%;
}
.ax-scrollnav-v.ax-hide .ax-close {
  color: #fff;
  text-align: right;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 4.4rem;
  line-height: 4.4rem;
  border-width: 0;
  background-color: #198cff;
  padding: 0 0.4rem;
  transform: translate(50%, -50%) rotate(180deg);
  position: fixed;
  right: 0;
  top: 50%;
}
.ax-scrollnav-v li {
  position: relative;
  padding-left: 1.4rem;
  white-space: nowrap;
  border-left: 1px solid #f0f0f0;
}
.ax-scrollnav-v li.ax-active > a {
  color: #198cff;
}
.ax-scrollnav-v li:before {
  content: '';
  height: 2.8rem;
  width: 1px;
  position: absolute;
  left: -0.1rem;
  top: 0;
}
.ax-scrollnav-v li.ax-active:before {
  background-color: #198cff;
}
.ax-scrollnav-h {
  background-color: #fff;
  line-height: 3.8rem;
  text-align: center;
  position: relative;
  z-index: 4;
}
.ax-scrollnav-h li {
  margin: 0 1.4rem;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.ax-scrollnav-h li.ax-active > a {
  color: #198cff;
}
.ax-scrollnav-h li:before {
  content: '';
  height: 0.2rem;
  width: 100%;
  transition: all 200ms linear;
  position: absolute;
  bottom: 0;
}
.ax-scrollnav-h li.ax-active:before {
  background-color: #198cff;
}
/*complete*/
.ax-complete-tips {
  color: #666666;
}
.ax-popup .ax-complete-tips {
  font-size: 1.2rem;
  line-height: 2.8rem;
  padding: 0 1.4rem;
}
.ax-complete-list .ax-mark {
  color: #dc3545;
}
/*rate*/
.ax-rate {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-rate .ax-inner {
  display: inline-block;
}
.ax-rate i {
  font-size: 1.8rem;
  transition: all 200ms linear;
}
.ax-rate .ax-break {
  width: 0.4rem;
}
.ax-rate i.ax-rate-cancel {
  color: #b3b3b3;
  font-size: 1.4rem;
}
.ax-rate i.ax-rate-cancel:hover {
  color: #dc3545;
}
.ax-rate .ax-on {
  color: #ff8400;
}
.ax-rate .ax-off {
  color: #f5e7d7;
}
.ax-rate .ax-half {
  color: #ff8400;
}
.ax-rate .ax-score {
  margin: 0 0.8rem;
  color: #666666;
}
.ax-rate img {
  height: 1.8rem;
}
.ax-rate.ax-md,
.ax-form-group .ax-rate {
  padding: calc((3.8rem - 2.8rem)/2) 0;
}
.ax-rate.ax-md i {
  font-size: 2.8rem;
}
.ax-rate.ax-md img {
  height: 2.8rem;
}
.ax-rate.ax-lg {
  line-height: 3.8rem;
  padding: calc(3.8rem - 2.8rem) 0;
}
.ax-rate.ax-lg i {
  font-size: 3.8rem;
}
.ax-rate.ax-lg img {
  height: 3.8rem;
}
/*step*/
.ax-step {
  text-align: center;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
}
.ax-step .ax-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
  width: calc((100%/24)*2);
}
.ax-step .ax-item .ax-head {
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.3rem;
  position: relative;
  margin-bottom: 0.8rem;
}
.ax-step .ax-item .ax-mark {
  width: 100%;
  line-height: 0.6rem;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  zoom: 1;
}
.ax-step .ax-item .ax-node {
  color: #198cff;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  border: 0.2rem solid #198cff;
  background-color: #fff;
  display: inline-block;
  position: relative;
}
.ax-step .ax-item .ax-mark div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  height: 0.2rem;
  background-color: #198cff;
  margin-top: 0.4rem;
}
.ax-step .ax-item .ax-title {
  color: #333333;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin: 0.8rem auto;
}
.ax-step .ax-item .ax-des {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.8rem;
  margin: 0 1.4rem;
}
.ax-step .ax-item.ax-active .ax-node {
  border-color: #198cff;
  color: #198cff;
}
.ax-step .ax-item.ax-active ~ .ax-item .ax-mark div {
  background-color: #ccc;
}
.ax-step .ax-item.ax-active ~ .ax-item .ax-mark .ax-node {
  border-color: #ccc;
  color: #ccc;
}
.ax-step .ax-item.ax-active ~ .ax-item .ax-title,
.ax-step .ax-item.ax-active ~ .ax-item .ax-head,
.ax-step .ax-item.ax-active ~ .ax-item .ax-des {
  color: #ccc;
}
.ax-step .ax-item.ax-active .ax-head {
  color: #fff;
  background-color: #198cff;
}
.ax-step .ax-item.ax-active .ax-head:before {
  content: '';
  width: 0;
  height: 0;
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid #198cff;
  margin-left: -0.5rem;
  position: absolute;
  left: 50%;
  bottom: -0.4rem;
}
/**/
.ax-step.ax-ends-none:not(.ax-vertical) .ax-item:first-child .ax-mark div:first-child,
.ax-step.ax-ends-none:not(.ax-vertical) .ax-item:last-child .ax-mark div:last-child,
.ax-step.ax-ends-none:not(.ax-vertical) .ax-item.ax-active ~ .ax-item:last-child .ax-mark div:last-child {
  background: transparent;
}
.ax-step.ax-ends-none:not(.ax-vertical) .ax-item.ax-active .ax-mark div:last-child {
  background-color: #ccc;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child {
  text-align: left;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child .ax-des {
  margin-left: 0;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child {
  text-align: right;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child .ax-des {
  margin-right: 0;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child .ax-mark div:first-child,
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child .ax-mark div:last-child {
  display: none;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child .ax-mark div:last-child,
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child .ax-mark div:first-child {
  width: 100%;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item.ax-active .ax-mark div:last-child {
  background-color: #ccc;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child:not(.ax-active) .ax-head {
  padding-left: 0;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child:not(.ax-active) .ax-head {
  padding-right: 0;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child.ax-active .ax-head:before {
  left: 0.5rem;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child.ax-active .ax-head:before {
  left: auto;
  right: 0;
}
/**/
.ax-step.ax-style-dot .ax-item .ax-node {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  border: none;
  background-color: #198cff;
}
.ax-step.ax-style-dot .ax-item.ax-active ~ .ax-item .ax-node {
  background-color: #ccc;
}
.ax-step.ax-style-circle .ax-item .ax-node {
  font-size: 1.2rem;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  background: transparent;
}
.ax-step.ax-ends-scatter.ax-style-circle .ax-item:first-child.ax-active .ax-head:before {
  left: 1.1rem;
}
.ax-step.ax-ends-scatter.ax-style-circle .ax-item:last-child.ax-active .ax-head:before {
  left: auto;
  right: 0.6rem;
}
.ax-step.ax-style-circle .ax-item .ax-node *[class*="font"] {
  font-size: 1.2rem;
}
.ax-step.ax-style-circle .ax-item .ax-mark div {
  margin-top: 1rem;
}
.ax-step.ax-style-img .ax-item .ax-node {
  font-size: 2.2rem;
  width: 4.4rem;
  height: 4.4rem;
  line-height: 4.4rem;
  text-align: center;
  border-radius: 0;
  border: none;
  background: transparent;
}
.ax-step.ax-style-img .ax-item .ax-node img {
  max-width: 4.4rem;
}
.ax-step.ax-style-img .ax-item .ax-node *[class*="font"] {
  font-size: 2.2rem;
}
.ax-step.ax-ends-scatter.ax-style-img .ax-item:first-child.ax-active .ax-head:before {
  left: 2.2rem;
}
.ax-step.ax-ends-scatter.ax-style-img .ax-item:last-child.ax-active .ax-head:before {
  left: auto;
  right: 1.7rem;
}
.ax-step.ax-style-img .ax-item .ax-mark div {
  margin-top: 2.1rem;
}
/**/
.ax-step.ax-vertical {
  display: block;
}
.ax-step.ax-vertical .ax-item {
  width: 100%;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0;
  box-flex: 0;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
}
.ax-step.ax-vertical .ax-item .ax-mark {
  height: 100%;
  width: 1rem;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  flex-direction: column;
  box-sizing: border-box;
}
.ax-step.ax-vertical .ax-item .ax-mark div {
  width: 0.2rem;
  height: 6rem;
  margin-top: 0;
  margin-left: 0.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
}
.ax-step.ax-vertical .ax-item .ax-mark div:first-child {
  height: 0.7rem;
}
.ax-step.ax-vertical .ax-item:first-child .ax-mark div:first-child {
  background: transparent;
}
.ax-step.ax-vertical .ax-item:last-child .ax-mark div:last-child {
  display: none;
}
.ax-step.ax-vertical .ax-item.ax-active .ax-mark div:last-child {
  background-color: #ccc;
}
.ax-step.ax-vertical .ax-text {
  text-align: left;
  margin-left: 1.4rem;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
}
.ax-step.ax-vertical .ax-text .ax-title {
  line-height: 2.2rem;
  margin: 0;
}
.ax-step.ax-vertical .ax-text .ax-des {
  margin: 0.4rem 0 0 0;
}
.ax-step.ax-vertical .ax-head {
  width: 6rem;
  margin-bottom: 0;
  margin-right: 0.8rem;
  padding: 0.2rem;
  color: #666666;
  vertical-align: top;
}
.ax-step.ax-vertical .ax-item.ax-active .ax-head:before {
  width: 0;
  height: 0;
  margin-left: 0;
  bordr-right: 0;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid #198cff;
  left: auto;
  bottom: auto;
  top: 0.6rem;
  right: -0.9rem;
}
.ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark {
  width: 2.2rem;
}
.ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark div {
  margin-left: 1rem;
}
.ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark div:first-child {
  display: none;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-mark {
  width: 4.4rem;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-mark div {
  margin-left: 2.1rem;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-head,
.ax-step.ax-vertical.ax-style-img .ax-item .ax-title {
  margin-top: 1rem;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-mark div:first-child {
  display: none;
}
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-head,
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-des,
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active .ax-des {
  color: #333333;
}
.ax-step.ax-vertical.ax-reverse .ax-item .ax-mark div {
  background-color: #ccc;
}
.ax-step.ax-vertical.ax-reverse .ax-item .ax-title,
.ax-step.ax-vertical.ax-reverse .ax-item:not(.ax-active) .ax-head,
.ax-step.ax-vertical.ax-reverse .ax-item .ax-des {
  color: #ccc;
}
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active .ax-title,
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-title {
  color: #333333;
}
.ax-step.ax-vertical.ax-reverse .ax-item:not(.ax-active) .ax-node {
  color: #ccc;
  border-color: #ccc;
}
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-node {
  color: #198cff;
  border-color: #198cff;
}
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active .ax-mark div:last-child,
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-mark div {
  background-color: #198cff;
}
.ax-step.ax-vertical.ax-reverse.ax-style-dot .ax-item:not(.ax-active) .ax-node {
  background-color: #ccc;
}
.ax-step.ax-vertical.ax-reverse.ax-style-dot .ax-item.ax-active ~ .ax-item .ax-node {
  background-color: #198cff;
}
/*backtop*/
.ax-backtop {
  display: inline-block;
  position: fixed;
  right: 1.4rem;
  bottom: 1.4rem;
  z-index: 5;
}
.ax-space-backtop {
  height: 5.4rem;
}
.ax-backtop .ax-item {
  margin-top: 1rem;
  position: relative;
}
.ax-backtop .ax-item > a {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-sizing: border-box;
  width: 3.8rem;
  height: 3.8rem;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.12) inset;
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 200ms linear;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ax-backtop .ax-item > a:hover,
.ax-backtop .ax-item.ax-active > a {
  color: #198cff;
  box-shadow: 0 0 0 0.1rem #198cff inset;
}
.ax-backtop .ax-text {
  font-size: 1.2rem;
  line-height: 1.8rem;
  width: 12rem;
  padding: 0.9rem;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 4.6rem;
  bottom: 0;
  z-index: 5;
  display: none;
}
.ax-backtop .ax-text img {
  width: 100%;
}
.ax-backtop .ax-text:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  box-shadow: 1px 0.1rem 0 0 #ebebeb;
  transform: rotate(-45deg);
  position: absolute;
  right: -0.4rem;
  bottom: 1.5rem;
}
.ax-backtop .ax-text:after {
  content: '';
  width: 0.8rem;
  height: 100%;
  background: transparent;
  position: absolute;
  right: -0.9rem;
  top: 0;
}
.ax-backtop .ax-item .ax-dot {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  z-index: 2;
}
.ax-backtop .ax-item .ax-badge {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  z-index: 2;
}
.ax-backtop .ax-item.ax-social .ax-text {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.ax-backtop .ax-item.ax-social .ax-text a {
  font-size: 1.8rem;
  color: #666666;
  text-align: center;
  width: 1.8rem;
  margin: 0 0.4rem;
}
.ax-backtop .ax-item.ax-image > a {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.ax-backtop .ax-item.ax-load > a {
  background-position: center;
  background-size: 1.8rem;
  background-repeat: no-repeat;
  background-image: url(../images/loading.svg);
}
.ax-backtop .ax-item.ax-totop {
  overflow: hidden;
}
.ax-backtop .ax-item.ax-totop > a {
  margin-bottom: -8rem;
}
.ax-backtop .ax-item.ax-totop .ax-show {
  margin-bottom: 0;
}
.ax-backtop .ax-item.ax-focus > a {
  box-shadow: 0 0 0 0.1rem #198cff inset;
}
.ax-backtop .ax-item.ax-focus:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  background-color: rgba(25, 140, 255, 0.2);
  transform: scale(1.3);
  position: absolute;
}
.ax-backtop.ax-lg .ax-item > a {
  font-size: 2.8rem;
  width: calc(2.8rem*2);
  height: calc(2.8rem*2);
}
.ax-backtop.ax-radius .ax-item a,
.ax-backtop.ax-radius .ax-item.ax-online:before {
  border-radius: 0.3rem;
}
.ax-backtop.ax-square .ax-item a,
.ax-backtop.ax-square .ax-item.ax-focus:before {
  border-radius: 0;
}
.ax-backtop.ax-round .ax-item a,
.ax-backtop.ax-round .ax-item.ax-focus:before {
  border-radius: 100%;
}
.ax-backtop.ax-round .ax-item .ax-dot {
  top: 0;
  right: 0;
}
.ax-backtop.ax-lg .ax-text {
  line-height: 2.8rem;
  padding: 1.4rem;
  right: 6.4rem;
  width: 18rem;
}
.ax-backtop.ax-lg .ax-text:before {
  bottom: 2.3rem;
}
.ax-backtop.ax-lg .ax-item.ax-social .ax-text a {
  font-size: 2.2rem;
  width: 2.8rem;
}
/*progress*/
.ax-progress {
  width: 100%;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  justify-content: center;
  align-items: center;
  zoom: 1;
}
.ax-progress .ax-progress-body {
  height: 0.6rem;
  border-radius: 0.6rem;
  margin-top: calc((2.8rem - 0.6rem)/2);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  background-color: #f0f0f0;
  position: relative;
  display: block;
}
.ax-progress .ax-progress-bar {
  color: #fff;
  height: 100%;
  width: 100%;
  background-color: #198cff;
  border-radius: 0.8rem;
  text-align: right;
}
.ax-progress .ax-progress-percent {
  color: #666666;
  font-size: 1.2rem;
  width: 4rem;
  text-align: right;
}
.ax-progress .ax-progress-result {
  color: #b3b3b3;
  margin-left: 0.8rem;
}
.ax-progress.ax-progress-primary .ax-progress-bar {
  background-color: #198cff;
}
.ax-progress.ax-progress-secondary .ax-progress-bar {
  background-color: #475b66;
}
.ax-progress.ax-progress-danger .ax-progress-bar {
  background-color: #dc3545;
}
.ax-progress.ax-progress-success .ax-progress-bar {
  background-color: #41a358;
}
.ax-progress.ax-progress-warning .ax-progress-bar {
  background-color: #ffc107;
}
.ax-progress.ax-progress-info .ax-progress-bar {
  background-color: #14ccc9;
}
.ax-progress.ax-progress-ad .ax-progress-bar {
  background-color: #ff8400;
}
.ax-progress.ax-progress-primary .ax-progress-result {
  color: #198cff;
}
.ax-progress.ax-progress-secondary .ax-progress-result {
  color: #475b66;
}
.ax-progress.ax-progress-danger .ax-progress-result {
  color: #dc3545;
}
.ax-progress.ax-progress-success .ax-progress-result {
  color: #41a358;
}
.ax-progress.ax-progress-warning .ax-progress-result {
  color: #ffc107;
}
.ax-progress.ax-progress-info .ax-progress-result {
  color: #14ccc9;
}
.ax-progress.ax-progress-ad .ax-progress-result {
  color: #ff8400;
}
.ax-progress.ax-lg .ax-progress-body {
  height: 2.8rem;
  border-radius: 2.8rem;
  margin-top: 0;
}
.ax-progress.ax-lg .ax-progress-bar {
  border-radius: 2.8rem;
}
.ax-progress.ax-lg .ax-progress-bar i {
  padding: 0 1.4rem;
}
.ax-progress.ax-sm .ax-progress-body {
  height: 0.2rem;
  border-radius: 0.2rem;
  margin-top: calc((2.8rem - 0.2rem)/2);
}
.ax-progress.ax-sm .ax-progress-bar {
  border-radius: 0.2rem;
}
.ax-progress-circle {
  width: 12rem;
  text-align: center;
  margin: auto;
}
.ax-form-con + .ax-progress-circle {
  width: 3.8rem;
  height: 3.8rem;
  margin-left: 0.8rem;
  margin-top: 0;
}
.ax-form-con + .ax-progress-circle .ax-progress-text {
  color: #b3b3b3;
}
.ax-progress-circle.ax-half {
  width: 16rem;
}
.ax-progress-line {
  text-align: center;
  margin: auto;
}
.ax-progress-circle > svg {
  height: 100%;
  display: block;
  transition: all 200ms linear;
}
.ax-progress-line > svg {
  height: 0.6rem;
  border-radius: 0.6rem;
  margin-top: calc((2.8rem - 0.6rem)/2);
}
.ax-progress-circle .ax-progress-text,
.ax-progress-line .ax-progress-text {
  color: #666666;
  transition: all 200ms linear;
}
.ax-progress-line .ax-progress-text {
  font-size: 1.2rem;
  text-align: right;
  width: 4rem;
  display: inline-block;
}
.ax-progress-circle .ax-progress-text .ax-row01,
.ax-progress-line .ax-progress-text .ax-row01 {
  color: #b3b3b3;
  font-size: 1.2rem;
  line-height: 1.8rem;
  transition: all 200ms linear;
}
.ax-progress-circle .ax-progress-text .ax-row02,
.ax-progress-line .ax-progress-text .ax-row02 {
  font-size: 1.8rem;
}
.ax-progress-circle .ax-progress-text svg {
  width: 2.8rem;
  height: 2.8rem;
  transition: all 200ms linear;
}
.ax-progress-line .ax-progress-text svg {
  height: 2.8rem;
  transition: all 200ms linear;
}
.ax-progress-circle.ax-success .ax-progress-text,
.ax-progress-circle.ax-success .ax-progress-text .ax-row02,
.ax-progress-line.ax-success .ax-progress-text,
.ax-progress-line.ax-success .ax-progress-text .ax-row02 {
  color: #198cff;
}
.ax-progress-circle.ax-success .ax-progress-text svg,
.ax-progress-line.ax-success .ax-progress-text svg {
  fill: #198cff;
}
.ax-progress-circle.ax-danger .ax-progress-text,
.ax-progress-circle.ax-danger .ax-progress-text .ax-row02,
.ax-progress-line.ax-danger .ax-progress-text,
.ax-progress-line.ax-danger .ax-progress-text .ax-row02 {
  color: #dc3545;
}
.ax-progress-circle.ax-danger .ax-progress-text svg,
.ax-progress-line.ax-danger .ax-progress-text svg {
  fill: #dc3545;
}
/*filter*/
.ax-filter {
  font-size: 1.4rem;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
.ax-filter .ax-toggle {
  color: #ccc;
}
.ax-filter .ax-other {
  display: none;
}
.ax-filter .ax-item {
  position: relative;
  padding: 0.6rem 1.4rem;
  box-sizing: border-box;
}
.ax-filter.ax-padding .ax-item {
  padding-left: 0;
  padding-right: 0;
}
.ax-filter .ax-item .ax-head {
  color: #b3b3b3;
  margin-right: 1rem;
  padding-right: 1rem;
  position: relative;
}
.ax-filter .ax-item .ax-head:before {
  content: '';
  width: 1px;
  height: 1.2rem;
  background-color: #f0f0f0;
  position: absolute;
  right: 0rem;
  top: 0.8rem;
}
.ax-filter .ax-item .ax-text a {
  padding: 0 1rem;
  border-radius: 1.4rem;
}
.ax-filter .ax-item .ax-text a:hover {
  background-color: #f0f0f0;
}
.ax-filter .ax-item .ax-text a.ax-active {
  color: #fff;
  background-color: #198cff;
}
.ax-filter .ax-search-box .ax-head {
  line-height: 3.8rem;
}
.ax-filter .ax-search-box .ax-head:before {
  top: 1.3rem;
}
.ax-filter .ax-search {
  width: 30rem;
  height: 3.8rem;
  margin-right: 2.4rem;
  position: relative;
  float: left;
}
.ax-filter .ax-search input {
  font-size: 1.4rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ax-filter .ax-flex-block .ax-search a {
  color: #b3b3b3;
  width: 4.4rem;
  height: 3.8rem;
  line-height: 3.8rem;
  text-align: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ax-filter .ax-flex-block .ax-search a:hover {
  background: transparent;
  color: #198cff;
}
.ax-filter .ax-search a:after {
  content: '';
  width: 1px;
  height: 1.6rem;
  background-color: #f0f0f0;
  position: absolute;
  left: 0;
  top: 1.1rem;
}
.ax-filter .ax-hot {
  font-size: 1.2rem;
  color: #666666;
  margin-top: 0.5rem;
}
.ax-filter .ax-toggle *[class*='font'] {
  transition: transform 200ms linear, box-shadow 200ms linear;
  -webkit-transition: transform 200ms linear, box-shadow 200ms linear;
}
.ax-filter .ax-ad {
  width: 100%;
}
.ax-filter .ax-ad a {
  display: block;
}
.ax-filter .ax-ad img {
  display: block;
  width: 100%;
}
/*btn deform*/
.ax-deform {
  width: 3.8rem;
  height: 3.8rem;
  line-height: 3.8rem;
  text-align: center;
  border-radius: 0.3rem;
  transition: all 200ms linear;
  position: relative;
}
.ax-deform:before {
  border-radius: 0.3rem;
}
.ax-deform i {
  height: 0.2rem;
  width: 1.6rem;
  background-color: #666666;
  border-radius: 0.2rem;
  transition: all 200ms linear;
  position: absolute;
  left: calc((100% - 1.6rem)/2);
  top: calc(50% - 0.1rem);
}
.ax-deform.ax-i .ax-1 {
  width: 0.2rem;
  top: calc((100% - 1.6rem)/2);
  left: calc(50% - 0.1rem);
}
.ax-deform.ax-i .ax-2 {
  width: 1.4rem;
  transform: rotate(90deg);
  top: calc(50% + 0.2rem);
  left: calc((100% - 1.4rem)/2);
}
.ax-deform.ax-e .ax-1 {
  top: calc(50% - 0.6rem);
}
.ax-deform.ax-e .ax-3 {
  top: calc(50% + 0.4rem);
}
.ax-deform.ax-t .ax-2 {
  transform: rotate(90deg);
}
.ax-deform.ax-x .ax-1 {
  transform: rotate(-45deg);
}
.ax-deform.ax-x .ax-2 {
  transform: rotate(45deg);
}
.ax-deform.ax-x .ax-3 {
  opacity: 0;
}
.ax-deform.ax-border {
  border: none;
}
.ax-deform.ax-border:before {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-deform.ax-square {
  border-radius: 0;
}
.ax-deform.ax-square:before {
  border-radius: 0;
}
.ax-deform.ax-radius {
  border-radius: 0.3rem;
}
.ax-deform.ax-radius:before {
  border-radius: 0.3rem;
}
.ax-deform.ax-circle {
  border-radius: 100%;
}
.ax-deform.ax-circle:before {
  border-radius: 100%;
}
.ax-deform.ax-disabled i {
  background-color: #ccc;
}
.ax-deform.ax-lg {
  width: calc(4.4rem + 1rem);
  height: calc(4.4rem + 1rem);
}
.ax-deform.ax-lg i {
  width: 2.4rem;
  left: calc((100% - 2.4rem)/2);
}
.ax-deform.ax-lg.ax-i .ax-1 {
  top: calc((100% - 2.4rem)/2);
}
.ax-deform.ax-lg.ax-i .ax-2 {
  width: 2rem;
  left: calc((100% - 2rem)/2);
  transform: rotate(90deg);
}
.ax-deform.ax-lg.ax-e .ax-1 {
  top: calc(50% - 0.8rem);
}
.ax-deform.ax-lg.ax-e .ax-3 {
  top: calc(50% + 0.6rem);
}
.ax-deform.ax-md {
  width: 3.8rem;
  height: 3.8rem;
}
.ax-deform.ax-sm {
  width: 2.8rem;
  height: 2.8rem;
}
.ax-deform.ax-sm i {
  width: 1.2rem;
  left: calc((100% - 1.2rem)/2);
}
.ax-deform.ax-sm.ax-i .ax-1 {
  top: calc((100% - 1.2rem)/2);
}
.ax-deform.ax-sm.ax-i .ax-2 {
  width: 0.8rem;
  transform: rotate(90deg);
  left: calc((100% - 0.8rem)/2);
}
.ax-deform.ax-e.ax-sm .ax-1 {
  top: calc(50% - 0.5rem);
}
.ax-deform.ax-e.ax-sm .ax-3 {
  top: calc(50% + 0.3rem);
}
.ax-deform.ax-primary i {
  background-color: #198cff;
}
.ax-deform.ax-primary:before {
  border-color: #198cff;
}
.ax-deform.ax-secondary i {
  background-color: #475b66;
}
.ax-deform.ax-secondary:before {
  border-color: #475b66;
}
.ax-deform.ax-success i {
  background-color: #41a358;
}
.ax-deform.ax-success:before {
  border-color: #41a358;
}
.ax-deform.ax-danger i {
  background-color: #dc3545;
}
.ax-deform.ax-danger:before {
  border-color: #dc3545;
}
.ax-deform.ax-warning i {
  background-color: #ffc107;
}
.ax-deform.ax-warning:before {
  border-color: #ffc107;
}
.ax-deform.ax-info i {
  background-color: #14ccc9;
}
.ax-deform.ax-info:before {
  border-color: #14ccc9;
}
.ax-deform.ax-ad i {
  background-color: #ff8400;
}
.ax-deform.ax-ad:before {
  border-color: #ff8400;
}
.ax-deform.ax-ignore i {
  background-color: #b3b3b3;
}
.ax-deform.ax-ignore:before {
  border-color: #b3b3b3;
}
.ax-deform.ax-reverse {
  background-color: #333333;
}
.ax-deform.ax-reverse:before {
  display: none;
}
.ax-deform.ax-reverse i {
  background-color: #fff;
}
.ax-deform.ax-reverse.ax-primary {
  background-color: #198cff;
}
.ax-deform.ax-reverse.ax-secondary {
  background-color: #475b66;
}
.ax-deform.ax-reverse.ax-success {
  background-color: #41a358;
}
.ax-deform.ax-reverse.ax-danger {
  background-color: #dc3545;
}
.ax-deform.ax-reverse.ax-warning {
  background-color: #ffc107;
}
.ax-deform.ax-reverse.ax-info {
  background-color: #14ccc9;
}
.ax-deform.ax-reverse.ax-ad {
  background-color: #ff8400;
}
.ax-deform.ax-reverse.ax-ignore {
  background-color: #f0f0f0;
}
.ax-deform.ax-reverse.ax-ignore i {
  background-color: #b3b3b3;
}
.ax-deform.ax-disabled {
  cursor: not-allowed;
}
.ax-deform.ax-disabled:not(.ax-reverse) i {
  background-color: #ccc !important;
}
.ax-deform.ax-disabled:not(.ax-reverse):before {
  border-color: #ebebeb !important;
}
.ax-deform.ax-reverse.ax-disabled {
  opacity: 0.3;
}
/*dialog*/
.ax-dialog {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: -1000rem;
  top: 0;
  z-index: 8;
}
.ax-dialog .ax-dialog-overlay {
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0;
  transition: all 200ms linear;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.ax-dialog[data-overlay="true"] .ax-dialog-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}
.ax-dialog[data-overlay="false"] .ax-dialog-overlay {
  display: none;
}
.ax-dialog .ax-dialog-wrapper {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  opacity: 1;
  animation-duration: 300ms;
  animation-fill-mode: both;
  position: relative;
  z-index: 9;
}
.ax-dialog[data-size="sm"] .ax-dialog-wrapper {
  width: calc(50rem/2);
}
.ax-dialog[data-size="md"] .ax-dialog-wrapper {
  width: 50rem;
}
.ax-dialog[data-size="lg"] .ax-dialog-wrapper {
  width: calc(100% - 1.4rem*2);
}
.ax-dialog[data-size="full"] .ax-dialog-wrapper {
  width: calc(100% - 1.4rem*2);
  height: calc(100% - 1.4rem*2);
}
.ax-dialog[data-size="full"] .ax-flex-block {
  overflow: hidden;
}
.ax-dialog[data-size="full"] .ax-dialog-body {
  max-height: 100%;
}
.ax-dialog[data-overlay="true"] .ax-dialog-wrapper {
  border: none;
  box-shadow: none;
}
.ax-dialog.ax-dialog-show {
  left: 0;
  top: 0;
}
.ax-dialog.ax-dialog-show .ax-dialog-overlay {
  opacity: 1;
}
.ax-dialog.ax-dialog-hide .ax-dialog-overlay {
  opacity: 0;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-wrapper > .ax-dialog-close {
  right: calc(-3.8rem);
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close [class*='font'] {
  color: #fff;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close svg {
  fill: #fff;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close:hover [class*='font'] {
  color: #dc3545;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close:hover svg {
  fill: #dc3545;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-wrapper > .ax-dialog-close [class*='font'] {
  color: rgba(0, 0, 0, 0.3);
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-wrapper > .ax-dialog-close svg {
  fill: rgba(0, 0, 0, 0.3);
}
.ax-dialog[data-closeplace="bottom"] .ax-dialog-wrapper > .ax-dialog-close {
  margin-right: calc(-3.8rem/2);
  border-radius: 3.8rem;
  background-color: #fff;
  top: auto;
  bottom: calc(-3.8rem*2);
  right: 50%;
}
.ax-dialog[data-closeplace="bottom"][data-overlay="false"] .ax-dialog-wrapper > .ax-dialog-close {
  border: 1px solid #ebebeb;
  bottom: calc(-3.8rem*2);
}
.ax-dialog-header {
  text-align: left;
  line-height: 3.8rem;
  border-radius: 0.3rem 0.3rem 0 0;
  box-sizing: border-box;
  padding-left: 1.4rem;
  background-color: #fff;
  position: relative;
}
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close {
  width: 3.8rem;
  height: 3.8rem;
  text-align: center;
  line-height: 3.8rem;
  transition: all 200ms linear;
  color: #b3b3b3;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close [class*='font'],
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close svg {
  color: #b3b3b3;
  fill: #b3b3b3;
  transition: all 200ms linear;
}
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close:hover [class*='font'],
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close:hover svg {
  color: #dc3545;
  fill: #dc3545;
}
.ax-dialog-body,
.fancybox-content .content {
  position: relative;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ax-dialog .ax-dialog-body .ax-dialog-content {
  overflow: hidden;
}
.ax-dialog .ax-media-container img,
.ax-dialog .ax-media-container video,
.ax-dialog .ax-media-container audio {
  max-width: 100%;
}
.ax-dialog .ax-media-container video,
.ax-dialog .ax-media-container audio {
  width: 100%;
  display: block;
}
.ax-dialog .ax-media-title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.8rem;
  text-align: center;
  margin: 1.4rem 0 0.8rem 0;
}
.ax-dialog[data-type="pictrue"] .ax-dialog-content,
.ax-dialog[data-type="video"] .ax-dialog-content,
.ax-dialog[data-type="audio"] .ax-dialog-content {
  text-align: center;
}
.ax-dialog .ax-note {
  font-size: 1.4rem;
  line-height: 1.8rem;
  height: 3.8rem;
  display: flex;
  align-items: center;
}
.ax-dialog[data-footerType="center"] .ax-note,
.ax-dialog[data-footerType="line"] .ax-note {
  border-top: 1px solid #ebebeb;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background-color: #fafafa;
  justify-content: center;
}
.ax-dailog[data-footerType="right"] .ax-note {
  justify-content: flex-start;
}
.ax-dialog-footer {
  border-radius: 0 0 0.3rem 0.3rem;
  overflow-y: hidden;
}
.ax-dialog-footer .ax-btn {
  margin: 0 0.8rem;
}
.ax-dialog-footer .ax-btns .ax-btn {
  margin: 0;
}
.ax-dialog-footer > .ax-row {
  line-height: 4.4rem;
  text-align: center;
}
.ax-dialog-footer > .ax-row .ax-gutter-line {
  height: 4.4rem;
}
.ax-dialog-footer > .ax-row a:hover {
  background-color: #fff;
}
.ax-dialog-footer > .ax-row .ax-gutter-line:last-child {
  display: none;
}
.ax-dialog-alert {
  text-align: center;
  padding: calc(1.4rem*3) 1.4rem;
}
.ax-dialog-alert .ax-tips-icon {
  width: 100%;
}
.ax-dialog-alert .ax-tips-title {
  font-size: 1.8rem;
  line-height: 3.8rem;
}
.ax-dialog-alert .ax-tips-des {
  font-size: 1.4rem;
  color: #666666;
}
.ax-dialog-alert .ax-tips-btn {
  margin-top: calc(1.4rem*2);
}
.ax-dialog video {
  width: 100%;
  height: auto;
  display: block;
}
/*drawer*/
.ax-drawer {
  height: 100vh;
  width: 100%;
  position: fixed;
  left: -1000rem;
  top: 0;
  z-index: 8;
}
.ax-drawer .ax-drawer-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 200ms linear;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.ax-drawer.ax-drawer-show {
  left: 0;
  top: 0;
}
.ax-drawer.ax-drawer-show .ax-drawer-overlay {
  opacity: 1;
}
.ax-drawer .ax-drawer-wrapper {
  width: 40rem;
  background-color: #fff;
  opacity: 1;
  transition: all 200ms linear;
  box-sizing: border-box;
  animation-duration: 300ms;
  animation-fill-mode: both;
  position: absolute;
  right: -40rem;
  top: 0;
  z-index: 9;
}
.ax-drawer[data-size="sm"] .ax-drawer-wrapper {
  right: -40rem;
  width: 40rem;
}
.ax-drawer[data-size="md"] .ax-drawer-wrapper {
  right: -60rem;
  width: 60rem;
}
.ax-drawer[data-size="lg"] .ax-drawer-wrapper {
  right: -70%;
  width: 70%;
}
.ax-drawer.ax-drawer-show .ax-drawer-wrapper {
  right: 0;
}
.ax-drawer[data-placement="right"] .ax-drawer-wrapper,
.ax-drawer[data-placement="left"] .ax-drawer-wrapper {
  height: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  flex-direction: column;
}
.ax-drawer[data-placement="right"] .ax-drawer-wrapper {
  right: -40rem;
}
.ax-drawer[data-placement="right"][data-size="sm"] .ax-drawer-wrapper {
  right: -40rem;
}
.ax-drawer[data-placement="right"][data-size="md"] .ax-drawer-wrapper {
  right: -60rem;
}
.ax-drawer[data-placement="right"][data-size="lg"] .ax-drawer-wrapper {
  right: -70%;
}
.ax-drawer[data-placement="right"].ax-drawer-show .ax-drawer-wrapper {
  right: 0;
}
.ax-drawer[data-placement="left"] .ax-drawer-wrapper {
  left: -40rem;
}
.ax-drawer[data-placement="left"][data-size="sm"] .ax-drawer-wrapper {
  left: -40rem;
}
.ax-drawer[data-placement="left"][data-size="md"] .ax-drawer-wrapper {
  left: -60rem;
}
.ax-drawer[data-placement="left"][data-size="lg"] .ax-drawer-wrapper {
  left: -70%;
}
.ax-drawer[data-placement="left"].ax-drawer-show .ax-drawer-wrapper {
  left: 0;
}
.ax-drawer[data-placement="top"] .ax-drawer-wrapper {
  width: 100%;
  left: auto;
  right: auto;
  bottom: auto;
  transform: translateY(-100%);
}
.ax-drawer[data-placement="top"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 20rem;
}
.ax-drawer[data-placement="top"][data-size="sm"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 20rem;
}
.ax-drawer[data-placement="top"][data-size="md"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 40rem;
}
.ax-drawer[data-placement="top"][data-size="lg"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 70%;
}
.ax-drawer[data-placement="top"].ax-drawer-show .ax-drawer-wrapper {
  transform: translateY(0);
}
.ax-drawer[data-placement="bottom"] .ax-drawer-wrapper {
  width: 100%;
  left: auto;
  right: auto;
  top: auto;
  bottom: 0;
  transform: translateY(100%);
}
.ax-drawer[data-placement="bottom"][data-size="sm"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 20rem;
}
.ax-drawer[data-placement="bottom"][data-size="md"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 40rem;
}
.ax-drawer[data-placement="bottom"][data-size="lg"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 70%;
}
.ax-drawer[data-placement="bottom"].ax-drawer-show .ax-drawer-wrapper {
  transform: translateY(0);
}
.ax-drawer .ax-drawer-header {
  line-height: 3.8rem;
  box-sizing: border-box;
  padding: 0 1.4rem;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  zoom: 1;
  position: relative;
}
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close {
  color: #fff;
  width: 3.8rem;
  height: 3.8rem;
  text-align: center;
  line-height: 3.8rem;
  transition: all 200ms linear;
  opacity: 0;
  position: absolute;
  left: calc(-3.8rem);
  top: 0;
  z-index: 1;
}
.ax-drawer[data-placement="right"] .ax-drawer-wrapper > .ax-drawer-close {
  left: calc(-3.8rem);
}
.ax-drawer[data-placement="left"] .ax-drawer-wrapper > .ax-drawer-close {
  left: auto;
  right: calc(-3.8rem);
}
.ax-drawer[data-placement="top"] .ax-drawer-wrapper > .ax-drawer-close {
  left: auto;
  right: 0;
  top: auto;
  bottom: calc(-3.8rem);
}
.ax-drawer[data-placement="bottom"] .ax-drawer-wrapper > .ax-drawer-close {
  left: auto;
  right: 0;
  top: calc(-3.8rem);
}
.ax-drawer.ax-drawer-show .ax-drawer-wrapper > .ax-drawer-close {
  opacity: 1;
}
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close [class*='font'],
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close svg {
  color: #fff;
  fill: #fff;
  transition: all 200ms linear;
}
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close:hover [class*='font'],
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close:hover svg {
  color: #fff;
  fill: #fff;
}
.ax-drawer .ax-drawer-body {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.ax-drawer[data-placement="right"] .ax-drawer-body,
.ax-drawer[data-placement="left"] .ax-drawer-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
}
.ax-drawer .ax-drawer-body .ax-drawer-content {
  overflow: hidden;
}
.ax-drawer .ax-note {
  font-size: 1.4rem;
  line-height: 1.8rem;
  height: 3.8rem;
  display: flex;
  align-items: center;
}
.ax-drawer[data-footerType="center"] .ax-note,
.ax-drawer[data-footerType="line"] .ax-note {
  border-top: 1px solid #ebebeb;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background-color: #fafafa;
  justify-content: center;
}
.ax-dailog[data-footerType="right"] .ax-note {
  justify-content: flex-start;
}
.ax-drawer-footer {
  border-radius: 0 0 0.3rem 0.3rem;
  overflow-y: hidden;
}
.ax-drawer-footer .ax-btn {
  margin: 0 0.8rem;
}
.ax-drawer-footer .ax-btns .ax-btn {
  margin: 0;
}
.ax-drawer-footer > .ax-row {
  line-height: 4.4rem;
  text-align: center;
}
.ax-drawer-footer > .ax-row .ax-gutter-line {
  height: 4.4rem;
}
.ax-drawer-footer > .ax-row a:hover {
  background-color: #fff;
}
.ax-drawer-footer > .ax-row .ax-gutter-line:last-child {
  display: none;
}
.ax-drawer video,
.ax-drawer audio {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.ax-drawer[data-placement="left"][data-size="md"] video,
.ax-drawer[data-placement="left"][data-size="lg"] video,
.ax-drawer[data-placement="right"][data-size="md"] video,
.ax-drawer[data-placement="right"][data-size="lg"] video,
.ax-drawer[data-placement="left"][data-size="md"] audio,
.ax-drawer[data-placement="left"][data-size="lg"] audio,
.ax-drawer[data-placement="right"][data-size="md"] audio,
.ax-drawer[data-placement="right"][data-size="lg"] audio,
.ax-drawer[data-placement="top"] audio,
.ax-drawer[data-placement="bottom"] audio {
  width: auto;
}
.ax-drawer .ax-menu {
  width: 100%;
}
/*message*/
.ax-message {
  width: 600px;
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 9;
  transform: translate(-50%, 0);
}
.ax-message section {
  background-color: #fff;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
  margin: 1.4rem 1.4rem 0 1.4rem;
  border-radius: 0.3rem;
  position: relative;
  display: none;
}
.ax-message .ax-close {
  font-family: arial;
  font-size: 2.2rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
  line-height: calc(3.8rem - 2px);
  transition: all 200ms linear;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-message .ax-close:before {
  content: "\00D7";
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
}
.ax-message .ax-close:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ax-message[data-placement="left-top"] {
  width: 400px;
  left: 0;
  transform: none;
}
.ax-message[data-placement="right-top"] {
  width: 400px;
  left: auto;
  right: 0;
  transform: none;
}
.ax-message[data-placement="left-center"] {
  width: 400px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.ax-message[data-placement="center-center"] {
  top: 50%;
  transform: translate(-50%, -50%);
}
.ax-message[data-placement="right-center"] {
  width: 400px;
  left: auto;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.ax-message[data-placement="left-bottom"] {
  width: 400px;
  left: 0;
  top: auto;
  bottom: 0;
  transform: none;
}
.ax-message[data-placement="center-bottom"] {
  top: auto;
  bottom: 0;
}
.ax-message[data-placement="right-bottom"] {
  width: 400px;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  transform: none;
}
.ax-message[data-placement*="-center"] section {
  margin-top: calc(1.4rem/2);
  margin-bottom: calc(1.4rem/2);
}
.ax-message[data-placement*="-bottom"] section {
  margin-top: 0;
  margin-bottom: 1.4rem;
}
.ax-message section[data-style="simple"] .ax-message-content {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0.8rem 1.4rem;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
}
.ax-message section[data-style="simple"][data-result="success"] {
  color: #0b72da;
  background-color: #f0f7ff;
  border-color: #d7e7f5;
}
.ax-message section[data-style="simple"][data-result="error"] {
  color: #b22c39;
  background-color: #fff0f1;
  border-color: #f0dddf;
}
.ax-message section[data-style="simple"][data-result="question"] {
  color: #c2690a;
  background-color: #fff5eb;
  border-color: #f5e7d7;
}
.ax-message section[data-style="simple"][data-result="info"] {
  color: #189593;
  background-color: #ebfaf9;
  border-color: #cef0f0;
}
.ax-message section[data-style="simple"][data-result="warning"] {
  color: #c8990b;
  background-color: #fffaeb;
  border-color: #f5edd7;
}
.ax-message section[data-style="simple"][data-close] .ax-message-content {
  padding-right: 3.4rem;
}
.ax-message section[data-style="simple"] .ax-message-icon {
  margin-right: 0.8rem;
}
.ax-message section[data-style="simple"] .ax-message-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-message section[data-style="complex"] {
  padding: 1.4rem;
}
.ax-message section[data-style="complex"] .ax-message-header {
  line-height: 2.8rem;
  margin-bottom: 0.8rem;
}
.ax-message section[data-style="complex"] .ax-message-icon {
  width: 2.8rem;
  height: 2.8rem;
  min-width: 2.8rem;
  min-height: 2.8rem;
  margin-right: 0.8rem;
}
.ax-message section[data-style="complex"] .ax-message-title {
  font-size: 1.8rem;
}
.ax-message section[data-style="complex"] .ax-message-body {
  color: #666666;
  line-height: 1.8rem;
}
.ax-message-progress {
  height: 2px;
  width: 100%;
  background-color: #ebebeb;
  transition-property: width;
  transition-timing-function: linear;
  position: absolute;
  left: 0;
  bottom: 0;
}
/**/
.ax-glitter {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  background-color: #dc3545;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ax-glitter * {
  color: #fff;
  position: relative;
  z-index: 2;
}
.ax-glitter:before,
.ax-glitter:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #dc3545;
  transform: scale(3);
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-glitter:before {
  animation: ax-wave-3 1s infinite;
}
.ax-glitter:after {
  animation: ax-wave-5 1s infinite;
}
.ax-glitter.ax-sm:before {
  animation-name: ax-wave-2;
}
.ax-glitter.ax-sm:after {
  animation-name: ax-wave-3;
}
.ax-glitter.ax-md:before {
  animation-name: ax-wave-3;
}
.ax-glitter.ax-md:after {
  animation-name: ax-wave-5;
}
.ax-glitter.ax-lg:before {
  animation-name: ax-wave-4;
}
.ax-glitter.ax-lg:after {
  animation-name: ax-wave-7;
}
@keyframes ax-wave-2 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes ax-wave-3 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes ax-wave-4 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes ax-wave-5 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@keyframes ax-wave-6 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}
@keyframes ax-wave-7 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(7);
    opacity: 0;
  }
}
.ax-glitter.ax-primary,
.ax-glitter.ax-primary:before,
.ax-glitter.ax-primary:after {
  background-color: #198cff;
}
.ax-glitter.ax-danger,
.ax-glitter.ax-danger:before,
.ax-glitter.ax-danger:after {
  background-color: #dc3545;
}
.ax-glitter.ax-success,
.ax-glitter.ax-success:before,
.ax-glitter.ax-success:after {
  background-color: #41a358;
}
.ax-glitter.ax-secondary,
.ax-glitter.ax-secondary:before,
.ax-glitter.ax-secondary:after {
  background-color: #475b66;
}
.ax-glitter.ax-warning,
.ax-glitter.ax-warning:before,
.ax-glitter.ax-warning:after {
  background-color: #ffc107;
}
.ax-glitter.ax-info,
.ax-glitter.ax-info:before,
.ax-glitter.ax-info:after {
  background-color: #14ccc9;
}
.ax-glitter.ax-ad,
.ax-glitter.ax-ad:before,
.ax-glitter.ax-ad:after {
  background-color: #ff8400;
}
/*lazyshow*/
.ax-lazy {
  transition: all 200ms linear;
}
.ax-lazy.ax-hide {
  opacity: 0;
}
.ax-lazy.ax-show {
  opacity: 1;
}
.ax-lazy.ax-hide.ax-scale {
  transform: scale(0);
}
.ax-lazy.ax-show.ax-scale {
  transform: scale(1);
}
.ax-lazy.ax-hide.ax-fly {
  transform: translate(0, 50%);
}
.ax-lazy.ax-show.ax-fly {
  transform: translate(0, 0);
}
/*plugins start*/
.ax-videojs .video-js {
  max-width: 100%;
}
.ax-videojs.ax-playlist-side {
  background: #1a1a1a;
}
.ax-videojs.ax-playlist-bottom {
  background: #1a1a1a;
}
.ax-videojs.ax-playlist-pages {
  background: #1a1a1a;
}
.ax-videojs.ax-playlist-pages .video-js {
  width: 100% !important;
  height: 40rem;
}
.ax-videojs.ax-playlist-side .video-js {
  width: 100% !important;
  height: 40rem;
}
.ax-videojs.ax-playlist-side .swiper-container {
  width: 20rem;
  height: 40rem;
  box-sizing: border-box;
  overflow: hidden;
}
.ax-videojs.ax-playlist-bottom .video-js {
  width: 100% !important;
  height: 40rem;
}
.ax-videojs.ax-playlist-bottom .swiper-container {
  height: 14rem;
  box-sizing: border-box;
  overflow: hidden;
}
.ax-videojs[class*='ax-playlist-'] .swiper-container {
  margin: 1.4rem;
}
.ax-videojs[class*='ax-playlist-'] .swiper-slide {
  overflow: hidden;
}
.ax-videojs[class*='ax-playlist-'] .swiper-slide figure {
  color: #fff;
  height: 100%;
  box-sizing: border-box;
  padding: 0.8rem;
  cursor: pointer;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  position: relative;
  display: block;
}
.ax-videojs[class*='ax-playlist-'] .swiper-slide-active:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 0.2rem solid #198cff;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-videojs[class*='ax-playlist-'] .swiper-slide i {
  display: none;
}
.ax-videojs[class*='ax-playlist-'] .swiper-slide-active i {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.8rem;
  padding: 0 0.8rem;
  background-color: #198cff;
  border-radius: 0 0 0.6rem 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
}
.ax-videojs[class*='ax-playlist-'] .swiper-slide em {
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.8rem;
  padding: 0 0.8rem;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.ax-videojs[class*='ax-playlist-'] .swiper-slide figcaption {
  font-size: 1.4rem;
  font-style: normal;
  overflow: hidden;
  max-height: 3.6rem;
  line-height: 1.8rem;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-right: 0.8rem;
  position: absolute;
  bottom: 0.8rem;
  left: 0.8rem;
  z-index: 2;
}
.ax-videojs[class*='ax-playlist-'] .swiper-slide .ax-mask {
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
  opacity: 0;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  position: absolute;
  left: 0;
  top: 100%;
}
.ax-videojs[class*='ax-playlist-'] .swiper-slide:hover .ax-mask {
  opacity: 1;
  top: 0;
}
/*plugins aplayer*/
.ax-aplayer {
  background: #fff;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
  box-shadow: 0.5rem 0.5rem 2rem rgba(51, 51, 51, 0.4);
  border-radius: 0.3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  position: relative;
}
.ax-aplayer:not(.aplayer-bottom) {
  overflow: hidden;
}
.ax-aplayer * {
  box-sizing: content-box;
}
.ax-aplayer svg {
  fill: #666666;
  width: 100%;
  height: 100%;
  transition: all 100ms linear;
}
.ax-aplayer.aplayer-withlist .aplayer-list {
  border-top: 1px solid #ebebeb;
  display: block;
}
.ax-aplayer.aplayer-withlist .aplayer-icon-order,
.ax-aplayer.aplayer-withlist .aplayer-time .aplayer-icon.aplayer-icon-menu {
  display: inline;
}
.ax-aplayer.aplayer-withlrc .aplayer-pic {
  height: 9.6rem;
  width: 9.6rem;
}
.ax-aplayer.aplayer-withlrc .aplayer-info {
  height: 9.6rem;
  padding: 1rem 0.7rem 0;
}
.ax-aplayer.aplayer-withlrc .aplayer-lrc {
  display: block;
}
.ax-aplayer.aplayer-narrow {
  width: 6.6rem;
}
.ax-aplayer.aplayer-narrow .aplayer-info,
.ax-aplayer.aplayer-narrow .aplayer-list {
  display: none !important;
}
.ax-aplayer.aplayer-narrow .aplayer-body,
.ax-aplayer.aplayer-narrow .aplayer-pic {
  height: 6.6rem;
  width: 6.6rem;
}
.ax-aplayer.aplayer-fixed {
  margin: 0;
  overflow: visible;
  max-width: 50rem;
  box-shadow: none;
  position: fixed;
  bottom: calc(50vh - 3.3rem);
  left: 0;
  right: 0;
  z-index: 99;
}
.ax-aplayer.aplayer-fixed .aplayer-list {
  border: 1px solid #eee;
  border-bottom: none;
  margin-bottom: 6.5rem;
}
.ax-aplayer.aplayer-fixed .aplayer-body {
  margin: 0;
  background: #fff;
  transition: all 300ms ease;
  max-width: 50rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.ax-aplayer.aplayer-fixed .aplayer-lrc {
  width: 50rem;
  text-align: left;
  margin: 0;
  padding: 1.4rem;
  pointer-events: none;
  text-shadow: -0.1rem -0.1rem 0 #fff;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 98;
  display: block;
}
.ax-aplayer.aplayer-fixed .aplayer-lrc:after,
.ax-aplayer.aplayer-fixed .aplayer-lrc:before {
  display: none;
}
.ax-aplayer.aplayer-fixed .aplayer-info {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: all 300ms ease;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.ax-aplayer.aplayer-fixed .aplayer-info .aplayer-music {
  width: calc(100% - 10.5rem);
}
.ax-aplayer.aplayer-fixed .aplayer-miniswitcher {
  display: block;
}
.ax-aplayer.aplayer-fixed.aplayer-narrow .aplayer-info {
  display: block;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.ax-aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
  width: 6.6rem !important;
}
.ax-aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}
.ax-aplayer.aplayer-fixed .aplayer-icon-back,
.ax-aplayer.aplayer-fixed .aplayer-icon-forward,
.ax-aplayer.aplayer-fixed .aplayer-icon-lrc,
.ax-aplayer.aplayer-fixed .aplayer-icon-play {
  display: inline-block;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-back,
.ax-aplayer.aplayer-fixed .aplayer-icon-forward,
.ax-aplayer.aplayer-fixed .aplayer-icon-menu,
.ax-aplayer.aplayer-fixed .aplayer-icon-play {
  position: absolute;
  bottom: 2.6rem;
  width: 2.2rem;
  height: 2.2rem;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-back {
  right: 7.5rem;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-play {
  right: 5rem;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-forward {
  right: 2.5rem;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-menu {
  right: 0;
}
.ax-aplayer.aplayer-bottom {
  width: 100%;
  border-radius: 0;
  border-top: 1px solid #ebebeb;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.ax-aplayer.aplayer-bottom .aplayer-body {
  width: 100rem;
  margin: auto;
}
.ax-aplayer.aplayer-bottom .aplayer-list {
  width: 50rem;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  position: fixed;
  left: auto;
  bottom: 4.9rem;
  right: calc((100% - 100rem)/2);
}
.ax-aplayer.aplayer-bottom .aplayer-lrc {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 4.9rem;
}
.ax-aplayer.aplayer-bottom .aplayer-lrc:after,
.ax-aplayer.aplayer-bottom .aplayer-lrc:before {
  display: none;
}
.ax-aplayer.aplayer-bottom .aplayer-info {
  height: 4.8rem;
  padding: 0.8rem;
}
.ax-aplayer.aplayer-bottom .aplayer-info .aplayer-music {
  line-height: 1.8rem;
  height: 1.8rem;
  margin-bottom: 0;
}
.ax-aplayer.aplayer-bottom .aplayer-pic {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0.8rem 0;
  border-radius: 0.3rem;
}
.ax-aplayer.aplayer-bottom .aplayer-pic a {
  border-radius: 0.3rem;
}
.ax-aplayer.aplayer-bottom .aplayer-pic .aplayer-button {
  display: none;
}
.ax-aplayer.aplayer-bottom.aplayer-withlist .aplayer-list {
  border-top: none;
}
.ax-aplayer.aplayer-bottom .aplayer-list ol li:first-child {
  border-top: 1px solid #ebebeb;
}
.ax-aplayer.aplayer-bottom .aplayer-operate {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 1.4rem;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-back,
.ax-aplayer.aplayer-bottom .aplayer-icon-forward,
.ax-aplayer.aplayer-bottom .aplayer-icon-lrc,
.ax-aplayer.aplayer-bottom .aplayer-icon-play {
  display: inline-block;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-back,
.ax-aplayer.aplayer-bottom .aplayer-icon-forward {
  width: 2.2rem;
  height: 2.2rem;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-play {
  width: 2.6rem;
  height: 2.6rem;
  border: 0.2rem solid #666666;
  position: relative;
  border-radius: 100%;
  margin: 0 0.8rem;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-play svg {
  height: 2rem;
  width: 2rem;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-back:hover,
.ax-aplayer.aplayer-bottom .aplayer-icon-forward:hover,
.ax-aplayer.aplayer-bottom .aplayer-icon-play:hover {
  border-color: #198cff;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-back:hover svg,
.ax-aplayer.aplayer-bottom .aplayer-icon-forward:hover svg,
.ax-aplayer.aplayer-bottom .aplayer-icon-play:hover svg {
  fill: #198cff;
}
.ax-aplayer.aplayer-bottom .aplayer-time {
  height: auto;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ax-aplayer.aplayer-bottom .aplayer-volume-wrap .aplayer-volume-bar-wrap {
  bottom: 2.2rem;
}
.ax-aplayer.aplayer-bottom .aplayer-time button {
  width: 2.2rem;
  height: 2.2rem;
}
.ax-aplayer.aplayer-bottom .aplayer-time-inner {
  color: #666666;
  font-size: 1.2rem;
}
.ax-aplayer.aplayer-arrow .aplayer-icon-loop,
.ax-aplayer.aplayer-arrow .aplayer-icon-order,
.ax-aplayer.aplayer-mobile .aplayer-icon-volume-down {
  display: none;
}
.ax-aplayer.aplayer-loading .aplayer-info .aplayer-loading-icon {
  display: block;
}
.ax-aplayer.aplayer-loading .aplayer-info .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ax-aplayer .aplayer-body {
  width: 100%;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  zoom: 1;
  position: relative;
}
.ax-aplayer .aplayer-icon {
  font-size: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.ax-aplayer .aplayer-icon svg {
  float: left;
  transition: all 100ms linear;
}
.ax-aplayer .aplayer-icon-back,
.ax-aplayer .aplayer-icon-forward,
.ax-aplayer .aplayer-icon-lrc,
.ax-aplayer .aplayer-icon-order,
.ax-aplayer .aplayer-icon-play {
  display: none;
}
.ax-aplayer .aplayer-icon-lrc-inactivity svg {
  opacity: 0.4;
}
.ax-aplayer .aplayer-icon-forward {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ax-aplayer .aplayer-lrc-content {
  display: none;
}
.ax-aplayer .aplayer-pic {
  float: left;
  height: 6.6rem;
  width: 6.6rem;
  position: relative;
  z-index: 2;
}
.ax-aplayer .aplayer-pic a {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  transition: all 300ms ease;
}
.ax-aplayer .aplayer-pic:hover .aplayer-button {
  opacity: 1;
}
.ax-aplayer .aplayer-pic .aplayer-button {
  border-radius: 50%;
  opacity: 0.8;
  text-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transition: all 100ms ease;
  cursor: pointer;
  position: absolute;
}
.ax-aplayer .aplayer-pic .aplayer-button path {
  fill: #fff;
}
.ax-aplayer .aplayer-pic .aplayer-hide {
  display: none;
}
.ax-aplayer .aplayer-pic .aplayer-play {
  width: 2.6rem;
  height: 2.6rem;
  border: 0.2rem solid #fff;
  margin: 0 -1.5rem -1.5rem 0;
  bottom: 50%;
  right: 50%;
}
.ax-aplayer .aplayer-pic .aplayer-play svg {
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: 0.3rem;
  left: 0.4rem;
}
.ax-aplayer .aplayer-pic .aplayer-pause {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #fff;
  bottom: 0.4rem;
  right: 0.4rem;
}
.ax-aplayer .aplayer-pic .aplayer-pause svg {
  height: 1.2rem;
  width: 1.2rem;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
}
.ax-aplayer .aplayer-info {
  padding: 0.8rem;
  height: 6.6rem;
  box-sizing: border-box;
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-aplayer .aplayer-info .aplayer-music {
  width: 100%;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  zoom: 1;
}
.ax-aplayer .aplayer-info .aplayer-text {
  display: block;
  line-height: 2.2rem;
  height: 2.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  margin: 0 0 0.8rem 0.5rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
}
.ax-aplayer .aplayer-info .aplayer-music .aplayer-title {
  font-size: 1.4rem;
  font-weight: bold;
}
.ax-aplayer .aplayer-info .aplayer-music .aplayer-author {
  color: #b3b3b3;
}
.ax-aplayer .aplayer-info .aplayer-music .ax-aplayer.author {
  font-size: 1.2rem;
  color: #b3b3b3;
}
.ax-aplayer .aplayer-info .aplayer-controller {
  position: relative;
  display: flex;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  margin: 0 0 0 0.5rem;
  padding-top: 0.8rem;
  cursor: pointer !important;
  flex: 1;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
  height: 0.4rem;
  width: 100%;
  border-radius: 0.4rem;
  background: #f0f0f0;
  position: relative;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
  height: 0.4rem;
  background: #ccc;
  border-radius: 0.4rem;
  transition: all 100ms linear;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
  height: 0.4rem;
  border-radius: 0.4rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -0.4rem;
  margin-right: -1rem;
  transition: all 100ms linear;
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  top: 0;
  right: 0.5rem;
}
.ax-aplayer .aplayer-time {
  color: #666666;
  font-size: 1.2rem;
  height: 1.8rem;
  padding-left: 0.8rem;
  position: relative;
}
.ax-aplayer .aplayer-time .aplayer-time-inner {
  vertical-align: middle;
}
.ax-aplayer .aplayer-time .aplayer-icon {
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-aplayer .aplayer-time .aplayer-icon svg {
  fill: #666666;
}
.ax-aplayer .aplayer-time .aplayer-icon.aplayer-icon-loop {
  margin-right: 0.2rem;
}
.ax-aplayer .aplayer-time .aplayer-icon:hover svg {
  fill: #198cff;
}
.ax-aplayer .aplayer-time .aplayer-icon.aplayer-icon-menu,
.ax-aplayer .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,
.ax-aplayer .aplayer-time.aplayer-time-narrow .aplayer-icon-mode {
  display: none;
}
.ax-aplayer .aplayer-volume-wrap {
  display: inline-block;
  margin-left: 0.3rem;
  cursor: pointer !important;
  position: relative;
}
.ax-aplayer .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
  height: 4rem;
}
.ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap {
  width: 2.5rem;
  height: 0;
  overflow: hidden;
  transition: all 200ms ease-in-out;
  position: absolute;
  bottom: 1.5rem;
  right: -0.3rem;
  z-index: 99;
}
.ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active {
  height: 4rem;
}
.ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
  width: 0.5rem;
  height: 3.5rem;
  background: #aaa;
  border-radius: 2.5rem;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 1rem;
}
.ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
  width: 0.5rem;
  transition: all 100ms ease;
  position: absolute;
  bottom: 0;
  right: 0;
}
.ax-aplayer .aplayer-info .aplayer-loading-icon {
  display: none;
}
.ax-aplayer .aplayer-info .aplayer-loading-icon svg {
  position: absolute;
  -webkit-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite;
}
.ax-aplayer .aplayer-lrc {
  height: 3rem;
  text-align: center;
  overflow: hidden;
  margin: -1rem 0 0.7rem;
  display: none;
  position: relative;
}
.ax-aplayer .aplayer-lrc:before {
  top: 0;
  height: 10%;
  background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#00ffffff", GradientType=0);
}
.ax-aplayer .aplayer-lrc:after,
.ax-aplayer .aplayer-lrc:before {
  content: '';
  display: block;
  overflow: hidden;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.ax-aplayer .aplayer-lrc:after {
  bottom: 0;
  height: 33%;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0.8));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ccffffff", GradientType=0);
}
.ax-aplayer .aplayer-lrc p {
  font-size: 1.2rem;
  color: #666;
  line-height: 1.6rem !important;
  height: 1.6rem !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: all 0.5s ease-out;
  opacity: 0.4;
  overflow: hidden;
}
.ax-aplayer .aplayer-lrc p.aplayer-lrc-current {
  opacity: 1;
  overflow: visible;
  height: auto !important;
  min-height: 1.6rem;
}
.ax-aplayer .aplayer-lrc.aplayer-lrc-hide {
  display: none;
}
.ax-aplayer .aplayer-lrc .aplayer-lrc-contents {
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
}
.ax-aplayer .aplayer-list {
  background-color: #fff;
  transition: all 0.5s ease;
  will-change: height;
  display: none;
  overflow: hidden;
}
.ax-aplayer .aplayer-list.aplayer-list-hide {
  max-height: 0 !important;
}
.ax-aplayer .aplayer-list ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
.ax-aplayer .aplayer-list ol::-webkit-scrollbar {
  width: 0.5rem;
}
.ax-aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
  border-radius: 0.3rem;
  background-color: #eee;
}
.ax-aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
.ax-aplayer .aplayer-list ol::-webkit-scrollbar-corner {
  background-color: #eee;
}
.ax-aplayer .aplayer-list ol li {
  font-size: 1.4rem;
  height: 3.8rem;
  line-height: 3.8rem;
  border-top: 1px solid #ebebeb;
  cursor: pointer;
  transition: all 100ms linear;
  overflow: hidden;
  padding: 0 1.4rem;
  margin: 0;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.ax-aplayer .aplayer-list ol li:first-child {
  border-top: none;
}
.ax-aplayer .aplayer-list ol li:hover {
  background-color: #f5f5f5;
}
.ax-aplayer .aplayer-list ol li.aplayer-list-light {
  background-color: #f0f7ff;
}
.ax-aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-title {
  color: #198cff;
}
.ax-aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {
  display: inline-block;
}
.ax-aplayer .aplayer-list ol li .aplayer-list-cur {
  display: none;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 0.2rem);
}
.ax-aplayer .aplayer-list ol li .aplayer-list-index {
  color: #b3b3b3;
  margin-right: 1.4rem;
  cursor: pointer;
}
.ax-aplayer .aplayer-list ol li .aplayer-list-author {
  color: #b3b3b3;
  float: right;
  cursor: pointer;
}
.ax-aplayer .aplayer-notice {
  font-size: 1.2rem;
  color: #666666;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 0.4rem;
  padding: 0.5rem 1rem;
  transition: all 100ms linear;
  overflow: hidden;
  pointer-events: none;
  background-color: #f0f0f0;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}
.ax-aplayer .aplayer-miniswitcher {
  display: none;
  height: 100%;
  width: 1.8rem;
  background: #f0f0f0;
  border-radius: 0 0.3rem 0.3rem 0;
  position: absolute;
  top: 0;
  right: -1.8rem;
  bottom: 0;
}
.ax-aplayer .aplayer-miniswitcher .aplayer-icon {
  height: 100%;
  width: 100%;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transition: all 100ms linear;
}
.ax-aplayer .aplayer-miniswitcher .aplayer-icon svg {
  fill: #666666;
}
.ax-aplayer .aplayer-miniswitcher .aplayer-icon:hover svg {
  fill: #198cff;
}
@-webkit-keyframes aplayer-roll {
  0% {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@keyframes aplayer-roll {
  0% {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
/*plugins swiper*/
/*common*/
.ax-btn-prev,
.ax-btn-next {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.5);
  width: 5.4rem;
  height: 5.4rem;
  line-height: 5.4rem;
  text-align: center;
  margin-top: -2.7rem;
  cursor: pointer;
  background-color: rgba(25, 140, 255, 0.8);
  transition: all 100ms linear;
  position: absolute;
  top: 50%;
  z-index: 10;
}
.ax-btn-prev {
  left: 0rem;
}
.ax-btn-next {
  right: 0;
  left: auto;
}
/*size*/
.ax-btn-prev.ax-sm,
.ax-btn-next.ax-sm {
  font-size: 1.4rem;
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  margin-top: calc(-2.8rem/2);
}
.ax-btn-next.ax-sm.ax-icon,
.ax-btn-prev.ax-sm.ax-icon {
  font-size: 1.4rem;
}
/*shape*/
.ax-btn-prev.ax-round,
.ax-btn-next.ax-round {
  border-radius: 100%;
}
.ax-btn-prev.ax-round {
  left: 1.4rem;
}
.ax-btn-next.ax-round {
  right: 1.4rem;
}
.ax-btn-prev.ax-line {
  color: rgba(25, 140, 255, 0.8);
  height: 5rem;
  width: 5rem;
  line-height: 5rem;
  border: 0.2rem solid rgba(25, 140, 255, 0.8);
  background: transparent;
}
.ax-btn-next.ax-line {
  color: rgba(25, 140, 255, 0.8);
  height: 5rem;
  width: 5rem;
  line-height: 5rem;
  border: 0.2rem solid rgba(25, 140, 255, 0.8);
  background: transparent;
}
.ax-btn-prev.ax-icon {
  font-size: 2.8rem;
  color: rgba(25, 140, 255, 0.8);
  background: transparent;
  left: 0;
}
.ax-btn-next.ax-icon {
  font-size: 2.8rem;
  color: rgba(25, 140, 255, 0.8);
  background: transparent;
  right: 0;
}
/*disabled*/
.ax-btn-prev.swiper-button-disabled,
.ax-btn-next.swiper-button-disabled {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.ax-btn-prev.ax-square.ax-line.swiper-button-disabled,
.ax-btn-next.ax-square.ax-line.swiper-button-disabled,
.ax-btn-prev.ax-round.ax-line.swiper-button-disabled,
.ax-btn-next.ax-round.ax-line.swiper-button-disabled {
  color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
  background: transparent;
}
.ax-btn-prev.ax-icon.swiper-button-disabled,
.ax-btn-next.ax-icon.swiper-button-disabled {
  color: rgba(0, 0, 0, 0.4);
  background: transparent;
}
.ax-btn-prev.ax-light.swiper-button-disabled,
.ax-btn-next.ax-light.swiper-button-disabled {
  background-color: rgba(255, 255, 255, 0.4);
}
.ax-btn-prev.ax-square.ax-line.ax-light.swiper-button-disabled,
.ax-btn-next.ax-square.ax-line.ax-light.swiper-button-disabled,
.ax-btn-prev.ax-round.ax-line.ax-light.swiper-button-disabled,
.ax-btn-next.ax-round.ax-line.ax-light.swiper-button-disabled {
  color: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4);
  background: transparent;
}
.ax-btn-prev.ax-icon.ax-light.swiper-button-disabled,
.ax-btn-next.ax-icon.ax-light.swiper-button-disabled {
  color: rgba(255, 255, 255, 0.4);
  background: transparent;
}
/*color*/
/*pagination*/
.ax-pagination-line {
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 10;
}
.ax-pagination-line .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  opacity: 0.2;
  border: 0.2rem solid #fff;
  background: transparent;
  transition: all 100ms linear;
}
.ax-pagination-line .swiper-pagination-bullet-active {
  opacity: 1;
  border-color: #198cff;
}
.swiper-container-horizontal > .ax-pagination-line.swiper-pagination-bullets {
  bottom: 2rem;
}
.ax-pagination-dot {
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  position: absolute;
  z-index: 10;
}
.swiper-container-horizontal > .ax-pagination-dot.swiper-pagination-bullets {
  bottom: 2rem;
}
.ax-pagination-dot .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 0.2;
  transition: all 100ms linear;
}
.ax-pagination-dot .swiper-pagination-bullet-active {
  opacity: 1;
  background: #198cff;
}
/*outer*/
.ax-swiper-outer {
  position: relative;
}
.ax-swiper-outer .ax-btn-prev {
  left: -5.4rem;
}
.ax-swiper-outer .ax-btn-next {
  right: -5.4rem;
  left: auto;
}
.ax-swiper-outer .ax-btn-prev.ax-icon.ax-sm {
  left: -2.8rem;
}
.ax-swiper-outer .ax-btn-next.ax-icon.ax-sm {
  right: -2.8rem;
}
.ax-swiper-outer .ax-btn-prev.ax-round {
  left: -6.8rem;
}
.ax-swiper-outer .ax-btn-next.ax-round {
  right: -6.8rem;
  left: auto;
}
.ax-pagination-outer {
  position: inherit;
}
.ax-pagination-outer {
  width: 100%;
  position: inherit;
  padding: 1.4rem 0;
  text-align: center;
}
.ax-pagination-outer div {
  position: inherit;
}
.ax-pagination-outer .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 0.4rem;
  box-sizing: border-box;
}
.ax-pagination-outer .ax-pagination-dot .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.4);
}
.ax-pagination-outer .ax-pagination-dot .swiper-pagination-bullet-active {
  background: #198cff;
}
.ax-pagination-outer .ax-pagination-line .swiper-pagination-bullet {
  border: 0.2rem solid rgba(0, 0, 0, 0.4);
}
.ax-pagination-outer .ax-pagination-line .swiper-pagination-bullet-active {
  border-color: #198cff;
}
.ax-bullet-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.4rem;
}
.ax-bullet-outer .ax-pagination-dot,
.ax-bullet-outer .ax-pagination-line {
  position: inherit;
}
.ax-bullet-outer .swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ax-bullet-outer .swiper-pagination-bullet {
  margin: 0 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  box-sizing: border-box;
  transition: all 100ms linear;
}
.ax-bullet-outer .ax-pagination-dot .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.4);
}
.ax-bullet-outer .ax-pagination-dot .swiper-pagination-bullet-active {
  background: #198cff;
}
.ax-bullet-outer .ax-pagination-line .swiper-pagination-bullet {
  border: 0.2rem solid rgba(0, 0, 0, 0.4);
}
.ax-bullet-outer .ax-pagination-line .swiper-pagination-bullet-active {
  border-color: #198cff;
}
.ax-bullet-outer .ax-btn-prev,
.ax-bullet-outer .ax-btn-next {
  width: 1.4rem;
  position: inherit;
  margin-top: 0;
}
/*style light grey dark*/
.ax-btn-next.ax-light,
.ax-btn-prev.ax-light {
  color: rgba(255, 255, 255, 0.8);
}
.ax-btn-next.ax-round.ax-light,
.ax-btn-prev.ax-round.ax-light,
.ax-btn-next.ax-square.ax-light,
.ax-btn-prev.ax-square.ax-light {
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.ax-btn-next.ax-line.ax-light,
.ax-btn-prev.ax-line.ax-light {
  border-color: rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
}
.ax-btn-next.ax-grey,
.ax-btn-prev.ax-grey {
  color: rgba(0, 0, 0, 0.4);
}
.ax-btn-next.ax-round.ax-grey,
.ax-btn-prev.ax-round.ax-grey,
.ax-btn-next.ax-square.ax-grey,
.ax-btn-prev.ax-square.ax-grey {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.8);
}
.ax-btn-next.ax-line.ax-grey,
.ax-btn-prev.ax-line.ax-grey {
  border-color: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  background: transparent;
}
.ax-btn-next.ax-dark,
.ax-btn-prev.ax-dark {
  color: #198cff;
}
.ax-btn-next.ax-round.ax-dark,
.ax-btn-prev.ax-round.ax-dark,
.ax-btn-next.ax-square.ax-dark,
.ax-btn-prev.ax-square.ax-dark {
  background-color: rgba(25, 140, 255, 0.8);
  color: #fff;
}
.ax-btn-next.ax-round.ax-line.ax-dark,
.ax-btn-prev.ax-round.ax-line.ax-dark,
.ax-btn-next.ax-square.ax-line.ax-dark,
.ax-btn-prev.ax-square.ax-line.ax-dark {
  border-color: rgba(25, 140, 255, 0.8);
  color: rgba(25, 140, 255, 0.8);
  background: transparent;
}
.ax-btn-next.ax-icon.ax-dark,
.ax-btn-prev.ax-icon.ax-dark {
  color: rgba(25, 140, 255, 0.8);
}
/*vertical*/
.ax-btn-prev.ax-vertical,
.ax-btn-next.ax-vertical {
  left: 50%;
  margin-top: 0;
  margin-left: -2.7rem;
}
.ax-btn-prev.ax-vertical {
  top: 0;
}
.ax-btn-next.ax-vertical {
  top: auto;
  right: auto;
  bottom: 0;
}
.ax-pagination-dot.ax-light .swiper-pagination-bullet {
  background: #fff;
}
.ax-pagination-line.ax-light .swiper-pagination-bullet {
  border-color: #fff;
}
.ax-pagination-outer .ax-pagination-dot.ax-light .swiper-pagination-bullet {
  background: #fff;
}
.ax-pagination-outer .ax-pagination-line.ax-light .swiper-pagination-bullet {
  border-color: #fff;
}
.ax-bullet-outer .ax-pagination-dot.ax-light .swiper-pagination-bullet {
  background: #fff;
}
.ax-bullet-outer .ax-pagination-line.ax-light .swiper-pagination-bullet {
  border-color: #fff;
}
.ax-pagination-dot.ax-grey .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.6);
}
.ax-pagination-line.ax-grey .swiper-pagination-bullet {
  border-color: rgba(0, 0, 0, 0.6);
}
.ax-pagination-outer .ax-pagination-dot.ax-grey .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.6);
}
.ax-pagination-outer .ax-pagination-line.ax-grey .swiper-pagination-bullet {
  border-color: rgba(0, 0, 0, 0.6);
}
.ax-bullet-outer .ax-pagination-dot.ax-grey .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.6);
}
.ax-bullet-outer .ax-pagination-line.ax-grey .swiper-pagination-bullet {
  border-color: rgba(0, 0, 0, 0.6);
}
.ax-pagination-dot.ax-dark .swiper-pagination-bullet {
  background: #fff;
}
.ax-pagination-line.ax-dark .swiper-pagination-bullet {
  border-color: #fff;
}
.ax-pagination-dot.ax-dark .swiper-pagination-bullet-active {
  background: #198cff;
}
.ax-pagination-line.ax-dark .swiper-pagination-bullet-active {
  border-color: #198cff;
}
.ax-pagination-outer .ax-pagination-dot.ax-dark .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.4);
}
.ax-pagination-outer .ax-pagination-line.ax-dark .swiper-pagination-bullet {
  border-color: rgba(0, 0, 0, 0.4);
}
.ax-pagination-outer .ax-pagination-dot.ax-dark .swiper-pagination-bullet-active {
  background: #198cff;
}
.ax-pagination-outer .ax-pagination-line.ax-dark .swiper-pagination-bullet-active {
  border-color: #198cff;
}
.ax-bullet-outer .ax-pagination-dot.ax-dark .swiper-pagination-bullet {
  background: rgba(0, 0, 0, 0.6);
}
.ax-bullet-outer .ax-pagination-line.ax-dark .swiper-pagination-bullet {
  border-color: rgba(0, 0, 0, 0.6);
}
.ax-bullet-outer .ax-pagination-dot.ax-dark .swiper-pagination-bullet-active {
  background: #198cff;
}
.ax-bullet-outer .ax-pagination-line.ax-dark .swiper-pagination-bullet-active {
  border-color: #198cff;
}
/*plugins range*/
.ax-range {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.2rem;
  height: 3.8rem;
  position: relative;
  display: block;
}
.ax-range-line {
  background-color: #f0f0f0;
  transition: background-color 100ms ease-out;
  border-radius: 0.3rem;
  height: 0.3rem;
  overflow: hidden;
  outline: none !important;
  position: relative;
  top: 1.8rem;
  display: block;
}
.ax-range:not(.ax-disabled):hover .ax-range-line {
  background-color: #d7e7f5;
}
.ax-range-bar {
  width: 0;
  height: 0.3rem;
  transition: background-color 100ms ease-out;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: 1.8rem;
  display: block;
}
.ax-range-bar-single {
  border-radius: 0.3rem 0 0 0.3rem;
}
.ax-range-shadow {
  width: 0;
  height: 0.2rem;
  background-color: #dedede;
  position: absolute;
  left: 0;
  bottom: auto;
  top: 2.4rem;
  display: none;
}
.ax-range-handle {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #198cff;
  background-color: #fff;
  border-radius: 1.6rem;
  box-shadow: none;
  transition: box-shadow 100ms linear, background-color 100ms linear, border-color 100ms linear;
  cursor: pointer;
  box-sizing: border-box;
  position: absolute;
  top: 1.1rem;
  z-index: 1;
  display: block;
}
.ax-range-handle.ax-hover,
.ax-range-handle:hover {
  background-color: #fff;
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
.ax-range-handle.ax-last {
  z-index: 2;
}
.ax-range-min,
.ax-range-max {
  color: #666666;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding: 0.3rem 0.5rem;
  background-color: #f0f0f0;
  border-radius: 0.3rem;
  cursor: default;
  position: absolute;
  top: -1.3rem;
  display: block;
}
.ax-range-min {
  left: 0;
}
.ax-range-max {
  right: 0;
}
.ax-range-from,
.ax-range-to,
.ax-range-single {
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.2rem;
  text-shadow: none;
  padding: 0.3rem 0.5rem;
  background-color: #198cff;
  border-radius: 0.3rem;
  cursor: default;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: -1.3rem;
  display: block;
}
.ax-range-from:before,
.ax-range-to:before,
.ax-range-single:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: -0.3rem;
  overflow: hidden;
  border: 0.3rem solid transparent;
  border-top-color: #198cff;
  position: absolute;
  bottom: -0.6rem;
  left: 50%;
}
.ax-range-grid {
  width: 100%;
  height: 2.2rem;
  bottom: auto;
  top: 2.1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
.ax-range.ax-with-grid .ax-range-grid {
  display: block;
}
.ax-range-grid-pol {
  background-color: #dedede;
  width: 1px;
  height: 0.8rem;
  position: absolute;
  top: 0;
  left: 0;
}
.ax-range-grid-pol.ax-small {
  height: 0.4rem;
}
.ax-range-grid-text {
  color: #b3b3b3;
  font-size: 1.2rem;
  line-height: 0.9rem;
  white-space: nowrap;
  text-align: center;
  padding: 0 0.3rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ax-range .ax-disabled-mask {
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: -1%;
  z-index: 2;
  display: block;
}
.ax-range.ax-disabled {
  opacity: 0.4;
}
.ax-range-input {
  display: none;
}
/*plugins infinite scroll*/
.ax-infinite-status {
  text-align: center;
}
.ax-infinite-status .infinite-scroll-last,
.ax-infinite-status .infinite-scroll-error {
  color: #b3b3b3;
}
.ax-infinite-status > * {
  display: none;
}
/*插件：下拉菜单单选和多选*/
.ax-select {
  position: relative;
}
.ax-select.ax-disabled .ax-select-inner,
.ax-select.ax-disabled .ax-select-input {
  cursor: not-allowed;
  user-select: none;
}
.ax-select [hidden] {
  display: none!important;
}
.ax-select .ax-close {
  color: rgba(0, 0, 0, 0.2);
  margin-left: 0.4rem;
  margin-right: -0.4rem;
  padding: 0 0.4rem;
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-select .ax-close:before {
  content: "\00D7";
}
.ax-select .ax-close:hover,
.ax-select .ax-close:focus {
  color: rgba(0, 0, 0, 0.8);
}
.ax-select[data-type*='multiple'] .ax-select-inner,
.ax-select[data-type*='text'] .ax-select-inner {
  cursor: text;
}
.ax-select .ax-select-inner {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0.3rem;
  cursor: text;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  width: 100%;
  zoom: 1;
}
.ax-select.ax-focuse .ax-select-inner,
.ax-select.ax-open .ax-select-inner {
  border-color: #198cff;
}
.ax-select.ax-open .ax-select-inner {
  border-radius: 0.3rem 0.3rem 0 0;
}
.ax-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0.3rem 0.3rem;
}
.ax-select.ax-disabled .ax-select-inner {
  background-color: #f0f0f0;
}
.ax-select .ax-select-inner .ax-label-single {
  cursor: pointer;
  display: block;
  width: 100%;
  height: calc(3.8rem - 2px);
  box-sizing: border-box;
}
.ax-select .ax-select-inner .ax-label-single .ax-item {
  display: block;
  padding: 0 1rem;
  margin: 0;
  line-height: calc(3.8rem - 2px);
}
.ax-select .ax-select-inner .ax-label-single .ax-close {
  padding: 0;
  margin: 0;
  width: 1.4rem;
  height: calc(3.8rem);
  line-height: calc(3.8rem);
  text-align: center;
  position: absolute;
  right: 2.8rem;
  top: 0;
}
.ax-select .ax-select-inner .ax-label-single .ax-item[data-value=''] .ax-close {
  display: none;
}
.ax-select .ax-select-inner .ax-label-single:after {
  content: '';
  height: 0;
  width: 0;
  margin: auto 0;
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 0.4rem 0.4rem 0 0.4rem;
  transition: all 200ms linear;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.9rem;
  pointer-events: none;
}
.ax-select.ax-open .ax-select-inner .ax-label-single:after {
  border-color: #198cff transparent transparent transparent;
  transform: rotate(180deg);
}
.ax-select .ax-label-multiple .ax-item {
  font-size: 1.2rem;
  line-height: calc(3.8rem - 4px - 0.4rem*2);
  height: calc(3.8rem - 4px - 0.4rem*2);
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
  margin-left: 0.4rem;
  margin-right: 0;
  margin-top: 0.4rem;
  padding: 0 0.4rem;
}
.ax-select .ax-label-multiple .ax-item.ax-highlight {
  color: #fff;
  background-color: #198cff;
  border-color: #0b72da;
}
.ax-select.ax-disabled .ax-label-multiple .ax-item {
  color: rgba(102, 102, 102, 0.8);
}
.ax-select .ax-select-dropdown {
  width: calc(100% - 2px);
  background-color: #ffffff;
  margin-top: -1px;
  border: 1px solid #ebebeb;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  overflow: hidden;
  word-break: break-all;
  display: none;
  position: absolute;
  top: 100%;
  z-index: 4;
}
.ax-select .ax-select-dropdown.ax-active {
  display: block;
}
.ax-select.ax-open .ax-select-dropdown {
  border-color: #198cff;
}
.ax-select.ax-flipped .ax-select-dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.3rem 0.3rem 0 0;
}
.ax-select .ax-select-dropdown .ax-item-list {
  max-height: calc((3.8rem + 1px)*5 - 1px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  position: relative;
}
.ax-select .ax-select-dropdown .ax-item-group {
  font-weight: bold;
  padding: 0 1rem;
  margin: 0;
  line-height: 3.8rem;
  border-bottom: 1px solid #ebebeb;
}
.ax-select .ax-select-dropdown .ax-item {
  padding: 0 1rem;
  margin: 0;
  line-height: 3.8rem;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  transition: all 100ms linear;
  position: relative;
}
.ax-select .ax-select-dropdown .ax-item:last-child {
  border: none;
}
.ax-select .ax-select-dropdown .ax-item.ax-item-selectable:hover {
  cursor: pointer;
  color: #fff;
  background-color: #198cff;
}
.ax-select.ax-disabled .ax-item {
  cursor: not-allowed;
}
.ax-select .ax-item.ax-item-disabled {
  color: #b3b3b3;
  cursor: not-allowed;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ax-select .ax-select-dropdown .ax-item:not(.ax-item-selectable) {
  color: #b3b3b3;
}
.ax-select .ax-item.ax-selected {
  color: #198cff;
  background-color: #f0f7ff;
}
.ax-select .ax-item.ax-selected:after {
  content: '\e616';
  font-family: "ax-iconfont" !important;
  color: #198cff;
  width: 3.8rem;
  height: 3.8rem;
  line-height: 3.8rem;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-select .ax-select-dropdown .ax-item-selectable.ax-highlight {
  color: #fff;
  background-color: #198cff;
}
.ax-select .ax-select-dropdown .ax-item-selectable.ax-highlight:after {
  color: #fff;
}
.ax-select .ax-select-dropdown > .ax-item,
.ax-select .ax-select-dropdown .ax-item-list .ax-no-select {
  cursor: text;
}
.ax-select .ax-select-placeholder {
  opacity: 0.5;
}
.ax-select .ax-select-input {
  border: none;
  background: transparent!important;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.ax-select .ax-select-input:focus {
  outline: 0;
  box-shadow: none;
}
.ax-select .ax-select-inner > .ax-select-input {
  width: 1.4rem;
  height: calc(3.8rem - 2px - 0.4rem*2);
  line-height: calc(3.8rem - 2px - 0.4rem*2);
  margin: 0.4rem;
  padding: 0;
}
.ax-select .ax-select-dropdown > .ax-select-input[type="text"] {
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}
.ax-select .ax-select-dropdown > .ax-select-input[type="text"]:focus {
  border-color: #198cff !important;
}
.ax-select[data-size='xs'] {
  font-size: 1.2rem;
}
.ax-select[data-size='xs'] .ax-select-inner {
  line-height: calc(2.2rem - 2px);
}
.ax-select[data-size='xs'] .ax-select-input {
  font-size: 1.2rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.ax-select[data-size='xs'] .ax-label-multiple .ax-item {
  line-height: calc(2.2rem - 4px - 0.2rem*2);
  height: calc(2.2rem - 4px - 0.2rem*2);
  margin-left: 0.2rem;
  margin-top: 0.2rem;
  padding: 0 0.2rem;
}
.ax-select[data-size='xs'] .ax-select-inner .ax-label-single {
  height: calc(2.2rem - 2px);
}
.ax-select[data-size='xs'] .ax-select-inner .ax-label-single .ax-item {
  padding: 0 0.4rem;
  line-height: calc(2.2rem - 2px);
}
.ax-select[data-size='xs'] .ax-select-inner .ax-label-single .ax-close {
  height: calc(2.2rem);
  line-height: calc(2.2rem);
  right: 2.2rem;
}
.ax-select[data-size='xs'] .ax-select-dropdown .ax-item-list {
  max-height: calc((2.2rem + 1px)*5 - 1px);
}
.ax-select[data-size='xs'] .ax-select-dropdown .ax-item-group {
  line-height: 2.2rem;
  padding: 0 0.4rem;
}
.ax-select[data-size='xs'] .ax-select-dropdown .ax-item {
  line-height: 2.2rem;
  padding: 0 0.4rem;
}
.ax-select[data-size='xs'] .ax-item.ax-selected:after {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
}
.ax-select[data-size='xs'] .ax-select-inner > .ax-select-input[type="text"] {
  height: calc(2.2rem - 2px - 0.2rem*2);
  line-height: calc(2.2rem - 2px - 0.2rem*2);
  margin: 0.2rem;
}
.ax-select[data-size='xs'] .ax-select-dropdown > .ax-select-input[type="text"] {
  height: 2.2rem;
  line-height: 2.2rem;
}
.ax-select[data-size='sm'] {
  font-size: 1.2rem;
}
.ax-select[data-size='sm'] .ax-select-inner {
  line-height: calc(3.8rem - 1rem - 2px);
}
.ax-select[data-size='sm'] .ax-select-input {
  font-size: 1.2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.ax-select[data-size='sm'] .ax-label-multiple .ax-item {
  line-height: calc(3.8rem - 1rem - 4px - 0.2rem*2);
  height: calc(3.8rem - 1rem - 4px - 0.2rem*2);
  margin-left: 0.2rem;
  margin-top: 0.2rem;
  padding: 0 0.4rem;
}
.ax-select[data-size='sm'] .ax-select-inner .ax-label-single {
  height: calc(3.8rem - 1rem - 2px);
}
.ax-select[data-size='sm'] .ax-select-inner .ax-label-single .ax-item {
  padding: 0 0.8rem;
  line-height: calc(3.8rem - 1rem - 2px);
}
.ax-select[data-size='sm'] .ax-select-inner .ax-label-single .ax-close {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  right: 2.2rem;
}
.ax-select[data-size='sm'] .ax-select-dropdown .ax-item-list {
  max-height: calc((3.8rem - 1rem + 1px)*5 - 1px);
}
.ax-select[data-size='sm'] .ax-select-dropdown .ax-item-group {
  line-height: calc(3.8rem - 1rem);
  padding: 0 0.8rem;
}
.ax-select[data-size='sm'] .ax-select-dropdown .ax-item {
  line-height: calc(3.8rem - 1rem);
  padding: 0 0.8rem;
}
.ax-select[data-size='sm'] .ax-item.ax-selected:after {
  width: calc(3.8rem - 1rem);
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-select[data-size='sm'] .ax-select-inner > .ax-select-input[type="text"] {
  height: calc(3.8rem - 1rem - 2px - 0.2rem*2);
  line-height: calc(3.8rem - 1rem - 2px - 0.2rem*2);
  margin: 0.2rem;
  padding-left: 0.4rem;
}
.ax-select[data-size='sm'] .ax-select-dropdown > .ax-select-input[type="text"] {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-select[data-size='lg'] .ax-select-inner {
  line-height: calc(3.8rem + 1rem - 2px);
}
.ax-select[data-size='lg'] .ax-select-input {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.ax-select[data-size='lg'] .ax-label-multiple .ax-item {
  line-height: calc(3.8rem + 1rem - 4px - 0.4rem*2);
  height: calc(3.8rem + 1rem - 4px - 0.4rem*2);
  margin-left: 0.4rem;
  margin-top: 0.4rem;
  padding: 0 0.8rem;
}
.ax-select[data-size='lg'] .ax-select-inner .ax-label-single {
  height: calc(3.8rem + 1rem - 2px);
}
.ax-select[data-size='lg'] .ax-select-inner .ax-label-single:after {
  right: 1.4rem;
}
.ax-select[data-size='lg'] .ax-select-inner .ax-label-single .ax-item {
  padding: 0 1.4rem;
  line-height: calc(3.8rem + 1rem - 2px);
}
.ax-select[data-size='lg'] .ax-select-inner .ax-label-single .ax-close {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  right: 3.6rem;
}
.ax-select[data-size='lg'] .ax-select-dropdown .ax-item-list {
  max-height: calc((3.8rem + 1rem + 1px)*5 - 1px);
}
.ax-select[data-size='lg'] .ax-select-dropdown .ax-item-group {
  line-height: calc(3.8rem + 1rem);
  padding: 0 1.4rem;
}
.ax-select[data-size='lg'] .ax-select-dropdown .ax-item {
  line-height: calc(3.8rem + 1rem);
  padding: 0 1.4rem;
}
.ax-select[data-size='lg'] .ax-item.ax-selected:after {
  width: calc(3.8rem + 1rem);
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
}
.ax-select[data-size='lg'] .ax-select-inner > .ax-select-input[type="text"] {
  height: calc(3.8rem + 1rem - 2px - 0.4rem*2);
  line-height: calc(3.8rem + 1rem - 2px - 0.4rem*2);
  margin: 0.4rem;
  padding-left: 0.4rem;
}
.ax-select[data-size='lg'] .ax-select-dropdown > .ax-select-input[type="text"] {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
}
/*scrollselect插件*/
.ax-scrollSelect[data-type='actionbar'] {
  height: 100vh;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
  visibility: hidden;
}
.ax-scrollSelect[data-type='actionbar'] .ax-scrollSelect-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 200ms linear;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
}
.ax-scrollSelect[data-type='actionbar'] .ax-scrollSelect-wrapper {
  width: 100%;
  background-color: #fff;
  opacity: 1;
  transform: translateY(100%);
  transition: all 200ms linear;
  animation-duration: 300ms;
  animation-fill-mode: both;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9;
}
.ax-scrollSelect[data-type='actionbar'].ax-show {
  visibility: visible;
}
.ax-scrollSelect[data-type='actionbar'].ax-show .ax-scrollSelect-overlay {
  opacity: 1;
}
.ax-scrollSelect[data-type='actionbar'].ax-show .ax-scrollSelect-wrapper {
  transform: translateY(0);
}
.ax-scrollSelect[data-type='inline'] {
  min-width: 200px;
  width: 36rem;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
input[axScrollSelect][data-type='inline'] {
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
}
.ax-scrollSelect .ax-inner {
  position: relative;
}
.ax-scrollSelect .ax-inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ax-scrollSelect .ax-scrollSelect-header {
  line-height: 3.8rem;
  height: 3.8rem;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.ax-scrollSelect .ax-scrollSelect-header .ax-cancel,
.ax-scrollSelect .ax-scrollSelect-header .ax-confirm {
  padding: 0 1.6rem;
  position: absolute;
  top: 0;
}
.ax-scrollSelect .ax-scrollSelect-header .ax-cancel {
  left: 0;
  color: #b3b3b3;
}
.ax-scrollSelect .ax-scrollSelect-header .ax-confirm {
  right: 0;
}
.ax-scrollSelect.ax-scrollSelect-header .ax-title {
  max-width: 80%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ax-scrollSelect .ax-scrollSelect-body:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ax-scrollSelect .ax-group {
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  width: 100%;
  zoom: 1;
}
.ax-scrollSelect .ax-group li {
  width: 100%;
  text-align: center;
  line-height: 3.8rem;
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  min-width: 0;
  position: relative;
}
.ax-scrollSelect .ax-wheels {
  width: 100%;
  height: calc(3.8rem*5);
  overflow: hidden;
}
.ax-scrollSelect .ax-wheel {
  width: 50%;
  height: calc(3.8rem*5);
  overflow: hidden;
  transition: all 200ms linear;
  float: left;
  position: relative;
  z-index: 0;
}
.ax-scrollSelect .ax-wheel .ax-item-list {
  display: block;
  text-align: center;
  transition: all 200ms linear;
}
.ax-scrollSelect .ax-wheel .ax-item-list li {
  display: block;
  height: 3.8rem;
  line-height: 3.8rem;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ax-scrollSelect .ax-wheel .ax-item-list li.ax-active {
  color: #198cff;
}
.ax-scrollSelect .ax-line {
  height: 3.8rem;
  width: 100%;
  pointer-events: none;
  box-sizing: border-box;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  position: absolute;
  top: calc(3.8rem*2);
}
.ax-scrollSelect .ax-mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(3.8rem*5);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  opacity: 0.9;
  pointer-events: none;
}
/*plugins dropzone*/
.ax-dropzone-outer {
  border: 0.2rem dashed #ebebeb;
  border-radius: 0.3rem;
  background-color: #fff;
  box-sizing: border-box;
  padding: 1.4rem;
}
.ax-dropzone {
  cursor: pointer;
}
.ax-dropzone .ax-preview {
  position: relative;
}
.ax-dropzone .ax-ready {
  text-align: center;
  padding: 2.2rem 0;
}
.ax-dropzone .ax-ready .ax-icon [class*="font"] {
  color: #b3b3b3;
  font-size: 4.4rem;
  line-height: 6.4rem;
}
.ax-dropzone .ax-ready .ax-text {
  color: #b3b3b3;
}
.ax-dropzone .ax-image {
  width: 100%;
  height: 16rem;
  overflow: hidden;
  border-radius: 0.3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ax-dropzone .ax-image:before {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: rgba(0, 0, 0, 0.12);
  z-index: 2;
}
.ax-dropzone .ax-image img {
  width: 100%;
  border-radius: 0.3rem;
}
.ax-dropzone .ax-item {
  position: relative;
}
.ax-dropzone .ax-operate {
  text-align: right;
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  z-index: 4;
}
.ax-dropzone .ax-operate a {
  color: #fff;
  text-align: center;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  margin-left: 0.8rem;
  transition: all 100ms linear;
}
.ax-dropzone .ax-operate a [class*="font"] {
  font-size: 1.2rem;
}
.ax-dropzone .ax-operate a svg {
  width: 1.2rem;
  height: 2.4rem;
}
.ax-dropzone .ax-operate a:hover {
  transform: scale(1.2);
}
.ax-dropzone .ax-progress {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.3rem;
  transition: all 200ms linear;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-dropzone .ax-percent {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  line-height: 16rem;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 200ms linear;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-dropzone .ax-percent i {
  font-size: 2.2rem;
}
.ax-dropzone .ax-details {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.ax-dropzone .ax-size,
.ax-dropzone .ax-filename {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-dropzone .ax-success-mark {
  color: #198cff;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition-property: all;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-dropzone .ax-success-mark [class*="font"] {
  font-size: 2.8rem;
}
.ax-dropzone .ax-error-mark {
  color: #dc3545;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition-property: all;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-dropzone .ax-error-mark [class*="font"] {
  font-size: 2.8rem;
}
.ax-dropzone .ax-error-message {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  text-overflow: ellipsis;
  width: 100%;
  max-height: calc(2.8rem * 2);
  max-width: 100%;
  line-height: 2.8rem;
  overflow: hidden;
  background-color: #dc3545;
  border-radius: 0 0 0.3rem 0.3rem;
  transition: all 200ms linear;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: absolute;
  left: 0;
  bottom: calc(-2.8rem*2);
}
.ax-dropzone.ax-started .ax-ready .ax-icon {
  display: none;
}
.ax-dropzone.ax-started .ax-ready {
  padding: 0;
}
.ax-dropzone.ax-started .ax-ready .ax-text {
  margin-bottom: 0.8rem;
}
.ax-dropzone .ax-success .ax-success-mark {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: bounceIn;
}
.ax-dropzone .ax-error .ax-error-mark {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: bounceIn;
}
.ax-dropzone .ax-error:hover .ax-error-message {
  bottom: 0;
}
.ax-dropzone .ax-final .ax-percent {
  opacity: 0;
}
/*plugins sweetalert2*/
.ax-dialog .swal2-title {
  margin: 1.4rem 0 0.8rem 0;
}
.ax-dialog.swal2-container {
  padding: 1.4rem;
}
body.swal2-no-backdrop .ax-dialog.swal2-container {
  max-width: calc(100% - 1.4rem * 2);
}
.ax-dialog.swal2-container.swal2-backdrop-show {
  background-color: rgba(0, 0, 0, 0.4);
}
.ax-dialog .swal2-popup {
  font-size: 1.4rem;
  width: 60rem;
  border-radius: 0.3rem;
  padding: 0;
}
.ax-dialog .swal2-popup[class*="swal2-icon-"] .swal2-main {
  padding: calc(1.4rem*3) 1.4rem 1.4rem 1.4rem;
}
.ax-dialog .swal2-popup.swal2-toast .swal2-main {
  padding: 1.4rem;
}
.ax-dialog .swal2-popup[class*="swal2-icon-"] .swal2-operate[data-style="center"] {
  padding-bottom: calc(1.4rem*3);
}
.ax-dialog .swal2-popup[class*="swal2-icon-"] .swal2-operate:not([data-style="line"]):not([data-style="center"]) .swal2-alt:empty + .swal2-actions {
  padding-bottom: calc(1.4rem*3);
  text-align: center;
}
body.swal2-no-backdrop .ax-dialog.swal2-container > .swal2-modal {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  border: 1px solid #ebebeb;
}
body.swal2-no-backdrop .swal2-popup.swal2-toast {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  border: 1px solid #ebebeb;
}
.ax-dialog .swal2-timer-progress-bar-container {
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.ax-dialog .swal2-window {
  text-align: left;
  line-height: 3.8rem;
  background-color: #fff;
  border-radius: 0.3rem 0.3rem 0 0;
  padding-left: 1.4rem;
  box-sizing: border-box;
  position: relative;
}
.ax-dialog .swal2-title {
  font-size: 1.8rem;
  line-height: 3.8rem;
}
.ax-dialog .swal2-close {
  font-family: arial;
  font-size: 2.2rem;
  color: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0.1rem 0 rgba(255, 255, 255, 0.1);
  text-decoration: none;
  line-height: 3.8rem;
  text-align: center;
  width: 3.8rem;
  height: 3.8rem;
}
.ax-dialog .swal2-close:after {
  content: "\00D7";
  width: 3.8rem;
  height: 3.8rem;
}
.ax-dialog .swal2-close:hover,
.ax-dialog .swal2-close:focus {
  color: #dc3545;
  outline: none;
}
.ax-dialog.swal2-container[data-close="out"] {
  padding: 3.8rem;
}
.ax-dialog.swal2-container[data-close="out"] .swal2-close {
  right: calc(-3.8rem);
}
.ax-dialog.swal2-container[data-close="center"] {
  padding: calc(3.8rem*2);
}
.ax-dialog.swal2-container[data-close="center"] .swal2-close {
  margin-right: calc(-3.8rem/2);
  border-radius: 3.8rem;
  background-color: #fff;
  top: auto;
  bottom: calc(-3.8rem*2);
  right: 50%;
}
.ax-dialog.swal2-container.swal2-backdrop-show[data-close="out"] .swal2-close {
  color: #fff;
}
body.swal2-no-backdrop .ax-dialog.swal2-container[data-close="out"] .swal2-close {
  color: rgba(0, 0, 0, 0.3);
}
body.swal2-no-backdrop .swal2-container[data-close="center"] .swal2-close {
  border: 1px solid #ebebeb;
  bottom: calc(-3.8rem*2);
}
.ax-dialog .swal2-image {
  margin: 0;
  padding: 1.4rem;
  box-sizing: border-box;
}
.ax-dialog .swal2-video,
.ax-dialog .swal2-audio {
  padding: 1.4rem;
  box-sizing: border-box;
  max-width: 100%;
  margin-bottom: 0;
}
.ax-dialog .swal2-html-container video,
.ax-dialog .swal2-html-container audio {
  width: 100%;
  padding: 0;
}
.ax-dialog .swal2-content {
  color: #666666;
  font-size: 1.4rem;
  max-height: 60rem;
  overflow-y: auto;
}
.ax-dialog .swal2-actions [class*="swal2-"] {
  margin: 0 calc(0.8rem/2);
}
.ax-dialog .ax-type-tips {
  text-align: center;
  padding: calc(1.4rem*3) 1.4rem;
}
.ax-dialog .ax-type-tips .swal2-operate {
  margin-top: calc(1.4rem*2);
}
.ax-dialog .ax-type-tips .swal2-actions [class*="swal2-"] {
  margin: 0 calc(0.8rem/2);
}
.ax-dialog .swal2-icon {
  width: 9rem;
  height: 9rem;
  margin: 0;
  border: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ax-dialog .swal2-icon.swal2-error.swal2-icon-show {
  animation: none;
}
.ax-dialog .swal2-actions {
  margin: auto;
  text-align: center;
}
.ax-dialog .swal2-operate {
  padding: 1.4rem;
}
.ax-dialog .swal2-operate[data-style="center"] {
  padding: 1.4rem;
}
.ax-dialog .swal2-operate[data-style="right"] {
  padding: 1.4rem;
}
.ax-dialog .swal2-operate[data-style="right"] .swal2-actions {
  text-align: right;
}
.ax-dialog .swal2-operate[data-style="right"] a[class*="swal2-"] {
  margin-left: 1.4rem;
  margin-right: 0;
}
.ax-dialog .swal2-operate[data-style="line"] {
  padding: 0;
}
.ax-dialog .swal2-operate[data-style="line"] .swal2-actions {
  line-height: 4.4rem;
  text-align: center;
  border-radius: 0 0 0.3rem 0.3rem;
  border-top: 1px solid #ebebeb;
  box-sizing: border-box;
  height: 4.4rem;
  width: 100%;
  overflow-y: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  flex-wrap: nowrap;
  zoom: 1;
}
.ax-dialog .swal2-operate[data-style="line"] .swal2-actions [class*="swal2-"] {
  margin: 0;
}
.ax-dialog .swal2-operate[data-style="line"] .swal2-actions [class*="swal2-"]:hover {
  background-color: #fff;
}
.ax-dialog .swal2-operate[data-style="line"] .swal2-actions [class*="swal2-"][style*="none"] + .ax-gutter-line {
  display: none;
}
.ax-dialog .swal2-footer {
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.8rem;
  border-top: 1px solid #ebebeb;
  padding: 1.4rem 1.4rem;
  margin: 0;
}
.ax-dialog .swal2-alt {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-dialog .swal2-alt + .swal2-actions {
  display: block;
  width: auto;
}
.ax-dialog .swal2-alt:empty + .swal2-actions {
  width: 100%;
}
.ax-dialog .swal2-alt:not(:empty) + .swal2-actions a {
  margin: 0 0 0 0.8rem;
}
.ax-dialog .swal2-alt .ax-text {
  font-size: 1.2rem;
  line-height: 1.8rem;
  height: 3.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-dialog .ax-article {
  font-size: 1.4rem;
  color: #333333;
  line-height: 2.8rem;
}
.ax-dialog .swal2-validation-message {
  color: #666666;
  font-size: auto;
  font-weight: normal;
  line-height: 1.8rem;
  padding: 1rem;
}
.ax-dialog .swal2-validation-message::before {
  background-color: #ffc107;
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  margin: 1rem;
}
.ax-dialog .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::before {
  content: '';
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.4rem auto;
  background-image: url(../images/loading-white.svg);
}
.ax-dialog .swal2-popup.swal2-toast .swal2-title {
  font-size: 1.8rem;
  margin: 0 1.4rem;
}
.ax-dialog .swal2-popup.swal2-toast .swal2-operate {
  display: none;
}
.ax-dialog .swal2-timer-progress-bar {
  height: 0.4rem;
}
.ax-fancy-nav a {
  display: inline-block;
  font-weight: normal;
  font-size: 2rem;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
  width: 2.2rem;
  height: 2.2rem;
  line-height: 1.7rem;
  text-align: center;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  transition: all 200ms linear;
}
.ax-fancy-nav a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #198cff;
}
.ax-info-tip .fancybox-content {
  padding: 0;
  width: 80rem;
  border-radius: 0.3rem;
}
.ax-info-tip .fancybox-bg {
  background-color: #000;
}
.ax-info-tip.fancybox-is-open .fancybox-bg {
  opacity: 0.2;
}
div.fancybox-thumbs__list a:before {
  border: 0.4rem solid #198cff;
}
div.fancybox-slide.watermark .fancybox-spaceball {
  background-image: url('../images/crpic.png');
  background-size: cover;
  background-repeat: no-repeat;
}
div.btmthumbs .fancybox-thumbs {
  height: 9.5rem;
  width: auto;
  padding: 1rem 1rem 0.5rem 1rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}
div.btmthumbs.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: 9.5rem;
}
div.btmthumbs .fancybox-caption {
  text-align: center;
}
div.btmthumbs .fancybox-thumbs > ul {
  margin: 0 auto;
}
div.fancybox-thumbs-x .fancybox-thumbs__list {
  margin: auto;
}
/*plugins qtip2*/
div.qtip {
  font-size: 1.4rem;
  line-height: 2.8rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  max-width: 60rem;
  border-radius: 0.3rem;
  position: absolute;
}
div.qtip-default {
  color: #333333;
  border: 1px solid #ebebeb;
  background-color: #fff;
}
div.qtip-modal {
  border: none;
}
div.qtip-titlebar {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 3.8rem;
  padding: 0 1.4rem;
  margin: 0;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
div.qtip-default .qtip-titlebar .qtip-close {
  font-family: arial;
  font-size: 2.2rem;
  color: #ccc;
  line-height: 3.8rem;
  width: 3.8rem;
  text-align: center;
  text-shadow: 0 0.1rem 0 #fff;
  text-decoration: none;
  background: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}
a.qtip-icon .ui-icon {
  font: 2.2rem/3.8rem Arial;
  font-family: arial;
  width: 3.8rem;
  height: 3.8rem;
  line-height: 3.8rem;
  background: transparent;
}
div.qtip-default .qtip-titlebar {
  background: transparent;
}
div.qtip-titlebar .qtip-close {
  margin-top: 0;
  right: 0;
  top: 0;
}
div.qtip-content {
  padding: 0.5rem 1.4rem;
}
div.qtip-pos-tl,
div.qtip-pos-lt {
  border-top-left-radius: 0;
}
div.qtip-pos-tr,
div.qtip-pos-rt {
  border-top-right-radius: 0;
}
div.qtip-pos-bl,
div.qtip-pos-lb {
  border-bottom-left-radius: 0;
}
div.qtip-pos-br,
div.qtip-pos-rb {
  border-bottom-right-radius: 0;
}
div#qtip-overlay div {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.4);
}
.qtip-modal {
  transform: translate(-50%, -50%);
  border-radius: 0.3rem !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
}
.qtip-modal .qtip-tip {
  display: none !important;
}
/*plugins infoBox*/
.ax-infoBox .ax-panel {
  position: relative;
}
.ax-infoBox .ax-panel:before,
.ax-infoBox .ax-tab:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 0.8rem;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -1.6rem;
  left: calc(50% - 0.8rem);
}
.ax-infoBox .ax-tab .ax-grid {
  margin: 0 auto;
}
.ax-infoBox .ax-menu-tab .ax-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.ax-infoBox .ax-close {
  font-family: arial;
  font-size: 2.2rem;
  color: #ccc;
  line-height: 3.8rem;
  width: 3.8rem;
  text-align: center;
  text-shadow: 0 0.1rem 0 #fff;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
/*plugins ztree*/
.ax-tree {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 2.8rem;
}
.ax-tree li {
  white-space: nowrap;
  outline: 0;
}
.ax-tree li ul {
  padding-left: 2.2rem;
}
.ax-tree li .ax-badge,
.ax-tree li .ax-dot {
  vertical-align: middle;
  position: relative;
  top: -0.2rem;
}
.ax-tree li a {
  color: #333333;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
.ax-tree li a:hover {
  color: #333333;
  text-decoration: none;
}
.ax-tree li a.ax-color-primary {
  color: #198cff;
}
.ax-tree li a.ax-color-ignore {
  color: #b3b3b3;
}
.ax-tree li a:not(.curSelectedNode):hover .node_name {
  color: #198cff;
  text-decoration: underline;
  transition: all 200ms linear;
}
.ax-tree li a .node_name {
  padding: 0 0.4rem;
  margin-right: 0.4rem;
  position: relative;
}
.ax-tree li a.curSelectedNode .node_name {
  color: #fff;
  border-radius: 0.3rem;
  background: #198cff;
}
.ax-tree li a.curSelectedNode_Edit .node_name {
  background: transparent;
  padding: 0;
}
.ax-tree li a input[type*='text'] {
  width: 9.2rem;
  height: 2.8rem;
  line-height: 2.8rem;
  padding: 0 0.4rem;
}
.ax-tree li select {
  width: 9.2rem;
  height: 2.8rem;
  line-height: 2.8rem;
  padding: 0 0 0 0.4rem;
}
.ax-tree li span {
  background-color: transparent;
}
.ax-tree li span.button {
  vertical-align: top;
  border-radius: 0.3rem;
  color: #666666;
  width: 2.2rem;
  text-align: center;
  cursor: pointer;
}
.ax-tree li span.button:not([class*='bottom_docu']):not([class*='center_docu']) {
  transition: all 200ms linear;
}
.ax-tree li span.button:before {
  display: inline-block;
  transition: all 200ms linear;
}
.ax-tree li span.button:hover {
  color: #198cff;
}
.ax-tree li span.button.switch {
  width: 2.2rem;
  height: 2.8rem;
  line-height: 2.8rem;
}
.ax-tree li span.button.noline_open,
.ax-tree li span.button.noline_open:hover,
.ax-tree li span.button.roots_open,
.ax-tree li span.button.center_open,
.ax-tree li span.button.bottom_open,
.ax-tree li span.button.roots_open:hover,
.ax-tree li span.button.center_open:hover,
.ax-tree li span.button.bottom_open:hover,
.ax-tree li span.button.checkbox_true_full,
.ax-tree li span.button.checkbox_true_full:hover,
.ax-tree li span.button.checkbox_true_full_focus,
.ax-tree li span.button.radio_true_full,
.ax-tree li span.button.radio_true_full:hover,
.ax-tree li span.button.radio_true_full_focus {
  color: #198cff;
}
.ax-tree li span.button.checkbox_true_part,
.ax-tree li span.button.checkbox_true_part:hover,
.ax-tree li span.button.checkbox_true_part_focus,
.ax-tree li span.button.radio_true_part,
.ax-tree li span.button.radio_true_part:hover,
.ax-tree li span.button.radio_true_part_focus,
.ax-tree li span.button.radio_false_part,
.ax-tree li span.button.radio_false_part:hover {
  color: #198cff;
  opacity: 0.5;
}
.ax-tree li span.button.checkbox_true_disable,
.ax-tree li span.button.checkbox_true_disable:hover,
.ax-tree li span.button.checkbox_false_disable,
.ax-tree li span.button.checkbox_false_disable:hover,
.ax-tree li span.button.radio_true_disable,
.ax-tree li span.button.radio_true_disable:hover,
.ax-tree li span.button.radio_false_disable,
.ax-tree li span.button.radio_false_disable:hover {
  color: #ccc;
}
.ax-tree li .node_name ~ span.button {
  color: #666666;
  font-size: 1.4rem;
  width: 2.2rem;
  text-align: center;
}
.ax-tree li .node_name ~ span.button:hover {
  color: #198cff;
}
.ax-tree li span.button:before {
  font-size: 1.4rem;
  font-family: ax-iconfont;
}
.ax-tree li span.button.chk.checkbox_false_full:before {
  content: "\e705";
}
.ax-tree li span.button.chk.checkbox_false_full_focus:before {
  content: "\e705";
}
.ax-tree li span.button.chk.checkbox_false_part:before {
  content: "\e705";
}
.ax-tree li span.button.chk.checkbox_false_part_focus:before {
  content: "\e705";
}
.ax-tree li span.button.chk.checkbox_false_disable:before {
  content: "\e705";
}
.ax-tree li span.button.chk.checkbox_true_full:before {
  content: "\e704";
}
.ax-tree li span.button.chk.checkbox_true_full_focus:before {
  content: "\e704";
}
.ax-tree li span.button.chk.checkbox_true_part:before {
  content: "\e617";
}
.ax-tree li span.button.chk.checkbox_true_part_focus:before {
  content: "\e617";
}
.ax-tree li span.button.chk.checkbox_true_full_focus:before {
  content: "\e704";
}
.ax-tree li span.button.chk.checkbox_true_part:before {
  content: "\e617";
}
.ax-tree li span.button.chk.checkbox_true_part_focus:before {
  content: "\e617";
}
.ax-tree li span.button.chk.checkbox_true_disable:before {
  content: "\e704";
}
.ax-tree li span.button.chk.radio_false_full:before {
  content: "\e61c";
}
.ax-tree li span.button.chk.radio_false_full_focus:before {
  content: "\e61c";
}
.ax-tree li span.button.chk.radio_false_part:before {
  content: "\e6b2";
}
.ax-tree li span.button.chk.radio_false_part_focus:before {
  content: "\e6b2";
}
.ax-tree li span.button.chk.radio_false_disable:before {
  content: "\e61c";
}
.ax-tree li span.button.chk.radio_true_full:before {
  content: "\e6b3";
}
.ax-tree li span.button.chk.radio_true_full_focus:before {
  content: "\e6b3";
}
.ax-tree li span.button.chk.radio_true_part:before {
  content: "\e6b2";
}
.ax-tree li span.button.chk.radio_true_part_focus:before {
  content: "\e6b2";
}
.ax-tree li span.button.chk.radio_true_disable:before {
  content: "\e6b3";
}
.ax-tree li span.button.root_open:before {
  transform: rotate(90deg);
  content: "\e60f";
}
.ax-tree li span.button.root_close:before {
  content: "\e60f";
}
.ax-tree li span.button.roots_open:before,
.ax-tree li span.button.noline_open:before {
  transform: rotate(90deg);
  content: "\e60f";
}
.ax-tree li span.button.roots_close:before,
.ax-tree li span.button.noline_close:before {
  content: "\e60f";
}
.ax-tree li span.button.center_open:before {
  transform: rotate(90deg);
  content: "\e60f";
}
.ax-tree li span.button.center_close:before {
  content: "\e60f";
}
.ax-tree li span.button.bottom_open:before {
  transform: rotate(90deg);
  content: "\e60f";
}
.ax-tree li span.button.bottom_close:before {
  content: "\e60f";
}
.ax-tree li span.button.root_docu {
  background: none;
}
.ax-tree li span.button.roots_docu:before {
  content: "\f022";
}
.ax-tree li span.button.noline_docu {
  background: none;
}
.ax-tree li span.button.ico_open:before {
  content: "\e778";
}
.ax-tree li span.button.ico_close:before {
  content: "\e64f";
}
.ax-tree li span.button.ico_docu:before {
  content: "\e647";
}
.ax-tree li span.button.edit:before {
  content: "\e682";
}
.ax-tree li span.button.remove:before {
  content: "\e68d";
}
.ax-tree li span.button.add:before {
  content: "\e627";
}
.ax-tree li span.button.ico_loading {
  background-image: url(../images/loading.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.4rem;
}
.ax-tree-menu {
  display: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  min-width: 10rem;
  padding: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.ax-tree-menu a {
  display: block;
  line-height: 2.8rem;
  padding: 0 0.8rem;
  transition: all 100ms linear;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.ax-tree-menu a:last-child {
  border: none;
}
ul.tmpTargetzTree {
  opacity: 0.8;
  color: red;
}
.ax-tree li a.tmpTargetNode_inner .node_name {
  background-color: #f0f7ff;
  border-radius: 0.3rem;
}
.ax-tree li a.tmpTargetNode_inner .node_name:hover {
  text-decoration: none;
}
.ax-tree li a.tmpTargetNode_inner .node_name:after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-color: #d7e7f5;
  border-radius: 0.3rem;
}
span.tmpzTreeMove_arrow {
  color: #198cff;
  width: 2.2rem;
  height: 2.8rem;
  border: 0 none;
  background-color: transparent;
  position: absolute;
  z-index: 4;
}
span.tmpzTreeMove_arrow:before {
  content: "\e60a";
  font-family: ax-iconfont;
}
.ax-tree.zTreeDragUL {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  border: 1px #198cff dotted;
  background-color: #f0f7ff;
  border-radius: 0.3rem;
  opacity: 0.8;
  position: absolute;
  z-index: 4;
}
.ax-tree.zTreeDragUL li a {
  color: #198cff;
}
.ax-tree.zTreeDragUL .button {
  display: none;
}
.ax-treeMask {
  opacity: 0;
  position: absolute;
  z-index: 10000;
}
.ax-tree li ul.line {
  background-image: url(../plugins/ztree/images/tree-line.png);
  background-position: -2.2rem top;
  background-repeat: repeat-y;
}
.ax-tree li span.button.roots_docu {
  background-image: url(../plugins/ztree/images/tree-line.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.ax-tree li span.button.center_docu {
  background-image: url(../plugins/ztree/images/tree-line.png);
  background-position: left -2.8rem;
  background-repeat: no-repeat;
}
.ax-tree li span.button.bottom_docu {
  background-image: url(../plugins/ztree/images/tree-line.png);
  background-position: left bottom;
  background-repeat: no-repeat;
}
.ax-tree li span.button.noline_docu {
  background: none;
}
.ax-tree.ax-tree-collapse .indent {
  height: 2.8rem;
  float: left;
}
.ax-tree.ax-tree-collapse li ul {
  padding: 0;
}
.ax-tree.ax-tree-collapse li {
  padding: 0;
}
.ax-tree.ax-tree-collapse li a {
  display: block;
}
.ax-tree.ax-tree-collapse li a:hover {
  background-color: #f0f0f0;
}
.ax-tree.ax-tree-collapse li a.curSelectedNode {
  background-color: #198cff;
}
.ax-tree.ax-tree-collapse li a.curSelectedNode .node_name {
  background: transparent;
}
.ax-tree.ax-tree-collapse li a .node_name {
  padding: 0;
}
.ax-tree.ax-tree-collapse li a.curSelectedNode span.button {
  color: #fff;
}
.ax-tree.ax-tree-table {
  border-top: 1px solid #ebebeb;
  line-height: 3.8rem;
}
.ax-tree.ax-tree-table .tree-head {
  font-weight: bold;
}
.ax-tree.ax-tree-table li ul {
  padding-left: 0;
}
.ax-tree.ax-tree-table li a {
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  width: 100%;
  zoom: 1;
}
.ax-tree.ax-tree-table li:not(.tree-head) a:hover {
  background-color: #f0f0f0;
}
.ax-tree.ax-tree-table li:not(.tree-head) a.curSelectedNode {
  background-color: #f0f7ff;
}
.ax-tree.ax-tree-table li a.curSelectedNode .node_name {
  background: transparent;
  color: #198cff;
}
.ax-tree.ax-tree-table li a .node_name {
  padding: 0;
}
.ax-tree.ax-tree-table .tree-switch {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-tree.ax-tree-table .tree-head .tree-switch {
  padding-left: 2.2rem;
}
.ax-tree.ax-tree-table .tree-td {
  width: 16rem;
  text-align: center;
  position: relative;
}
.ax-tree.ax-tree-table .tree-opt {
  position: relative;
  width: 12rem;
  text-align: center;
}
.ax-tree.ax-tree-grid {
  border-left: 1px solid #ebebeb;
}
.ax-tree.ax-tree-grid .tree-switch:after,
.ax-tree.ax-tree-grid .tree-td:after,
.ax-tree.ax-tree-grid .tree-opt:after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-tree.ax-reverse li a {
  color: #fff;
}
.ax-tree.ax-reverse li a:hover {
  color: #fff;
}
.ax-tree.ax-reverse li span.button:not([class*='_open']) {
  color: rgba(255, 255, 255, 0.5);
}
.ax-tree.ax-reverse li span.button:hover {
  color: #fff;
}
.ax-tree.ax-reverse li .node_name ~ span.button {
  color: rgba(255, 255, 255, 0.5);
}
.ax-tree.ax-reverse li .node_name ~ span.button:hover {
  color: #198cff;
}
.ax-tree.ax-reverse li a input.rename {
  color: #fff;
  border: none;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
}
.ax-tree.ax-reverse li a input.rename:focus {
  color: #fff;
}
.ax-tree.ax-reverse li a.tmpTargetNode_inner .node_name {
  background: transparent;
}
.ax-tree.ax-reverse li a.tmpTargetNode_inner .node_name:after {
  border-color: #198cff;
}
.ax-tree.ax-reverse.zTreeDragUL {
  border-color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}
.ax-tree.ax-reverse.zTreeDragUL li a {
  color: #fff;
}
/*plugins cytoscape */
.cy-container {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.cy-tips {
  max-width: 20rem;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
}
.cy-operate {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  padding: 0 1.4rem;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  box-sizing: border-box;
  zoom: 1;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
}
.cy-operate .logo {
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.cy-operate img {
  height: 3.8rem;
  display: block;
}
.cy-operate .btn {
  justify-content: flex-end;
  align-items: center;
}
.cy-operate .btn .select {
  width: 12rem;
  margin-top: 0.5rem;
}
.cy-operate .btn select {
  width: 12rem;
  padding: 0 0 0 0.4rem;
  height: 2.8rem;
  line-height: 2.8rem;
  appearance: normal;
  -moz-appearance: normal;
  -webkit-appearance: normal;
}
.cy-edit {
  width: calc(24rem + 1.4rem);
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 3.8rem;
  left: auto;
  right: 0rem;
  z-index: 3;
}
.cy-edit textarea {
  height: 8.4rem;
}
.cy-edit .isnode,
.cy-edit .isedge {
  padding: 1.4rem;
  display: none;
}
.cy-savedData,
.cy-savedStyle,
.cy-savedImage {
  display: none;
}
.node.branch {
  width: 0.8rem;
  height: 0.8rem;
}
/*right menu*/
.cy-context-menus-cxt-menu {
  display: none;
  border: 1px solid #ebebeb;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
  width: 12rem;
  background-color: #fff;
  border-radius: 0.3rem;
  position: absolute;
  z-index: 1000;
}
.cy-context-menus-cxt-menuitem {
  display: block;
  font-weight: normal;
  font-size: 1.4rem;
  white-space: nowrap;
  width: 100%;
  line-height: 2.8rem;
  text-align: left;
  padding: 0 0.8rem;
  margin: 0;
  background: transparent;
  border: 0;
  position: relative;
  z-index: 1000;
}
.cy-context-menus-cxt-menuitem:enabled {
  color: #333333;
}
.cy-context-menus-ctx-operation:focus {
  outline: none;
}
.cy-context-menus-cxt-menuitem:hover {
  color: #198cff;
  text-decoration: none;
  background-color: #f0f0f0;
  background-image: none;
  cursor: pointer;
}
.cy-context-menus-cxt-menuitem[content]:before {
  content: attr(content);
}
.cy-context-menus-divider {
  border-bottom: 1px solid #ebebeb;
}
/*scale window*/
.cytoscape-navigator {
  background-color: rgba(255, 255, 255, 0.9);
  border-left: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  width: 24rem;
  height: 24rem;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99999;
}
.cytoscape-navigator > img {
  max-width: 100%;
  max-height: 100%;
}
.cytoscape-navigator > canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
}
.cytoscape-navigatorView {
  cursor: move;
  background: #198cff;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 102;
}
.cytoscape-navigatorOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
/*zoom*/
.cy-panzoom {
  color: #b3b3b3;
  text-align: center;
  height: 22rem;
  box-sizing: content-box;
  position: absolute;
  left: 1.4rem;
  bottom: 1.4rem;
  z-index: 3;
}
.cy-panzoom-zoom-button {
  color: #b3b3b3;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  border-radius: 0.3rem;
  background-color: #fff;
  border: 1px solid #ebebeb;
  margin-left: -0.1rem;
  margin-top: -0.1rem;
  box-sizing: content-box;
  transition: all 200ms linear;
  cursor: pointer;
  position: absolute;
  left: 1.6rem;
  z-index: 1;
}
.cy-panzoom-zoom-button:active,
.cy-panzoom-slider-handle:active,
.cy-panzoom-slider-handle.active {
  background-color: #ebebeb;
  box-sizing: content-box;
}
.cy-panzoom-pan-button {
  position: absolute;
  z-index: 1;
  box-sizing: content-box;
}
.cy-panzoom-reset {
  top: 5.5rem;
  box-sizing: content-box;
}
.cy-panzoom-zoom-in {
  top: 8rem;
  box-sizing: content-box;
}
.cy-panzoom-zoom-out {
  top: 19.7rem;
  box-sizing: content-box;
}
.cy-panzoom-pan-up {
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #b3b3b3;
  margin-left: -0.5rem;
  box-sizing: content-box;
  top: 0.2rem;
  left: 50%;
}
.cy-panzoom-pan-down {
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid #b3b3b3;
  margin-left: -0.5rem;
  box-sizing: content-box;
  bottom: 0.2rem;
  left: 50%;
}
.cy-panzoom-pan-left {
  width: 0;
  height: 0;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-right: 0.5rem solid #b3b3b3;
  margin-top: -0.5rem;
  box-sizing: content-box;
  top: 50%;
  left: 0.2rem;
}
.cy-panzoom-pan-right {
  width: 0;
  height: 0;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid #b3b3b3;
  margin-top: -0.5rem;
  box-sizing: content-box;
  top: 50%;
  right: 0.2rem;
}
.cy-panzoom-pan-indicator {
  display: none;
  width: 0.8rem;
  height: 0.8rem;
  background: #666666;
  border-radius: 0.8rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  opacity: 0.6;
  box-sizing: content-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
}
.cy-panzoom-slider {
  height: 10rem;
  width: 1.5rem;
  box-sizing: content-box;
  position: absolute;
  top: 9.7rem;
  left: 1.7rem;
}
.cy-panzoom-slider-background {
  width: 0.4rem;
  height: 10rem;
  background: #fff;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  box-sizing: content-box;
  position: absolute;
  left: 0.5rem;
  top: 0;
}
.cy-panzoom-slider-handle {
  font-size: 1rem;
  width: 1.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  margin-left: -0.2rem;
  box-sizing: content-box;
  cursor: default;
  transition: all 200ms linear;
  position: absolute;
  z-index: 999;
}
.cy-panzoom-slider-handle .icon {
  box-sizing: content-box;
}
.cy-panzoom-no-zoom-tick {
  background: #ccc;
  border: 1px solid #fff;
  border-radius: 0.2rem;
  margin-left: -0.1rem;
  width: 1rem;
  height: 0.2rem;
  margin-top: 0.3rem;
  box-sizing: content-box;
  position: absolute;
  left: 0.3rem;
  z-index: 1;
}
.cy-panzoom-panner {
  background: #fff;
  border: 1px solid #ebebeb;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  border-radius: 4rem;
  margin-left: -0.1rem;
  height: 4rem;
  width: 4rem;
  box-sizing: content-box;
  transition: all 200ms linear;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
}
.cy-panzoom-panner-handle {
  height: 4rem;
  width: 4rem;
  outline: none;
  box-sizing: content-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
}
.cy-panzoom-zoom-only .cy-panzoom-slider,
.cy-panzoom-zoom-only .cy-panzoom-panner {
  display: none;
}
.cy-panzoom-zoom-only .cy-panzoom-reset {
  top: 2rem;
}
.cy-panzoom-zoom-only .cy-panzoom-zoom-in {
  top: 4.5rem;
}
.cy-panzoom-zoom-only .cy-panzoom-zoom-out {
  top: 7rem;
}
.cy-panzoom:hover .cy-panzoom-zoom-button,
.cy-panzoom:hover .cy-panzoom-panner {
  border-color: #b3b3b3;
}
/*plugins datepicker*/
.ax-date {
  height: auto;
  position: relative;
  border-radius: 0.3rem;
  display: inline-block;
  box-shadow: 1px 0 0 #ebebeb, -1px 0 0 #ebebeb, 0 1px 0 #ebebeb, 0 -1px 0 #ebebeb, 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.ax-date .ax-date-wrapper {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  width: 100%;
  box-sizing: border-box;
}
.ax-date .ax-date-menu,
.ax-date .ax-date-main {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-date .ax-date-menu {
  line-height: 3.8rem;
  border-right: 1px solid #ebebeb;
  width: 9rem;
  padding: 0.8rem;
}
.ax-date .ax-date-menu a {
  display: block;
}
.ax-date .ax-date-menu a:hover {
  color: #198cff;
}
.ax-date .ax-date-menu a.ax-selected {
  color: #198cff;
}
.ax-date .ax-date-footer {
  border-top: 1px solid #ebebeb;
}
.ax-date .ax-date-footer .ax-footer-left a {
  padding: 0;
  margin-right: 2rem;
}
.ax-date .ax-date-footer .ax-footer-right {
  text-align: right;
}
.ax-date .ax-date-footer {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}
.ax-date .ax-date-footer:not([line]) {
  padding: 0.8rem;
  justify-content: space-between;
}
.ax-date .ax-date-footer[line] a {
  border-radius: 0;
  width: calc((100%/24)*12);
  padding: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-date .ax-date-footer[line] a:focus {
  box-shadow: none;
}
.ax-date .ax-date-footer[line] a:not(:last-child) {
  border-right: 1px solid #ebebeb !important;
}
.ax-date .ax-date-header {
  line-height: 3.8rem;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.ax-date .ax-date-header .ax-iconfont {
  width: 3.8rem;
  text-align: center;
  position: absolute;
  top: 0;
}
.ax-date .ax-date-header .ax-yprev {
  left: 0.8rem;
}
.ax-date .ax-date-header .ax-ynext {
  right: 0.8rem;
}
.ax-date .ax-date-header .ax-mprev {
  text-align: left;
  left: calc(3.8rem + 0.8rem);
}
.ax-date .ax-date-header .ax-mnext {
  text-align: right;
  right: calc(3.8rem + 0.8rem);
}
.ax-date .ax-date-header .ax-ym {
  margin: 0 0.4rem;
}
.ax-date .ax-date-body {
  min-width: calc(36rem - 2px);
  min-height: 28.1rem;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0.8rem 0.8rem 0.8rem;
}
.ax-date .ax-date-body table {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  border-collapse: collapse;
}
.ax-date .ax-date-body table thead i {
  font-size: 1.2rem;
  font-weight: normal;
  display: block;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
.ax-date .ax-date-body table tbody span {
  width: calc(3.8rem - 0.4rem);
  height: calc(3.8rem - 0.4rem);
  line-height: calc(3.8rem - 0.4rem);
  border-radius: calc(3.8rem - 0.4rem);
  margin: 0.2rem;
}
.ax-date .ax-date-body table tbody td:not(.ax-disabled) span {
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-date .ax-date-body table tbody td:not(.ax-disabled):not(.ax-selected):hover span {
  background-color: #f0f0f0;
}
.ax-date .ax-date-body table tbody .ax-other span {
  color: #b3b3b3;
}
.ax-date .ax-date-body table tbody .ax-disabled span {
  color: #f0f0f0;
}
.ax-date .ax-date-body table tbody .ax-selected span {
  color: #fff;
  background-color: #198cff;
}
.ax-date .ax-date-body table tbody .ax-start span {
  width: 100%!important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0!important;
  margin-right: 0!important;
}
.ax-date .ax-date-body table tbody .ax-end span {
  width: 100%!important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0!important;
  margin-right: 0!important;
}
.ax-date .ax-date-body table tbody .ax-contain span {
  width: 100%!important;
  border-radius: 0;
  margin-left: 0!important;
  margin-right: 0!important;
  background-color: #f0f0f0;
}
.ax-date .ax-date-body table.ax-ytable tbody .ax-start span,
.ax-date .ax-date-body table.ax-ytable tbody .ax-end span,
.ax-date .ax-date-body table.ax-ytable tbody .ax-contain span,
.ax-date .ax-date-body table.ax-mtable tbody .ax-start span,
.ax-date .ax-date-body table.ax-ymtable tbody .ax-end span,
.ax-date .ax-date-body table.ax-mtable tbody .ax-contain span {
  width: calc((36rem - 2px - 0.8rem - 0.8rem)/3) !important;
}
.ax-date .ax-date-body table tbody .ax-with-lunar {
  width: calc(1.2rem*4);
  height: calc(1.2rem*4);
  line-height: 2.2rem;
  padding: calc((1.2rem*4 - 2.2rem*2)/2) 0;
  box-sizing: border-box;
  border-radius: 0.3rem;
  margin: 0.2rem 0;
}
.ax-date .ax-date-body table tbody .ax-lunar {
  font-size: 1.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-date .ax-date-body table tbody td:not(.ax-disabled) .ax-with-lunar {
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-date .ax-date-body table tbody td:not(.ax-disabled):not(.ax-selected):hover .ax-with-lunar {
  background-color: #f0f0f0;
}
.ax-date .ax-date-body table tbody .ax-other .ax-with-lunar {
  color: #b3b3b3;
}
.ax-date .ax-date-body table tbody .ax-disabled .ax-with-lunar {
  color: #b3b3b3;
}
.ax-date .ax-date-body table tbody .ax-selected .ax-with-lunar {
  color: #fff;
  background-color: #198cff;
}
.ax-date .ax-date-body table tbody .ax-start .ax-with-lunar {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-date .ax-date-body table tbody .ax-end .ax-with-lunar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-date .ax-date-body table tbody .ax-contain .ax-with-lunar {
  border-radius: 0;
  background-color: #f0f0f0;
}
.ax-date .ax-date-body table.ax-ytable tbody td,
.ax-date .ax-date-body table.ax-mtable tbody td {
  height: calc(27.3rem/4);
}
.ax-date .ax-date-body table.ax-ytable tbody span,
.ax-date .ax-date-body table.ax-mtable tbody span {
  width: calc(26.6rem / 3);
  margin: 0 calc(((36rem - 2px - 0.8rem - 0.8rem)/3 - 26.6rem/3)/2);
}
.ax-date.ax-with-calendar .ax-date-body table.ax-ytable tbody td,
.ax-date.ax-with-calendar .ax-date-body table.ax-mtable tbody td {
  height: calc(35.7rem/4);
}
.ax-date.ax-with-calendar .ax-date-body table.ax-ytable tbody span,
.ax-date.ax-with-calendar .ax-date-body table.ax-mtable tbody span {
  width: calc(33.6rem / 3);
  margin: 0;
}
.ax-date .ax-date-ymd {
  display: flex;
}
.ax-date .ax-date-ymd .ax-date-panel:last-child {
  border-left: 1px solid #ebebeb;
}
.ax-date .ax-date-ymd .ax-date-panel:first-child {
  border: 0;
}
.ax-date .ax-date-time {
  text-align: center;
  display: flex;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 150;
}
.ax-date .ax-date-time .ax-date-panel:last-child {
  border-left: 1px solid #ebebeb;
}
.ax-date .ax-date-time .ax-date-panel:first-child {
  border: 0;
}
.ax-date .ax-time-title {
  display: flex;
  font-size: 1.2rem;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
.ax-date .ax-time-list {
  display: flex;
}
.ax-date .ax-date-time .ax-time-item {
  width: calc((100%/24)*12);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-date .ax-date-time .ax-time-item ul {
  height: calc(3.8rem*6);
  overflow-y: auto;
  overflow-x: hidden;
}
.ax-date .ax-date-time .ax-time-item ul li {
  padding-left: 4px;
}
.ax-date .ax-date-time .ax-time-item ul li span {
  width: 2.8rem;
  border-radius: 2.8rem;
  cursor: pointer;
}
.ax-date .ax-date-time .ax-time-item ul::-webkit-scrollbar {
  width: 4px;
}
.ax-date .ax-date-time .ax-time-item ul::-webkit-scrollbar-track {
  display: none;
}
.ax-date .ax-date-time .ax-time-item ul::-webkit-scrollbar-thumb {
  display: none;
}
.ax-date .ax-date-time .ax-time-item:hover ul::-webkit-scrollbar-track {
  display: block;
}
.ax-date .ax-date-time .ax-time-item:hover ul::-webkit-scrollbar-thumb {
  display: block;
}
.ax-date .ax-date-time .ax-time-item ul li.ax-selected span {
  color: #fff;
  background-color: #198cff;
}
.ax-date .ax-date-time .ax-time-item ul li.ax-disabled span {
  color: #b3b3b3;
}
.ax-popup .ax-date,
.ax-dialog .ax-date {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.ax-dialog .ax-date {
  display: block;
}
.ax-date[data-mode='inline'] {
  margin-top: 1rem;
}
.ax-date .ax-footer-right a:last-child {
  margin-left: 1.4rem;
}
/*plugins end*/