@charset "utf-8";
body,
html {width: 100%;height: 100%;padding: 0;margin: 0;background-color: #fff; font: 16px/1.6  'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif";}
:focus {outline: 0;}
* {margin: 0;padding: 0;-webkit-tap-highlight-color: transparent;}
fieldset {border: 1px dotted #ccc;border-radius: 3px;}
sup,
sub {font-size: 6px;}
pre {color: #666666;font-size: 12px;font-family: 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif";line-height: 18px;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: 18px;}
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: outside;margin: 0;padding: 0;}
font,
input,
textarea,
select,
label{display: inline-block;vertical-align: top;}
a span,
label {cursor: pointer;}
input,
textarea,
select,
button {font-size: 18px;outline: none;resize: none;-webkit-appearance: none;transition: all 0.1s linear;vertical-align: top;font-family: SourceSansPro Light, "Arial", "Helvetica Neue", "sans-serif", "simsun";}
select {font-size: 18px;outline: none;resize: none;transition: all 0.1s linear;}
input[type=checkbox] {-webkit-appearance: checkbox;}
input[type=radio] {-webkit-appearance: radio;}
input[type=search]::-webkit-search-cancel-button {-webkit-appearance: none;}
img {border: 0;vertical-align: middle;}
svg {vertical-align: middle;}
a {color: #333333;text-decoration: none;transition: color 0.1s linear, background-color 0.1s linear, box-shadow 0.1s linear;}
a:hover {color: #198cff;text-decoration: none;}
a:active {color: #0059b2;text-decoration: none;}
#pc-banner .swiper-slide a{display: block;}
.mobile-show{display: none!important;}
p{line-height: 2;}
.cf {overflow: hidden;}
.cf:before, .cf:after {display: table;content: " ";}
a:hover {color: #ec6c00;}
.ax-table p {margin: 0 !important;}
.ax-table td {padding: 10px 5px;}
p {padding: 0;}
* {box-sizing: border-box;}
.menu {display: flex;border-bottom: 1px solid #eaeaea;justify-content: space-between;align-items: center;line-height: 2rem;}
.menu .menu-name {border-bottom: .1rem solid #038ee1;margin-bottom: -1px;font-size: 20px;font-weight: bold;}
.swiper-slide img {width: 100%;}
.ax-card-block .ax-img {height: 150px;}
.picture {overflow: hidden;}
.picture img {overflow-x: hidden;overflow-y: hidden;position: relative;z-index: 1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;/* Firefox 4 */-moz-transition-delay: 0s;-moz-transition-duration: 1s;-moz-transition-property: all;-moz-transition-timing-function: ease;/* Safari and Chrome */-webkit-transition-delay: 0s;-webkit-transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-timing-function: ease;/* Opera */-o-transition-delay: 0s;-o-transition-duration: 1s;-o-transition-property: all;-o-transition-timing-function: ease;}.picture:hover img {transform: scale(1.05, 1.05);-ms-transform: scale(1.05, 1.05); /* IE 9 */-moz-transform: scale(1.05, 1.05); /* Firefox */-webkit-transform: scale(1.05, 1.05); /* Safari and Chrome */-o-transform: scale(1.05, 1.05); /* Opera */}.width {width: 100%;padding: 0 80px;margin: 0 auto;}.ps-content {position: relative;width: 100%;
overflow: hidden;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.re {position: relative;}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.pr{ position:relative}.pa{ position:absolute}
.lf{float:left}
.lr{float:right}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.self-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.self-ellipsis-2 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.self-ellipsis-3 {display: -webkit-box !important;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-189{padding-bottom: 18.9%;}
.rect-19{padding-bottom: 19%;}
.rect-39{padding-bottom: 39%;}
.rect-396{padding-bottom: 39.6%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-76{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-76{padding-bottom: 76%;}
.rect-80{padding-bottom: 80%;}
.rect-85{padding-bottom: 85%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
@font-face {font-family: 'Oswald ExtraLight';src: url('../fonts/Oswald-ExtraLight.ttf');font-weight: normal;font-style: normal;}
.ax-font-lighter {font-family: 'Oswald ExtraLight';}
@font-face {font-family: 'Oswald Light';src: url('../fonts/Oswald-Light.ttf');font-weight: normal;font-style: normal;}
.ax-font-light {font-family: 'Oswald Light';}
@font-face {font-family: 'Oswald Regular';src: url('../fonts/Oswald-Regular.ttf');font-weight: normal;font-style: normal;}
.ax-font-regular {font-family: 'Oswald Regular';}
@font-face {font-family: 'Oswald SemiBold';src: url('../fonts/Oswald-SemiBold.ttf');font-weight: normal;font-style: normal;}
.ax-font-bold {font-family: 'Oswald SemiBold';}
@font-face {font-family: 'Oswald Bold';src: url('../fonts/Oswald-Bold.ttf');font-weight: normal;font-style: normal;}
.ax-font-bolder {font-family: 'Oswald Bold';}
@font-face {font-family: 'SourceSansPro Light';src: url('../fonts/SourceSansPro-Light.ttf');font-weight: normal;font-style: normal;}
.SourceSansPro-Light {font-family: 'SourceSansPro Light';}
@font-face {font-family: 'SourceSansPro ExtraLight';src: url('../fonts/SourceSansPro-ExtraLight.ttf');font-weight: normal;font-style: normal;}
.SourceSansPro-ExtraLight {font-family: 'SourceSansPro ExtraLight';}
@font-face {font-family: 'SourceSansPro Regular';src: url('../fonts/SourceSansPro-Regular.ttf');font-weight: normal;font-style: normal;}
.SourceSansPro-Regular {font-family: 'SourceSansPro Regular';}
@font-face {font-family: 'Montserrat Medium';src: url('../fonts/Montserrat-Medium.ttf');font-weight: normal;font-style: normal;}
.Montserrat-Medium {font-family: 'Montserrat Medium';}
.pages{color: #777777; text-align: center; margin-top: 30px; clear:both; }
.pages a {margin-left:5px;padding:10px 15px;background:#ededed;border: 1px solid #ededed; }
.pages span{color:#fff; background: #ec6c00;border: 1px solid #ec6c00; padding:10px 15px;}
.pages a:hover {color:#fff; background: #ec6c00;border: 1px solid #ec6c00; }
.pages .a1{ background-image:url(../images/pages_l.png);padding:10px 15px;}
.pages .a1,.pages .a2{color: #333;padding:10px 15px;}
.pages .a2{ background-image:url(../images/pages_r.png);padding:10px 15px;}
.pages .a1:hover,.pages .a2:hover{ border: 1px solid #ec6c00; }
.pages .a1:hover{ background:#ec6c00; background-image:url(../images/pages_l_h.png);}
.pages .a2:hover{ background:#ec6c00; background-image:url(../images/pages_r_h.png);}
@media (max-width:426px) {
.pages a:hover,.pages span{padding: 4px 8px;}
}

.mob{ display: none;}
.more { width: 190px; line-height:45px; text-align: left; padding: 0 30px; border: 1px solid #e5e5e5;}
.more a{ color: #fff; position: relative; font-size:20px;}
.more a::after{ position: absolute; right: -50px; top: 5px; content: ""; width: 20px; height: 16px; color: #fff;background: url(../images/look_bg2.png) center no-repeat; }
.more:hover{ background-color: #ec6c00; border: 1px solid #ec6c00;  color: #fff;}
.more:hover a::after{color: #fff;background: url(../images/look_bg2.png) 75px right no-repeat;}
@media (max-width: 768px){
.more { line-height: 40px;}
}
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);}
input,
textarea {outline: none;border: none;}
input {border: none;appearance: none;-moz-appearance: none;outline: none;-webkit-appearance: none;}
:-moz-placeholder,
::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder {color: inherit;opacity: 0.55;font-size: 14px;}
textarea {resize: none;overflow: auto;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset;}

.main-title {text-align: center; margin-bottom: 30px;}
.main-title h1{ text-transform: uppercase;font: 48px/1.5 'SourceSansPro Light','SourceSansPro Regular','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif";}
.main-title strong{ font-weight: bolder;font-family: 'SourceSansPro Regular';}
.footer {width: 100%;background: #333333;text-align: center;padding: 100px 0 80px;}
.footer-wrap { color: #fff;}
.network-entrance-title { font: 48px/1.3 'SourceSansPro Light','SourceSansPro Regular','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; font-weight: normal; text-transform: uppercase; margin-top: 0px; margin-bottom: 3rem;}
.network-entrance-title strong{font-family: 'SourceSansPro Regular';}
.network-entrance .section-title { font-size:42px;margin-bottom: 13px}
.network-entrance p {color: #fff;margin-bottom: 52px;text-align: center;}
.network-entrance label {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0); }
.network-entrance .form-control {width: 100%;height: 70px;padding: 6px 12px; border-radius: 3px; font-size: 18px; background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 5px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.network-entrance button {background-color: #ec6c00;padding: 10px 45px;line-height: 1;height: 70px;font-size: 18px;border: 1px #ec6c00 solid; border-radius: 5px;}
.network-entrance .btn-light {text-align: center;}
.network-entrance form .form-group {float: left;margin-right: 10px;width:29%;}
.btn-outline, .btn-outline-white, .button, .form-group .btn-light .btn {font-size: 18px; }
.network-entrance form .btn-light {float: left;font-size: 18px;}
.footer-links {display: flex;margin-top:4rem;text-align: left;justify-content: space-between;}
.footer-links li a ,.footer-links li{ font:18px/2 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; color: #818181; }
.footer-links a:hover {color: #fff;}
.footer-links h3,.footer-links h3 a { color: #fff; font: 22px/2 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; }
.footer-social-icons {display: flex;margin-bottom: 8rem;margin-top: 2rem;}
.footer-social-icon {width: 3.2rem;margin-right: 1.2rem;}
.footer-social-icon img {width: 3.2rem;height: 3.2rem; border: 1px solid #535353;}
.footer-social-icon:hover { background: #535353;}
.footer-social-icon:last-child {margin-right: 0;}
a.footer-request-btn {display: block;width: 18rem;line-height: 4rem;border: 1px solid #9fa3a6;border-radius: 4px;color: #818181;text-align: center;font-weight: bold;}
a.footer-request-btn:hover {border: 1px solid #fff;}
.footer-bottom {border-top: 1px solid #707070;margin-top: 4rem;height: 60px;display: flex;align-items: center;justify-content: space-between;}
.footer-logo {width: 120px;height: 32px;}
.footer-bottom-left {display: flex;align-items: center;justify-content: flex-start;}
.footer-bottom-left {color: #818181;}
.footer-bottom-link { color: #818181;font: 18px/1.7 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; }
a.footer-bottom-link {cursor: pointer;}
a.footer-bottom-link:hover {color: #fff;}
.footer-mobile-wrap {box-sizing: border-box; color: #fff;}
.footer-mobile-wrap a {color: #fff;}
.footer-mobile-link {font-size: 18px; border-bottom: 1px solid #707070; display: flex;justify-content: space-between;align-items: center; position: relative;}
.footer-mobile-link::after{position: absolute;right: 0px;top: 40%; content: ""; width: 11px; height: 15px; background: url(../images/foot_attows.png) center no-repeat;} 
.footer-mobile-link span{line-height: 50px;}
a.mobile-network-entrance-button,
.footer-mobile-request-btn { height: 10vw;max-width: 600px;max-height: 64px;background: #fff;color: #212429;margin: 0 auto;display: flex;align-items: center;justify-content: center;font-size: 18px;border-radius: 4px;margin-top: 40px;margin-bottom: 40px;}
.footer-mobile-request-btn {background: none;border: 1px solid #6c6f73;}
@media screen and (max-width: 1580px) {
.network-entrance form .form-group { width:28%;}
.network-entrance .form-control { height: 60px; }
.network-entrance button { height: 60px; }
}
@media screen and (max-width: 1024px) {
.mobile-network-entrance-title {font-size: 28px;}
.slide-footer {padding-top: 30px; }
.footer-mobile-request-btn { height: 10vw;max-width: 100%;max-height: 64px;background: #fff;color: #212429;margin: 0 auto; display: flex;  align-items: center; justify-content: center;  font-size: 18px;  border-radius: 4px;  margin-top: 40px;  margin-bottom: 40px;}
.footer-mobile-request-btn {background: none; border: 1px solid #6c6f73;}
.footer-social-icons {margin-top: 7vw;margin-bottom: 6vw;align-items: center;justify-content: center;}
.footer-social-icon {margin: 0 10px;}
.footer-social-icon,.footer-social-icon img {max-width: 42px; max-height: 42px; width: 6vw; height: 6vw; min-width: 28px; min-height: 28px;}
.footer-mobile-bottom-links {display: flex;align-items: center; justify-content: center;}
a.footer-mobile-bottom-link {margin: 0 10px;color: #b4b4b7;}
.footer-mobile-bottom-copyright {color: #b4b4b7;}
.footer-mobile-bottom-links,.footer-social-icons a,.footer-mobile-bottom-copyright {  font-size: 16px; line-height: 2;}
a.footer-mobile-request-btn {color: #b4b4b7;}
}
@media screen and (max-width: 768px) {
.mobile-network-entrance-title {font-size: 24px;}
.footer-mobile-request-btn {font-size: 16px;}
.footer-mobile-request-btn {margin-top: 7.6vw;}
}
@media screen and (max-width: 560px) {
.footer-mobile-request-btn { margin-top: 8.4vw; margin-bottom: 5.4vw;}
.normal .footer { padding: 10vw 0 24vw;}
.footer-mobile-link { font-size: 16px; line-height: 48px;}
}
@media screen and (max-width: 414px) {
.mobile-link-content * {  font-size: 16px;}
.mobile-network-entrance-title {font-size: 18px;}
}
@media screen and (max-width: 375px) {
.mobile-network-entrance-title {font-size: 16px;}
 }
@media screen and (max-width: 320px) {
.footer-mobile-link {line-height: 40px;}
}

@media only screen and (max-width: 1200px) {
.footer { padding: 20px 0 20px;}
.footer-social-icons { margin-bottom: 2rem;margin-top: 2rem;}
}
@media only screen and (max-width: 768px) {
.footer-social-icons {display: block;}
}

.ax-cancel,
a.ax-cancel,
.ax-cancel a,
.ax-cancel:hover,
a.ax-cancel:hover,
.ax-cancel a:hover {
  color: #b3b3b3;
  text-decoration: line-through;
  margin: 0 4px;
  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: #ec6c00;
  text-decoration: none;
}
a.ax-color-ad:hover,
.ax-color-ad a:hover {
  color: #ec6c00;
  text-decoration: underline;
}
a[class*='ax-btn']:hover {
  text-decoration: none;
}
.ax-iconfont {
  font-size: 14px;
  position: relative;
}
.ax-iconfont:before {
  position: relative;
  top: 1px;
}
.ax-svg {
  width: 14px;
  height: 14px;
}
@font-face {
  font-family: 'Oswald ExtraLight';
  src: url('../fonts/Oswald-ExtraLight.ttf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-lighter {
  font-family: 'Oswald ExtraLight';
}
@font-face {
  font-family: 'Oswald Light';
  src: url('../fonts/Oswald-Light.ttf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-light {
  font-family: 'Oswald Light';
}
@font-face {
  font-family: 'Oswald Regular';
  src: url('../fonts/Oswald-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-regular {
  font-family: 'Oswald Regular';
}
@font-face {
  font-family: 'Oswald SemiBold';
  src: url('../fonts/Oswald-SemiBold.ttf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-bold {
  font-family: 'Oswald SemiBold';
}
@font-face {
  font-family: 'Oswald Bold';
  src: url('../fonts/Oswald-Bold.ttf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-bolder {
  font-family: 'Oswald Bold';
}
/*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);
}
/*global*/
.ax-clear {
  height: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 0px;
  padding: 0px;
}
.ax-scroll {
  overflow: hidden;
}
.ax-content {
  width: 1200px;
  margin: 0 auto;
}
/*radius square*/
.ax-radius,
*[class*="ax-btn"].ax-radius:after {
  border-radius: 3px;
}
.ax-radius-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ax-radius-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ax-radius-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ax-radius-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/*radius size*/
/*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: 18px;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-subject {
  font-size: 18px;
  max-height: calc(28px * 2);
  max-width: 100%;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-subject {
  font-size: 18px;
  max-height: calc(28px * 3);
  max-width: 100%;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-title {
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-title {
  font-size: 16px;
  max-height: calc(22px * 2);
  max-width: 100%;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-title {
  font-size: 16px;
  max-height: calc(22px * 3);
  max-width: 100%;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-body {
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-body {
  font-size: 14px;
  max-height: calc(22px * 2);
  max-width: 100%;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-body {
  font-size: 14px;
  max-height: calc(22px * 3);
  max-width: 100%;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-des {
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-des {
  font-size: 14px;
  max-height: calc(18px * 2);
  max-width: 100%;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-des {
  font-size: 14px;
  max-height: calc(18px * 3);
  max-width: 100%;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-ignore {
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-ignore {
  font-size: 12px;
  max-height: calc(16px * 2);
  max-width: 100%;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-ignore {
  font-size: 12px;
  max-height: calc(16px * 3);
  max-width: 100%;
  line-height: 16px;
  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:after,
.ax-border-grid tr th:last-child:after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  right: 0;
  top: 0;
}
/*margin*/
.ax-margin {
  margin: 14px;
  box-sizing: border-box;
}
.ax-margin-tb {
  margin-top: 14px;
  margin-bottom: 14px;
  box-sizing: border-box;
}
.ax-margin-lr {
  margin-left: 14px;
  margin-right: 14px;
  box-sizing: border-box;
}
.ax-margin-left {
  margin-left: 14px;
  box-sizing: border-box;
}
.ax-margin-right {
  margin-right: 14px;
  box-sizing: border-box;
}
.ax-margin.ax-xxs {
  margin: 4px;
}
.ax-margin.ax-xs {
  margin: 8px;
}
.ax-margin.ax-sm {
  margin: 10px;
}
.ax-margin.ax-md {
  margin: 14px;
}
.ax-margin.ax-lg {
  margin: 18px;
}
.ax-margin.ax-xl {
  margin: 22px;
}
.ax-margin.ax-xxl {
  margin: 28px;
}
.ax-margin-tb.ax-xxs {
  margin-top: 4px;
  margin-bottom: 4px;
}
.ax-margin-tb.ax-xs {
  margin-top: 8px;
  margin-bottom: 8px;
}
.ax-margin-tb.ax-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ax-margin-tb.ax-md {
  margin-top: 14px;
  margin-bottom: 14px;
}
.ax-margin-tb.ax-lg {
  margin-top: 18px;
  margin-bottom: 18px;
}
.ax-margin-tb.ax-xl {
  margin-top: 22px;
  margin-bottom: 22px;
}
.ax-margin-tb.ax-xxl {
  margin-top: 28px;
  margin-bottom: 28px;
}
.ax-margin-lr.ax-xxs {
  margin-left: 4px;
  margin-right: 4px;
}
.ax-margin-lr.ax-xs {
  margin-left: 8px;
  margin-right: 8px;
}
.ax-margin-lr.ax-sm {
  margin-left: 10px;
  margin-right: 10px;
}
.ax-margin-lr.ax-md {
  margin-left: 14px;
  margin-right: 14px;
}
.ax-margin-lr.ax-lg {
  margin-left: 18px;
  margin-right: 18px;
}
.ax-margin-lr.ax-xl {
  margin-left: 22px;
  margin-right: 22px;
}
.ax-margin-lr.ax-xxl {
  margin-left: 28px;
  margin-right: 28px;
}
.ax-margin-left.ax-xxs {
  margin-left: 4px;
}
.ax-margin-left.ax-xs {
  margin-left: 8px;
}
.ax-margin-left.ax-sm {
  margin-left: 10px;
}
.ax-margin-left.ax-md {
  margin-left: 14px;
}
.ax-margin-left.ax-lg {
  margin-left: 18px;
}
.ax-margin-left.ax-xl {
  margin-left: 22px;
}
.ax-margin-left.ax-xxl {
  margin-left: 28px;
}
.ax-margin-right.ax-xxs {
  margin-right: 4px;
}
.ax-margin-right.ax-xs {
  margin-right: 8px;
}
.ax-margin-right.ax-sm {
  margin-right: 10px;
}
.ax-margin-right.ax-md {
  margin-right: 14px;
}
.ax-margin-right.ax-lg {
  margin-right: 18px;
}
.ax-margin-right.ax-xl {
  margin-right: 22px;
}
.ax-margin-right.ax-xxl {
  margin-right: 28px;
}
.ax-margin-top.ax-xxs {
  margin-top: 4px;
}
.ax-margin-top.ax-xs {
  margin-top: 8px;
}
.ax-margin-top.ax-sm {
  margin-top: 10px;
}
.ax-margin-top.ax-md {
  margin-top: 14px;
}
.ax-margin-top.ax-lg {
  margin-top: 18px;
}
.ax-margin-top.ax-xl {
  margin-top: 22px;
}
.ax-margin-top.ax-xxl {
  margin-top: 28px;
}
.ax-margin-bottom.ax-xxs {
  margin-bottom: 4px;
}
.ax-margin-bottom.ax-xs {
  margin-bottom: 8px;
}
.ax-margin-bottom.ax-sm {
  margin-bottom: 10px;
}
.ax-margin-bottom.ax-md {
  margin-bottom: 14px;
}
.ax-margin-bottom.ax-lg {
  margin-bottom: 18px;
}
.ax-margin-bottom.ax-xl {
  margin-bottom: 22px;
}
.ax-margin-bottom.ax-xxl {
  margin-bottom: 28px;
}
/*padding*/
.ax-padding {
  padding: 14px;
  box-sizing: border-box;
}
.ax-padding-tb {
  padding: 14px 0;
  box-sizing: border-box;
}
.ax-padding-lr {
  padding: 0 14px;
  box-sizing: border-box;
}
.ax-padding-left {
  padding-left: 14px;
  box-sizing: border-box;
}
.ax-padding-right {
  padding-right: 14px;
  box-sizing: border-box;
}
.ax-padding.ax-xxs {
  padding: 4px;
}
.ax-padding.ax-xs {
  padding: 8px;
}
.ax-padding.ax-sm {
  padding: 10px;
}
.ax-padding.ax-md {
  padding: 14px;
}
.ax-padding.ax-lg {
  padding: 18px;
}
.ax-padding.ax-xl {
  padding: 22px;
}
.ax-padding.ax-xxl {
  padding: 28px;
}
.ax-padding-tb.ax-xxs {
  padding-top: 4px;
  padding-bottom: 4px;
}
.ax-padding-tb.ax-xs {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ax-padding-tb.ax-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ax-padding-tb.ax-md {
  padding-top: 14px;
  padding-bottom: 14px;
}
.ax-padding-tb.ax-lg {
  padding-top: 18px;
  padding-bottom: 18px;
}
.ax-padding-tb.ax-xl {
  padding-top: 22px;
  padding-bottom: 22px;
}
.ax-padding-tb.ax-xxl {
  padding-top: 28px;
  padding-bottom: 28px;
}
.ax-padding-lr.ax-xxs {
  padding-left: 4px;
  padding-right: 4px;
}
.ax-padding-lr.ax-xs {
  padding-left: 8px;
  padding-right: 8px;
}
.ax-padding-lr.ax-sm {
  padding-left: 10px;
  padding-right: 10px;
}
.ax-padding-lr.ax-md {
  padding-left: 14px;
  padding-right: 14px;
}
.ax-padding-lr.ax-lg {
  padding-left: 18px;
  padding-right: 18px;
}
.ax-padding-lr.ax-xl {
  padding-left: 22px;
  padding-right: 22px;
}
.ax-padding-lr.ax-xxl {
  padding-left: 28px;
  padding-right: 28px;
}
.ax-padding-left.ax-xxs {
  padding-left: 4px;
}
.ax-padding-left.ax-xs {
  padding-left: 8px;
}
.ax-padding-left.ax-sm {
  padding-left: 10px;
}
.ax-padding-left.ax-md {
  padding-left: 14px;
}
.ax-padding-left.ax-lg {
  padding-left: 18px;
}
.ax-padding-left.ax-xl {
  padding-left: 22px;
}
.ax-padding-left.ax-xxl {
  padding-left: 28px;
}
.ax-padding-right.ax-xxs {
  padding-right: 4px;
}
.ax-padding-right.ax-xs {
  padding-right: 8px;
}
.ax-padding-right.ax-sm {
  padding-right: 10px;
}
.ax-padding-right.ax-md {
  padding-right: 14px;
}
.ax-padding-right.ax-lg {
  padding-right: 18px;
}
.ax-padding-right.ax-xl {
  padding-right: 22px;
}
.ax-padding-right.ax-xxl {
  padding-right: 28px;
}
.ax-padding-top.ax-xxs {
  padding-top: 4px;
}
.ax-padding-top.ax-xs {
  padding-top: 8px;
}
.ax-padding-top.ax-sm {
  padding-top: 10px;
}
.ax-padding-top.ax-md {
  padding-top: 14px;
}
.ax-padding-top.ax-lg {
  padding-top: 18px;
}
.ax-padding-top.ax-xl {
  padding-top: 22px;
}
.ax-padding-top.ax-xxl {
  padding-top: 28px;
}
.ax-padding-bottom.ax-xxs {
  padding-bottom: 4px;
}
.ax-padding-bottom.ax-xs {
  padding-bottom: 8px;
}
.ax-padding-bottom.ax-sm {
  padding-bottom: 10px;
}
.ax-padding-bottom.ax-md {
  padding-bottom: 14px;
}
.ax-padding-bottom.ax-lg {
  padding-bottom: 18px;
}
.ax-padding-bottom.ax-xl {
  padding-bottom: 22px;
}
.ax-padding-bottom.ax-xxl {
  padding-bottom: 28px;
}
/*col break*/
.ax-gutter-xxs {
  width: 4px;
  overflow: hidden;
}
.ax-gutter-xs {
  width: 8px;
  overflow: hidden;
}
.ax-gutter-sm {
  width: 12px;
  overflow: hidden;
}
.ax-gutter,
.ax-gutter-md {
  width: 14px;
  overflow: hidden;
}
.ax-gutter-lg {
  width: 16px;
  overflow: hidden;
}
.ax-gutter-xl {
  width: 22px;
  overflow: hidden;
}
.ax-gutter-xxl {
  width: 28px;
  overflow: hidden;
}
/*row break*/
.ax-break-xxs {
  height: 4px;
  overflow: hidden;
}
.ax-break-xs {
  height: 8px;
  overflow: hidden;
}
.ax-break-sm {
  height: 10px;
  overflow: hidden;
}
.ax-break,
.ax-break-md {
  height: 14px;
  overflow: hidden;
}
.ax-break-lg {
  height: 18px;
  overflow: hidden;
}
.ax-break-xl {
  height: 22px;
  overflow: hidden;
}
.ax-break-xxl {
  height: 28px;
  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(28px + 1px);
}
.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(28px / 2);
}
.ax-break-text span {
  color: #b3b3b3;
  margin: auto 14px;
}
.ax-break-text.ax-align-left .ax-left {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0;
  box-flex: 0;
  width: calc(38px);
}
.ax-break-text.ax-align-right .ax-right {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0;
  box-flex: 0;
  width: calc(38px);
}
/*headline*/
.ax-headline {
  text-align: center;
  margin: calc(14px*2) auto;
  position: relative;
}
.ax-headline .ax-body {
  font-size: 22px;
  line-height: 22px;
}
.ax-headline .ax-title {
  color: #333333;
  position: relative;
}
.ax-headline .ax-title:before {
  content: '';
  width: 22px;
  height: 2px;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  left: calc(-12px - 22px);
  top: 11px;
}
.ax-headline .ax-title:after {
  content: '';
  width: 22px;
  height: 2px;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  right: calc(-12px - 22px);
  top: calc(22px / 2 + 1px);
}
.ax-headline .ax-adorn {
  font-size: 12px;
  color: #b3b3b3;
  line-height: 18px;
  margin-bottom: 10px;
}
.ax-headline .ax-des {
  font-size: 14px;
  color: #666666;
  line-height: 18px;
  margin-top: 10px;
}
.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: 14px;
}
.ax-headline.ax-align-left:before {
  content: '';
  width: 3px;
  height: 100%;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-headline.ax-align-right {
  padding-right: 14px;
}
.ax-headline.ax-align-right:after {
  content: '';
  width: 3px;
  height: 100%;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-headline.ax-sm .ax-body {
  font-size: 18px;
  line-height: 18px;
}
.ax-headline.ax-sm .ax-title:before,
.ax-headline.ax-sm .ax-title:after {
  width: 18px;
  top: calc(18px / 2 + 1px);
}
.ax-headline.ax-sm .ax-title:before {
  left: calc(-8px - 18px);
}
.ax-headline.ax-sm .ax-title:after {
  right: calc(-8px - 18px);
}
.ax-headline.ax-lg .ax-body {
  font-size: calc(28px + 4px);
  line-height: calc(28px + 4px);
}
.ax-headline.ax-lg .ax-title:before,
.ax-headline.ax-lg .ax-title:after {
  width: 28px;
  top: calc((28px + 4px) / 2 + 1px);
}
.ax-headline.ax-lg .ax-title:before {
  left: calc(-14px - 28px);
}
.ax-headline.ax-lg .ax-title:after {
  right: calc(-14px - 28px);
}
.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: #ec6c00;
}
.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: #ec6c00;
}
.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(14px*4);
}
.ax-headline.ax-style-dash:after {
  content: '';
  width: 22px;
  height: 2px;
  background-color: #333333;
  overflow: hidden;
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  bottom: calc(-14px*2);
}
.ax-headline.ax-style-underline .ax-title:after {
  display: none;
}
.ax-headline.ax-style-underline .ax-title:before {
  width: 100%;
  height: 6px;
  background-color: #ffc107;
  right: auto;
  left: 0;
  top: auto;
  bottom: -2px;
}
.ax-headline.ax-style-underline .ax-title i {
  position: relative;
}
.ax-headline.ax-style-tab {
  text-align: left;
  line-height: 38px;
}
.ax-headline.ax-style-tab .ax-body {
  line-height: 38px;
  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(14px*2);
}
.ax-headline.ax-style-tab .ax-des {
  margin-top: 0;
}
.ax-headline.ax-style-tab .ax-body .ax-des {
  margin-left: 14px;
}
.ax-headline.ax-style-tab .ax-body .ax-badge,
.ax-headline.ax-style-tab .ax-body .ax-dot {
  margin-left: 8px;
}
/*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;
}
/*basic animate*/
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ax-rotate-360 {
  animation: rotate360 2s linear infinite;
}
.ax-rotate-180 {
  transform: rotate(-180deg);
}
.ax-rotate-90 {
  transform: rotate(-90deg);
}
.ax-rotate-45 {
  transform: rotate(-45deg);
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.ax-bounce-in {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: bounceIn;
}
@keyframes bounceInOut {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  12% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  24% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  36% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  48% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  60% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.ax-bounce-inout {
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-name: bounceInOut;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ax-fade-in {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fade-inup {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fade-indown {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: fadeInDown;
}
@keyframes springIn {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.ax-spring-in {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: springIn;
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
.ax-scale-out {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-name: scaleOut;
}
/*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: 14px;
  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(-4px/2) auto;
}
.ax-grid.ax-space-xxs .ax-grid-inner {
  margin: auto calc(-4px/2);
}
.ax-grid.ax-space-xxs .ax-grid-block {
  padding: calc(4px/2) calc(4px/2);
}
.ax-grid.ax-space-xs {
  margin: calc(-8px/2) auto;
}
.ax-grid.ax-space-xs .ax-grid-inner {
  margin: auto calc(-8px/2);
}
.ax-grid.ax-space-xs .ax-grid-block {
  padding: calc(8px/2) calc(8px/2);
}
.ax-grid.ax-space-sm {
  margin: calc(-10px/2) auto;
}
.ax-grid.ax-space-sm .ax-grid-inner {
  margin: auto calc(-12px/2);
}
.ax-grid.ax-space-sm .ax-grid-block {
  padding: calc(10px/2) calc(12px/2);
}
.ax-grid.ax-space-md,
.ax-grid.ax-space {
  margin: calc(-14px/2) auto;
}
.ax-grid.ax-space-md .ax-grid-inner,
.ax-grid.ax-space .ax-grid-inner {
  margin: auto calc(-14px/2);
}
.ax-grid.ax-space-md .ax-grid-block,
.ax-grid.ax-space .ax-grid-block {
  padding: calc(14px/2) calc(14px/2);
}
.ax-grid.ax-space-lg {
  margin: calc(-18px/2) auto;
}
.ax-grid.ax-space-lg .ax-grid-inner {
  margin: auto calc(-16px/2);
}
.ax-grid.ax-space-lg .ax-grid-block {
  padding: calc(18px/2) calc(16px/2);
}
.ax-grid.ax-space-xl {
  margin: calc(-22px/2) auto;
}
.ax-grid.ax-space-xl .ax-grid-inner {
  margin: auto calc(-22px/2);
}
.ax-grid.ax-space-xl .ax-grid-block {
  padding: calc(22px/2) calc(22px/2);
}
.ax-grid.ax-space-xxl {
  margin: calc(-28px/2) auto;
}
.ax-grid.ax-space-xxl .ax-grid-inner {
  margin: auto calc(-28px/2);
}
.ax-grid.ax-space-xxl .ax-grid-block {
  padding: calc(28px/2) calc(28px/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);
}
.ax-col-2 {
  width: calc((100%/24)*2);
}
.ax-col-3 {
  width: calc((100%/24)*3);
}
.ax-col-4 {
  width: calc((100%/24)*4);
}
.ax-col-5 {
  width: calc((100%/24)*5);
}
.ax-col-6 {
  width: calc((100%/24)*6);
}
.ax-col-7 {
  width: calc((100%/24)*7);
}
.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);
}
.ax-col-7-avg {
  width: calc(100%/7);
}
.ax-col-8-avg {
  width: calc(100%/8);
}
.ax-col-9-avg {
  width: calc(100%/9);
}
.ax-col-10-avg {
  width: calc(100%/10);
}
.ax-col-11-avg {
  width: calc(100%/11);
}
.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: #ec6c00;
  fill: #ec6c00;
}
.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: #ec6c00;
  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, #ec6c00, #ffdd23);
}
.ax-bg-ad.ax-gradient,
.ax-bg-ad.ax-gradient-45 {
  background: linear-gradient(45deg, #ec6c00, #ffdd23);
}
.ax-bg-ad.ax-gradient-90 {
  background: linear-gradient(90deg, #ec6c00, #ffdd23);
}
.ax-bg-ad.ax-gradient-135 {
  background: linear-gradient(135deg, #ec6c00, #ffdd23);
}
.ax-bg-ad.ax-gradient-180 {
  background: linear-gradient(180deg, #ec6c00, #ffdd23);
}
.ax-bg-ad.ax-gradient-225 {
  background: linear-gradient(225deg, #ec6c00, #ffdd23);
}
.ax-bg-ad.ax-gradient-270 {
  background: linear-gradient(270deg, #ec6c00, #ffdd23);
}
.ax-bg-ad.ax-gradient-315 {
  background: linear-gradient(315deg, #ec6c00, #ffdd23);
}
.ax-bg-ad.ax-gradient-360 {
  background: linear-gradient(360deg, #ec6c00, #ffdd23);
}
/*svg loading*/
.ax-loading {
  height: 28px;
  width: 28px;
  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: 2px;
  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: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes loading-color {
  100%,
  0% {
    stroke: #dc3545;
  }
  40% {
    stroke: #198cff;
  }
  66% {
    stroke: #ec6c00;
  }
  80%,
  90% {
    stroke: #41a358;
  }
}
.ax-loading i {
  animation: rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 2px 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;
}
/*loading btn*/
.ax-btn-loading {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 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 {
  position: relative;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
}
.ax-alert .ax-close {
  font-family: arial;
  font-size: 22px;
  line-height: 34px;
  width: 34px;
  height: 34px;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s linear;
}
.ax-alert .ax-close:before {
  content: "\00D7";
  width: 34px;
  height: 34px;
}
.ax-alert .ax-close:hover {
  color: rgba(0, 0, 0, 0.3);
}
.ax-alert .ax-title {
  font-weight: bold;
  margin-bottom: 4px;
}
.ax-alert .ax-des {
  font-size: 12px;
}
.ax-alert.ax-sm {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ax-alert.ax-sm [class*='font']:first-child {
  margin-right: 8px;
}
.ax-alert.ax-lg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-alert.ax-lg [class*='font']:first-child {
  font-size: 28px;
  margin-right: 14px;
}
.ax-alert.ax-lg .ax-title {
  font-size: 14px;
}
.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 10px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  font-size: 14px;
  line-height: 28px;
}
.ax-tag i {
  font-family: arial;
  font-size: 22px;
  width: 28px;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  cursor: pointer;
  margin-right: -10px;
  transition: all 0.2s 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: 14px;
  cursor: pointer;
  color: #b3b3b3;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 16px;
  text-decoration: none;
  background-color: #f0f0f0;
  transition: all 0.2s linear;
  position: absolute;
  right: -8px;
  top: -8px;
}
.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: 28px;
}
/*result*/
.ax-result {
  font-size: 54px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 54px;
  margin: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ax-result *[class*="font"] {
  font-size: 54px;
}
.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: #ec6c00;
}
@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;
  }
}
svg .svg-out,
svg .svg-in-1:not(.svg-circle),
svg .svg-in-2:not(.svg-circle),
svg .svg-bg {
  stroke-width: 3.7253;
  stroke-linecap: round;
  stroke-linejoin: round;
}
svg .svg-line {
  fill: none;
}
.svg-success,
.svg-error,
.svg-warning,
.svg-info,
.svg-question {
  width: 54px;
  height: 54px;
  opacity: 0;
}
.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: #ec6c00;
}
.svg-question .svg-in-1 {
  stroke: #ec6c00;
}
.svg-question .svg-bg {
  stroke: #fff5eb;
}
.svg-question .svg-circle {
  fill: #ec6c00;
}
.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 {
  opacity: 0;
  transform-origin: 43.3492px 64.3337px;
}
.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 {
  opacity: 0;
  transform-origin: 43.3492px 23.5856px;
}
.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 {
  opacity: 0;
  transform-origin: 44.6612px 60.5502px;
}
.ax-result-show svg,
.swal2-show svg {
  opacity: 1;
}
/*plugins  for sweetalert2*/
.ax-result-show .svg-success .svg-out,
.swal2-show .svg-success .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-success .svg-in-1,
.swal2-show .svg-success .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-error .svg-out,
.swal2-show .svg-error .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-error .svg-in-1,
.swal2-show .svg-error .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-error .svg-in-2,
.swal2-show .svg-error .svg-in-2 {
  animation: draw-line 400ms ease-out 1200ms forwards;
}
.ax-result-show .svg-warning .svg-out,
.swal2-show .svg-warning .svg-out {
  animation: draw-line 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-warning .svg-in-1,
.swal2-show .svg-warning .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-warning .svg-in-2,
.swal2-show .svg-warning .svg-in-2 {
  animation: draw-circle 400ms ease-out 1200ms forwards;
}
.ax-result-show .svg-info .svg-out,
.swal2-show .svg-info .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-info .svg-in-1,
.swal2-show .svg-info .svg-in-1 {
  animation: draw-line 400ms ease-out 1200ms forwards;
}
.ax-result-show .svg-info .svg-in-2,
.swal2-show .svg-info .svg-in-2 {
  animation: draw-circle 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-question .svg-out,
.swal2-show .svg-question .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-question .svg-in-1,
.swal2-show .svg-question .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-question .svg-in-2,
.swal2-show .svg-question .svg-in-2 {
  animation: draw-circle 400ms ease-out 1200ms forwards;
}
/*tips before*/
.ax-ace {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  font-family: arial;
  font-size: 12px;
  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: #ec6c00;
}
.ax-ace-question:before {
  content: '\003F';
}
/*menu*/
.ax-menu {
  width: 220px;
  display: block;
  box-sizing: border-box;
}
.ax-menu .ax-collapse {
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.ax-menu .ax-collapse:not(.ax-show) {
  height: 0px;
}
.ax-menu .ax-collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.ax-menu li {
  box-sizing: border-box;
  position: relative;
  transition: all 0.2s 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: 3px;
  height: 0;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 0.2s ease-out;
}
.ax-menu li a {
  color: #333333;
  height: 44px;
  line-height: 44px;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  position: relative;
  transition: all 0.2s linear;
}
.ax-menu.ax-menu-dark li a {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu > li > a {
  padding-left: 14px;
}
/*level 1*/
.ax-menu > li > ul > li > a {
  padding-left: calc(14px*3);
}
/*level 2*/
.ax-menu > li > ul > li > ul > li > a {
  padding-left: calc(14px*5);
}
/*level 3*/
.ax-menu > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(14px*7);
}
/*level 4*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(14px*9);
}
/*level 5*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(14px*11);
}
/*level 6*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(14px*13);
}
/*level 7*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(14px*15);
}
/*level 8*/
.ax-menu .ax-name {
  line-height: 18px;
  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 0.2s linear;
}
.ax-menu .ax-legend {
  color: #666666;
  width: 24px;
  text-align: center;
  margin-right: 4px;
  transition: all 0.2s linear;
}
.ax-menu.ax-menu-dark .ax-legend {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu .ax-badge {
  margin-right: 14px;
  margin-top: calc(22px - 8px);
}
.ax-menu .ax-dot {
  margin-right: 14px;
  margin-top: calc(22px - 3px);
}
.ax-menu .ax-arrow {
  width: 38px;
  text-align: center;
  color: #ccc;
  font-size: 12px;
  transition: all 0.2s 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,
.ax-menu *[aria-expanded="true"] > .ax-arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ax-menu .ax-active {
  background: transparent;
}
.ax-menu.ax-menu-dark .ax-active {
  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[aria-disabled="true"] .ax-name,
.ax-menu li:hover > a[aria-disabled="true"] .ax-legend {
  color: #b3b3b3;
}
.ax-menu li:hover > a[aria-disabled="true"] .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[aria-expanded="childless"] {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.06);
}
.ax-menu.ax-menu-dark a[aria-expanded="childless"] {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-menu a[aria-expanded="childless"] .ax-legend {
  color: #198cff;
}
.ax-menu li:hover > a[aria-expanded="childless"] .ax-name,
.ax-menu li:hover > a[aria-expanded="childless"] .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(14px*2);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > a {
  padding-left: calc(14px*4);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(14px*6);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(14px*7);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(14px*10);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(14px*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(14px*14);
}
.ax-menu.ax-style-dot > li:before,
.ax-menu.ax-style-dot > li > a:before {
  display: none;
}
.ax-menu.ax-style-dot a[aria-expanded="childless"]:before {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #198cff;
  content: '';
  position: absolute;
  left: calc(14px*2 - 4px);
  top: calc((44px - 5px)/2);
}
.ax-menu.ax-style-dot > li > a[aria-expanded="childless"]:before {
  display: none;
}
.ax-menu.ax-no-padding.ax-style-dot a[aria-expanded="childless"]:before {
  left: calc(14px - 4px);
}
.ax-menu.ax-style-dot > li:before {
  display: none;
}
.ax-menu.ax-style-line > li:before {
  display: none;
}
.ax-menu.ax-style-line a[aria-expanded="childless"]:before {
  position: absolute;
  background-color: #198cff;
  content: '';
  width: 2px;
  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: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.ax-menu.ax-menu-row ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ax-menu.ax-menu-row ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.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: 180px;
}
.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: -1px;
  top: calc(100% + 6px);
  box-sizing: border-box;
}
.ax-menu.ax-menu-row > li > ul:before {
  width: 100%;
  height: 6px;
  content: "";
  position: absolute;
  left: 0;
  top: -7px;
}
.ax-menu.ax-menu-row > li > ul > li ul {
  right: calc(-100% - 1px - 6px);
  top: -1px;
}
.ax-menu.ax-menu-row > li > ul > li ul:before {
  height: 100%;
  width: 6px;
  content: "";
  position: absolute;
  left: -7px;
  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: 38px;
}
.ax-menu.ax-menu-row li a {
  line-height: 38px;
  height: 38px;
}
.ax-menu.ax-menu-row > li li {
  border-bottom: 1px solid #ebebeb;
  padding-left: 0;
}
.ax-menu.ax-menu-row > li a {
  padding-left: 14px;
}
.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[aria-expanded="childless"],
.ax-menu.ax-menu-row a[aria-expanded="childless"]:hover {
  background-color: #198cff;
  color: #fff;
}
.ax-menu.ax-menu-row a[aria-expanded="childless"]:hover .ax-name,
.ax-menu.ax-menu-row a[aria-expanded="childless"]:hover .ax-legend,
.ax-menu.ax-menu-row a[aria-expanded="childless"]: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: 38px!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: 20px;
}
.ax-menu a[class*='ax-btn'] .ax-arrow {
  width: auto;
}
/*dot & badge*/
.ax-dot {
  width: 8px;
  height: 8px;
  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: #ec6c00;
}
.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: 12px;
  color: #fff;
  line-height: 16px;
  padding: 0 5px;
  border-radius: 16px;
  background-color: #dc3545;
}
.ax-badge.ax-radius {
  border-radius: 3px;
}
.ax-badge.ax-drop {
  border-radius: 16px 16px 16px 0;
}
.ax-badge.ax-border {
  color: #dc3545;
  line-height: 14px;
  padding: 0 4px;
  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: #ec6c00;
}
.ax-badge.ax-border.ax-ad {
  color: #ec6c00;
  border-color: #ec6c00;
  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: 10px;
  width: 42px;
  height: 42px;
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 3;
}
.ax-flag i {
  color: #fff;
  height: 60px;
  width: 60px;
  line-height: 100px;
  text-align: center;
  background-color: #198cff;
  position: absolute;
}
.ax-flag.ax-left {
  left: 0;
  top: 0;
}
.ax-flag.ax-left i {
  top: -30px;
  left: -30px;
  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: -30px;
  right: -30px;
  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: #ec6c00;
}
.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*/
.ax-article {
  text-align: left;
  padding: calc(14px);
}
.ax-article a:not([class*="ax-btn"]),
.ax-article a:not([class*="ax-btn"]):hover {
  color: #198cff;
  text-decoration: underline;
}
.ax-article .ax-cancel,
.ax-article a.ax-cancel,
.ax-article .ax-cancel a,
.ax-article .ax-cancel:hover,
.ax-article a.ax-cancel:hover,
.ax-article .ax-cancel a:hover {
  color: #b3b3b3;
  text-decoration: line-through;
  margin: 0 4px;
  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: #ec6c00;
  text-decoration: none;
}
.ax-article a.ax-color-ad:hover,
.ax-article .ax-color-ad a:hover {
  color: #ec6c00;
  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(14px*3);
}
.ax-article h2 {
  border-left: 4px solid rgba(94, 140, 186, 0.4);
  padding-left: 8px;
  margin: 14px 0;
}
.ax-article ul:not(.ax-menu) li {
  position: relative;
  padding-left: 14px;
}
.ax-article ul:not(.ax-menu) li:before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(28px/2 - 2px);
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #ccc;
}
/*article alt*/
.ax-good {
  text-align: center;
  margin: calc(14px*2) auto;
}
.ax-good .ax-text {
  font-size: 12px;
  color: #666666;
  width: 100%;
  line-height: 28px;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  bottom: -28px;
}
.ax-good a {
  line-height: 46px;
  border-radius: 46px;
  padding: 0 46px;
  border: 1px solid #ebebeb;
  transition: all 0.1s linear;
  position: relative;
}
.ax-good a:hover {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff;
}
.ax-good a *[class*='font'] {
  font-size: 22px;
  color: #198cff;
  margin-right: 8px;
  transition: all 0.1s 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: 18px;
  transition: all 0.1s 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: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  background-color: #f5f5f5;
  border-radius: 3px;
  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 2px #fff;
  position: absolute;
  right: -2px;
  top: -2px;
}
.ax-avatar .ax-badge {
  box-shadow: 0 0 0 2px #fff;
  position: absolute;
  right: -8px;
  top: -8px;
}
.ax-avatar.ax-square {
  border-radius: 0;
}
.ax-avatar.ax-round {
  border-radius: 100%;
}
.ax-avatar.ax-xxs {
  font-size: 12px;
  height: 22px;
  width: 22px;
}
.ax-avatar.ax-xs {
  font-size: 12px;
  height: calc(38px - 10px);
  width: calc(38px - 10px);
}
.ax-avatar.ax-sm {
  font-size: 14px;
  height: 38px;
  width: 38px;
}
.ax-avatar.ax-md {
  font-size: 16px;
  height: 44px;
  width: 44px;
}
.ax-avatar.ax-lg {
  font-size: 18px;
  height: calc(28px*2);
  width: calc(28px*2);
}
.ax-avatar.ax-xl {
  font-size: 22px;
  height: calc(28px*3);
  width: calc(28px*3);
}
.ax-avatar.ax-xxl {
  font-size: 32px;
  height: calc(28px*4);
  width: calc(28px*4);
}
/*sign*/
.ax-sign {
  color: #666666;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  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: 18px;
}
.ax-sign svg {
  fill: #666666;
  height: 18px;
  width: 18px;
}
.ax-sign img {
  height: 18px;
  width: 18px;
}
.ax-sign .ax-dot {
  box-shadow: 0 0 0 2px #fff;
  position: absolute;
  right: -2px;
  top: -2px;
}
.ax-sign .ax-badge {
  box-shadow: 0 0 0 2px #fff;
  position: absolute;
  right: -8px;
  top: -8px;
}
.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: 12px;
  height: 22px;
  width: 22px;
}
.ax-sign.ax-xxs *[class*="font"] {
  font-size: 12px;
}
.ax-sign.ax-xxs svg {
  height: 12px;
  width: 12px;
}
.ax-sign.ax-xxs img {
  height: 12px;
  width: 12px;
}
.ax-sign.ax-xs {
  font-size: 14px;
  height: 28px;
  width: 28px;
}
.ax-sign.ax-xs *[class*="font"] {
  font-size: 14px;
}
.ax-sign.ax-xs svg {
  height: 14px;
  width: 14px;
}
.ax-sign.ax-xs img {
  height: 14px;
  width: 14px;
}
.ax-sign.ax-sm {
  font-size: 16px;
  height: 38px;
  width: 38px;
}
.ax-sign.ax-sm *[class*="font"] {
  font-size: 16px;
}
.ax-sign.ax-sm svg {
  height: 16px;
  width: 16px;
}
.ax-sign.ax-sm img {
  height: 16px;
  width: 16px;
}
.ax-sign.ax-md {
  font-size: 18px;
  height: 44px;
  width: 44px;
}
.ax-sign.ax-md *[class*="font"] {
  font-size: 18px;
}
.ax-sign.ax-md svg {
  height: 18px;
  width: 18px;
}
.ax-sign.ax-md img {
  height: 18px;
  width: 18px;
}
.ax-sign.ax-lg {
  font-size: 28px;
  height: calc(28px*2);
  width: calc(28px*2);
}
.ax-sign.ax-lg *[class*="font"] {
  font-size: 26px;
}
.ax-sign.ax-lg svg {
  height: 26px;
  width: 26px;
}
.ax-sign.ax-lg img {
  height: 26px;
  width: 26px;
}
.ax-sign.ax-xl {
  font-size: 32px;
  height: calc(28px*3);
  width: calc(28px*3);
}
.ax-sign.ax-xl *[class*="font"] {
  font-size: 32px;
}
.ax-sign.ax-xl svg {
  height: 32px;
  width: 32px;
}
.ax-sign.ax-xl img {
  height: 32px;
  width: 32px;
}
.ax-sign.ax-xxl {
  font-size: 38px;
  height: calc(28px*4);
  width: calc(28px*4);
}
.ax-sign.ax-xxl *[class*="font"] {
  font-size: 44px;
}
.ax-sign.ax-xxl svg {
  height: 44px;
  width: 44px;
}
.ax-sign.ax-xxl img {
  height: 44px;
  width: 44px;
}
.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: #ec6c00;
}
.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: #ec6c00;
  border-color: #ec6c00;
}
.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: 12px;
  color: #333333;
  height: calc(38px - 16px);
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  transition: all 0.1s 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: 3px;
  border-color: #ebebeb;
  transition: border-color 0.1s linear;
}
.ax-buoy > i:first-child {
  color: #666666;
  background-color: #fafafa;
  padding: 0 6px;
  border-right: 1px solid #ebebeb;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 0.1s linear;
}
.ax-buoy.ax-reverse > i:first-child {
  background-color: #fff;
}
.ax-buoy.ax-reverse > i:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ax-buoy > i:first-child [class*="font"] {
  font-size: 12px;
  margin-right: 4px;
  transition: all 0.1s linear;
}
.ax-buoy > i.ax-icon [class*="font"] {
  margin-right: 0;
}
.ax-buoy > i:first-child svg {
  fill: #666666;
  height: 12px;
  margin-right: 4px;
  transition: all 0.1s linear;
}
.ax-buoy > i:last-child {
  padding: 0 6px;
  transition: all 0.1s linear;
}
.ax-buoy.ax-reverse > i:last-child {
  background-color: #fafafa;
}
.ax-buoy.ax-more > i:first-child:after {
  content: '';
  width: 5px;
  height: 5px;
  margin-left: 4px;
  margin-top: -1px;
  background: linear-gradient(135deg, transparent 50%, #666666 50%, #666666 100%);
  transform: rotate(45deg);
  transition: all 0.1s 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: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-primary:not(.ax-reverse) > i:last-child:hover {
  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-success:not(.ax-reverse) > i:last-child:hover {
  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-danger:not(.ax-reverse) > i:last-child:hover {
  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-warning:not(.ax-reverse) > i:last-child:hover {
  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-info:not(.ax-reverse) > i:last-child:hover {
  color: #14ccc9;
}
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child {
  background-color: #ec6c00;
}
.ax-buoy.ax-ad.ax-reverse > i:last-child {
  background-color: #ec6c00;
}
.ax-buoy.ax-ad:after {
  border-color: #ec6c00;
}
.ax-buoy.ax-ad:not(.ax-reverse) > i:last-child:hover {
  color: #ec6c00;
}
.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-dark:not(.ax-reverse) > i:last-child:hover {
  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: 18px;
  line-height: 18px;
}
.ax-buoy.ax-sm > i {
  padding: 0 4px;
}
.ax-buoy.ax-md {
  height: 22px;
  line-height: 22px;
}
.ax-buoy.ax-md > i {
  padding: 0 6px;
}
.ax-buoy.ax-lg {
  height: 28px;
  line-height: 28px;
}
.ax-buoy.ax-lg > i {
  padding: 0 10px;
}
.ax-buoy.ax-borderless:after {
  display: none;
}
.ax-buoy.ax-reverse > i:first-child:hover {
  opacity: 0.6;
}
.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-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: 14px;
}
.ax-comment .ax-item {
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  padding: 22px 0;
}
.ax-comment .ax-item .ax-avatar {
  margin-right: 12px;
}
.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: 12px;
  line-height: 18px;
  border-left: 1px solid #ccc;
  padding: 4px 0 4px 10px;
  margin: 10px 0;
}
.ax-comment .ax-item .ax-reply .ax-reply {
  padding: 0 0 0 10px;
}
.ax-comment .ax-item .ax-reply a,
.ax-comment .ax-item .ax-reply span {
  display: inline;
}
.ax-comment .ax-item .ax-row01 {
  line-height: 18px;
}
.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: 12px;
}
.ax-comment .ax-item .ax-floor {
  color: #b3b3b3;
  font-size: 12px;
}
.ax-comment .ax-item .ax-row02 {
  line-height: 22px;
  margin: 4px auto 10px 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: 14px;
  color: #666666;
}
.ax-comment .ax-item .ax-row03 .ax-action *[class*="font"] {
  color: #666666;
  margin-right: 4px;
}
.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: 44px;
}
.ax-comment .ax-item.ax-more .ax-avatar {
  background: transparent;
}
/*from*/
.ax-from {
  color: #666666;
  font-size: 14px;
  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: 8px;
}
/*author*/
.ax-author {
  font-size: 14px;
  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: 22px;
  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: 12px;
  color: #666666;
}
.ax-author a:not([class*='ax-btn']) {
  color: #666666;
}
.ax-author .ax-avatar {
  margin-right: 8px;
}
/*share*/
.ax-share {
  text-align: center;
  margin: calc(14px*2) auto;
}
.ax-share a {
  margin: 0 8px;
}
/*button*/
.ax-btn {
  font-size: 14px;
  color: #333333;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  background-color: #fff;
  padding: 0 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  transition: all 0.1s linear;
}
button.ax-btn {
  font-size: 14px;
  height: 38px;
  line-height: calc(38px - 4px);
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  background-color: #fff;
  padding: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
input.ax-btn {
  font-size: 14px;
  height: 38px;
  line-height: calc(38px - 4px);
  text-decoration: none;
  border-radius: 3px;
  cursor: pointer;
  background-color: #fff;
  padding: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.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: 3px;
  border-color: rgba(0, 0, 0, 0.12);
  transition: border-color 0.1s 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: 3px;
  border-color: rgba(0, 0, 0, 0.12);
  transition: border-color 0.1s 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;
}
/**/
.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 0.1s linear;
  margin-right: 4px;
}
.ax-btn.ax-xxs *[class*="font"] {
  font-size: 12px;
  margin-right: 0;
}
.ax-btn.ax-xxs .ax-svg {
  width: 12px;
  margin-right: 0;
}
.ax-btn.ax-xs *[class*="font"] {
  font-size: 12px;
  margin-right: 0;
}
.ax-btn.ax-xs .ax-svg {
  width: 12px;
  margin-right: 0;
}
.ax-btn.ax-sm *[class*="font"] {
  font-size: 12px;
}
.ax-btn.ax-sm .ax-svg {
  width: 12px;
}
.ax-btn.ax-lg *[class*="font"] {
  font-size: 22px;
}
.ax-btn.ax-lg .ax-svg {
  width: 22px;
}
.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: 4px;
}
.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: 4px;
}
.ax-btn.ax-xxs {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 4px;
}
button.ax-btn.ax-xxs {
  font-size: 12px;
  height: 18px;
  line-height: calc(18px - 4px);
  padding: 0 4px;
}
input.ax-btn.ax-xxs {
  font-size: 12px;
  height: 18px;
  line-height: calc(18px - 4px);
  padding: 0 4px;
}
.ax-btn.ax-xs {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 6px;
}
button.ax-btn.ax-xs {
  font-size: 12px;
  height: 22px;
  line-height: 18px;
  padding: 0 6px;
}
input.ax-btn.ax-xs {
  font-size: 12px;
  height: 22px;
  line-height: 18px;
  padding: 0 6px;
}
.ax-btn.ax-sm {
  font-size: 12px;
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
  padding: 0 10px;
}
button.ax-btn.ax-sm {
  font-size: 12px;
  height: calc(38px - 10px);
  line-height: calc(38px - 14px);
  padding: 0 10px;
}
input.ax-btn.ax-sm {
  font-size: 12px;
  height: calc(38px - 10px);
  line-height: calc(38px - 14px);
  padding: 0 10px;
}
.ax-btn.ax-lg {
  font-size: 16px;
  height: calc(38px + 10px);
  line-height: calc(38px + 10px);
  padding: 0 30px;
}
button.ax-btn.ax-lg {
  font-size: 16px;
  height: calc(38px + 10px);
  line-height: calc(38px + 6px);
  padding: 0 30px;
}
input.ax-btn.ax-lg {
  font-size: 16px;
  height: calc(38px + 10px);
  line-height: calc(38px + 6px);
  padding: 0 30px;
}
.ax-btn.ax-round,
.ax-btn.ax-round:after,
.ax-btn.ax-line.ax-round,
.ax-btn.ax-line.ax-round:after {
  border-radius: 38px;
}
.ax-btn.ax-xxs.ax-round,
.ax-btn.ax-xxs.ax-round:after {
  border-radius: 18px;
}
.ax-btn.ax-xs.ax-round,
.ax-btn.ax-xs.ax-round:after {
  border-radius: 22px;
}
.ax-btn.ax-sm.ax-round,
.ax-btn.ax-sm.ax-round:after {
  border-radius: calc(38px - 10px);
}
.ax-btn.ax-lg.ax-round,
.ax-btn.ax-lg.ax-round:after {
  border-radius: calc(38px + 10px);
}
.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: 38px;
  width: 38px;
  text-align: center;
}
.ax-btn.ax-xxs.ax-circle,
.ax-btn.ax-xxs.ax-circle:after {
  padding: 0;
  border-radius: 18px;
  width: 18px;
}
.ax-btn.ax-xs.ax-circle,
.ax-btn.ax-xs.ax-circle:after {
  padding: 0;
  border-radius: 22px;
  width: 22px;
}
.ax-btn.ax-sm.ax-circle,
.ax-btn.ax-sm.ax-circle:after {
  padding: 0;
  border-radius: calc(38px - 10px);
  width: calc(38px - 10px);
}
.ax-btn.ax-lg.ax-circle,
.ax-btn.ax-lg.ax-circle:after {
  padding: 0;
  border-radius: calc(38px + 10px);
  width: calc(38px + 10px);
}
.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: 120px;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longer,
input.ax-btn.ax-longer,
button.ax-btn.ax-longer {
  width: 200px;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longest,
input.ax-btn.ax-longest,
button.ax-btn.ax-longest {
  width: 240px;
  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: 60px;
}
.ax-btn.ax-longer.ax-xs,
input.ax-btn.ax-longer.ax-xs,
button.ax-btn.ax-longer.ax-xs {
  width: 80px;
}
.ax-btn.ax-longest.ax-xs,
input.ax-btn.ax-longest.ax-xs,
button.ax-btn.ax-longest.ax-xs {
  width: 120px;
}
.ax-btn.ax-long.ax-sm,
input.ax-btn.ax-long.ax-sm,
button.ax-btn.ax-long.ax-sm {
  width: 80px;
}
.ax-btn.ax-longer.ax-sm,
input.ax-btn.ax-longer.ax-sm,
button.ax-btn.ax-longer.ax-sm {
  width: 120px;
}
.ax-btn.ax-longest.ax-sm,
input.ax-btn.ax-longest.ax-sm,
button.ax-btn.ax-longest.ax-sm {
  width: 180px;
}
.ax-btn.ax-long.ax-lg,
input.ax-btn.ax-long.ax-lg,
button.ax-btn.ax-long.ax-lg {
  width: 160px;
  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: 240px;
  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: 280px;
  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% - (14px * 2));
}
input.ax-margin-left,
button.ax-margin-right {
  width: calc(100% - 14px);
}
/*type icon*/
.ax-btn.ax-icon {
  color: rgba(0, 0, 0, 0.5);
  width: 38px;
  text-align: center;
}
.ax-btn.ax-icon [class*="font"] {
  margin: 0;
}
.ax-btn.ax-icon .ax-svg {
  fill: #333333;
  width: 18px;
  height: 18px;
  margin: 0;
}
.ax-btn.ax-icon img {
  margin: 0;
  width: 18px;
  height: 18px;
}
.ax-btn.ax-icon:not(.ax-xs):not(.ax-sm):not(.ax-lg) [class*="font"] {
  font-size: 18px;
}
.ax-btn.ax-icon.ax-xs [class*="font"] {
  font-size: 12px;
}
.ax-btn.ax-icon.ax-xs .ax-svg,
.ax-btn.ax-icon.ax-xs img {
  width: 12px;
  height: 12px;
}
.ax-btn.ax-icon.ax-sm [class*="font"] {
  font-size: 12px;
}
.ax-btn.ax-icon.ax-sm .ax-svg,
.ax-btn.ax-icon.ax-sm img {
  width: 12px;
  height: 12px;
}
.ax-btn.ax-icon.ax-lg [class*="font"] {
  font-size: 22px;
}
.ax-btn.ax-icon.ax-lg .ax-svg,
.ax-btn.ax-icon.ax-lg img {
  width: 22px;
  height: 22px;
}
.ax-btn.ax-icon,
button.ax-btn.ax-icon {
  padding: 0;
}
.ax-btn.ax-icon.ax-xxs {
  width: 18px;
}
.ax-btn.ax-icon.ax-xs {
  width: 22px;
}
.ax-btn.ax-icon.ax-sm {
  width: calc(38px - 10px);
}
.ax-btn.ax-icon.ax-lg {
  width: calc(38px + 10px);
}
/*btn active hover*/
.ax-btn:hover {
  color: #198cff;
  box-shadow: 2px 2px 10px 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: 2px 2px 10px 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 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: #ec6c00;
  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: 2px 2px 10px 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: #ec6c00;
  background: transparent;
}
.ax-btn.ax-line.ax-ad *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-ad *[class*="font"] {
  color: #ec6c00;
}
.ax-btn.ax-line.ax-ad:hover,
.ax-btn.ax-reverse.ax-line.ax-ad:hover {
  color: #ec6c00;
  background-color: rgba(255, 132, 0, 0.1);
  box-shadow: 2px 2px 10px 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: #ec6c00;
}
input.ax-btn.ax-line.ax-ad:hover,
button.ax-btn.ax-line.ax-ad:hover {
  border-color: #ec6c00;
}
.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: #ec6c00;
}
.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: #ec6c00;
}
.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: #ec6c00;
}
.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: #ec6c00;
}
.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: #ec6c00;
}
/**/
.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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: 2px 2px 10px 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: #ec6c00;
}
.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: #ec6c00;
  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: #ec6c00;
}
.ax-btn.ax-line.ax-ad.ax-disabled:after,
.ax-btn.ax-line.ax-ad.ax-disabled:hover:after {
  border-color: #ec6c00;
}
.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: #ec6c00;
  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: #ec6c00;
}
.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: 5px 5px 20px rgba(25, 140, 255, 0.4);
}
.ax-btn.ax-secondary.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 5px 5px 20px rgba(71, 91, 102, 0.4);
}
.ax-btn.ax-success.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 5px 5px 20px rgba(65, 163, 88, 0.4);
}
.ax-btn.ax-danger.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 5px 5px 20px rgba(220, 53, 69, 0.4);
}
.ax-btn.ax-warning.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 5px 5px 20px rgba(255, 193, 7, 0.4);
}
.ax-btn.ax-ad.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 5px 5px 20px rgba(255, 132, 0, 0.4);
}
.ax-btn.ax-info.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 5px 5px 20px rgba(20, 204, 201, 0.4);
}
.ax-btn.ax-black.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 5px 5px 20px 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: 14px;
}
.ax-txt-btn *[class*="font"] {
  font-size: 14px;
}
/*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: 3px;
  border-bottom-left-radius: 3px;
}
.ax-btn-group > .ax-btn:last-child,
.ax-btn-group > .ax-btn:last-child:after {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ax-btn-group > .ax-btn:not(:first-of-type) {
  margin-left: -1px;
}
.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, #ec6c00, #ffd900);
}
.ax-ad.ax-gradient,
.ax-ad.ax-gradient-45 {
  background: linear-gradient(45deg, #ec6c00, #ffd900);
}
.ax-ad.ax-gradient-90 {
  background: linear-gradient(90deg, #ec6c00, #ffd900);
}
.ax-ad.ax-gradient-135 {
  background: linear-gradient(135deg, #ec6c00, #ffd900);
}
.ax-ad.ax-gradient-180 {
  background: linear-gradient(180deg, #ec6c00, #ffd900);
}
.ax-ad.ax-gradient-225 {
  background: linear-gradient(225deg, #ec6c00, #ffd900);
}
.ax-ad.ax-gradient-270 {
  background: linear-gradient(270deg, #ec6c00, #ffd900);
}
.ax-ad.ax-gradient-315 {
  background: linear-gradient(315deg, #ec6c00, #ffd900);
}
.ax-ad.ax-gradient-360 {
  background: linear-gradient(360deg, #ec6c00, #ffd900);
}
/*form*/
.ax-form-origin {
  font-size: 14px;
  margin: 8px 0;
}
.ax-form-origin .ax-icon {
  color: #6dacea;
  font-size: 14px;
  width: 18px;
}
.ax-form-label {
  width: 160px;
  height: 38px;
  line-height: calc(38px/2);
  text-align: right;
  margin-right: 14px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ax-form-label:empty {
  height: 0px;
}
.ax-form-input {
  width: 360px;
  position: relative;
}
input[type="text"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="password"] {
  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"],
select {
  width: 100%;
  height: 80px;
  line-height: 80px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
}
select {
  z-index: 3;
  background-color: transparent;
}
select::-ms-expand {
  display: none;
}
textarea {
  width: 100%;
  height: calc(22px*5 + 18px);
  line-height: 22px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  padding: 8px 10px;
  border-radius: 3px;
  display: block;
  position: relative;
  z-index: 1;
}
input:not([readonly]):not([class*="ax-check"]):not([class*="ax-btn"]):hover,
textarea:not([readonly]):not([class*="ax-check"]):hover {
  border-color: rgba(25, 140, 255, 0.5);
}
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,
textarea:focus,
textarea.ax-focus {
  color: #198cff;
  box-shadow: 0 0 0 3px rgba(25, 140, 255, 0.2);
  border-color: rgba(25, 140, 255, 0.5) !important;
}
input[readonly=""]:not([class*="mbsc"]):not([id*="_dummy"]),
textarea[readonly=""]: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,
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,
textarea:focus,
textarea.ax-focus {
  color: #198cff;
  box-shadow: 0 0 0 3px rgba(25, 140, 255, 0.2);
  border-color: rgba(25, 140, 255, 0.5) !important;
}
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,
select.ax-xs {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 4px;
}
textarea.ax-xs {
  font-size: 12px;
  line-height: 22px;
  height: calc(22px*3 + 2px);
  padding: 0px 4px;
}
.ax-form-group.ax-xs {
  font-size: 12px;
}
.ax-form-group.ax-xs .ax-form-label {
  height: 22px;
  line-height: 22px;
  margin-right: 4px;
}
.ax-form-group.ax-xs .ax-form-con {
  line-height: 22px;
}
.ax-form-group.ax-xs .ax-form-txt {
  line-height: 22px;
  margin-left: 4px;
}
.ax-form-group.ax-xs .ax-pos-right {
  line-height: 22px;
  padding-right: 4px;
}
.ax-form-group.ax-xs .ax-pos-right [class*="font"] {
  height: 22px;
  line-height: 24px;
  margin-left: 4px;
}
.ax-form-group.ax-xs .ax-form-head {
  height: 22px;
  width: 22px;
  background-size: cover,14px 14px;
  margin-left: 4px;
}
.ax-form-group.ax-xs .ax-form-img {
  height: 22px;
  line-height: 22px;
  margin-left: 4px;
}
.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 4px;
}
.ax-form-group.ax-xs .ax-input-file {
  height: 22px;
}
.ax-form-group.ax-xs .ax-file-btn {
  height: 22px;
  line-height: 22px;
  padding: 0 4px;
}
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,
select.ax-sm {
  font-size: 14px;
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
  padding: 0 6px;
}
textarea.ax-sm {
  font-size: 14px;
  height: calc(22px*3 + 8px);
  padding: 3px 6px;
}
.ax-form-group.ax-sm .ax-form-label {
  height: calc(38px - 10px);
  line-height: calc((38px - 10px)/2);
  margin-right: 8px;
}
.ax-form-group.ax-sm .ax-form-txt {
  line-height: calc(38px - 10px);
  margin-left: 8px;
}
.ax-form-group.ax-sm .ax-pos-right {
  line-height: calc(38px - 10px);
  padding-right: 8px;
}
.ax-form-group.ax-sm .ax-pos-right [class*="font"] {
  margin-left: 8px;
}
.ax-form-group.ax-sm .ax-form-head {
  height: calc(38px - 10px);
  width: calc(38px - 10px);
  background-size: cover,18px 18px;
  margin-left: 8px;
}
.ax-form-group.ax-sm .ax-form-img {
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
  margin-left: 8px;
}
.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 6px;
}
.ax-form-group.ax-sm .ax-input-file {
  height: calc(38px - 10px);
}
.ax-form-group.ax-sm .ax-file-btn {
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
  padding: 0 8px;
}
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,
select.ax-lg {
  height: calc(38px + 10px);
  line-height: calc(38px + 10px);
  padding: 0 14px;
}
textarea.ax-lg {
  height: calc(22px*3 + 23px);
  padding: 8px 14px;
}
.ax-form-group.ax-lg .ax-form-label {
  height: calc(38px + 10px);
  line-height: calc((38px + 10px)/2);
}
.ax-form-group.ax-lg .ax-form-txt {
  line-height: calc(38px + 10px);
}
.ax-form-group.ax-lg .ax-pos-right {
  line-height: calc(38px + 10px);
}
.ax-form-group.ax-lg .ax-form-head {
  height: calc(38px + 10px);
  width: calc(38px + 10px);
  margin-left: 14px;
}
.ax-form-group.ax-lg .ax-form-img {
  height: calc(38px + 10px);
  line-height: calc(38px + 10px);
  margin-left: 14px;
}
.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 18px;
}
.ax-form-group.ax-lg .ax-input-file {
  height: calc(38px + 10px);
}
.ax-form-group.ax-lg .ax-file-btn {
  height: calc(38px + 10px);
  line-height: calc(38px + 10px);
  padding: 0 18px;
}
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,
select.ax-square,
textarea.ax-square,
input[type="text"].ax-square + .ax-file-btn {
  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,
select.ax-round,
textarea.ax-round {
  border-radius: calc(38px/2);
  padding-left: 16px;
  padding-right: 16px;
}
input[type="text"].ax-round + .ax-file-btn {
  border-radius: 0 calc(38px/2) calc(38px/2) 0;
  padding: 0 16px;
}
input.ax-round + .ax-pos-right {
  padding-right: 16px;
}
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,
select.ax-round.ax-xs,
textarea.ax-round.ax-xs {
  border-radius: 11px;
  padding-left: 8px;
  padding-right: 8px;
}
input[type="text"].ax-round.ax-xs + .ax-file-btn {
  border-radius: 0 11px 11px 0;
  padding: 0 8px;
}
input.ax-round.ax-xs + .ax-pos-right {
  padding-right: 8px;
}
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,
select.ax-round.ax-sm,
textarea.ax-round.ax-sm {
  border-radius: calc((38px - 10px) / 2);
  padding-left: 10px;
  padding-right: 10px;
}
input[type="text"].ax-round.ax-sm + .ax-file-btn {
  border-radius: 0 calc((38px - 10px)/2) calc((38px - 10px)/2) 0;
  padding: 0 10px;
}
input.ax-round.ax-sm + .ax-pos-right {
  padding-right: 10px;
}
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,
select.ax-round.ax-lg,
textarea.ax-round.ax-lg {
  border-radius: calc((38px + 10px) / 2);
  padding-left: 20px;
  padding-right: 20px;
}
input[type="text"].ax-round.ax-lg + .ax-file-btn {
  border-radius: 0 calc((38px + 10px) / 2) calc((38px + 10px) / 2) 0;
  padding: 0 20px;
}
input.ax-round.ax-lg + .ax-pos-right {
  padding-right: 20px;
}

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 3px rgba(25, 140, 255, 0.2);
  border-color: rgba(25, 140, 255, 0.5) !important;
}
.ax-form-btn.ax-round {
  padding: 0 16px;
}
 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 3px 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 3px 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 3px 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 3px 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 3px 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 3px 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: #ec6c00;
  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: #ec6c00;
  box-shadow: 0 0 0 3px rgba(255, 132, 0, 0.14);
  background-color: rgba(255, 132, 0, 0.06);
  border-color: rgba(255, 132, 0, 0.3) !important;
}
.ax-input-file {
  width: 100%;
  height: 38px;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-file-btn {
  color: #fff;
  height: 38px;
  line-height: 38px;
  background-color: #198cff;
  border-radius: 0 3px 3px 0;
  padding: 0 14px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ax-input-file:hover + input {
  border-color: rgba(25, 140, 255, 0.5);
}

.ax-radio {
  position: relative;
}
.ax-radio *[type="radio"] {
  display: none;
}
.ax-radio span {
  line-height: 38px;
  white-space: nowrap;
  margin-right: 22px;
}
.ax-radio span:before {
  content: '';
  width: 18px;
  height: 18px;
  margin-right: 4px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 100%;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  position: relative;
  top: 10px;
  transition: all 0.2s ease-out;
  float: left;
}
.ax-radio span:after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  cursor: pointer;
  background-color: #198cff;
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 4px;
  transform: scale(0);
  transition: all 0.2s ease-out;
}
.ax-radio:hover span:before {
  border-color: #198cff;
}
.ax-radio input[type="radio"]:checked + span:before {
  border-color: #198cff;
}
.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: 18px;
  width: 18px;
  overflow: hidden;
}
.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: 4px;
}
/*radio size*/
.ax-radio.ax-xs span {
  line-height: 22px;
  margin-right: 14px;
}
.ax-radio.ax-xs span:before {
  top: 2px;
  margin-right: 4px;
}
.ax-radio.ax-xs span:after {
  top: 6px;
}
.ax-radio.ax-sm span {
  line-height: calc(28px);
  margin-right: 14px;
}
.ax-radio.ax-sm span:before {
  top: 5px;
  margin-right: 8px;
}
.ax-radio.ax-sm span:after {
  top: 9px;
}
.ax-radio.ax-lg span {
  line-height: calc(28px + 20px);
}
.ax-radio.ax-lg span:before {
  top: 15px;
}
.ax-radio.ax-lg span:after {
  top: 19px;
}
.ax-checkbox {
  position: relative;
}
.ax-checkbox *[type="checkbox"] {
  display: none;
}
.ax-checkbox span {
  line-height: 38px;
  white-space: nowrap;
  margin-right: 22px;
}
.ax-checkbox span:before {
  content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 3px;
  margin-right: 4px;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  position: relative;
  top: 11px;
  transition: all 0.2s ease-out;
  float: left;
}
.ax-checkbox span:after {
  content: '';
  width: 10px;
  height: 6px;
  border-radius: 0 6px 0 0;
  cursor: pointer;
  box-shadow: -2px 2px 0 0 #198cff;
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 3px;
  transform: rotate(-45deg) scale(0);
  transition: all 0.2s ease-out;
}
.ax-checkbox:hover span:before {
  border-color: #198cff;
}
.ax-checkbox input[type="checkbox"]:checked + span:before {
  border-color: #198cff;
  background-color: #198cff;
}
.ax-checkbox input[type="checkbox"]:checked + span:after {
  box-shadow: -2px 2px 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: -2px 2px 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: -2px 2px 0 0 #b3b3b3;
  transform: rotate(-45deg) scale(1);
}
.ax-checkbox input[type="checkbox"] + span:empty:before {
  margin-right: 0;
}
.ax-checkbox.ax-bone {
  height: 18px;
  width: 18px;
  overflow: hidden;
}
.ax-checkbox.ax-bone span {
  width: 100%;
  height: 100%;
  margin: 0;
}
.ax-checkbox.ax-bone span:before {
  left: 1px;
  top: 1px;
}
.ax-checkbox.ax-bone span:after {
  left: 4px;
  top: 2px;
}
/*checkbox size*/
.ax-checkbox.ax-xs span {
  line-height: 22px;
  margin-right: 14px;
}
.ax-checkbox.ax-xs span:before {
  top: 3px;
}
.ax-checkbox.ax-xs span:after {
  top: 4px;
}
.ax-checkbox.ax-sm span {
  line-height: 28px;
  margin-right: 14px;
}
.ax-checkbox.ax-sm span:before {
  top: 6px;
}
.ax-checkbox.ax-sm span:after {
  top: 7px;
}
.ax-checkbox.ax-lg span {
  line-height: calc(28px + 20px);
}
.ax-checkbox.ax-lg span:before {
  top: 16px;
}
.ax-checkbox.ax-lg span:after {
  top: 17px;
}
.ax-chera {
  font-size: 14px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  margin: 5px auto;
  position: relative;
}
.ax-chera input {
  display: none;
}
.ax-chera span {
  width: 100%;
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
  border-radius: 3px;
  white-space: nowrap;
  padding: 0 10px;
  margin: 5px auto;
  display: block;
  box-sizing: border-box;
  transition: all 0.2s 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: 3px;
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-chera span:after {
  content: '';
  width: 10px;
  height: 6px;
  cursor: pointer;
  box-shadow: -2px 2px 0 0 #b3b3b3;
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 12px;
  opacity: 0.4;
  transform: rotate(-45deg);
  transition: all 0.2s 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: -2px 2px 0 0 #fff;
  transform: rotate(-45deg);
}
.ax-chera input:focus + span {
  outline: none;
  border-color: #198cff;
}
.ax-chera input:focus + span:after {
  box-shadow: -2px 2px 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: -2px 2px 0 0 #b3b3b3;
}
/*chera size*/
.ax-chera.ax-xs {
  font-size: 12px;
  margin: 1px auto;
}
.ax-chera.ax-xs span {
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  margin: 0 auto;
}
.ax-chera.ax-xs span:after {
  top: 3px;
  right: 6px;
}
.ax-chera.ax-sm {
  margin: 1px auto;
}
.ax-chera.ax-sm span {
  height: calc(28px - 2px);
  line-height: calc(28px - 2px);
  margin: 1px auto;
}
.ax-chera.ax-sm span:after {
  top: 6px;
}
.ax-chera.ax-lg span {
  height: calc(28px + 10px);
  line-height: calc(28px + 10px);
}
.ax-chera.ax-lg span:after {
  top: 12px;
}
.ax-switch {
  width: 40px;
  box-sizing: border-box;
}
.ax-switch input {
  display: none;
}
.ax-switch span {
  width: 100%;
  height: 22px;
  border: 1px solid #e0e0e0;
  border-radius: 22px;
  margin: calc((38px - 22px)/2) 0;
  display: block;
  box-sizing: border-box;
  transition: all 0.2s linear;
  position: relative;
}
.ax-switch span:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  transition: all 0.2s 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: 18px;
}
.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: 3px 0;
}
.ax-switch.ax-lg span {
  margin: 13px 0;
}
/*increase number*/
.ax-increase {
  border-radius: 3px;
  width: calc(38px*4);
  height: 38px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e0e0e0;
}
.ax-increase:hover {
  border-color: rgba(25, 140, 255, 0.5);
}
.ax-increase .ax-minus,
.ax-increase .ax-plus {
  background-color: #fafafa;
  box-sizing: border-box;
  width: 38px;
  height: 100%;
  line-height: calc(38px - 2px);
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  color: #666666;
}
.ax-increase .ax-minus {
  left: 0;
  border-radius: 3px 0 0 3px;
  border-right: 1px solid #e0e0e0;
}
.ax-increase .ax-plus {
  right: 0;
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #e0e0e0;
}
.ax-increase [class*="font"] {
  font-size: 12px;
}
.ax-increase svg {
  width: 12px;
  height: 100%;
}
.ax-increase.ax-array-left input {
  padding-left: calc(10px + 38px);
}
.ax-increase.ax-array-right input {
  padding-right: calc(10px + 38px);
}
.ax-increase.ax-array-left .ax-minus,
.ax-increase.ax-array-left .ax-plus,
.ax-increase.ax-array-right .ax-minus,
.ax-increase.ax-array-right .ax-plus {
  height: 50%;
}
.ax-increase.ax-array-left .ax-plus,
.ax-increase.ax-array-right .ax-plus {
  line-height: calc((38px + 12px)/2);
}
.ax-increase.ax-array-left svg,
.ax-increase.ax-array-right svg {
  height: calc((100% + 12px)/2);
}
.ax-increase.ax-array-left .ax-minus,
.ax-increase.ax-array-right .ax-minus {
  line-height: calc((38px - 12px)/2);
}
.ax-increase.ax-array-left svg,
.ax-increase.ax-array-right svg {
  height: calc((100% - 12px)/2);
}
.ax-increase.ax-array-left .ax-minus {
  border-radius: 0 0 0 3px;
  top: auto;
  bottom: 0;
}
.ax-increase.ax-array-left .ax-plus {
  border-radius: 3px 0 0 0;
  border-right: 1px solid #e0e0e0;
  border-left: 0;
  top: 0;
  right: auto;
  left: 0;
}
.ax-increase.ax-array-right .ax-minus {
  border-radius: 0 0 3px 0;
  border-left: 1px solid #e0e0e0;
  border-right: 0;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
}
.ax-increase.ax-array-right .ax-plus {
  border-radius: 0 3px 0 0;
  top: 0;
}
.ax-increase input {
  height: 100%!important;
  text-align: center;
  border: 0;
}
.ax-increase input:not([readonly]):not([disabled]):focus {
  box-shadow: 0 0 0 4px rgba(25, 140, 255, 0.2);
}
.ax-increase input[readonly] ~ *,
.ax-increase input[disabled] ~ * {
  color: #b3b3b3;
  cursor: not-allowed;
  background: transparent;
}
.ax-increase.ax-xs {
  width: calc(22px*4);
  height: 22px;
}
.ax-increase.ax-xs .ax-minus,
.ax-increase.ax-xs .ax-plus {
  line-height: 20px;
  width: 22px;
}
.ax-increase.ax-xs input {
  font-size: 12px;
}
.ax-increase.ax-xs [class*="font"] {
  font-size: 10px;
}
.ax-increase.ax-array-right.ax-xs input {
  padding-right: calc(10px + 22px);
}
.ax-increase.ax-array-left.ax-xs .ax-plus,
.ax-increase.ax-array-right.ax-xs .ax-plus {
  line-height: 11px;
}
.ax-increase.ax-array-left.ax-xs .ax-minus,
.ax-increase.ax-array-right.ax-xs .ax-minus {
  line-height: 11px;
}
.ax-increase.ax-sm {
  width: calc((38px - 10px)*4);
  height: calc(38px - 10px);
}
.ax-increase.ax-array-right.ax-sm input {
  padding-right: 38px;
}
.ax-increase.ax-sm .ax-minus,
.ax-increase.ax-sm .ax-plus {
  line-height: calc(38px - 12px);
  width: calc(38px - 10px);
}
.ax-increase.ax-array-left.ax-sm .ax-plus,
.ax-increase.ax-array-right.ax-sm .ax-plus {
  line-height: calc((38px - 10px + 8px)/2);
}
.ax-increase.ax-array-left.ax-sm .ax-minus,
.ax-increase.ax-array-right.ax-sm .ax-minus {
  line-height: calc((38px - 10px - 6px)/2);
}
.ax-increase.ax-lg {
  width: calc((38px + 10px)*4);
  height: calc(38px + 10px);
}
.ax-increase.ax-array-right.ax-lg input {
  padding-right: calc(38px + 20px);
}
.ax-increase.ax-lg .ax-minus,
.ax-increase.ax-lg .ax-plus {
  line-height: calc(38px + 8px);
  width: calc(38px + 10px);
}
.ax-increase.ax-array-left.ax-lg .ax-plus,
.ax-increase.ax-array-right.ax-lg .ax-plus {
  line-height: calc((38px + 10px + 12px)/2);
}
.ax-increase.ax-array-left.ax-lg .ax-minus,
.ax-increase.ax-array-right.ax-lg .ax-minus {
  line-height: calc((38px + 10px - 12px)/2);
}
/*password strength*/
.ax-strength {
  color: #b3b3b3;
  font-size: 12px;
  text-align: center;
  line-height: 0;
}
.ax-form-con + .ax-strength {
  margin-left: 8px;
}
.ax-form-input + .ax-strength {
  padding-left: 3px;
  padding-right: 3px;
  margin-top: -5px;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
}
.ax-form-input + .ax-strength .ax-bar {
  height: 2px;
}
.ax-strength .ax-bar {
  width: 100%;
  height: 3px;
  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: #ec6c00;
}
.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,
.ax-strength .ax-col:nth-of-type(1).ax-lv2 .ax-title:before {
  content: '弱';
}
.ax-strength .ax-col:nth-of-type(3) .ax-title:before,
.ax-strength .ax-col:nth-of-type(1).ax-lv3 .ax-title:before {
  content: '中';
}
.ax-strength .ax-col:nth-of-type(4) .ax-title:before,
.ax-strength .ax-col:nth-of-type(1).ax-lv4 .ax-title:before {
  content: '强';
}
.ax-strength .ax-col:nth-of-type(5) .ax-title:before,
.ax-strength .ax-col:nth-of-type(1).ax-lv5 .ax-title:before {
  content: '很强';
}
.ax-strength .ax-active.ax-lv1 {
  color: #dc3545;
}
.ax-strength .ax-active.ax-lv2 {
  color: #ec6c00;
}
.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: 28px;
  line-height: calc(38px - 3px);
}
.ax-strength-svg {
  height: 38px;
  width: 38px;
  text-align: center;
  line-height: 38px;
  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: 38px;
  width: 38px;
}
.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: #ec6c00;
}
.ax-strength-svg.ax-medium path.svg-out {
  stroke-dashoffset: -152;
}
.ax-strength-svg.ax-medium:before {
  content: '中';
  color: #ec6c00;
}
.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: 19px;
}
.ax-strength-svg.ax-xs {
  height: 22px;
  width: 22px;
  line-height: 22px;
}
.ax-strength-svg.ax-xs svg {
  height: 22px;
  width: 22px;
}
.ax-strength.ax-sm .ax-title {
  line-height: calc(38px - 10px - 3px);
}
.ax-strength-svg.ax-sm {
  height: calc(38px - 10px);
  width: calc(38px - 10px);
  line-height: calc(38px - 10px);
}
.ax-strength-svg.ax-sm svg {
  height: calc(38px - 10px);
  width: calc(38px - 10px);
}
/*valid*/
.ax-valid {
  font-size: 14px;
}
.ax-valid *[class*="font"] {
  font-size: 14px;
  margin-right: 2px;
}
.ax-form-btn {
  margin-left: 8px;
  padding: 0 14px;
  height: 38px;
  line-height: 38px;
}
.ax-form-txt {
  font-size: 14px;
  line-height: 38px;
  margin-left: 8px;
}
.ax-form-txt.ax-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.ax-form-head {
  height: 38px;
  width: 38px;
  border-radius: 100%;
  margin-left: 8px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  background-color: #f5f5f5;
}
.ax-form-img {
  font-size: 14px;
  border-radius: 3px;
  height: 38px;
  line-height: 38px;
  margin-left: 8px;
  display: block;
  position: relative;
}
.ax-form-img:before {
  border-radius: 3px;
  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: 3px;
  vertical-align: top;
}
.ax-form-img a,
.ax-form-img span,
.ax-form-img i {
  margin: 0 14px;
}
.ax-bunch-txt {
  line-height: 38px;
  margin: 0 8px;
}
.ax-pos-right {
  font-size: 14px;
  line-height: 38px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.ax-pos-right *[class*="font"] {
  color: #ccc;
  margin-left: 14px;
}
.ax-pos-right .ax-val-none:hover {
  color: #666666;
}
.ax-pos-left {
  line-height: 38px;
  padding-left: 10px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-pos-left *[class*='font'] {
  color: #adc1cc;
  width: 18px;
}
.ax-pos-left svg {
  fill: #adc1cc;
  height: 38px;
  margin-right: 4px;
  float: left;
}
/*form group*/
.ax-input-group .ax-title {
  z-index: 2;
}
.ax-input-group .ax-title,
.ax-input-group .ax-title:hover,
.ax-input-group .ax-title:active,
.ax-input-group .ax-suffix,
.ax-input-group .ax-suffix:hover,
.ax-input-group .ax-suffix:active {
  color: #333333;
  background-color: #fafafa;
  box-shadow: none;
  opacity: 1;
}
.ax-input-group .ax-title:hover,
.ax-input-group .ax-title:active,
.ax-input-group .ax-suffix:hover,
.ax-input-group .ax-suffix:active {
  z-index: 3;
}
.ax-input-group .ax-title,
.ax-input-group .ax-title:after {
  border-radius: 3px 0 0 3px;
}
.ax-input-group .ax-title:after {
  border-right: none;
}
.ax-input-group .ax-title:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #198cff;
  opacity: 0;
  transition: all 0.1s linear;
  position: absolute;
  right: -1px;
  top: 0;
}
.ax-input-group .ax-title:hover:before {
  opacity: 1;
}
.ax-input-group .ax-suffix,
.ax-input-group .ax-suffix:after {
  border-radius: 0 3px 3px 0;
}
.ax-input-group .ax-operate,
.ax-input-group .ax-operate:after {
  border-radius: 0 3px 3px 0;
}
.ax-input-group .ax-btn {
  height: 38px;
  line-height: 38px;
  padding: 0 12px;
}
.ax-input-group .ax-title + div input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  z-index: 1;
}
.ax-input-group .ax-title + div input:focus {
  z-index: 2;
}
/*select2 optimize*/
.ax-input-group .ax-title + div .select-text,
.ax-input-group .ax-title + div select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-input-group .ax-chera {
  margin: 0;
}
.ax-input-group .ax-chera span {
  height: 38px;
  line-height: 38px;
  margin: 0;
}
.ax-input-group .ax-chera span:after {
  top: 13px;
}
.ax-input-group .ax-title + div .ax-chera span,
.ax-input-group .ax-title + div .ax-chera span:before {
  border-radius: 0;
  border-right-width: 0;
}
.ax-input-group .ax-title + div .ax-col:last-child .ax-chera span,
.ax-input-group .ax-title + div .ax-col:last-child .ax-chera span:before {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right-width: 1px;
}
/*select2 optimize*/
.ax-input-group .ax-title-select + .select-box .select-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-input-group .ax-select-next:after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: rgba(25, 140, 255, 0.5);
  opacity: 0;
  transition: all 0.1s linear;
  position: absolute;
  left: -1px;
  top: 0;
  z-index: 2;
}
.ax-input-group .ax-select-next.ax-hover:after {
  opacity: 1;
}
.ax-input-group .ax-select-next input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.ax-input-group .ax-suffix-select + .select-box .select-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-input-group .ax-suffix-prev:after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: rgba(25, 140, 255, 0.5);
  opacity: 0;
  transition: all 0.1s linear;
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 2;
}
.ax-input-group .ax-suffix-prev.ax-hover:after {
  opacity: 1;
}
.ax-input-group .ax-suffix-prev input {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 2;
}
/*list fast*/
.ax-fast-active {
  position: relative;
  z-index: 4;
}
.ax-fast-list {
  width: 100%;
  max-height: 176px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 0 0 3px 3px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: calc(100% - 1px);
  display: none;
}
.ax-fast-input[type="text"] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/*emulate tel*/
.ax-emulate .ax-form-group {
  padding: 0 14px;
}
.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: 88px;
  line-height: calc(38px - 10px);
  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: 0px;
}
.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 {
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
}
.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: 0px;
  box-shadow: none;
}
.ax-emulate .ax-form-btn {
  font-size: 12px;
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
}
.ax-emulate .ax-form-btn.ax-icon {
  font-size: 12px;
  width: calc(38px - 10px);
}
.ax-emulate .ax-form-btn.ax-icon .ax-iconfont {
  font-size: 12px!important;
}
.ax-emulate .ax-form-btn.ax-icon svg {
  width: 12px;
  height: 12px;
}
.ax-emulate .ax-form-label {
  height: calc(38px - 10px);
  line-height: calc((38px - 10px)/2);
  width: 70px;
  text-align: left;
  margin-right: 0;
  justify-content: flex-start;
}
.ax-emulate .ax-form-txt {
  line-height: calc(38px - 10px);
  margin-left: 8px;
}
.ax-emulate .ax-form-group {
  padding: 8px 14px;
}
.ax-emulate .ax-pos-right {
  right: -10px;
  line-height: calc(38px - 10px);
}
.ax-emulate .ax-form-head {
  height: calc(38px - 10px);
  width: calc(38px - 10px);
}
.ax-emulate .ax-input-file {
  height: calc(38px - 10px);
}
.ax-emulate .ax-file-btn {
  font-size: 12px;
  border-radius: 3px;
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
}
.ax-emulate .ax-bunch-txt {
  line-height: calc(38px - 10px);
}
.ax-emulate .ax-bunch-txt:last-child {
  margin-right: 0;
}
.ax-emulate .ax-form-img {
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
}
.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(38px - 10px);
  line-height: calc(38px - 10px);
  padding-left: 0;
}
.ax-emulate .ax-pos-left svg {
  height: calc(38px - 10px);
}
.ax-emulate .select-box {
  margin-top: calc((-38px + 28px)/2);
  margin-bottom: calc((-38px + 28px)/2);
  width: 100%!important;
}
.ax-emulate .select-box-ax:not(.select-box-open) .select-single,
.ax-emulate .select-box-ax:not(.select-box-open) .select-multiple {
  border-color: rgba(255, 255, 255, 0);
}
.ax-emulate .ax-radio,
.ax-emulate .ax-checkbox,
.ax-emulate .ax-chera,
.ax-emulate .ax-switch {
  margin-top: calc((-38px + 28px)/2);
  margin-bottom: calc((-38px + 28px)/2);
}
.ax-emulate .ax-chera span:before {
  border: none!important;
}
.ax-emulate .ax-increase {
  width: calc(28px*4);
  height: 28px;
  border: none;
}
.ax-emulate .ax-increase .ax-minus,
.ax-emulate .ax-increase .ax-plus {
  width: 28px;
  line-height: calc(28px - 2px);
  border-radius: 28px;
  border: 1px solid #e0e0e0;
}
.ax-emulate .ax-increase input:not([readonly]):not([disabled]):focus {
  box-shadow: none;
}
.ax-emulate .ax-input-group .ax-btn {
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
  font-size: 12px;
}
.ax-emulate .ax-input-group .ax-operate,
.ax-emulate .ax-input-group .ax-operate:after {
  border-radius: 3px;
}
.ax-emulate .irs--ax {
  margin-top: calc((-38px + 28px)/2);
}
.ax-emulate .mbsc-fr-inline {
  border-top: 1px solid #ebebeb;
}
.ax-emulate .ax-strength .ax-bar {
  height: 2px;
}
.ax-emulate .ax-strength .ax-title {
  line-height: calc(38px - 10px - 2px);
}
.ax-emulate .ax-strength-svg svg {
  width: calc(38px - 10px);
  height: calc(38px - 10px);
}
.ax-emulate .ax-strength-svg {
  width: calc(38px - 10px);
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
}
/*table*/
.ax-table {
  font-size: 14px;
  width: 100%;
  border-collapse: collapse;
  border-radius: 3px;
  border-top: 1px solid #ebebeb;
  background-color: #fff;
  border-spacing: 0;
}
.ax-table tr {
  border-bottom: 1px solid #ebebeb;
  padding: 5px;
  transition: all 0.1s 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: 18px;
  line-height: 14px;
  margin-left: 4px;
  margin-top: -2px;
  background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  transition: all 0.1s 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: 14px;
  line-height: 18px;
  text-align: center;
  text-transform: none;
  padding: 10px 0;
}
.ax-table td {
  line-height: 18px;
  text-align: center;
  padding: 10px 0;
}
.ax-table td .ax-align-left,
.ax-table th .ax-align-left {
  margin: 0 14px;
}
.ax-table.ax-align-left td,
.ax-table.ax-align-left th {
  text-align: left;
  padding-left: 14px;
  padding-right: 14px;
}
.ax-table .ax-avatar {
  margin-top: calc((-22px + 18px)/2);
  margin-bottom: calc((-22px + 18px)/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 {
  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: 18px;
  line-height: 14px;
  margin-left: 4px;
  margin-top: -2px;
  transition: all 0.1s 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% - 14px*4);
}
.ax-table thead[class*='-sorting'] .ax-align-right {
  float: right;
  width: calc(100% - 14px*4);
}
.ax-table tfoot .left {
  text-align: left;
  margin-left: 14px;
}
.ax-table tfoot .right {
  text-align: right;
  margin-right: 14px;
}
.ax-table .ax-btn.ax-xs {
  margin-top: calc((-22px + 18px)/2);
  margin-bottom: calc((-22px + 18px)/2);
}
.ax-table .ax-btn.ax-icon.ax-xs {
  position: relative;
}
.ax-table .ax-operate {
  margin-top: calc((-22px + 18px)/2);
  margin-bottom: calc((-22px + 18px)/2);
}
.ax-table .ax-operate [class*="font"] {
  color: #b3b3b3;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  width: 22px;
  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(22px - 2px);
  border-radius: 3px;
}
.ax-table .ax-operate [class*="font"]:hover .ax-dot {
  right: -1px;
  top: -1px;
}
.ax-table .ax-ell {
  max-width: 160px;
}
.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((-22px + 18px)/2);
  margin-bottom: calc((-22px + 18px)/2);
}
.ax-table .ax-select.ax-xs + span {
  margin-top: calc(((-22px + 18px)/2) - 4px);
  margin-bottom: calc((-22px + 18px)/2);
}
.ax-table .ax-select {
  width: 120px;
}
.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: 120px;
  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: 18px;
  line-height: 14px;
  margin-left: 4px;
  margin-top: -2px;
  transition: all 0.1s 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% - 14px*4);
}
.ax-table thead[class*='-sorting'] .ax-align-right {
  float: right;
  width: calc(100% - 14px*4);
}
.ax-table-wrapper:after {
  content: '.';
  visibility: hidden;
  clear: both;
  display: block;
  height: 0px;
}
.ax-table-wrapper div:first-child + .ax-break {
  height: 0;
}
.ax-table-wrapper .ax-table-info {
  color: #666666;
  margin-right: 14px;
  float: left;
}
.ax-table-wrapper .ax-table-processing {
  color: #666666;
  text-align: center;
  margin: 14px 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 4px;
}
.ax-table-wrapper .ax-table-filter {
  float: right;
}
.ax-table-wrapper .ax-table-filter .ax-btn {
  margin-left: 4px;
}
.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: 14px;
}
.ax-table-wrapper .ax-table-button.ax-float-right {
  margin-left: 14px;
}
.ax-table-wrapper .ax-table-button .ax-collection {
  width: 120px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  position: absolute;
  z-index: 2;
}
.ax-table-wrapper .ax-table-button .ax-collection .ax-btn {
  border-width: 0 0 1px 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 1px 0;
}
.ax-table-wrapper .ax-table-button .ax-collection a.ax-btn:after {
  border-width: 0 0 1px 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: 3px;
  border-top-right-radius: 3px;
}
.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: 3px;
  border-bottom-right-radius: 3px;
}
.ax-table-wrapper .ax-table-button .ax-collection-title {
  color: #666666;
  line-height: 28px;
  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;
  background-color: #fff;
}
.ax-table-wrapper .DTFC_RightHeadWrapper,
.ax-table-wrapper .DTFC_RightBodyWrapper,
.ax-table-wrapper .DTFC_RightFootWrapper {
  border-left: 1px solid #ebebeb;
  background-color: #fff;
}
.ax-table-wrapper .DTFC_Blocker {
  background-color: #fff;
}
.ax-table tr[style*='height:0px'],
.ax-table tr[style*='height: 0px'] {
  display: none;
  border-width: 0;
}
.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 popup  */
.ax-popup-content {
  display: none;
}
.ax-popup-rtl {
  direction: rtl;
  text-align: right;
}
.ax-popup {
  min-width: 100px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  text-align: left;
  white-space: normal;
  padding: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.ax-popup.ax-top,
.ax-popup.ax-top-left,
.ax-popup.ax-top-right {
  margin-top: -8px;
}
.ax-popup.ax-right,
.ax-popup.ax-right-top,
.ax-popup.ax-right-bottom {
  margin-left: 8px;
}
.ax-popup.ax-bottom,
.ax-popup.ax-bottom-left,
.ax-popup.ax-bottom-right {
  margin-top: 8px;
}
.ax-popup.ax-left,
.ax-popup.ax-left-top,
.ax-popup.ax-left-bottom {
  margin-left: -8px;
}
.ax-popup.ax-pop {
  transform: scale(0.8);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  opacity: 0;
  filter: alpha(opacity=0);
}
.ax-popup.ax-pop-out {
  transition: 0.15s linear;
  opacity: 0;
}
.ax-popup.ax-fade,
.ax-popup.ax-fade-out {
  transition: opacity 0.15s linear;
  opacity: 0;
}
.ax-popup.ax-out {
  opacity: 0;
  filter: alpha(opacity=0);
}
.ax-popup.ax-in {
  transform: none;
  opacity: 1;
}
.ax-popup .ax-popup-content {
  max-width: 1000px;
  max-height: 600px;
  box-sizing: border-box;
  padding: 14px;
  display: block;
}
.ax-popup .ax-popup-content > div:first-child {
  width: 100%;
}
.ax-popup-inner > .ax-close {
  font-family: arial;
  font-size: 22px;
  color: #ccc;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
  text-align: center;
  line-height: 38px;
  width: 38px;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-popup-inner > .ax-close:hover,
.ax-popup-inner > .ax-close:focus {
  color: #dc3545;
}
.ax-popup-inner > .ax-close:after {
  content: "\00D7";
  width: 38px;
  height: 38px;
}
.ax-popup-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 38px;
  background-color: #fff;
  padding: 0 14px;
  margin: 0;
  border-bottom: 1px solid #ebebeb;
  border-radius: 3px 3px 0 0;
}
.ax-popup-inverse {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.ax-popup-inverse .ax-popup-inner .ax-close {
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ax-popup-inverse .ax-popup-inner .ax-close:hover,
.ax-popup-inverse .ax-popup-inner .ax-close:focus {
  color: #000;
}
.ax-popup-inverse .ax-popup-title {
  color: #fff;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ax-no-padding .ax-popup-content {
  padding: 0;
}
.ax-no-padding .list-group-item {
  border-right: none;
  border-left: none;
}
.ax-no-padding .list-group-item:first-child {
  border-top: 0;
}
.ax-no-padding .list-group-item:last-child {
  border-bottom: 0;
}
.ax-popup.ax-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: 8px;
}
.ax-popup > .ax-arrow:after {
  content: "";
  border-width: 8px;
}
.ax-popup.ax-top > .ax-arrow,
.ax-popup.ax-top-right > .ax-arrow,
.ax-popup.ax-top-left > .ax-arrow {
  margin-left: -8px;
  border-top-color: #ebebeb;
  border-bottom-width: 0;
  bottom: -8px;
  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: -8px;
  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: -8px;
  border-left-width: 0;
  border-right-color: #ebebeb;
  top: 50%;
  left: -8px;
}
.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: 1px;
  bottom: -8px;
}
.ax-popup.ax-bottom > .ax-arrow,
.ax-popup.ax-bottom-right > .ax-arrow,
.ax-popup.ax-bottom-left > .ax-arrow {
  margin-left: -8px;
  border-bottom-color: #ebebeb;
  border-top-width: 0;
  top: -8px;
  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: -8px;
  border-bottom-color: #fff;
  border-top-width: 0;
  top: 1px;
}
.ax-popup.ax-left > .ax-arrow,
.ax-popup.ax-left-top > .ax-arrow,
.ax-popup.ax-left-bottom > .ax-arrow {
  margin-top: -8px;
  border-right-width: 0;
  border-left-color: #ebebeb;
  top: 50%;
  right: -8px;
}
.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: -8px;
  right: 1px;
}
.ax-popup-inverse.ax-top > .ax-arrow,
.ax-popup-inverse.ax-top-left > .ax-arrow,
.ax-popup-inverse.ax-top-right > .ax-arrow,
.ax-popup-inverse.ax-top > .ax-arrow:after,
.ax-popup-inverse.ax-top-left > .ax-arrow:after,
.ax-popup-inverse.ax-top-right > .ax-arrow:after {
  border-top-color: rgba(0, 0, 0, 0.5);
}
.ax-popup-inverse.ax-right > .ax-arrow,
.ax-popup-inverse.ax-right-top > .ax-arrow,
.ax-popup-inverse.ax-right-bottom > .ax-arrow,
.ax-popup-inverse.ax-right > .ax-arrow:after,
.ax-popup-inverse.ax-right-top > .ax-arrow:after,
.ax-popup-inverse.ax-right-bottom > .ax-arrow:after {
  border-right-color: rgba(0, 0, 0, 0.5);
}
.ax-popup-inverse.ax-bottom > .ax-arrow,
.ax-popup-inverse.ax-bottom-left > .ax-arrow,
.ax-popup-inverse.ax-bottom-right > .ax-arrow,
.ax-popup-inverse.ax-bottom > .ax-arrow:after,
.ax-popup-inverse.ax-bottom-left > .ax-arrow:after,
.ax-popup-inverse.ax-bottom-right > .ax-arrow:after {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}
.ax-popup-inverse.ax-left > .ax-arrow,
.ax-popup-inverse.ax-left-top > .ax-arrow,
.ax-popup-inverse.ax-left-bottom > .ax-arrow,
.ax-popup-inverse.ax-left > .ax-arrow:after,
.ax-popup-inverse.ax-left-top > .ax-arrow:after,
.ax-popup-inverse.ax-left-bottom > .ax-arrow:after {
  border-left-color: rgba(0, 0, 0, 0.5);
}
.ax-popup i.ax-refresh:before {
  content: "";
}
.ax-popup i.ax-refresh {
  width: 30px;
  height: 30px;
  font-size: 20px;
  margin-left: -15px;
  margin-right: -15px;
  background: url(../images/loading.gif) no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.ax-popup-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
}
.ax-popup .ax-dropdown-menu {
  border: none;
  box-shadow: none;
  float: none;
  display: block;
  position: relative;
  top: 0;
}
.ax-popup-hide {
  display: none;
}
.ax-popup .ax-operate {
  text-align: center;
  line-height: 38px;
}
.ax-popup .ax-operate .ax-gutter-line {
  height: 38px;
}
.pop_btns {
  overflow: hidden;
}
.pop_btns .app_list_block:hover {
  background-color: #f5f5f5;
}
.pop_btns .app_list_block:hover *[class*="font"] {
  color: #808080;
}
.pop_btns .app_list_block {
  font-size: 12px;
  padding: 0 8px;
}
.pop_btns .app_list_block *[class*="font"] {
  margin-right: 8px;
  color: #ccc;
}
/*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: -148px;
  transform: none;
}
.ax-grade.ax-right .ax-outer:before {
  content: '';
  width: 10px;
  height: 38px;
  position: absolute;
  left: -10px;
  top: 0;
}
.ax-grade .ax-outer,
.ax-grade ul.ax-outer ul {
  width: 140px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 3px;
}
.ax-grade ul.ax-outer li {
  text-align: left;
  line-height: 38px;
  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: 8px;
  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: -1px;
  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 8px 0 8px;
  transition: all 0.1s 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: 4px;
}
.ax-grade ul.ax-outer li a svg {
  margin-right: 4px;
}
/*header*/
.ax-space-header {
  height: calc(44px + 10px);
  overflow: hidden;
}
.ax-header.ax-inherit + .ax-space-header {
  display: none;
}
.ax-header {
  background-color: #fff;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  transition: all 0.1s 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(44px + 10px);
  transition: all 0.2s linear;
  vertical-align: middle;
  position: relative;
}
.ax-header .ax-logo img,
.ax-header .ax-logo svg {
  height: calc(44px + 10px);
}
.ax-header .ax-col {
  overflow: hidden;
}
.ax-header .ax-nav .ax-item {
  margin: 0 16px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.ax-header .ax-nav .ax-item a {
  transition: all 0.2s linear;
}
.ax-header .ax-nav .ax-item a.ax-text > i {
  font-size: 10px;
  line-height: 14px;
  vertical-align: middle;
  margin-left: 4px;
}
.ax-header .ax-nav .ax-item a.ax-text {
  line-height: calc(44px + 10px);
  width: 100%;
  text-align: center;
}
.ax-header .ax-nav .ax-item .ax-line {
  height: 2px;
  background-color: #198cff;
  width: 28px;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 0.2s linear;
  position: absolute;
  left: 50%;
  top: calc(44px + 10px - 2px);
}
.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: 18px;
  color: #666666;
  width: calc(44px + 10px);
  height: calc(44px + 10px);
  line-height: calc(44px + 10px);
  text-align: center;
  position: relative;
}
.ax-header .ax-back:after {
  content: '';
  width: 1px;
  height: 24px;
  background-color: #ebebeb;
  position: absolute;
  right: -1px;
  top: calc((44px + 10px - 24px)/2);
}
.ax-header .ax-title {
  height: calc(44px + 10px);
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 14px;
}
.ax-header .ax-title .ax-outer {
  width: 100%;
}
.ax-header .ax-title .ax-row01 {
  font-size: 16px;
  width: 100%;
  line-height: 22px;
}
.ax-header .ax-title .ax-row02 {
  font-size: 12px;
  color: #ccc;
  width: 100%;
  line-height: 14px;
}
.ax-header .ax-search {
  width: 200px;
  height: 34px;
  margin: 0 14px;
  vertical-align: middle;
  position: relative;
  display: inline-block;
}
.ax-header .ax-search input {
  height: calc(44px - 10px);
  width: 100%;
  padding-right: 44px;
  position: absolute;
  top: 0;
  left: 0;
}
.ax-header .ax-search *[class*="search"] {
  color: #ccc;
  text-align: center;
  line-height: calc(44px - 10px);
  width: calc(44px - 10px);
  height: calc(44px - 10px);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.ax-header .ax-search *[class*="search"]:after {
  content: '';
  width: 1px;
  height: 16px;
  background-color: #f0f0f0;
  position: absolute;
  left: -1px;
  top: 9px;
}
.ax-header .ax-login {
  margin-left: 14px;
  margin-right: 14px;
  vertical-align: middle;
  position: relative;
  display: inline-block;
}
.ax-header .ax-login a {
  height: calc(44px - 10px);
  line-height: calc(44px - 10px - 2px);
  box-sizing: border-box;
  padding: 0 14px;
  text-align: center;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  transition: all 0.1s linear;
  position: relative;
}
.ax-header .ax-login a:not(:first-child):before {
  content: '';
  height: 16px;
  width: 1px;
  background-color: #f0f0f0;
  position: absolute;
  left: -1px;
  top: 9px;
}
.ax-header .ax-login a:first-child {
  border-radius: 3px 0 0 3px;
  border-left: 1px solid #e0e0e0;
}
.ax-header .ax-login a:last-child {
  border-radius: 0 3px 3px 0;
  border-right: 1px solid #e0e0e0;
}
.ax-header .ax-login a:first-child:last-child {
  border-radius: 3px;
}
.ax-header .ax-login a:hover {
  color: #fff;
  border-color: #198cff;
  background-color: #198cff;
  z-index: 2;
}
.ax-header .ax-btns {
  padding: 0 14px;
  height: calc(44px + 10px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ax-header .ax-btns > * {
  color: #475b66;
  font-size: 18px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  text-align: center;
  margin-left: 10px;
  transition: all 0.1s linear;
  position: relative;
  z-index: 2;
}
.ax-header .ax-btns > * .ax-dot {
  position: absolute;
  top: 0px;
  right: 0px;
}
.ax-header .ax-btns > * .ax-badge {
  position: absolute;
  top: -3px;
  right: -5px;
}
.ax-header .ax-btns > *[style*="background-image"] {
  margin-right: 14px;
}
.ax-header .ax-btns > *[style*="background-image"]:before {
  font-size: 10px;
  position: absolute;
  right: -14px;
}
.ax-header *[class*="-open"] {
  color: #6619ff;
  font-size: 18px;
  width: calc(44px - 10px);
  line-height: 44px;
  text-align: center;
  transition: all 0.1s linear;
  vertical-align: middle;
  position: relative;
  display: none;
}
.ax-header .ax-image {
  display: none;
  vertical-align: middle;
}
.ax-header .ax-resemble {
  width: 200px;
  margin: 10px 3px;
  height: calc(44px - 10px);
  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: 44px;
}
.ax-header .ax-resemble *[class*="search"] {
  line-height: calc(44px - 10px);
  width: calc(44px - 10px);
  height: calc(44px - 10px);
  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: 16px;
  background-color: #f0f0f0;
  position: absolute;
  left: -1px;
  top: 9px;
}
.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: 14px;
}
.ax-footer .ax-copyright + .ax-operate a {
  margin-right: 0;
  margin-left: 14px;
}
.ax-footer .ax-operate a.ax-icon {
  margin-right: 4px;
}
.ax-footer .ax-copyright + .ax-operate a.ax-icon {
  margin-right: 0;
  margin-left: 4px;
}
.ax-footer .ax-operate a[class*="font"] {
  font-size: 18px;
  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: 28px;
  width: auto!important;
}
/*bottom button*/
.ax-space-btmbtn {
  height: 44px;
  overflow: hidden;
}
.ax-btmbtn {
  text-align: center;
  height: 44px;
  line-height: 44px;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.ax-btmbtn .ax-head {
  width: 28px;
  height: 28px;
  margin: 8px 8px 8px 14px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  background-color: #f5f5f5;
  position: relative;
}
.ax-btmbtn .ax-resemble {
  font-size: 12px;
  color: #b3b3b3;
  text-align: left;
  height: 28px;
  line-height: 28px;
  border-radius: 28px;
  margin: 8px auto;
  padding: 0 14px;
  box-sizing: border-box;
  background-color: #f5f5f5;
  display: block;
}
.ax-btmbtn .ax-btns {
  padding-right: 8px;
}
.ax-btmbtn .ax-btns > a,
.ax-btmbtn .ax-btns > span {
  color: #666666;
  margin-left: 8px;
}
.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(44px - 16px);
  margin-top: 8px;
}
/*bottom nav*/
.ax-space-btmnav {
  height: calc(38px + 20px);
  overflow: hidden;
  display: none;
}
.ax-btmnav {
  text-align: center;
  height: calc(38px + 20px);
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 -1px 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(38px + 20px);
  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: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 22px;
  text-align: center;
  margin: 8px auto 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px;
  position: relative;
  display: block;
}
.ax-btmnav a.ax-single {
  width: 80px;
}
.ax-btmnav .ax-single *[class*="font"] {
  font-size: 42px;
  color: #198cff;
  width: calc(38px + 20px);
  height: calc(38px + 20px);
  line-height: calc(38px + 20px);
}
.ax-btmnav a.ax-img .ax-figure {
  width: 24px;
  height: 24px;
  margin: 10px auto 2px auto;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  background-color: #f5f5f5;
  position: relative;
}
.ax-btmnav .ax-figure svg {
  width: 22px;
  height: 28px;
}
.ax-btmnav .ax-figure .ax-dot {
  position: absolute;
  right: -6px;
  top: 0px;
}
.ax-btmnav .ax-figure .ax-badge {
  position: absolute;
  right: -14px;
  top: -4px;
}
.ax-btmnav .ax-text {
  font-size: 10px;
  width: 60px;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: auto;
  display: block;
}
.ax-btmnav .ax-gutter-line {
  height: calc(38px + 20px);
}
/*bottom nav end*/
/*list start*/
.ax-info-block {
  line-height: 22px;
  padding: calc((38px - 22px)/2) 14px;
  display: block;
  transition: all 0.1s linear;
  position: relative;
}
.ax-info-block .ax-num {
  font-size: 12px;
  color: #666666;
  background-color: #fff;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  margin-right: calc((38px - 22px)/2);
  margin-top: calc((22px - 18px)/2);
  text-align: center;
  border-radius: 3px;
  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: 3px;
  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((38px - 22px)/2);
}
.ax-info-block .ax-arrow[class*='font'] {
  color: #ccc;
}
.ax-info-block .ax-icon {
  margin-right: calc((38px - 22px)/2);
}
.ax-info-block .ax-icon:before {
  top: 1px;
}
.ax-info-block .ax-head {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  background-color: #f5f5f5;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  margin-right: calc((38px - 22px)/2);
}
.ax-info-block .ax-checkbox.ax-bone,
.ax-info-block .ax-radio.ax-bone {
  margin-top: calc((22px - 18px)/2);
  margin-left: calc((38px - 22px)/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: 14px;
  box-sizing: border-box;
  transition: all 0.1s linear;
  position: relative;
  display: block;
}
.ax-item-block .ax-img {
  height: 96px;
  width: calc(96px + 28px);
  overflow: hidden;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  background-color: #f5f5f5;
  position: relative;
}
.ax-item-block .ax-img:nth-child(1) {
  margin-right: 14px;
}
.ax-item-block .ax-img:nth-last-child(1) {
  margin-left: 14px;
}
.ax-item-block .ax-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.ax-item-block .ax-des {
  color: #666666;
  margin-top: 8px;
}
.ax-item-block .ax-from {
  font-size: 12px;
  line-height: 22px;
  margin-top: 8px;
}
.ax-item-block .ax-from *[class*='font'] {
  font-size: 12px;
}
.ax-item-block .ax-from svg {
  height: 12px;
}
.ax-item-block .ax-from *[class*='-color-'] {
  margin-right: 14px;
}
.ax-item-block .ax-keywords {
  color: #666666;
  font-size: 12px;
  line-height: 22px;
  margin-top: 8px;
}
.ax-item-block .ax-keywords *[class*='font'] {
  font-size: 12px;
}
.ax-item-block .ax-keywords svg {
  height: 12px;
}
.ax-item-block .ax-keywords .ax-child {
  margin-right: 14px;
}
.ax-item-block .ax-gallery {
  margin-top: 8px;
  position: relative;
}
.ax-item-block .ax-gallery > .ax-num {
  color: #fff;
  font-size: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 16px;
  padding: 0 4px;
  border-radius: 3px;
  position: absolute;
  left: 8px;
  bottom: 8px;
}
.ax-item-block .ax-gallery > span,
.ax-item-block .ax-gallery > a {
  margin-right: 8px;
  height: 96px;
  line-height: 96px;
  width: calc(96px + 28px);
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  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: 12px;
  margin-top: 8px;
  height: 14px;
  line-height: 14px;
  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: 3px;
  box-sizing: border-box;
  display: block;
  padding: 14px;
  position: relative;
  transition: all 0.2s linear;
}
.ax-card-block:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.ax-card-block .ax-img {
  height: 200px;
  margin-bottom: 14px;
  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,20px 20px;
  background-color: #f5f5f5;
  transition: all 0.2s 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: 14px;
  margin-top: 14px;
  height: calc(18px * 2);
  max-width: 100%;
  line-height: 18px;
  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: 22px;
  margin-top: 14px;
}
.ax-card-block .ax-from > span,
.ax-card-block .ax-from > a {
  color: #ccc;
  margin-right: 14px;
}
.ax-card-block .ax-keywords {
  line-height: 22px;
  color: #ccc;
  margin-top: 14px;
}
.ax-card-block .ax-keywords > span,
.ax-card-block .ax-keywords > a {
  color: #ccc;
  margin-right: 14px;
}
.ax-card-block .ax-operate {
  margin-top: 14px;
  margin-bottom: -14px;
  line-height: 44px;
  text-align: center;
  border-top: 1px solid #ebebeb;
}
.ax-card-block .ax-operate .ax-gutter-line {
  height: 44px;
}
.ax-card-block .ax-view {
  color: #ccc;
  line-height: 38px;
  margin-top: 14px;
}
.ax-card-block .ax-view .ax-heads span {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 1px solid #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  background-color: #f5f5f5;
}
.ax-card-block .ax-view .ax-heads span:not(:first-child) {
  margin-left: calc(-28px/2);
}
.ax-card-block .ax-view .ax-heads i {
  color: #666666;
  margin-left: 4px;
}
.ax-card-block .ax-gallery {
  margin-top: 14px;
  position: relative;
}
.ax-card-block .ax-gallery .ax-num {
  color: #fff;
  font-size: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 16px;
  padding: 0 4px;
  border-radius: 3px;
  position: absolute;
  left: 8px;
  bottom: 8px;
}
.ax-card-block .ax-gallery > span,
.ax-card-block .ax-gallery > a {
  margin-right: 2px;
  width: calc((100% - 4px)/3);
  height: 96px;
  overflow: hidden;
  line-height: 96px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  background-color: #f5f5f5;
}
.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: -12px;
  margin-bottom: 14px;
}
/*tab*/
.ax-tab .ax-tab-content {
  transition: all 0.2s 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: 38px;
  text-align: center;
  box-sizing: border-box;
}
.ax-swiper-nav .swiper-slide:after {
  content: '';
  height: 2px;
  width: 28px;
  background-color: #198cff;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 0.2s linear;
  position: absolute;
  left: 50%;
  bottom: 0px;
}
.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: 38px;
  text-align: center;
  padding: 0 14px;
  position: relative;
}
.ax-menu-tab .ax-item.ax-active {
  color: #198cff;
}
.ax-menu-tab .ax-item:after {
  content: '';
  height: 2px;
  width: 28px;
  background-color: #198cff;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 0.2s linear;
  position: absolute;
  left: 50%;
  bottom: 0px;
}
.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 -1px 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: 38px;
  line-height: 38px;
  padding: 0 14px;
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
  transition: all 0.1s 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: 3px;
  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: 3px 0 0 0;
}
.ax-menu-page .ax-item:last-child,
.ax-menu-page .ax-item:last-child:after {
  border-radius: 0 3px 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: 4px;
}
.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: 5px 0 5px 14px;
}
.ax-panel-header .ax-adorn {
  margin-right: 4px;
  transition: all 0.2s linear;
}
.ax-panel-header .ax-title {
  position: relative;
  margin-right: 8px;
}
.ax-panel-header.ax-bar:before,
.ax-panel-header.ax-bar-left:before {
  content: '';
  width: 2px;
  height: 14px;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: calc((28px + 10px)/2 - 7px);
}
.ax-panel-header.ax-bar-top .ax-title:before {
  content: '';
  width: 28px;
  height: 2px;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: -5px;
}
.ax-panel-header.ax-bar-bottom .ax-title:before {
  content: '';
  width: 28px;
  height: 2px;
  background-color: #198cff;
  position: absolute;
  left: 0;
  bottom: -5px;
}
.ax-panel-header .ax-operate {
  margin-right: 8px;
  color: #b3b3b3;
  line-height: 28px;
  height: 28px;
  transition: all 0.2s linear;
}
.ax-panel-header .ax-operate:last-child {
  margin-right: 14px;
}
.ax-panel-header .ax-operate svg {
  fill: #b3b3b3;
  height: 28px;
}
.ax-panel-header .ax-operate:hover svg {
  fill: #198cff;
}
.ax-panel-header .ax-btn {
  margin-right: 5px;
}
.ax-panel-header .ax-btn-group .ax-btn {
  margin-right: 0;
}
.ax-panel-header .ax-btn.ax-xs {
  margin-top: calc((28px - 22px)/2);
}
.ax-panel-header .ax-btn.ax-xs:last-child {
  margin-right: calc((38px - 22px)/2);
}
.ax-panel-header .ax-badge {
  margin-right: 14px;
  margin-top: calc((28px - 16px)/2);
}
.ax-panel-header .ax-dot {
  margin-right: 14px;
  margin-top: calc((28px - 8px)/2);
}
.ax-panel-header .ax-menu-tab .ax-item {
  line-height: 28px;
  padding: 0;
  margin-right: 8px;
}
.ax-panel-header .ax-menu-tab .ax-item:last-child {
  margin-right: 14px;
}
/*box*/
.ax-box {
  background-color: #fff;
}
.ax-box-header {
  position: relative;
  padding: 14px 0 14px 22px;
}
.ax-box-header .ax-adorn {
  font-size: 36px;
  line-height: 46px;
  margin-right: 8px;
  transition: all 0.2s linear;
}
.ax-box-header.ax-simple .ax-adorn {
  font-size: 16px;
  line-height: 28px;
  margin-right: 4px;
}
.ax-box-header .ax-title {
  font-size: 16px;
  position: relative;
  margin-right: 8px;
}
.ax-box-header.ax-bar:before,
.ax-box-header.ax-bar-left:before {
  content: '';
  width: 2px;
  height: 16px;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: calc((28px + 14px*2)/2 - 7px);
}
.ax-box-header.ax-bar-top .ax-title:before {
  content: '';
  width: 28px;
  height: 2px;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: -14px;
}
.ax-box-header.ax-bar-bottom .ax-title:before {
  content: '';
  width: 28px;
  height: 2px;
  background-color: #198cff;
  position: absolute;
  left: 0;
  bottom: -28px;
}
.ax-box-header.ax-simple.ax-bar-bottom .ax-title:before {
  bottom: -14px;
}
.ax-box-header .ax-des {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.ax-box-header .ax-operate {
  color: #b3b3b3;
  line-height: 28px;
  height: 28px;
  text-align: center;
  padding: 0 calc(14px/2);
  transition: all 0.2s linear;
}
.ax-box-header .ax-operate:last-child {
  margin-right: calc(22px - 14px/2);
}
.ax-box-header .ax-operate:hover {
  color: #198cff;
}
.ax-box-header .ax-operate svg {
  fill: #b3b3b3;
  height: 28px;
}
.ax-box-header .ax-operate:hover svg {
  fill: #198cff;
}
.ax-box-header .ax-btn {
  margin-right: 5px;
}
.ax-box-header .ax-btn-group .ax-btn {
  margin-right: 0;
}
.ax-box-header .ax-btn.ax-xs {
  margin-top: 3px;
}
.ax-box-header .ax-btn:last-child {
  margin-right: 22px;
}
.ax-box-header .ax-menu-tab .ax-item {
  line-height: 28px;
  padding: 0;
  margin-right: 8px;
}
.ax-box-header .ax-menu-tab .ax-item:last-child {
  margin-right: 22px;
}
.ax-box-header .ax-bullet-outer {
  padding: 0 22px;
}
.ax-box-header .ax-badge {
  margin-right: 22px;
  margin-top: calc((28px - 16px)/2);
}
.ax-box-header .ax-dot {
  margin-right: 22px;
  margin-top: calc((28px - 8px)/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: #ec6c00;
}
.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: #ec6c00;
}
.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(14px*2) 14px;
  box-sizing: border-box;
}
.ax-lump .ax-bone .ax-img {
  width: calc(14px*4);
  height: calc(14px*4);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover,20px 20px;
  background-color: #f5f5f5;
}
.ax-lump .ax-title {
  margin-top: calc(14px*2);
  font-size: 16px;
}
.ax-lump .ax-des {
  color: #666666;
  line-height: 18px;
  margin: 0 auto calc(14px*2) auto;
}
/*accordion*/
.ax-accordion .ax-item:not(.ax-disabled) .ax-panel-header {
  cursor: pointer;
}
.ax-accordion .ax-item.ax-disabled .ax-panel-header,
.ax-accordion .ax-item.ax-disabled .ax-panel-header a,
.ax-accordion .ax-item.ax-disabled .ax-panel-header .ax-more,
.ax-accordion .ax-item.ax-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: 12px;
  text-align: center;
  line-height: 28px;
  margin: 14px 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: 10px;
}
.ax-pagination .ax-first i:not([class*="font"]),
.ax-pagination .ax-prev i:not([class*="font"]) {
  margin-right: 4px;
  margin-left: -4px;
}
.ax-pagination .ax-last i:not([class*="font"]),
.ax-pagination .ax-next i:not([class*="font"]) {
  margin-left: 4px;
  margin-right: -4px;
}
.ax-pagination a {
  height: auto;
  line-height: 14px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  background-image: none;
  padding: 6px 9px;
  margin: 0 2px;
  background-color: #fff;
  transition: all 0.1s linear;
}
.ax-pagination span.ax-active {
  color: #fff;
  height: auto;
  line-height: 14px;
  padding: 6px 9px;
  margin: 0 2px;
  border: 1px solid #198cff;
  border-radius: 3px;
  background-image: none;
  background-color: #198cff;
}
.ax-pagination a span[class*="font"] {
  font-size: 12px;
  margin: 0;
}
.ax-pagination span {
  margin: 0 2px;
}
.ax-pagination input {
  font-size: 12px;
  width: 40px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ebebeb;
  text-align: center;
  margin: 0 2px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #fff;
  position: relative;
  top: 0;
}
.ax-pagination input[type='button'],
.ax-pagination input[type='submit'],
.ax-pagination button[type='button'] {
  font-size: 12px;
  height: 28px;
  line-height: calc(28px - 6px);
  margin: 0 2px;
  padding: 0 10px;
}
.ax-pagination input[type='submit'] {
  width: auto;
  padding: 0 10px;
  text-align: center;
  position: relative;
  top: 0px;
}
.ax-pagination select {
  font-size: 12px;
  -webkit-appearance: menulist-button;
  width: auto;
  height: 28px;
  border: 1px solid #ebebeb;
  text-align: center;
  background-color: #fff;
  padding: 0 10px;
  margin: 0 2px;
}
.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: 14px;
  margin: 0;
  padding: 6px 9px;
}
.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: -1px;
}
.ax-pagination .ax-group :first-child {
  border-radius: 3px 0 0 3px;
}
.ax-pagination .ax-group :last-child {
  border-radius: 0 3px 3px 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: 28px;
  min-width: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 28px;
  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: 14px auto;
  display: block;
}
.ax-statistics.ax-row .ax-item {
  width: 120px;
}
.ax-statistics .ax-item .ax-text {
  font-size: 30px;
  line-height: 38px;
  position: relative;
}
.ax-statistics .ax-item .ax-dot {
  position: absolute;
  right: -6px;
  top: 2px;
}
.ax-statistics .ax-item .ax-badge {
  position: absolute;
  top: 0px;
  right: -16px;
}
.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: -12px;
}
.ax-statistics .ax-item .ax-text .ax-arrow {
  font-size: 12px;
  color: #dc3545;
  border: 1px solid #dc3545;
  background-color: #fff;
  line-height: 14px;
  padding: 0 2px;
  border-radius: 3px;
  position: absolute;
  top: 0px;
  right: -40px;
}
.ax-statistics .ax-item .ax-title {
  color: #666666;
  display: block;
}
.ax-statistics .ax-text em {
  font-size: 12px;
  line-height: 12px;
  vertical-align: bottom;
}
/**/
.ax-statistics .ax-item .ax-image {
  float: left;
  height: 56px;
  width: 56px;
  border-radius: 100%;
  margin: 0px 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ax-statistics .ax-item .ax-icon {
  font-size: 22px;
  color: #198cff;
  width: 56px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  border-radius: 100%;
  background-color: #f0f0f0;
  margin: 0px 8px;
  position: relative;
  float: left;
}
.ax-statistics .ax-item .ax-font01 {
  font-size: 56px;
  line-height: 56px;
  margin: 0px 8px;
  position: relative;
  float: left;
}
.ax-statistics .ax-item .ax-font03 {
  color: #666666;
  text-align: left;
  margin: 0px 8px;
  position: relative;
  float: left;
}
.ax-statistics .ax-item .ax-font02 {
  text-align: left;
  margin: 0px 8px;
  position: relative;
  line-height: 0;
  float: left;
}
.ax-statistics .ax-item .ax-font02 .ax-row01 {
  font-size: 38px;
  line-height: 38px;
}
.ax-statistics .ax-item .ax-font02 .ax-row02 {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
}
/*cubes*/
.cubes {
  background-color: #fff;
}
.cubes .block {
  float: left;
  margin: 14px 0 14px 14px;
  width: calc((100% - 14px*3)/2);
  height: calc(160px + 138px);
  position: relative;
}
.cubes .block .img {
  display: block;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover,32px 32px;
  overflow: hidden;
  position: relative;
}
.cubes .block .title {
  font-weight: bold;
  line-height: 22px;
  margin: 8px 0;
  box-sizing: border-box;
}
.cubes .block .des {
  font-size: 12px;
  line-height: 22px;
  color: #808080;
  margin-bottom: 14px;
  box-sizing: border-box;
}
.cubes .block .time {
  color: #ccc;
  font-size: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.cubes .block .time .tmpfont {
  font-size: 12px;
  margin-right: 4px;
}
.fullcube .block {
  float: none;
  margin: calc(14px*2);
  width: calc(100% - 14px*4);
  height: auto;
}
.fullcube .block .img {
  height: 120px;
}
.fullcube .block .time {
  position: inherit;
  left: auto;
  bottom: auto;
}
/**/
.fullwide .block {
  display: block;
  padding: 14px;
  box-sizing: border-box;
  background-color: #fff;
}
.fullwide .block .img {
  display: block;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover,32px 32px;
  overflow: hidden;
  position: relative;
}
.fullwide .block .title {
  font-weight: bold;
  line-height: 22px;
  margin: 8px 0;
  box-sizing: border-box;
}
.fullwide .block .des {
  font-size: 12px;
  line-height: 22px;
  color: #808080;
  margin-bottom: 14px;
  box-sizing: border-box;
}
.fullwide .block .time {
  color: #ccc;
  font-size: 10px;
}
.fullwide .block .time .tmpfont {
  font-size: 12px;
  margin-right: 4px;
}
/**/
.cubes_flop {
  background-color: #fff;
  padding: calc(14px/2) 0;
}
.cubes_flop .block {
  float: left;
  margin: calc(14px/2) 0 calc(14px/2) 14px;
  width: calc((100% - 14px*3)/2);
  height: 180px;
  overflow: hidden;
  position: relative;
  text-align: center;
  color: #fff;
}
.cubes_flop .layer01 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover,32px 32px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.cubes_flop .title {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 44px;
  width: 100%;
  color: #fff;
}
.cubes_flop .layer02 {
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: 100%;
  height: calc(100% - 44px);
  width: 100%;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  z-index: 2;
}
.cubes_flop .in {
  position: absolute;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  top: 50%;
  transform: translate(0, -50%);
}
.cubes_flop .des {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 10px;
  color: #fff;
}
.cubes_flop .layer03 {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #198cff;
  color: #fff;
}
.cubes_flop .layer03 *[class*="font"] {
  color: #fff;
  font-size: 36px;
  line-height: 36px;
}
.cubes_flop .layer03 img {
  width: 54px;
  height: 54px;
}
.cubes_flop .layer03 .name {
  font-size: 14px;
}
.cubes_flop .layer03 .txt {
  font-size: 10px;
  line-height: 18px;
}
.floped .layer01 {
  top: calc(-100% + 44px);
}
.floped .layer02 {
  top: 44px;
}
/**/
.cubes_logos {
  background-color: #fff;
}
.cubes_logos .block {
  position: relative;
  float: left;
  width: 50%;
  height: 160px;
  text-align: center;
  transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
}
.cubes_logos .block:active {
  background-color: #f5f5f5;
}
.cubes_logos .icon {
  margin: 26px 0 16px 0;
}
.cubes_logos .icon span {
  font-size: 36px;
  line-height: 36px;
}
.cubes_logos .pic {
  margin-top: 36px;
}
.cubes_logos .pic img {
  height: 44px;
}
.cubes_logos .person {
  margin-top: 16px;
}
.cubes_logos .person span {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cubes_logos .title {
  font-size: 14px;
}
.cubes_logos .des {
  color: #808080;
  line-height: 18px;
  font-size: 12px;
}
.cubes_logos_x3 .block {
  width: 33.33%;
}
.cubes_logos_break .block:before {
  content: '';
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  transform: scaleX(0.5);
}
.cubes_logos_break .block:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background-color: #ebebeb;
  transform: scaleY(0.5);
}
/*breadcrumb*/
.ax-breadcrumb {
  font-size: 14px;
}
.ax-breadcrumb *[class*='font'] {
  font-size: 14px;
}
.ax-breadcrumb .ax-title {
  color: #666666;
}
.ax-breadcrumb .ax-title[class*='font'] {
  font-size: 14px;
  margin-right: 8px;
}
.ax-breadcrumb a {
  color: #666666;
}
.ax-breadcrumb a [class*='font'] {
  color: #666666;
  font-size: 14px;
  width: auto;
  margin-right: 4px;
}
.ax-breadcrumb a:hover,
.ax-breadcrumb a:hover i {
  color: #198cff;
}
.ax-breadcrumb a[class*='font'] {
  font-size: 14px;
}
.ax-breadcrumb .ax-gutter {
  color: #ccc;
  font-size: 12px;
  text-align: center;
  margin: auto 8px;
  display: inline;
}
.ax-breadcrumb .ax-gutter[class*='font'] {
  font-size: 10px;
}
.ax-breadcrumb .ax-gutter[class*='code'] {
  font-size: 18px;
}
/*empty*/
.ax-empty {
  font-size: 14px;
  text-align: center;
  padding: calc(14px*2) 0;
  margin: auto;
}
.ax-empty .ax-icon {
  line-height: 44px;
}
.ax-empty .ax-icon [class*='font'] {
  font-size: 44px;
  color: #ccc;
}
.ax-empty .ax-icon img {
  max-height: 54px;
}
.ax-empty .ax-title {
  color: #ccc;
}
.ax-empty .ax-operate {
  margin-top: 14px;
}
.ax-empty .ax-operate a {
  color: #666666;
  margin: 0 8px;
  text-decoration: underline;
}
.ax-empty .ax-operate a:hover {
  color: #198cff;
}
/*scrollnav*/
.ax-scrollnav-v {
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 14px;
  line-height: 28px;
  position: fixed;
  top: 60px;
  right: 14px;
  z-index: 4;
}
.ax-scrollnav-v .ax-close {
  color: #198cff;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 38px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: calc(-38px - 14px);
}
.ax-scrollnav-v.ax-hide {
  right: -100%;
}
.ax-scrollnav-v.ax-hide .ax-close {
  color: #fff;
  text-align: right;
  width: 44px;
  height: 44px;
  border-radius: 44px;
  line-height: 44px;
  border-width: 0;
  background-color: #198cff;
  padding: 0 4px;
  transform: translate(50%, -50%) rotate(180deg);
  position: fixed;
  right: 0;
  top: 50%;
}
.ax-scrollnav-v li {
  position: relative;
  padding-left: 14px;
  white-space: nowrap;
  border-left: 1px solid #f0f0f0;
}
.ax-scrollnav-v li.ax-active > a {
  color: #198cff;
}
.ax-scrollnav-v li:before {
  content: '';
  height: 28px;
  width: 1px;
  position: absolute;
  left: -1px;
  top: 0;
}
.ax-scrollnav-v li.ax-active:before {
  background-color: #198cff;
}
.ax-scrollnav-h {
  background-color: #fff;
  line-height: 38px;
  text-align: center;
  position: relative;
  z-index: 4;
}
.ax-scrollnav-h li {
  margin: 0 14px;
  white-space: nowrap;
  display: inline-block;
  position: relative;
}
.ax-scrollnav-h li.ax-active > a {
  color: #198cff;
}
.ax-scrollnav-h li:before {
  content: '';
  height: 2px;
  width: 100%;
  transition: all 0.2s linear;
  position: absolute;
  bottom: 0;
}
.ax-scrollnav-h li.ax-active:before {
  background-color: #198cff;
}
/*complete*/
.ax-complete [hidden] {
  display: none;
}
.ax-form-input .ax-complete {
  display: block;
}
.ax-complete .ax-text {
  color: #b3b3b3;
}
.ax-complete {
  display: inline-block;
  position: relative;
}
.ax-complete > input {
  display: block;
}
.ax-complete > ul {
  min-width: 100%;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease;
  transform-origin: calc(14px*2) -28px;
  position: absolute;
  left: 0;
  top: calc(100% + 7px);
  z-index: 1;
}
.ax-complete > ul:empty {
  display: none;
}
.ax-complete > ul[hidden],
.ax-complete > ul:empty {
  opacity: 0;
  transform: scale(0);
  display: block;
}
.ax-complete > ul:before {
  content: "";
  width: 0;
  height: 0;
  padding: 5px;
  background: #fff;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  position: absolute;
  top: -6px;
  left: calc(14px*2);
}
.ax-complete > ul > li {
  width: 100%;
  padding: 5px 14px;
  cursor: pointer;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  position: relative;
  zoom: 1;
}
.ax-complete > ul > li:hover {
  background-color: #fafafa;
  color: #198cff;
}
.ax-complete > ul > li[aria-selected="true"] {
  background-color: #fafafa;
  color: #198cff;
}
.ax-complete mark {
  color: #dc3545;
  font-weight: bold;
  background: transparent;
  text-decoration: underline;
}
/*rate*/
.ax-rate {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-rate .ax-inner {
  display: inline-block;
}
.ax-rate i {
  font-size: 18px;
  transition: all 0.2s linear;
}
.ax-rate .ax-break {
  width: 4px;
}
.ax-rate i.ax-rate-cancel {
  color: #b3b3b3;
  font-size: 14px;
}
.ax-rate i.ax-rate-cancel:hover {
  color: #dc3545;
}
.ax-rate .ax-on {
  color: #ec6c00;
}
.ax-rate .ax-off {
  color: #f5e7d7;
}
.ax-rate .ax-half {
  color: #ec6c00;
}
.ax-rate .ax-score {
  margin: 0 8px;
  color: #666666;
}
.ax-rate img {
  height: 18px;
}
.ax-rate.ax-md,
.ax-form-group .ax-rate {
  padding: calc((38px - 28px)/2) 0;
}
.ax-rate.ax-md i {
  font-size: 28px;
}
.ax-rate.ax-md img {
  height: 28px;
}
.ax-rate.ax-lg {
  line-height: 38px;
  padding: calc(38px - 28px) 0;
}
.ax-rate.ax-lg i {
  font-size: 38px;
}
.ax-rate.ax-lg img {
  height: 38px;
}
/*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: 12px;
  line-height: 18px;
  padding: 2px 6px;
  border-radius: 3px;
  position: relative;
  margin-bottom: 8px;
}
.ax-step .ax-item .ax-mark {
  width: 100%;
  line-height: 6px;
  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: 6px;
  height: 6px;
  border-radius: 100%;
  border: 2px 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: 2px;
  background-color: #198cff;
  margin-top: 4px;
}
.ax-step .ax-item .ax-title {
  color: #333333;
  font-size: 16px;
  line-height: 18px;
  margin: 8px auto;
}
.ax-step .ax-item .ax-des {
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  margin: 0 14px;
}
.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: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #198cff;
  margin-left: -5px;
  position: absolute;
  left: 50%;
  bottom: -4px;
}
/**/
.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: 5px;
}
.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: 10px;
  height: 10px;
  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: 12px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: transparent;
}
.ax-step.ax-ends-scatter.ax-style-circle .ax-item:first-child.ax-active .ax-head:before {
  left: 11px;
}
.ax-step.ax-ends-scatter.ax-style-circle .ax-item:last-child.ax-active .ax-head:before {
  left: auto;
  right: 6px;
}
.ax-step.ax-style-circle .ax-item .ax-node *[class*="font"] {
  font-size: 12px;
}
.ax-step.ax-style-circle .ax-item .ax-mark div {
  margin-top: 10px;
}
.ax-step.ax-style-img .ax-item .ax-node {
  font-size: 22px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 0;
  border: none;
  background: transparent;
}
.ax-step.ax-style-img .ax-item .ax-node img {
  max-width: 44px;
}
.ax-step.ax-style-img .ax-item .ax-node *[class*="font"] {
  font-size: 22px;
}
.ax-step.ax-ends-scatter.ax-style-img .ax-item:first-child.ax-active .ax-head:before {
  left: 22px;
}
.ax-step.ax-ends-scatter.ax-style-img .ax-item:last-child.ax-active .ax-head:before {
  left: auto;
  right: 17px;
}
.ax-step.ax-style-img .ax-item .ax-mark div {
  margin-top: 21px;
}
/**/
.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: 10px;
  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: 2px;
  height: 60px;
  margin-top: 0;
  margin-left: 4px;
  -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: 7px;
}
.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: 14px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
}
.ax-step.ax-vertical .ax-text .ax-title {
  line-height: 22px;
  margin: 0;
}
.ax-step.ax-vertical .ax-text .ax-des {
  margin: 4px 0 0 0;
}
.ax-step.ax-vertical .ax-head {
  width: 60px;
  margin-bottom: 0;
  margin-right: 8px;
  padding: 2px;
  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: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #198cff;
  left: auto;
  bottom: auto;
  top: 6px;
  right: -9px;
}
.ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark {
  width: 22px;
}
.ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark div {
  margin-left: 10px;
}
.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: 44px;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-mark div {
  margin-left: 21px;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-head,
.ax-step.ax-vertical.ax-style-img .ax-item .ax-title {
  margin-top: 10px;
}
.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: 14px;
  bottom: 14px;
  z-index: 5;
}
.ax-space-backtop {
  height: 54px;
}
.ax-backtop .ax-item {
  margin-top: 10px;
  position: relative;
}
.ax-backtop .ax-item > a {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12) inset;
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 0.2s 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 1px #198cff inset;
}
.ax-backtop .ax-text {
  font-size: 12px;
  line-height: 18px;
  width: 120px;
  padding: 9px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 46px;
  bottom: 0;
  z-index: 5;
  display: none;
}
.ax-backtop .ax-text img {
  width: 100%;
}
.ax-backtop .ax-text:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #fff;
  box-shadow: 1px 1px 0 0 #ebebeb;
  transform: rotate(-45deg);
  position: absolute;
  right: -4px;
  bottom: 15px;
}
.ax-backtop .ax-text:after {
  content: '';
  width: 8px;
  height: 100%;
  background: transparent;
  position: absolute;
  right: -9px;
  top: 0;
}
.ax-backtop .ax-item .ax-dot {
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 2;
}
.ax-backtop .ax-item .ax-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  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: 18px;
  color: #666666;
  text-align: center;
  width: 18px;
  margin: 0 4px;
}
.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: 18px;
  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: -80px;
}
.ax-backtop .ax-item.ax-totop .ax-show {
  margin-bottom: 0;
}
.ax-backtop .ax-item.ax-focus > a {
  box-shadow: 0 0 0 1px #198cff inset;
}
.ax-backtop .ax-item.ax-focus:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-color: rgba(25, 140, 255, 0.2);
  transform: scale(1.3);
  position: absolute;
}
.ax-backtop.ax-lg .ax-item > a {
  font-size: 28px;
  width: calc(28px*2);
  height: calc(28px*2);
}
.ax-backtop.ax-radius .ax-item a,
.ax-backtop.ax-radius .ax-item.ax-online:before {
  border-radius: 3px;
}
.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: 28px;
  padding: 14px;
  right: 64px;
  width: 180px;
}
.ax-backtop.ax-lg .ax-text:before {
  bottom: 23px;
}
.ax-backtop.ax-lg .ax-item.ax-social .ax-text a {
  font-size: 22px;
  width: 28px;
}
/*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: 6px;
  border-radius: 6px;
  margin-top: calc((28px - 6px)/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: 8px;
  text-align: right;
}
.ax-progress .ax-progress-percent {
  color: #666666;
  font-size: 12px;
  width: 40px;
  text-align: right;
}
.ax-progress .ax-progress-result {
  color: #b3b3b3;
  margin-left: 8px;
}
.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: #ec6c00;
}
.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: #ec6c00;
}
.ax-progress.ax-lg .ax-progress-body {
  height: 28px;
  border-radius: 28px;
  margin-top: 0;
}
.ax-progress.ax-lg .ax-progress-bar {
  border-radius: 28px;
}
.ax-progress.ax-lg .ax-progress-bar i {
  padding: 0 14px;
}
.ax-progress.ax-sm .ax-progress-body {
  height: 2px;
  border-radius: 2px;
  margin-top: calc((28px - 2px)/2);
}
.ax-progress.ax-sm .ax-progress-bar {
  border-radius: 2px;
}
.ax-progress-circle {
  width: 120px;
  text-align: center;
  margin: auto;
}
.ax-form-con + .ax-progress-circle {
  width: 38px;
  height: 38px;
  margin-left: 8px;
  margin-top: 0;
}
.ax-form-con + .ax-progress-circle .ax-progress-text {
  color: #b3b3b3;
}
.ax-progress-circle.ax-half {
  width: 160px;
}
.ax-progress-line {
  text-align: center;
  margin: auto;
}
.ax-progress-circle > svg {
  height: 100%;
  display: block;
  transition: all 0.2s linear;
}
.ax-progress-line > svg {
  height: 6px;
  border-radius: 6px;
  margin-top: calc((28px - 6px)/2);
}
.ax-progress-circle .ax-progress-text,
.ax-progress-line .ax-progress-text {
  color: #666666;
  transition: all 0.2s linear;
}
.ax-progress-line .ax-progress-text {
  font-size: 12px;
  text-align: right;
  width: 40px;
  display: inline-block;
}
.ax-progress-circle .ax-progress-text .ax-row01,
.ax-progress-line .ax-progress-text .ax-row01 {
  color: #b3b3b3;
  font-size: 12px;
  line-height: 18px;
  transition: all 0.2s linear;
}
.ax-progress-circle .ax-progress-text .ax-row02,
.ax-progress-line .ax-progress-text .ax-row02 {
  font-size: 18px;
}
.ax-progress-circle .ax-progress-text svg {
  width: 28px;
  height: 28px;
  transition: all 0.2s linear;
}
.ax-progress-line .ax-progress-text svg {
  height: 28px;
  transition: all 0.2s 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: 14px;
  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: 6px 14px;
  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: 10px;
  padding-right: 10px;
  position: relative;
}
.ax-filter .ax-item .ax-head:before {
  content: '';
  width: 1px;
  height: 12px;
  background-color: #f0f0f0;
  position: absolute;
  right: 0px;
  top: 8px;
}
.ax-filter .ax-item .ax-text a {
  padding: 0 10px;
  border-radius: 14px;
}
.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: 38px;
}
.ax-filter .ax-search-box .ax-head:before {
  top: 13px;
}
.ax-filter .ax-search {
  width: 300px;
  height: 38px;
  margin-right: 24px;
  position: relative;
  float: left;
}
.ax-filter .ax-search input {
  font-size: 14px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ax-filter .ax-flex-block .ax-search a {
  color: #b3b3b3;
  width: 44px;
  height: 38px;
  line-height: 38px;
  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: 16px;
  background-color: #f0f0f0;
  position: absolute;
  left: 0;
  top: 11px;
}
.ax-filter .ax-hot {
  font-size: 12px;
  color: #666666;
  margin-top: 5px;
}
.ax-filter .ax-toggle *[class*='font'] {
  transition: transform 0.2s linear, box-shadow 0.2s linear;
  -webkit-transition: transform 0.2s linear, box-shadow 0.2s 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: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 3px;
  transition: all 0.2s linear;
  position: relative;
}
.ax-deform:before {
  border-radius: 3px;
}
.ax-deform i {
  height: 2px;
  width: 16px;
  background-color: #666666;
  border-radius: 2px;
  transition: all 0.2s linear;
  position: absolute;
  left: calc((100% - 16px)/2);
  top: calc(50% - 1px);
}
.ax-deform.ax-i .ax-1 {
  width: 2px;
  top: calc((100% - 16px)/2);
  left: calc(50% - 1px);
}
.ax-deform.ax-i .ax-2 {
  width: 14px;
  transform: rotate(90deg);
  top: calc(50% + 2px);
  left: calc((100% - 14px)/2);
}
.ax-deform.ax-e .ax-1 {
  top: calc(50% - 6px);
}
.ax-deform.ax-e .ax-3 {
  top: calc(50% + 4px);
}
.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: 3px;
}
.ax-deform.ax-radius:before {
  border-radius: 3px;
}
.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(44px + 10px);
  height: calc(44px + 10px);
}
.ax-deform.ax-lg i {
  width: 24px;
  left: calc((100% - 24px)/2);
}
.ax-deform.ax-lg.ax-i .ax-1 {
  top: calc((100% - 24px)/2);
}
.ax-deform.ax-lg.ax-i .ax-2 {
  width: 20px;
  left: calc((100% - 20px)/2);
  transform: rotate(90deg);
}
.ax-deform.ax-lg.ax-e .ax-1 {
  top: calc(50% - 8px);
}
.ax-deform.ax-lg.ax-e .ax-3 {
  top: calc(50% + 6px);
}
.ax-deform.ax-md {
  width: 38px;
  height: 38px;
}
.ax-deform.ax-sm {
  width: 28px;
  height: 28px;
}
.ax-deform.ax-sm i {
  width: 12px;
  left: calc((100% - 12px)/2);
}
.ax-deform.ax-sm.ax-i .ax-1 {
  top: calc((100% - 12px)/2);
}
.ax-deform.ax-sm.ax-i .ax-2 {
  width: 8px;
  transform: rotate(90deg);
  left: calc((100% - 8px)/2);
}
.ax-deform.ax-e.ax-sm .ax-1 {
  top: calc(50% - 5px);
}
.ax-deform.ax-e.ax-sm .ax-3 {
  top: calc(50% + 3px);
}
.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: #ec6c00;
}
.ax-deform.ax-ad:before {
  border-color: #ec6c00;
}
.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: #ec6c00;
}
.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;
}
/*window*/
.ax-window {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: -10000px;
  top: 0;
  z-index: 8;
}
.ax-window .ax-window-overlay {
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0;
  transition: all 0.2s linear;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.ax-window.ax-window-show {
  left: 0;
  top: 0;
}
.ax-window[data-mask="true"] .ax-window-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}
.ax-window.ax-window-show .ax-window-overlay {
  opacity: 1;
}
.ax-window .ax-window-contain {
  width: 500px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  opacity: 1;
  transition: all 0.2s linear;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  position: relative;
  z-index: 9;
}
.ax-window[data-size="small"] .ax-window-contain {
  width: calc(500px/2);
}
.ax-window[data-size="middle"] .ax-window-contain {
  width: 500px;
}
.ax-window[data-size="large"] .ax-window-contain {
  width: calc(100% - 14px*2);
}
.ax-window[data-size="full"] .ax-window-contain {
  width: calc(100% - 14px*2);
  height: calc(100% - 14px*2);
}
.ax-window[data-size="full"] .ax-flex-block {
  overflow: hidden;
}
.ax-window[data-size="full"] .ax-window-content {
  max-height: 100%;
}
.ax-window[data-mask="true"] .ax-window-contain {
  border: none;
  box-shadow: none;
}
.ax-window.ax-window-show .ax-window-contain {
  animation-name: springIn;
}
.ax-window.ax-window-show[data-in="fadeIn"] .ax-window-contain {
  animation-name: fadeIn;
}
.ax-window.ax-window-show[data-in="fadeInUp"] .ax-window-contain {
  animation-name: fadeInUp;
}
.ax-window.ax-window-show[data-in="fadeInDown"] .ax-window-contain {
  animation-name: fadeInDown;
}
.ax-window-title {
  text-align: left;
  line-height: 38px;
  border-radius: 3px 3px 0 0;
  border-sizing: border-box;
  padding-left: 14px;
  background-color: #fff;
  position: relative;
}
.ax-window .ax-window-contain > .ax-window-close {
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  transition: all 0.2s linear;
  color: #b3b3b3;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ax-window .ax-window-contain > .ax-window-close [class*='font'],
.ax-window .ax-window-contain > .ax-window-close svg {
  color: #b3b3b3;
  fill: #b3b3b3;
  transition: all 0.2s linear;
}
.ax-window .ax-window-contain > .ax-window-close:hover [class*='font'],
.ax-window .ax-window-contain > .ax-window-close:hover svg {
  color: #dc3545;
  fill: #dc3545;
}
.ax-window-content,
.fancybox-content .content {
  position: relative;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ax-window-operate {
  border-radius: 0 0 3px 3px;
  overflow-y: hidden;
}
.ax-window-operate .ax-explain {
  font-size: 14px;
  line-height: 18px;
  height: 38px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-window-operate.ax-row {
  line-height: 44px;
  text-align: center;
}
.ax-window-operate.ax-row .ax-gutter-line {
  height: 44px;
}
.ax-window-operate.ax-row a:hover {
  background-color: #fff;
}
.ax-window-operate.ax-row .ax-gutter-line:last-child {
  display: none;
}
.ax-window-tips {
  text-align: center;
  padding: calc(14px*3) 14px;
}
.ax-window-tips .ax-tips-icon {
  width: 100%;
}
.ax-window-tips .ax-tips-title {
  font-size: 18px;
  line-height: 38px;
}
.ax-window-tips .ax-tips-des {
  font-size: 14px;
  color: #666666;
}
.ax-window-tips .ax-tips-btn {
  margin-top: calc(14px*2);
}
.ax-window video {
  width: 100%;
  height: auto;
  display: block;
}
/*drawer*/
.ax-drawer {
  height: 100vh;
  width: 100%;
  position: fixed;
  left: -10000px;
  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 0.2s 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-contain {
  height: 100%;
  width: 400px;
  background-color: #fff;
  opacity: 1;
  transition: all 0.2s linear;
  box-sizing: border-box;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  flex-direction: column;
  position: absolute;
  right: -400px;
  top: 0;
  z-index: 9;
}
.ax-drawer[data-size="small"] .ax-drawer-contain {
  right: -400px;
  width: 400px;
}
.ax-drawer[data-size="middle"] .ax-drawer-contain {
  right: -600px;
  width: 600px;
}
.ax-drawer[data-size="large"] .ax-drawer-contain {
  right: -70%;
  width: 70%;
}
.ax-drawer.ax-drawer-show .ax-drawer-contain {
  right: 0;
}
.ax-drawer[data-position="right"] .ax-drawer-contain {
  right: -400px;
}
.ax-drawer[data-position="right"][data-size="small"] .ax-drawer-contain {
  right: -400px;
}
.ax-drawer[data-position="right"][data-size="middle"] .ax-drawer-contain {
  right: -600px;
}
.ax-drawer[data-position="right"][data-size="large"] .ax-drawer-contain {
  right: -70%;
}
.ax-drawer[data-position="right"].ax-drawer-show .ax-drawer-contain {
  right: 0;
}
.ax-drawer[data-position="left"] .ax-drawer-contain {
  left: -400px;
}
.ax-drawer[data-position="left"][data-size="small"] .ax-drawer-contain {
  left: -400px;
}
.ax-drawer[data-position="left"][data-size="middle"] .ax-drawer-contain {
  left: -600px;
}
.ax-drawer[data-position="left"][data-size="large"] .ax-drawer-contain {
  left: -70%;
}
.ax-drawer[data-position="left"].ax-drawer-show .ax-drawer-contain {
  left: 0;
}
.ax-drawer[data-position="top"] .ax-drawer-contain {
  width: 100%;
  max-height: 200px;
  left: auto;
  right: auto;
  bottom: auto;
  top: -200px;
}
.ax-drawer[data-position="top"][data-size="small"] .ax-drawer-contain {
  top: -200px;
  max-height: 200px;
}
.ax-drawer[data-position="top"][data-size="middle"] .ax-drawer-contain {
  top: -400px;
  max-height: 400px;
}
.ax-drawer[data-position="top"][data-size="large"] .ax-drawer-contain {
  top: -70%;
  max-height: 70%;
}
.ax-drawer[data-position="top"].ax-drawer-show .ax-drawer-contain {
  top: 0;
}
.ax-drawer[data-position="bottom"] .ax-drawer-contain {
  width: 100%;
  max-height: 200px;
  left: auto;
  right: auto;
  top: auto;
  bottom: -200px;
}
.ax-drawer[data-position="bottom"][data-size="small"] .ax-drawer-contain {
  bottom: -200px;
  max-height: 200px;
}
.ax-drawer[data-position="bottom"][data-size="middle"] .ax-drawer-contain {
  bottom: -400px;
  max-height: 400px;
}
.ax-drawer[data-position="bottom"][data-size="large"] .ax-drawer-contain {
  bottom: -70%;
  max-height: 70%;
}
.ax-drawer[data-position="bottom"].ax-drawer-show .ax-drawer-contain {
  bottom: 0;
}
.ax-drawer .ax-drawer-title {
  line-height: 38px;
  box-sizing: border-box;
  padding: 0 14px;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  zoom: 1;
  position: relative;
}
.ax-drawer .ax-drawer-contain > .ax-drawer-close {
  color: #fff;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  transition: all 0.2s linear;
  opacity: 0;
  position: absolute;
  left: calc(-38px);
  top: 0;
  z-index: 1;
}
.ax-drawer[data-position="right"] .ax-drawer-contain > .ax-drawer-close {
  left: calc(-38px);
}
.ax-drawer[data-position="left"] .ax-drawer-contain > .ax-drawer-close {
  left: auto;
  right: calc(-38px);
}
.ax-drawer[data-position="top"] .ax-drawer-contain > .ax-drawer-close {
  left: auto;
  right: 0;
  top: auto;
  bottom: calc(-38px);
}
.ax-drawer[data-position="bottom"] .ax-drawer-contain > .ax-drawer-close {
  left: auto;
  right: 0;
  top: calc(-38px);
}
.ax-drawer.ax-drawer-show .ax-drawer-contain > .ax-drawer-close {
  opacity: 1;
}
.ax-drawer .ax-drawer-contain > .ax-drawer-close [class*='font'],
.ax-drawer .ax-drawer-contain > .ax-drawer-close svg {
  color: #fff;
  fill: #fff;
  transition: all 0.2s linear;
}
.ax-drawer .ax-drawer-contain > .ax-drawer-close:hover [class*='font'],
.ax-drawer .ax-drawer-contain > .ax-drawer-close:hover svg {
  color: #fff;
  fill: #fff;
}
.ax-drawer .ax-drawer-content {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.ax-drawer .ax-drawer-operate {
  border-radius: 0 0 3px 3px;
  overflow-y: hidden;
}
.ax-drawer .ax-drawer-operate .ax-explain {
  line-height: 18px;
  height: 38px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-drawer .ax-drawer-operate.ax-row {
  line-height: 44px;
  text-align: center;
}
.ax-drawer .ax-drawer-operate.ax-row .ax-gutter-line {
  height: 44px;
}
.ax-drawer .ax-drawer-operate.ax-row a:hover {
  background-color: #fff;
}
.ax-drawer .ax-drawer-operate.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-position="left"][data-size="middle"] video,
.ax-drawer[data-position="left"][data-size="large"] video,
.ax-drawer[data-position="right"][data-size="middle"] video,
.ax-drawer[data-position="right"][data-size="large"] video,
.ax-drawer[data-position="left"][data-size="middle"] audio,
.ax-drawer[data-position="left"][data-size="large"] audio,
.ax-drawer[data-position="right"][data-size="middle"] audio,
.ax-drawer[data-position="right"][data-size="large"] audio,
.ax-drawer[data-position="top"] audio,
.ax-drawer[data-position="bottom"] audio {
  width: auto;
}
.ax-drawer .ax-menu {
  width: 100%;
}
/**/
.ax-glitter {
  width: 14px;
  height: 14px;
  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: #ec6c00;
}

/*plugins aplayer*/
@-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: 18px;
  color: rgba(255, 255, 255, 0.5);
  width: 54px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  margin-top: -27px;
  cursor: pointer;
  background-color: rgba(25, 140, 255, 0.8);
  transition: all 0.1s linear;
  position: absolute;
  top: 50%;
  z-index: 10;
}
.ax-btn-prev {
  left: 0px;
}
.ax-btn-next {
  right: 0;
  left: auto;
}
/*size*/
.ax-btn-prev.ax-sm,
.ax-btn-next.ax-sm {
  font-size: 14px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin-top: calc(-28px/2);
}
.ax-btn-next.ax-sm.ax-icon,
.ax-btn-prev.ax-sm.ax-icon {
  font-size: 14px;
}
/*shape*/
.ax-btn-prev.ax-round,
.ax-btn-next.ax-round {
  border-radius: 100%;
}
.ax-btn-prev.ax-round {
  left: 14px;
}
.ax-btn-next.ax-round {
  right: 14px;
}
.ax-btn-prev.ax-line {
  color: rgba(25, 140, 255, 0.8);
  height: 50px;
  width: 50px;
  line-height: 50px;
  border: 2px solid rgba(25, 140, 255, 0.8);
  background: transparent;
}
.ax-btn-next.ax-line {
  color: rgba(25, 140, 255, 0.8);
  height: 50px;
  width: 50px;
  line-height: 50px;
  border: 2px solid rgba(25, 140, 255, 0.8);
  background: transparent;
}
.ax-btn-prev.ax-icon {
  font-size: 28px;
  color: rgba(25, 140, 255, 0.8);
  background: transparent;
  left: 0;
}
.ax-btn-next.ax-icon {
  font-size: 28px;
  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;
}

/*plugins select2*/
.select-box {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  position: relative;
}
.select-box .selection,
.select-box .dropdown-wrapper {
  display: block;
}
.select-box .select-single {
  display: block;
  height: 28px;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.select-box .select-single .select-rendered {
  display: block;
  padding-left: 8px;
  padding-right: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select-box .select-text-clear {
  color: #ccc;
  transition: all 0.1s linear;
}
.select-box .select-text-clear:hover {
  color: #666666;
}
.select-box .select-single .select-text-clear {
  position: relative;
}
.select-box[dir="rtl"] .select-single .select-rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select-box .select-multiple {
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select-box .select-multiple .select-rendered {
  display: inline-block;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select-box .select2-search-inline {
  float: left;
}
.select-box .select2-search-inline .select2-search-field {
  font-size: 100%;
  margin-top: 4px;
  padding: 0;
  box-sizing: border-box;
  border: none;
}
.select-box .select2-search-inline .select2-search-field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  display: block;
  width: 100%;
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  position: absolute;
  left: -100000px;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results-options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results-option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results-option[aria-selected] {
  cursor: pointer;
}
.select-box-open .select2-dropdown {
  left: 0;
}
.select2-search-dropdown {
  display: block;
  padding: 4px;
}
.select2-search-dropdown .select2-search-field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search-dropdown .select2-search-field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search-dropdown.select2-search-hide {
  display: none;
}
.select2-close-mask {
  display: block;
  height: auto;
  width: auto;
  min-height: 100%;
  min-width: 100%;
  background-color: #fff;
  opacity: 0;
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.select-box-ax .select2-dropdown {
  border-color: #198cff;
  border-radius: 0 0 3px 3px;
}
.select-box-ax .select2-dropdown-above {
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}
.select-box-ax .select2-dropdown-below {
  border-top: none;
  border-radius: 0 0 3px 3px;
}
.select-box-ax .select-single {
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
  border-radius: 3px;
  height: 38px;
  line-height: 38px;
}
.select-box-ax .select-single .select-rendered {
  color: #333333;
  line-height: calc(38px - 2px);
  padding-left: 10px;
}
.select-box-ax.select-box-open .select-single .select-rendered {
  color: #198cff;
}
.select-box-ax .select-single .select-text-clear {
  font-weight: bold;
  width: 14px;
  text-align: center;
  cursor: pointer;
  float: right;
}
.select-box-ax .select-single .select-text-placeholder {
  color: #999;
}
.select-box-ax .select-single .select-arrow {
  height: calc(38px - 2px);
  width: calc(38px - 12px);
  cursor: pointer;
  text-align: center;
  transition: all 0.2s linear;
  position: absolute;
  right: 0;
  top: 1px;
  z-index: 2;
}
.select-box-ax .select-single .select-arrow b {
  height: 0;
  width: 0;
  margin: auto 0;
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  transition: all 0.2s linear;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
}
.select-box-ax[dir="rtl"] .select-single .select-text-clear {
  float: left;
}
.select-box-ax[dir="rtl"] .select-single .select-arrow {
  left: 1px;
  right: auto;
}
.select-box-ax.select-box-disabled .select-single {
  background-color: #f0f0f0;
  cursor: default;
}
.select-box-ax.select-box-disabled .select-single .select-text-clear {
  display: none;
}
.select-box-ax.select-box-open .select-single .select-arrow b {
  border-color: #198cff transparent transparent transparent;
  border-width: 4px 4px 0 4px;
  transform: rotate(180deg);
}
.select-box-ax.select-box-open .select-single {
  border-color: #198cff;
}
.select-box-ax .select-multiple {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  cursor: text;
  box-sizing: border-box;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  width: 100%;
  zoom: 1;
}
.select-box-ax.select-box-open .select-multiple,
.select-box-ax.select-box-open.select-box-focus .select-multiple {
  border-color: #198cff;
}
.select-box-ax .select-multiple .select-rendered {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 4px 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  position: relative;
}
.select-box-ax .select-multiple .select-rendered li {
  list-style: none;
}
.select-box-ax .select-multiple .select-text-clear {
  width: 26px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-top: 4px;
  margin-right: 0;
  padding: 0;
  cursor: pointer;
  float: right;
}
.select-box-ax .select-multiple .select-text-choice {
  font-size: 12px;
  line-height: 26px;
  height: 26px;
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
  margin-left: 4px;
  margin-right: 0;
  margin-top: 4px;
  padding: 0 4px;
  cursor: default;
  float: left;
}
.select-box-ax .select-multiple .select-text-choice-remove {
  display: inline-block;
  font-weight: bold;
  color: #ccc;
  margin-right: 2px;
  cursor: pointer;
  transition: all 0.1s linear;
}
.select-box-ax .select-multiple .select-text-choice-remove:hover {
  color: #333333;
}
.select-box-ax[dir="rtl"] .select-multiple .select-text-choice,
.select-box-ax[dir="rtl"] .select-multiple .select2-search-inline {
  float: right;
}
.select-box-ax[dir="rtl"] .select-multiple .select-text-choice {
  margin-left: 5px;
  margin-right: auto;
}
.select-box-ax[dir="rtl"] .select-multiple .select-text-choice-remove {
  margin-left: 2px;
  margin-right: auto;
}
.select-box-ax.select-box-focus .select-multiple {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  outline: 0;
}
.select-box-ax.select-box-disabled .select-multiple {
  background-color: #eee;
  cursor: default;
}
.select-box-ax.select-box-disabled .select-text-choice-remove {
  display: none;
}
.select-box-ax.select-box-open.select-box-above .select-single,
.select-box-ax.select-box-open.select-box-above .select-multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select-box-ax.select-box-open.select-box-below .select-single,
.select-box-ax.select-box-open.select-box-below .select-multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select-box-ax .select2-search-dropdown {
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
}
.select-box-ax .select2-search-dropdown .select2-search-field {
  border: 1px solid #e0e0e0;
  padding: 0 10px;
}
.select-box-ax .select2-search-inline .select2-search-field {
  height: 28px;
  line-height: 28px;
  margin-left: 0;
  padding: 0 10px;
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select-box-ax .select2-results > .select2-results-options {
  max-height: calc((38px + 1px)*8 - 1px);
  overflow-y: auto;
}
.select-box-ax .select2-results-option {
  padding: 0 10px;
  margin: 0;
  line-height: 38px;
  cursor: pointer;
  border-bottom: 1px #ebebeb solid;
  transition: all 0.1s linear;
  position: relative;
}
.select-box-ax .select2-results-option:last-child {
  border-bottom: none;
}
.select-box-ax .select2-results-option[role="option"]:not([aria-disabled="true"]):hover {
  color: #198cff;
  background-color: #f0f7ff;
}
.select-box-ax .select2-results-option[aria-selected="true"] {
  color: #198cff;
  background-color: #f0f7ff;
}
.select-box-ax .select2-results-option[aria-selected="true"]:after {
  content: '\e616';
  font-family: "ax-iconfont" !important;
  color: #198cff;
  font-size: 14px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.select-box-ax .select2-results-option-highlighted.select2-results-option[aria-selected="true"]:after {
  color: #fff;
}
.select-box-ax .select2-results-option[role=group] {
  padding: 0;
}
.select-box-ax .select2-results-option[aria-disabled=true] {
  color: #b3b3b3;
}
.select-box-ax .select2-results-option[aria-selected=true] {
  background-color: #f0f7ff;
}
.select-box-ax .select2-results-option .select2-results-option {
  padding-left: 10px;
}
.select-box-ax .select2-results-option .select2-results-option .select2-results-group {
  padding-left: 0;
}
.select-box-ax .select2-results-option .select2-results-option .select2-results-option {
  margin-left: -1em;
  padding-left: 2em;
}
.select-box-ax .select2-results-option .select2-results-option .select2-results-option .select2-results-option {
  margin-left: -2em;
  padding-left: 3em;
}
.select-box-ax .select2-results-option .select2-results-option .select2-results-option .select2-results-option .select2-results-option {
  margin-left: -3em;
  padding-left: 4em;
}
.select-box-ax .select2-results-option .select2-results-option .select2-results-option .select2-results-option .select2-results-option .select2-results-option {
  margin-left: -4em;
  padding-left: 5em;
}
.select-box-ax .select2-results-option .select2-results-option .select2-results-option .select2-results-option .select2-results-option .select2-results-option .select2-results-option {
  margin-left: -5em;
  padding-left: 6em;
}
.select-box-ax .select2-results-option-highlighted[role="option"][aria-selected]:not([aria-disabled="true"]) {
  background-color: #198cff;
  color: #fff;
}
.select-box-ax .select2-results-group {
  display: block;
  cursor: default;
  padding: 0 10px;
  border-bottom: 1px solid #ebebeb;
  background-color: #f0f0f0;
}
.select-box-ax .select2-results-option.select2-results-message {
  color: #b3b3b3;
  cursor: default;
}
.ax-select.ax-xs + .select-box-ax .select-single {
  height: 22px;
  line-height: 22px;
}
.ax-select.ax-xs + .select-box-ax .select-single .select-rendered {
  font-size: 12px;
  line-height: 20px;
  padding-left: 4px;
}
.ax-select.ax-xs + .select-box-ax .select-single .select-arrow {
  height: 20px;
}
.ax-select.ax-xs + .select-box .select-multiple {
  min-height: 0;
  line-height: 16px;
}
.ax-select.ax-xs + .select-box-ax .select-multiple .select-rendered {
  padding: 0 0 2px 0;
}
.ax-select.ax-xs + .select-box-ax .select-multiple .select-text-choice {
  line-height: 14px;
  height: 14px;
  margin-left: 2px;
  margin-top: 2px;
}
.ax-select.ax-xs + .select-box-ax .select-multiple .select-text-clear {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: 2px;
}
.ax-select.ax-xs + .select-box-ax .select2-search-inline .select2-search-field {
  height: 16px;
  line-height: 16px;
  margin-top: 2px;
}
.select-box-ax .ax-xs .select2-results-option {
  font-size: 12px;
  line-height: 22px;
  padding: 0 4px;
}
.select-box-ax .ax-xs .select2-search-dropdown {
  padding: 4px;
}
.select-box-ax .ax-xs .select2-search-dropdown .select2-search-field {
  font-size: 12px;
  line-height: 22px;
  padding: 0 4px;
  height: 22px;
}
.select-box-ax .ax-xs .select-multiple .select-text-choice {
  line-height: 14px;
  height: 12px;
  margin-left: 2px;
  margin-top: 2px;
}
.select-box-ax .ax-xs .select2-results-option[aria-selected="true"]:after {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.select-box-ax .ax-sm .select-multiple .select-text-clear {
  height: 12px;
  line-height: 12px;
  margin-top: 2px;
}
.select-box-ax .ax-sm .select2-results-option {
  font-size: 14px;
}
.ax-select.ax-sm + .select-box-ax .select-single {
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
}
.ax-select.ax-sm + .select-box-ax .select-single .select-rendered {
  padding-left: 6px;
  line-height: calc(38px - 12px);
}
.ax-select.ax-sm + .select-box-ax .select-single .select-arrow {
  height: calc(38px - 12px);
}
.ax-select.ax-sm + .select-box .select-multiple {
  min-height: 0;
  line-height: 22px;
}
.ax-select.ax-sm + .select-box-ax .select-multiple .select-rendered {
  padding: 0 0 2px 0;
}
.ax-select.ax-sm + .select-box-ax .select-multiple .select-text-choice {
  line-height: 20px;
  height: 20px;
  margin-left: 2px;
  margin-top: 2px;
}
.ax-select.ax-sm + .select-box-ax .select-multiple .select-text-clear {
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-top: 2px;
}
.ax-select.ax-sm + .select-box-ax .select2-search-inline .select2-search-field {
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  margin-top: 2px;
}
.select-box-ax .ax-sm .select2-results-option {
  line-height: calc(38px - 10px);
  padding: 0 6px;
}
.select-box-ax .ax-sm .select2-search-dropdown {
  padding: 6px;
}
.select-box-ax .ax-sm .select2-search-dropdown .select2-search-field {
  padding: 0 6px;
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
}
.select-box-ax .ax-sm .select-multiple .select-text-choice {
  line-height: 16px;
  height: 16px;
}
.select-box-ax .ax-sm .select-multiple .select-text-clear {
  height: 18px;
  line-height: 18px;
}
.select-box-ax .ax-sm .select2-results-option[aria-selected="true"]:after {
  width: calc(38px - 10px);
  height: calc(38px - 10px);
  line-height: calc(38px - 10px);
}
.ax-select.ax-lg + .select-box-ax .select-single {
  height: calc(38px + 10px);
  line-height: calc(38px + 10px);
}
.ax-select.ax-lg + .select-box-ax .select-single .select-rendered {
  padding-left: 14px;
  line-height: calc(38px + 8px);
}
.ax-select.ax-lg + .select-box-ax .select-single .select-arrow {
  height: calc(38px + 8px);
}
.ax-select.ax-lg + .select-box .select-multiple {
  min-height: 0;
  line-height: 38px;
}
.ax-select.ax-lg + .select-box-ax .select-multiple .select-rendered {
  padding: 0 0 4px 0;
}
.ax-select.ax-lg + .select-box-ax .select-multiple .select-text-choice {
  line-height: 36px;
  height: 36px;
  margin-left: 4px;
  margin-top: 4px;
}
.ax-select.ax-lg + .select-box-ax .select-multiple .select-text-clear {
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin-top: 4px;
}
.ax-select.ax-lg + .select-box-ax .select2-search-inline .select2-search-field {
  height: 38px;
  line-height: 38px;
  margin-top: 4px;
}
.select-box-ax .ax-lg .select2-results-option {
  line-height: calc(38px + 10px);
  padding: 0 14px;
}
.select-box-ax .ax-lg .select2-search-dropdown {
  padding: 14px;
}
.select-box-ax .ax-lg .select2-search-dropdown .select2-search-field {
  padding: 0 14px;
  height: calc(38px + 10px);
  line-height: calc(38px + 10px);
}
.select-box-ax .ax-lg .select-multiple .select-text-choice {
  line-height: 36px;
  height: 36px;
  padding: 0 8px;
}
.select-box-ax .ax-lg .select-multiple .select-text-clear {
  height: 38px;
  line-height: 38px;
}
.select-box-ax .ax-lg .select2-results-option[aria-selected="true"]:after {
  width: calc(38px + 10px);
  height: calc(38px + 10px);
  line-height: calc(38px + 10px);
}
@keyframes mbsc-anim-sh-out-left {
  from {
    opacity: 1;
    left: 0;
  }
  to {
    opacity: 0;
    left: -70%;
  }
}
@keyframes mbsc-anim-sh-in-left {
  from {
    opacity: 0;
    left: -70%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes mbsc-anim-sh-out-right {
  from {
    opacity: 1;
    right: 0;
  }
  to {
    opacity: 0;
    right: -70%;
  }
}
@keyframes mbsc-anim-sh-in-right {
  from {
    opacity: 0;
    right: -70%;
  }
  to {
    opacity: 1;
    right: 0;
  }
}