
/*
 *Last modified: 2022-11-26 18:31:05
 *Filename: ax.css
 *Description: Global CSS
 *Version: v2.0.6
 *Website:www.axui.cn or ax.hobly.cn
 *Contact:3217728223@qq.com
 *Author:Michael
 */
/*图标字体*/
@font-face {
  font-family: 'ax-iconfont';
  src: url('data:font/woff2;charset=utf-8;base64, ') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.ax-iconfont {
  font-family: 'ax-iconfont';
  font-size: 1.4rem;
  position: relative;
}
.ax-iconfont:before {
  position: relative;
}
.ax-icon-pinterest:before {
  content: "\e794";
}
.ax-icon-qzone:before {
  content: "\e795";
}
.ax-icon-google:before {
  content: "\e816";
}
.ax-icon-tumblr:before {
  content: "\e796";
}
.ax-icon-qzone-f:before {
  content: "\e779";
}
.ax-icon-tumblr-f:before {
  content: "\e885";
}
.ax-icon-pinterest-f:before {
  content: "\e793";
}
.ax-icon-zhihu:before {
  content: "\e789";
}
.ax-icon-jd:before {
  content: "\e792";
}
.ax-icon-baidu:before {
  content: "\e600";
}
.ax-icon-amazon:before {
  content: "\e77a";
}
.ax-icon-douban:before {
  content: "\e77b";
}
.ax-icon-tmall:before {
  content: "\e77c";
}
.ax-icon-163music:before {
  content: "\e77d";
}
.ax-icon-css3:before {
  content: "\e77e";
}
.ax-icon-iqiyi:before {
  content: "\e77f";
}
.ax-icon-qqmusic:before {
  content: "\e780";
}
.ax-icon-stackoverflow:before {
  content: "\e781";
}
.ax-icon-gitee:before {
  content: "\e782";
}
.ax-icon-csdn:before {
  content: "\e783";
}
.ax-icon-github:before {
  content: "\e784";
}
.ax-icon-oschina:before {
  content: "\e785";
}
.ax-icon-nodejs:before {
  content: "\e786";
}
.ax-icon-bilibili:before {
  content: "\e787";
}
.ax-icon-xiaomi:before {
  content: "\e7cb";
}
.ax-icon-android:before {
  content: "\e788";
}
.ax-icon-html5:before {
  content: "\e902";
}
.ax-icon-ios:before {
  content: "\eb1b";
}
.ax-icon-codepen:before {
  content: "\ea0c";
}
.ax-icon-aliyun:before {
  content: "\e78a";
}
.ax-icon-taobao:before {
  content: "\e78b";
}
.ax-icon-microsoft:before {
  content: "\e78c";
}
.ax-icon-youku:before {
  content: "\e78d";
}
.ax-icon-ebay:before {
  content: "\e78e";
}
.ax-icon-google-f:before {
  content: "\ee4f";
}
.ax-icon-huawei:before {
  content: "\e78f";
}
.ax-icon-tiktok:before {
  content: "\e790";
}
.ax-icon-xunlei:before {
  content: "\e791";
}
.ax-icon-folder-open-f:before {
  content: "\e777";
}
.ax-icon-folder-open:before {
  content: "\e778";
}
.ax-icon-scan:before {
  content: "\e776";
}
.ax-icon-barcode:before {
  content: "\e775";
}
.ax-icon-qrcode:before {
  content: "\e774";
}
.ax-icon-star-half:before {
  content: "\e76a";
}
.ax-icon-warning-o-t:before {
  content: "\e7f0";
}
.ax-icon-bulb-t:before {
  content: "\e9b9";
}
.ax-icon-check-t:before {
  content: "\e773";
}
.ax-icon-arrow-left-t:before {
  content: "\f15d";
}
.ax-icon-arrow-right-t:before {
  content: "\f15e";
}
.ax-icon-close-t:before {
  content: "\f162";
}
.ax-icon-minus-t:before {
  content: "\e766";
}
.ax-icon-plus-t:before {
  content: "\e767";
}
.ax-icon-arrow-up-t:before {
  content: "\e768";
}
.ax-icon-arrow-down-t:before {
  content: "\e769";
}
.ax-icon-right-t:before {
  content: "\e76b";
}
.ax-icon-close-o-t:before {
  content: "\e76c";
}
.ax-icon-check-o-t:before {
  content: "\e76d";
}
.ax-icon-info-o-t:before {
  content: "\e76e";
}
.ax-icon-question-o-t:before {
  content: "\e76f";
}
.ax-icon-clock-t:before {
  content: "\e770";
}
.ax-icon-up-t:before {
  content: "\e771";
}
.ax-icon-down-t:before {
  content: "\e772";
}
.ax-icon-left-t:before {
  content: "\f161";
}
.ax-icon-pause:before {
  content: "\e7af";
}
.ax-icon-play:before {
  content: "\e7c3";
}
.ax-icon-addpic:before {
  content: "\e764";
}
.ax-icon-cloud-upload-f:before {
  content: "\e762";
}
.ax-icon-cloud-download-f:before {
  content: "\e763";
}
.ax-icon-swap:before {
  content: "\e761";
}
.ax-icon-sort-az-up:before {
  content: "\f048";
}
.ax-icon-arrowflag:before {
  content: "\e75e";
}
.ax-icon-fingerprint:before {
  content: "\e75f";
}
.ax-icon-select:before {
  content: "\e760";
}
.ax-icon-list-ol:before {
  content: "\f03c";
}
.ax-icon-sort:before {
  content: "\f0c5";
}
.ax-icon-sort-az-down:before {
  content: "\f0c6";
}
.ax-icon-sort-amount-down:before {
  content: "\f0c7";
}
.ax-icon-sort-amount-up:before {
  content: "\f0c8";
}
.ax-icon-sort-num-down:before {
  content: "\f0ca";
}
.ax-icon-sort-num-up:before {
  content: "\f0cb";
}
.ax-icon-street:before {
  content: "\f0e1";
}
.ax-icon-repair:before {
  content: "\f15c";
}
.ax-icon-quote-right-f:before {
  content: "\e970";
}
.ax-icon-quote-left-f:before {
  content: "\e75d";
}
.ax-icon-quote-right:before {
  content: "\e7f5";
}
.ax-icon-quote-left:before {
  content: "\e7f6";
}
.ax-icon-gift:before {
  content: "\e75b";
}
.ax-icon-gift-f:before {
  content: "\e75c";
}
.ax-icon-power:before {
  content: "\e75a";
}
.ax-icon-at:before {
  content: "\e758";
}
.ax-icon-hash:before {
  content: "\e759";
}
.ax-icon-award:before {
  content: "\e756";
}
.ax-icon-award-f:before {
  content: "\e757";
}
.ax-icon-loader:before {
  content: "\e755";
}
.ax-icon-sync:before {
  content: "\e753";
}
.ax-icon-refresh:before {
  content: "\e754";
}
.ax-icon-umbrella:before {
  content: "\e751";
}
.ax-icon-umbrella-f:before {
  content: "\e752";
}
.ax-icon-slash-h-f:before {
  content: "\e74f";
}
.ax-icon-slash-f:before {
  content: "\e750";
}
.ax-icon-slash-h:before {
  content: "\e96f";
}
.ax-icon-slash:before {
  content: "\e74b";
}
.ax-icon-badge-new:before {
  content: "\e74c";
}
.ax-icon-badge-vip:before {
  content: "\e74d";
}
.ax-icon-badge-hot:before {
  content: "\e74e";
}
.ax-icon-redo:before {
  content: "\e749";
}
.ax-icon-redo-f:before {
  content: "\e74a";
}
.ax-icon-female:before {
  content: "\e747";
}
.ax-icon-male:before {
  content: "\e748";
}
.ax-icon-calendar-f:before {
  content: "\e745";
}
.ax-icon-calendar:before {
  content: "\e746";
}
.ax-icon-apply:before {
  content: "\e743";
}
.ax-icon-apply-f:before {
  content: "\e744";
}
.ax-icon-bigger:before {
  content: "\e741";
}
.ax-icon-smaller:before {
  content: "\e742";
}
.ax-icon-widgets-f:before {
  content: "\e73f";
}
.ax-icon-widgets:before {
  content: "\e740";
}
.ax-icon-align-center:before {
  content: "\e737";
}
.ax-icon-align-right:before {
  content: "\e73c";
}
.ax-icon-align-justify:before {
  content: "\e73d";
}
.ax-icon-align-left:before {
  content: "\e73e";
}
.ax-icon-grid:before {
  content: "\e73a";
}
.ax-icon-grid-f:before {
  content: "\e73b";
}
.ax-icon-divide:before {
  content: "\e736";
}
.ax-icon-percent:before {
  content: "\e735";
}
.ax-icon-pull-up:before {
  content: "\e96e";
}
.ax-icon-pull-down:before {
  content: "\e79f";
}
.ax-icon-org:before {
  content: "\e738";
}
.ax-icon-org-f:before {
  content: "\e739";
}
.ax-icon-dot-left:before {
  content: "\e733";
}
.ax-icon-dot-right:before {
  content: "\e734";
}
.ax-icon-me-f:before {
  content: "\e731";
}
.ax-icon-me:before {
  content: "\e732";
}
.ax-icon-home:before {
  content: "\e72f";
}
.ax-icon-home-f:before {
  content: "\e730";
}
.ax-icon-tobottom:before {
  content: "\e72d";
}
.ax-icon-totop:before {
  content: "\e72e";
}
.ax-icon-printer:before {
  content: "\e72b";
}
.ax-icon-printer-f:before {
  content: "\e72c";
}
.ax-icon-zoomin-f:before {
  content: "\e729";
}
.ax-icon-zoomout-f:before {
  content: "\e72a";
}
.ax-icon-good-f:before {
  content: "\e725";
}
.ax-icon-bad-f:before {
  content: "\e726";
}
.ax-icon-good:before {
  content: "\e727";
}
.ax-icon-bad:before {
  content: "\e728";
}
.ax-icon-corner-up-left:before {
  content: "\e721";
}
.ax-icon-corner-left-down:before {
  content: "\e722";
}
.ax-icon-corner-up-right:before {
  content: "\e723";
}
.ax-icon-corner-right-up:before {
  content: "\e724";
}
.ax-icon-seal-refuse-f:before {
  content: "\e720";
}
.ax-icon-seal:before {
  content: "\e71f";
}
.ax-icon-seal-f:before {
  content: "\e71d";
}
.ax-icon-seal-ok-f:before {
  content: "\e71e";
}
.ax-icon-pad:before {
  content: "\e71b";
}
.ax-icon-pad-f:before {
  content: "\e71c";
}
.ax-icon-pc:before {
  content: "\e719";
}
.ax-icon-pc-f:before {
  content: "\e71a";
}
.ax-icon-qq:before {
  content: "\e716";
}
.ax-icon-weibo:before {
  content: "\e717";
}
.ax-icon-wechat:before {
  content: "\e718";
}
.ax-icon-trending-down:before {
  content: "\e712";
}
.ax-icon-telephone:before {
  content: "\e713";
}
.ax-icon-trending-up:before {
  content: "\e714";
}
.ax-icon-telephone-f:before {
  content: "\e715";
}
.ax-icon-qq-f:before {
  content: "\e70e";
}
.ax-icon-weibo-f:before {
  content: "\e70f";
}
.ax-icon-renren-f:before {
  content: "\e710";
}
.ax-icon-wechat-f:before {
  content: "\e711";
}
.ax-icon-facebook:before {
  content: "\e70a";
}
.ax-icon-twitter:before {
  content: "\e70b";
}
.ax-icon-facebook-f:before {
  content: "\e70c";
}
.ax-icon-twitter-f:before {
  content: "\e70d";
}
.ax-icon-pause-o:before {
  content: "\e6fe";
}
.ax-icon-play-o:before {
  content: "\e6ff";
}
.ax-icon-pause-o-f:before {
  content: "\e700";
}
.ax-icon-play-o-f:before {
  content: "\e701";
}
.ax-icon-flash-off:before {
  content: "\e6fa";
}
.ax-icon-flash:before {
  content: "\e6fb";
}
.ax-icon-flash-off-f:before {
  content: "\e6fc";
}
.ax-icon-flash-f:before {
  content: "\e6fd";
}
.ax-icon-moon:before {
  content: "\e6f8";
}
.ax-icon-moon-f:before {
  content: "\e6f9";
}
.ax-icon-logout:before {
  content: "\e6f6";
}
.ax-icon-login:before {
  content: "\e6f7";
}
.ax-icon-cube:before {
  content: "\e6f4";
}
.ax-icon-cube-f:before {
  content: "\e6f5";
}
.ax-icon-tv:before {
  content: "\e6f2";
}
.ax-icon-tv-f:before {
  content: "\e6f3";
}
.ax-icon-wifi:before {
  content: "\e6f0";
}
.ax-icon-wifi-off:before {
  content: "\e6f1";
}
.ax-icon-star:before {
  content: "\e6ee";
}
.ax-icon-star-f:before {
  content: "\e6ef";
}
.ax-icon-film:before {
  content: "\e6ea";
}
.ax-icon-filter:before {
  content: "\e6eb";
}
.ax-icon-film-f:before {
  content: "\e6ec";
}
.ax-icon-filter-f:before {
  content: "\e6ed";
}
.ax-icon-paperplane:before {
  content: "\e6e9";
}
.ax-icon-paperplane-f:before {
  content: "\e7a2";
}
.ax-icon-tags:before {
  content: "\e6e7";
}
.ax-icon-tags-f:before {
  content: "\e6e8";
}
.ax-icon-nav-v:before {
  content: "\e6e3";
}
.ax-icon-nav:before {
  content: "\e6e4";
}
.ax-icon-nav-f:before {
  content: "\e6e5";
}
.ax-icon-nav-v-f:before {
  content: "\e6e6";
}
.ax-icon-mic-off:before {
  content: "\e6df";
}
.ax-icon-mic:before {
  content: "\e6e0";
}
.ax-icon-mic-off-f:before {
  content: "\e6e1";
}
.ax-icon-mic-f:before {
  content: "\e6e2";
}
.ax-icon-message-s:before {
  content: "\e6db";
}
.ax-icon-message-o:before {
  content: "\e6dc";
}
.ax-icon-message-s-f:before {
  content: "\e6dd";
}
.ax-icon-message-o-f:before {
  content: "\e6de";
}
.ax-icon-sun:before {
  content: "\e6d9";
}
.ax-icon-sun-f:before {
  content: "\e6da";
}
.ax-icon-map:before {
  content: "\e6d5";
}
.ax-icon-pin:before {
  content: "\e6d6";
}
.ax-icon-map-f:before {
  content: "\e6d7";
}
.ax-icon-pin-f:before {
  content: "\e6d8";
}
.ax-icon-headphones:before {
  content: "\e6d3";
}
.ax-icon-headphones-f:before {
  content: "\e6d4";
}
.ax-icon-empty:before {
  content: "\e6d2";
}
.ax-icon-box:before {
  content: "\e6d0";
}
.ax-icon-box-f:before {
  content: "\e6d1";
}
.ax-icon-image:before {
  content: "\e6cd";
}
.ax-icon-image-f:before {
  content: "\e6ce";
}
.ax-icon-image-alt-f:before {
  content: "\e6cf";
}
.ax-icon-clock:before {
  content: "\e6cb";
}
.ax-icon-clock-f:before {
  content: "\e6cc";
}
.ax-icon-camera:before {
  content: "\e6c9";
}
.ax-icon-camera-f:before {
  content: "\e6ca";
}
.ax-icon-phone-off:before {
  content: "\e6c3";
}
.ax-icon-phone-call:before {
  content: "\e6c4";
}
.ax-icon-phone-f:before {
  content: "\e6c5";
}
.ax-icon-phone-call-f:before {
  content: "\e6c6";
}
.ax-icon-phone-off-f:before {
  content: "\e6c7";
}
.ax-icon-phone-missed-f:before {
  content: "\e6c8";
}
.ax-icon-phone-missed:before {
  content: "\e6c1";
}
.ax-icon-phone:before {
  content: "\e6c2";
}
.ax-icon-people-f:before {
  content: "\e6c0";
}
.ax-icon-person-delete:before {
  content: "\e6b4";
}
.ax-icon-people:before {
  content: "\e6b5";
}
.ax-icon-person:before {
  content: "\e6b6";
}
.ax-icon-person-add:before {
  content: "\e6b7";
}
.ax-icon-person-remove:before {
  content: "\e6b8";
}
.ax-icon-person-done:before {
  content: "\e6b9";
}
.ax-icon-person-add-f:before {
  content: "\e6ba";
}
.ax-icon-person-f:before {
  content: "\e6bb";
}
.ax-icon-person-remove-f:before {
  content: "\e6bc";
}
.ax-icon-person-delete-f:before {
  content: "\e6bd";
}
.ax-icon-pie-alt-f:before {
  content: "\e6be";
}
.ax-icon-person-done-f:before {
  content: "\e6bf";
}
.ax-icon-radio:before {
  content: "\e6b2";
}
.ax-icon-radio-f:before {
  content: "\e6b3";
}
.ax-icon-shield:before {
  content: "\e6ae";
}
.ax-icon-shield-off:before {
  content: "\e6af";
}
.ax-icon-shield-off-f:before {
  content: "\e6b0";
}
.ax-icon-shield-f:before {
  content: "\e6b1";
}
.ax-icon-settings-alt:before {
  content: "\e6aa";
}
.ax-icon-settings:before {
  content: "\e6ab";
}
.ax-icon-settings-f:before {
  content: "\e6ac";
}
.ax-icon-settings-alt-f:before {
  content: "\e6ad";
}
.ax-icon-bag:before {
  content: "\e6a6";
}
.ax-icon-cart:before {
  content: "\e6a7";
}
.ax-icon-bag-f:before {
  content: "\e6a8";
}
.ax-icon-cart-f:before {
  content: "\e6a9";
}
.ax-icon-toggle-left:before {
  content: "\e6a2";
}
.ax-icon-toggle-right:before {
  content: "\e6a3";
}
.ax-icon-toggle-left-f:before {
  content: "\e6a4";
}
.ax-icon-toggle-right-f:before {
  content: "\e6a5";
}
.ax-icon-lock:before {
  content: "\e69e";
}
.ax-icon-unlock:before {
  content: "\e69f";
}
.ax-icon-lock-f:before {
  content: "\e6a0";
}
.ax-icon-unlock-f:before {
  content: "\e6a1";
}
.ax-icon-email:before {
  content: "\e696";
}
.ax-icon-music:before {
  content: "\e697";
}
.ax-icon-video-off:before {
  content: "\e698";
}
.ax-icon-video:before {
  content: "\e699";
}
.ax-icon-email-f:before {
  content: "\e69a";
}
.ax-icon-music-f:before {
  content: "\e69b";
}
.ax-icon-video-off-f:before {
  content: "\e69c";
}
.ax-icon-video-f:before {
  content: "\e69d";
}
.ax-icon-link-open:before {
  content: "\e693";
}
.ax-icon-undo:before {
  content: "\e694";
}
.ax-icon-undo-f:before {
  content: "\e695";
}
.ax-icon-share:before {
  content: "\e691";
}
.ax-icon-share-f:before {
  content: "\e692";
}
.ax-icon-trash:before {
  content: "\e68d";
}
.ax-icon-trash-alt:before {
  content: "\e68e";
}
.ax-icon-trash-f:before {
  content: "\e68f";
}
.ax-icon-trash-alt-f:before {
  content: "\e690";
}
.ax-icon-eye-off-f:before {
  content: "\e68c";
}
.ax-icon-eye-off-alt:before {
  content: "\e688";
}
.ax-icon-eye-off:before {
  content: "\e689";
}
.ax-icon-eye:before {
  content: "\e68a";
}
.ax-icon-eye-f:before {
  content: "\e68b";
}
.ax-icon-heart:before {
  content: "\e686";
}
.ax-icon-heart-f:before {
  content: "\e687";
}
.ax-icon-editing:before {
  content: "\e682";
}
.ax-icon-edit:before {
  content: "\e683";
}
.ax-icon-editing-f:before {
  content: "\e684";
}
.ax-icon-edit-f:before {
  content: "\e685";
}
.ax-icon-global-f:before {
  content: "\e681";
}
.ax-icon-global:before {
  content: "\e67e";
}
.ax-icon-earth:before {
  content: "\e67f";
}
.ax-icon-earth-f:before {
  content: "\e680";
}
.ax-icon-bulb:before {
  content: "\e67c";
}
.ax-icon-bulb-f:before {
  content: "\e67d";
}
.ax-icon-theme:before {
  content: "\e67a";
}
.ax-icon-theme-f:before {
  content: "\e67b";
}
.ax-icon-compass:before {
  content: "\e678";
}
.ax-icon-compass-f:before {
  content: "\e679";
}
.ax-icon-bell:before {
  content: "\e674";
}
.ax-icon-bell-off:before {
  content: "\e675";
}
.ax-icon-bell-off-f:before {
  content: "\e676";
}
.ax-icon-bell-f:before {
  content: "\e677";
}
.ax-icon-list:before {
  content: "\e66f";
}
.ax-icon-more:before {
  content: "\e670";
}
.ax-icon-menu:before {
  content: "\e671";
}
.ax-icon-more-v:before {
  content: "\e672";
}
.ax-icon-menu-fold:before {
  content: "\e673";
}
.ax-icon-menu-unfold:before {
  content: "\e96d";
}
.ax-icon-bar:before {
  content: "\e66c";
}
.ax-icon-pie:before {
  content: "\e66d";
}
.ax-icon-pie-f:before {
  content: "\e66e";
}
.ax-icon-options:before {
  content: "\e668";
}
.ax-icon-options-v:before {
  content: "\e669";
}
.ax-icon-options-f:before {
  content: "\e66a";
}
.ax-icon-options-v-f:before {
  content: "\e66b";
}
.ax-icon-attach:before {
  content: "\e664";
}
.ax-icon-attach-v:before {
  content: "\e665";
}
.ax-icon-link:before {
  content: "\e666";
}
.ax-icon-link-h:before {
  content: "\e667";
}
.ax-icon-volume-down:before {
  content: "\e65c";
}
.ax-icon-volume-up:before {
  content: "\e65d";
}
.ax-icon-volume-off:before {
  content: "\e65e";
}
.ax-icon-volume-mute:before {
  content: "\e65f";
}
.ax-icon-volume-off-f:before {
  content: "\e660";
}
.ax-icon-volume-up-f:before {
  content: "\e661";
}
.ax-icon-volume-down-f:before {
  content: "\e662";
}
.ax-icon-volume-mute-f:before {
  content: "\e663";
}
.ax-icon-copy:before {
  content: "\e65a";
}
.ax-icon-copy-f:before {
  content: "\e65b";
}
.ax-icon-file-remove:before {
  content: "\e645";
}
.ax-icon-file-add:before {
  content: "\e646";
}
.ax-icon-file:before {
  content: "\e647";
}
.ax-icon-file-text:before {
  content: "\e648";
}
.ax-icon-folder-add:before {
  content: "\e64d";
}
.ax-icon-folder:before {
  content: "\e64f";
}
.ax-icon-folder-remove:before {
  content: "\e652";
}
.ax-icon-file-text-f:before {
  content: "\e653";
}
.ax-icon-file-add-f:before {
  content: "\e654";
}
.ax-icon-file-remove-f:before {
  content: "\e655";
}
.ax-icon-file-f:before {
  content: "\e656";
}
.ax-icon-folder-add-f:before {
  content: "\e657";
}
.ax-icon-folder-remove-f:before {
  content: "\e658";
}
.ax-icon-folder-f:before {
  content: "\e659";
}
.ax-icon-zoomin:before {
  content: "\e642";
}
.ax-icon-zoomout:before {
  content: "\e643";
}
.ax-icon-search:before {
  content: "\e644";
}
.ax-icon-cloud-download:before {
  content: "\e63e";
}
.ax-icon-cloud-upload:before {
  content: "\e63f";
}
.ax-icon-download:before {
  content: "\e640";
}
.ax-icon-upload:before {
  content: "\e641";
}
.ax-icon-warning-o:before {
  content: "\e709";
}
.ax-icon-info-o:before {
  content: "\e636";
}
.ax-icon-question-o:before {
  content: "\e63b";
}
.ax-icon-question:before {
  content: "\e63c";
}
.ax-icon-warning-o-f:before {
  content: "\e63d";
}
.ax-icon-info-o-f:before {
  content: "\e64b";
}
.ax-icon-question-o-f:before {
  content: "\e650";
}
.ax-icon-minus-s:before {
  content: "\e62b";
}
.ax-icon-minus-o:before {
  content: "\e635";
}
.ax-icon-minus-o-f:before {
  content: "\e649";
}
.ax-icon-minus-s-f:before {
  content: "\e64a";
}
.ax-icon-minus:before {
  content: "\e64c";
}
.ax-icon-code-download:before {
  content: "\e62a";
}
.ax-icon-plus:before {
  content: "\e627";
}
.ax-icon-plus-s:before {
  content: "\e628";
}
.ax-icon-plus-o:before {
  content: "\e629";
}
.ax-icon-plus-s-f:before {
  content: "\e64e";
}
.ax-icon-plus-o-f:before {
  content: "\e651";
}
.ax-icon-backspace:before {
  content: "\e626";
}
.ax-icon-backspace-f:before {
  content: "\e634";
}
.ax-icon-corner-down-left:before {
  content: "\e622";
}
.ax-icon-corner-left-up:before {
  content: "\e623";
}
.ax-icon-corner-right-down:before {
  content: "\e624";
}
.ax-icon-corner-down-right:before {
  content: "\e625";
}
.ax-icon-left-up:before {
  content: "\e61d";
}
.ax-icon-left-down:before {
  content: "\e61e";
}
.ax-icon-right-up:before {
  content: "\e61f";
}
.ax-icon-right-down:before {
  content: "\e620";
}
.ax-icon-expand:before {
  content: "\e621";
}
.ax-icon-collapse:before {
  content: "\e639";
}
.ax-icon-check-o-gap:before {
  content: "\e61a";
}
.ax-icon-check-s-gap:before {
  content: "\e61b";
}
.ax-icon-close-s:before {
  content: "\e708";
}
.ax-icon-close-o:before {
  content: "\e618";
}
.ax-icon-close-o-f:before {
  content: "\e637";
}
.ax-icon-close-s-f:before {
  content: "\e638";
}
.ax-icon-close:before {
  content: "\e63a";
}
.ax-icon-circle:before {
  content: "\e61c";
}
.ax-icon-check-o-f:before {
  content: "\e707";
}
.ax-icon-check-o:before {
  content: "\e706";
}
.ax-icon-square:before {
  content: "\e705";
}
.ax-icon-check-s-f:before {
  content: "\e704";
}
.ax-icon-check:before {
  content: "\e616";
}
.ax-icon-check-s:before {
  content: "\e617";
}
.ax-icon-down-double:before {
  content: "\e612";
}
.ax-icon-left-double:before {
  content: "\e613";
}
.ax-icon-right-double:before {
  content: "\e614";
}
.ax-icon-up-double:before {
  content: "\e615";
}
.ax-icon-code-o:before {
  content: "\e702";
}
.ax-icon-code-o-f:before {
  content: "\e703";
}
.ax-icon-code:before {
  content: "\e611";
}
.ax-icon-right-o-f:before {
  content: "\e619";
}
.ax-icon-down-o-f:before {
  content: "\e96a";
}
.ax-icon-left-o-f:before {
  content: "\e96b";
}
.ax-icon-up-o-f:before {
  content: "\e96c";
}
.ax-icon-left-o:before {
  content: "\e8f6";
}
.ax-icon-up-o:before {
  content: "\e967";
}
.ax-icon-down-o:before {
  content: "\e968";
}
.ax-icon-right-o:before {
  content: "\e969";
}
.ax-icon-down:before {
  content: "\e60d";
}
.ax-icon-left:before {
  content: "\e60e";
}
.ax-icon-right:before {
  content: "\e60f";
}
.ax-icon-up:before {
  content: "\e610";
}
.ax-icon-arrow-left:before {
  content: "\e609";
}
.ax-icon-arrow-right:before {
  content: "\e60a";
}
.ax-icon-arrow-down:before {
  content: "\e60b";
}
.ax-icon-arrow-up:before {
  content: "\e60c";
}
.ax-icon-triangle-down:before {
  content: "\e605";
}
.ax-icon-triangle-up:before {
  content: "\e606";
}
.ax-icon-triangle-right:before {
  content: "\e607";
}
.ax-icon-triangle-left:before {
  content: "\e608";
}
.ax-icon-triangle-down-f:before {
  content: "\e630";
}
.ax-icon-triangle-left-f:before {
  content: "\e631";
}
.ax-icon-triangle-up-f:before {
  content: "\e632";
}
.ax-icon-triangle-right-f:before {
  content: "\e633";
}
.ax-icon-arrow-down-o:before {
  content: "\e601";
}
.ax-icon-arrow-left-o:before {
  content: "\e602";
}
.ax-icon-arrow-up-o:before {
  content: "\e603";
}
.ax-icon-arrow-right-o:before {
  content: "\e604";
}
.ax-icon-arrow-down-o-f:before {
  content: "\e62c";
}
.ax-icon-arrow-left-o-f:before {
  content: "\e62d";
}
.ax-icon-arrow-right-o-f:before {
  content: "\e62e";
}
.ax-icon-arrow-up-o-f:before {
  content: "\e62f";
}
/*reset*/
:root {
  --load-svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMxOThjZmYiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMiIgY3g9IjE0IiBjeT0iMTQiIHI9IjEyIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNCwyNkM3LjM3MiwyNiwyLDIwLjYyOSwyLDE0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtCiAgICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgICAgICAgICBmcm9tPSIwIDE0IDE0IgogICAgICAgICAgICAgICAgICAgIHRvPSIzNjAgMTQgMTQiCiAgICAgICAgICAgICAgICAgICAgZHVyPSIxcyIKICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICAgICAgICA8L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  --load-svg-w: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmZmZmYiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMiIgY3g9IjE0IiBjeT0iMTQiIHI9IjEyIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNCwyNkM3LjM3MiwyNiwyLDIwLjYyOSwyLDE0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtCiAgICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgICAgICAgICBmcm9tPSIwIDE0IDE0IgogICAgICAgICAgICAgICAgICAgIHRvPSIzNjAgMTQgMTQiCiAgICAgICAgICAgICAgICAgICAgZHVyPSIxcyIKICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICAgICAgICA8L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
  --load-gif: url("data:image/gif;base64,R0lGODlhGAAYAPQAAP///zMzM9fX1/r6+ubm5r+/v+zs7KSkpNLS0q+vr9/f37m5uczMzPT09JGRkZ6ensbGxoaGhgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==");
  --color-primary: #198cff;
  --color-primary-like: #6619ff;
  --color-secondary: #475b66;
  --color-secondary-like: #63a0be;
  --color-danger: #dc3545;
  --color-danger-like: #ffc000;
  --color-success: #41a358;
  --color-success-like: #b2d956;
  --color-warning: #ffc107;
  --color-warning-like: #ffde7a;
  --color-info: #14ccc9;
  --color-info-like: #2c7be6;
  --color-ad: #ff8400;
  --color-ad-like: #ffdd23;
}
html {
  font-size: 10px;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff;
}
body {
  text-align: left;
  font-size: 1.4rem;
  color: #333333;
  line-height: 2.8rem;
  font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff;
}
:focus {
  outline: 0;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
}
fieldset {
  border: 1px dotted #ccc;
  border-radius: 0.3rem;
}
sup,
sub {
  font-size: 0.6rem;
}
pre {
  color: #666666;
  font-size: 1.2rem;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  line-height: 1.8rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}
button[type='button'],
input[type='button'],
input[type='submit'],
input[type='text'],
input[type='search'],
input[type='reset'] {
  -webkit-appearance: none;
}
input[type='text'],
input[type='search'] {
  font-size: 1.4rem;
}
em,
i {
  font-style: normal;
}
s,
u {
  text-decoration: none;
}
ul,
li,
form {
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}
form {
  position: relative;
}
a,
span,
font,
input,
textarea,
select,
label,
i {
  display: inline-block;
  vertical-align: top;
}
a span,
label {
  cursor: pointer;
}
input,
textarea,
button {
  font-size: 1.4rem;
  outline: none;
  resize: none;
  -webkit-appearance: none;
  transition: all 100ms linear;
  vertical-align: top;
}
select {
  font-size: 1.4rem;
  outline: none;
  resize: none;
  transition: all 100ms linear;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
input[type="radio"] {
  -webkit-appearance: radio;
}
input,
textarea,
select,
button {
  font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";
}
img {
  border: 0;
  vertical-align: middle;
}
svg {
  vertical-align: middle;
}
form,
div,
p {
  display: block;
}
p {
  margin: 0;
  padding: 0.6em 0 0.6em 0;
}
a {
  color: #333333;
  text-decoration: none;
  transition: color 100ms linear, background-color 100ms linear, box-shadow 100ms linear;
}
a:hover {
  color: #198cff;
  text-decoration: none;
}
a:active {
  color: #0059b2;
  text-decoration: none;
}
.ax-text-cancel,
a.ax-text-cancel,
.ax-text-cancel a,
.ax-text-cancel:hover,
a.ax-text-cancel:hover,
.ax-text-cancel a:hover {
  color: #b3b3b3;
  text-decoration: line-through;
  margin: 0 0.4rem;
  cursor: text;
}
a.ax-color-ignore,
.ax-color-ignore a {
  color: #b3b3b3;
  text-decoration: none;
}
a.ax-color-ignore:hover,
.ax-color-ignore a:hover {
  color: #b3b3b3;
  text-decoration: underline;
}
a.ax-color-primary,
.ax-color-primary a {
  color: #198cff;
  text-decoration: none;
}
a.ax-color-primary:hover,
.ax-color-primary a:hover {
  color: #198cff;
  text-decoration: underline;
}
a.ax-color-secondary,
.ax-color-secondary a {
  color: #475b66;
  text-decoration: none;
}
a.ax-color-secondary:hover,
.ax-color-secondary a:hover {
  color: #475b66;
  text-decoration: underline;
}
a.ax-color-success,
.ax-color-success a {
  color: #41a358;
  text-decoration: none;
}
a.ax-color-success:hover,
.ax-color-success a:hover {
  color: #41a358;
  text-decoration: underline;
}
a.ax-color-danger,
.ax-color-danger a {
  color: #dc3545;
  text-decoration: none;
}
a.ax-color-danger:hover,
.ax-color-danger a:hover {
  color: #dc3545;
  text-decoration: underline;
}
a.ax-color-warning,
.ax-color-warning a {
  color: #ffc107;
  text-decoration: none;
}
a.ax-color-warning:hover,
.ax-color-warning a:hover {
  color: #ffc107;
  text-decoration: underline;
}
a.ax-color-info,
.ax-color-info a {
  color: #14ccc9;
  text-decoration: none;
}
a.ax-color-info:hover,
.ax-color-info a:hover {
  color: #14ccc9;
  text-decoration: underline;
}
a.ax-color-ad,
.ax-color-ad a {
  color: #ff8400;
  text-decoration: none;
}
a.ax-color-ad:hover,
.ax-color-ad a:hover {
  color: #ff8400;
  text-decoration: underline;
}
a[class*='ax-btn']:hover {
  text-decoration: none;
}
@font-face {
  font-family: 'DINCond-Light';
  src: url('https://cloud.lolipa.cn/themes/clientarea/Lolipa-User/fonts/DINCond-Light.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-lighter {
  font-family: 'DINCond-Light';
}
@font-face {
  font-family: 'DINCond-Regular';
  src: url('https://cloud.lolipa.cn/themes/clientarea/Lolipa-User/fonts/DINCond-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-light {
  font-family: 'DINCond-Regular';
}
@font-face {
  font-family: 'DINCond-Medium';
  src: url('https://cloud.lolipa.cn/themes/clientarea/Lolipa-User/fonts/DINCond-Medium.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-regular {
  font-family: 'DINCond-Medium';
}
@font-face {
  font-family: 'DINCond-Bold';
  src: url('https://cloud.lolipa.cn/themes/clientarea/Lolipa-User/fonts/DINCond-Bold.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-bold {
  font-family: 'DINCond-Bold';
}
@font-face {
  font-family: 'DINCond-Black';
  src: url('https://cloud.lolipa.cn/themes/clientarea/Lolipa-User/fonts/DINCond-Black.otf');
  font-weight: normal;
  font-style: normal;
}
.ax-font-bolder {
  font-family: 'DINCond-Black';
}
/*placeholder*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input::-o-placeholder,
textarea::-o-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.ax-reverse input::-webkit-input-placeholder,
.ax-reverse textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.ax-reverse input::-moz-placeholder,
.ax-reverse textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.ax-reverse input:-ms-input-placeholder,
.ax-reverse textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.ax-reverse input::-o-placeholder,
.ax-reverse textarea::-o-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.ax-reverse input::placeholder,
.ax-reverse textarea::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
/*global*/
.ax-clear {
  height: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 0rem;
  padding: 0rem;
}
.ax-content {
  width: 120rem;
  margin: 0 auto;
}
/*radius square*/
.ax-radius,
*[class*="ax-btn"].ax-radius:after {
  border-radius: 0.3rem;
}
.ax-radius-top {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.ax-radius-bottom {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ax-radius-left {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.ax-radius-right {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
/*radius size*/
.ax-radius-xxs,
.ax-avatar.ax-radius-xxs,
.ax-sign.ax-radius-xxs {
  border-radius: 0.3rem;
}
.ax-radius-xs,
.ax-avatar.ax-radius-xs,
.ax-sign.ax-radius-xs {
  border-radius: calc(0.3rem*2);
}
.ax-radius-xs.ax-radius-top {
  border-top-left-radius: calc(0.3rem*2);
  border-top-right-radius: calc(0.3rem*2);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xs.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*2);
  border-bottom-right-radius: calc(0.3rem*2);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-xs.ax-radius-left {
  border-top-left-radius: calc(0.3rem*2);
  border-bottom-left-radius: calc(0.3rem*2);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xs.ax-radius-right {
  border-top-right-radius: calc(0.3rem*2);
  border-bottom-right-radius: calc(0.3rem*2);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-sm,
.ax-avatar.ax-radius-sm,
.ax-sign.ax-radius-sm {
  border-radius: calc(0.3rem*3);
}
.ax-radius-sm.ax-radius-top {
  border-top-left-radius: calc(0.3rem*3);
  border-top-right-radius: calc(0.3rem*3);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-sm.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*3);
  border-bottom-right-radius: calc(0.3rem*3);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-sm.ax-radius-left {
  border-top-left-radius: calc(0.3rem*3);
  border-bottom-left-radius: calc(0.3rem*3);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-sm.ax-radius-right {
  border-top-right-radius: calc(0.3rem*3);
  border-bottom-right-radius: calc(0.3rem*3);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-md,
.ax-avatar.ax-radius-md,
.ax-sign.ax-radius-md {
  border-radius: calc(0.3rem*4);
}
.ax-radius-md.ax-radius-top {
  border-top-left-radius: calc(0.3rem*4);
  border-top-right-radius: calc(0.3rem*4);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-md.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*4);
  border-bottom-right-radius: calc(0.3rem*4);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-md.ax-radius-left {
  border-top-left-radius: calc(0.3rem*4);
  border-bottom-left-radius: calc(0.3rem*4);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-md.ax-radius-right {
  border-top-right-radius: calc(0.3rem*4);
  border-bottom-right-radius: calc(0.3rem*4);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-lg,
.ax-avatar.ax-radius-lg,
.ax-sign.ax-radius-lg {
  border-radius: calc(0.3rem*6);
}
.ax-radius-lg.ax-radius-top {
  border-top-left-radius: calc(0.3rem*6);
  border-top-right-radius: calc(0.3rem*6);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-lg.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*6);
  border-bottom-right-radius: calc(0.3rem*6);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-lg.ax-radius-left {
  border-top-left-radius: calc(0.3rem*6);
  border-bottom-left-radius: calc(0.3rem*6);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-lg.ax-radius-right {
  border-top-right-radius: calc(0.3rem*6);
  border-bottom-right-radius: calc(0.3rem*6);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-xl,
.ax-avatar.ax-radius-xl,
.ax-sign.ax-radius-xl {
  border-radius: calc(0.3rem*8);
}
.ax-radius-xl.ax-radius-top {
  border-top-left-radius: calc(0.3rem*8);
  border-top-right-radius: calc(0.3rem*8);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xl.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*8);
  border-bottom-right-radius: calc(0.3rem*8);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-xl.ax-radius-left {
  border-top-left-radius: calc(0.3rem*8);
  border-bottom-left-radius: calc(0.3rem*8);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xl.ax-radius-right {
  border-top-right-radius: calc(0.3rem*8);
  border-bottom-right-radius: calc(0.3rem*8);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-radius-xxl,
.ax-avatar.ax-radius-xxl,
.ax-sign.ax-radius-xxl {
  border-radius: calc(0.3rem*10);
}
.ax-radius-xxl.ax-radius-top {
  border-top-left-radius: calc(0.3rem*10);
  border-top-right-radius: calc(0.3rem*10);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xxl.ax-radius-bottom {
  border-bottom-left-radius: calc(0.3rem*10);
  border-bottom-right-radius: calc(0.3rem*10);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-radius-xxl.ax-radius-left {
  border-top-left-radius: calc(0.3rem*10);
  border-bottom-left-radius: calc(0.3rem*10);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-radius-xxl.ax-radius-right {
  border-top-right-radius: calc(0.3rem*10);
  border-bottom-right-radius: calc(0.3rem*10);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-square,
*[class*="ax-btn"].ax-square,
*[class*="ax-btn"].ax-square:after {
  border-radius: 0;
}
.ax-square-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ax-square-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-square-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-square-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/*shadow*/
.ax-shadow {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.1);
}
.ax-shadow-border {
  box-shadow: 1px 0 0 #ebebeb, -1px 0 0 #ebebeb, 0 1px 0 #ebebeb, 0 -1px 0 #ebebeb, 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08);
}
.ax-shadow-light {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
.ax-shadow-dark {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
  box-shadow: 0.5rem 0.5rem 2rem rgba(51, 51, 51, 0.4);
}
.ax-shadow-cloud {
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);
}
.ax-shadow-primary {
  box-shadow: 1px 2px 1rem rgba(25, 140, 255, 0.2);
}
.ax-shadow-secondary {
  box-shadow: 1px 2px 1rem rgba(71, 91, 102, 0.2);
}
.ax-shadow-success {
  box-shadow: 1px 2px 1rem rgba(65, 163, 88, 0.2);
}
.ax-shadow-danger {
  box-shadow: 1px 2px 1rem rgba(220, 53, 69, 0.2);
}
.ax-shadow-info {
  box-shadow: 1px 2px 1rem rgba(20, 204, 201, 0.2);
}
.ax-shadow-warning {
  box-shadow: 1px 2px 1rem rgba(255, 193, 7, 0.3);
}
.ax-shadow-ad {
  box-shadow: 1px 2px 1rem rgba(255, 132, 0, 0.2);
}
/*ellipsis*/
.ax-ell {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3 {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-subject {
  font-size: 1.8rem;
  line-height: 2.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-subject {
  font-size: 1.8rem;
  max-height: calc(2.8rem * 2);
  max-width: 100%;
  line-height: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-subject {
  font-size: 1.8rem;
  max-height: calc(2.8rem * 3);
  max-width: 100%;
  line-height: 2.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-title {
  font-size: 1.6rem;
  line-height: 2.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-title {
  font-size: 1.6rem;
  max-height: calc(2.2rem * 2);
  max-width: 100%;
  line-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-title {
  font-size: 1.6rem;
  max-height: calc(2.2rem * 3);
  max-width: 100%;
  line-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-body {
  font-size: 1.4rem;
  line-height: 2.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-body {
  font-size: 1.4rem;
  max-height: calc(2.2rem * 2);
  max-width: 100%;
  line-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-body {
  font-size: 1.4rem;
  max-height: calc(2.2rem * 3);
  max-width: 100%;
  line-height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-des {
  font-size: 1.4rem;
  line-height: 1.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-des {
  font-size: 1.4rem;
  max-height: calc(1.8rem * 2);
  max-width: 100%;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-des {
  font-size: 1.4rem;
  max-height: calc(1.8rem * 3);
  max-width: 100%;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ax-ell-ignore {
  font-size: 1.2rem;
  line-height: 1.6rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-ell-2-ignore {
  font-size: 1.2rem;
  max-height: calc(1.6rem * 2);
  max-width: 100%;
  line-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-ell-3-ignore {
  font-size: 1.2rem;
  max-height: calc(1.6rem * 3);
  max-width: 100%;
  line-height: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*border*/
.ax-border {
  border: 1px solid #ebebeb;
}
.ax-border-tb {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.ax-border-lr {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
.ax-border-grid td,
.ax-border-grid th {
  position: relative;
}
.ax-border-grid td:before,
.ax-border-grid th:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-border-grid tr td:last-child:not([class*='-sorting']):after,
.ax-border-grid tr th:last-child:not([class*='-sorting']):after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-table.ax-border-grid {
  position: relative;
}
.ax-table.ax-border-grid:after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  right: 0;
  top: 0;
}
/*margin*/
.ax-margin {
  margin: 1.4rem;
  box-sizing: border-box;
}
.ax-margin-tb {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  box-sizing: border-box;
}
.ax-margin-lr {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
  box-sizing: border-box;
}
.ax-margin-left {
  margin-left: 1.4rem;
  box-sizing: border-box;
}
.ax-margin-right {
  margin-right: 1.4rem;
  box-sizing: border-box;
}
.ax-margin.ax-xxs {
  margin: 0.4rem;
}
.ax-margin.ax-xs {
  margin: 0.8rem;
}
.ax-margin.ax-sm {
  margin: 1rem;
}
.ax-margin.ax-md {
  margin: 1.4rem;
}
.ax-margin.ax-lg {
  margin: 1.8rem;
}
.ax-margin.ax-xl {
  margin: 2.2rem;
}
.ax-margin.ax-xxl {
  margin: 2.8rem;
}
.ax-margin-tb.ax-xxs {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.ax-margin-tb.ax-xs {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.ax-margin-tb.ax-sm {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ax-margin-tb.ax-md {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}
.ax-margin-tb.ax-lg {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}
.ax-margin-tb.ax-xl {
  margin-top: 2.2rem;
  margin-bottom: 2.2rem;
}
.ax-margin-tb.ax-xxl {
  margin-top: 2.8rem;
  margin-bottom: 2.8rem;
}
.ax-margin-lr.ax-xxs {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.ax-margin-lr.ax-xs {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.ax-margin-lr.ax-sm {
  margin-left: 1rem;
  margin-right: 1rem;
}
.ax-margin-lr.ax-md {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
}
.ax-margin-lr.ax-lg {
  margin-left: 1.8rem;
  margin-right: 1.8rem;
}
.ax-margin-lr.ax-xl {
  margin-left: 2.2rem;
  margin-right: 2.2rem;
}
.ax-margin-lr.ax-xxl {
  margin-left: 2.8rem;
  margin-right: 2.8rem;
}
.ax-margin-left.ax-xxs {
  margin-left: 0.4rem;
}
.ax-margin-left.ax-xs {
  margin-left: 0.8rem;
}
.ax-margin-left.ax-sm {
  margin-left: 1rem;
}
.ax-margin-left.ax-md {
  margin-left: 1.4rem;
}
.ax-margin-left.ax-lg {
  margin-left: 1.8rem;
}
.ax-margin-left.ax-xl {
  margin-left: 2.2rem;
}
.ax-margin-left.ax-xxl {
  margin-left: 2.8rem;
}
.ax-margin-right.ax-xxs {
  margin-right: 0.4rem;
}
.ax-margin-right.ax-xs {
  margin-right: 0.8rem;
}
.ax-margin-right.ax-sm {
  margin-right: 1rem;
}
.ax-margin-right.ax-md {
  margin-right: 1.4rem;
}
.ax-margin-right.ax-lg {
  margin-right: 1.8rem;
}
.ax-margin-right.ax-xl {
  margin-right: 2.2rem;
}
.ax-margin-right.ax-xxl {
  margin-right: 2.8rem;
}
.ax-margin-top.ax-xxs {
  margin-top: 0.4rem;
}
.ax-margin-top.ax-xs {
  margin-top: 0.8rem;
}
.ax-margin-top.ax-sm {
  margin-top: 1rem;
}
.ax-margin-top.ax-md {
  margin-top: 1.4rem;
}
.ax-margin-top.ax-lg {
  margin-top: 1.8rem;
}
.ax-margin-top.ax-xl {
  margin-top: 2.2rem;
}
.ax-margin-top.ax-xxl {
  margin-top: 2.8rem;
}
.ax-margin-bottom.ax-xxs {
  margin-bottom: 0.4rem;
}
.ax-margin-bottom.ax-xs {
  margin-bottom: 0.8rem;
}
.ax-margin-bottom.ax-sm {
  margin-bottom: 1rem;
}
.ax-margin-bottom.ax-md {
  margin-bottom: 1.4rem;
}
.ax-margin-bottom.ax-lg {
  margin-bottom: 1.8rem;
}
.ax-margin-bottom.ax-xl {
  margin-bottom: 2.2rem;
}
.ax-margin-bottom.ax-xxl {
  margin-bottom: 2.8rem;
}
/*padding*/
.ax-padding {
  padding: 1.4rem;
  box-sizing: border-box;
}
.ax-padding-tb {
  padding: 1.4rem 0;
  box-sizing: border-box;
}
.ax-padding-lr {
  padding: 0 1.4rem;
  box-sizing: border-box;
}
.ax-padding-left {
  padding-left: 1.4rem;
  box-sizing: border-box;
}
.ax-padding-right {
  padding-right: 1.4rem;
  box-sizing: border-box;
}
.ax-padding.ax-xxs {
  padding: 0.4rem;
}
.ax-padding.ax-xs {
  padding: 0.8rem;
}
.ax-padding.ax-sm {
  padding: 1rem;
}
.ax-padding.ax-md {
  padding: 1.4rem;
}
.ax-padding.ax-lg {
  padding: 1.8rem;
}
.ax-padding.ax-xl {
  padding: 2.2rem;
}
.ax-padding.ax-xxl {
  padding: 2.8rem;
}
.ax-padding-tb.ax-xxs {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.ax-padding-tb.ax-xs {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.ax-padding-tb.ax-sm {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.ax-padding-tb.ax-md {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.ax-padding-tb.ax-lg {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
}
.ax-padding-tb.ax-xl {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.ax-padding-tb.ax-xxl {
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
}
.ax-padding-lr.ax-xxs {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.ax-padding-lr.ax-xs {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.ax-padding-lr.ax-sm {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ax-padding-lr.ax-md {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.ax-padding-lr.ax-lg {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}
.ax-padding-lr.ax-xl {
  padding-left: 2.2rem;
  padding-right: 2.2rem;
}
.ax-padding-lr.ax-xxl {
  padding-left: 2.8rem;
  padding-right: 2.8rem;
}
.ax-padding-left.ax-xxs {
  padding-left: 0.4rem;
}
.ax-padding-left.ax-xs {
  padding-left: 0.8rem;
}
.ax-padding-left.ax-sm {
  padding-left: 1rem;
}
.ax-padding-left.ax-md {
  padding-left: 1.4rem;
}
.ax-padding-left.ax-lg {
  padding-left: 1.8rem;
}
.ax-padding-left.ax-xl {
  padding-left: 2.2rem;
}
.ax-padding-left.ax-xxl {
  padding-left: 2.8rem;
}
.ax-padding-right.ax-xxs {
  padding-right: 0.4rem;
}
.ax-padding-right.ax-xs {
  padding-right: 0.8rem;
}
.ax-padding-right.ax-sm {
  padding-right: 1rem;
}
.ax-padding-right.ax-md {
  padding-right: 1.4rem;
}
.ax-padding-right.ax-lg {
  padding-right: 1.8rem;
}
.ax-padding-right.ax-xl {
  padding-right: 2.2rem;
}
.ax-padding-right.ax-xxl {
  padding-right: 2.8rem;
}
.ax-padding-top.ax-xxs {
  padding-top: 0.4rem;
}
.ax-padding-top.ax-xs {
  padding-top: 0.8rem;
}
.ax-padding-top.ax-sm {
  padding-top: 1rem;
}
.ax-padding-top.ax-md {
  padding-top: 1.4rem;
}
.ax-padding-top.ax-lg {
  padding-top: 1.8rem;
}
.ax-padding-top.ax-xl {
  padding-top: 2.2rem;
}
.ax-padding-top.ax-xxl {
  padding-top: 2.8rem;
}
.ax-padding-bottom.ax-xxs {
  padding-bottom: 0.4rem;
}
.ax-padding-bottom.ax-xs {
  padding-bottom: 0.8rem;
}
.ax-padding-bottom.ax-sm {
  padding-bottom: 1rem;
}
.ax-padding-bottom.ax-md {
  padding-bottom: 1.4rem;
}
.ax-padding-bottom.ax-lg {
  padding-bottom: 1.8rem;
}
.ax-padding-bottom.ax-xl {
  padding-bottom: 2.2rem;
}
.ax-padding-bottom.ax-xxl {
  padding-bottom: 2.8rem;
}
/*col break*/
.ax-gutter-xxs {
  width: 0.4rem;
  overflow: hidden;
}
.ax-gutter-xs {
  width: 0.8rem;
  overflow: hidden;
}
.ax-gutter-sm {
  width: 1.2rem;
  overflow: hidden;
}
.ax-gutter,
.ax-gutter-md {
  width: 1.4rem;
  overflow: hidden;
}
.ax-gutter-lg {
  width: 1.6rem;
  overflow: hidden;
}
.ax-gutter-xl {
  width: 2.2rem;
  overflow: hidden;
}
.ax-gutter-xxl {
  width: 2.8rem;
  overflow: hidden;
}
/*row break*/
.ax-break-xxs {
  height: 0.4rem;
  overflow: hidden;
}
.ax-break-xs {
  height: 0.8rem;
  overflow: hidden;
}
.ax-break-sm {
  height: 1rem;
  overflow: hidden;
}
.ax-break,
.ax-break-md {
  height: 1.4rem;
  overflow: hidden;
}
.ax-break-lg {
  height: 1.8rem;
  overflow: hidden;
}
.ax-break-xl {
  height: 2.2rem;
  overflow: hidden;
}
.ax-break-xxl {
  height: 2.8rem;
  overflow: hidden;
}
/*line break*/
.ax-gutter-line {
  height: 100%;
  width: 1px;
  background-color: #ebebeb;
}
.ax-border {
  border: 1px solid #ebebeb;
}
.ax-break-line {
  height: 1px;
  overflow: hidden;
  background-color: #ebebeb;
}
.ax-break-text {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  line-height: calc(2.8rem + 0.1rem);
}
.ax-break-text .ax-left,
.ax-break-text .ax-right {
  flex: auto;
  height: 1px;
  overflow: hidden;
  background-color: #ebebeb;
  margin-top: calc(2.8rem / 2);
}
.ax-break-text span {
  color: #b3b3b3;
  margin: auto 1.4rem;
}
.ax-break-text.ax-align-left .ax-left {
  flex: none;
  width: calc(3.8rem);
}
.ax-break-text.ax-align-right .ax-right {
  flex: none;
  width: calc(3.8rem);
}
/*headline*/
.ax-headline {
  text-align: center;
  margin: calc(1.4rem*2) auto;
  position: relative;
}
.ax-headline .ax-body {
  font-size: 2.2rem;
  line-height: 2.2rem;
}
.ax-headline .ax-title {
  color: #333333;
  position: relative;
}
.ax-headline .ax-title:before {
  content: '';
  width: 2.2rem;
  height: 0.2rem;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  left: calc(-1.2rem - 2.2rem);
  top: 1.1rem;
}
.ax-headline .ax-title:after {
  content: '';
  width: 2.2rem;
  height: 0.2rem;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  right: calc(-1.2rem - 2.2rem);
  top: calc(2.2rem / 2 + 0.1rem);
}
.ax-headline .ax-adorn {
  font-size: 1.2rem;
  color: #b3b3b3;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}
.ax-headline .ax-des {
  font-size: 1.4rem;
  color: #666666;
  line-height: 1.8rem;
  margin-top: 1rem;
}
.ax-headline.ax-align-left .ax-title:before,
.ax-headline.ax-align-left .ax-title:after,
.ax-headline.ax-align-right .ax-title:before,
.ax-headline.ax-align-right .ax-title:after {
  display: none;
}
.ax-headline.ax-align-left {
  padding-left: 1.4rem;
}
.ax-headline.ax-align-left:before {
  content: '';
  width: 0.3rem;
  height: 100%;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-headline.ax-align-right {
  padding-right: 1.4rem;
}
.ax-headline.ax-align-right:after {
  content: '';
  width: 0.3rem;
  height: 100%;
  background-color: #333333;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-headline.ax-sm .ax-body {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.ax-headline.ax-sm .ax-title:before,
.ax-headline.ax-sm .ax-title:after {
  width: 1.8rem;
  top: calc(1.8rem / 2 + 0.1rem);
}
.ax-headline.ax-sm .ax-title:before {
  left: calc(-0.8rem - 1.8rem);
}
.ax-headline.ax-sm .ax-title:after {
  right: calc(-0.8rem - 1.8rem);
}
.ax-headline.ax-lg .ax-body {
  font-size: calc(2.8rem + 0.4rem);
  line-height: calc(2.8rem + 0.4rem);
}
.ax-headline.ax-lg .ax-title:before,
.ax-headline.ax-lg .ax-title:after {
  width: 2.8rem;
  top: calc((2.8rem + 0.4rem) / 2 + 0.1rem);
}
.ax-headline.ax-lg .ax-title:before {
  left: calc(-1.4rem - 2.8rem);
}
.ax-headline.ax-lg .ax-title:after {
  right: calc(-1.4rem - 2.8rem);
}
.ax-headline.ax-primary .ax-title {
  color: #198cff;
}
.ax-headline.ax-primary .ax-title:before,
.ax-headline.ax-primary .ax-title:after {
  background-color: #d7e7f5;
}
.ax-headline.ax-secondary .ax-title {
  color: #475b66;
}
.ax-headline.ax-secondary .ax-title:before,
.ax-headline.ax-secondary .ax-title:after {
  background-color: #dfe3e5;
}
.ax-headline.ax-success .ax-title {
  color: #41a358;
}
.ax-headline.ax-success .ax-title:before,
.ax-headline.ax-success .ax-title:after {
  background-color: #e1f0e5;
}
.ax-headline.ax-danger .ax-title {
  color: #dc3545;
}
.ax-headline.ax-danger .ax-title:before,
.ax-headline.ax-danger .ax-title:after {
  background-color: #f0dddf;
}
.ax-headline.ax-warning .ax-title {
  color: #ffc107;
}
.ax-headline.ax-warning .ax-title:before,
.ax-headline.ax-warning .ax-title:after {
  background-color: #f5edd7;
}
.ax-headline.ax-info .ax-title {
  color: #14ccc9;
}
.ax-headline.ax-info .ax-title:before,
.ax-headline.ax-info .ax-title:after {
  background-color: #cef0f0;
}
.ax-headline.ax-ad .ax-title {
  color: #ff8400;
}
.ax-headline.ax-ad .ax-title:before,
.ax-headline.ax-ad .ax-title:after {
  background-color: #f5e7d7;
}
.ax-headline.ax-align-left .ax-title,
.ax-headline.ax-align-right .ax-title {
  color: #333333;
}
.ax-headline.ax-align-left.ax-primary:before,
.ax-headline.ax-align-right.ax-primary:after {
  background-color: #198cff;
}
.ax-headline.ax-align-left.ax-secondary:before,
.ax-headline.ax-align-right.ax-secondary:after {
  background-color: #475b66;
}
.ax-headline.ax-align-left.ax-success:before,
.ax-headline.ax-align-right.ax-success:after {
  background-color: #41a358;
}
.ax-headline.ax-align-left.ax-danger:before,
.ax-headline.ax-align-right.ax-danger:after {
  background-color: #dc3545;
}
.ax-headline.ax-align-left.ax-warning:before,
.ax-headline.ax-align-right.ax-warning:after {
  background-color: #ffc107;
}
.ax-headline.ax-align-left.ax-info:before,
.ax-headline.ax-align-right.ax-info:after {
  background-color: #14ccc9;
}
.ax-headline.ax-align-left.ax-ad:before,
.ax-headline.ax-align-right.ax-ad:after {
  background-color: #ff8400;
}
.ax-headline.ax-style-simple .ax-title:before,
.ax-headline.ax-style-simple .ax-title:after {
  display: none;
}
.ax-headline.ax-style-dash .ax-title:before,
.ax-headline.ax-style-dash .ax-title:after {
  display: none;
}
.ax-headline.ax-style-dash {
  margin-bottom: calc(1.4rem*4);
}
.ax-headline.ax-style-dash:after {
  content: '';
  width: 2.2rem;
  height: 0.2rem;
  background-color: #333333;
  overflow: hidden;
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  bottom: calc(-1.4rem*2);
}
.ax-headline.ax-style-underline .ax-title:after {
  display: none;
}
.ax-headline.ax-style-underline .ax-title:before {
  width: 100%;
  height: 0.6rem;
  background-color: #ffc107;
  right: auto;
  left: 0;
  top: auto;
  bottom: -0.2rem;
}
.ax-headline.ax-style-underline .ax-title i {
  position: relative;
}
.ax-headline.ax-style-tab {
  text-align: left;
  line-height: 3.8rem;
}
.ax-headline.ax-style-tab .ax-body {
  line-height: 3.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-headline.ax-style-tab .ax-title:before,
.ax-headline.ax-style-tab .ax-title:after {
  display: none;
}
.ax-headline.ax-style-tab .ax-more {
  margin-left: calc(1.4rem*2);
}
.ax-headline.ax-style-tab .ax-des {
  margin-top: 0;
}
.ax-headline.ax-style-tab .ax-body .ax-des {
  margin-left: 1.4rem;
}
.ax-headline.ax-style-tab .ax-body .ax-badge,
.ax-headline.ax-style-tab .ax-body .ax-dot {
  margin-left: 0.8rem;
}
/*align*/
.ax-align-left {
  text-align: left !important;
}
.ax-align-right {
  text-align: right !important;
}
.ax-align-center {
  text-align: center !important;
}
.ax-align-left-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-align-right-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ax-align-top-center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ax-align-origin,
.ax-align-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ax-align-bottom-center {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ax-align-top-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ax-align-top-center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ax-align-top-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.ax-align-bottom-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.ax-align-bottom-center {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ax-align-bottom-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.ax-float-left {
  float: left;
}
.ax-float-right {
  float: right;
}
/*transition 动画*/
.ax-deg360 {
  transform: rotate(360deg);
}
.ax-deg180 {
  transform: rotate(-180deg);
}
/*animation 动画*/
@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ax-rotate360 {
  animation-timing-function: linear;
  animation-duration: 2000ms;
  animation-fill-mode: both;
  animation-name: rotate360;
}
@keyframes rotate180 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
.ax-rotate180 {
  animation-duration: 500ms;
  animation-fill-mode: both;
  animation-name: rotate180;
}
@keyframes rotate90 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
.ax-rotate90 {
  animation-duration: 200ms;
  animation-fill-mode: both;
  animation-name: rotate90;
}
@keyframes rotate45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
.ax-rotate45 {
  animation-duration: 200ms;
  animation-fill-mode: both;
  animation-name: rotate45;
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.ax-bounceShow {
  animation-duration: 300ms;
  animation-fill-mode: both;
  transform-origin: center bottom;
  animation-name: bounce;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.ax-flashShow {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flash;
}
@keyframes pulse {
  from,
  50%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  25%,
  75% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
}
.ax-pulseShow {
  animation-duration: 300ms;
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.ax-shakeShow {
  animation-duration: 300ms;
  animation-name: shake;
}
@keyframes fadeIn {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ax-fadeIn {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
@keyframes fadeOut {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ax-fadeOut {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
@keyframes fadeInUp {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fadeInUp {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
@keyframes fadeOutUp {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
}
.ax-fadeOutUp {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeOutUp;
}
@keyframes fadeInDown {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fadeInDown {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeInDown;
}
@keyframes fadeOutDown {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
}
.ax-fadeOutDown {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeOutDown;
}
@keyframes fadeInLeft {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fadeInLeft {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
}
@keyframes fadeOutLeft {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }
}
.ax-fadeOutLeft {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeOutLeft;
}
@keyframes fadeInRight {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-fadeInRight {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeInRight;
}
@keyframes fadeOutRight {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
}
.ax-fadeOutRight {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: fadeOutRight;
}
@keyframes springIn {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  45% {
    transform: scale(1.02);
    opacity: 1;
  }
  80% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
.ax-springIn {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: springIn;
}
@keyframes springOut {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.98);
  }
  55% {
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}
.ax-springOut {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: springOut;
}
@keyframes scaleIn {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ax-scaleIn {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: scaleIn;
}
@keyframes scaleOut {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
.ax-scaleOut {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: scaleOut;
}
@keyframes flyInLeft {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 50%, 0) rotate(-30deg);
    transform: translate3d(-50%, 50%, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-flyInLeft {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyInLeft;
}
@keyframes flyOutLeft {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 50%, 0) rotate(-30deg);
    transform: translate3d(-50%, 50%, 0) rotate(-30deg);
  }
}
.ax-flyOutLeft {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyOutLeft;
}
@keyframes flyInRight {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 50%, 0) rotate(30deg);
    transform: translate3d(50%, 50%, 0) rotate(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-flyInRight {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyInRight;
}
@keyframes flyOutRight {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 50%, 0) rotate(30deg);
    transform: translate3d(50%, 50%, 0) rotate(30deg);
  }
}
.ax-flyOutRight {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyOutRight;
}
@keyframes flyInUp {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -100%, 0) rotate(-30deg);
    transform: translate3d(0%, -100%, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-flyInUp {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyInUp;
}
@keyframes flyOutUp {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -100%, 0) rotate(-30deg);
    transform: translate3d(0%, -100%, 0) rotate(-30deg);
  }
}
.ax-flyOutUp {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyOutUp;
}
@keyframes flyInDown {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, 100%, 0) rotate(30deg);
    transform: translate3d(0%, 100%, 0) rotate(30deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.ax-flyInDown {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyInDown;
}
@keyframes flyOutDown {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0%, 100%, 0) rotate(30deg);
    transform: translate3d(0%, 100%, 0) rotate(30deg);
  }
}
.ax-flyOutDown {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: flyOutDown;
}
@keyframes rotateIn {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(0.5) rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
.ax-rotateIn {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: rotateIn;
}
@keyframes rotateOut {
  from,
  to {
    animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  0% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.5) rotate(180deg);
    opacity: 0;
  }
}
.ax-rotateOut {
  animation-duration: 300ms;
  animation-fill-mode: both;
  animation-name: rotateOut;
}
[class*="In"].ax-slowest,
[class*="Out"].ax-slowest,
[class*="Show"].ax-slowest,
[class*="rotate"].ax-slowest {
  animation-duration: 500ms;
}
[class*="In"].ax-slower,
[class*="Out"].ax-slower,
[class*="Show"].ax-slower,
[class*="rotate"].ax-slower {
  animation-duration: 400ms;
}
[class*="In"].ax-slow,
[class*="Out"].ax-slow,
[class*="Show"].ax-slow,
[class*="rotate"].ax-slow {
  animation-duration: 300ms;
}
[class*="In"].ax-normal,
[class*="Out"].ax-normal,
[class*="Show"].ax-normal,
[class*="rotate"].ax-normal {
  animation-duration: 200ms;
}
[class*="In"].ax-fast,
[class*="Out"].ax-fast,
[class*="rotate"].ax-fast {
  animation-duration: 100ms;
}
/*width height 100%*/
.ax-full-width {
  width: 100%;
}
.ax-full-height {
  height: 100%;
}
.ax-full-all {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.ax-full-main {
  box-sizing: border-box;
  padding: 1.4rem;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/*grid layout*/
.ax-grid {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.ax-grid > * {
  min-width: 0;
  box-sizing: border-box;
}
.ax-grid.ax-grid-1 {
  grid-template-columns: 1fr;
}
.ax-grid.ax-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ax-grid.ax-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.ax-grid.ax-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.ax-grid.ax-grid-5 {
  grid-template-columns: repeat(5, 1fr);
}
.ax-grid.ax-grid-6 {
  grid-template-columns: repeat(6, 1fr);
}
.ax-grid.ax-grid-7 {
  grid-template-columns: repeat(7, 1fr);
}
.ax-grid.ax-grid-8 {
  grid-template-columns: repeat(8, 1fr);
}
.ax-grid.ax-grid-9 {
  grid-template-columns: repeat(9, 1fr);
}
.ax-grid.ax-grid-10 {
  grid-template-columns: repeat(10, 1fr);
}
.ax-grid.ax-grid-11 {
  grid-template-columns: repeat(11, 1fr);
}
.ax-grid.ax-grid-12 {
  grid-template-columns: repeat(12, 1fr);
}
.ax-grid.ax-grid-13 {
  grid-template-columns: repeat(13, 1fr);
}
.ax-grid.ax-grid-14 {
  grid-template-columns: repeat(14, 1fr);
}
.ax-grid.ax-grid-15 {
  grid-template-columns: repeat(15, 1fr);
}
.ax-grid.ax-grid-16 {
  grid-template-columns: repeat(16, 1fr);
}
.ax-grid.ax-grid-17 {
  grid-template-columns: repeat(17, 1fr);
}
.ax-grid.ax-grid-18 {
  grid-template-columns: repeat(18, 1fr);
}
.ax-grid.ax-grid-19 {
  grid-template-columns: repeat(19, 1fr);
}
.ax-grid.ax-grid-20 {
  grid-template-columns: repeat(20, 1fr);
}
.ax-grid.ax-grid-21 {
  grid-template-columns: repeat(21, 1fr);
}
.ax-grid.ax-grid-22 {
  grid-template-columns: repeat(22, 1fr);
}
.ax-grid.ax-grid-23 {
  grid-template-columns: repeat(23, 1fr);
}
.ax-grid.ax-grid-24 {
  grid-template-columns: repeat(24, 1fr);
}
.ax-grid.ax-space-xxs {
  grid-gap: 0.4rem;
}
.ax-grid.ax-space-xs {
  grid-gap: 0.8rem;
}
.ax-grid.ax-space-sm {
  grid-gap: 1rem;
}
.ax-grid.ax-space-md,
.ax-grid.ax-space {
  grid-gap: 1.4rem;
}
.ax-grid.ax-space-lg {
  grid-gap: 1.8rem;
}
.ax-grid.ax-space-xl {
  grid-gap: 2.2rem;
}
.ax-grid.ax-space-xxl {
  grid-gap: 2.8rem;
}
.ax-grid.ax-grid-table {
  border-left: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}
.ax-grid.ax-grid-table > * {
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
/*flex layout*/
.ax-flex-row,
.ax-flex-col {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
}
.ax-flex-row {
  flex-direction: row;
  width: 100%;
}
.ax-flex-row > [class*='ax-flex-block'] {
  width: 0;
}
.ax-flex-col {
  flex-direction: column;
  height: 100%;
}
.ax-flex-col > [class*='ax-flex-block'] {
  height: 0;
}
.ax-flex-block,
.ax-flex-block-1 {
  flex: auto;
  position: relative;
}
.ax-flex-block-2 {
  flex: 2 1 auto;
  position: relative;
}
.ax-flex-block-3 {
  flex: 3 1 auto;
  position: relative;
}
.ax-flex-block-4 {
  flex: 4 1 auto;
  position: relative;
}
.ax-flex-block-5 {
  flex: 5 1 auto;
  position: relative;
}
.ax-flex-block-6 {
  flex: 6 1 auto;
  position: relative;
}
@-moz-document url-prefix() {
  .ax-flex-block {
    min-width: 0;
    /*hack firefox ellipsis*/
  }
}
.ax-noflex-block {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  flex: none;
  position: relative;
}
/*grid layout*/
.ax-row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  zoom: 1;
}
.ax-row > [class*='ax-flex-block'] {
  width: 0;
}
.ax-col {
  display: block;
  flex: auto;
  width: 0;
  position: relative;
}
.ax-col > [class*='ax-flex-block'] {
  height: 0;
}
.ax-col-1 {
  width: calc((100%/24)*1);
}
_:-ms-lang(x),
.ax-col-1 {
  width: 4.166666%;
}
.ax-col-2 {
  width: calc((100%/24)*2);
}
.ax-col-3 {
  width: calc((100%/24)*3);
}
_:-ms-lang(x),
.ax-col-3 {
  width: 12.5%;
}
.ax-col-4 {
  width: calc((100%/24)*4);
}
_:-ms-lang(x),
.ax-col-4 {
  width: 16.66666%;
}
.ax-col-5 {
  width: calc((100%/24)*5);
}
.ax-col-6 {
  width: calc((100%/24)*6);
}
.ax-col-7 {
  width: calc((100%/24)*7);
}
_:-ms-lang(x),
.ax-col-7 {
  width: 29.166666%;
}
.ax-col-8 {
  width: calc((100%/24)*8);
}
.ax-col-9 {
  width: calc((100%/24)*9);
}
.ax-col-10 {
  width: calc((100%/24)*10);
}
.ax-col-11 {
  width: calc((100%/24)*11);
}
.ax-col-12 {
  width: calc((100%/24)*12);
}
.ax-col-13 {
  width: calc((100%/24)*13);
}
.ax-col-14 {
  width: calc((100%/24)*14);
}
.ax-col-15 {
  width: calc((100%/24)*15);
}
.ax-col-16 {
  width: calc((100%/24)*16);
}
.ax-col-17 {
  width: calc((100%/24)*17);
}
.ax-col-18 {
  width: calc((100%/24)*18);
}
.ax-col-19 {
  width: calc((100%/24)*19);
}
.ax-col-20 {
  width: calc((100%/24)*20);
}
.ax-col-21 {
  width: calc((100%/24)*21);
}
.ax-col-22 {
  width: calc((100%/24)*22);
}
.ax-col-23 {
  width: calc((100%/24)*23);
}
.ax-col-24 {
  width: calc((100%/24)*24);
}
.ax-col-1-avg {
  width: calc(100%/1);
}
.ax-col-2-avg {
  width: calc(100%/2);
}
.ax-col-3-avg {
  width: calc(100%/3);
}
.ax-col-4-avg {
  width: calc(100%/4);
}
.ax-col-5-avg {
  width: calc(100%/5);
}
.ax-col-6-avg {
  width: calc(100%/6);
}
_:-ms-lang(x),
.ax-col-6-avg {
  width: 16.66666%;
}
.ax-col-7-avg {
  width: calc(100%/7);
}
_:-ms-lang(x),
.ax-col-7-avg {
  width: 14.2857%;
}
.ax-col-8-avg {
  width: calc(100%/8);
}
_:-ms-fullscreen,
:root .ax-col-8-avg {
  width: 12.4999%;
}
.ax-col-9-avg {
  width: calc(100%/9);
}
_:-ms-fullscreen,
:root .ax-col-9-avg {
  width: 11.111%;
}
.ax-col-10-avg {
  width: calc(100%/10);
}
.ax-col-11-avg {
  width: calc(100%/11);
}
_:-ms-fullscreen,
:root .ax-col-11-avg {
  width: 9.090909%;
}
.ax-col-12-avg {
  width: calc(100%/12);
}
/*color background*/
.ax-color-primary,
.ax-color-primary [class*="font"],
.ax-color-primary svg {
  color: #198cff;
  fill: #198cff;
}
.ax-color-secondary,
.ax-color-secondary [class*="font"],
.ax-color-secondary svg {
  color: #475b66;
  fill: #475b66;
}
.ax-color-success,
.ax-color-success [class*="font"],
.ax-color-success svg {
  color: #41a358;
  fill: #41a358;
}
.ax-color-danger,
.ax-color-danger [class*="font"],
.ax-color-danger svg {
  color: #dc3545;
  fill: #dc3545;
}
.ax-color-warning,
.ax-color-warning [class*="font"],
.ax-color-warning svg {
  color: #ffc107;
  fill: #ffc107;
}
.ax-color-info,
.ax-color-info [class*="font"],
.ax-color-info svg {
  color: #14ccc9;
  fill: #14ccc9;
}
.ax-color-ad,
.ax-color-ad [class*="font"],
.ax-color-ad svg {
  color: #ff8400;
  fill: #ff8400;
}
.ax-color-title,
.ax-color-title [class*="font"],
.ax-color-title svg {
  color: #333333;
  fill: #333333;
}
.ax-color-des,
.ax-color-des [class*="font"],
.ax-color-des svg {
  color: #666666;
  fill: #666666;
}
.ax-color-ignore,
.ax-color-ignore [class*="font"],
.ax-color-ignore svg {
  color: #b3b3b3;
  fill: #b3b3b3;
}
.ax-color-forbid,
.ax-color-forbid [class*="font"],
.ax-color-forbid svg {
  color: #b3b3b3;
  fill: #b3b3b3;
  cursor: not-allowed;
}
.ax-color-white,
.ax-color-white [class*="font"],
.ax-color-white svg {
  color: #fff;
  fill: #fff;
}
.ax-bg-primary,
.ax-avatar.ax-bg-primary {
  background-color: #198cff;
  color: #fff;
}
.ax-bg-secondary,
.ax-avatar.ax-bg-secondary {
  background-color: #475b66;
  color: #fff;
}
.ax-bg-success,
.ax-avatar.ax-bg-success {
  background-color: #41a358;
  color: #fff;
}
.ax-bg-danger,
.ax-avatar.ax-bg-danger {
  background-color: #dc3545;
  color: #fff;
}
.ax-bg-warning,
.ax-avatar.ax-bg-warning {
  background-color: #ffc107;
  color: #333333;
}
.ax-bg-info,
.ax-avatar.ax-bg-info {
  background-color: #14ccc9;
  color: #fff;
}
.ax-bg-ad,
.ax-avatar.ax-bg-ad {
  background-color: #ff8400;
  color: #fff;
}
.ax-bg-title,
.ax-avatar.ax-bg-title {
  background-color: #333333;
  color: #fff;
}
.ax-bg-des,
.ax-avatar.ax-bg-des {
  background-color: #666666;
  color: #fff;
}
.ax-bg-ignore,
.ax-avatar.ax-bg-ignore {
  background-color: #b3b3b3;
}
.ax-bg-white,
.ax-avatar.ax-bg-white {
  background-color: #fff;
}
.ax-bglit-primary,
.ax-avatar.ax-bglit-primary {
  background-color: #f0f7ff;
  color: #0b72da;
}
.ax-bglit-secondary,
.ax-avatar.ax-bglit-secondary {
  background-color: #f5f8fa;
  color: #383e42;
}
.ax-bglit-success,
.ax-avatar.ax-bglit-success {
  background-color: #edfaf0;
  color: #3b7649;
}
.ax-bglit-danger,
.ax-avatar.ax-bglit-danger {
  background-color: #fff0f1;
  color: #b22c39;
}
.ax-bglit-warning,
.ax-avatar.ax-bglit-warning {
  background-color: #fffaeb;
  color: #333333;
}
.ax-bglit-info,
.ax-avatar.ax-bglit-info {
  background-color: #ebfaf9;
  color: #189593;
}
.ax-bglit-ad,
.ax-avatar.ax-bglit-ad {
  background-color: #fff5eb;
  color: #c2690a;
}
.ax-bglit-title,
.ax-avatar.ax-bglit-title {
  background-color: #f5f5f5;
  color: #333333;
}
/*gradient bg*/
.ax-bg-primary.ax-gradient-0 {
  background: linear-gradient(0deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient,
.ax-gradient,
.ax-bg-primary.ax-gradient-45 {
  background: linear-gradient(45deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-90 {
  background: linear-gradient(90deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-135 {
  background: linear-gradient(135deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-180 {
  background: linear-gradient(180deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-225 {
  background: linear-gradient(225deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-270 {
  background: linear-gradient(270deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-315 {
  background: linear-gradient(315deg, #198cff, #6619ff);
}
.ax-bg-primary.ax-gradient-360 {
  background: linear-gradient(360deg, #198cff, #6619ff);
}
.ax-bg-secondary.ax-gradient-0 {
  background: linear-gradient(0deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient,
.ax-bg-secondary.ax-gradient-45 {
  background: linear-gradient(45deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-90 {
  background: linear-gradient(90deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-135 {
  background: linear-gradient(135deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-180 {
  background: linear-gradient(180deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-225 {
  background: linear-gradient(225deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-270 {
  background: linear-gradient(270deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-315 {
  background: linear-gradient(315deg, #475b66, #63a0be);
}
.ax-bg-secondary.ax-gradient-360 {
  background: linear-gradient(360deg, #475b66, #63a0be);
}
.ax-bg-success.ax-gradient-0 {
  background: linear-gradient(0deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient,
.ax-bg-success.ax-gradient-45 {
  background: linear-gradient(45deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-90 {
  background: linear-gradient(90deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-135 {
  background: linear-gradient(135deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-180 {
  background: linear-gradient(180deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-225 {
  background: linear-gradient(225deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-270 {
  background: linear-gradient(270deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-315 {
  background: linear-gradient(315deg, #41a358, #b2d956);
}
.ax-bg-success.ax-gradient-360 {
  background: linear-gradient(360deg, #41a358, #b2d956);
}
.ax-bg-danger.ax-gradient-0 {
  background: linear-gradient(0deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient,
.ax-bg-danger.ax-gradient-45 {
  background: linear-gradient(45deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-90 {
  background: linear-gradient(90deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-135 {
  background: linear-gradient(135deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-180 {
  background: linear-gradient(180deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-225 {
  background: linear-gradient(225deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-270 {
  background: linear-gradient(270deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-315 {
  background: linear-gradient(315deg, #dc3545, #ffc000);
}
.ax-bg-danger.ax-gradient-360 {
  background: linear-gradient(360deg, #dc3545, #ffc000);
}
.ax-bg-warning.ax-gradient-0 {
  background: linear-gradient(0deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient,
.ax-bg-warning.ax-gradient-45 {
  background: linear-gradient(45deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-90 {
  background: linear-gradient(90deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-135 {
  background: linear-gradient(135deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-180 {
  background: linear-gradient(180deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-225 {
  background: linear-gradient(225deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-270 {
  background: linear-gradient(270deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-315 {
  background: linear-gradient(315deg, #ffc107, #ffde7a);
}
.ax-bg-warning.ax-gradient-360 {
  background: linear-gradient(360deg, #ffc107, #ffde7a);
}
.ax-bg-info.ax-gradient-0 {
  background: linear-gradient(0deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient,
.ax-bg-info.ax-gradient-45 {
  background: linear-gradient(45deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-90 {
  background: linear-gradient(90deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-135 {
  background: linear-gradient(135deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-180 {
  background: linear-gradient(180deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-225 {
  background: linear-gradient(225deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-270 {
  background: linear-gradient(270deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-315 {
  background: linear-gradient(315deg, #14ccc9, #2c7be6);
}
.ax-bg-info.ax-gradient-360 {
  background: linear-gradient(360deg, #14ccc9, #2c7be6);
}
.ax-bg-ad.ax-gradient-0 {
  background: linear-gradient(0deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient,
.ax-bg-ad.ax-gradient-45 {
  background: linear-gradient(45deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-90 {
  background: linear-gradient(90deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-135 {
  background: linear-gradient(135deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-180 {
  background: linear-gradient(180deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-225 {
  background: linear-gradient(225deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-270 {
  background: linear-gradient(270deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-315 {
  background: linear-gradient(315deg, #ff8400, #ffdd23);
}
.ax-bg-ad.ax-gradient-360 {
  background: linear-gradient(360deg, #ff8400, #ffdd23);
}
/*svg loading*/
.ax-loading {
  height: 2.8rem;
  width: 2.8rem;
  margin: auto;
}
.ax-loading svg {
  transform-origin: center center;
  animation: rotate360 2s linear infinite;
  height: 100%;
  width: 100%;
}
.ax-loading circle {
  fill: none;
  stroke-width: 0.2rem;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: loading-dash 1.5s ease-in-out infinite, loading-color 6s ease-in-out infinite;
  stroke-linecap: round;
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -3.5rem;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -12.4rem;
  }
}
@keyframes loading-color {
  100%,
  0% {
    stroke: #dc3545;
  }
  40% {
    stroke: #198cff;
  }
  66% {
    stroke: #ff8400;
  }
  80%,
  90% {
    stroke: #41a358;
  }
}
.ax-loading i {
  animation: rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid rgba(25, 140, 255, 0.2);
  border-bottom-color: #198cff;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.ax-loading.ax-white i {
  border-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: #fff;
}
.ax-waiting {
  position: relative;
}
.ax-waiting:after {
  content: "";
  position: absolute;
  animation: wait 1s infinite steps(3, start);
}
@keyframes wait {
  33.33% {
    content: ".";
  }
  66.67% {
    content: "..";
  }
  100% {
    content: "...";
  }
}
/*loading btn*/
.ax-btn-loading {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.4rem auto;
  background-image: var(--load-svg);
}
.ax-btn-loading.ax-gif {
  background-image: var(--load-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: var(--load-svg-w);
}
/*alert*/
.ax-alert {
  font-size: 1.4rem;
  color: #c8990b;
  line-height: 1.8rem;
  background-color: #fffaeb;
  border: 1px solid #f5edd7;
  border-radius: 0.3rem;
  padding: calc(0.8rem + 0.1rem) 1.4rem;
  position: relative;
}
.ax-alert .ax-close {
  font-family: 'ax-iconfont';
  font-size: 1.4rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
  line-height: calc(3.8rem - 2px);
  transition: all 200ms linear;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-alert .ax-close:before {
  content: "close";
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
}
.ax-alert .ax-close:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ax-alert .ax-text {
  flex: auto;
}
.ax-alert .ax-title {
  font-weight: bold;
  margin-bottom: 0.4rem;
}
.ax-alert .ax-des {
  font-size: 1.2rem;
}
.ax-alert.ax-sm {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.ax-alert.ax-sm [class*='font']:first-child {
  margin-right: 0.8rem;
}
.ax-alert.ax-lg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ax-alert.ax-lg [class*='font']:first-child {
  font-size: 2.8rem;
  margin-right: 1.4rem;
}
.ax-alert.ax-lg .ax-title {
  font-size: 1.4rem;
}
.ax-alert.ax-primary {
  color: #0b72da;
  background-color: #f0f7ff;
  border-color: #d7e7f5;
}
.ax-alert.ax-secondary {
  color: #383e42;
  background-color: #f5f8fa;
  border-color: #dfe3e5;
}
.ax-alert.ax-success {
  color: #3b7649;
  background-color: #edfaf0;
  border-color: #e1f0e5;
}
.ax-alert.ax-danger {
  color: #b22c39;
  background-color: #fff0f1;
  border-color: #f0dddf;
}
.ax-alert.ax-warning {
  color: #c8990b;
  background-color: #fffaeb;
  border-color: #f5edd7;
}
.ax-alert.ax-ad {
  color: #c2690a;
  background-color: #fff5eb;
  border-color: #f5e7d7;
}
.ax-alert.ax-info {
  color: #189593;
  background-color: #ebfaf9;
  border-color: #cef0f0;
}
.ax-alert.ax-light {
  color: #666666;
  background-color: rgba(0, 0, 0, 0.02);
  border-color: #ebebeb;
}
.ax-alert.ax-borderless {
  border: none;
}
.ax-alert.ax-square {
  border-radius: 0;
}
/*tag*/
.ax-tag {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 0 1rem;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  line-height: 2.8rem;
}
.ax-tag i {
  font-family: arial;
  font-size: 2.2rem;
  width: 2.8rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  cursor: pointer;
  margin-right: -1rem;
  transition: all 200ms linear;
}
.ax-tag i:before {
  content: "\00D7";
}
.ax-tag i:hover {
  color: rgba(0, 0, 0, 0.3);
}
.ax-tag s {
  font-family: arial;
  font-size: 1.4rem;
  cursor: pointer;
  color: #b3b3b3;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  border-radius: 1.6rem;
  text-decoration: none;
  background-color: #f0f0f0;
  transition: all 200ms linear;
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
}
.ax-tag s:before {
  content: "\00D7";
}
.ax-tag s:hover {
  color: #666666;
}
.ax-tag.ax-primary,
*.ax-tag.ax-primary:hover {
  color: #1063b7;
  background-color: #f0f7ff;
  border-color: #d7e7f5;
}
.ax-tag.ax-secondary,
*.ax-tag.ax-secondary:hover {
  color: #2d2e2f;
  background-color: #f5f8fa;
  border-color: #dfe3e5;
}
.ax-tag.ax-success,
*.ax-tag.ax-success:hover {
  color: #355d3f;
  background-color: #edfaf0;
  border-color: #e1f0e5;
}
.ax-tag.ax-danger,
*.ax-tag.ax-danger:hover {
  color: #942c36;
  background-color: #fff0f1;
  border-color: #f0dddf;
}
.ax-tag.ax-warning,
*.ax-tag.ax-warning:hover {
  color: #a6800e;
  background-color: #fffaeb;
  border-color: #f5edd7;
}
.ax-tag.ax-ad,
*.ax-tag.ax-ad:hover {
  color: #a0590e;
  background-color: #fff5eb;
  border-color: #f5e7d7;
}
.ax-tag.ax-info,
*.ax-tag.ax-info:hover {
  color: #187675;
  background-color: #ebfaf9;
  border-color: #cef0f0;
}
.ax-tag.ax-light,
*.ax-tag.ax-light:hover {
  color: #666666;
  background-color: rgba(0, 0, 0, 0.02);
  border-color: #ebebeb;
}
.ax-tag.ax-borderless {
  border-width: 0;
}
.ax-tag.ax-square {
  border-radius: 0;
}
.ax-tag.ax-round {
  border-radius: 2.8rem;
}
/*result*/
.ax-result {
  font-size: 5.4rem;
  width: 5.4rem;
  height: 5.4rem;
  line-height: 5.4rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5.4rem;
  margin: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ax-result *[class*="font"] {
  font-size: 5.4rem;
}
.ax-result svg {
  width: 5.4rem;
  height: 5.4rem;
}
.ax-result.ax-success {
  color: #198cff;
}
.ax-result.ax-error {
  color: #dc3545;
}
.ax-result.ax-warning {
  color: #ffc107;
}
.ax-result.ax-info {
  color: #14ccc9;
}
.ax-result.ax-question {
  color: #ff8400;
}
@keyframes draw-rotate {
  100% {
    stroke-dashoffset: 0;
    transform: rotate(0deg);
  }
}
@keyframes draw-line {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes draw-circle {
  0% {
    transform: scale(0.7);
    opacity: 1;
  }
  45% {
    transform: scale(1.2);
    opacity: 1;
  }
  80% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes draw-waiting {
  0% {
    stroke-dasharray: 0, 229;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 114, 129;
    stroke-dashoffset: -57;
  }
  100% {
    stroke-dasharray: 0, 229;
    stroke-dashoffset: -228;
  }
}
@keyframes draw-waiting2 {
  0% {
    stroke-dasharray: 0, 250;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 125, 250;
    stroke-dashoffset: -62;
  }
  100% {
    stroke-dasharray: 0, 250;
    stroke-dashoffset: -249;
  }
}
.ax-result .svg-out,
.ax-result .svg-in-1:not(.svg-circle),
.ax-result .svg-in-2:not(.svg-circle),
.ax-result .svg-bg {
  stroke-width: 3.7253;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ax-result .svg-line {
  fill: none;
}
.ax-result .svg-circle {
  opacity: 0;
}
.ax-result svg:not(.svg-success):not(.svg-error):not(.svg-warning):not(.svg-info):not(.svg-question) .svg-bg {
  stroke: #ebebeb;
  animation: draw-waiting 1.5s linear infinite;
}
.svg-success .svg-out {
  stroke: #198cff;
}
.svg-success .svg-in-1 {
  stroke: #198cff;
}
.svg-success .svg-bg {
  stroke: #f0f7ff;
}
.svg-error .svg-out {
  stroke: #dc3545;
}
.svg-error .svg-bg {
  stroke: #fff0f1;
}
.svg-error .svg-in-1,
.svg-error .svg-in-2 {
  stroke: #dc3545;
}
.svg-warning .svg-out {
  stroke: #ffc107;
}
.svg-warning .svg-in-1 {
  stroke: #ffc107;
}
.svg-warning .svg-bg {
  stroke: #fffaeb;
}
.svg-warning .svg-circle {
  fill: #ffc107;
}
.svg-info .svg-out {
  stroke: #14ccc9;
}
.svg-info .svg-in-1 {
  stroke: #14ccc9;
}
.svg-info .svg-bg {
  stroke: #ebfaf9;
}
.svg-info .svg-circle {
  fill: #14ccc9;
}
.svg-question .svg-out {
  stroke: #ff8400;
}
.svg-question .svg-in-1 {
  stroke: #ff8400;
}
.svg-question .svg-bg {
  stroke: #fff5eb;
}
.svg-question .svg-circle {
  fill: #ff8400;
}
.svg-success .svg-out {
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.svg-success .svg-in-1 {
  stroke-dasharray: 49 51;
  stroke-dashoffset: 50;
}
.svg-error .svg-out {
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.svg-error .svg-in-1 {
  stroke-dasharray: 42 44;
  stroke-dashoffset: -43;
}
.svg-error .svg-in-2 {
  stroke-dasharray: 42 44;
  stroke-dashoffset: -43;
}
.svg-warning .svg-out {
  stroke-dasharray: 248 250;
  stroke-dashoffset: 249;
}
.svg-warning .svg-in-1 {
  stroke-dasharray: 30 32;
  stroke-dashoffset: 31;
}
.svg-warning .svg-in-2 {
  transform-origin: 4.33492rem 6.43337rem;
}
.svg-info .svg-out {
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.svg-info .svg-in-1 {
  stroke-dasharray: 35 37;
  stroke-dashoffset: -36;
}
.svg-info .svg-in-2 {
  transform-origin: 4.33492rem 2.35856rem;
}
.svg-question .svg-out {
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.svg-question .svg-in-1 {
  stroke-dasharray: 59 61;
  stroke-dashoffset: 60;
}
.svg-question .svg-in-2 {
  transform-origin: 4.46612rem 6.05502rem;
}
/*默认等待*/
.svg-success .svg-out,
.svg-error .svg-out,
.svg-info .svg-out,
.svg-question .svg-out {
  animation: draw-waiting 1.5s linear infinite;
}
.svg-warning .svg-out {
  animation: draw-waiting2 1.5s linear infinite;
}
/*显示最终结果*/
.ax-result-show .svg-success .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-success .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-error .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-error .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-error .svg-in-2 {
  animation: draw-line 400ms ease-out 1200ms forwards;
}
.ax-result-show .svg-warning .svg-out {
  animation: draw-line 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-warning .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-warning .svg-in-2 {
  animation: draw-circle 400ms ease-out 1200ms forwards;
}
.ax-result-show .svg-info .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-info .svg-in-1 {
  animation: draw-line 400ms ease-out 1200ms forwards;
}
.ax-result-show .svg-info .svg-in-2 {
  animation: draw-circle 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-question .svg-out {
  animation: draw-rotate 800ms ease-out 0ms forwards;
}
.ax-result-show .svg-question .svg-in-1 {
  animation: draw-line 400ms ease-out 800ms forwards;
}
.ax-result-show .svg-question .svg-in-2 {
  animation: draw-circle 400ms ease-out 1200ms forwards;
}
/*tips before*/
.ax-ace {
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  text-align: center;
  border-radius: 100%;
  color: #fff;
  font-family: arial;
  font-size: 1.2rem;
  vertical-align: middle;
}
.ax-ace-success {
  background-color: #198cff;
}
.ax-ace-success:before {
  content: '\221A';
}
.ax-ace-error {
  background-color: #dc3545;
}
.ax-ace-error:before {
  content: '\00D7';
}
.ax-ace-warning {
  background-color: #ffc107;
}
.ax-ace-warning:before {
  content: '\0021';
}
.ax-ace-info {
  background-color: #14ccc9;
}
.ax-ace-info:before {
  content: '\0069';
}
.ax-ace-question {
  background-color: #ff8400;
}
.ax-ace-question:before {
  content: '\003F';
}
/*menu*/
.ax-menu {
  width: 22rem;
  display: block;
  box-sizing: border-box;
}
.ax-menu ul {
  display: none;
}
.ax-menu li {
  box-sizing: border-box;
  position: relative;
  transition: all 200ms ease-out;
}
.ax-menu > li {
  border-bottom: none;
}
.ax-menu.ax-menu-dark > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ax-menu > li:before {
  content: '';
  width: 0.3rem;
  height: 0;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 200ms ease-out;
}
.ax-menu li a {
  color: #333333;
  height: 4.4rem;
  line-height: 4.4rem;
  display: flex;
  position: relative;
  transition: all 200ms linear;
}
.ax-menu.ax-menu-dark li a {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu > li > a {
  padding-left: 1.4rem;
}
/*level 1*/
.ax-menu > li > ul > li > a {
  padding-left: calc(1.4rem*3);
}
/*level 2*/
.ax-menu > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*5);
}
/*level 3*/
.ax-menu > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*7);
}
/*level 4*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*9);
}
/*level 5*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*11);
}
/*level 6*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*13);
}
/*level 7*/
.ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*15);
}
/*level 8*/
.ax-menu .ax-name {
  line-height: 1.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: auto;
  width: 0;
  transition: all 200ms linear;
}
.ax-menu .ax-legend {
  color: #666666;
  width: 2.4rem;
  text-align: center;
  margin-right: 0.4rem;
  transition: all 200ms linear;
}
.ax-menu.ax-menu-dark .ax-legend {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu .ax-badge {
  margin-right: 1.4rem;
  margin-top: calc(2.2rem - 0.8rem);
}
.ax-menu .ax-dot {
  margin-right: 1.4rem;
  margin-top: calc(2.2rem - 0.3rem);
}
.ax-menu .ax-arrow {
  width: 3.8rem;
  text-align: center;
  color: #ccc;
  font-size: 1.2rem;
  transition: all 200ms linear;
}
.ax-menu span.ax-dot:nth-last-child(2),
.ax-menu span.ax-badge:nth-last-child(2) {
  margin-right: 0;
}
.ax-menu.ax-menu-dark .ax-arrow {
  color: rgba(255, 255, 255, 0.2);
}
.ax-menu .ax-active > a > .ax-arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ax-menu .ax-active {
  background: transparent;
}
.ax-menu.ax-menu-dark .ax-selected ul {
  background-color: rgba(0, 0, 0, 0.1);
}
.ax-menu .ax-active:before {
  height: 100%;
}
.ax-menu li:hover > a .ax-name,
.ax-menu li:hover > a .ax-legend,
.ax-menu li:hover > a .ax-arrow {
  color: #198cff;
}
.ax-menu > li > a .ax-name {
  font-weight: bold;
}
.ax-menu.ax-menu-dark > li > a .ax-name {
  font-weight: normal;
}
.ax-menu.ax-menu-dark li:hover > a .ax-name,
.ax-menu.ax-menu-dark li:hover > a .ax-legend,
.ax-menu.ax-menu-dark li:hover > a .ax-arrow {
  color: #fff;
}
.ax-menu li:hover > a.ax-selected[aria-disabled="true"] .ax-name,
.ax-menu li:hover > a.ax-selected[aria-disabled="true"] .ax-legend {
  color: #b3b3b3;
}
.ax-menu li:hover > a.ax-disabled .ax-arrow {
  color: #ccc;
}
.ax-menu.ax-menu-dark li:hover > a[aria-disabled="true"] .ax-name,
.ax-menu.ax-menu-dark li:hover > a[aria-disabled="true"] .ax-legend,
.ax-menu.ax-menu-dark li:hover > a[aria-disabled="true"] .ax-arrow {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu *[aria-expanded="true"],
.ax-menu *[aria-expanded="true"] .ax-legend {
  color: #333333;
}
.ax-menu *[aria-disabled="true"],
.ax-menu *[aria-disabled="true"] .ax-legend {
  color: #b3b3b3;
}
.ax-menu.ax-menu-dark *[aria-expanded="true"],
.ax-menu.ax-menu-dark *[aria-expanded="true"] .ax-legend {
  color: rgba(255, 255, 255, 0.5);
}
.ax-menu.ax-menu-dark *[aria-disabled="true"],
.ax-menu.ax-menu-dark *[aria-disabled="true"] .ax-legend {
  color: #fff;
}
.ax-menu a.ax-selected[aria-child="false"] {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.06);
}
.ax-menu.ax-menu-dark a.ax-selected[aria-child="false"] {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-menu a.ax-selected[aria-child="false"] .ax-legend {
  color: #198cff;
}
.ax-menu li:hover > a.ax-selected[aria-child="false"] .ax-name,
.ax-menu li:hover > a.ax-selected[aria-child="false"] .ax-legend {
  color: #198cff;
}
/*menu style*/
.ax-menu.ax-full {
  width: 100%;
}
.ax-menu.ax-no-padding > li:before {
  display: none;
}
.ax-menu.ax-no-padding > li > a {
  padding-left: 0;
}
.ax-menu.ax-no-padding > li > ul > li > a {
  padding-left: calc(1.4rem*2);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*4);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*6);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*7);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*10);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*12);
}
.ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: calc(1.4rem*14);
}
.ax-menu.ax-style-dot > li:before,
.ax-menu.ax-style-dot > li > a:before {
  display: none;
}
.ax-menu.ax-style-dot a.ax-selected[aria-child="false"]:before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: #198cff;
  content: '';
  position: absolute;
  left: calc(1.4rem*2 - 0.4rem);
  top: calc((4.4rem - 0.5rem)/2);
}
.ax-menu.ax-style-dot > li > a.ax-selected[aria-child="false"]:before {
  display: none;
}
.ax-menu.ax-no-padding.ax-style-dot a.ax-selected[aria-child="false"]:before {
  left: calc(1.4rem - 0.4rem);
}
.ax-menu.ax-style-dot > li:before {
  display: none;
}
.ax-menu.ax-style-line > li:before {
  display: none;
}
.ax-menu.ax-style-line a.ax-selected[aria-child="false"]:before {
  position: absolute;
  background-color: #198cff;
  content: '';
  width: 0.2rem;
  height: 100%;
  left: 0;
  top: 0;
}
/*menu row*/
.ax-menu.ax-menu-row {
  display: inline-block;
  width: auto;
  z-index: 610;
}
.ax-menu.ax-menu-row li {
  position: relative;
}
.ax-menu.ax-menu-row ul {
  width: 100%;
  position: absolute;
  background-color: #fff;
  box-size: border-box;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.ax-menu.ax-menu-row ul > li:first-child > a {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.ax-menu.ax-menu-row ul > li:last-child > a {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ax-menu.ax-menu-row .ax-collapse {
  overflow: inherit;
}
.ax-menu.ax-menu-row .ax-collapse:not(.ax-show) {
  display: none;
}
.ax-menu.ax-menu-row > li {
  display: inline-block;
  box-sizing: border-box;
  width: 18rem;
}
.ax-menu.ax-menu-row > li li {
  text-align: left;
}
.ax-menu.ax-menu-row > li::before {
  display: none;
}
.ax-menu.ax-menu-row > li > a > .ax-arrow {
  transform: rotate(90deg);
}
.ax-menu.ax-menu-row > li.ax-active > [aria-expand="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;
}
.ax-menu.ax-menu-row > li > a > span.ax-name {
  flex: none;
  width: auto;
}
.ax-menu.ax-menu-row > li > ul {
  left: -0.1rem;
  top: calc(100% + 0.6rem);
  box-sizing: border-box;
}
.ax-menu.ax-menu-row > li > ul > li ul {
  right: calc(-100% - 0.1rem - 0.6rem);
  top: -0.1rem;
}
.ax-menu.ax-menu-row > li > ul .ax-active > a > .ax-arrow,
.ax-menu.ax-menu-row > li > ul [aria-expanded="true"] > .ax-arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ax-menu.ax-menu-row > li > a .ax-name {
  font-weight: normal;
  line-height: 3.8rem;
}
.ax-menu.ax-menu-row li a {
  line-height: 3.8rem;
  height: 3.8rem;
}
.ax-menu.ax-menu-row > li li {
  border-bottom: 1px solid #ebebeb;
  padding-left: 0;
}
.ax-menu.ax-menu-row > li a {
  padding-left: 1.4rem;
}
.ax-menu.ax-menu-row > li li:hover {
  background-color: #fafafa;
}
.ax-menu.ax-menu-row > li ul li:last-child {
  border-bottom: 0;
}
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"],
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover {
  background-color: #198cff;
  color: #fff;
}
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover .ax-name,
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover .ax-legend,
.ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover .ax-arrow {
  color: #fff;
}
.ax-menu.ax-menu-center > li a,
.ax-menu.ax-menu-center > li a {
  padding-left: 0 !important;
}
.ax-menu.ax-menu-center > li > a,
.ax-menu.ax-menu-center > li > a {
  padding-left: 3.8rem !important;
}
.ax-menu.ax-menu-center > li {
  text-align: center;
}
.ax-menu.ax-menu-center .ax-name {
  justify-content: center;
}
.ax-menu.ax-menu-row > li a,
.ax-menu > li > a[class*='ax-btn'] {
  padding-left: 2rem;
}
.ax-menu a[class*='ax-btn'] .ax-arrow {
  width: auto;
}
/*dot & badge*/
.ax-dot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  background-color: #dc3545;
}
.ax-dot.ax-primary {
  background-color: #198cff;
}
.ax-dot.ax-secondary {
  background-color: #475b66;
}
.ax-dot.ax-success {
  background-color: #41a358;
}
.ax-dot.ax-danger {
  background-color: #dc3545;
}
.ax-dot.ax-warning {
  background-color: #ffc107;
}
.ax-dot.ax-info {
  background-color: #14ccc9;
}
.ax-dot.ax-ad {
  background-color: #ff8400;
}
.ax-dot.ax-light {
  background-color: #ebebeb;
}
.ax-dot.ax-dark {
  background-color: #333333;
}
.ax-dot.ax-ignore {
  background-color: #b3b3b3;
}
.ax-dot.ax-white {
  background-color: #fff;
}
.ax-badge {
  font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";
  font-weight: normal;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.6rem;
  height: 1.6rem;
  padding: 0 0.5rem;
  border-radius: 1.6rem;
  box-sizing: border-box;
  background-color: #dc3545;
}
.ax-badge.ax-radius {
  border-radius: 0.3rem;
}
.ax-badge.ax-drop {
  border-radius: 1.6rem 1.6rem 1.6rem 0;
}
.ax-badge.ax-border {
  color: #dc3545;
  line-height: 1.4rem;
  padding: 0 0.4rem;
  border-width: 1px;
  border-style: solid;
  border-color: #dc3545;
  background: transparent;
}
.ax-badge.ax-primary {
  color: #fff;
  background-color: #198cff;
}
.ax-badge.ax-border.ax-primary {
  border-color: #198cff;
  color: #198cff;
  background: transparent;
}
.ax-badge.ax-secondary {
  color: #fff;
  background-color: #475b66;
}
.ax-badge.ax-border.ax-secondary {
  color: #475b66;
  border-color: #475b66;
  background: transparent;
}
.ax-badge.ax-success {
  color: #fff;
  background-color: #41a358;
}
.ax-badge.ax-border.ax-success {
  color: #41a358;
  border-color: #41a358;
  background: transparent;
}
.ax-badge.ax-danger {
  color: #fff;
  background-color: #dc3545;
}
.ax-badge.ax-border.ax-danger {
  color: #dc3545;
  border-color: #dc3545;
  background: transparent;
}
.ax-badge.ax-warning {
  color: #333333;
  background-color: #ffc107;
}
.ax-badge.ax-border.ax-warning {
  color: #ffc107;
  border-color: #ffc107;
  background: transparent;
}
.ax-badge.ax-info {
  color: #fff;
  background-color: #14ccc9;
}
.ax-badge.ax-border.ax-info {
  color: #14ccc9;
  border-color: #14ccc9;
  background: transparent;
}
.ax-badge.ax-ad {
  color: #fff;
  background-color: #ff8400;
}
.ax-badge.ax-border.ax-ad {
  color: #ff8400;
  border-color: #ff8400;
  background: transparent;
}
.ax-badge.ax-light {
  color: #666666;
  background-color: #ebebeb;
}
.ax-badge.ax-border.ax-light {
  color: #666666;
  border-color: #ebebeb;
  background: transparent;
}
.ax-badge.ax-dark {
  color: #fff;
  background-color: #333333;
}
.ax-badge.ax-border.ax-dark {
  color: #333333;
  border-color: #333333;
  background: transparent;
}
.ax-badge.ax-ignore {
  color: #333333;
  background-color: #b3b3b3;
}
.ax-badge.ax-border.ax-ignore {
  color: #b3b3b3;
  border-color: #b3b3b3;
  background: transparent;
}
.ax-badge.ax-white {
  color: #333333;
  background-color: #fff;
}
.ax-badge.ax-border.ax-white {
  color: #fff;
  border-color: #fff;
  background: transparent;
}
/*flag*/
.ax-flag {
  font-size: 1rem;
  width: 4.2rem;
  height: 4.2rem;
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 3;
}
.ax-flag i {
  color: #fff;
  height: 6rem;
  width: 6rem;
  line-height: 10rem;
  text-align: center;
  background-color: #198cff;
  position: absolute;
}
.ax-flag.ax-left {
  left: 0;
  top: 0;
}
.ax-flag.ax-left i {
  top: -3rem;
  left: -3rem;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
.ax-flag.ax-right {
  right: 0;
  top: 0;
}
.ax-flag.ax-right i {
  top: -3rem;
  right: -3rem;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.ax-flag.ax-primary i {
  background-color: #198cff;
}
.ax-flag.ax-secondary i {
  background-color: #475b66;
}
.ax-flag.ax-success i {
  background-color: #41a358;
}
.ax-flag.ax-danger i {
  background-color: #dc3545;
}
.ax-flag.ax-warning i {
  color: #333333;
  background-color: #ffc107;
}
.ax-flag.ax-info i {
  background-color: #14ccc9;
}
.ax-flag.ax-ad i {
  background-color: #ff8400;
}
.ax-flag.ax-light i {
  color: #666666;
  background-color: #ebebeb;
}
.ax-flag.ax-dark i {
  color: #fff;
  background-color: #333333;
}
.ax-flag.ax-ignore i {
  color: #999999;
  background-color: #f0f0f0;
}
.ax-flag.ax-white i {
  color: #333333;
  background-color: #fff;
}
/*text*/
h1 {
  font-family: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun";
  font-size: 2.8rem;
  line-height: calc(2.8rem + 1.6rem);
}
h2 {
  font-family: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun";
  font-size: 2.2rem;
  line-height: calc(2.2rem + 1.2rem);
}
h3 {
  font-family: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun";
  font-size: 1.8rem;
  line-height: calc(1.8rem + 1.2rem);
}
h4 {
  font-size: 1.6rem;
}
h5 {
  font-size: 1.4rem;
}
blockquote {
  background-color: rgba(94, 140, 186, 0.1);
  padding: 0.5rem 2rem;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1.4rem;
  border-left: 0.4rem solid rgba(94, 140, 186, 0.4);
}
fieldset {
  margin: 1.4rem 0;
  padding: 0 0.8rem;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0;
}
fieldset legend {
  font-weight: bold;
  padding: 0 0.8rem;
  margin-left: 0.8rem;
}
fieldset td {
  padding: 0.4rem;
}
.ax-article {
  text-align: left;
  padding: calc(1.4rem);
}
.ax-article a:not([class*="ax-btn"]),
.ax-article a:not([class*="ax-btn"]):hover {
  color: #198cff;
  text-decoration: underline;
}
.ax-article .ax-text-cancel,
.ax-article a.ax-text-cancel,
.ax-article .ax-text-cancel a,
.ax-article .ax-text-cancel:hover,
.ax-article a.ax-text-cancel:hover,
.ax-article .ax-text-cancel a:hover {
  color: #b3b3b3;
  text-decoration: line-through;
  margin: 0 0.4rem;
  cursor: text;
}
.ax-article a.ax-color-ignore,
.ax-article .ax-color-ignore a {
  color: #b3b3b3;
  text-decoration: none;
}
.ax-article a.ax-color-ignore:hover,
.ax-article .ax-color-ignore a:hover {
  color: #b3b3b3;
  text-decoration: underline;
}
.ax-article a.ax-color-primary,
.ax-article .ax-color-primary a {
  color: #198cff;
  text-decoration: none;
}
.ax-article a.ax-color-primary:hover,
.ax-article .ax-color-primary a:hover {
  color: #198cff;
  text-decoration: underline;
}
.ax-article a.ax-color-secondary,
.ax-article .ax-color-secondary a {
  color: #475b66;
  text-decoration: none;
}
.ax-article a.ax-color-secondary:hover,
.ax-article .ax-color-secondary a:hover {
  color: #475b66;
  text-decoration: underline;
}
.ax-article a.ax-color-success,
.ax-article .ax-color-success a {
  color: #41a358;
  text-decoration: none;
}
.ax-article a.ax-color-success:hover,
.ax-article .ax-color-success a:hover {
  color: #41a358;
  text-decoration: underline;
}
.ax-article a.ax-color-danger,
.ax-article .ax-color-danger a {
  color: #dc3545;
  text-decoration: none;
}
.ax-article a.ax-color-danger:hover,
.ax-article .ax-color-danger a:hover {
  color: #dc3545;
  text-decoration: underline;
}
.ax-article a.ax-color-warning,
.ax-article .ax-color-warning a {
  color: #ffc107;
  text-decoration: none;
}
.ax-article a.ax-color-warning:hover,
.ax-article .ax-color-warning a:hover {
  color: #ffc107;
  text-decoration: underline;
}
.ax-article a.ax-color-info,
.ax-article .ax-color-info a {
  color: #14ccc9;
  text-decoration: none;
}
.ax-article a.ax-color-info:hover,
.ax-article .ax-color-info a:hover {
  color: #14ccc9;
  text-decoration: underline;
}
.ax-article a.ax-color-ad,
.ax-article .ax-color-ad a {
  color: #ff8400;
  text-decoration: none;
}
.ax-article a.ax-color-ad:hover,
.ax-article .ax-color-ad a:hover {
  color: #ff8400;
  text-decoration: underline;
}
.ax-article a,
.ax-article span {
  display: inline;
}
.ax-article img {
  height: auto !important;
  width: auto !important;
  max-width: 100%;
}
.ax-article video {
  max-width: 100%;
}
.ax-article audio {
  max-width: 100%;
}
.ax-article ol li {
  list-style-type: decimal;
  list-style-position: inside;
}
.ax-article ul,
.ax-article ol {
  padding-left: calc(1.4rem*3);
}
.ax-article h2 {
  border-left: 0.4rem solid rgba(94, 140, 186, 0.4);
  padding-left: 0.8rem;
  margin: 1.4rem 0;
}
.ax-article ul:not(.ax-menu) li {
  position: relative;
  padding-left: 1.4rem;
}
.ax-article ul:not(.ax-menu) li:before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(2.8rem/2 - 0.2rem);
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  background-color: #ccc;
}
/*article alt*/
.ax-good {
  text-align: center;
  margin: calc(1.4rem*2) auto;
}
.ax-good .ax-text {
  font-size: 1.2rem;
  color: #666666;
  width: 100%;
  line-height: 2.8rem;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  bottom: -2.8rem;
}
.ax-good a {
  line-height: 4.6rem;
  border-radius: 4.6rem;
  padding: 0 4.6rem;
  border: 1px solid #ebebeb;
  transition: all 100ms linear;
  position: relative;
}
.ax-good a:hover {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff;
}
.ax-good a *[class*='font'] {
  font-size: 2.2rem;
  color: #198cff;
  margin-right: 0.8rem;
  transition: all 100ms linear;
}
.ax-good-hover a {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff;
}
.ax-good-hover a *[class*='font'] {
  color: #fff;
}
.ax-good a:hover *[class*='font'] {
  color: #fff;
}
.ax-good a .num {
  font-size: 1.8rem;
  transition: all 100ms linear;
}
.ax-good.ax-done a {
  color: #b3b3b3;
}
.ax-good.ax-done a *[class*='font'] {
  color: #b3b3b3;
}
.ax-good.ax-done a:hover,
.ax-good.ax-done a *[class*='font']:hover {
  color: #b3b3b3;
  background-color: #fff;
  border-color: #ebebeb;
}
/*avatar*/
.ax-avatar {
  color: #666666;
  width: 4.4rem;
  height: 4.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  border-radius: 0.3rem;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ax-avatar .ax-dot {
  box-shadow: 0 0 0 0.2rem #fff;
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
}
.ax-avatar .ax-badge {
  box-shadow: 0 0 0 0.2rem #fff;
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
}
.ax-avatar.ax-square {
  border-radius: 0;
}
.ax-avatar.ax-round {
  border-radius: 100%;
}
.ax-avatar.ax-xxs {
  font-size: 1.2rem;
  height: 2.2rem;
  width: 2.2rem;
}
.ax-avatar.ax-xs {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
}
.ax-avatar.ax-sm {
  font-size: 1.4rem;
  height: 3.8rem;
  width: 3.8rem;
}
.ax-avatar.ax-md {
  font-size: 1.6rem;
  height: 4.4rem;
  width: 4.4rem;
}
.ax-avatar.ax-lg {
  font-size: 1.8rem;
  height: calc(2.8rem*2);
  width: calc(2.8rem*2);
}
.ax-avatar.ax-xl {
  font-size: 2.2rem;
  height: calc(2.8rem*3);
  width: calc(2.8rem*3);
}
.ax-avatar.ax-xxl {
  font-size: 3.2rem;
  height: calc(2.8rem*4);
  width: calc(2.8rem*4);
}
/*sign*/
.ax-sign {
  color: #666666;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 0.3rem;
  border: 1px solid #666666;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ax-sign:hover {
  color: #666666;
  text-decoration: none !important;
}
.ax-sign *[class*="font"] {
  font-size: 1.8rem;
}
.ax-sign svg {
  fill: #666666;
  height: 1.8rem;
  width: 1.8rem;
}
.ax-sign img {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-sign .ax-dot {
  box-shadow: 0 0 0 0.2rem #fff;
  position: absolute;
  right: -0.2rem;
  top: -0.2rem;
}
.ax-sign .ax-badge {
  box-shadow: 0 0 0 0.2rem #fff;
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
}
.ax-sign.ax-square {
  border-radius: 0;
}
.ax-sign.ax-round {
  border-radius: 100%;
}
.ax-sign.ax-borderless {
  border-width: 0;
}
.ax-sign.ax-xxs {
  font-size: 1.2rem;
  height: 2.2rem;
  width: 2.2rem;
}
.ax-sign.ax-xxs *[class*="font"] {
  font-size: 1.2rem;
}
.ax-sign.ax-xxs svg {
  height: 1.2rem;
  width: 1.2rem;
}
.ax-sign.ax-xxs img {
  height: 1.2rem;
  width: 1.2rem;
}
.ax-sign.ax-xs {
  font-size: 1.4rem;
  height: 2.8rem;
  width: 2.8rem;
}
.ax-sign.ax-xs *[class*="font"] {
  font-size: 1.4rem;
}
.ax-sign.ax-xs svg {
  height: 1.4rem;
  width: 1.4rem;
}
.ax-sign.ax-xs img {
  height: 1.4rem;
  width: 1.4rem;
}
.ax-sign.ax-sm {
  font-size: 1.6rem;
  height: 3.8rem;
  width: 3.8rem;
}
.ax-sign.ax-sm *[class*="font"] {
  font-size: 1.6rem;
}
.ax-sign.ax-sm svg {
  height: 1.6rem;
  width: 1.6rem;
}
.ax-sign.ax-sm img {
  height: 1.6rem;
  width: 1.6rem;
}
.ax-sign.ax-md {
  font-size: 1.8rem;
  height: 4.4rem;
  width: 4.4rem;
}
.ax-sign.ax-md *[class*="font"] {
  font-size: 1.8rem;
}
.ax-sign.ax-md svg {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-sign.ax-md img {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-sign.ax-lg {
  font-size: 2.8rem;
  height: calc(2.8rem*2);
  width: calc(2.8rem*2);
}
.ax-sign.ax-lg *[class*="font"] {
  font-size: 2.6rem;
}
.ax-sign.ax-lg svg {
  height: 2.6rem;
  width: 2.6rem;
}
.ax-sign.ax-lg img {
  height: 2.6rem;
  width: 2.6rem;
}
.ax-sign.ax-xl {
  font-size: 3.2rem;
  height: calc(2.8rem*3);
  width: calc(2.8rem*3);
}
.ax-sign.ax-xl *[class*="font"] {
  font-size: 3.2rem;
}
.ax-sign.ax-xl svg {
  height: 3.2rem;
  width: 3.2rem;
}
.ax-sign.ax-xl img {
  height: 3.2rem;
  width: 3.2rem;
}
.ax-sign.ax-xxl {
  font-size: 3.8rem;
  height: calc(2.8rem*4);
  width: calc(2.8rem*4);
}
.ax-sign.ax-xxl *[class*="font"] {
  font-size: 4.4rem;
}
.ax-sign.ax-xxl svg {
  height: 4.4rem;
  width: 4.4rem;
}
.ax-sign.ax-xxl img {
  height: 4.4rem;
  width: 4.4rem;
}
.ax-sign.ax-color-primary {
  border-color: #198cff;
}
.ax-sign.ax-color-secondary {
  border-color: #475b66;
}
.ax-sign.ax-color-success {
  border-color: #41a358;
}
.ax-sign.ax-color-danger {
  border-color: #dc3545;
}
.ax-sign.ax-color-warning {
  border-color: #ffc107;
}
.ax-sign.ax-color-info {
  border-color: #14ccc9;
}
.ax-sign.ax-color-ad {
  border-color: #ff8400;
}
.ax-sign.ax-color-title {
  border-color: #333333;
}
.ax-sign.ax-color-des {
  border-color: #666666;
}
.ax-sign.ax-color-ignore {
  border-color: #b3b3b3;
}
.ax-sign.ax-bglit {
  color: #666666;
  border-color: #666666;
  background-color: #f5f5f5;
}
.ax-sign.ax-bglit-primary {
  color: #198cff;
  border-color: #198cff;
}
.ax-sign.ax-bglit-secondary {
  color: #475b66;
  border-color: #475b66;
}
.ax-sign.ax-bglit-success {
  color: #41a358;
  border-color: #41a358;
}
.ax-sign.ax-bglit-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.ax-sign.ax-bglit-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.ax-sign.ax-bglit-info {
  color: #14ccc9;
  border-color: #14ccc9;
}
.ax-sign.ax-bglit-ad {
  color: #ff8400;
  border-color: #ff8400;
}
.ax-sign.ax-bglit-title {
  color: #333333;
  border-color: #333333;
}
.ax-sign.ax-bg {
  color: #fff;
  border-width: 0;
  background-color: #666666;
}
.ax-sign[class*="-bg-"] {
  color: #fff;
  border-width: 0;
}
.ax-sign.ax-bg svg,
.ax-sign[class*="-bg-"] svg {
  fill: #fff;
}
/*buoy*/
.ax-buoy {
  font-size: 1.2rem;
  color: #333333;
  height: calc(3.8rem - 1.6rem);
  line-height: 2.2rem;
  text-decoration: none;
  text-align: center;
  border-radius: 0.3rem;
  background-color: #fff;
  position: relative;
  box-sizing: border-box;
  transition: all 100ms linear;
}
.ax-buoy:after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: #ebebeb;
  transition: border-color 100ms linear;
}
.ax-buoy > i:first-child {
  color: #666666;
  background-color: #fafafa;
  padding: 0 0.6rem;
  border-right: 1px solid #ebebeb;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 100ms linear;
}
.ax-buoy.ax-reverse > i:first-child {
  background-color: #fff;
}
.ax-buoy.ax-reverse > i:last-child {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ax-buoy > i:first-child [class*="font"] {
  font-size: 1.2rem;
  margin-right: 0.4rem;
  transition: all 100ms linear;
}
.ax-buoy > i.ax-icon [class*="font"] {
  margin-right: 0;
}
.ax-buoy > i:first-child svg {
  fill: #666666;
  height: 1.2rem;
  margin-right: 0.4rem;
  transition: all 100ms linear;
}
.ax-buoy > i:last-child {
  padding: 0 0.6rem;
  transition: all 100ms linear;
}
.ax-buoy.ax-reverse > i:last-child {
  background-color: #fafafa;
}
.ax-buoy.ax-more > i:first-child:after {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.4rem;
  margin-top: -0.1rem;
  background: linear-gradient(135deg, transparent 50%, #666666 50%, #666666 100%);
  transform: rotate(45deg);
  transition: all 100ms linear;
}
.ax-buoy:not(.ax-reverse) > i:first-child:hover {
  color: #b3b3b3;
}
.ax-buoy:not(.ax-reverse) > i:first-child:hover svg {
  fill: #b3b3b3;
}
.ax-buoy:not(.ax-reverse) > i:first-child:hover:after {
  background: linear-gradient(135deg, transparent 50%, #b3b3b3 50%, #b3b3b3 100%);
}
.ax-buoy.ax-primary {
  color: #198cff;
}
.ax-buoy.ax-success {
  color: #41a358;
}
.ax-buoy.ax-danger {
  color: #dc3545;
}
.ax-buoy.ax-warning {
  color: #ffc107;
}
.ax-buoy.ax-info {
  color: #14ccc9;
}
.ax-buoy.ax-ad {
  color: #ff8400;
}
.ax-buoy.ax-dark {
  color: #333333;
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child {
  background-color: #198cff;
}
.ax-buoy.ax-primary.ax-reverse > i:last-child {
  background-color: #198cff;
}
.ax-buoy.ax-primary:after {
  border-color: #198cff;
}
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child {
  background-color: #41a358;
}
.ax-buoy.ax-success.ax-reverse > i:last-child {
  background-color: #41a358;
}
.ax-buoy.ax-success:after {
  border-color: #41a358;
}
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child {
  background-color: #dc3545;
}
.ax-buoy.ax-danger.ax-reverse > i:last-child {
  background-color: #dc3545;
}
.ax-buoy.ax-danger:after {
  border-color: #dc3545;
}
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child {
  background-color: #ffc107;
}
.ax-buoy.ax-warning.ax-reverse > i:last-child {
  background-color: #ffc107;
}
.ax-buoy.ax-warning:after {
  border-color: #ffc107;
}
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child {
  background-color: #14ccc9;
}
.ax-buoy.ax-info.ax-reverse > i:last-child {
  background-color: #14ccc9;
}
.ax-buoy.ax-info:after {
  border-color: #14ccc9;
}
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child {
  background-color: #ff8400;
}
.ax-buoy.ax-ad.ax-reverse > i:last-child {
  background-color: #ff8400;
}
.ax-buoy.ax-ad:after {
  border-color: #ff8400;
}
.ax-buoy.ax-dark > i:first-child {
  background-color: #333333;
}
.ax-buoy.ax-dark.ax-reverse > i:last-child {
  background-color: #333333;
}
.ax-buoy.ax-dark:after {
  border-color: #333333;
}
.ax-buoy.ax-primary > i:first-child,
.ax-buoy.ax-success > i:first-child,
.ax-buoy.ax-danger > i:first-child,
.ax-buoy.ax-warning > i:first-child,
.ax-buoy.ax-info > i:first-child,
.ax-buoy.ax-ad > i:first-child,
.ax-buoy.ax-dark > i:first-child {
  border-width: 0;
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child,
.ax-buoy.ax-dark:not(.ax-reverse) > i:first-child {
  color: #fff;
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child svg,
.ax-buoy.ax-dark:not(.ax-reverse) > i:first-child svg {
  fill: #fff;
}
.ax-buoy.ax-primary.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-success.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-danger.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-warning.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-info.ax-more:not(.ax-reverse) > i:first-child:after,
.ax-buoy.ax-ad.ax-more:not(.ax-reverse) > i:first-child::after,
.ax-buoy.ax-dark.ax-more:not(.ax-reverse) > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child:hover,
.ax-buoy.ax-dark:not(.ax-reverse) > i:first-child:hover {
  color: rgba(255, 255, 255, 0.6);
}
.ax-buoy.ax-primary:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-success:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-danger:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-warning:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-info:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-ad:not(.ax-reverse) > i:first-child:hover svg,
.ax-buoy.ax-dark:not(.ax-reverse) > i:first-child:hover svg {
  fill: rgba(255, 255, 255, 0.6);
}
.ax-buoy.ax-primary.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-success.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-danger.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-warning.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-info.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-ad.ax-more:not(.ax-reverse) > i:first-child:hover:after,
.ax-buoy.ax-dark.ax-more:not(.ax-reverse) > i:first-child:hover:after {
  background: linear-gradient(135deg, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 100%);
}
.ax-buoy.ax-sm {
  height: 1.8rem;
  line-height: 1.8rem;
}
.ax-buoy.ax-sm > i {
  padding: 0 0.4rem;
}
.ax-buoy.ax-md {
  height: 2.2rem;
  line-height: 2.2rem;
}
.ax-buoy.ax-md > i {
  padding: 0 0.6rem;
}
.ax-buoy.ax-lg {
  height: 2.8rem;
  line-height: 2.8rem;
}
.ax-buoy.ax-lg > i {
  padding: 0 1rem;
}
.ax-buoy.ax-borderless:after {
  display: none;
}
.ax-buoy.ax-primary.ax-reverse > i:first-child {
  color: #198cff;
}
.ax-buoy.ax-primary.ax-reverse > i:first-child svg {
  fill: #198cff;
}
.ax-buoy.ax-more.ax-primary.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%);
}
.ax-buoy.ax-success.ax-reverse > i:first-child {
  color: #41a358;
}
.ax-buoy.ax-success.ax-reverse > i:first-child svg {
  fill: #41a358;
}
.ax-buoy.ax-more.ax-success.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%);
}
.ax-buoy.ax-danger.ax-reverse > i:first-child {
  color: #dc3545;
}
.ax-buoy.ax-danger.ax-reverse > i:first-child svg {
  fill: #dc3545;
}
.ax-buoy.ax-more.ax-danger.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%);
}
.ax-buoy.ax-warning.ax-reverse > i:first-child {
  color: #ffc107;
}
.ax-buoy.ax-warning.ax-reverse > i:first-child svg {
  fill: #ffc107;
}
.ax-buoy.ax-more.ax-warning.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%);
}
.ax-buoy.ax-info.ax-reverse > i:first-child {
  color: #14ccc9;
}
.ax-buoy.ax-info.ax-reverse > i:first-child svg {
  fill: #14ccc9;
}
.ax-buoy.ax-more.ax-info.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%);
}
.ax-buoy.ax-ad.ax-reverse > i:first-child {
  color: #ff8400;
}
.ax-buoy.ax-ad.ax-reverse > i:first-child svg {
  fill: #ff8400;
}
.ax-buoy.ax-more.ax-ad.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%);
}
.ax-buoy.ax-dark.ax-reverse > i:first-child {
  color: #333333;
}
.ax-buoy.ax-dark.ax-reverse > i:first-child svg {
  fill: #333333;
}
.ax-buoy.ax-more.ax-dark.ax-reverse > i:first-child:after {
  background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%);
}
.ax-buoy.ax-primary.ax-reverse > i:last-child,
.ax-buoy.ax-success.ax-reverse > i:last-child,
.ax-buoy.ax-danger.ax-reverse > i:last-child,
.ax-buoy.ax-warning.ax-reverse > i:last-child,
.ax-buoy.ax-info.ax-reverse > i:last-child,
.ax-buoy.ax-ad.ax-reverse > i:last-child,
.ax-buoy.ax-dark.ax-reverse > i:last-child {
  color: #fff;
}
.ax-buoy.ax-reverse > i:last-child:hover {
  color: #666666;
}
.ax-buoy.ax-primary.ax-reverse > i:last-child:hover,
.ax-buoy.ax-success.ax-reverse > i:last-child:hover,
.ax-buoy.ax-danger.ax-reverse > i:last-child:hover,
.ax-buoy.ax-warning.ax-reverse > i:last-child:hover,
.ax-buoy.ax-info.ax-reverse > i:last-child:hover,
.ax-buoy.ax-ad.ax-reverse > i:last-child:hover,
.ax-buoy.ax-dark.ax-reverse > i:last-child:hover {
  color: rgba(255, 255, 255, 0.6);
}
/*comment*/
.ax-comment {
  background-color: #fff;
  font-size: 1.4rem;
}
.ax-comment .ax-item {
  box-sizing: border-box;
  display: flex;
  padding: 2.2rem 0;
}
.ax-comment .ax-item .ax-avatar {
  margin-right: 1.2rem;
}
.ax-comment .ax-item .ax-text {
  display: block;
  flex: auto;
  width: 0;
}
.ax-comment .ax-item .ax-reply {
  color: #666666;
  font-size: 1.2rem;
  line-height: 1.8rem;
  border-left: 1px solid #ccc;
  padding: 0.4rem 0 0.4rem 1rem;
  margin: 1rem 0;
}
.ax-comment .ax-item .ax-reply .ax-reply {
  padding: 0 0 0 1rem;
}
.ax-comment .ax-item .ax-reply a,
.ax-comment .ax-item .ax-reply span {
  display: inline;
}
.ax-comment .ax-item .ax-row01 {
  line-height: 1.8rem;
}
.ax-comment .ax-item .ax-name {
  color: #666666;
}
.ax-comment .ax-item a.ax-name:hover {
  color: #198cff;
}
.ax-comment .ax-item .ax-time {
  color: #ccc;
  font-size: 1.2rem;
}
.ax-comment .ax-item .ax-floor {
  color: #b3b3b3;
  font-size: 1.2rem;
}
.ax-comment .ax-item .ax-row02 {
  line-height: 2.2rem;
  margin: 0.4rem auto 1rem auto;
}
.ax-comment .ax-item .ax-row02 span {
  display: inline;
}
.ax-comment .ax-item .ax-row02 a,
.ax-comment .ax-item .ax-reply a {
  color: #198cff;
}
.ax-comment .ax-item .ax-row03 .ax-action {
  margin-left: 1.4rem;
  color: #666666;
}
.ax-comment .ax-item .ax-row03 .ax-action *[class*="font"] {
  color: #666666;
  margin-right: 0.4rem;
}
.ax-comment .ax-item .ax-row03 .ax-action:hover {
  color: #198cff;
}
.ax-comment .ax-item .ax-row03 .ax-action:hover *[class*="font"] {
  color: #198cff;
}
.ax-comment .ax-item.ax-more {
  line-height: 4.4rem;
}
.ax-comment .ax-item.ax-more .ax-avatar {
  background: transparent;
}
/*from*/
.ax-from {
  color: #666666;
  font-size: 1.4rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  zoom: 1;
}
.ax-from .ax-left {
  display: block;
  flex: auto;
  width: 0;
  position: relative;
}
.ax-from a:not([class*='ax-btn']) {
  color: #666666;
}
.ax-from .ax-avatar {
  margin-right: 0.8rem;
}
/*author*/
.ax-author {
  font-size: 1.4rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  zoom: 1;
}
.ax-author .ax-left {
  line-height: 2.2rem;
  display: block;
  flex: auto;
  width: 0;
  position: relative;
}
.ax-author .ax-right {
  color: #666666;
}
.ax-author .ax-des {
  font-size: 1.2rem;
  color: #666666;
}
.ax-author a:not([class*='ax-btn']) {
  color: #666666;
}
.ax-author .ax-avatar {
  margin-right: 0.8rem;
}
/*share*/
.ax-share {
  text-align: center;
  margin: calc(1.4rem*2) auto;
}
.ax-share a {
  margin: 0 0.8rem;
}
/*button*/
.ax-btn {
  font-size: 1.4rem;
  color: #333333;
  height: 3.8rem;
  line-height: 3.8rem;
  text-decoration: none;
  text-align: center;
  border-radius: 0.3rem;
  background-color: #fff;
  padding: 0 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  transition: all 100ms linear;
}
button.ax-btn {
  font-size: 1.4rem;
  height: 3.8rem;
  line-height: calc(3.8rem - 0.4rem);
  text-decoration: none;
  border-radius: 0.3rem;
  cursor: pointer;
  background-color: #fff;
  padding: 0 2rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
input.ax-btn {
  font-size: 1.4rem;
  height: 3.8rem;
  line-height: calc(3.8rem - 0.4rem);
  text-decoration: none;
  border-radius: 0.3rem;
  cursor: pointer;
  background-color: #fff;
  padding: 0 2rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: inline-block;
}
.ax-btn:not(button):after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: rgba(0, 0, 0, 0.12);
  transition: border-color 100ms linear;
}
/**/
.ax-btn.ax-line {
  background: transparent;
}
button.ax-btn.ax-line {
  background-color: #fff;
}
input.ax-btn.ax-line {
  background-color: #fff;
}
.ax-btn.ax-line:not(button):after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: rgba(0, 0, 0, 0.12);
  transition: border-color 100ms linear;
}
.ax-btn.ax-text {
  background: transparent !important;
  border: none !important;
}
.ax-btn.ax-text:after {
  display: none !important;
}
.ax-btn.ax-text:hover {
  box-shadow: none !important;
}
/**/
.ax-btn *[class*="font"],
.ax-btn img,
.ax-btn.ax-line *[class*="font"],
.ax-btn.ax-line img,
.ax-btn.ax-text *[class*="font"],
.ax-btn.ax-text img {
  transition: all 100ms linear;
  margin-right: 0.4rem;
}
.ax-btn.ax-xxs *[class*="font"] {
  font-size: 1.2rem;
  margin-right: 0;
}
.ax-btn.ax-xs *[class*="font"] {
  font-size: 1.2rem;
  margin-right: 0;
}
.ax-btn.ax-sm *[class*="font"] {
  font-size: 1.2rem;
}
.ax-btn.ax-lg *[class*="font"] {
  font-size: 2.2rem;
}
.ax-btn *[class*="font"].ax-at-right,
.ax-btn img.ax-at-right,
.ax-btn.ax-line *[class*="font"].ax-at-right,
.ax-btn.ax-line img.ax-at-right,
.ax-btn.ax-text *[class*="font"].ax-at-right,
.ax-btn.ax-text img.ax-at-right {
  margin-right: 0;
  margin-left: 0.4rem;
}
.ax-btn *[class*="font"].ax-at-left,
.ax-btn img.ax-at-left,
.ax-btn.ax-line *[class*="font"].ax-at-left,
.ax-btn.ax-line img.ax-at-left,
.ax-btn.ax-text *[class*="font"].ax-at-left,
.ax-btn.ax-text img.ax-at-left {
  margin-left: 0;
  margin-right: 0.4rem;
}
.ax-btn.ax-xxs {
  font-size: 1.2rem;
  height: 1.8rem;
  line-height: 1.8rem;
  padding: 0 0.4rem;
}
button.ax-btn.ax-xxs {
  font-size: 1.2rem;
  height: 1.8rem;
  line-height: calc(1.8rem - 0.4rem);
  padding: 0 0.4rem;
}
input.ax-btn.ax-xxs {
  font-size: 1.2rem;
  height: 1.8rem;
  line-height: calc(1.8rem - 0.4rem);
  padding: 0 0.4rem;
}
.ax-btn.ax-xs {
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  padding: 0 0.6rem;
}
button.ax-btn.ax-xs {
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 1.8rem;
  padding: 0 0.6rem;
}
input.ax-btn.ax-xs {
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 1.8rem;
  padding: 0 0.6rem;
}
.ax-btn.ax-sm {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  padding: 0 1rem;
}
button.ax-btn.ax-sm {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1.4rem);
  padding: 0 1rem;
}
input.ax-btn.ax-sm {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1.4rem);
  padding: 0 1rem;
}
.ax-btn.ax-lg {
  font-size: 1.6rem;
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  padding: 0 3rem;
}
button.ax-btn.ax-lg {
  font-size: 1.6rem;
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 0.6rem);
  padding: 0 3rem;
}
input.ax-btn.ax-lg {
  font-size: 1.6rem;
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 0.6rem);
  padding: 0 3rem;
}
.ax-btn.ax-round,
.ax-btn.ax-round:after,
.ax-btn.ax-line.ax-round,
.ax-btn.ax-line.ax-round:after {
  border-radius: 3.8rem;
}
.ax-btn.ax-xxs.ax-round,
.ax-btn.ax-xxs.ax-round:after {
  border-radius: 1.8rem;
}
.ax-btn.ax-xs.ax-round,
.ax-btn.ax-xs.ax-round:after {
  border-radius: 2.2rem;
}
.ax-btn.ax-sm.ax-round,
.ax-btn.ax-sm.ax-round:after {
  border-radius: calc(3.8rem - 1rem);
}
.ax-btn.ax-lg.ax-round,
.ax-btn.ax-lg.ax-round:after {
  border-radius: calc(3.8rem + 1rem);
}
.ax-btn.ax-circle,
.ax-btn.ax-circle:after,
.ax-btn.ax-line.ax-circle,
.ax-btn.ax-line.ax-circle:after {
  padding: 0;
  border-radius: 3.8rem;
  width: 3.8rem;
  text-align: center;
}
.ax-btn.ax-xxs.ax-circle,
.ax-btn.ax-xxs.ax-circle:after {
  padding: 0;
  border-radius: 1.8rem;
  width: 1.8rem;
}
.ax-btn.ax-xs.ax-circle,
.ax-btn.ax-xs.ax-circle:after {
  padding: 0;
  border-radius: 2.2rem;
  width: 2.2rem;
}
.ax-btn.ax-sm.ax-circle,
.ax-btn.ax-sm.ax-circle:after {
  padding: 0;
  border-radius: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
}
.ax-btn.ax-lg.ax-circle,
.ax-btn.ax-lg.ax-circle:after {
  padding: 0;
  border-radius: calc(3.8rem + 1rem);
  width: calc(3.8rem + 1rem);
}
.ax-btn.ax-circle *[class*='font'],
.ax-btn.ax-line.ax-circle *[class*='font'],
.ax-btn-text.ax-circle *[class*='font'],
.ax-btn.ax-circle svg,
.ax-btn.ax-line.ax-circle svg,
.ax-btn-text.ax-circle svg,
.ax-btn.ax-circle img,
.ax-btn.ax-line.ax-circle img,
.ax-btn-text.ax-circle img {
  margin: 0;
}
.ax-btn.ax-long,
input.ax-btn.ax-long,
button.ax-btn.ax-long {
  width: 12rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longer,
input.ax-btn.ax-longer,
button.ax-btn.ax-longer {
  width: 20rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longest,
input.ax-btn.ax-longest,
button.ax-btn.ax-longest {
  width: 24rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-long.ax-xs,
input.ax-btn.ax-long.ax-xs,
button.ax-btn.ax-long.ax-xs {
  width: 6rem;
}
.ax-btn.ax-longer.ax-xs,
input.ax-btn.ax-longer.ax-xs,
button.ax-btn.ax-longer.ax-xs {
  width: 8rem;
}
.ax-btn.ax-longest.ax-xs,
input.ax-btn.ax-longest.ax-xs,
button.ax-btn.ax-longest.ax-xs {
  width: 12rem;
}
.ax-btn.ax-long.ax-sm,
input.ax-btn.ax-long.ax-sm,
button.ax-btn.ax-long.ax-sm {
  width: 8rem;
}
.ax-btn.ax-longer.ax-sm,
input.ax-btn.ax-longer.ax-sm,
button.ax-btn.ax-longer.ax-sm {
  width: 12rem;
}
.ax-btn.ax-longest.ax-sm,
input.ax-btn.ax-longest.ax-sm,
button.ax-btn.ax-longest.ax-sm {
  width: 18rem;
}
.ax-btn.ax-long.ax-lg,
input.ax-btn.ax-long.ax-lg,
button.ax-btn.ax-long.ax-lg {
  width: 16rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longer.ax-lg,
input.ax-btn.ax-longer.ax-lg,
button.ax-btn.ax-longer.ax-lg {
  width: 24rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-longest.ax-lg,
input.ax-btn.ax-longest.ax-lg,
button.ax-btn.ax-longest.ax-lg {
  width: 28rem;
  padding-left: 0;
  padding-right: 0;
}
.ax-btn.ax-full {
  width: 100%;
  text-align: center;
}
input.ax-margin-lr,
button.ax-margin-lr {
  width: calc(100% - (1.4rem * 2));
}
input.ax-margin-left,
button.ax-margin-right {
  width: calc(100% - 1.4rem);
}
/*type icon*/
.ax-btn.ax-icon {
  color: rgba(0, 0, 0, 0.5);
  width: 3.8rem;
  text-align: center;
}
.ax-btn.ax-icon [class*="font"] {
  margin: 0;
}
.ax-btn.ax-icon img {
  margin: 0;
  width: 1.8rem;
  height: 1.8rem;
}
.ax-btn.ax-icon:not(.ax-xs):not(.ax-sm):not(.ax-lg) [class*="font"] {
  font-size: 1.8rem;
}
.ax-btn.ax-icon.ax-xs [class*="font"] {
  font-size: 1.2rem;
}
.ax-btn.ax-icon.ax-xs img {
  width: 1.2rem;
  height: 1.2rem;
}
.ax-btn.ax-icon.ax-sm [class*="font"] {
  font-size: 1.2rem;
}
.ax-btn.ax-icon.ax-sm img {
  width: 1.2rem;
  height: 1.2rem;
}
.ax-btn.ax-icon.ax-lg [class*="font"] {
  font-size: 2.2rem;
}
.ax-btn.ax-icon.ax-lg img {
  width: 2.2rem;
  height: 2.2rem;
}
.ax-btn.ax-icon,
button.ax-btn.ax-icon {
  padding: 0;
}
.ax-btn.ax-icon.ax-xxs {
  width: 1.8rem;
}
.ax-btn.ax-icon.ax-xs {
  width: 2.2rem;
}
.ax-btn.ax-icon.ax-sm {
  width: calc(3.8rem - 1rem);
}
.ax-btn.ax-icon.ax-lg {
  width: calc(3.8rem + 1rem);
}
/*btn active hover*/
.ax-btn:hover {
  color: #198cff;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.2);
  background-color: #ffffff;
}
.ax-btn:hover:after {
  border-color: #198cff;
}
input.ax-btn:hover,
button.ax-btn:hover {
  border-color: #198cff;
}
.ax-btn:active {
  color: rgba(25, 140, 255, 0.6);
  background-color: #fafcff;
}
.ax-btn.ax-line:hover {
  color: #198cff;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.2);
  background-color: #ffffff;
}
.ax-btn.ax-line:hover:after {
  border-color: #198cff;
}
input.ax-btn.ax-line:hover,
button.ax-btn.ax-line:hover {
  border-color: #198cff;
}
.ax-btn.ax-line:active {
  color: rgba(25, 140, 255, 0.6);
}
.ax-btn.ax-text:hover {
  color: #198cff;
  text-decoration: underline;
}
.ax-btn.ax-text:active {
  color: rgba(25, 140, 255, 0.6);
}
/*btn foucus*/
.ax-btn:not(:active):focus {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
.ax-btn:not(:active).ax-primary:focus {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
.ax-btn:not(:active).ax-secondary:focus {
  box-shadow: 0 0 0 0.3rem rgba(71, 91, 102, 0.2);
}
.ax-btn:not(:active).ax-success:focus {
  box-shadow: 0 0 0 0.3rem rgba(65, 163, 88, 0.2);
}
.ax-btn:not(:active).ax-danger:focus {
  box-shadow: 0 0 0 0.3rem rgba(220, 53, 69, 0.2);
}
.ax-btn:not(:active).ax-warning:focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 193, 7, 0.2);
}
.ax-btn:not(:active).ax-info:focus {
  box-shadow: 0 0 0 0.3rem rgba(20, 204, 201, 0.2);
}
.ax-btn:not(:active).ax-ad:focus {
  box-shadow: 0 0 0 0.3rem rgba(255, 132, 0, 0.2);
}
.ax-btn:not(:active).ax-black:focus {
  box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.12);
}
/*btn color*/
.ax-btn.ax-primary,
.ax-btn.ax-reverse.ax-primary {
  color: #fff;
  background-color: #198cff;
}
.ax-btn.ax-primary *[class*="font"],
.ax-btn.ax-reverse.ax-primary *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-primary:hover,
.ax-btn.ax-reverse.ax-primary:hover {
  color: #fff;
  background-color: #2d96ff;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.5);
}
.ax-btn.ax-primary:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-primary:hover,
button.ax-btn.ax-primary:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-primary:active,
.ax-btn.ax-reverse.ax-primary:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #0072e5;
}
.ax-btn.ax-primary:active *[class*="font"],
.ax-btn.ax-primary:active img,
.ax-btn.ax-reverse.ax-primary:active *[class*="font"],
.ax-btn.ax-reverse.ax-primary:active img {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-primary,
.ax-btn.ax-line.ax-primary *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-primary,
.ax-btn.ax-reverse.ax-line.ax-primary *[class*="font"] {
  color: #198cff;
  background: transparent;
}
.ax-btn.ax-line.ax-primary:hover,
.ax-btn.ax-reverse.ax-line.ax-primary:hover {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.2);
}
.ax-btn.ax-line.ax-primary:after,
.ax-btn.ax-reverse.ax-line.ax-primary:after {
  border-color: #198cff;
}
input.ax-btn.ax-line.ax-primary:hover,
button.ax-btn.ax-line.ax-primary:hover {
  border-color: #198cff;
}
.ax-btn.ax-line.ax-primary:active,
.ax-btn.ax-reverse.ax-line.ax-primary:active {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-primary *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-primary *[class*="font"] {
  color: #198cff;
}
input.ax-btn.ax-line.ax-primary,
button.ax-btn.ax-line.ax-primary,
input.ax-btn.ax-reverse.ax-line.ax-primary,
button.ax-btn.ax-reverse.ax-line.ax-primary {
  border-color: #198cff;
}
.ax-btn.ax-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-secondary,
.ax-btn.ax-reverse.ax-secondary {
  color: #fff;
  background-color: #475b66;
}
.ax-btn.ax-secondary *[class*="font"],
.ax-btn.ax-reverse.ax-secondary *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-secondary:hover,
.ax-btn.ax-reverse.ax-secondary:hover {
  color: #fff;
  background-color: #4f6672;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(71, 91, 102, 0.5);
}
.ax-btn.ax-secondary:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-secondary:hover,
button.ax-btn.ax-secondary:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-secondary:active,
.ax-btn.ax-reverse.ax-secondary:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #324048;
}
.ax-btn.ax-secondary:active *[class*="font"],
.ax-btn.ax-secondary:active img,
.ax-btn.ax-reverse.ax-secondary:active *[class*="font"],
.ax-btn.ax-reverse.ax-secondary:active img {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-secondary,
.ax-btn.ax-reverse.ax-line.ax-secondary {
  color: #475b66;
  background: transparent;
}
.ax-btn.ax-line.ax-secondary *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-secondary *[class*="font"] {
  color: #475b66;
}
.ax-btn.ax-line.ax-secondary:hover,
.ax-btn.ax-reverse.ax-line.ax-secondary:hover {
  color: #475b66;
  background-color: rgba(71, 91, 102, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(71, 91, 102, 0.2);
}
input.ax-btn.ax-line.ax-secondary:hover,
button.ax-btn.ax-line.ax-secondary:hover {
  border-color: #475b66;
}
.ax-btn.ax-line.ax-secondary:after,
.ax-btn.ax-reverse.ax-line.ax-secondary:after {
  border-color: #475b66;
}
.ax-btn.ax-line.ax-secondary:active,
.ax-btn.ax-reverse.ax-line.ax-secondary:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-secondary,
button.ax-btn.ax-line.ax-secondary,
input.ax-btn.ax-reverse.ax-line.ax-secondary,
button.ax-btn.ax-reverse.ax-line.ax-secondary {
  border-color: #475b66;
}
.ax-btn.ax-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-success,
.ax-btn.ax-reverse.ax-success {
  color: #fff;
  background-color: #41a358;
}
.ax-btn.ax-success *[class*="font"],
.ax-btn.ax-reverse.ax-success *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-success:hover,
.ax-btn.ax-reverse.ax-success:hover {
  color: #fff;
  background-color: #47b260;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(65, 163, 88, 0.5);
}
.ax-btn.ax-success:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-success:hover,
button.ax-btn.ax-success:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-success:active,
.ax-btn.ax-reverse.ax-success:active {
  background-color: #327f44;
  color: rgba(255, 255, 255, 0.6);
}
.ax-btn.ax-success:active *[class*="font"],
.ax-btn.ax-success:active img,
.ax-btn.ax-reverse.ax-success:active *[class*="font"],
.ax-btn.ax-reverse.ax-success:active img {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-success,
.ax-btn.ax-reverse.ax-line.ax-success {
  color: #41a358;
  background: transparent;
}
.ax-btn.ax-line.ax-success *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-success *[class*="font"] {
  color: #41a358;
}
.ax-btn.ax-line.ax-success:hover,
.ax-btn.ax-reverse.ax-line.ax-success:hover {
  color: #41a358;
  background-color: rgba(65, 163, 88, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(65, 163, 88, 0.2);
}
.ax-btn.ax-line.ax-success:after,
.ax-btn.ax-reverse.ax-line.ax-success:after {
  border-color: #41a358;
}
input.ax-btn.ax-line.ax-success:hover,
button.ax-btn.ax-line.ax-success:hover {
  border-color: #41a358;
}
.ax-btn.ax-line.ax-success:active,
.ax-btn.ax-reverse.ax-line.ax-success:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-success,
button.ax-btn.ax-line.ax-success,
input.ax-btn.ax-reverse.ax-line.ax-success,
button.ax-btn.ax-reverse.ax-line.ax-success {
  border-color: #41a358;
}
.ax-btn.ax-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-danger,
.ax-btn.ax-reverse.ax-danger {
  background-color: #dc3545;
  color: #fff;
}
.ax-btn.ax-danger *[class*="font"],
.ax-btn.ax-reverse.ax-danger *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-danger:hover,
.ax-btn.ax-reverse.ax-danger:hover {
  color: #fff;
  background-color: #df4655;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(220, 53, 69, 0.5);
}
.ax-btn.ax-danger:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-success:hover,
button.ax-btn.ax-success:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-danger:active,
.ax-btn.ax-reverse.ax-danger:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #bd2130;
}
.ax-btn.ax-danger:active *[class*="font"],
.ax-btn.ax-danger:active img,
.ax-btn.ax-reverse.ax-danger:active *[class*="font"],
.ax-btn.ax-reverse.ax-danger:active img {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-danger,
.ax-btn.ax-line.ax-danger *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-danger,
.ax-btn.ax-reverse.ax-line.ax-danger *[class*="font"] {
  color: #dc3545;
  background: transparent;
}
.ax-btn.ax-line.ax-danger:hover,
.ax-btn.ax-reverse.ax-line.ax-danger:hover {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(220, 53, 69, 0.2);
}
.ax-btn.ax-line.ax-danger:after,
.ax-btn.ax-reverse.ax-line.ax-danger:after {
  border-color: #dc3545;
}
input.ax-btn.ax-line.ax-line.ax-success:hover,
button.ax-btn.ax-line.ax-line.ax-success:hover {
  border-color: #dc3545;
}
.ax-btn.ax-line.ax-danger:active,
.ax-btn.ax-reverse.ax-line.ax-danger:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-danger,
button.ax-btn.ax-line.ax-danger,
input.ax-btn.ax-reverse.ax-line.ax-danger,
button.ax-btn.ax-reverse.ax-line.ax-danger {
  border-color: #dc3545;
}
.ax-btn.ax-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-warning,
.ax-btn.ax-reverse.ax-warning {
  color: #333333;
  background-color: #ffc107;
}
.ax-btn.ax-warning *[class*="font"],
.ax-btn.ax-reverse.ax-warning *[class*="font"] {
  color: #333333;
}
.ax-btn.ax-warning:hover,
.ax-btn.ax-reverse.ax-warning:hover {
  color: #333333;
  background-color: #ffc61b;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 193, 7, 0.5);
}
.ax-btn.ax-warning:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-warning:hover,
button.ax-btn.ax-warning:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-warning:active,
.ax-btn.ax-reverse.ax-warning:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: #d39e00;
}
.ax-btn.ax-warning:active *[class*="font"],
.ax-btn.ax-warning:active img,
.ax-btn.ax-reverse.ax-warning:active *[class*="font"],
.ax-btn.ax-reverse.ax-warning:active img {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-warning,
.ax-btn.ax-reverse.ax-line.ax-warning {
  color: #ffc107;
  background: transparent;
}
.ax-btn.ax-line.ax-warning *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-warning *[class*="font"] {
  color: #ffc107;
}
.ax-btn.ax-line.ax-warning:hover,
.ax-btn.ax-reverse.ax-line.ax-warning:hover {
  color: #ffc107;
  background-color: rgba(255, 193, 7, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 193, 7, 0.2);
}
.ax-btn.ax-line.ax-warning:after,
.ax-btn.ax-reverse.ax-line.ax-warning:after {
  border-color: #ffc107;
}
input.ax-btn.ax-line.ax-warning:hover,
button.ax-btn.ax-line.ax-warning:hover {
  border-color: #ffc107;
}
.ax-btn.ax-line.ax-warning:active,
.ax-btn.ax-reverse.ax-line.ax-warning:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-warning,
button.ax-btn.ax-line.ax-warning,
input.ax-btn.ax-reverse.ax-line.ax-warning,
button.ax-btn.ax-reverse.ax-line.ax-warning {
  border-color: #ffc107;
}
.ax-btn.ax-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-info,
.ax-btn.ax-reverse.ax-info {
  background-color: #14ccc9;
  color: #fff;
}
.ax-btn.ax-info *[class*="font"],
.ax-btn.ax-reverse.ax-info *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-info:hover,
.ax-btn.ax-reverse.ax-info:hover {
  color: #fff;
  background-color: #16dfdb;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(20, 204, 201, 0.5);
}
.ax-btn.ax-info:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-info:hover,
button.ax-btn.ax-info:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-info:active,
.ax-btn.ax-reverse.ax-info:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #0f9e9b;
}
.ax-btn.ax-info:active *[class*="font"],
.ax-btn.ax-info:active img,
.ax-btn.ax-reverse.ax-info:active *[class*="font"],
.ax-btn.ax-reverse.ax-info:active img {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-info,
.ax-btn.ax-reverse.ax-line.ax-info {
  color: #14ccc9;
  background: transparent;
}
.ax-btn.ax-line.ax-info *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-info *[class*="font"] {
  color: #14ccc9;
}
.ax-btn.ax-line.ax-info:hover,
.ax-btn.ax-reverse.ax-line.ax-info:hover {
  color: #14ccc9;
  background-color: rgba(20, 204, 201, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(20, 204, 201, 0.2);
}
.ax-btn.ax-line.ax-info:after,
.ax-btn.ax-reverse.ax-line.ax-info:after {
  border-color: #14ccc9;
}
input.ax-btn.ax-line.ax-info:hover,
button.ax-btn.ax-line.ax-info:hover {
  border-color: #14ccc9;
}
.ax-btn.ax-line.ax-info:active,
.ax-btn.ax-reverse.ax-line.ax-info:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-info,
button.ax-btn.ax-line.ax-info,
input.ax-btn.ax-reverse.ax-line.ax-info,
button.ax-btn.ax-reverse.ax-line.ax-info {
  border-color: #14ccc9;
}
.ax-btn.ax-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-ad,
.ax-btn.ax-reverse.ax-ad {
  background-color: #ff8400;
  color: #fff;
}
.ax-btn.ax-ad *[class*="font"],
.ax-btn.ax-reverse.ax-ad *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-ad:hover,
.ax-btn.ax-reverse.ax-ad:hover {
  background-color: #ff8e14;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 132, 0, 0.5);
  color: #fff;
}
.ax-btn.ax-ad:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-ad:hover,
button.ax-btn.ax-ad:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-ad:active,
.ax-btn.ax-reverse.ax-ad:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #cc6a00;
}
.ax-btn.ax-ad:active *[class*="font"],
.ax-btn.ax-ad:active img,
.ax-btn.ax-reverse.ax-ad:active *[class*="font"],
.ax-btn.ax-reverse.ax-ad:active img {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-ad,
.ax-btn.ax-reverse.ax-line.ax-ad {
  color: #ff8400;
  background: transparent;
}
.ax-btn.ax-line.ax-ad *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-ad *[class*="font"] {
  color: #ff8400;
}
.ax-btn.ax-line.ax-ad:hover,
.ax-btn.ax-reverse.ax-line.ax-ad:hover {
  color: #ff8400;
  background-color: rgba(255, 132, 0, 0.1);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 132, 0, 0.2);
}
.ax-btn.ax-line.ax-ad:after,
.ax-btn.ax-reverse.ax-line.ax-ad:after {
  border-color: #ff8400;
}
input.ax-btn.ax-line.ax-ad:hover,
button.ax-btn.ax-line.ax-ad:hover {
  border-color: #ff8400;
}
.ax-btn.ax-line.ax-ad:active,
.ax-btn.ax-reverse.ax-line.ax-ad:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-ad,
button.ax-btn.ax-line.ax-ad,
input.ax-btn.ax-reverse.ax-line.ax-ad,
button.ax-btn.ax-reverse.ax-line.ax-ad {
  border-color: #ff8400;
}
.ax-btn.ax-text.ax-ad,
.ax-btn.ax-text.ax-ad:hover,
.ax-btn.ax-reverse.ax-text.ax-ad,
.ax-btn.ax-reverse.ax-text.ax-ad:hover {
  color: #ff8400;
}
.ax-btn.ax-text.ax-ad:active,
.ax-btn.ax-reverse.ax-text.ax-ad:active {
  opacity: 0.6;
}
.ax-btn.ax-text.ax-ad *[class*="font"],
.ax-btn.ax-reverse.ax-text.ax-ad *[class*="font"] {
  color: #ff8400;
}
/**/
.ax-btn.ax-ignore {
  color: #999999;
  background-color: #f0f0f0;
}
.ax-btn.ax-ignore *[class*="font"] {
  color: #999999;
}
.ax-btn.ax-ignore:hover {
  background-color: #fafafa;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.ax-btn.ax-ignore:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-ignore:hover,
button.ax-btn.ax-ignore:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-ignore:active {
  background-color: #e6e6e6;
}
.ax-btn.ax-line.ax-ignore {
  color: #999999;
  background: transparent;
}
.ax-btn.ax-line.ax-ignore *[class*="font"] {
  color: #999999;
}
.ax-btn.ax-line.ax-ignore:hover {
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(179, 179, 179, 0.1);
}
.ax-btn.ax-line.ax-ignore:after {
  border-color: #ccc;
}
input.ax-btn.ax-line.ax-ignore:hover,
button.ax-btn.ax-line.ax-ignore:hover {
  border-color: #ccc;
}
.ax-btn.ax-line.ax-ignore:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-info,
button.ax-btn.ax-line.ax-info {
  border-color: #ccc;
}
.ax-btn.ax-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-black,
.ax-btn.ax-reverse.ax-black {
  background-color: #333333;
  color: #fff;
}
.ax-btn.ax-black *[class*="font"],
.ax-btn.ax-reverse.ax-black *[class*="font"] {
  color: #fff;
}
.ax-btn.ax-black:hover,
.ax-btn.ax-reverse.ax-black:hover {
  background-color: #666666;
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(51, 51, 51, 0.5);
}
.ax-btn.ax-black:hover:after {
  border-color: rgba(0, 0, 0, 0.12);
}
input.ax-btn.ax-black:hover,
button.ax-btn.ax-black:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-btn.ax-black:active,
.ax-btn.ax-reverse.ax-black:active {
  color: rgba(255, 255, 255, 0.6);
  background-color: #262626;
}
.ax-btn.ax-black:active *[class*="font"],
.ax-btn.ax-black:active img,
.ax-btn.ax-reverse.ax-black:active *[class*="font"],
.ax-btn.ax-reverse.ax-black:active img {
  opacity: 0.6;
}
.ax-btn.ax-line.ax-black,
.ax-btn.ax-reverse.ax-line.ax-black {
  color: #333333;
  background: transparent;
  border-color: #333333;
}
.ax-btn.ax-line.ax-black *[class*="font"],
.ax-btn.ax-reverse.ax-line.ax-black *[class*="font"] {
  color: #333333;
}
.ax-btn.ax-line.ax-black:hover,
.ax-btn.ax-reverse.ax-line.ax-black:hover {
  background-color: rgba(179, 179, 179, 0.2);
  box-shadow: 0.2rem 0.2rem 1rem 0 rgba(51, 51, 51, 0.2);
}
.ax-btn.ax-line.ax-black:after,
.ax-btn.ax-reverse.ax-line.ax-black:after {
  border-color: #333333;
}
input.ax-btn.ax-line.ax-black:hover,
button.ax-btn.ax-line.ax-black:hover {
  border-color: #333333;
}
.ax-btn.ax-line.ax-black:active,
.ax-btn.ax-reverse.ax-line.ax-black:active {
  opacity: 0.6;
}
input.ax-btn.ax-line.ax-black,
button.ax-btn.ax-line.ax-black,
input.ax-btn.ax-reverse.ax-line.ax-black,
button.ax-btn.ax-reverse.ax-line.ax-black {
  border-color: #333333;
}
.ax-btn.ax-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-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;
}
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: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-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: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-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-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-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-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-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-ad.ax-disabled,
.ax-btn.ax-ad.ax-disabled:hover,
.ax-btn.ax-ad.ax-disabled:active {
  color: #fff;
  background-color: #ff8400;
}
.ax-btn.ax-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-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-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: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: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: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: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: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:after,
.ax-btn.ax-line.ax-info.ax-disabled:hover:after {
  border-color: #14ccc9;
}
.ax-btn.ax-line.ax-ad.ax-disabled,
.ax-btn.ax-line.ax-ad.ax-disabled:hover,
.ax-btn.ax-line.ax-ad.ax-disabled:active {
  color: #ff8400;
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-ad.ax-disabled:after,
.ax-btn.ax-line.ax-ad.ax-disabled:hover:after {
  border-color: #ff8400;
}
.ax-btn.ax-line.ax-ignore.ax-disabled,
.ax-btn.ax-line.ax-ignore.ax-disabled:hover,
.ax-btn.ax-line.ax-ignore.ax-disabled:active {
  color: rgba(102, 102, 102, 0.8);
  background: transparent;
  opacity: 0.3;
}
.ax-btn.ax-line.ax-ignore.ax-disabled: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: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: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-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-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-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-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-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-ad.ax-disabled,
.ax-btn.ax-text.ax-ad.ax-disabled:hover,
.ax-btn.ax-text.ax-ad.ax-disabled:active {
  color: #ff8400;
  opacity: 0.3;
}
.ax-btn.ax-text.ax-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-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;
}
/*btn shadow*/
.ax-btn.ax-text.ax-shadow {
  box-shadow: none;
}
.ax-btn.ax-primary.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(25, 140, 255, 0.4);
}
.ax-btn.ax-secondary.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(71, 91, 102, 0.4);
}
.ax-btn.ax-success.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(65, 163, 88, 0.4);
}
.ax-btn.ax-danger.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(220, 53, 69, 0.4);
}
.ax-btn.ax-warning.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(255, 193, 7, 0.4);
}
.ax-btn.ax-ad.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(255, 132, 0, 0.4);
}
.ax-btn.ax-info.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0.5rem 0.5rem 2rem rgba(20, 204, 201, 0.4);
}
.ax-btn.ax-black.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
  box-shadow: 0.5rem 0.5rem 2rem rgba(51, 51, 51, 0.4);
}
/*btn borderless*/
.ax-btn.ax-borderless {
  border: none;
}
.ax-btn.ax-borderless:after {
  display: none;
}
/*btn txt*/
.ax-txt-btn {
  font-size: 1.4rem;
}
.ax-txt-btn *[class*="font"] {
  font-size: 1.4rem;
}
/*btn group*/
.ax-btn-group .ax-btn,
.ax-btn-group .ax-btn:after {
  border-radius: 0;
}
.ax-btn-group > .ax-btn:first-child,
.ax-btn-group > .ax-btn:first-child:after {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.ax-btn-group > .ax-btn:last-child,
.ax-btn-group > .ax-btn:last-child:after {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.ax-btn-group > .ax-btn:not(:first-of-type) {
  margin-left: -0.1rem;
}
.ax-btn-group .ax-btn:hover {
  z-index: 2;
}
.ax-btn-group .ax-btn.ax-active {
  z-index: 3;
  background-color: #198cff;
  color: #fff;
}
.ax-btn-group .ax-btn.ax-active svg {
  fill: #fff;
}
/*gradient btn*/
.ax-primary.ax-gradient-0 {
  background: linear-gradient(0deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient,
.ax-primary.ax-gradient-45 {
  background: linear-gradient(45deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-90 {
  background: linear-gradient(90deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-135 {
  background: linear-gradient(135deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-180 {
  background: linear-gradient(180deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-225 {
  background: linear-gradient(225deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-270 {
  background: linear-gradient(270deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-315 {
  background: linear-gradient(315deg, #198cff, #6619ff);
}
.ax-primary.ax-gradient-360 {
  background: linear-gradient(360deg, #198cff, #6619ff);
}
.ax-secondary.ax-gradient-0 {
  background: linear-gradient(0deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient,
.ax-secondary.ax-gradient-45 {
  background: linear-gradient(45deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-90 {
  background: linear-gradient(90deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-135 {
  background: linear-gradient(135deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-180 {
  background: linear-gradient(180deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-225 {
  background: linear-gradient(225deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-270 {
  background: linear-gradient(270deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-315 {
  background: linear-gradient(315deg, #475b66, #474b66);
}
.ax-secondary.ax-gradient-360 {
  background: linear-gradient(360deg, #475b66, #474b66);
}
.ax-success.ax-gradient-0 {
  background: linear-gradient(0deg, #41a358, #41a379);
}
.ax-success.ax-gradient,
.ax-success.ax-gradient-45 {
  background: linear-gradient(45deg, #41a358, #41a379);
}
.ax-success.ax-gradient-90 {
  background: linear-gradient(90deg, #41a358, #41a379);
}
.ax-success.ax-gradient-135 {
  background: linear-gradient(135deg, #41a358, #41a379);
}
.ax-success.ax-gradient-180 {
  background: linear-gradient(180deg, #41a358, #41a379);
}
.ax-success.ax-gradient-225 {
  background: linear-gradient(225deg, #41a358, #41a379);
}
.ax-success.ax-gradient-270 {
  background: linear-gradient(270deg, #41a358, #41a379);
}
.ax-success.ax-gradient-315 {
  background: linear-gradient(315deg, #41a358, #41a379);
}
.ax-success.ax-gradient-360 {
  background: linear-gradient(360deg, #41a358, #41a379);
}
.ax-danger.ax-gradient-0 {
  background: linear-gradient(0deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient,
.ax-danger.ax-gradient-45 {
  background: linear-gradient(45deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-90 {
  background: linear-gradient(90deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-135 {
  background: linear-gradient(135deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-180 {
  background: linear-gradient(180deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-225 {
  background: linear-gradient(225deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-270 {
  background: linear-gradient(270deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-315 {
  background: linear-gradient(315deg, #dc3545, #dc7935);
}
.ax-danger.ax-gradient-360 {
  background: linear-gradient(360deg, #dc3545, #dc7935);
}
.ax-warning.ax-gradient-0 {
  background: linear-gradient(0deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient,
.ax-warning.ax-gradient-45 {
  background: linear-gradient(45deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-90 {
  background: linear-gradient(90deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-135 {
  background: linear-gradient(135deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-180 {
  background: linear-gradient(180deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-225 {
  background: linear-gradient(225deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-270 {
  background: linear-gradient(270deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-315 {
  background: linear-gradient(315deg, #ffc107, #eaff07);
}
.ax-warning.ax-gradient-360 {
  background: linear-gradient(360deg, #ffc107, #eaff07);
}
.ax-info.ax-gradient-0 {
  background: linear-gradient(0deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient,
.ax-info.ax-gradient-45 {
  background: linear-gradient(45deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-90 {
  background: linear-gradient(90deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-135 {
  background: linear-gradient(135deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-180 {
  background: linear-gradient(180deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-225 {
  background: linear-gradient(225deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-270 {
  background: linear-gradient(270deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-315 {
  background: linear-gradient(315deg, #14ccc9, #1492cc);
}
.ax-info.ax-gradient-360 {
  background: linear-gradient(360deg, #14ccc9, #1492cc);
}
.ax-ad.ax-gradient-0 {
  background: linear-gradient(0deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient,
.ax-ad.ax-gradient-45 {
  background: linear-gradient(45deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-90 {
  background: linear-gradient(90deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-135 {
  background: linear-gradient(135deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-180 {
  background: linear-gradient(180deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-225 {
  background: linear-gradient(225deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-270 {
  background: linear-gradient(270deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-315 {
  background: linear-gradient(315deg, #ff8400, #ffd900);
}
.ax-ad.ax-gradient-360 {
  background: linear-gradient(360deg, #ff8400, #ffd900);
}
.ax-gradient.ax-rotate {
  animation: hue 10s infinite;
}
@keyframes hue {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rotate(360deg);
  }
}
/*ripple*/
.ax-ripple {
  position: relative;
  overflow: hidden;
}
.ax-ripple > u {
  width: 10rem;
  height: 10rem;
  opacity: 0;
  border-radius: 50%;
  background: radial-gradient(rgba(0, 0, 0, 0.7) 10%, #000000 30%, rgba(0, 0, 0, 0.7) 60%, #000000 80%, rgba(0, 0, 0, 0.7) 100%);
  transform: translate(-50%, -50%) scale(0.2);
  animation: ripple 0.6s ease-out;
  pointer-events: none;
  position: absolute;
  z-index: 4;
}
@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0.2;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
/*form*/
/*表单遮罩，在提交表单过程中的时候覆盖在表单上以禁止点击*/
.ax-form-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: -100000px;
  z-index: 9;
}
.ax-form-overlay.ax-show {
  background-color: rgba(255, 255, 255, 0.6);
  left: 0;
}
.ax-form-origin {
  font-size: 1.4rem;
  margin: 0.8rem 0;
}
.ax-form-origin .ax-icon {
  color: #adc1cc;
  font-size: 1.4rem;
  width: 1.8rem;
}
.ax-form-label {
  width: 16rem;
  height: 3.8rem;
  line-height: calc(3.8rem/2);
  text-align: right;
  margin-right: 1.4rem;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ax-form-label:empty {
  height: 0rem;
}
.ax-form-input,
.ax-form-con {
  width: 36rem;
  position: relative;
}
input.ax-input,
input[type="text"],
input[type="password"],
input[type="file"] {
  background-color: #fff;
  border: 0;
  position: relative;
  z-index: 1;
}
input.ax-input,
input[type="text"],
input[type="password"],
input[type="file"],
select {
  width: 100%;
  height: 3.8rem;
  line-height: 3.8rem;
  padding: 0 1rem;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 0.3rem;
  position: relative;
}
input[type="color"] {
  width: 3.8rem;
  padding: 0 2px !important;
}
@-moz-document url-prefix() {
  /*hack firefox*/
  input[type="color"] {
    padding: 2px !important;
  }
}
::-webkit-color-swatch {
  border: 0;
}
select option {
  padding: 0.9rem 1rem;
  border-bottom: 1px solid #ebebeb;
  transition: all 200ms linear;
}
select option:last-child {
  border-width: 0;
}
select option:hover {
  background-color: #fafafa;
}
input[type="range"] {
  height: 0.3rem;
  width: 100%;
  background-color: #f0f0f0;
  border-radius: 0.3rem;
  margin: calc((3.8rem - 0.3rem)/2) 0;
  outline: none;
  -webkit-appearance: none;
}
_:-ms-lang(x),
input[type="range"] {
  height: 2.2rem;
  border-radius: 0;
  margin: calc((3.8rem - 2.2rem)/2) 0;
  background: transparent;
}
input[type="range"]::-webkit-slider-thumb {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #198cff;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 100ms linear;
}
input[type="range"]::-moz-range-thumb {
  width: 1.2rem;
  height: 1.2rem;
  border: 0.2rem solid #198cff;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  transition: all 100ms linear;
}
input[type="range"]::-moz-range-progress {
  background-color: #198cff;
  border-radius: 0.3rem;
}
input[type="range"]::-ms-thumb {
  width: 1.2rem;
  height: 1.2rem;
  border: 0.2rem solid #198cff;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  transition: all 100ms linear;
}
input[type="range"]::-ms-track {
  color: transparent;
  border-color: transparent;
  height: 1px;
  border-radius: 0.3rem;
  background-color: #f0f0f0;
  transition: all 100ms linear;
}
input[type="range"]::-ms-fill-lower {
  height: 0.3rem;
  border-radius: 0.3rem;
  background: #198cff;
  transition: all 100ms linear;
}
input[type="range"]::-ms-fill-upper {
  height: 0.3rem;
  border-radius: 0.3rem;
  background: transparent;
}
input[type="range"]:not([disabled]):hover {
  background-color: #d7e7f5;
}
_:-ms-lang(x),
input[type="range"]:not([disabled]):hover {
  background: transparent;
}
_:-ms-lang(x),
input[type="range"]::-ms-track:hover {
  background-color: #d7e7f5;
}
input[type="range"]:not([disabled])::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
input[type="range"]:not([disabled])::-moz-range-thumb:hover {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
_:-ms-lang(x),
input[type="range"]:not([disabled])::-ms-thumb:hover {
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
input[type="range"][disabled] {
  opacity: 0.4;
}
input[type="range"]:focus {
  outline: none;
}
.ax-form-group.ax-xs input[type="range"],
input[type="range"].ax-xs {
  margin: calc((2.2rem - 0.3rem) / 2) 0;
}
_:-ms-lang(x),
.ax-form-group.ax-xs input[type="range"] {
  margin: 0;
}
_:-ms-lang(x),
input[type="range"].ax-xs {
  margin: 0;
}
.ax-form-group.ax-sm input[type="range"],
input[type="range"].ax-sm {
  margin: calc((2.8rem - 0.3rem) / 2) 0;
}
_:-ms-lang(x),
.ax-form-group.ax-sm input[type="range"] {
  margin: calc((2.8rem - 2.2rem) / 2) 0;
}
_:-ms-lang(x),
input[type="range"].ax-sm {
  margin: calc((2.8rem - 2.2rem) / 2) 0;
}
.ax-form-group.ax-lg input[type="range"],
input[type="range"].ax-lg {
  margin: calc((3.8rem + 1rem - 0.3rem) / 2) 0;
}
_:-ms-lang(x),
.ax-form-group.ax-lg input[type="range"] {
  margin: calc((3.8rem + 1rem - 2.2rem) / 2) 0;
}
_:-ms-lang(x),
input[type="range"].ax-lg {
  margin: calc((3.8rem + 1rem - 2.2rem) / 2) 0;
}
select {
  background-color: transparent;
  z-index: 3;
}
textarea {
  width: 100%;
  height: calc(2.2rem*5 + 1.8rem);
  line-height: 2.2rem;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  padding: 0.8rem 1rem;
  border-radius: 0.3rem;
  overflow: auto;
  display: block;
  position: relative;
  z-index: 1;
}
input[type="file"]::file-selector-button {
  height: calc(3.8rem + 0.2rem);
  line-height: calc(3.8rem + 0.2rem);
  border: none;
  border-right: 1px solid #ebebeb;
  padding: 0 1rem 0 0;
  background: transparent;
  pointer-events: none;
}
input[type="file"]::-webkit-file-upload-button {
  height: calc(3.8rem + 0.2rem);
  line-height: calc(3.8rem + 0.2rem);
  border: none;
  border-right: 1px solid #ebebeb;
  padding: 0 1rem 0 0;
  background: transparent;
  pointer-events: none;
}
input:not([readonly]):not([disabled]):not([class*="ax-check"]):not([class*="ax-btn"]):hover,
textarea:not([readonly]):not([disabled]):not([class*="ax-check"]):hover {
  border-color: rgba(25, 140, 255, 0.5);
}
input.ax-forbid,
textarea.ax-forbid {
  color: #b3b3b3;
  cursor: not-allowed;
  background-color: #f0f0f0;
  box-shadow: none;
}
input.ax-input.ax-forbid:focus,
input[type="text"].ax-forbid:focus,
input[type="file"].ax-forbid:focus,
textarea.ax-forbid:focus {
  color: #b3b3b3;
  background-color: #f0f0f0;
  border-color: #e0e0e0 !important;
  box-shadow: none;
}
input.ax-input:focus,
input.ax-input.ax-focus,
input[type="text"]:focus,
input[type="text"].ax-focus,
input[type="file"]:focus,
input[type="file"].ax-focus,
textarea:focus,
textarea.ax-focus {
  color: #198cff;
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
  border-color: rgba(25, 140, 255, 0.5) !important;
}
/*input size*/
input.ax-input.ax-xs,
input[type="text"].ax-xs,
input[type="password"].ax-xs,
input[type="file"].ax-xs,
select.ax-xs {
  font-size: 1.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  padding: 0 0.4rem;
}
.ax-file.ax-xs {
  font-size: 1.2rem;
}
.ax-file.ax-xs input[type="file"] {
  height: 2.2rem;
}
.ax-file.ax-xs:before,
.ax-file.ax-xs:after {
  height: 2.2rem;
  line-height: 2.2rem;
}
textarea.ax-xs {
  font-size: 1.2rem;
  line-height: 2.2rem;
  height: calc(2.2rem*3 + 0.2rem);
  padding: 0rem 0.4rem;
}
input[type="file"].ax-xs::file-selector-button {
  height: calc(2.2rem + 0.2rem);
  line-height: calc(2.2rem + 0.2rem);
  padding-right: 0.4rem;
}
input[type="file"].ax-xs::-webkit-file-upload-button {
  height: calc(2.2rem + 0.2rem);
  line-height: calc(2.2rem + 0.2rem);
  padding-right: 0.4rem;
}
.ax-form-group.ax-xs {
  font-size: 1.2rem;
}
.ax-form-group.ax-xs .ax-form-label {
  height: 2.2rem;
  line-height: 2.2rem;
  margin-right: 0.4rem;
}
.ax-form-group.ax-xs .ax-form-con {
  line-height: 2.2rem;
}
.ax-form-group.ax-xs .ax-form-txt {
  line-height: 2.2rem;
  margin-left: 0.4rem;
}
.ax-form-group.ax-xs .ax-pos-right {
  line-height: 2.2rem;
  padding-right: 0.4rem;
}
.ax-form-group.ax-xs .ax-pos-right [class*="font"] {
  height: 2.2rem;
  line-height: 2.4rem;
  margin-left: 0.4rem;
}
.ax-form-group.ax-xs .ax-form-head {
  height: 2.2rem;
  width: 2.2rem;
  background-size: cover, 1.4rem 1.4rem;
  margin-left: 0.4rem;
}
.ax-form-group.ax-xs .ax-form-img {
  height: 2.2rem;
  line-height: 2.2rem;
  margin-left: 0.4rem;
}
.ax-form-group.ax-xs .ax-form-img a,
.ax-form-group.ax-xs .ax-form-img span,
.ax-form-group.ax-xs .ax-form-img i {
  margin: 0 0.4rem;
}
.ax-form-group.ax-xs .ax-file:before {
  height: 2.2rem;
  line-height: 2rem;
  padding: 0 0.4rem;
}
.ax-form-group.ax-xs .ax-file:after {
  height: 2.2rem;
  line-height: 2.2rem;
  padding: 0 0.4rem;
}
input.ax-input.ax-sm,
input[type="text"].ax-sm,
input[type="password"].ax-sm,
input[type="file"].ax-sm,
select.ax-sm {
  font-size: 1.4rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  padding: 0 0.6rem;
}
.ax-file.ax-sm input[type="file"] {
  height: calc(3.8rem - 1rem);
}
.ax-file.ax-sm:before,
.ax-file.ax-sm:after {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
textarea.ax-sm {
  font-size: 1.4rem;
  height: calc(2.2rem*3 + 0.8rem);
  padding: 0.3rem 0.6rem;
}
input[type="file"].ax-sm::file-selector-button {
  height: calc(3.8rem - 1rem + 0.2rem);
  line-height: calc(3.8rem - 1rem + 0.2rem);
  padding-right: 0.6rem;
}
input[type="file"].ax-sm::-webkit-file-upload-button {
  height: calc(3.8rem - 1rem + 0.2rem);
  line-height: calc(3.8rem - 1rem + 0.2rem);
  padding-right: 0.6rem;
}
.ax-form-group.ax-sm .ax-form-label {
  height: calc(3.8rem - 1rem);
  line-height: calc((3.8rem - 1rem)/2);
  margin-right: 0.8rem;
}
.ax-form-group.ax-sm .ax-form-txt {
  line-height: calc(3.8rem - 1rem);
  margin-left: 0.8rem;
}
.ax-form-group.ax-sm .ax-pos-right {
  line-height: calc(3.8rem - 1rem);
  padding-right: 0.8rem;
}
.ax-form-group.ax-sm .ax-pos-right [class*="font"] {
  margin-left: 0.8rem;
}
.ax-form-group.ax-sm .ax-form-head {
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
  background-size: cover, 1.8rem 1.8rem;
  margin-left: 0.8rem;
}
.ax-form-group.ax-sm .ax-form-img {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  margin-left: 0.8rem;
}
.ax-form-group.ax-sm .ax-form-img a,
.ax-form-group.ax-sm .ax-form-img span,
.ax-form-group.ax-sm .ax-form-img i {
  margin: 0 0.6rem;
}
.ax-form-group.ax-sm .ax-file:before {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1.2rem);
  padding: 0 0.6rem;
}
.ax-form-group.ax-sm .ax-file:after {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  padding: 0 0.8rem;
}
input.ax-input.ax-lg,
input[type="text"].ax-lg,
input[type="password"].ax-lg,
input[type="file"].ax-lg,
select.ax-lg {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  padding: 0 1.4rem;
}
.ax-file.ax-lg input[type="file"] {
  height: calc(3.8rem + 1rem);
}
.ax-file.ax-lg:before,
.ax-file.ax-lg:after {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
}
textarea.ax-lg {
  height: calc(2.2rem*5 + 2.3rem);
  padding: 0.8rem 1.4rem;
}
input[type="file"].ax-lg::file-selector-button {
  height: calc(3.8rem + 1rem + 0.2rem);
  line-height: calc(3.8rem + 1rem + 0.2rem);
  padding-right: 1.4rem;
}
input[type="file"].ax-lg::-webkit-file-upload-button {
  height: calc(3.8rem + 1rem + 0.2rem);
  line-height: calc(3.8rem + 1rem + 0.2rem);
  padding-right: 1.4rem;
}
.ax-form-group.ax-lg .ax-form-label {
  height: calc(3.8rem + 1rem);
  line-height: calc((3.8rem + 1rem)/2);
}
.ax-form-group.ax-lg .ax-form-txt {
  line-height: calc(3.8rem + 1rem);
}
.ax-form-group.ax-lg .ax-pos-right {
  line-height: calc(3.8rem + 1rem);
}
.ax-form-group.ax-lg .ax-form-head {
  height: calc(3.8rem + 1rem);
  width: calc(3.8rem + 1rem);
  margin-left: 1.4rem;
}
.ax-form-group.ax-lg .ax-form-img {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  margin-left: 1.4rem;
}
.ax-form-group.ax-lg .ax-form-img a,
.ax-form-group.ax-lg .ax-form-img span,
.ax-form-group.ax-lg .ax-form-img i {
  margin: 0 1.8rem;
}
.ax-form-group.ax-lg .ax-file:before {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 0.8rem);
  padding: 0 1.4rem;
}
.ax-form-group.ax-lg .ax-file:after {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  padding: 0 1.8rem;
}
input.ax-input.ax-square,
input[type="text"].ax-square,
input[type="password"].ax-square,
input[type="file"].ax-square,
select.ax-square,
textarea.ax-square,
.ax-file.ax-square:after {
  border-radius: 0;
}
.ax-file.ax-square:before,
.ax-file.ax-square:after {
  border-radius: 0;
}
input.ax-input.ax-round,
input[type="text"].ax-round,
input[type="password"].ax-round,
input[type="file"].ax-round,
select.ax-round,
textarea.ax-round {
  border-radius: calc(3.8rem/2);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.ax-file.ax-round:after {
  border-radius: calc(3.8rem/2);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.ax-file.ax-round:after {
  border-radius: 0 calc(3.8rem/2) calc(3.8rem/2) 0;
  padding: 0 1.6rem;
}
input.ax-round + .ax-pos-right,
textarea.ax-round + .ax-pos-right {
  padding-right: 1.6rem;
}
input.ax-input.ax-round.ax-xs,
input[type="text"].ax-round.ax-xs,
input[type="password"].ax-round.ax-xs,
input[type="file"].ax-round.ax-xs,
select.ax-round.ax-xs,
textarea.ax-round.ax-xs {
  border-radius: 1.1rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.ax-file.ax-round.ax-xs:before {
  padding: 0 0.8rem;
}
.ax-file.ax-round.ax-xs:after {
  border-radius: 1.1rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.ax-file.ax-round.ax-xs:after {
  border-radius: 0 1.1rem 1.1rem 0;
  padding: 0 0.8rem;
}
input.ax-round.ax-xs + .ax-pos-right {
  padding-right: 0.8rem;
}
input.ax-input.ax-round.ax-sm,
input[type="text"].ax-round.ax-sm,
input[type="password"].ax-round.ax-sm,
input[type="file"].ax-round.ax-sm,
select.ax-round.ax-sm,
textarea.ax-round.ax-sm {
  border-radius: calc((3.8rem - 1rem) / 2);
  padding-left: 1rem;
  padding-right: 1rem;
}
.ax-file.ax-round.ax-sm:before {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ax-file.ax-round.ax-sm:after {
  border-radius: calc((3.8rem - 1rem) / 2);
  padding-left: 1rem;
  padding-right: 1rem;
}
.ax-file.ax-round.ax-sm:after {
  border-radius: 0 calc((3.8rem - 1rem)/2) calc((3.8rem - 1rem)/2) 0;
  padding: 0 1rem;
}
input.ax-round.ax-sm + .ax-pos-right {
  padding-right: 1rem;
}
input.ax-input.ax-round.ax-lg,
input[type="text"].ax-round.ax-lg,
input[type="password"].ax-round.ax-lg,
input[type="file"].ax-round.ax-lg,
select.ax-round.ax-lg,
textarea.ax-round.ax-lg {
  border-radius: calc((3.8rem + 1rem) / 2);
  padding-left: 2rem;
  padding-right: 2rem;
}
.ax-file.ax-round.ax-lg:before {
  padding-left: 2rem;
  padding-right: 2rem;
}
.ax-file.ax-round.ax-lg:before {
  border-radius: calc((3.8rem + 1rem) / 2);
  padding-left: 2rem;
  padding-right: 2rem;
}
.ax-file.ax-round.ax-lg:after {
  border-radius: 0 calc((3.8rem + 1rem) / 2) calc((3.8rem + 1rem) / 2) 0;
  padding: 0 2rem;
}
input.ax-round.ax-lg + .ax-pos-right {
  padding-right: 2rem;
}
/*input dodge*/
.ax-dodge {
  position: relative;
}
.ax-dodge label {
  color: rgba(0, 0, 0, 0.3);
  padding: 0 1rem;
  border-radius: 0.3rem;
  height: 3.8rem;
  line-height: 3.8rem;
  cursor: text;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 100ms linear;
}
.ax-dodge.ax-active label {
  font-size: 1rem;
  line-height: 1.2rem;
  height: 1.2rem;
  padding: 0 0.4rem;
  background-color: #fff;
  transform: translate(0, -50%);
  left: 0.6rem;
}
.ax-dodge.ax-active:after {
  content: '';
  height: 1.2rem;
  width: 18rem;
  background: transparent;
  position: absolute;
  left: 0;
  top: -0.6rem;
  z-index: 2;
}
.ax-dodge.ax-lg label {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
}
.ax-dodge.ax-active.ax-lg label {
  line-height: 1.2rem;
  height: 1.2rem;
  left: 1rem;
}
.ax-dodge input:-webkit-autofill,
.ax-dodge textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100rem #fff inset;
}
/* mobiscroll */
.ax-form-btn.ax-round:not(.ax-icon) {
  padding: 0 1.6rem;
}
input.ax-check-danger,
textarea.ax-check-danger {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.06);
  border-color: rgba(220, 53, 69, 0.16);
}
input.ax-check-danger:focus,
textarea.ax-check-danger:focus {
  color: #dc3545;
  box-shadow: 0 0 0 0.3rem rgba(220, 53, 69, 0.14);
  background-color: rgba(220, 53, 69, 0.06);
  border-color: rgba(220, 53, 69, 0.3) !important;
}
input.ax-check-primary,
textarea.ax-check-primary {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.06);
  border-color: rgba(25, 140, 255, 0.16);
}
input.ax-check-primary:focus,
textarea.ax-check-primary:focus {
  color: #198cff;
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.14);
  background-color: rgba(25, 140, 255, 0.06);
  border-color: rgba(25, 140, 255, 0.3) !important;
}
input.ax-check-success,
textarea.ax-check-success {
  color: #41a358;
  background-color: rgba(65, 163, 88, 0.06);
  border-color: rgba(65, 163, 88, 0.16);
}
input.ax-check-success:focus,
textarea.ax-check-success:focus {
  color: #41a358;
  box-shadow: 0 0 0 0.3rem rgba(65, 163, 88, 0.14);
  background-color: rgba(65, 163, 88, 0.06);
  border-color: rgba(65, 163, 88, 0.3) !important;
}
input.ax-check-success,
textarea.ax-check-success {
  color: #41a358;
  background-color: rgba(65, 163, 88, 0.06);
  border-color: rgba(65, 163, 88, 0.16);
}
input.ax-check-success:focus,
textarea.ax-check-success:focus {
  color: #41a358;
  box-shadow: 0 0 0 0.3rem rgba(65, 163, 88, 0.14);
  background-color: rgba(65, 163, 88, 0.06);
  border-color: rgba(65, 163, 88, 0.3) !important;
}
input.ax-check-warning,
textarea.ax-check-warning {
  color: #ffc107;
  background-color: rgba(255, 193, 7, 0.06);
  border-color: rgba(255, 193, 7, 0.16);
}
input.ax-check-warning:focus,
textarea.ax-check-warning:focus {
  color: #ffc107;
  box-shadow: 0 0 0 0.3rem rgba(255, 193, 7, 0.14);
  background-color: rgba(255, 193, 7, 0.06);
  border-color: rgba(255, 193, 7, 0.3) !important;
}
input.ax-check-info,
textarea.ax-check-info {
  color: #14ccc9;
  background-color: rgba(20, 204, 201, 0.06);
  border-color: rgba(20, 204, 201, 0.16);
}
input.ax-check-info:focus,
textarea.ax-check-info:focus {
  color: #14ccc9;
  box-shadow: 0 0 0 0.3rem rgba(20, 204, 201, 0.14);
  background-color: rgba(20, 204, 201, 0.06);
  border-color: rgba(20, 204, 201, 0.3) !important;
}
input.ax-check-ad,
textarea.ax-check-ad {
  color: #ff8400;
  background-color: rgba(255, 132, 0, 0.06);
  border-color: rgba(255, 132, 0, 0.16);
}
input.ax-check-ad:focus,
textarea.ax-check-ad:focus {
  color: #ff8400;
  box-shadow: 0 0 0 0.3rem rgba(255, 132, 0, 0.14);
  background-color: rgba(255, 132, 0, 0.06);
  border-color: rgba(255, 132, 0, 0.3) !important;
}
.ax-file {
  position: relative;
}
.ax-file:after {
  content: attr(data-text);
  color: #fff;
  height: 3.8rem;
  line-height: 3.8rem;
  background-color: #198cff;
  border-radius: 0 0.3rem 0.3rem 0;
  padding: 0 1.4rem;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.12) inset;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ax-file:before {
  content: attr(data-placeholder);
  color: rgba(0, 0, 0, 0.3);
  background-color: #fff;
  width: 100%;
  height: 3.8rem;
  line-height: calc(3.8rem - 0.2rem);
  overflow: hidden;
  white-space: nowrap;
  padding: 0 1rem;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 0.3rem;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 100ms linear;
}
.ax-file.ax-simple:after {
  display: none;
}
.ax-file.ax-active:before {
  color: #333333;
}
.ax-file.ax-focus:before {
  color: #198cff;
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
  border-color: rgba(25, 140, 255, 0.5) !important;
}
.ax-file input[type="file"] {
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}
.ax-file:hover:before {
  border-color: rgba(25, 140, 255, 0.5);
}
.ax-file.ax-square:before,
.ax-file.ax-square:after {
  border-radius: 0;
}
.ax-file.ax-round:before {
  border-radius: calc(3.8rem/2);
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.ax-file.ax-round:after {
  border-top-right-radius: calc(3.8rem/2);
  border-bottom-right-radius: calc(3.8rem/2);
  padding: 0 1.6rem;
}
.ax-upload [des] {
  color: #666666;
}
.ax-upload:not([type="beautify"]) input {
  display: none;
}
.ax-upload[withtips] [footer] {
  box-sizing: border-box;
  display: flex;
}
.ax-upload[withtips] [footer] [info] {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.8rem;
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ax-upload li[completed][progress="uploaded"] [percent],
.ax-upload li[completed][progress="uploaded"] [track],
.ax-upload li[valid="error"] [percent],
.ax-upload li[valid="error"] [track] {
  display: none;
}
.ax-upload[type="text"][withtips] [footer],
.ax-upload[type="info"][withtips] [footer] {
  padding: 0.8rem 0;
}
.ax-upload[type="text"] [upload],
.ax-upload[type="info"] [upload],
.ax-upload[type="text"] [clear],
.ax-upload[type="info"] [clear] {
  margin-left: 1.4rem;
}
.ax-upload[type="text"] li,
.ax-upload[type="info"] li {
  display: flex;
  width: 100%;
  transition: all 200ms linear;
  box-sizing: border-box;
  position: relative;
}
.ax-upload[type="text"] li [info],
.ax-upload[type="info"] li [info] {
  flex: auto;
  overflow: hidden;
}
.ax-upload[type="text"] li [info] [size],
.ax-upload[type="info"] li [info] [size],
.ax-upload[type="text"] li [info] [url],
.ax-upload[type="info"] li [info] [url] {
  color: #666666;
  line-height: 1.8rem;
}
.ax-upload[type="text"] li [title],
.ax-upload[type="info"] li [title] {
  color: #333333;
}
.ax-upload[type="text"] li [state],
.ax-upload[type="info"] li [state],
.ax-upload[type="text"] li [pause],
.ax-upload[type="info"] li [pause],
.ax-upload[type="text"] li [remove],
.ax-upload[type="info"] li [remove] {
  text-align: center;
  width: 2.8rem;
}
.ax-upload[type="text"] li [remove],
.ax-upload[type="info"] li [remove] {
  cursor: pointer;
}
.ax-upload[type="text"] li[valid="success"][progress="uploaded"] [title],
.ax-upload[type="info"] li[valid="success"][progress="uploaded"] [title],
.ax-upload[type="text"] li[valid="success"][progress="uploaded"] [state],
.ax-upload[type="info"] li[valid="success"][progress="uploaded"] [state] {
  color: #198cff;
}
.ax-upload[type="text"] li[valid="error"],
.ax-upload[type="info"] li[valid="error"],
.ax-upload[type="text"] li[valid="error"] [title],
.ax-upload[type="info"] li[valid="error"] [title] {
  color: #dc3545;
}
.ax-upload[type="text"] li [track],
.ax-upload[type="info"] li [track] {
  height: 0.2rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.ax-upload[type="text"] li [track] [bar],
.ax-upload[type="info"] li [track] [bar] {
  height: 100%;
  width: 0;
  background-color: #198cff;
}
.ax-upload[type="text"] li [title] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-upload[type="text"] li [icon] {
  margin-right: 0.4rem;
}
.ax-upload[type="text"] li:hover {
  background-color: #fafafa;
}
.ax-upload[type="info"] li {
  border: 1px solid #ebebeb;
  background-color: #fff;
  border-radius: 0.3rem;
  height: calc(1.8rem * 3 + 1.6rem);
  overflow: hidden;
  margin: 0.8rem auto;
  padding: 0.8rem;
  justify-content: flex-start;
  align-items: center;
}
.ax-upload[type="info"] li [file] {
  height: calc(1.8rem * 3);
  width: calc(1.8rem * 3);
  overflow: hidden;
  margin-right: 0.8rem;
  display: block;
}
.ax-upload[type="info"] li [file] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ax-upload[type="info"] li [file] [class*="iconfont"] {
  font-size: 2.2rem;
}
.ax-upload[type="info"] li [info] {
  line-height: 1.8rem;
}
.ax-upload[type="info"] li[valid="error"] {
  border-color: #dc3545;
}
.ax-upload[type="info"] li:hover {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
.ax-upload[type="picture"] [percent],
.ax-upload[type="gallery"] [percent] {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-shadow: 0 0 1px #000;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
}
.ax-upload[type="picture"] [track],
.ax-upload[type="gallery"] [track] {
  height: 0.4rem;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.ax-upload[type="picture"] [track] [bar],
.ax-upload[type="gallery"] [track] [bar] {
  height: 100%;
  width: 0;
  background-color: #198cff;
}
.ax-upload[type="picture"] [state],
.ax-upload[type="gallery"] [state] {
  color: #fff;
  font-size: 1rem;
  background-color: #198cff;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
}
.ax-upload[type="picture"] li[completed] [track],
.ax-upload[type="gallery"] li[completed] [track] {
  display: none;
}
.ax-upload[type="picture"] li[completed] [state],
.ax-upload[type="gallery"] li[completed] [state] {
  transform: none;
  left: auto;
  top: auto;
  right: 0.8rem;
  bottom: 0.8rem;
}
.ax-upload[type="picture"] [message],
.ax-upload[type="gallery"] [message] {
  color: #fff;
  background-color: #dc3545;
  font-size: 1.2rem;
  line-height: 1.8rem;
  width: 100%;
  text-align: center;
  padding: 0.8rem;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.ax-upload[type="picture"] [overlay],
.ax-upload[type="gallery"] [overlay] {
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.ax-upload[type="picture"] [overlay] *,
.ax-upload[type="gallery"] [overlay] * {
  color: #fff;
  text-align: center;
  width: 3.8rem;
  height: 3.8rem;
  line-height: 3.8rem;
  cursor: pointer;
}
.ax-upload[type="picture"] li:hover [overlay],
.ax-upload[type="gallery"] li:hover [overlay] {
  visibility: visible;
}
.ax-upload[type="picture"] li:not([progress="uploaded"]) [down],
.ax-upload[type="gallery"] li:not([progress="uploaded"]) [down],
.ax-upload[type="picture"] li:not([progress="uploaded"]) [view],
.ax-upload[type="gallery"] li:not([progress="uploaded"]) [view] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ax-upload[type="picture"] li[valid="success"] [message],
.ax-upload[type="gallery"] li[valid="success"] [message] {
  display: none;
}
.ax-upload[type="picture"] ul {
  display: flex;
  flex-wrap: wrap;
}
.ax-upload[type="picture"] li {
  color: #666666;
  border: 1px solid #ebebeb;
  width: calc(2.8rem*5);
  height: calc(2.8rem*5);
  border-radius: 0.3rem;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 0.8rem 0.8rem 0;
  transition: all 200ms linear;
  display: inline-block;
  position: relative;
}
.ax-upload[type="picture"] li [file] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ax-upload[type="picture"] li [file] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ax-upload[type="picture"] li [file] [icon] {
  color: #666666;
  font-size: 2.8rem;
}
.ax-upload[type="picture"] li [progress] {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-upload[type="picture"] li [progress] [bar] {
  height: 100%;
  width: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.ax-upload[type="picture"] li:hover {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
.ax-upload[type="picture"] li[choose],
.ax-upload[type="picture"] li[upload],
.ax-upload[type="picture"] li[clear] {
  color: #b3b3b3;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ax-upload[type="picture"] li[choose] [class*="iconfont"],
.ax-upload[type="picture"] li[upload] [class*="iconfont"],
.ax-upload[type="picture"] li[clear] [class*="iconfont"] {
  font-size: 2.8rem;
  color: #b3b3b3;
  transition: all 200ms linear;
}
.ax-upload[type="picture"] li[choose]:hover,
.ax-upload[type="picture"] li[upload]:hover {
  color: #198cff;
  border-color: #198cff;
}
.ax-upload[type="picture"] li[choose]:hover [class*="iconfont"],
.ax-upload[type="picture"] li[upload]:hover [class*="iconfont"] {
  color: #198cff;
}
.ax-upload[type="picture"] li[clear]:hover {
  color: #dc3545;
  border-color: #dc3545;
}
.ax-upload[type="picture"] li[clear]:hover [class*="iconfont"] {
  color: #dc3545;
}
.ax-upload[type="picture"] li[valid="error"] {
  color: #dc3545;
  border: 1px solid #dc3545;
}
.ax-upload[type="picture"] li[valid="error"] [icon] {
  color: #dc3545;
}
.ax-upload[type="picture"][withtips] [footer] {
  padding-bottom: 0.8rem;
}
.ax-upload[type="picture"][drag] [choose] {
  border-color: #198cff;
  color: #198cff;
}
.ax-upload[type="picture"][drag] [choose] [class*="iconfont"] {
  color: #198cff;
}
.ax-upload[type="gallery"] {
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  box-sizing: border-box;
  transition: all 200ms linear;
}
.ax-upload[type="gallery"] [ctrlv] {
  font-size: 1.2rem;
  color: #b3b3b3;
  padding: 0 0.8rem;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.ax-upload[type="gallery"] ul {
  margin: 0 0.8rem 0.8rem 0.8rem;
}
.ax-upload[type="gallery"] ul > * {
  min-width: 0;
}
.ax-upload[type="gallery"] [choose] {
  color: #b3b3b3;
  cursor: pointer;
  text-align: center;
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 200ms linear;
}
.ax-upload[type="gallery"] [choose] [class*="iconfont"] {
  font-size: calc(2.8rem*2);
  line-height: calc(2.8rem*2);
}
.ax-upload[type="gallery"]:hover [choose],
.ax-upload[type="gallery"]:hover [choose] [class*="iconfont"] {
  color: #198cff;
}
.ax-upload[type="gallery"]:hover [ctrlv] {
  display: block;
}
.ax-upload[type="gallery"] li [file] {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 0.3rem;
  border: 1px solid #ebebeb;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ax-upload[type="gallery"] li [file] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ax-upload[type="gallery"] li [file] audio,
.ax-upload[type="gallery"] li [file] video {
  width: 100%;
}
.ax-upload[type="gallery"] li [file] [icon] {
  color: #666666;
  font-size: 2.8rem;
}
@supports not (aspect-ratio: 1 / 1) {
  .ax-upload[type="gallery"] li [file] {
    height: 14rem;
  }
}
.ax-upload[type="gallery"] li [info] {
  line-height: 1.8rem;
  margin: 0.4rem auto 0.8rem auto;
}
.ax-upload[type="gallery"] li [info] * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ax-upload[type="gallery"] li[valid="error"] {
  color: #dc3545;
}
.ax-upload[type="gallery"] li[valid="error"] [file] {
  color: #dc3545;
  border-color: #dc3545;
}
.ax-upload[type="gallery"] li[valid="error"] [file] [icon] {
  color: #dc3545;
}
.ax-upload[type="gallery"] li:hover [file] {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
.ax-upload[type="gallery"] [footer] {
  background-color: #fafafa;
  border-top: 1px solid #ebebeb;
  padding: 0.8rem;
  display: none;
}
.ax-upload[type="gallery"] [footer] [clear],
.ax-upload[type="gallery"] [footer] [upload] {
  margin-left: 0.8rem;
}
.ax-upload[type="gallery"][withtips] [footer] {
  display: flex;
}
.ax-upload[type="gallery"][state="ready"] [choose] {
  padding-top: calc(1.4rem*2);
  padding-bottom: calc(1.4rem*2);
}
.ax-upload[type="gallery"][state="processing"] [choose] [class*="iconfont"] {
  display: none;
}
.ax-upload[type="gallery"][drag] {
  border-color: #198cff;
}
.ax-upload[type="gallery"][drag] [choose] {
  color: #198cff;
}
.ax-upload[type="gallery"][drag] [choose] [class*="iconfont"] {
  color: #198cff;
}
.ax-radio {
  position: relative;
}
.ax-radio *[type="radio"] {
  display: none;
}
.ax-radio span {
  line-height: 3.8rem;
  white-space: nowrap;
  margin-right: 2.2rem;
}
.ax-radio span:before {
  content: '';
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.4rem;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 100%;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  position: relative;
  top: 1rem;
  transition: all 200ms ease-out;
  float: left;
}
.ax-radio span:after {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  cursor: pointer;
  background-color: #198cff;
  display: inline-block;
  position: absolute;
  top: 1.4rem;
  left: 0.4rem;
  transform: scale(0);
  transition: all 200ms ease-out;
}
.ax-radio:hover span:before {
  border-color: #198cff;
}
.ax-radio input[type="radio"]:focus {
  box-shadow: rgba(25, 140, 255, 0.2);
}
.ax-radio input[type="radio"]:checked + span:before {
  border-color: #198cff;
  animation: check 0.4s ease-out forwards;
}
.ax-radio input[type="radio"]:checked + span:after {
  border-color: #198cff;
  transform: scale(1);
}
.ax-radio input[type="radio"]:focus + span:before {
  outline: none;
  border-color: #198cff;
}
.ax-radio input[type="radio"]:disabled + span {
  color: #b3b3b3;
}
.ax-radio input[type="radio"]:disabled + span:before {
  border-color: #e0e0e0;
}
.ax-radio input[type="radio"]:disabled:checked + span:before {
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-radio input[type="radio"]:disabled:checked + span:after {
  background-color: #b3b3b3;
  transform: scale(1);
}
.ax-radio input[type="radio"] + span:empty:before {
  margin-right: 0;
}
.ax-radio.ax-bone {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-radio.ax-bone span {
  width: 100%;
  height: 100%;
  margin: 0;
}
.ax-radio.ax-bone span:before {
  left: 0;
  top: 0;
}
.ax-radio.ax-bone span:after {
  top: 0.4rem;
}
@keyframes check {
  0% {
    box-shadow: 0 0 0 0 rgba(25, 140, 255, 0.2);
  }
  50% {
    box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
  }
  99% {
    box-shadow: 0 0 0 0.6rem rgba(25, 140, 255, 0);
  }
  100% {
    box-shadow: none;
  }
}
/*radio size*/
.ax-radio.ax-xs span {
  line-height: 2.2rem;
  margin-right: 1.4rem;
}
.ax-radio.ax-xs span:before {
  top: 0.2rem;
  margin-right: 0.4rem;
}
.ax-radio.ax-xs span:after {
  top: 0.6rem;
}
.ax-radio.ax-sm span {
  line-height: calc(2.8rem);
  margin-right: 1.4rem;
}
.ax-radio.ax-sm span:before {
  top: 0.5rem;
  margin-right: 0.8rem;
}
.ax-radio.ax-sm span:after {
  top: 0.9rem;
}
.ax-radio.ax-lg span {
  line-height: calc(2.8rem + 2rem);
}
.ax-radio.ax-lg span:before {
  top: 1.5rem;
}
.ax-radio.ax-lg span:after {
  top: 1.9rem;
}
.ax-checkbox {
  position: relative;
}
.ax-checkbox *[type="checkbox"] {
  display: none;
}
.ax-checkbox span {
  line-height: 3.8rem;
  white-space: nowrap;
  margin-right: 2.2rem;
}
.ax-checkbox span:before {
  content: '';
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 0.3rem;
  margin-right: 0.4rem;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  position: relative;
  top: 1.1rem;
  transition: all 200ms ease-out;
  float: left;
}
.ax-checkbox span:after {
  content: '';
  width: 1rem;
  height: 0.6rem;
  border-radius: 0 0.6rem 0 0;
  cursor: pointer;
  box-shadow: -0.2rem 0.2rem 0 0 #198cff;
  display: inline-block;
  position: absolute;
  top: 1.2rem;
  left: 0.3rem;
  transform: rotate(-45deg) scale(0);
  transition: all 200ms ease-out;
}
.ax-checkbox:hover span:before {
  border-color: #198cff;
}
.ax-checkbox input[type="checkbox"]:focus {
  box-shadow: rgba(25, 140, 255, 0.2);
}
.ax-checkbox input[type="checkbox"]:checked + span:before {
  border-color: #198cff;
  background-color: #198cff;
  animation: check 0.4s ease-out forwards;
}
.ax-checkbox input[type="checkbox"]:checked + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #fff;
  transform: rotate(-45deg) scale(1);
}
.ax-checkbox input[type="checkbox"]:focus + span:before {
  outline: none;
  border-color: #198cff;
}
.ax-checkbox input[type="checkbox"]:focus + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #198cff;
}
.ax-checkbox input[type="checkbox"]:disabled + span {
  color: #b3b3b3;
}
.ax-checkbox input[type="checkbox"]:disabled + span:before {
  border-color: #e0e0e0;
  background-color: #f0f0f0;
}
.ax-checkbox input[type="checkbox"]:disabled:checked + span:before {
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-checkbox input[type="checkbox"]:disabled:checked + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #b3b3b3;
  transform: rotate(-45deg) scale(1);
}
.ax-checkbox input[type="checkbox"] + span:empty:before {
  margin-right: 0;
}
.ax-checkbox.ax-bone {
  height: 1.8rem;
  width: 1.8rem;
}
.ax-checkbox.ax-bone span {
  width: 100%;
  height: 100%;
  margin: 0;
}
.ax-checkbox.ax-bone span:before {
  left: 0.1rem;
  top: 0.1rem;
}
.ax-checkbox.ax-bone span:after {
  left: 0.4rem;
  top: 0.2rem;
}
/*checkbox size*/
.ax-checkbox.ax-xs span {
  line-height: 2.2rem;
  margin-right: 1.4rem;
}
.ax-checkbox.ax-xs span:before {
  top: 0.3rem;
}
.ax-checkbox.ax-xs span:after {
  top: 0.4rem;
}
.ax-checkbox.ax-sm span {
  line-height: 2.8rem;
  margin-right: 1.4rem;
}
.ax-checkbox.ax-sm span:before {
  top: 0.6rem;
}
.ax-checkbox.ax-sm span:after {
  top: 0.7rem;
}
.ax-checkbox.ax-lg span {
  line-height: calc(2.8rem + 2rem);
}
.ax-checkbox.ax-lg span:before {
  top: 1.6rem;
}
.ax-checkbox.ax-lg span:after {
  top: 1.7rem;
}
.ax-chera {
  font-size: 1.4rem;
  width: 100%;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0.5rem auto;
  position: relative;
}
.ax-chera input {
  display: none;
}
.ax-chera span {
  width: 100%;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  border-radius: 0.3rem;
  white-space: nowrap;
  padding: 0 1rem;
  margin: 0.5rem auto;
  display: block;
  box-sizing: border-box;
  transition: all 200ms ease-out;
  position: relative;
}
.ax-chera span:before {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-chera span:after {
  content: '';
  width: 1rem;
  height: 0.6rem;
  cursor: pointer;
  box-shadow: -0.2rem 0.2rem 0 0 #b3b3b3;
  display: inline-block;
  position: absolute;
  top: 0.7rem;
  right: 1.2rem;
  opacity: 0.4;
  transform: rotate(-45deg);
  transition: all 200ms ease-out;
}
.ax-chera:hover span {
  border-color: #198cff;
}
.ax-chera input:checked + span {
  color: #fff;
  border-color: #198cff;
  background-color: #198cff;
}
.ax-chera input:checked + span:after {
  opacity: 1;
  box-shadow: -0.2rem 0.2rem 0 0 #fff;
  transform: rotate(-45deg);
}
.ax-chera input:focus + span {
  outline: none;
  border-color: #198cff;
}
.ax-chera input:focus + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #198cff;
}
.ax-chera input:disabled + span {
  color: #b3b3b3;
}
.ax-chera input:disabled + span {
  border-color: #e0e0e0;
  background-color: #f0f0f0;
}
.ax-chera input:disabled:checked + span {
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-chera input:disabled:checked + span:after {
  box-shadow: -0.2rem 0.2rem 0 0 #b3b3b3;
}
/*chera size*/
.ax-chera.ax-xs {
  font-size: 1.2rem;
  margin: 0.1rem auto;
}
.ax-chera.ax-xs span {
  height: 2rem;
  line-height: 2rem;
  padding-left: 0.4rem;
  margin: 0 auto;
}
.ax-chera.ax-xs span:after {
  top: 0.3rem;
  right: 0.6rem;
}
.ax-chera.ax-sm {
  margin: 0.1rem auto;
}
.ax-chera.ax-sm span {
  height: calc(2.8rem - 0.2rem);
  line-height: calc(2.8rem - 0.2rem);
  margin: 0.1rem auto;
}
.ax-chera.ax-sm span:after {
  top: 0.6rem;
}
.ax-chera.ax-lg span {
  height: calc(2.8rem + 1rem);
  line-height: calc(2.8rem + 1rem);
}
.ax-chera.ax-lg span:after {
  top: 1.2rem;
}
.ax-switch {
  width: 4rem;
  box-sizing: border-box;
}
.ax-switch input {
  display: none;
}
.ax-switch span {
  width: 100%;
  height: 2.2rem;
  border: 1px solid #e0e0e0;
  border-radius: 2.2rem;
  margin: calc((3.8rem - 2.2rem)/2) 0;
  display: block;
  box-sizing: border-box;
  transition: all 200ms linear;
  position: relative;
}
.ax-switch span:before {
  content: '';
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  transition: all 200ms linear;
  position: absolute;
  left: 0;
}
.ax-switch:hover span {
  border-color: #198cff;
}
.ax-switch input:checked + span {
  border-color: #198cff;
  background-color: #198cff;
}
.ax-switch input:checked + span:before {
  left: 1.8rem;
}
.ax-switch input:disabled + span {
  border-color: #e0e0e0;
  background-color: #f0f0f0;
}
.ax-switch input:disabled:checked + span {
  background-color: rgba(25, 140, 255, 0.1);
}
.ax-switch.ax-bone span {
  margin: 0;
}
/*switch size*/
.ax-switch.ax-xs span {
  margin: 0;
}
.ax-switch.ax-sm span {
  margin: 0.3rem 0;
}
.ax-switch.ax-lg span {
  margin: 1.3rem 0;
}
/*amount's increase & decrease*/
.ax-amount {
  border-radius: 0.3rem;
  width: calc(3.8rem*4);
  height: 3.8rem;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #e0e0e0;
}
.ax-amount:hover {
  border-color: rgba(25, 140, 255, 0.5);
}
.ax-amount [decrease],
.ax-amount [increase] {
  background-color: #fafafa;
  box-sizing: border-box;
  width: 3.8rem;
  height: 100%;
  line-height: calc(3.8rem - 0.2rem);
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  color: #666666;
}
.ax-amount [decrease] {
  left: 0;
  border-radius: 0.3rem 0 0 0.3rem;
  border-right: 1px solid #e0e0e0;
}
.ax-amount [increase] {
  right: 0;
  border-radius: 0 0.3rem 0.3rem 0;
  border-left: 1px solid #e0e0e0;
}
.ax-amount [class*="font"] {
  font-size: 1.2rem;
}
.ax-amount svg {
  width: 1.2rem;
  height: 100%;
}
.ax-amount.ax-array-left input {
  padding-left: calc(1rem + 3.8rem);
}
.ax-amount.ax-array-right input {
  padding-right: calc(1rem + 3.8rem);
}
.ax-amount.ax-array-left [decrease],
.ax-amount.ax-array-left [increase],
.ax-amount.ax-array-right [decrease],
.ax-amount.ax-array-right [increase] {
  height: 50%;
}
.ax-amount.ax-array-left [increase],
.ax-amount.ax-array-right [increase] {
  line-height: calc((3.8rem + 1.2rem)/2);
}
.ax-amount.ax-array-left svg,
.ax-amount.ax-array-right svg {
  height: calc((100% + 1.2rem)/2);
}
.ax-amount.ax-array-left [decrease],
.ax-amount.ax-array-right [decrease] {
  line-height: calc((3.8rem - 1.2rem)/2);
}
.ax-amount.ax-array-left svg,
.ax-amount.ax-array-right svg {
  height: calc((100% - 1.2rem)/2);
}
.ax-amount.ax-array-left [decrease] {
  border-radius: 0 0 0 0.3rem;
  top: auto;
  bottom: 0;
}
.ax-amount.ax-array-left [increase] {
  border-radius: 0.3rem 0 0 0;
  border-right: 1px solid #e0e0e0;
  border-left: 0;
  top: 0;
  right: auto;
  left: 0;
}
.ax-amount.ax-array-right [decrease] {
  border-radius: 0 0 0.3rem 0;
  border-left: 1px solid #e0e0e0;
  border-right: 0;
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
}
.ax-amount.ax-array-right [increase] {
  border-radius: 0 0.3rem 0 0;
  top: 0;
}
.ax-amount input {
  height: 100% !important;
  text-align: center;
  border: 0;
}
.ax-amount input:not([readonly]):not([disabled]):focus {
  box-shadow: 0 0 0 0.4rem rgba(25, 140, 255, 0.2);
}
.ax-amount input[readonly] ~ *,
.ax-amount input[disabled] ~ * {
  color: #b3b3b3;
  cursor: not-allowed;
  background: transparent;
}
.ax-amount [increase][disabled],
.ax-amount [increase][readonly],
.ax-amount [decrease][disabled],
.ax-amount [decrease][readonly] {
  color: #b3b3b3;
  cursor: not-allowed;
}
.ax-amount.ax-xs {
  width: calc(2.2rem*4);
  height: 2.2rem;
}
.ax-amount.ax-xs [decrease],
.ax-amount.ax-xs [increase] {
  line-height: calc(2.2rem - 0.2rem);
  width: 2.2rem;
}
.ax-amount.ax-xs input {
  font-size: 1.2rem;
  line-height: calc(2.2rem - 0.2rem);
}
.ax-amount.ax-xs [class*="font"] {
  font-size: 1rem;
}
.ax-amount.ax-array-right.ax-xs input {
  padding-right: calc(1rem + 2.2rem);
}
.ax-amount.ax-array-left.ax-xs [increase],
.ax-amount.ax-array-right.ax-xs [increase] {
  line-height: calc(2.2rem/2);
}
.ax-amount.ax-array-left.ax-xs [decrease],
.ax-amount.ax-array-right.ax-xs [decrease] {
  line-height: calc(2.2rem/2);
}
.ax-amount.ax-sm {
  width: calc((3.8rem - 1rem)*4);
  height: calc(3.8rem - 1rem);
}
.ax-amount.ax-sm input {
  line-height: calc(3.8rem - 1.2rem);
}
.ax-amount.ax-array-right.ax-sm input {
  padding-right: 3.8rem;
}
.ax-amount.ax-sm [decrease],
.ax-amount.ax-sm [increase] {
  line-height: calc(3.8rem - 1.2rem);
  width: calc(3.8rem - 1rem);
}
.ax-amount.ax-array-left.ax-sm [increase],
.ax-amount.ax-array-right.ax-sm [increase] {
  line-height: calc((3.8rem - 1rem + 0.8rem)/2);
}
.ax-amount.ax-array-left.ax-sm [decrease],
.ax-amount.ax-array-right.ax-sm [decrease] {
  line-height: calc((3.8rem - 1rem - 0.6rem)/2);
}
.ax-amount.ax-lg {
  width: calc((3.8rem + 1rem)*4);
  height: calc(3.8rem + 1rem);
}
.ax-amount.ax-lg input {
  line-height: calc(3.8rem + 0.8rem);
}
.ax-amount.ax-array-right.ax-lg input {
  padding-right: calc(3.8rem + 2rem);
}
.ax-amount.ax-lg [decrease],
.ax-amount.ax-lg [increase] {
  line-height: calc(3.8rem + 0.8rem);
  width: calc(3.8rem + 1rem);
}
.ax-amount.ax-array-left.ax-lg [increase],
.ax-amount.ax-array-right.ax-lg [increase] {
  line-height: calc((3.8rem + 1rem + 1.2rem)/2);
}
.ax-amount.ax-array-left.ax-lg [decrease],
.ax-amount.ax-array-right.ax-lg [decrease] {
  line-height: calc((3.8rem + 1rem - 1.2rem)/2);
}
/*password strength*/
.ax-strength {
  color: #b3b3b3;
  font-size: 1.2rem;
  text-align: center;
  line-height: 0;
}
.ax-form-con + .ax-strength {
  margin-left: 0.8rem;
}
.ax-form-input input + .ax-strength {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 1;
}
.ax-form-input input + .ax-strength .ax-bar {
  height: 0.2rem;
}
.ax-strength .ax-bar {
  width: 100%;
  height: 0.3rem;
  background-color: rgba(0, 0, 0, 0.08);
}
.ax-strength .ax-lv1 .ax-bar {
  background-color: #dc3545;
}
.ax-strength .ax-lv2 .ax-bar {
  background-color: #ff8400;
}
.ax-strength .ax-lv3 .ax-bar {
  background-color: #41a358;
}
.ax-strength .ax-lv4 .ax-bar {
  background-color: #14ccc9;
}
.ax-strength .ax-lv5 .ax-bar {
  background-color: #198cff;
}
.ax-strength .ax-col:nth-of-type(1) .ax-title:before {
  content: '很弱';
}
.ax-strength .ax-col:nth-of-type(2) .ax-title:before {
  content: '弱';
}
.ax-strength .ax-col:nth-of-type(3) .ax-title:before {
  content: '中';
}
.ax-strength .ax-col:nth-of-type(4) .ax-title:before {
  content: '强';
}
.ax-strength .ax-col:nth-of-type(5) .ax-title:before {
  content: '很强';
}
.ax-strength .ax-active.ax-lv1 {
  color: #dc3545;
}
.ax-strength .ax-active.ax-lv2 {
  color: #ff8400;
}
.ax-strength .ax-active.ax-lv3 {
  color: #41a358;
}
.ax-strength .ax-active.ax-lv4 {
  color: #14ccc9;
}
.ax-strength .ax-active.ax-lv5 {
  color: #198cff;
}
.ax-strength .ax-active ~ div .ax-bar {
  background-color: rgba(0, 0, 0, 0.08);
}
.ax-strength .ax-title {
  width: 2.8rem;
  line-height: calc(3.8rem - 0.3rem);
}
.ax-strength-svg {
  height: 3.8rem;
  width: 3.8rem;
  text-align: center;
  line-height: 3.8rem;
  position: relative;
}
@keyframes strength-weak {
  100% {
    stroke-dashoffset: -76;
  }
}
@keyframes strength-medium {
  100% {
    stroke-dashoffset: -152;
  }
}
@keyframes strength-strong {
  100% {
    stroke-dashoffset: -228;
  }
}
.ax-strength-svg:before {
  content: '弱';
  color: #b3b3b3;
}
.ax-strength-svg svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 3.8rem;
  width: 3.8rem;
}
.ax-strength-svg svg path {
  fill: none;
  stroke-width: 3.7253;
}
.ax-strength-svg path.svg-bg {
  stroke: #dc3545;
}
.ax-strength-svg path.svg-out {
  stroke-dasharray: 227 229;
  stroke: #f0f0f0;
  stroke-width: 5.7253;
  transition: all 0.8s ease-out;
}
.ax-strength-svg.ax-weak path.svg-bg {
  stroke: #dc3545;
}
.ax-strength-svg.ax-weak path.svg-out {
  stroke-dashoffset: -76;
}
.ax-strength-svg:before {
  position: relative;
  z-index: 2;
}
.ax-strength-svg.ax-weak:before {
  content: '弱';
  color: #dc3545;
}
.ax-strength-svg.ax-medium path.svg-bg {
  stroke: #ff8400;
}
.ax-strength-svg.ax-medium path.svg-out {
  stroke-dashoffset: -152;
}
.ax-strength-svg.ax-medium:before {
  content: '中';
  color: #ff8400;
}
.ax-strength-svg.ax-strong path.svg-bg {
  stroke: #41a358;
}
.ax-strength-svg.ax-strong path.svg-out {
  stroke-dashoffset: -228;
}
.ax-strength-svg.ax-strong:before {
  content: '强';
  color: #41a358;
}
.ax-strength.ax-xs .ax-title {
  line-height: 1.9rem;
}
.ax-strength-svg.ax-xs {
  height: 2.2rem;
  width: 2.2rem;
  line-height: 2.2rem;
}
.ax-strength-svg.ax-xs svg {
  height: 2.2rem;
  width: 2.2rem;
}
.ax-strength.ax-sm .ax-title {
  line-height: calc(3.8rem - 1rem - 0.3rem);
}
.ax-strength-svg.ax-sm {
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-strength-svg.ax-sm svg {
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
}
/*valid*/
.ax-valid {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: calc((2.8rem - 1.8rem)/2) 0;
}
.ax-valid *[class*="font"] {
  font-size: 1.4rem;
  margin-right: 0.2rem;
}
.ax-form-btn {
  margin-left: 0.8rem;
  padding: 0 1.4rem;
  height: 3.8rem;
  line-height: 3.8rem;
}
.ax-form-txt {
  font-size: 1.4rem;
  line-height: 3.8rem;
  margin-left: 0.8rem;
}
.ax-form-txt.ax-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.ax-form-head {
  height: 3.8rem;
  width: 3.8rem;
  border-radius: 100%;
  margin-left: 0.8rem;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
.ax-form-head img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
}
.ax-form-img {
  font-size: 1.4rem;
  border-radius: 0.3rem;
  height: 3.8rem;
  line-height: 3.8rem;
  margin-left: 0.8rem;
  display: block;
  position: relative;
}
.ax-form-img:before {
  border-radius: 0.3rem;
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-form-img img {
  height: 100%;
  border-radius: 0.3rem;
  vertical-align: top;
}
.ax-form-img a,
.ax-form-img span,
.ax-form-img i {
  margin: 0 1.4rem;
}
.ax-bunch-txt {
  line-height: 3.8rem;
  margin: 0 0.8rem;
}
.ax-pos-right {
  font-size: 1.4rem;
  line-height: 3.8rem;
  padding-right: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.ax-pos-right *[class*="font"],
.ax-pos-right *[class*="iconset"] {
  color: #ccc;
  margin-left: 1.4rem;
}
.ax-pos-right .ax-val-none:hover {
  color: #666666;
}
.ax-pos-left {
  line-height: 3.8rem;
  padding-left: 1rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-pos-left *[class*='font'] {
  color: #adc1cc;
  width: 1.8rem;
}
.ax-pos-left svg {
  fill: #adc1cc;
  height: 3.8rem;
  margin-right: 0.4rem;
  float: left;
}
.ax-form-limit {
  font-size: 1.2rem;
}
/*form group*/
.ax-input-group .ax-prefix,
.ax-input-group .ax-suffix:not(.ax-btn) {
  color: #333333;
  background-color: #fafafa;
  height: 3.8rem;
  line-height: calc(3.8rem - 2px);
  text-align: center;
  padding: 0 1rem;
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  box-sizing: border-box;
}
.ax-input-group .ax-prefix {
  border-width: 1px 0 1px 1px;
  border-radius: 0.3rem 0 0 0.3rem;
}
.ax-input-group .ax-suffix:not(.ax-btn) {
  border-width: 1px;
  border-radius: 0 0.3rem 0.3rem 0;
}
.ax-input-group input:focus {
  border-color: #198cff !important;
  box-shadow: 0 0 0 0.1rem #198cff inset;
}
.ax-input-group .ax-chera {
  margin: 0;
}
.ax-input-group .ax-chera span {
  height: 3.8rem;
  line-height: 3.8rem;
  margin: 0;
}
.ax-input-group .ax-chera span:after {
  top: 1.3rem;
}
.ax-input-group .ax-suffix.ax-btn {
  border-radius: 0 0.3rem 0.3rem 0;
  padding: 0 1.2rem;
}
.ax-input-group .ax-suffix.ax-btn:after {
  border-radius: 0 0.3rem 0.3rem 0;
}
.ax-input-group .ax-prefix + div input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-input-group .ax-with-suffix input {
  border-right-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 2;
}
.ax-input-group .ax-with-suffix:after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: rgba(25, 140, 255, 0.5);
  opacity: 0;
  transition: all 100ms linear;
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 2;
}
.ax-input-group .ax-with-suffix:hover:after {
  opacity: 1;
}
.ax-input-group .ax-with-suffix:focus-within:after {
  opacity: 1;
  background-color: #198cff;
}
.ax-input-group .ax-prefix + div .ax-file:before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-input-group .ax-prefix + div .ax-chera span,
.ax-input-group .ax-prefix + div .ax-chera span:before {
  border-radius: 0;
  border-right-width: 0;
}
.ax-input-group .ax-prefix + div .ax-col:last-child .ax-chera span,
.ax-input-group .ax-prefix + div .ax-col:last-child .ax-chera span:before {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-right-width: 1px;
}
.ax-input-group .ax-suffix-select .ax-select-inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-input-group .ax-suffix-select.ax-open .ax-select-inner {
  border-radius: 0 0.3rem 0 0;
}
.ax-input-group .ax-suffix-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0.3rem 0;
}
.ax-input-group .ax-prefix-select .ax-select-inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-input-group .ax-prefix-select.ax-open .ax-select-inner {
  border-radius: 0.3rem 0 0 0;
}
.ax-input-group .ax-prefix-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0 0.3rem;
}
.ax-input-group .ax-prefix-select + div input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.ax-input-group .ax-prefix-select + div:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: rgba(25, 140, 255, 0.5);
  opacity: 0;
  transition: all 100ms linear;
  position: absolute;
  left: -1px;
  top: 0;
  z-index: 2;
}
.ax-input-group .ax-prefix-select + div:hover:before {
  opacity: 1;
}
.ax-input-group .ax-prefix-select + div:focus-within:before {
  opacity: 1;
  background-color: #198cff;
}
/*search*/
.ax-search {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  zoom: 1;
}
.ax-search .ax-search-center {
  display: block;
  flex: auto;
  width: 0;
  position: relative;
}
.ax-search .ax-search-center input[type="text"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-search .ax-search-center input[type="text"]:focus {
  border-color: #198cff !important;
  box-shadow: 0 0 0 0.1rem #198cff inset;
}
.ax-search .ax-search-center:hover input[type="text"] {
  border-color: rgba(25, 140, 255, 0.5);
}
.ax-search > select + span + .ax-search-center input[type="text"] {
  border-left-color: transparent;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-search .ax-complete {
  display: block;
}
.ax-search > .ax-select .ax-select-inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-search > .ax-select.ax-open .ax-select-inner {
  border-radius: 0.3rem 0 0 0;
}
.ax-search > .ax-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0 0.3rem;
}
.ax-search > .ax-select + div input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.ax-search > .ax-select + div:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: rgba(25, 140, 255, 0.5);
  opacity: 0;
  transition: all 100ms linear;
  position: absolute;
  left: -1px;
  top: 0;
  z-index: 2;
}
.ax-search > .ax-select + div:hover:before {
  opacity: 1;
}
.ax-search > .ax-select + div:focus-within:before {
  opacity: 1;
  background-color: #198cff;
}
.ax-search .ax-operate {
  font-size: 1.4rem;
  line-height: 2.2rem;
  padding-right: 0.6rem;
  text-align: center;
  position: absolute;
  right: 0;
  top: calc((3.8rem - 2.2rem)/2);
  z-index: 2;
}
.ax-search .ax-operate *[class*="font"] {
  color: #ccc;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 2.2rem;
  margin-left: 0.4rem;
}
.ax-search .ax-operate *[class*="font"]:hover {
  color: #198cff;
  background-color: #f0f7ff;
}
.ax-search .ax-operate *[class*="reset"] {
  display: none;
}
.ax-search .ax-operate *[class*="reset"]:hover {
  color: #333333;
  background-color: #f0f0f0;
}
.ax-search .ax-search-center .ax-adorn {
  color: #ccc;
  line-height: 3.8rem;
  padding-left: 1rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-search .ax-search-center .ax-adorn + input[type="text"],
.ax-search .ax-search-center .ax-adorn + .ax-complete > input[type="text"] {
  padding-left: 3.4rem;
}
.ax-search .ax-search-start {
  color: #b3b3b3;
  height: 3.8rem;
  line-height: calc(3.8rem - 0.2rem);
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-left: 1rem;
  box-sizing: border-box;
}
.ax-search .ax-search-end {
  height: 3.8rem;
  line-height: calc(3.8rem - 0.2rem);
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
  border-left-width: 0;
  padding-left: calc(1.4rem*2);
  padding-right: calc(1.4rem*2);
  box-sizing: border-box;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-search .ax-search-end:hover {
  color: #198cff;
  border-color: #e0e0e0 !important;
}
.ax-search.ax-dark .ax-search-end,
.ax-search.ax-dark .ax-search-end:hover {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff !important;
}
.ax-search.ax-dark .ax-search-center input[type="text"] {
  border-color: #198cff;
  box-shadow: 0 0 0 1px #198cff inset;
}
.ax-search.ax-dark .ax-search-center:hover input[type="text"] {
  border-color: #198cff;
}
.ax-search.ax-dark > .ax-select .ax-select-inner {
  border-right-width: 0;
  border-color: #198cff;
  box-shadow: 0 0 0 1px #198cff inset;
}
.ax-search.ax-dark > .ax-select + .ax-search-center input[type="text"] {
  border-left-width: 0;
  box-shadow: -1px 0 0 1px #198cff inset;
}
.ax-search.ax-round .ax-search-end {
  border-top-right-radius: calc(3.8rem/2);
  border-bottom-right-radius: calc(3.8rem/2);
}
.ax-search.ax-round .ax-search-center input[type="text"],
.ax-search.ax-round .ax-search-center .ax-complete > input[type="text"] {
  border-top-left-radius: calc(3.8rem/2);
  border-bottom-left-radius: calc(3.8rem/2);
  padding-left: 1.6rem;
}
.ax-search.ax-round > .ax-select .ax-select-inner {
  border-radius: calc(3.8rem/2) 0 0 calc(3.8rem/2);
}
.ax-search.ax-round > .ax-select.ax-open .ax-select-inner {
  border-radius: calc(3.8rem/2) 0 0 0;
}
.ax-search.ax-round > .ax-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0 calc(3.8rem/2);
}
.ax-search.ax-round > .ax-select + .ax-search-center input[type="text"],
.ax-search.ax-round > select + span + .ax-search-center .ax-complete > input[type="text"] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-search.ax-round > .ax-select + .ax-search-center input[type="text"],
.ax-search.ax-round > .ax-select + .ax-search-center .ax-complete > input[type="text"] {
  padding-left: 1rem;
}
.ax-search.ax-round .ax-search-center .ax-adorn + input[type="text"],
.ax-search.ax-round .ax-search-center .ax-adorn + .ax-complete > input[type="text"] {
  padding-left: 3.4rem;
}
.ax-search.ax-square .ax-search-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-search.ax-square .ax-search-center input[type="text"],
.ax-search.ax-square .ax-search-center .ax-complete > input[type="text"] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-search.ax-square > .ax-select .ax-select-inner {
  border-radius: 0;
}
.ax-search.ax-square > .ax-select.ax-open .ax-select-inner {
  border-radius: 0;
}
.ax-search.ax-square > .ax-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0;
}
/*emulate tel*/
.ax-emulate .ax-form-group {
  padding: 0 1.4rem;
}
.ax-emulate .ax-form-con {
  flex: auto;
  width: 0;
}
.ax-emulate .ax-form-input,
.ax-emulate .ax-form-con {
  width: 100%;
}
.ax-emulate textarea {
  height: 8.8rem;
  line-height: calc(3.8rem - 1rem);
  padding-top: 0;
  padding-bottom: 0;
}
.ax-emulate input.ax-input,
.ax-emulate input[type="text"],
.ax-emulate input[type="password"],
.ax-emulate select,
.ax-emulate textarea {
  border: 0rem;
}
.ax-emulate input.ax-input,
.ax-emulate input[type="text"],
.ax-emulate input[type="password"],
.ax-emulate input[type="file"],
.ax-emulate select {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate input.ax-input:not([readonly]):not([class*='ax-check']),
.ax-emulate input[type="text"]: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.ax-input:focus,
.ax-emulate input[type="text"]:focus,
.ax-emulate input[type="password"]:focus,
.ax-emulate select:focus,
.ax-emulate textarea:focus {
  border: 0rem;
  box-shadow: none;
}
.ax-emulate .ax-form-btn {
  font-size: 1.2rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-form-btn.ax-icon {
  font-size: 1.2rem;
  width: calc(3.8rem - 1rem);
}
.ax-emulate .ax-form-btn.ax-icon .ax-iconfont {
  font-size: 1.2rem !important;
}
.ax-emulate .ax-form-btn.ax-icon svg {
  width: 1.2rem;
  height: 1.2rem;
}
.ax-emulate .ax-form-label {
  height: calc(3.8rem - 1rem);
  line-height: calc((3.8rem - 1rem)/2);
  width: 7rem;
  text-align: left;
  margin-right: 0;
  justify-content: flex-start;
}
.ax-emulate .ax-form-txt {
  line-height: calc(3.8rem - 1rem);
  margin-left: 0.8rem;
}
.ax-emulate .ax-form-group {
  padding: 0.8rem 1.4rem;
}
.ax-emulate .ax-pos-right {
  right: -1rem;
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-form-head {
  height: calc(3.8rem - 1rem);
  width: calc(3.8rem - 1rem);
}
.ax-emulate .ax-file:before {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1.2rem);
  border: none;
  padding-left: 0;
}
.ax-emulate .ax-file.ax-focus:before {
  box-shadow: none;
}
.ax-emulate .ax-file:after {
  font-size: 1.2rem;
  border-radius: 0.3rem;
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-bunch-txt {
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-bunch-txt:last-child {
  margin-right: 0;
}
.ax-emulate .ax-form-img {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-form-img:before {
  display: none;
}
.ax-emulate .ax-form-img a,
.ax-emulate .ax-form-img span,
.ax-emulate .ax-form-img i {
  margin: 0;
}
.ax-emulate .ax-pos-left {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  padding-left: 0;
}
.ax-emulate .ax-pos-left svg {
  height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-select {
  margin-top: calc((-3.8rem + 2.8rem)/2);
  margin-bottom: calc((-3.8rem + 2.8rem)/2);
  width: 100% !important;
}
.ax-emulate .ax-select:not(.ax-open) .ax-select-inner {
  border-color: transparent;
}
.ax-emulate .ax-radio,
.ax-emulate .ax-checkbox,
.ax-emulate .ax-chera,
.ax-emulate .ax-switch {
  margin-top: calc((-3.8rem + 2.8rem)/2);
  margin-bottom: calc((-3.8rem + 2.8rem)/2);
}
.ax-emulate .ax-chera span:before {
  border: none !important;
}
.ax-emulate .ax-amount {
  width: calc(2.8rem*4);
  height: 2.8rem;
  border: none;
}
.ax-emulate .ax-amount [decrease],
.ax-emulate .ax-amount [increase] {
  width: 2.8rem;
  line-height: calc(2.8rem - 0.2rem);
  border-radius: 2.8rem;
  border: 1px solid #e0e0e0;
}
.ax-emulate .ax-amount input:not([readonly]):not([disabled]):focus {
  box-shadow: none;
}
.ax-emulate .ax-input-group .ax-btn {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  font-size: 1.2rem;
}
.ax-emulate .ax-input-group .ax-operate,
.ax-emulate .ax-input-group .ax-operate:after {
  border-radius: 0.3rem;
}
.ax-emulate .ax-strength .ax-bar {
  height: 0.2rem;
}
.ax-emulate .ax-strength .ax-title {
  line-height: calc(3.8rem - 1rem - 0.2rem);
}
.ax-emulate .ax-strength-svg svg {
  width: calc(3.8rem - 1rem);
  height: calc(3.8rem - 1rem);
}
.ax-emulate .ax-strength-svg {
  width: calc(3.8rem - 1rem);
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
/*table*/
/* .ax-table {
  font-size: 1.4rem;
  width: 100%;
  border-collapse: collapse;
  border-radius: @radius;
  border-top: 1px solid @color-border;
  background-color: #fff;
  border-spacing: 0;
}

.ax-table tr {
  border-bottom: 1px solid @color-border;
  padding: .5rem;
  .tranFast();
} */
.ax-table-wrapper {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  overflow: auto;
  position: relative;
}
.ax-table {
  font-size: 1.4rem;
  min-width: 100%;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  background-color: #fff;
  border-spacing: 0;
  table-layout: fixed;
  border-collapse: collapse;
}
.ax-table tr {
  border-bottom: 1px solid #ebebeb;
  padding: 0.5rem;
  transition: background-color 100ms linear;
}
.ax-table tfoot tr {
  border-top: 1px solid #ebebeb;
}
.ax-table tbody tr:last-child {
  border: none;
}
.ax-table th,
.ax-table td {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 1rem 0.8rem;
  box-sizing: border-box;
}
.ax-table td {
  transition: background-color 100ms linear, box-shadow 100ms linear;
}
.ax-table tr[selected] td {
  background-color: #f0f7ff;
}
.ax-table td[selected] {
  color: #198cff;
  box-shadow: inset 0 0 0 2px #198cff;
}
.ax-table[stripe] tbody tr:nth-child(odd),
.ax-table[stripe="odd"] tbody tr:nth-child(odd) {
  background-color: #fafafa;
}
.ax-table[stripe="even"] tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.ax-table[hover] tbody tr:not([selected]):hover {
  background-color: #f5f5f5;
}
.ax-table[focus] tbody td:hover {
  box-shadow: inset 0 0 0 2px #666666;
}
.ax-table[nowrap] td,
.ax-table[nowrap] th {
  white-space: nowrap;
}
.ax-table .ax-sort-arrow {
  width: 1.8rem;
  height: 1.8rem;
  text-align: center;
  position: relative;
}
.ax-table .ax-sort-arrow:before {
  content: '';
  position: absolute;
  top: calc(1.8rem / 2 - 0.1rem - 0.8rem);
  left: calc(1.8rem / 2 - 0.4rem);
  width: 0;
  height: 0;
  border-width: 0.4rem;
  border-style: solid;
  border-color: transparent transparent #ccc transparent;
}
.ax-table .ax-sort-arrow:after {
  content: '';
  position: absolute;
  top: calc(1.8rem / 2 + 0.1rem);
  left: calc(1.8rem / 2 - 0.4rem);
  width: 0;
  height: 0;
  border-width: 0.4rem;
  border-style: solid;
  border-color: #ccc transparent transparent transparent;
}
.ax-table [order="asc"] .ax-sort-arrow:before {
  border-color: transparent transparent #333333 transparent;
}
.ax-table [order="desc"] .ax-sort-arrow:after {
  border-color: #333333 transparent transparent transparent;
}
[class*="ax-table"][display="border"] {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
[class*="ax-table"][display="grid"] {
  border-left: 1px solid #ebebeb;
  box-shadow: inset -1px 0 0 0 #ebebeb;
  position: relative;
}
[class*="ax-table"][display="grid"] td,
[class*="ax-table"][display="grid"] th {
  position: relative;
  box-shadow: inset -1px 0 0 0 #ebebeb;
}
[class*="ax-table"][display="grid"] td[selected] {
  position: relative;
  box-shadow: inset 0 0 0 2px #198cff;
}
.ax-table-wrapper {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  overflow: auto;
  position: relative;
}
.ax-table-wrapper .ax-table {
  border-top: none;
  border-bottom: none;
}
.ax-table-wrapper[fixedheader] thead tr:last-child {
  border: none;
}
.ax-table-wrapper[fixedheader] thead th {
  background: #fff;
  box-shadow: inset 0 -1px 0 0 #ebebeb;
  position: sticky;
  top: 0;
  z-index: 3;
}
.ax-table-wrapper[fixedheader] tbody tr:last-child {
  border-bottom: 1px solid #ebebeb;
}
.ax-table-wrapper[display="grid"][fixedheader] thead th {
  box-shadow: inset 0 -1px 0 0 #ebebeb, inset -1px 0 0 0 #ebebeb;
}
.ax-table-wrapper[fixedleft] th:first-child,
.ax-table-wrapper[fixedleft] td:first-child {
  background-color: #fff;
  box-shadow: inset -1px 0 0 0 #ebebeb;
  position: sticky;
  left: 0;
  z-index: 3;
}
.ax-table-wrapper[stripe][fixedleft] tbody tr:nth-child(odd) td:first-child {
  background-color: #fafafa;
}
.ax-table-wrapper[stripe][fixedleft] tbody tr[selected] td:first-child {
  background-color: #f0f7ff;
}
.ax-table-wrapper[hover][fixedleft] tbody tr:not([selected]):hover td:first-child {
  background-color: #f5f5f5;
}
.ax-table-wrapper[fixedright] th:last-child,
.ax-table-wrapper[fixedright] td:last-child {
  background-color: #fff;
  position: sticky;
  right: 0;
  z-index: 3;
}
.ax-table-wrapper[fixedright] th:last-child:before,
.ax-table-wrapper[fixedright] td:last-child:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  left: -1px;
  top: 0;
}
.ax-table-wrapper[stripe][fixedright] tbody tr:nth-child(odd) td:last-child {
  background-color: #fafafa;
}
.ax-table-wrapper[stripe][fixedright] tbody tr[selected] td:last-child {
  background-color: #f0f7ff;
}
.ax-table-wrapper[hover][fixedright] tbody tr:not([selected]):hover td:last-child {
  background-color: #f5f5f5;
}
.ax-table-wrapper[fixedheader][fixedleft] tr th:first-child {
  box-shadow: inset 0 -1px 0 0 #ebebeb, inset -1px 0 0 0 #ebebeb;
  z-index: 4;
}
.ax-table-wrapper[fixedheader][fixedright] tr th:last-child {
  z-index: 4;
}
.ax-table-wrapper[fixedheader][fixedright] tr th:last-child:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #ebebeb;
  position: absolute;
  left: -1px;
  top: 0;
}
.ax-table-wrapper *[fixed] {
  position: sticky;
  z-index: 3;
}
.ax-table-wrapper[fixedheader] *[fixed] {
  z-index: 4;
}
.ax-table-tools {
  display: flex;
}
.ax-table-tools [toolsright] {
  text-align: right;
  flex: auto;
}
.ax-table-tools .ax-table-search {
  width: 20rem;
  display: flex;
}
.ax-table-tools .ax-table-search input::-webkit-input-placeholder,
.ax-table-tools .ax-table-search input::-moz-placeholder {
  font-family: 'ax-iconfont';
}
.ax-table-tools .ax-table-search [clear],
.ax-table-tools .ax-table-search [reset] {
  font-family: 'ax-iconfont';
  color: #ccc;
  font-size: 1.4rem;
  line-height: 3.8rem;
  width: 3.8rem;
  text-align: center;
  margin-left: -3.8rem;
  cursor: pointer;
  transition: color 100ms linear;
  position: relative;
  z-index: 2;
}
.ax-table-tools .ax-table-search [clear],
.ax-table-tools .ax-table-search [reset]:hover {
  color: #666666;
}
.ax-table-tools .ax-table-search [clear],
.ax-table-tools .ax-table-search [reset]:before {
  content: 'close';
}
.ax-table .ax-avatar {
  margin-top: calc((-2.2rem + 1.8rem)/2);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table tfoot .left {
  text-align: left;
  margin-left: 1.4rem;
}
.ax-table tfoot .right {
  text-align: right;
  margin-right: 1.4rem;
}
.ax-table .ax-btn.ax-xs {
  margin-top: calc((-2.2rem + 1.8rem)/2);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table .ax-btn.ax-icon.ax-xs {
  position: relative;
}
.ax-table .ax-operate {
  margin-top: calc((-2.2rem + 1.8rem)/2);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table .ax-operate [class*="font"] {
  color: #b3b3b3;
  font-size: 1.4rem;
  height: 2.2rem;
  line-height: 2.2rem;
  width: 2.2rem;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.ax-table .ax-operate [class*="font"].ax-color-forbid {
  color: rgba(179, 179, 179, 0.5);
  cursor: not-allowed;
}
.ax-table .ax-operate [class*="font"] .ax-dot {
  position: absolute;
  right: 0;
  top: 0;
}
.ax-table tbody tr:hover .ax-operate [class*="font"] {
  color: #666666;
}
.ax-table tbody tr:hover .ax-operate [class*="font"].ax-color-forbid {
  color: rgba(179, 179, 179, 0.5);
}
.ax-table .ax-operate [class*="font"]:hover {
  background-color: #fff;
  border: 1px solid #ebebeb;
  line-height: calc(2.2rem - 0.2rem);
  border-radius: 0.3rem;
}
.ax-table .ax-operate [class*="font"]:hover .ax-dot {
  right: -0.1rem;
  top: -0.1rem;
}
.ax-table .ax-ell {
  max-width: 16rem;
}
.ax-table .ax-form-input,
.ax-table .ax-form-con {
  width: 100%;
}
.ax-table .ax-radio.ax-xs,
.ax-table .ax-checkbox.ax-xs,
.ax-table select.ax-xs,
.ax-table .ax-form-group.ax-xs,
.ax-table td > input.ax-xs {
  margin-top: calc((-2.2rem + 1.8rem)/2);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table .ax-select.ax-xs + span {
  margin-top: calc(((-2.2rem + 1.8rem)/2) - 0.4rem);
  margin-bottom: calc((-2.2rem + 1.8rem)/2);
}
.ax-table .ax-select,
.ax-table select {
  width: 12rem;
}
.ax-table th > input[type='text'],
.ax-table td > input[type='text'],
.ax-table th > input[type='password'],
.ax-table td > input[type='password'] {
  width: 12rem;
  max-width: 100%;
}
.ax-table .ax-form-group .ax-col {
  width: auto;
}
/*  ax popup  */
.ax-popup {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: calc(0.3rem*3);
  box-sizing: border-box;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 710;
  animation-duration: 100ms;
  animation-fill-mode: both;
  visibility: hidden;
}
.ax-popup.ax-show {
  visibility: visible;
}
.ax-popup[data-theme="crude"] {
  border: none;
  box-shadow: none;
  background: transparent;
}
.ax-popup[data-theme="crude"] [valid] {
  line-height: 1.8rem;
  padding: calc((2.8rem - 1.8rem)/2) 0;
}
.ax-popup[data-size="sm"] {
  width: 20rem;
}
.ax-popup[data-size="md"] {
  width: 36rem;
}
.ax-popup[data-size="lg"] {
  width: 60rem;
}
.ax-popup[data-size="xl"] {
  width: 80rem;
}
.ax-popup[data-size="xxl"] {
  width: 100rem;
}
.ax-popup [arrow] {
  width: 1rem;
  height: 1rem;
  box-shadow: 1px 1px 0 #ebebeb;
}
.ax-popup[data-placement^='top'] [arrow] {
  bottom: -0.5rem;
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
  transform: rotate(45deg);
}
.ax-popup[data-placement^='bottom'] [arrow] {
  top: -0.5rem;
  transform: rotate(-135deg);
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-popup[data-placement^='left'] [arrow] {
  right: -0.5rem;
  transform: rotate(-45deg);
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-popup[data-placement^='right'] [arrow] {
  left: -0.5rem;
  transform: rotate(135deg);
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
/* 
//分方向定义指示角标
.ax-popup[data-placement="top"] [data-arrow]:after,
.ax-popup[data-placement="bottom"] [data-arrow]:after{
  left:calc(50% - 0.5rem);
}
.ax-popup[data-placement="top-start"] [data-arrow]:after,
.ax-popup[data-placement="bottom-start"] [data-arrow]:after{
  left:2.8rem;
}
.ax-popup[data-placement="top-end"] [data-arrow]:after,
.ax-popup[data-placement="bottom-end"] [data-arrow]:after{
  right:2.8rem;
}
.ax-popup[data-placement="left"] [data-arrow]:after,
.ax-popup[data-placement="right"] [data-arrow]:after{
top:calc(50% - 0.5rem);
}
.ax-popup[data-placement="left-start"] [data-arrow]:after,
.ax-popup[data-placement="right-start"] [data-arrow]:after{
  top:1.4rem;
}
.ax-popup[data-placement="left-end"] [data-arrow]:after,
.ax-popup[data-placement="right-end"] [data-arrow]:after{
    bottom:1.4rem;
} */
.ax-popup .ax-popup-body {
  max-height: 600px;
  box-sizing: border-box;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}
.ax-popup .ax-popup-body .ax-popup-content {
  overflow: hidden;
}
.ax-popup .ax-close {
  font-family: 'ax-iconfont';
  font-size: 1.4rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
  line-height: calc(3.8rem - 2px);
  transition: all 200ms linear;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-popup .ax-close:before {
  content: "close";
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
}
.ax-popup .ax-close:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ax-popup-header {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: calc(3.8rem - 2px);
  padding: 0 1.4rem;
  margin: 0;
  border-top-left-radius: calc(0.3rem*3);
  border-top-right-radius: calc(0.3rem*3);
}
.ax-popup .ax-media-title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.8rem;
  text-align: center;
  margin: 1.4rem 0 0.8rem 0;
}
.ax-popup .ax-qrcode {
  text-align: center;
}
.ax-popup .ax-qrcode .ax-qrcode-title {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.ax-popup .ax-qrcode img {
  margin: auto;
}
.ax-popup[data-type="pictrue"] .ax-dialog-content,
.ax-popup[data-type="video"] .ax-dialog-content,
.ax-popup[data-type="audio"] .ax-dialog-content {
  text-align: center;
}
.ax-popup .ax-media-container img,
.ax-popup .ax-media-container video,
.ax-popup .ax-media-container audio {
  max-width: 100%;
}
.ax-popup .ax-media-container video,
.ax-popup .ax-media-container audio {
  width: 100%;
  display: block;
}
.ax-popup iframe {
  min-height: 400px;
}
.ax-popup[padding="false"] .list-group-item {
  border-right: none;
  border-left: none;
}
.ax-popup[padding="false"] .list-group-item:first-child {
  border-top: 0;
}
.ax-popup[padding="false"] .list-group-item:last-child {
  border-bottom: 0;
}
.ax-popup[placement="center"] {
  position: fixed;
}
.ax-popup > .ax-arrow,
.ax-popup > .ax-arrow:after {
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  display: block;
}
.ax-popup > .ax-arrow {
  border-width: 0.8rem;
}
.ax-popup > .ax-arrow:after {
  content: "";
  border-width: 0.8rem;
}
.ax-popup.ax-top > .ax-arrow,
.ax-popup.ax-top-right > .ax-arrow,
.ax-popup.ax-top-left > .ax-arrow {
  margin-left: -0.8rem;
  border-top-color: #ebebeb;
  border-bottom-width: 0;
  bottom: -0.8rem;
  left: 50%;
}
.ax-popup.ax-top > .ax-arrow:after,
.ax-popup.ax-top-right > .ax-arrow:after,
.ax-popup.ax-top-left > .ax-arrow:after {
  content: " ";
  margin-left: -0.8rem;
  border-top-color: #fff;
  border-bottom-width: 0;
  bottom: 1px;
}
.ax-popup.ax-right > .ax-arrow,
.ax-popup.ax-right-top > .ax-arrow,
.ax-popup.ax-right-bottom > .ax-arrow {
  margin-top: -0.8rem;
  border-left-width: 0;
  border-right-color: #ebebeb;
  top: 50%;
  left: -0.8rem;
}
.ax-popup.ax-right > .ax-arrow:after,
.ax-popup.ax-right-top > .ax-arrow:after,
.ax-popup.ax-right-bottom > .ax-arrow:after {
  content: " ";
  border-left-width: 0;
  border-right-color: #fff;
  left: 0.1rem;
  bottom: -0.8rem;
}
.ax-popup.ax-bottom > .ax-arrow,
.ax-popup.ax-bottom-right > .ax-arrow,
.ax-popup.ax-bottom-left > .ax-arrow {
  margin-left: -0.8rem;
  border-bottom-color: #ebebeb;
  border-top-width: 0;
  top: -0.8rem;
  left: 50%;
}
.ax-popup.ax-bottom > .ax-arrow:after,
.ax-popup.ax-bottom-right > .ax-arrow:after,
.ax-popup.ax-bottom-left > .ax-arrow:after {
  content: " ";
  margin-left: -0.8rem;
  border-bottom-color: #fff;
  border-top-width: 0;
  top: 0.1rem;
}
.ax-popup.ax-left > .ax-arrow,
.ax-popup.ax-left-top > .ax-arrow,
.ax-popup.ax-left-bottom > .ax-arrow {
  margin-top: -0.8rem;
  border-right-width: 0;
  border-left-color: #ebebeb;
  top: 50%;
  right: -0.8rem;
}
.ax-popup.ax-left > .ax-arrow:after,
.ax-popup.ax-left-top > .ax-arrow:after,
.ax-popup.ax-left-bottom > .ax-arrow:after {
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -0.8rem;
  right: 0.1rem;
}
.ax-popup-footer {
  border-radius: 0 0 calc(0.3rem*3) calc(0.3rem*3);
  overflow-y: hidden;
}
.ax-popup .ax-note {
  font-size: 1.4rem;
  line-height: 1.8rem;
  height: 3.8rem;
  display: flex;
  align-items: center;
}
.ax-popup[data-footerType="center"] .ax-note,
.ax-popup[data-footerType="line"] .ax-note {
  border-top: 1px solid #ebebeb;
  border-bottom-left-radius: calc(0.3rem*3);
  border-bottom-right-radius: calc(0.3rem*3);
  background-color: #fafafa;
  justify-content: center;
}
.ax-popup[data-footerType="right"] .ax-note {
  justify-content: flex-start;
}
.ax-popup-footer a.ax-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ax-popup-footer .ax-btn {
  margin: 0 0.8rem;
}
.ax-popup-footer .ax-btns .ax-btn {
  margin: 0;
}
.ax-popup-footer > .ax-row {
  line-height: 3.8rem;
  text-align: center;
}
.ax-popup-footer > .ax-row .ax-gutter-line {
  height: 3.8rem;
}
.ax-popup-footer > .ax-row a:hover {
  background-color: #fff;
}
.ax-popup-footer > .ax-row .ax-gutter-line:last-child {
  display: none;
}
/*axPopover end*/
/*tooltip*/
.ax-tooltip {
  border-radius: 0.3rem;
  border-color: #333333;
}
.ax-tooltip:not([data-size]) {
  max-width: 36rem !important;
}
.ax-tooltip .ax-popup-content {
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
}
.ax-tooltip [arrow] {
  box-shadow: 1px 1px 0 #333333;
}
.ax-tooltip[data-placement^='top'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-tooltip[data-placement^='bottom'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-tooltip[data-placement^='left'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-tooltip[data-placement^='right'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%);
}
.ax-tooltip[theme="primary"] {
  border-color: #198cff;
  background-color: #198cff;
}
.ax-tooltip[theme="primary"] .ax-popup-content {
  color: #fff;
}
.ax-tooltip[theme="primary"] [arrow] {
  box-shadow: none;
}
.ax-tooltip[theme="primary"][data-placement^='top'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%);
}
.ax-tooltip[theme="primary"][data-placement^='bottom'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%);
}
.ax-tooltip[theme="primary"][data-placement^='left'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%);
}
.ax-tooltip[theme="primary"][data-placement^='right'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%);
}
.ax-tooltip[theme="secondary"] {
  border-color: #475b66;
  background-color: #475b66;
}
.ax-tooltip[theme="secondary"] .ax-popup-content {
  color: #fff;
}
.ax-tooltip[theme="secondary"] [arrow] {
  box-shadow: none;
}
.ax-tooltip[theme="secondary"][data-placement^='top'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #475b66 50%, #475b66 100%);
}
.ax-tooltip[theme="secondary"][data-placement^='bottom'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #475b66 50%, #475b66 100%);
}
.ax-tooltip[theme="secondary"][data-placement^='left'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #475b66 50%, #475b66 100%);
}
.ax-tooltip[theme="secondary"][data-placement^='right'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #475b66 50%, #475b66 100%);
}
.ax-tooltip[theme="success"] {
  border-color: #41a358;
  background-color: #41a358;
}
.ax-tooltip[theme="success"] .ax-popup-content {
  color: #fff;
}
.ax-tooltip[theme="success"] [arrow] {
  box-shadow: none;
}
.ax-tooltip[theme="success"][data-placement^='top'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%);
}
.ax-tooltip[theme="success"][data-placement^='bottom'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%);
}
.ax-tooltip[theme="success"][data-placement^='left'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%);
}
.ax-tooltip[theme="success"][data-placement^='right'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%);
}
.ax-tooltip[theme="danger"] {
  border-color: #dc3545;
  background-color: #dc3545;
}
.ax-tooltip[theme="danger"] .ax-popup-content {
  color: #fff;
}
.ax-tooltip[theme="danger"] [arrow] {
  box-shadow: none;
}
.ax-tooltip[theme="danger"][data-placement^='top'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%);
}
.ax-tooltip[theme="danger"][data-placement^='bottom'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%);
}
.ax-tooltip[theme="danger"][data-placement^='left'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%);
}
.ax-tooltip[theme="danger"][data-placement^='right'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%);
}
.ax-tooltip[theme="info"] {
  border-color: #14ccc9;
  background-color: #14ccc9;
}
.ax-tooltip[theme="info"] .ax-popup-content {
  color: #fff;
}
.ax-tooltip[theme="info"] [arrow] {
  box-shadow: none;
}
.ax-tooltip[theme="info"][data-placement^='top'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%);
}
.ax-tooltip[theme="info"][data-placement^='bottom'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%);
}
.ax-tooltip[theme="info"][data-placement^='left'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%);
}
.ax-tooltip[theme="info"][data-placement^='right'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%);
}
.ax-tooltip[theme="warning"] {
  border-color: #ffc107;
  background-color: #ffc107;
}
.ax-tooltip[theme="warning"] .ax-popup-content {
  color: #333333;
}
.ax-tooltip[theme="warning"] [arrow] {
  box-shadow: none;
}
.ax-tooltip[theme="warning"][data-placement^='top'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%);
}
.ax-tooltip[theme="warning"][data-placement^='bottom'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%);
}
.ax-tooltip[theme="warning"][data-placement^='left'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%);
}
.ax-tooltip[theme="warning"][data-placement^='right'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%);
}
.ax-tooltip[theme="ad"] {
  border-color: #ff8400;
  background-color: #ff8400;
}
.ax-tooltip[theme="ad"] .ax-popup-content {
  color: #fff;
}
.ax-tooltip[theme="ad"] [arrow] {
  box-shadow: none;
}
.ax-tooltip[theme="ad"][data-placement^='top'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%);
}
.ax-tooltip[theme="ad"][data-placement^='bottom'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%);
}
.ax-tooltip[theme="ad"][data-placement^='left'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%);
}
.ax-tooltip[theme="ad"][data-placement^='right'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%);
}
.ax-tooltip[theme="dark"] {
  border-color: #333333;
  background-color: #333333;
}
.ax-tooltip[theme="dark"] .ax-popup-content {
  color: #fff;
}
.ax-tooltip[theme="dark"] [arrow] {
  box-shadow: none;
}
.ax-tooltip[theme="dark"][data-placement^='top'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%);
}
.ax-tooltip[theme="dark"][data-placement^='bottom'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%);
}
.ax-tooltip[theme="dark"][data-placement^='left'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%);
}
.ax-tooltip[theme="dark"][data-placement^='right'] [arrow] {
  background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%);
}
/*grade menu*/
.ax-grade {
  position: relative;
}
.ax-grade .ax-outer {
  box-sizing: border-box;
  transform: translate(-50%, 0);
  background-color: #fff;
  display: none;
  position: absolute;
  top: calc(100%);
  left: 50%;
  z-index: 3;
}
.ax-grade:hover .ax-outer {
  display: block;
}
.ax-grade.ax-right .ax-outer {
  top: 0;
  left: auto;
  right: -14.8rem;
  transform: none;
}
.ax-grade.ax-right .ax-outer:before {
  content: '';
  width: 1rem;
  height: 3.8rem;
  position: absolute;
  left: -1rem;
  top: 0;
}
.ax-grade .ax-outer,
.ax-grade ul.ax-outer ul {
  width: 14rem;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
}
.ax-grade ul.ax-outer li {
  text-align: left;
  line-height: 3.8rem;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}
.ax-grade ul.ax-outer li:last-child,
.ax-grade ul.ax-outer ul li:last-child {
  border-width: 0;
}
.ax-grade ul.ax-outer li *[class*="-right"] {
  color: #ccc;
  position: absolute;
  right: 0.8rem;
  top: 0;
}
.ax-grade ul.ax-outer li ul {
  box-sizing: border-box;
  background-color: #fff;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  position: absolute;
  width: 100%;
  top: -0.1rem;
  right: 0;
  display: none;
}
.ax-grade ul.ax-outer li:hover {
  color: #198cff;
  background-color: #f0f7ff;
}
.ax-grade ul.ax-outer li:hover svg {
  fill: #198cff;
}
.ax-grade ul.ax-outer li.ax-selected,
.ax-grade ul.ax-outer li.ax-selected:hover {
  color: #fff;
  background-color: #198cff;
}
.ax-grade ul.ax-outer li.ax-selected *[class*="-right"] {
  color: rgba(255, 255, 255, 0.5);
}
.ax-grade ul.ax-outer li.ax-selected svg {
  fill: rgba(255, 255, 255, 0.5);
}
.ax-grade ul.ax-outer a {
  box-sizing: border-box;
  padding: 0 0.8rem 0 0.8rem;
  transition: all 100ms linear;
  display: block;
}
.ax-grade ul.ax-outer li.ax-selected > a,
.ax-grade ul.ax-outer li.ax-selected:hover > a {
  color: #fff;
  background-color: #198cff;
}
.ax-grade ul.ax-outer li:hover > a + ul,
.ax-grade ul.ax-outer li:hover > *[class*="-right"] + ul {
  display: block;
}
.ax-grade ul.ax-outer li a *[class*="font"] {
  margin-right: 0.4rem;
}
.ax-grade ul.ax-outer li a svg {
  margin-right: 0.4rem;
}
/*header*/
.ax-space-header {
  height: calc(4.4rem + 1rem);
  overflow: hidden;
}
.ax-header.ax-inherit + .ax-space-header {
  display: none;
}
.ax-header {
  background-color: #fff;
  box-shadow: 0 0.1rem 0 0 rgba(0, 0, 0, 0.1);
  transition: all 100ms linear;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 610;
}
.ax-header.ax-inherit {
  position: inherit;
  left: auto;
  top: auto;
}
.ax-header .ax-logo {
  height: calc(4.4rem + 1rem);
  transition: all 200ms linear;
  vertical-align: middle;
  position: relative;
}
.ax-header .ax-logo img,
.ax-header .ax-logo svg {
  height: calc(4.4rem + 1rem);
}
.ax-header .ax-col {
  overflow: hidden;
}
.ax-header .ax-nav .ax-item {
  margin: 0 1.6rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.ax-header .ax-nav .ax-item a {
  transition: all 200ms linear;
}
.ax-header .ax-nav .ax-item a.ax-text > i {
  font-size: 1rem;
  line-height: 1.4rem;
  vertical-align: middle;
  margin-left: 0.4rem;
}
.ax-header .ax-nav .ax-item a.ax-text {
  line-height: calc(4.4rem + 1rem);
  width: 100%;
  text-align: center;
}
.ax-header .ax-nav .ax-item .ax-line {
  height: 0.2rem;
  background-color: #198cff;
  width: 2.8rem;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 200ms linear;
  position: absolute;
  left: 50%;
  top: calc(4.4rem + 1rem - 0.2rem);
}
.ax-header .ax-nav .ax-item.ax-selected > a {
  color: #198cff;
}
.ax-header .ax-nav .ax-item.ax-selected .ax-line {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);
}
.ax-header .ax-nav .ax-item:hover .ax-line {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);
}
.ax-header .ax-back {
  font-size: 1.8rem;
  color: #666666;
  width: calc(4.4rem + 1rem);
  height: calc(4.4rem + 1rem);
  line-height: calc(4.4rem + 1rem);
  text-align: center;
  position: relative;
}
.ax-header .ax-back:after {
  content: '';
  width: 1px;
  height: 2.4rem;
  background-color: #ebebeb;
  position: absolute;
  right: -0.1rem;
  top: calc((4.4rem + 1rem - 2.4rem)/2);
}
.ax-header .ax-title {
  height: calc(4.4rem + 1rem);
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 1.4rem;
}
.ax-header .ax-title .ax-outer {
  width: 100%;
}
.ax-header .ax-title .ax-row01 {
  font-size: 1.6rem;
  width: 100%;
  line-height: 2.2rem;
}
.ax-header .ax-title .ax-row02 {
  font-size: 1.2rem;
  color: #ccc;
  width: 100%;
  line-height: 1.4rem;
}
.ax-header .ax-search {
  width: 20rem;
  height: 3.4rem;
  margin: 0 1.4rem;
  vertical-align: middle;
  position: relative;
  display: inline-block;
}
.ax-header .ax-search input {
  height: calc(4.4rem - 1rem);
  line-height: calc(4.4rem - 1rem);
  width: 100%;
  padding-right: 4.4rem;
  position: absolute;
  top: 0;
  left: 0;
}
.ax-header .ax-search *[class*="search"] {
  color: #ccc;
  text-align: center;
  line-height: calc(4.4rem - 1rem);
  width: calc(4.4rem - 1rem);
  height: calc(4.4rem - 1rem);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.ax-header .ax-search *[class*="search"]:after {
  content: '';
  width: 1px;
  height: 1.6rem;
  background-color: #f0f0f0;
  position: absolute;
  left: -0.1rem;
  top: 0.9rem;
}
.ax-header .ax-login {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
  vertical-align: middle;
  position: relative;
  display: inline-block;
}
.ax-header .ax-login a {
  height: calc(4.4rem - 1rem);
  line-height: calc(4.4rem - 1rem - 0.2rem);
  box-sizing: border-box;
  padding: 0 1.4rem;
  text-align: center;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  transition: all 100ms linear;
  position: relative;
}
.ax-header .ax-login a:not(:first-child):before {
  content: '';
  height: 1.6rem;
  width: 1px;
  background-color: #f0f0f0;
  position: absolute;
  left: -0.1rem;
  top: 0.9rem;
}
.ax-header .ax-login a:first-child {
  border-radius: 0.3rem 0 0 0.3rem;
  border-left: 1px solid #e0e0e0;
}
.ax-header .ax-login a:last-child {
  border-radius: 0 0.3rem 0.3rem 0;
  border-right: 1px solid #e0e0e0;
}
.ax-header .ax-login a:first-child:last-child {
  border-radius: 0.3rem;
}
.ax-header .ax-login a:hover {
  color: #fff;
  border-color: #198cff;
  background-color: #198cff;
  z-index: 2;
}
.ax-header .ax-btns {
  padding: 0 1.4rem;
  height: calc(4.4rem + 1rem);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.ax-header .ax-btns > * {
  color: #475b66;
  font-size: 1.8rem;
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  text-align: center;
  margin-left: 1rem;
  transition: all 100ms linear;
  position: relative;
  z-index: 2;
}
.ax-header .ax-btns > * .ax-dot {
  position: absolute;
  top: 0rem;
  right: 0rem;
}
.ax-header .ax-btns > * .ax-badge {
  position: absolute;
  top: -0.3rem;
  right: -0.5rem;
}
.ax-header .ax-btns > *[style*="background-image"] {
  margin-right: 1.4rem;
}
.ax-header .ax-btns > *[style*="background-image"]:before {
  font-size: 1rem;
  position: absolute;
  right: -1.4rem;
}
.ax-header *[class*="ax-open"] {
  display: none;
}
.ax-header .ax-image {
  display: none;
  vertical-align: middle;
}
.ax-header .ax-resemble {
  width: 20rem;
  margin: 1rem 0.3rem;
  height: calc(4.4rem - 1rem);
  box-sizing: border-box;
  position: relative;
  display: block;
}
.ax-header .ax-resemble form {
  width: 100%;
  height: 100%;
}
.ax-header .ax-resemble input {
  width: 100%;
  height: 100%;
  padding-right: 4.4rem;
}
.ax-header .ax-resemble *[class*="search"] {
  line-height: calc(4.4rem - 1rem);
  width: calc(4.4rem - 1rem);
  height: calc(4.4rem - 1rem);
  color: #ccc;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.ax-header .ax-resemble *[class*="search"]:after {
  content: '';
  width: 1px;
  height: 1.6rem;
  background-color: #f0f0f0;
  position: absolute;
  left: -0.1rem;
  top: 0.9rem;
}
.ax-header .ax-resemble .ax-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: none;
}
/*footer*/
.ax-footer .ax-operate a {
  vertical-align: top;
}
.ax-footer .ax-operate a {
  margin-right: 1.4rem;
}
.ax-footer .ax-copyright + .ax-operate a {
  margin-right: 0;
  margin-left: 1.4rem;
}
.ax-footer .ax-operate a.ax-icon {
  margin-right: 0.4rem;
}
.ax-footer .ax-copyright + .ax-operate a.ax-icon {
  margin-right: 0;
  margin-left: 0.4rem;
}
.ax-footer .ax-operate a[class*="font"] {
  font-size: 1.8rem;
  color: #666666;
}
.ax-footer .ax-copyright,
.ax-footer .ax-copyright a {
  color: #666666;
}
.ax-footer .ax-copyright a:hover {
  color: #198cff;
}
.ax-footer .ax-copyright img {
  max-height: 2.8rem;
  width: auto !important;
}
/*bottom button*/
.ax-space-btmbtn {
  height: 4.4rem;
  overflow: hidden;
}
.ax-btmbtn {
  text-align: center;
  height: 4.4rem;
  line-height: 4.4rem;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 -0.1rem 0 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 610;
}
.ax-btmbtn .ax-head {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0.8rem 0.8rem 0.8rem 1.4rem;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  position: relative;
}
.ax-btmbtn .ax-resemble {
  font-size: 1.2rem;
  color: #b3b3b3;
  text-align: left;
  height: 2.8rem;
  line-height: 2.8rem;
  border-radius: 2.8rem;
  margin: 0.8rem auto;
  padding: 0 1.4rem;
  box-sizing: border-box;
  background-color: #f5f5f5;
  display: block;
}
.ax-btmbtn .ax-btns {
  padding-right: 0.8rem;
}
.ax-btmbtn .ax-btns > a,
.ax-btmbtn .ax-btns > span {
  color: #666666;
  margin-left: 0.8rem;
}
.ax-btmbtn .ax-btns > a:hover,
.ax-btmbtn .ax-btns > span:hover {
  color: #198cff;
}
.ax-btmbtn .ax-btns > a:hover svg,
.ax-btmbtn .ax-btns > span:hover svg {
  fill: #198cff;
}
.ax-btmbtn *[class*="-bg-"] {
  color: #fff;
}
.ax-btmbtn *[class*="-bg-"] a {
  color: #fff;
}
.ax-btmbtn *[class*="-bg-"] svg {
  fill: #fff;
}
.ax-btmbtn .ax-gutter-line {
  height: calc(4.4rem - 1.6rem);
  margin-top: 0.8rem;
}
/*bottom nav*/
.ax-space-btmnav {
  height: calc(3.8rem + 2rem);
  overflow: hidden;
  display: none;
}
.ax-btmnav {
  text-align: center;
  height: calc(3.8rem + 2rem);
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 -0.1rem 0 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 610;
  display: none;
}
.ax-btmnav a {
  color: #666666;
  width: 100%;
  height: calc(3.8rem + 2rem);
  margin: auto;
}
.ax-btmnav a:not(.ax-single):active {
  background-color: #f0f0f0;
}
.ax-btmnav a.ax-selected {
  color: #198cff;
}
.ax-btmnav a svg {
  fill: #666666;
}
.ax-btmnav a.ax-selected svg {
  fill: #198cff;
}
.ax-btmnav .ax-figure {
  width: 2.8rem;
  height: 2.8rem;
  line-height: 2.8rem;
  font-size: 2.2rem;
  text-align: center;
  margin: 0.8rem auto 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.8rem;
  position: relative;
  display: block;
}
.ax-btmnav a.ax-single {
  width: 8rem;
}
.ax-btmnav .ax-single *[class*="font"] {
  font-size: 4.2rem;
  color: #198cff;
  width: calc(3.8rem + 2rem);
  height: calc(3.8rem + 2rem);
  line-height: calc(3.8rem + 2rem);
}
.ax-btmnav a.ax-img .ax-figure {
  width: 2.4rem;
  height: 2.4rem;
  margin: 1rem auto 0.2rem auto;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  position: relative;
}
.ax-btmnav .ax-figure svg {
  width: 2.2rem;
  height: 2.8rem;
}
.ax-btmnav .ax-figure .ax-dot {
  position: absolute;
  right: -0.6rem;
  top: 0rem;
}
.ax-btmnav .ax-figure .ax-badge {
  position: absolute;
  right: -1.4rem;
  top: -0.4rem;
}
.ax-btmnav .ax-text {
  font-size: 1rem;
  width: 6rem;
  line-height: 1.4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: auto;
  display: block;
}
.ax-btmnav .ax-gutter-line {
  height: calc(3.8rem + 2rem);
}
/*bottom nav end*/
/*list start*/
.ax-info-block {
  line-height: 2.2rem;
  padding: calc((3.8rem - 2.2rem)/2) 1.4rem;
  display: block;
  transition: all 100ms linear;
  position: relative;
}
.ax-info-block .ax-num {
  font-size: 1.2rem;
  color: #666666;
  background-color: #fff;
  min-width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  margin-right: calc((3.8rem - 2.2rem)/2);
  margin-top: calc((2.2rem - 1.8rem)/2);
  text-align: center;
  border-radius: 0.3rem;
  box-sizing: border-box;
  position: relative;
}
.ax-info-block .ax-num:after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-info-block .ax-num.ax-num-1,
.ax-info-block .ax-num.ax-num-2,
.ax-info-block .ax-num.ax-num-3 {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff;
}
.ax-info-block .ax-arrow {
  color: #b3b3b3;
  margin-left: calc((3.8rem - 2.2rem)/2);
}
.ax-info-block .ax-arrow[class*='font'] {
  color: #ccc;
}
.ax-info-block .ax-icon {
  margin-right: calc((3.8rem - 2.2rem)/2);
}
.ax-info-block .ax-icon:before {
  top: 0.1rem;
}
.ax-info-block .ax-head {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 100%;
  margin-right: calc((3.8rem - 2.2rem)/2);
}
.ax-info-block .ax-checkbox.ax-bone,
.ax-info-block .ax-radio.ax-bone {
  margin-top: calc((2.2rem - 1.8rem)/2);
  margin-left: calc((3.8rem - 2.2rem)/2);
}
.ax-info-block.ax-hover:hover {
  background-color: #fafafa;
}
.ax-info-block.ax-hover:not(.ax-selected):not(.ax-active):not(.ax-disabled):active {
  background-color: #f5f5f5;
}
.ax-info-block.ax-selected,
.ax-info-block.ax-active,
.ax-info-block.ax-selected:hover,
.ax-info-block.ax-active:hover {
  color: #198cff;
  background-color: rgba(25, 140, 255, 0.06);
}
.ax-info-block.ax-selected:hover,
.ax-info-block.ax-selected {
  color: #fff;
  background-color: #198cff;
}
.ax-info-block.ax-selected .ax-arrow,
.ax-info-block.ax-selected .ax-icon,
.ax-info-block.ax-selected .ax-num {
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
}
.ax-info-block.ax-selected .ax-num:after {
  border-color: rgba(255, 255, 255, 0.5);
}
.ax-info-block.ax-selected a,
.ax-info-block.ax-selected a:hover {
  color: #fff;
}
.ax-info-block.ax-disabled:hover,
.ax-info-block.ax-disabled {
  color: #b3b3b3;
  background: transparent;
  cursor: not-allowed;
}
/*select list*/
.ax-list-select .ax-info-block .ax-mask {
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
/*article list*/
.ax-item-block {
  padding: 1.4rem;
  box-sizing: border-box;
  transition: all 100ms linear;
  position: relative;
  display: block;
}
.ax-item-block .ax-img {
  height: 9.6rem;
  width: calc(9.6rem + 2.8rem);
  overflow: hidden;
  border-radius: 0.3rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  position: relative;
}
.ax-item-block .ax-img:nth-child(1) {
  margin-right: 1.4rem;
}
.ax-item-block .ax-img:nth-last-child(1) {
  margin-left: 1.4rem;
}
.ax-item-block .ax-title {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.ax-item-block .ax-des {
  color: #666666;
  margin-top: 0.8rem;
}
.ax-item-block .ax-from {
  font-size: 1.2rem;
  line-height: 2.2rem;
  margin-top: 0.8rem;
}
.ax-item-block .ax-from *[class*='font'] {
  font-size: 1.2rem;
}
.ax-item-block .ax-from svg {
  height: 1.2rem;
}
.ax-item-block .ax-from *[class*='-color-'] {
  margin-right: 1.4rem;
}
.ax-item-block .ax-keywords {
  color: #666666;
  font-size: 1.2rem;
  line-height: 2.2rem;
  margin-top: 0.8rem;
}
.ax-item-block .ax-keywords *[class*='font'] {
  font-size: 1.2rem;
}
.ax-item-block .ax-keywords svg {
  height: 1.2rem;
}
.ax-item-block .ax-keywords .ax-child {
  margin-right: 1.4rem;
}
.ax-item-block .ax-gallery {
  margin-top: 0.8rem;
  position: relative;
}
.ax-item-block .ax-gallery > .ax-num {
  color: #fff;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1.6rem;
  padding: 0 0.4rem;
  border-radius: 0.3rem;
  position: absolute;
  left: 0.8rem;
  bottom: 0.8rem;
}
.ax-item-block .ax-gallery > span,
.ax-item-block .ax-gallery > a {
  margin-right: 0.8rem;
  height: 9.6rem;
  line-height: 9.6rem;
  width: calc(9.6rem + 2.8rem);
  border-radius: 0.3rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
.ax-item-block .ax-gallery > a.ax-more {
  position: relative;
  overflow: hidden;
}
.ax-item-block .ax-gallery > a.ax-more i {
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-item-block .ax-gallery > a.ax-more:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}
.ax-item-block.ax-ad:after {
  color: #ccc;
  font-size: 1.2rem;
  margin-top: 0.8rem;
  height: 1.4rem;
  line-height: 1.4rem;
  content: '广告';
  display: block;
  visibility: visible;
}
.ax-item-block .ax-gallery > span:nth-child(5) ~ span,
.ax-item-block .ax-gallery > a:nth-child(5) ~ a:not(.ax-more) {
  display: none;
}
.ax-item-block .ax-gallery > a.ax-more ~ .ax-num {
  display: none;
}
/*card list*/
.ax-card-block {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  box-sizing: border-box;
  display: block;
  padding: 1.4rem;
  position: relative;
  transition: all 200ms linear;
}
.ax-card-block:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.ax-card-block .ax-img {
  height: 20rem;
  margin-bottom: 1.4rem;
  overflow: hidden;
  position: relative;
  display: block;
}
.ax-card-block .ax-img .ax-figure {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  transition: all 200ms linear;
  display: block;
}
.ax-card-block:hover .ax-img .ax-figure {
  transform: scale(1.1);
}
.ax-card-block .ax-title {
  font-weight: bold;
}
.ax-card-block .ax-des {
  color: #666666;
  font-size: 1.4rem;
  margin-top: 1.4rem;
  height: calc(1.8rem * 2);
  max-width: 100%;
  line-height: 1.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ax-card-block .ax-from {
  color: #ccc;
  line-height: 2.2rem;
  margin-top: 1.4rem;
}
.ax-card-block .ax-from > span,
.ax-card-block .ax-from > a {
  color: #ccc;
  margin-right: 1.4rem;
}
.ax-card-block .ax-keywords {
  line-height: 2.2rem;
  color: #ccc;
  margin-top: 1.4rem;
}
.ax-card-block .ax-keywords > span,
.ax-card-block .ax-keywords > a {
  color: #ccc;
  margin-right: 1.4rem;
}
.ax-card-block .ax-operate {
  margin-top: 1.4rem;
  margin-bottom: -1.4rem;
  line-height: 4.4rem;
  text-align: center;
  border-top: 1px solid #ebebeb;
}
.ax-card-block .ax-operate .ax-gutter-line {
  height: 4.4rem;
}
.ax-card-block .ax-view {
  color: #ccc;
  line-height: 3.8rem;
  margin-top: 1.4rem;
}
.ax-card-block .ax-view .ax-heads span {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 100%;
  border: 1px solid #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
.ax-card-block .ax-view .ax-heads span:not(:first-child) {
  margin-left: calc(-2.8rem/2);
}
.ax-card-block .ax-view .ax-heads i {
  color: #666666;
  margin-left: 0.4rem;
}
.ax-card-block .ax-gallery {
  margin-top: 1.4rem;
  position: relative;
}
.ax-card-block .ax-gallery .ax-num {
  color: #fff;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1.6rem;
  padding: 0 0.4rem;
  border-radius: 0.3rem;
  position: absolute;
  left: 0.8rem;
  bottom: 0.8rem;
}
.ax-card-block .ax-gallery > span,
.ax-card-block .ax-gallery > a {
  margin-right: 0.2rem;
  width: calc((100% - 0.4rem)/3);
  height: 9.6rem;
  overflow: hidden;
  line-height: 9.6rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
_:-ms-lang(x),
.ax-card-block .ax-gallery > span {
  width: calc((100% - 0.402rem)/3);
}
_:-ms-lang(x),
.ax-card-block .ax-gallery > a {
  width: calc((100% - 0.402rem)/3);
}
.ax-card-block .ax-gallery > a.ax-more {
  position: relative;
}
.ax-card-block .ax-gallery > a.ax-more i {
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-card-block .ax-gallery > a.ax-more:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}
.ax-card-block .ax-gallery > span:nth-child(3),
.ax-card-block .ax-gallery > a:nth-child(3) {
  margin-right: 0;
}
.ax-card-block .ax-gallery > span:nth-child(3) ~ span,
.ax-card-block .ax-gallery > a:nth-child(3) ~ a:not(.ax-more) {
  display: none;
}
.ax-card-block .ax-img + .ax-gallery {
  margin-top: -1.2rem;
  margin-bottom: 1.4rem;
}
/*tab*/
.ax-tab .ax-tab-content {
  transition: all 200ms linear;
}
.ax-tab .ax-tab-content > *:not(.ax-active) {
  display: none;
}
.ax-tab .ax-tab-content > .ax-active {
  display: block;
}
.ax-swiper-nav {
  text-align: center;
}
.ax-swiper-nav .ax-slide {
  cursor: pointer;
  line-height: 3.8rem;
  text-align: center;
  box-sizing: border-box;
}
.ax-swiper-nav .ax-slide:after {
  content: '';
  height: 0.2rem;
  width: 2.8rem;
  background-color: #198cff;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 200ms linear;
  position: absolute;
  left: 50%;
  bottom: 0rem;
}
.ax-swiper-nav .active-nav {
  color: #198cff;
}
.ax-swiper-nav .active-nav:after {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);
}
.ax-menu-tab {
  text-align: center;
}
.ax-menu-tab .ax-item {
  cursor: pointer;
  line-height: 3.8rem;
  text-align: center;
  padding: 0 1.4rem;
  position: relative;
}
.ax-menu-tab .ax-item.ax-active {
  color: #198cff;
}
.ax-menu-tab .ax-item:after {
  content: '';
  height: 0.2rem;
  width: 2.8rem;
  background-color: #198cff;
  -webkit-transform: translate(-50%, 0) scaleX(0);
  transform: translate(-50%, 0) scaleX(0);
  transition: all 200ms linear;
  position: absolute;
  left: 50%;
  bottom: 0rem;
}
.ax-menu-tab .ax-item.ax-active:after {
  -webkit-transform: translate(-50%, 0) scaleX(1);
  transform: translate(-50%, 0) scaleX(1);
}
.ax-menu-page {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  box-shadow: 0 -0.1rem 0 0 #ebebeb inset;
}
.ax-menu-page .ax-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  height: 3.8rem;
  line-height: 3.8rem;
  padding: 0 1.4rem;
  position: relative;
  box-sizing: border-box;
  border-radius: 0.3rem;
  transition: all 100ms linear;
}
.ax-menu-page .ax-item:after {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  border-color: #ebebeb;
}
.ax-menu-page .ax-item,
.ax-menu-page .ax-item:after {
  border-radius: 0;
}
.ax-menu-page .ax-item:first-child,
.ax-menu-page .ax-item:first-child:after {
  border-radius: 0.3rem 0 0 0;
}
.ax-menu-page .ax-item:last-child,
.ax-menu-page .ax-item:last-child:after {
  border-radius: 0 0.3rem 0 0;
}
.ax-menu-page .ax-item:not(:first-of-type):after {
  border-left-width: 0;
}
.ax-menu-page .ax-item.ax-active {
  color: #198cff;
}
.ax-menu-page .ax-item.ax-active svg {
  fill: #198cff;
}
.ax-menu-page .ax-item.ax-active:after {
  border-bottom-width: 0;
}
.ax-menu-page .ax-item *[class*="iconfont"],
.ax-menu-page .ax-item *[class*="iconset"],
.ax-menu-page .ax-item svg {
  margin-right: 0.4rem;
}
.ax-tab.ax-border,
.ax-tab.ax-shadow {
  background-color: #fff;
}
.ax-tab.ax-border .ax-menu-page,
.ax-tab.ax-shadow .ax-menu-page {
  background-color: #fafafa;
}
.ax-tab.ax-border .ax-menu-page .ax-item:last-child,
.ax-tab.ax-border .ax-menu-page .ax-item:last-child:after,
.ax-tab.ax-shadow .ax-menu-page .ax-item:last-child,
.ax-tab.ax-shadow .ax-menu-page .ax-item:last-child:after {
  border-radius: 0;
}
.ax-tab.ax-border .ax-menu-page .ax-item:after,
.ax-tab.ax-shadow .ax-menu-page .ax-item:after {
  border-top-width: 0;
  border-left-width: 0;
}
.ax-tab.ax-border .ax-menu-page .ax-item:first-of-type:after,
.ax-tab.ax-shadow .ax-menu-page .ax-item:first-of-type:after {
  border-left-width: 0;
}
/*container*/
.ax-panel {
  background-color: #fff;
}
.ax-panel-header {
  position: relative;
  padding: 0.5rem 0 0.5rem 1.4rem;
  line-height: 2.8rem;
}
.ax-panel-header .ax-adorn {
  margin-right: 0.4rem;
  transition: all 200ms linear;
}
.ax-panel-header .ax-title {
  position: relative;
  margin-right: 0.8rem;
}
.ax-panel-header.ax-bar:before,
.ax-panel-header.ax-bar-left:before {
  content: '';
  width: 0.2rem;
  height: 1.4rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: calc((2.8rem + 1rem)/2 - 0.7rem);
}
.ax-panel-header.ax-bar-top .ax-title:before {
  content: '';
  width: 2.8rem;
  height: 0.2rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: -0.5rem;
}
.ax-panel-header.ax-bar-bottom .ax-title:before {
  content: '';
  width: 2.8rem;
  height: 0.2rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  bottom: -0.5rem;
}
.ax-panel-header .ax-operate {
  margin-right: 0.8rem;
  color: #b3b3b3;
  line-height: 2.8rem;
  height: 2.8rem;
  transition: all 200ms linear;
}
.ax-panel-header .ax-operate:last-child {
  margin-right: 1.4rem;
}
.ax-panel-header .ax-operate svg {
  fill: #b3b3b3;
  height: 2.8rem;
}
.ax-panel-header .ax-operate:hover svg {
  fill: #198cff;
}
.ax-panel-header .ax-btn {
  margin-right: 0.5rem;
}
.ax-panel-header .ax-btn-group .ax-btn {
  margin-right: 0;
}
.ax-panel-header .ax-btn.ax-xs {
  margin-top: calc((2.8rem - 2.2rem)/2);
}
.ax-panel-header .ax-btn.ax-xs:last-child {
  margin-right: calc((3.8rem - 2.2rem)/2);
}
.ax-panel-header .ax-badge {
  margin-right: 1.4rem;
  margin-top: calc((2.8rem - 1.6rem)/2);
}
.ax-panel-header .ax-dot {
  margin-right: 1.4rem;
  margin-top: calc((2.8rem - 0.8rem)/2);
}
.ax-panel-header .ax-menu-tab .ax-item {
  line-height: 2.8rem;
  padding: 0;
  margin-right: 0.8rem;
}
.ax-panel-header .ax-menu-tab .ax-item:last-child {
  margin-right: 1.4rem;
}
/*box*/
.ax-box {
  background-color: #fff;
}
.ax-box-header {
  position: relative;
  padding: 1.4rem 0 1.4rem 2.2rem;
}
.ax-box-header .ax-adorn {
  font-size: 3.6rem;
  line-height: 4.6rem;
  margin-right: 0.8rem;
  transition: all 200ms linear;
}
.ax-box-header.ax-simple .ax-adorn {
  font-size: 1.6rem;
  line-height: 2.8rem;
  margin-right: 0.4rem;
}
.ax-box-header .ax-title {
  font-size: 1.6rem;
  position: relative;
  margin-right: 0.8rem;
}
.ax-box-header.ax-bar:before,
.ax-box-header.ax-bar-left:before {
  content: '';
  width: 0.2rem;
  height: 1.6rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: calc((2.8rem + 1.4rem*2)/2 - 0.7rem);
}
.ax-box-header.ax-bar-top .ax-title:before {
  content: '';
  width: 2.8rem;
  height: 0.2rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: -1.4rem;
}
.ax-box-header.ax-bar-bottom .ax-title:before {
  content: '';
  width: 2.8rem;
  height: 0.2rem;
  background-color: #198cff;
  position: absolute;
  left: 0;
  bottom: -2.8rem;
}
.ax-box-header.ax-simple.ax-bar-bottom .ax-title:before {
  bottom: -1.4rem;
}
.ax-box-header .ax-des {
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.2rem;
  line-height: 1.8rem;
  white-space: nowrap;
}
.ax-box-header .ax-operate {
  color: #b3b3b3;
  line-height: 2.8rem;
  height: 2.8rem;
  text-align: center;
  padding: 0 calc(1.4rem/2);
  transition: all 200ms linear;
}
.ax-box-header .ax-operate:last-child {
  margin-right: calc(2.2rem - 1.4rem/2);
}
.ax-box-header .ax-operate:hover {
  color: #198cff;
}
.ax-box-header .ax-operate svg {
  fill: #b3b3b3;
  height: 2.8rem;
}
.ax-box-header .ax-operate:hover svg {
  fill: #198cff;
}
.ax-box-header .ax-btn {
  margin-right: 0.5rem;
}
.ax-box-header .ax-btn-group .ax-btn {
  margin-right: 0;
}
.ax-box-header .ax-btn.ax-xs {
  margin-top: 0.3rem;
}
.ax-box-header .ax-btn:last-child {
  margin-right: 2.2rem;
}
.ax-box-header .ax-menu-tab .ax-item {
  line-height: 2.8rem;
  padding: 0;
  margin-right: 0.8rem;
}
.ax-box-header .ax-menu-tab .ax-item:last-child {
  margin-right: 2.2rem;
}
.ax-box-header .ax-swiper-outer.ax-inline {
  padding: 0 2.2rem;
}
.ax-box-header .ax-badge {
  margin-right: 2.2rem;
  margin-top: calc((2.8rem - 1.6rem)/2);
}
.ax-box-header .ax-dot {
  margin-right: 2.2rem;
  margin-top: calc((2.8rem - 0.8rem)/2);
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) {
  color: #fff;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-des {
  color: rgba(255, 255, 255, 0.4);
}
.ax-box[class*='ax-bg-'] .ax-box-header .ax-operate:hover {
  opacity: 0.5;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-operate {
  color: #fff;
}
.ax-box.ax-bg-warning .ax-box-header .ax-operate {
  color: #333333;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-operate svg {
  fill: #fff;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-operate:hover svg {
  fill: #fff;
}
.ax-box.ax-bg-warning .ax-box-header .ax-operate svg {
  fill: #333333;
}
.ax-box.ax-bg-warning .ax-box-header .ax-operate:hover svg {
  fill: #333333;
}
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header[class*='ax-bar']:before,
.ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #fff;
}
.ax-box.ax-bg-warning .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bg-warning .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #333333;
}
.ax-box.ax-bg-primary {
  background-color: #198cff;
}
.ax-box.ax-bg-secondary {
  background-color: #475b66;
}
.ax-box.ax-bg-success {
  background-color: #41a358;
}
.ax-box.ax-bg-danger {
  background-color: #dc3545;
}
.ax-box.ax-bg-info {
  background-color: #14ccc9;
}
.ax-box.ax-bg-warning {
  background-color: #ffc107;
}
.ax-box.ax-bg-ad {
  background-color: #ff8400;
}
.ax-box.ax-bg-title {
  background-color: #333333;
}
.ax-box.ax-bglit-primary {
  background-color: #f0f7ff;
}
.ax-box.ax-bglit-primary .ax-box-header .ax-des,
.ax-box.ax-bglit-primary .ax-box-header .ax-operate {
  color: #6dacea;
}
.ax-box.ax-bglit-primary .ax-box-header .ax-operate:hover {
  color: #0b72da;
}
.ax-box.ax-bglit-primary .ax-box-header .ax-operate svg {
  fill: #6dacea;
}
.ax-box.ax-bglit-primary .ax-box-header .ax-operate:hover svg {
  fill: #0b72da;
}
.ax-box.ax-bglit-primary .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-primary .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #198cff;
}
.ax-box.ax-bglit-primary.ax-border {
  border-color: #d7e7f5;
}
.ax-box.ax-bglit-secondary {
  background-color: #f5f8fa;
}
.ax-box.ax-bglit-secondary .ax-box-header .ax-des,
.ax-box.ax-bglit-secondary .ax-box-header .ax-operate {
  color: #adc1cc;
}
.ax-box.ax-bglit-secondary .ax-box-header .ax-operate:hover {
  color: #383e42;
}
.ax-box.ax-bglit-secondary .ax-box-header .ax-operate svg {
  fill: #adc1cc;
}
.ax-box.ax-bglit-secondary .ax-box-header .ax-operate:hover svg {
  fill: #383e42;
}
.ax-box.ax-bglit-secondary .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-secondary .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #475b66;
}
.ax-box.ax-bglit-secondary.ax-border {
  border-color: #dfe3e5;
}
.ax-box.ax-bglit-success {
  background-color: #edfaf0;
}
.ax-box.ax-bglit-success .ax-box-header .ax-des,
.ax-box.ax-bglit-success .ax-box-header .ax-operate {
  color: #adccb5;
}
.ax-box.ax-bglit-success .ax-box-header .ax-operate:hover {
  color: #3b7649;
}
.ax-box.ax-bglit-success .ax-box-header .ax-operate svg {
  fill: #adccb5;
}
.ax-box.ax-bglit-success .ax-box-header .ax-operate:hover svg {
  fill: #3b7649;
}
.ax-box.ax-bglit-success .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-success .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #41a358;
}
.ax-box.ax-bglit-success.ax-border {
  border-color: #e1f0e5;
}
.ax-box.ax-bglit-danger {
  background-color: #fff0f1;
}
.ax-box.ax-bglit-danger .ax-box-header .ax-des,
.ax-box.ax-bglit-danger .ax-box-header .ax-operate {
  color: #ccadb0;
}
.ax-box.ax-bglit-danger .ax-box-header .ax-operate:hover {
  color: #b22c39;
}
.ax-box.ax-bglit-danger .ax-box-header .ax-operate svg {
  fill: #ccadb0;
}
.ax-box.ax-bglit-danger .ax-box-header .ax-operate:hover svg {
  fill: #b22c39;
}
.ax-box.ax-bglit-danger .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-danger .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #dc3545;
}
.ax-box.ax-bglit-danger.ax-border {
  border-color: #f0dddf;
}
.ax-box.ax-bglit-info {
  background-color: #ebfaf9;
}
.ax-box.ax-bglit-info .ax-box-header .ax-des,
.ax-box.ax-bglit-info .ax-box-header .ax-operate {
  color: #adcccb;
}
.ax-box.ax-bglit-info .ax-box-header .ax-operate:hover {
  color: #189593;
}
.ax-box.ax-bglit-info .ax-box-header .ax-operate svg {
  fill: #adcccb;
}
.ax-box.ax-bglit-info .ax-box-header .ax-operate:hover svg {
  fill: #189593;
}
.ax-box.ax-bglit-info .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-info .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #14ccc9;
}
.ax-box.ax-bglit-info.ax-border {
  border-color: #cef0f0;
}
.ax-box.ax-bglit-warning {
  color: #c8990b;
  background-color: #fffaeb;
}
.ax-box.ax-bglit-warning .ax-box-header .ax-des,
.ax-box.ax-bglit-warning .ax-box-header .ax-operate {
  color: #ccc4ad;
}
.ax-box.ax-bglit-warning .ax-box-header .ax-operate:hover {
  color: #c8990b;
}
.ax-box.ax-bglit-warning .ax-box-header .ax-operate svg {
  fill: #ccc4ad;
}
.ax-box.ax-bglit-warning .ax-box-header .ax-operate:hover svg {
  fill: #c8990b;
}
.ax-box.ax-bglit-warning .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-warning .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #ffc107;
}
.ax-box.ax-bglit-warning.ax-border {
  border-color: #f5edd7;
}
.ax-box.ax-bglit-ad {
  background-color: #fff5eb;
}
.ax-box.ax-bglit-ad .ax-box-header .ax-des,
.ax-box.ax-bglit-ad .ax-box-header .ax-operate {
  color: #ccbdad;
}
.ax-box.ax-bglit-ad .ax-box-header .ax-operate:hover {
  color: #c2690a;
}
.ax-box.ax-bglit-ad .ax-box-header .ax-operate svg {
  fill: #ccbdad;
}
.ax-box.ax-bglit-ad .ax-box-header .ax-operate:hover svg {
  fill: #c2690a;
}
.ax-box.ax-bglit-ad .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-ad .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #ff8400;
}
.ax-box.ax-bglit-ad.ax-border {
  border-color: #f5e7d7;
}
.ax-box.ax-bglit-title {
  background-color: #f5f5f5;
}
.ax-box.ax-bglit-title .ax-box-header .ax-des {
  color: #cccccc;
}
.ax-box.ax-bglit-title .ax-box-header[class*='ax-bar']:before,
.ax-box.ax-bglit-title .ax-box-header[class*='ax-bar'] .ax-title:before {
  background-color: #333333;
}
.ax-box.ax-bglit-title.ax-border {
  border-color: #ebebeb;
}
/*cube*/
.ax-lump {
  text-align: center;
  padding: calc(1.4rem*2) 1.4rem;
  box-sizing: border-box;
}
.ax-lump .ax-bone .ax-img {
  width: calc(1.4rem*4);
  height: calc(1.4rem*4);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
}
.ax-lump .ax-title {
  margin-top: calc(1.4rem*2);
  font-size: 1.6rem;
}
.ax-lump .ax-des {
  color: #666666;
  line-height: 1.8rem;
  margin: 0 auto calc(1.4rem*2) auto;
}
/*accordion*/
.ax-accordion .ax-item:not([disabled]) .ax-panel-header {
  cursor: pointer;
}
.ax-accordion .ax-item[disabled] > .ax-panel-header,
.ax-accordion .ax-item[disabled] > .ax-panel-header a,
.ax-accordion .ax-item[disabled] > .ax-panel-header .ax-more,
.ax-accordion .ax-item[disabled] > .ax-panel-header .ax-adorn {
  color: #ccc;
  cursor: text;
}
.ax-accordion .ax-item .ax-panel-body {
  display: none;
}
.ax-accordion .ax-item.ax-show > .ax-panel-header .ax-panel-close {
  transform: rotate(-180deg);
}
.ax-accordion .ax-item.ax-show > .ax-panel-header .ax-more,
.ax-accordion .ax-item.ax-show > .ax-panel-header .ax-adorn {
  transform: rotate(-90deg);
}
/*pagination*/
.ax-pagination {
  font-size: 1.2rem;
  text-align: center;
  line-height: 2.8rem;
  margin: 1.4rem auto;
}
.ax-pagination.ax-align-left :first-child {
  margin-left: 0;
}
.ax-pagination.ax-align-right :last-child {
  margin-right: 0;
}
.ax-pagination *[class*="font"] {
  font-size: 1rem;
}
.ax-pagination .ax-first i:not([class*="font"]),
.ax-pagination .ax-prev i:not([class*="font"]) {
  margin-right: 0.4rem;
  margin-left: -0.4rem;
}
.ax-pagination .ax-last i:not([class*="font"]),
.ax-pagination .ax-next i:not([class*="font"]) {
  margin-left: 0.4rem;
  margin-right: -0.4rem;
}
.ax-pagination .ax-core {
  display: inline-block;
}
.ax-pagination a {
  height: auto;
  line-height: 1.4rem;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  background-image: none;
  padding: 0.6rem 0.9rem;
  margin: 0 0.2rem;
  background-color: #fff;
  transition: all 100ms linear;
  position: relative;
}
.ax-pagination span.ax-active {
  color: #fff;
  height: auto;
  line-height: 1.4rem;
  padding: 0.6rem 0.9rem;
  margin: 0 0.2rem;
  border: 1px solid #198cff;
  border-radius: 0.3rem;
  background-image: none;
  background-color: #198cff;
}
.ax-pagination a span[class*="font"] {
  font-size: 1.2rem;
  margin: 0;
}
.ax-pagination span {
  margin: 0 0.2rem;
}
.ax-pagination input {
  font-size: 1.2rem;
  width: 4rem;
  height: 2.8rem;
  line-height: 2.8rem;
  border: 1px solid #ebebeb;
  text-align: center;
  margin: 0 0.2rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  background-color: #fff;
  position: relative;
  top: 0;
}
.ax-pagination input[type='button'],
.ax-pagination input[type='submit'],
.ax-pagination button[type='button'] {
  font-size: 1.2rem;
  height: 2.8rem;
  line-height: calc(2.8rem - 0.6rem);
  margin: 0 0.2rem;
  padding: 0 1rem;
}
.ax-pagination input[type='submit'] {
  width: auto;
  padding: 0 1rem;
  text-align: center;
  position: relative;
  top: 0rem;
}
.ax-pagination select {
  font-size: 1.2rem;
  -webkit-appearance: menulist-button;
  width: auto;
  height: 2.8rem;
  border: 1px solid #ebebeb;
  text-align: center;
  background-color: #fff;
  padding: 0 0 0 1rem;
  margin: 0 0.2rem;
}
.ax-pagination a:not(.ax-total):hover {
  color: #198cff;
  border-color: #198cff;
  text-decoration: none;
  background-color: rgba(25, 140, 255, 0.1);
  z-index: 2;
}
.ax-pagination a:not(.ax-total)[class*='active'],
.ax-pagination [class*='selected'] a:not(.ax-total),
.ax-pagination [class*='active'] a:not(.ax-total) {
  color: #fff;
  background-color: #198cff;
  border-color: #198cff;
}
.ax-pagination .ax-disabled {
  color: #b3b3b3 !important;
}
.ax-pagination .ax-disabled:hover {
  color: #b3b3b3 !important;
  background-color: #fff !important;
  border-color: #ebebeb !important;
  cursor: not-allowed;
}
.ax-pagination .ax-group {
  display: inline-block;
}
.ax-pagination .ax-group > span {
  border: 1px solid #ebebeb;
  background-color: #fff;
  height: auto;
  line-height: 1.4rem;
  margin: 0;
  padding: 0.6rem 0.9rem;
}
.ax-pagination .ax-group > * {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}
.ax-pagination .ax-group > *:not(.ax-active):hover {
  position: relative;
  z-index: 1;
}
.ax-pagination .ax-group > *:not(:last-child) {
  margin-right: -0.1rem;
}
.ax-pagination .ax-group :first-child {
  border-radius: 0.3rem 0 0 0.3rem;
}
.ax-pagination .ax-group :last-child {
  border-radius: 0 0.3rem 0.3rem 0;
}
.ax-pagination .ax-group .ax-core * {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}
.ax-pagination .ax-group .ax-core *:not(:last-child) {
  margin-right: -0.1rem;
}
.ax-pagination.ax-light a:not(.ax-active),
.ax-pagination.ax-light span:not(.ax-active),
.ax-pagination.ax-light a:not(.ax-active):hover,
.ax-pagination.ax-light span:not(.ax-active):hover {
  background: transparent !important;
  border: none !important;
}
.ax-pagination.ax-light a:not(.ax-total).ax-selected,
.ax-pagination.ax-light a:not(.ax-total).ax-active {
  height: 2.8rem;
  min-width: 2.8rem;
  text-align: center;
  line-height: 2.8rem;
  border-radius: 2.8rem;
  border-width: 0;
  padding: 0;
}
.ax-pagination li {
  display: inline-block;
}
.ax-pagination .pagination {
  text-align: center;
}
.ax-pagination[paging] {
  padding: calc(2.8rem/2) 0;
}
.ax-pageTurning {
  display: none;
  justify-content: center;
  align-items: center;
}
.ax-pageTurning.ax-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
/*statistics*/
.ax-statistics .ax-item {
  text-align: center;
  margin: 1.4rem auto;
  display: block;
}
.ax-statistics.ax-row .ax-item {
  width: 12rem;
}
.ax-statistics .ax-item .ax-text {
  font-size: 3rem;
  line-height: 3.8rem;
  position: relative;
}
.ax-statistics .ax-item .ax-dot {
  position: absolute;
  right: -0.6rem;
  top: 0.2rem;
}
.ax-statistics .ax-item .ax-badge {
  position: absolute;
  top: 0rem;
  right: -1.6rem;
}
.ax-statistics .ax-item .ax-image .ax-badge,
.ax-statistics .ax-item .ax-icon .ax-badge,
.ax-statistics .ax-item .ax-font01 .ax-badge {
  right: -1.2rem;
}
.ax-statistics .ax-item .ax-text .ax-arrow {
  font-size: 1.2rem;
  color: #dc3545;
  border: 1px solid #dc3545;
  background-color: #fff;
  line-height: 1.4rem;
  padding: 0 0.2rem;
  border-radius: 0.3rem;
  position: absolute;
  top: 0rem;
  right: -4rem;
}
.ax-statistics .ax-item .ax-title {
  color: #666666;
  display: block;
}
.ax-statistics .ax-text em {
  font-size: 1.2rem;
  line-height: 1.2rem;
  vertical-align: bottom;
}
/**/
.ax-statistics .ax-item .ax-image {
  float: left;
  height: 5.6rem;
  width: 5.6rem;
  border-radius: 100%;
  margin: 0rem 1rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.ax-statistics .ax-item .ax-icon {
  font-size: 2.2rem;
  color: #198cff;
  width: 5.6rem;
  height: 5.6rem;
  text-align: center;
  line-height: 5.6rem;
  border-radius: 100%;
  background-color: #f0f0f0;
  margin: 0rem 0.8rem;
  position: relative;
  float: left;
}
.ax-statistics .ax-item .ax-font01 {
  font-size: 5.6rem;
  line-height: 5.6rem;
  margin: 0rem 0.8rem;
  position: relative;
  float: left;
}
.ax-statistics .ax-item .ax-font03 {
  color: #666666;
  text-align: left;
  margin: 0rem 0.8rem;
  position: relative;
  float: left;
}
.ax-statistics .ax-item .ax-font02 {
  text-align: left;
  margin: 0rem 0.8rem;
  position: relative;
  line-height: 0;
  float: left;
}
.ax-statistics .ax-item .ax-font02 .ax-row01 {
  font-size: 3.8rem;
  line-height: 3.8rem;
}
.ax-statistics .ax-item .ax-font02 .ax-row02 {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.8rem;
}
/*cubes*/
.cubes {
  background-color: #fff;
}
.cubes .block {
  float: left;
  margin: 1.4rem 0 1.4rem 1.4rem;
  width: calc((100% - 1.4rem*3)/2);
  height: calc(16rem + 13.8rem);
  position: relative;
}
.cubes .block .img {
  display: block;
  height: 16rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover, 3.2rem 3.2rem;
  overflow: hidden;
  position: relative;
}
.cubes .block .title {
  font-weight: bold;
  line-height: 2.2rem;
  margin: 0.8rem 0;
  box-sizing: border-box;
}
.cubes .block .des {
  font-size: 1.2rem;
  line-height: 2.2rem;
  color: #808080;
  margin-bottom: 1.4rem;
  box-sizing: border-box;
}
.cubes .block .time {
  color: #ccc;
  font-size: 1rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.cubes .block .time .tmpfont {
  font-size: 1.2rem;
  margin-right: 0.4rem;
}
.fullcube .block {
  float: none;
  margin: calc(1.4rem*2);
  width: calc(100% - 1.4rem*4);
  height: auto;
}
.fullcube .block .img {
  height: 12rem;
}
.fullcube .block .time {
  position: inherit;
  left: auto;
  bottom: auto;
}
/*breadcrumb*/
.ax-breadcrumb {
  font-size: 1.4rem;
}
.ax-breadcrumb *[class*='font'] {
  font-size: 1.4rem;
}
.ax-breadcrumb .ax-title {
  color: #666666;
}
.ax-breadcrumb .ax-title[class*='font'] {
  font-size: 1.4rem;
  margin-right: 0.8rem;
}
.ax-breadcrumb a {
  color: #666666;
}
.ax-breadcrumb a [class*='font'] {
  color: #666666;
  font-size: 1.4rem;
  width: auto;
  margin-right: 0.4rem;
}
.ax-breadcrumb a:hover,
.ax-breadcrumb a:hover i {
  color: #198cff;
}
.ax-breadcrumb a[class*='font'] {
  font-size: 1.4rem;
}
.ax-breadcrumb .ax-gutter {
  color: #ccc;
  font-size: 1.2rem;
  text-align: center;
  margin: auto 0.8rem;
  display: inline;
}
.ax-breadcrumb .ax-gutter[class*='font'] {
  font-size: 1rem;
}
.ax-breadcrumb .ax-gutter[class*='code'] {
  font-size: 1.8rem;
}
/*empty*/
.ax-empty {
  font-size: 1.4rem;
  text-align: center;
  padding: calc(1.4rem*2) 0;
  margin: auto;
}
.ax-empty .ax-icon {
  line-height: 4.4rem;
}
.ax-empty .ax-icon [class*='font'] {
  font-size: 4.4rem;
  color: #ccc;
}
.ax-empty .ax-icon img {
  max-height: 5.4rem;
}
.ax-empty .ax-title {
  color: #ccc;
}
.ax-empty .ax-operate {
  margin-top: 1.4rem;
}
.ax-empty .ax-operate a {
  color: #666666;
  margin: 0 0.8rem;
  text-decoration: underline;
}
.ax-empty .ax-operate a:hover {
  color: #198cff;
}
/*scrollnav*/
/*complete*/
.ax-complete-tips {
  color: #666666;
}
.ax-popup .ax-complete-tips {
  font-size: 1.2rem;
  line-height: 2.8rem;
  padding: 0 1.4rem;
}
.ax-complete-list .ax-mark {
  color: #dc3545;
}
/*step*/
.ax-step {
  text-align: center;
  box-sizing: border-box;
  display: flex;
}
.ax-step .ax-item {
  flex: auto;
  width: calc((100%/24)*2);
  position: relative;
}
.ax-step .ax-item .ax-head {
  font-size: 1.2rem;
  line-height: 1.8rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.3rem;
  position: relative;
  margin-bottom: 0.8rem;
}
.ax-step .ax-item .ax-mark {
  width: 100%;
  line-height: 0.6rem;
  box-sizing: border-box;
  display: flex;
  zoom: 1;
}
.ax-step .ax-item .ax-node {
  color: #198cff;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  border: 0.2rem solid #198cff;
  background-color: #fff;
  display: inline-block;
  position: relative;
}
.ax-step .ax-item .ax-mark div {
  flex: auto;
  width: 0;
  height: 0.2rem;
  background-color: #198cff;
  margin-top: 0.4rem;
}
.ax-step .ax-item .ax-title {
  color: #333333;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin: 0.8rem auto;
}
.ax-step .ax-item .ax-des {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.8rem;
  margin: 0 1.4rem;
}
.ax-step .ax-item.ax-active .ax-node {
  border-color: #198cff;
  color: #198cff;
}
.ax-step .ax-item.ax-active ~ .ax-item .ax-mark div {
  background-color: #ccc;
}
.ax-step .ax-item.ax-active ~ .ax-item .ax-mark .ax-node {
  border-color: #ccc;
  color: #ccc;
}
.ax-step .ax-item.ax-active ~ .ax-item .ax-title,
.ax-step .ax-item.ax-active ~ .ax-item .ax-head,
.ax-step .ax-item.ax-active ~ .ax-item .ax-des {
  color: #ccc;
}
.ax-step .ax-item.ax-active .ax-head {
  color: #fff;
  background-color: #198cff;
  align-self: baseline;
}
.ax-step .ax-item.ax-active .ax-head:before {
  content: '';
  width: 0;
  height: 0;
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid #198cff;
  margin-left: -0.5rem;
  position: absolute;
  left: 50%;
  bottom: -0.4rem;
}
/**/
.ax-step.ax-ends-none:not(.ax-vertical) .ax-item:first-child .ax-mark div:first-child,
.ax-step.ax-ends-none:not(.ax-vertical) .ax-item:last-child .ax-mark div:last-child,
.ax-step.ax-ends-none:not(.ax-vertical) .ax-item.ax-active ~ .ax-item:last-child .ax-mark div:last-child {
  background: transparent;
}
.ax-step.ax-ends-none:not(.ax-vertical) .ax-item.ax-active .ax-mark div:last-child {
  background-color: #ccc;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child {
  text-align: left;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child .ax-des {
  margin-left: 0;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child {
  text-align: right;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child .ax-des {
  margin-right: 0;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child .ax-mark div:first-child,
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child .ax-mark div:last-child {
  display: none;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child .ax-mark div:last-child,
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child .ax-mark div:first-child {
  width: 100%;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item.ax-active .ax-mark div:last-child {
  background-color: #ccc;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child:not(.ax-active) .ax-head {
  padding-left: 0;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child:not(.ax-active) .ax-head {
  padding-right: 0;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child.ax-active .ax-head:before {
  left: 0.5rem;
}
.ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child.ax-active .ax-head:before {
  left: auto;
  right: 0;
}
/**/
.ax-step.ax-style-dot .ax-item .ax-node {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  border: none;
  background-color: #198cff;
}
.ax-step.ax-style-dot .ax-item.ax-active ~ .ax-item .ax-node {
  background-color: #ccc;
}
.ax-step.ax-style-circle .ax-item .ax-node {
  font-size: 1.2rem;
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  background: transparent;
}
.ax-step.ax-ends-scatter.ax-style-circle .ax-item:first-child.ax-active .ax-head:before {
  left: 1.1rem;
}
.ax-step.ax-ends-scatter.ax-style-circle .ax-item:last-child.ax-active .ax-head:before {
  left: auto;
  right: 0.6rem;
}
.ax-step.ax-style-circle .ax-item .ax-node *[class*="font"] {
  font-size: 1.2rem;
}
.ax-step.ax-style-circle .ax-item .ax-mark div {
  margin-top: 1rem;
}
.ax-step.ax-style-img .ax-item .ax-node {
  font-size: 2.2rem;
  width: 4.4rem;
  height: 4.4rem;
  line-height: 4.4rem;
  text-align: center;
  border-radius: 0;
  border: none;
  background: transparent;
}
.ax-step.ax-style-img .ax-item .ax-node img {
  max-width: 4.4rem;
}
.ax-step.ax-style-img .ax-item .ax-node *[class*="font"] {
  font-size: 2.2rem;
}
.ax-step.ax-ends-scatter.ax-style-img .ax-item:first-child.ax-active .ax-head:before {
  left: 2.2rem;
}
.ax-step.ax-ends-scatter.ax-style-img .ax-item:last-child.ax-active .ax-head:before {
  left: auto;
  right: 1.7rem;
}
.ax-step.ax-style-img .ax-item .ax-mark div {
  margin-top: 2.1rem;
}
/**/
.ax-step.ax-vertical {
  display: block;
}
.ax-step.ax-vertical .ax-item {
  width: 100%;
  flex: none;
  display: flex;
}
.ax-step.ax-vertical .ax-item .ax-mark {
  height: 100%;
  width: 1rem;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.ax-step.ax-vertical .ax-item .ax-mark div {
  width: 0.2rem;
  height: 6rem;
  margin-top: 0;
  margin-left: 0.4rem;
  flex: auto;
}
.ax-step.ax-vertical .ax-item .ax-mark div:first-child {
  height: 0.7rem;
}
.ax-step.ax-vertical .ax-item:first-child .ax-mark div:first-child {
  background: transparent;
}
.ax-step.ax-vertical .ax-item:last-child .ax-mark div:last-child {
  display: none;
}
.ax-step.ax-vertical .ax-item.ax-active .ax-mark div:last-child {
  background-color: #ccc;
}
.ax-step.ax-vertical .ax-text {
  text-align: left;
  margin-left: 1.4rem;
  flex: auto;
  width: 0;
}
.ax-step.ax-vertical .ax-text .ax-title {
  line-height: 2.2rem;
  margin: 0;
}
.ax-step.ax-vertical .ax-text .ax-des {
  margin: 0.4rem 0 0 0;
}
.ax-step.ax-vertical .ax-head {
  width: 6rem;
  margin-bottom: 0;
  margin-right: 0.8rem;
  padding: 0.2rem;
  color: #666666;
  vertical-align: top;
}
.ax-step.ax-vertical .ax-item.ax-active .ax-head:before {
  width: 0;
  height: 0;
  margin-left: 0;
  bordr-right: 0;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid #198cff;
  left: auto;
  bottom: auto;
  top: 0.6rem;
  right: -0.9rem;
}
.ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark {
  width: 2.2rem;
}
.ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark div {
  margin-left: 1rem;
}
.ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark div:first-child {
  display: none;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-mark {
  width: 4.4rem;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-mark div {
  margin-left: 2.1rem;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-head,
.ax-step.ax-vertical.ax-style-img .ax-item .ax-title {
  margin-top: 1rem;
}
.ax-step.ax-vertical.ax-style-img .ax-item .ax-mark div:first-child {
  display: none;
}
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-head,
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-des,
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active .ax-des {
  color: #333333;
}
.ax-step.ax-vertical.ax-reverse .ax-item .ax-mark div {
  background-color: #ccc;
}
.ax-step.ax-vertical.ax-reverse .ax-item .ax-title,
.ax-step.ax-vertical.ax-reverse .ax-item:not(.ax-active) .ax-head,
.ax-step.ax-vertical.ax-reverse .ax-item .ax-des {
  color: #ccc;
}
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active .ax-title,
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-title {
  color: #333333;
}
.ax-step.ax-vertical.ax-reverse .ax-item:not(.ax-active) .ax-node {
  color: #ccc;
  border-color: #ccc;
}
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-node {
  color: #198cff;
  border-color: #198cff;
}
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active .ax-mark div:last-child,
.ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-mark div {
  background-color: #198cff;
}
.ax-step.ax-vertical.ax-reverse.ax-style-dot .ax-item:not(.ax-active) .ax-node {
  background-color: #ccc;
}
.ax-step.ax-vertical.ax-reverse.ax-style-dot .ax-item.ax-active ~ .ax-item .ax-node {
  background-color: #198cff;
}
/*backtop*/
.ax-backtop {
  display: inline-block;
  position: fixed;
  right: 1.4rem;
  bottom: 1.4rem;
  z-index: 610;
}
.ax-space-backtop {
  height: 5.4rem;
}
.ax-backtop .ax-item {
  margin-top: 1rem;
  position: relative;
}
.ax-backtop .ax-item > a {
  font-size: 1.8rem;
  color: rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-sizing: border-box;
  width: 3.8rem;
  height: 3.8rem;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.12) inset;
  background-color: rgba(255, 255, 255, 0.2);
  transition: all 200ms linear;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ax-backtop .ax-item > a:hover,
.ax-backtop .ax-item.ax-active > a {
  color: #198cff;
  box-shadow: 0 0 0 0.1rem #198cff inset;
}
.ax-backtop .ax-text {
  font-size: 1.2rem;
  line-height: 1.8rem;
  width: 12rem;
  padding: 0.9rem;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 4.6rem;
  bottom: 0;
  z-index: 5;
  display: none;
}
.ax-backtop .ax-text img {
  width: 100%;
}
.ax-backtop .ax-text:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  box-shadow: 1px 0.1rem 0 0 #ebebeb;
  transform: rotate(-45deg);
  position: absolute;
  right: -0.4rem;
  bottom: 1.5rem;
}
.ax-backtop .ax-text:after {
  content: '';
  width: 0.8rem;
  height: 100%;
  background: transparent;
  position: absolute;
  right: -0.9rem;
  top: 0;
}
.ax-backtop .ax-item .ax-dot {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  z-index: 2;
}
.ax-backtop .ax-item .ax-badge {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  z-index: 2;
}
.ax-backtop .ax-item.ax-social .ax-text {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.ax-backtop .ax-item.ax-social .ax-text a {
  font-size: 1.8rem;
  color: #666666;
  text-align: center;
  width: 1.8rem;
  margin: 0 0.4rem;
}
.ax-backtop .ax-item.ax-image > a {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.ax-backtop .ax-item.ax-load > a {
  background-position: center;
  background-size: 1.8rem;
  background-repeat: no-repeat;
  background-image: var(--load-svg);
}
.ax-backtop .ax-item.ax-totop {
  overflow: hidden;
}
.ax-backtop .ax-item.ax-totop > a {
  margin-bottom: -8rem;
}
.ax-backtop .ax-item.ax-totop .ax-show {
  margin-bottom: 0;
}
.ax-backtop .ax-item.ax-focus > a {
  box-shadow: 0 0 0 0.1rem #198cff inset;
}
.ax-backtop .ax-item.ax-focus:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  background-color: rgba(25, 140, 255, 0.2);
  transform: scale(1.3);
  position: absolute;
}
.ax-backtop.ax-lg .ax-item > a {
  font-size: 2.8rem;
  width: calc(2.8rem*2);
  height: calc(2.8rem*2);
}
.ax-backtop.ax-radius .ax-item a,
.ax-backtop.ax-radius .ax-item.ax-online:before {
  border-radius: 0.3rem;
}
.ax-backtop.ax-square .ax-item a,
.ax-backtop.ax-square .ax-item.ax-focus:before {
  border-radius: 0;
}
.ax-backtop.ax-round .ax-item a,
.ax-backtop.ax-round .ax-item.ax-focus:before {
  border-radius: 100%;
}
.ax-backtop.ax-round .ax-item .ax-dot {
  top: 0;
  right: 0;
}
.ax-backtop.ax-lg .ax-text {
  line-height: 2.8rem;
  padding: 1.4rem;
  right: 6.4rem;
  width: 18rem;
}
.ax-backtop.ax-lg .ax-text:before {
  bottom: 2.3rem;
}
.ax-backtop.ax-lg .ax-item.ax-social .ax-text a {
  font-size: 2.2rem;
  width: 2.8rem;
}
/*progress*/
.ax-progress {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ax-progress svg {
  width: 15rem;
}
.ax-progress svg path {
  fill: none;
  stroke-width: 0.4rem;
  transition: all 300ms cubic-bezier(0.18, 0.64, 0.56, 1);
}
.ax-progress svg path[track] {
  stroke: #f0f0f0;
}
.ax-progress svg path[bar] {
  stroke: #198cff;
}
/*完成判断*/
.ax-progress [complete] {
  display: none;
}
.ax-progress[complete="true"] [complete] {
  color: #198cff;
  display: inline-block;
}
.ax-progress[complete="true"] [unit],
.ax-progress[complete="true"] [progress],
.ax-progress[complete="true"] [tips] {
  display: none;
}
.ax-progress[type="line"] [track] {
  height: 0.6rem;
  border-radius: 0.6rem;
  flex: auto;
  display: block;
}
.ax-progress[type="line"]:not([track="false"]) [track] {
  background-color: #f0f0f0;
}
.ax-progress[type="line"] [bar] {
  height: 100%;
  background-color: #198cff;
  border-radius: 0.6rem;
  transition: width 200ms cubic-bezier(0.18, 0.64, 0.56, 1), background-color 200ms cubic-bezier(0.18, 0.64, 0.56, 1);
}
.ax-progress[type="line"] [label] {
  font-size: 1.2rem;
}
.ax-progress[type="line"] [track] + [label] {
  margin-left: 0.8rem;
}
.ax-progress[type="line"][linecap="square"] [track],
.ax-progress[type="line"][linecap="square"] [bar] {
  border-radius: 0;
}
.ax-progress[type*="circle"] [label] {
  text-align: center;
  position: absolute;
  left: 50%;
}
.ax-progress[type*="circle"] [label] [tips] {
  color: #b3b3b3;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.ax-progress[type*="circle"] [label] [progress] {
  font-size: 1.8rem;
}
.ax-progress[type="circle"] path {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
.ax-progress[type="circle"] [label] {
  transform: translate(-50%, -50%);
  top: 50%;
}
.ax-progress[type="semicircle"] [label] {
  transform: translate(-50%, 0);
  bottom: 8px;
}
.ax-progress[type="gapcircle"] [label] {
  transform: translate(-50%, -50%);
  top: 60%;
}
/*尺寸*/
.ax-progress[size="sm"][type="line"] [track],
.ax-progress[size="sm"][type="line"] [bar] {
  height: 0.2rem;
  border-radius: 0.2rem;
}
.ax-progress[size="sm"] svg {
  width: 10rem;
}
.ax-progress[size="sm"] svg path {
  stroke-width: 0.2rem;
}
.ax-progress[size="sm"][type*="circle"] [result] {
  line-height: 1.8rem;
}
.ax-progress[size="sm"][type*="circle"] [progress] {
  font-size: 1.4rem;
}
.ax-progress[size="sm"][type="semicircle"] [label] {
  bottom: 8px;
}
.ax-progress[size="lg"][type="line"] [track],
.ax-progress[size="lg"][type="line"] [bar] {
  height: 1.2rem;
  border-radius: 1.2rem;
}
.ax-progress[size="lg"][type="line"] [progress] {
  font-size: 1.8rem;
}
.ax-progress[size="lg"][type="line"] [unit] {
  font-size: 1.4rem;
}
.ax-progress[size="lg"] svg {
  width: 20rem;
}
.ax-progress[size="lg"] svg path {
  stroke-width: 0.6rem;
}
.ax-progress[size="lg"][type="semicircle"] [label] {
  bottom: 12px;
}
/*hover*/
.ax-progress[type*="circle"] [bar]:hover {
  stroke-width: 0.6rem;
}
.ax-progress[type*="circle"][size="sm"] [bar]:hover {
  stroke-width: 0.4rem;
}
.ax-progress[type*="circle"][size="lg"] [bar]:hover {
  stroke-width: 0.8rem;
}
/*风格*/
.ax-progress[color="primary"] [track] {
  background-color: #f0f7ff;
  stroke: #f0f7ff;
}
.ax-progress[color="primary"] [bar] {
  background-color: #198cff;
  stroke: #198cff;
}
.ax-progress[color="primary"][gradient] [bar] {
  background: linear-gradient(90deg, #198cff, #6619ff);
  stroke: url(#svgbar-primary);
}
.ax-progress[color="primary"][complete="true"] [complete] {
  color: #198cff;
}
.ax-progress[color="secondary"] [track] {
  background-color: #f5f8fa;
  stroke: #f5f8fa;
}
.ax-progress[color="secondary"] [bar] {
  background-color: #475b66;
  stroke: #475b66;
}
.ax-progress[color="secondary"][gradient] [bar] {
  background: linear-gradient(90deg, #475b66, #63a0be);
  stroke: url(#svgbar-secondary);
}
.ax-progress[color="secondary"][complete="true"] [complete] {
  color: #475b66;
}
.ax-progress[color="danger"] [track] {
  background-color: #fff0f1;
  stroke: #fff0f1;
}
.ax-progress[color="danger"] [bar] {
  background-color: #dc3545;
  stroke: #dc3545;
}
.ax-progress[color="danger"][gradient] [bar] {
  background: linear-gradient(90deg, #dc3545, #ffc000);
  stroke: url(#svgbar-danger);
}
.ax-progress[color="danger"][complete="true"] [complete] {
  color: #dc3545;
}
.ax-progress[color="success"] [track] {
  background-color: #edfaf0;
  stroke: #edfaf0;
}
.ax-progress[color="success"] [bar] {
  background-color: #41a358;
  stroke: #41a358;
}
.ax-progress[color="success"][gradient] [bar] {
  background: linear-gradient(90deg, #41a358, #b2d956);
  stroke: url(#svgbar-success);
}
.ax-progress[color="success"][complete="true"] [complete] {
  color: #41a358;
}
.ax-progress[color="warning"] [track] {
  background-color: #fffaeb;
  stroke: #fffaeb;
}
.ax-progress[color="warning"] [bar] {
  background-color: #ffc107;
  stroke: #ffc107;
}
.ax-progress[color="warning"][gradient] [bar] {
  background: linear-gradient(90deg, #ffc107, #ffde7a);
  stroke: url(#svgbar-warning);
}
.ax-progress[color="warning"][complete="true"] [complete] {
  color: #14ccc9;
}
.ax-progress[color="info"] [track] {
  background-color: #ebfaf9;
  stroke: #ebfaf9;
}
.ax-progress[color="info"] [bar] {
  background-color: #14ccc9;
  stroke: #14ccc9;
}
.ax-progress[color="info"][gradient] [bar] {
  background: linear-gradient(90deg, #14ccc9, #2c7be6);
  stroke: url(#svgbar-info);
}
.ax-progress[color="info"][complete="true"] [complete] {
  color: #14ccc9;
}
.ax-progress[color="ad"] [track] {
  background-color: #fff5eb;
  stroke: #fff5eb;
}
.ax-progress[color="ad"] [bar] {
  background-color: #ff8400;
  stroke: #ff8400;
}
.ax-progress[color="ad"][gradient] [bar] {
  background: linear-gradient(90deg, #ff8400, #ffdd23);
  stroke: url(#svgbar-ad);
}
.ax-progress[color="ad"][complete="true"] [complete] {
  color: #ff8400;
}
/*filter*/
.ax-filter {
  font-size: 1.4rem;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
.ax-filter .ax-toggle {
  color: #ccc;
}
.ax-filter .ax-other {
  display: none;
}
.ax-filter .ax-item {
  position: relative;
  padding: 0.6rem 1.4rem;
  box-sizing: border-box;
}
.ax-filter.ax-padding .ax-item {
  padding-left: 0;
  padding-right: 0;
}
.ax-filter .ax-item .ax-head {
  color: #b3b3b3;
  margin-right: 1rem;
  padding-right: 1rem;
  position: relative;
}
.ax-filter .ax-item .ax-head:before {
  content: '';
  width: 1px;
  height: 1.2rem;
  background-color: #f0f0f0;
  position: absolute;
  right: 0rem;
  top: 0.8rem;
}
.ax-filter .ax-item .ax-text a {
  padding: 0 1rem;
  border-radius: 1.4rem;
}
.ax-filter .ax-item .ax-text a:hover {
  background-color: #f0f0f0;
}
.ax-filter .ax-item .ax-text a.ax-active {
  color: #fff;
  background-color: #198cff;
}
.ax-filter .ax-search-box .ax-head {
  line-height: 3.8rem;
}
.ax-filter .ax-search-box .ax-head:before {
  top: 1.3rem;
}
.ax-filter .ax-search {
  width: 30rem;
  height: 3.8rem;
  margin-right: 2.4rem;
  position: relative;
  float: left;
}
.ax-filter .ax-search input {
  font-size: 1.4rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ax-filter .ax-flex-block .ax-search a {
  color: #b3b3b3;
  width: 4.4rem;
  height: 3.8rem;
  line-height: 3.8rem;
  text-align: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ax-filter .ax-flex-block .ax-search a:hover {
  background: transparent;
  color: #198cff;
}
.ax-filter .ax-search a:after {
  content: '';
  width: 1px;
  height: 1.6rem;
  background-color: #f0f0f0;
  position: absolute;
  left: 0;
  top: 1.1rem;
}
.ax-filter .ax-hot {
  font-size: 1.2rem;
  color: #666666;
  margin-top: 0.5rem;
}
.ax-filter .ax-toggle *[class*='font'] {
  transition: transform 200ms linear, box-shadow 200ms linear;
  -webkit-transition: transform 200ms linear, box-shadow 200ms linear;
}
.ax-filter .ax-ad {
  width: 100%;
}
.ax-filter .ax-ad a {
  display: block;
}
.ax-filter .ax-ad img {
  display: block;
  width: 100%;
}
/*btn deform*/
.ax-deform {
  width: 3.8rem;
  height: 3.8rem;
  line-height: 3.8rem;
  text-align: center;
  border-radius: 0.3rem;
  transition: all 200ms linear;
  position: relative;
}
.ax-deform:before {
  border-radius: 0.3rem;
}
.ax-deform i {
  height: 0.2rem;
  width: 1.6rem;
  background-color: #666666;
  border-radius: 0.2rem;
  transition: all 200ms linear;
  position: absolute;
  left: calc((100% - 1.6rem)/2);
  top: calc(50% - 0.1rem);
}
.ax-deform.ax-i .ax-1 {
  width: 0.2rem;
  top: calc((100% - 1.6rem)/2);
  left: calc(50% - 0.1rem);
}
.ax-deform.ax-i .ax-2 {
  width: 1.4rem;
  transform: rotate(90deg);
  top: calc(50% + 0.2rem);
  left: calc((100% - 1.4rem)/2);
}
.ax-deform.ax-e .ax-1 {
  top: calc(50% - 0.6rem);
}
.ax-deform.ax-e .ax-3 {
  top: calc(50% + 0.4rem);
}
.ax-deform.ax-t .ax-2 {
  transform: rotate(90deg);
}
.ax-deform.ax-x .ax-1 {
  transform: rotate(-45deg);
}
.ax-deform.ax-x .ax-2 {
  transform: rotate(45deg);
}
.ax-deform.ax-x .ax-3 {
  opacity: 0;
}
.ax-deform.ax-border {
  border: none;
}
.ax-deform.ax-border:before {
  content: "";
  pointer-events: none;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  height: 100%;
  border-color: rgba(0, 0, 0, 0.12);
}
.ax-deform.ax-square {
  border-radius: 0;
}
.ax-deform.ax-square:before {
  border-radius: 0;
}
.ax-deform.ax-radius {
  border-radius: 0.3rem;
}
.ax-deform.ax-radius:before {
  border-radius: 0.3rem;
}
.ax-deform.ax-circle {
  border-radius: 100%;
}
.ax-deform.ax-circle:before {
  border-radius: 100%;
}
.ax-deform.ax-disabled i {
  background-color: #ccc;
}
.ax-deform.ax-lg {
  width: calc(4.4rem + 1rem);
  height: calc(4.4rem + 1rem);
}
.ax-deform.ax-lg i {
  width: 2.4rem;
  left: calc((100% - 2.4rem)/2);
}
.ax-deform.ax-lg.ax-i .ax-1 {
  top: calc((100% - 2.4rem)/2);
}
.ax-deform.ax-lg.ax-i .ax-2 {
  width: 2rem;
  left: calc((100% - 2rem)/2);
  transform: rotate(90deg);
}
.ax-deform.ax-lg.ax-e .ax-1 {
  top: calc(50% - 0.8rem);
}
.ax-deform.ax-lg.ax-e .ax-3 {
  top: calc(50% + 0.6rem);
}
.ax-deform.ax-md {
  width: 3.8rem;
  height: 3.8rem;
}
.ax-deform.ax-sm {
  width: 2.8rem;
  height: 2.8rem;
}
.ax-deform.ax-sm i {
  width: 1.2rem;
  left: calc((100% - 1.2rem)/2);
}
.ax-deform.ax-sm.ax-i .ax-1 {
  top: calc((100% - 1.2rem)/2);
}
.ax-deform.ax-sm.ax-i .ax-2 {
  width: 0.8rem;
  transform: rotate(90deg);
  left: calc((100% - 0.8rem)/2);
}
.ax-deform.ax-e.ax-sm .ax-1 {
  top: calc(50% - 0.5rem);
}
.ax-deform.ax-e.ax-sm .ax-3 {
  top: calc(50% + 0.3rem);
}
.ax-deform.ax-primary i {
  background-color: #198cff;
}
.ax-deform.ax-primary:before {
  border-color: #198cff;
}
.ax-deform.ax-secondary i {
  background-color: #475b66;
}
.ax-deform.ax-secondary:before {
  border-color: #475b66;
}
.ax-deform.ax-success i {
  background-color: #41a358;
}
.ax-deform.ax-success:before {
  border-color: #41a358;
}
.ax-deform.ax-danger i {
  background-color: #dc3545;
}
.ax-deform.ax-danger:before {
  border-color: #dc3545;
}
.ax-deform.ax-warning i {
  background-color: #ffc107;
}
.ax-deform.ax-warning:before {
  border-color: #ffc107;
}
.ax-deform.ax-info i {
  background-color: #14ccc9;
}
.ax-deform.ax-info:before {
  border-color: #14ccc9;
}
.ax-deform.ax-ad i {
  background-color: #ff8400;
}
.ax-deform.ax-ad:before {
  border-color: #ff8400;
}
.ax-deform.ax-ignore i {
  background-color: #b3b3b3;
}
.ax-deform.ax-ignore:before {
  border-color: #b3b3b3;
}
.ax-deform.ax-reverse {
  background-color: #333333;
}
.ax-deform.ax-reverse:before {
  display: none;
}
.ax-deform.ax-reverse i {
  background-color: #fff;
}
.ax-deform.ax-reverse.ax-primary {
  background-color: #198cff;
}
.ax-deform.ax-reverse.ax-secondary {
  background-color: #475b66;
}
.ax-deform.ax-reverse.ax-success {
  background-color: #41a358;
}
.ax-deform.ax-reverse.ax-danger {
  background-color: #dc3545;
}
.ax-deform.ax-reverse.ax-warning {
  background-color: #ffc107;
}
.ax-deform.ax-reverse.ax-info {
  background-color: #14ccc9;
}
.ax-deform.ax-reverse.ax-ad {
  background-color: #ff8400;
}
.ax-deform.ax-reverse.ax-ignore {
  background-color: #f0f0f0;
}
.ax-deform.ax-reverse.ax-ignore i {
  background-color: #b3b3b3;
}
.ax-deform.ax-disabled {
  cursor: not-allowed;
}
.ax-deform.ax-disabled:not(.ax-reverse) i {
  background-color: #ccc !important;
}
.ax-deform.ax-disabled:not(.ax-reverse):before {
  border-color: #ebebeb !important;
}
.ax-deform.ax-reverse.ax-disabled {
  opacity: 0.3;
}
/*dialog*/
.ax-dialog {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: -1000rem;
  top: 0;
  z-index: 810;
}
.ax-dialog .ax-dialog-overlay {
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0;
  transition: all 200ms linear;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.ax-dialog[data-overlay="true"] .ax-dialog-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}
.ax-dialog[data-overlay="false"] .ax-dialog-overlay {
  display: none;
}
.ax-dialog .ax-dialog-wrapper {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: calc(0.3rem*3);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  opacity: 1;
  animation-duration: 300ms;
  animation-fill-mode: both;
  position: relative;
  z-index: 9;
}
.ax-dialog[data-size="sm"] .ax-dialog-wrapper {
  width: calc(50rem/2);
}
.ax-dialog[data-size="md"] .ax-dialog-wrapper {
  width: 50rem;
}
.ax-dialog[data-size="lg"] .ax-dialog-wrapper {
  width: calc(100% - 1.4rem*2);
}
.ax-dialog[data-size="full"] .ax-dialog-wrapper {
  width: calc(100% - 1.4rem*2);
  height: calc(100% - 1.4rem*2);
}
.ax-dialog[data-size="full"] .ax-flex-block {
  overflow: hidden;
}
.ax-dialog[data-size="full"] .ax-dialog-body {
  max-height: calc(100% - 6.6rem);
}
.ax-dialog[data-overlay="true"] .ax-dialog-wrapper {
  border: none;
  box-shadow: none;
}
.ax-dialog.ax-dialog-show {
  left: 0;
  top: 0;
}
.ax-dialog.ax-dialog-show .ax-dialog-overlay {
  opacity: 1;
}
.ax-dialog.ax-dialog-hide .ax-dialog-overlay {
  opacity: 0;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-wrapper > .ax-dialog-close {
  right: calc(-3.8rem);
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close [class*='font'] {
  color: #fff;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close svg {
  fill: #fff;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close:hover [class*='font'] {
  color: #dc3545;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close:hover svg {
  fill: #dc3545;
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-wrapper > .ax-dialog-close [class*='font'] {
  color: rgba(0, 0, 0, 0.3);
}
.ax-dialog[data-closeplace="outside"] .ax-dialog-wrapper > .ax-dialog-close svg {
  fill: rgba(0, 0, 0, 0.3);
}
.ax-dialog[data-closeplace="bottom"] .ax-dialog-wrapper > .ax-dialog-close {
  margin-right: calc(-3.8rem/2);
  border-radius: 3.8rem;
  background-color: #fff;
  top: auto;
  bottom: calc(-3.8rem*2);
  right: 50%;
}
.ax-dialog[data-closeplace="bottom"][data-overlay="false"] .ax-dialog-wrapper > .ax-dialog-close {
  border: 1px solid #ebebeb;
  bottom: calc(-3.8rem*2);
}
.ax-dialog-header {
  text-align: left;
  line-height: 3.8rem;
  border-radius: calc(0.3rem*3) calc(0.3rem*3) 0 0;
  box-sizing: border-box;
  padding-left: 1.4rem;
  background-color: #fff;
  position: relative;
}
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close {
  width: 3.8rem;
  height: 3.8rem;
  text-align: center;
  line-height: 3.8rem;
  transition: all 200ms linear;
  color: #b3b3b3;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close [class*='font'],
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close svg {
  color: #b3b3b3;
  fill: #b3b3b3;
  transition: all 200ms linear;
}
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close:hover [class*='font'],
.ax-dialog .ax-dialog-wrapper > .ax-dialog-close:hover svg {
  color: #dc3545;
  fill: #dc3545;
}
.ax-dialog-body {
  position: relative;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ax-dialog .ax-dialog-body .ax-dialog-content {
  overflow: hidden;
  position: relative;
}
.ax-dialog .ax-media-container img,
.ax-dialog .ax-media-container video,
.ax-dialog .ax-media-container audio {
  max-width: 100%;
}
.ax-dialog .ax-media-container video,
.ax-dialog .ax-media-container audio {
  width: 100%;
  display: block;
}
.ax-dialog .ax-media-title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3.8rem;
  text-align: center;
  margin: 1.4rem 0 0.8rem 0;
}
.ax-dialog[data-type="pictrue"] .ax-dialog-content,
.ax-dialog[data-type="video"] .ax-dialog-content,
.ax-dialog[data-type="audio"] .ax-dialog-content {
  text-align: center;
}
.ax-dialog .ax-note {
  font-size: 1.4rem;
  line-height: 1.8rem;
  height: 3.8rem;
  display: flex;
  align-items: center;
}
.ax-dialog[data-footerType="center"] .ax-note,
.ax-dialog[data-footerType="line"] .ax-note {
  border-top: 1px solid #ebebeb;
  border-bottom-left-radius: calc(0.3rem*3);
  border-bottom-right-radius: calc(0.3rem*3);
  background-color: #fafafa;
  justify-content: center;
}
.ax-dailog[data-footerType="right"] .ax-note {
  justify-content: flex-start;
}
.ax-dialog-footer {
  border-radius: 0 0 calc(0.3rem*3) calc(0.3rem*3);
  overflow-y: hidden;
}
.ax-dialog-footer a.ax-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ax-dialog-footer .ax-btn {
  margin: 0 0.8rem;
}
.ax-dialog-footer .ax-btns .ax-btn {
  margin: 0;
}
.ax-dialog-footer > .ax-row {
  line-height: 4.4rem;
  text-align: center;
}
.ax-dialog-footer > .ax-row .ax-gutter-line {
  height: 4.4rem;
}
.ax-dialog-footer > .ax-row a:hover {
  background-color: #fff;
}
.ax-dialog-footer > .ax-row .ax-gutter-line:last-child {
  display: none;
}
.ax-dialog-alert {
  text-align: center;
  padding: calc(1.4rem*3) 1.4rem;
}
.ax-dialog-alert .ax-tips-icon {
  width: 100%;
}
.ax-dialog-alert .ax-tips-title {
  font-size: 1.8rem;
  line-height: 3.8rem;
}
.ax-dialog-alert .ax-tips-des {
  font-size: 1.4rem;
  color: #666666;
}
.ax-dialog-alert .ax-tips-btn {
  margin-top: calc(1.4rem*2);
}
.ax-dialog video {
  width: 100%;
  height: auto;
  display: block;
}
/*drawer*/
.ax-drawer {
  height: 100vh;
  width: 100%;
  position: fixed;
  left: -1000rem;
  top: 0;
  z-index: 810;
}
.ax-drawer .ax-drawer-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 200ms linear;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.ax-drawer.ax-drawer-show {
  left: 0;
  top: 0;
}
.ax-drawer.ax-drawer-show .ax-drawer-overlay {
  opacity: 1;
}
.ax-drawer .ax-drawer-wrapper {
  width: 40rem;
  background-color: #fff;
  opacity: 1;
  transition: all 200ms linear;
  box-sizing: border-box;
  animation-duration: 300ms;
  animation-fill-mode: both;
  position: absolute;
  right: -40rem;
  top: 0;
  z-index: 9;
}
.ax-drawer[data-size="sm"] .ax-drawer-wrapper {
  right: -40rem;
  width: 40rem;
}
.ax-drawer[data-size="md"] .ax-drawer-wrapper {
  right: -60rem;
  width: 60rem;
}
.ax-drawer[data-size="lg"] .ax-drawer-wrapper {
  right: -70%;
  width: 70%;
}
.ax-drawer.ax-drawer-show .ax-drawer-wrapper {
  right: 0;
}
.ax-drawer[data-placement="right"] .ax-drawer-wrapper,
.ax-drawer[data-placement="left"] .ax-drawer-wrapper {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.ax-drawer[data-placement="right"] .ax-drawer-wrapper {
  right: -40rem;
}
.ax-drawer[data-placement="right"][data-size="sm"] .ax-drawer-wrapper {
  right: -40rem;
}
.ax-drawer[data-placement="right"][data-size="md"] .ax-drawer-wrapper {
  right: -60rem;
}
.ax-drawer[data-placement="right"][data-size="lg"] .ax-drawer-wrapper {
  right: -70%;
}
.ax-drawer[data-placement="right"].ax-drawer-show .ax-drawer-wrapper {
  right: 0;
}
.ax-drawer[data-placement="left"] .ax-drawer-wrapper {
  left: -40rem;
}
.ax-drawer[data-placement="left"][data-size="sm"] .ax-drawer-wrapper {
  left: -40rem;
}
.ax-drawer[data-placement="left"][data-size="md"] .ax-drawer-wrapper {
  left: -60rem;
}
.ax-drawer[data-placement="left"][data-size="lg"] .ax-drawer-wrapper {
  left: -70%;
}
.ax-drawer[data-placement="left"].ax-drawer-show .ax-drawer-wrapper {
  left: 0;
}
.ax-drawer[data-placement="top"] .ax-drawer-wrapper {
  width: 100%;
  left: auto;
  right: auto;
  bottom: auto;
  transform: translateY(-100%);
}
.ax-drawer[data-placement="top"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 20rem;
}
.ax-drawer[data-placement="top"][data-size="sm"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 20rem;
}
.ax-drawer[data-placement="top"][data-size="md"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 40rem;
}
.ax-drawer[data-placement="top"][data-size="lg"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 70%;
}
.ax-drawer[data-placement="top"].ax-drawer-show .ax-drawer-wrapper {
  transform: translateY(0);
}
.ax-drawer[data-placement="bottom"] .ax-drawer-wrapper {
  width: 100%;
  left: auto;
  right: auto;
  top: auto;
  bottom: 0;
  transform: translateY(100%);
}
.ax-drawer[data-placement="bottom"][data-size="sm"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 20rem;
}
.ax-drawer[data-placement="bottom"][data-size="md"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 40rem;
}
.ax-drawer[data-placement="bottom"][data-size="lg"] .ax-drawer-wrapper .ax-drawer-body {
  max-height: 70%;
}
.ax-drawer[data-placement="bottom"].ax-drawer-show .ax-drawer-wrapper {
  transform: translateY(0);
}
.ax-drawer .ax-drawer-header {
  line-height: 3.8rem;
  box-sizing: border-box;
  padding: 0 1.4rem;
  display: flex;
  flex-wrap: nowrap;
  zoom: 1;
  position: relative;
}
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close {
  color: #fff;
  width: 3.8rem;
  height: 3.8rem;
  text-align: center;
  line-height: 3.8rem;
  transition: all 200ms linear;
  opacity: 0;
  position: absolute;
  left: calc(-3.8rem);
  top: 0;
  z-index: 1;
}
.ax-drawer[data-placement="right"] .ax-drawer-wrapper > .ax-drawer-close {
  left: calc(-3.8rem);
}
.ax-drawer[data-placement="left"] .ax-drawer-wrapper > .ax-drawer-close {
  left: auto;
  right: calc(-3.8rem);
}
.ax-drawer[data-placement="top"] .ax-drawer-wrapper > .ax-drawer-close {
  left: auto;
  right: 0;
  top: auto;
  bottom: calc(-3.8rem);
}
.ax-drawer[data-placement="bottom"] .ax-drawer-wrapper > .ax-drawer-close {
  left: auto;
  right: 0;
  top: calc(-3.8rem);
}
.ax-drawer.ax-drawer-show .ax-drawer-wrapper > .ax-drawer-close {
  opacity: 1;
}
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close [class*='font'],
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close svg {
  color: #fff;
  fill: #fff;
  transition: all 200ms linear;
}
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close:hover [class*='font'],
.ax-drawer .ax-drawer-wrapper > .ax-drawer-close:hover svg {
  color: #fff;
  fill: #fff;
}
.ax-drawer .ax-drawer-body {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.ax-drawer[data-placement="right"] .ax-drawer-body,
.ax-drawer[data-placement="left"] .ax-drawer-body {
  flex: auto;
  height: 0;
}
.ax-drawer .ax-drawer-body .ax-drawer-content {
  overflow: hidden;
}
.ax-drawer .ax-note {
  font-size: 1.4rem;
  line-height: 1.8rem;
  height: 3.8rem;
  display: flex;
  align-items: center;
}
.ax-drawer[data-footerType="center"] .ax-note,
.ax-drawer[data-footerType="line"] .ax-note {
  border-top: 1px solid #ebebeb;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  background-color: #fafafa;
  justify-content: center;
}
.ax-dailog[data-footerType="right"] .ax-note {
  justify-content: flex-start;
}
.ax-drawer-footer {
  border-radius: 0 0 0.3rem 0.3rem;
  overflow-y: hidden;
}
.ax-drawer-footer a.ax-col {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ax-drawer-footer .ax-btn {
  margin: 0 0.8rem;
}
.ax-drawer-footer .ax-btns .ax-btn {
  margin: 0;
}
.ax-drawer-footer > .ax-row {
  line-height: 4.4rem;
  text-align: center;
}
.ax-drawer-footer > .ax-row .ax-gutter-line {
  height: 4.4rem;
}
.ax-drawer-footer > .ax-row a:hover {
  background-color: #fff;
}
.ax-drawer-footer > .ax-row .ax-gutter-line:last-child {
  display: none;
}
.ax-drawer video,
.ax-drawer audio {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.ax-drawer[data-placement="left"][data-size="md"] video,
.ax-drawer[data-placement="left"][data-size="lg"] video,
.ax-drawer[data-placement="right"][data-size="md"] video,
.ax-drawer[data-placement="right"][data-size="lg"] video,
.ax-drawer[data-placement="left"][data-size="md"] audio,
.ax-drawer[data-placement="left"][data-size="lg"] audio,
.ax-drawer[data-placement="right"][data-size="md"] audio,
.ax-drawer[data-placement="right"][data-size="lg"] audio,
.ax-drawer[data-placement="top"] audio,
.ax-drawer[data-placement="bottom"] audio {
  width: auto;
}
.ax-drawer .ax-menu {
  width: 100%;
}
/*message*/
.ax-message {
  width: 600px;
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 910;
  transform: translate(-50%, 0);
}
.ax-message section {
  background-color: #fff;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
  margin: 1.4rem 1.4rem 0 1.4rem;
  border-radius: 0.3rem;
  position: relative;
  display: none;
}
.ax-message .ax-close {
  font-family: 'ax-iconfont';
  font-size: 1.4rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
  line-height: calc(3.8rem - 2px);
  transition: all 200ms linear;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-message .ax-close:before {
  content: "close";
  width: calc(3.8rem - 2px);
  height: calc(3.8rem - 2px);
}
.ax-message .ax-close:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ax-message[data-placement="left-top"] {
  width: 400px;
  left: 0;
  transform: none;
}
.ax-message[data-placement="right-top"] {
  width: 400px;
  left: auto;
  right: 0;
  transform: none;
}
.ax-message[data-placement="left-center"] {
  width: 400px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.ax-message[data-placement="center-center"] {
  top: 50%;
  transform: translate(-50%, -50%);
}
.ax-message[data-placement="right-center"] {
  width: 400px;
  left: auto;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.ax-message[data-placement="left-bottom"] {
  width: 400px;
  left: 0;
  top: auto;
  bottom: 0;
  transform: none;
}
.ax-message[data-placement="center-bottom"] {
  top: auto;
  bottom: 0;
}
.ax-message[data-placement="right-bottom"] {
  width: 400px;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  transform: none;
}
.ax-message[data-placement*="-center"] section {
  margin-top: calc(1.4rem/2);
  margin-bottom: calc(1.4rem/2);
}
.ax-message[data-placement*="-bottom"] section {
  margin-top: 0;
  margin-bottom: 1.4rem;
}
.ax-message section[data-style="simple"] .ax-message-content {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0.8rem 1.4rem;
  display: flex;
  flex-wrap: nowrap;
}
.ax-message section[data-style="simple"][data-result="success"] {
  color: #0b72da;
  background-color: #f0f7ff;
  border-color: #d7e7f5;
}
.ax-message section[data-style="simple"][data-result="error"] {
  color: #b22c39;
  background-color: #fff0f1;
  border-color: #f0dddf;
}
.ax-message section[data-style="simple"][data-result="question"] {
  color: #c2690a;
  background-color: #fff5eb;
  border-color: #f5e7d7;
}
.ax-message section[data-style="simple"][data-result="info"] {
  color: #189593;
  background-color: #ebfaf9;
  border-color: #cef0f0;
}
.ax-message section[data-style="simple"][data-result="warning"] {
  color: #c8990b;
  background-color: #fffaeb;
  border-color: #f5edd7;
}
.ax-message section[data-style="simple"][data-close] .ax-message-content {
  padding-right: 3.4rem;
}
.ax-message section[data-style="simple"] .ax-message-icon {
  margin-right: 0.8rem;
}
.ax-message section[data-style="simple"] .ax-message-body {
  flex: auto;
  position: relative;
}
.ax-message section[data-style="complex"] {
  padding: 1.4rem;
}
.ax-message section[data-style="complex"] .ax-message-header {
  line-height: 2.8rem;
  margin-bottom: 0.8rem;
}
.ax-message section[data-style="complex"] .ax-message-icon {
  width: 2.8rem;
  height: 2.8rem;
  min-width: 2.8rem;
  min-height: 2.8rem;
  margin-right: 0.8rem;
}
.ax-message section[data-style="complex"] .ax-message-icon svg {
  width: 2.8rem;
  height: 2.8rem;
}
.ax-message section[data-style="complex"] .ax-message-title {
  font-size: 1.8rem;
}
.ax-message section[data-style="complex"] .ax-message-body {
  color: #666666;
  line-height: 1.8rem;
}
.ax-message-progress {
  height: 2px;
  width: 100%;
  background-color: #ebebeb;
  transition-property: width;
  transition-timing-function: linear;
  position: absolute;
  left: 0;
  bottom: 0;
}
/**/
.ax-glitter {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  background-color: #dc3545;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ax-glitter * {
  color: #fff;
  position: relative;
  z-index: 2;
}
.ax-glitter:before,
.ax-glitter:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #dc3545;
  transform: scale(3);
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
}
.ax-glitter:before {
  animation: ax-wave-3 1s infinite;
}
.ax-glitter:after {
  animation: ax-wave-5 1s infinite;
}
.ax-glitter.ax-sm:before {
  animation-name: ax-wave-2;
}
.ax-glitter.ax-sm:after {
  animation-name: ax-wave-3;
}
.ax-glitter.ax-md:before {
  animation-name: ax-wave-3;
}
.ax-glitter.ax-md:after {
  animation-name: ax-wave-5;
}
.ax-glitter.ax-lg:before {
  animation-name: ax-wave-4;
}
.ax-glitter.ax-lg:after {
  animation-name: ax-wave-7;
}
@keyframes ax-wave-2 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes ax-wave-3 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes ax-wave-4 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes ax-wave-5 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@keyframes ax-wave-6 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}
@keyframes ax-wave-7 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(7);
    opacity: 0;
  }
}
.ax-glitter.ax-primary,
.ax-glitter.ax-primary:before,
.ax-glitter.ax-primary:after {
  background-color: #198cff;
}
.ax-glitter.ax-danger,
.ax-glitter.ax-danger:before,
.ax-glitter.ax-danger:after {
  background-color: #dc3545;
}
.ax-glitter.ax-success,
.ax-glitter.ax-success:before,
.ax-glitter.ax-success:after {
  background-color: #41a358;
}
.ax-glitter.ax-secondary,
.ax-glitter.ax-secondary:before,
.ax-glitter.ax-secondary:after {
  background-color: #475b66;
}
.ax-glitter.ax-warning,
.ax-glitter.ax-warning:before,
.ax-glitter.ax-warning:after {
  background-color: #ffc107;
}
.ax-glitter.ax-info,
.ax-glitter.ax-info:before,
.ax-glitter.ax-info:after {
  background-color: #14ccc9;
}
.ax-glitter.ax-ad,
.ax-glitter.ax-ad:before,
.ax-glitter.ax-ad:after {
  background-color: #ff8400;
}
/*lazyshow*/
.ax-lazy {
  transition: all 200ms linear;
}
.ax-lazy.ax-hide {
  opacity: 0;
}
.ax-lazy.ax-show {
  opacity: 1;
}
.ax-lazy.ax-hide.ax-scale {
  transform: scale(0);
}
.ax-lazy.ax-show.ax-scale {
  transform: scale(1);
}
.ax-lazy.ax-hide.ax-fly {
  transform: translate(0, 50%);
}
.ax-lazy.ax-show.ax-fly {
  transform: translate(0, 0);
}
/*plugins start*/
.ax-lazyload img[data-src],
img[lazyload][data-src] {
  margin: auto;
  background: #fafafa var(--load-svg) 50% no-repeat;
  text-align: center;
}
.ax-lazyload iframe[data-src],
iframe[lazyload][data-src] {
  background: #fafafa var(--load-svg) 50% no-repeat;
}
.ax-infinite .ax-infinite-status {
  text-align: center;
  padding: 1.4rem 0;
}
.ax-infinite .ax-infinite-status .ax-pagination,
.ax-infinite .ax-infinite-status [data-page] {
  display: none;
}
.ax-infinite .ax-infinite-status .ax-infinite-tips {
  color: #b3b3b3;
}
.ax-infinite .ax-infinite-status[preloading] .ax-infinite-loading {
  display: none;
}
.ax-infinite .ax-infinite-status[loading] .ax-infinite-next {
  display: none;
}
.ax-infinite .ax-infinite-status[loaded] .ax-infinite-loading {
  display: none;
}
.ax-videojs .video-js {
  max-width: 100%;
}
.ax-videojs.ax-playlist-side {
  background: #1a1a1a;
}
.ax-videojs.ax-playlist-bottom {
  background: #1a1a1a;
}
.ax-videojs.ax-playlist-pages {
  background: #1a1a1a;
}
.ax-videojs.ax-playlist-pages .video-js {
  width: 100% !important;
  height: 40rem;
}
.ax-videojs.ax-playlist-side .video-js {
  width: 100% !important;
  height: 40rem;
}
.ax-videojs.ax-playlist-side .ax-swiper {
  width: 20rem;
  height: 40rem;
  box-sizing: border-box;
  overflow: hidden;
}
.ax-videojs.ax-playlist-bottom .video-js {
  width: 100% !important;
  height: 40rem;
}
.ax-videojs.ax-playlist-bottom .ax-swiper {
  height: 14rem;
  box-sizing: border-box;
  overflow: hidden;
}
.ax-videojs[class*='ax-playlist-'] .ax-swiper {
  margin: 1.4rem;
}
.ax-videojs[class*='ax-playlist-'] .ax-slide {
  overflow: hidden;
}
.ax-videojs[class*='ax-playlist-'] .ax-slide figure {
  color: #fff;
  height: 100%;
  box-sizing: border-box;
  padding: 0.8rem;
  cursor: pointer;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover, 2rem 2rem;
  background-color: #f5f5f5;
  position: relative;
  display: block;
}
.ax-videojs[class*='ax-playlist-'] .ax-slide-active:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 0.2rem solid #198cff;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ax-videojs[class*='ax-playlist-'] .ax-slide i {
  display: none;
}
.ax-videojs[class*='ax-playlist-'] .ax-slide-active i {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.8rem;
  padding: 0 0.8rem;
  background-color: #198cff;
  border-radius: 0 0 0.6rem 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
}
.ax-videojs[class*='ax-playlist-'] .ax-slide em {
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.8rem;
  padding: 0 0.8rem;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.ax-videojs[class*='ax-playlist-'] .ax-slide figcaption {
  font-size: 1.4rem;
  font-style: normal;
  overflow: hidden;
  max-height: 3.6rem;
  line-height: 1.8rem;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-right: 0.8rem;
  position: absolute;
  bottom: 0.8rem;
  left: 0.8rem;
  z-index: 2;
}
.ax-videojs[class*='ax-playlist-'] .ax-slide .ax-mask {
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
  opacity: 0;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  position: absolute;
  left: 0;
  top: 100%;
}
.ax-videojs[class*='ax-playlist-'] .ax-slide:hover .ax-mask {
  opacity: 1;
  top: 0;
}
/*plugins aplayer*/
.ax-aplayer {
  background: #fff;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
  box-shadow: 0.5rem 0.5rem 2rem rgba(51, 51, 51, 0.4);
  border-radius: 0.3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: normal;
  position: relative;
}
.ax-aplayer:not(.aplayer-bottom) {
  overflow: hidden;
}
.ax-aplayer * {
  box-sizing: content-box;
}
.ax-aplayer svg {
  fill: #666666;
  width: 100%;
  height: 100%;
  transition: all 100ms linear;
}
.ax-aplayer.aplayer-withlist .aplayer-list {
  border-top: 1px solid #ebebeb;
  display: block;
}
.ax-aplayer.aplayer-withlist .aplayer-icon-order,
.ax-aplayer.aplayer-withlist .aplayer-time .aplayer-icon.aplayer-icon-menu {
  display: inline;
}
.ax-aplayer.aplayer-withlrc .aplayer-pic {
  height: 9.6rem;
  width: 9.6rem;
}
.ax-aplayer.aplayer-withlrc .aplayer-info {
  height: 9.6rem;
  padding: 1rem 0.7rem 0;
}
.ax-aplayer.aplayer-withlrc .aplayer-lrc {
  display: block;
}
.ax-aplayer.aplayer-narrow {
  width: 6.6rem;
}
.ax-aplayer.aplayer-narrow .aplayer-info,
.ax-aplayer.aplayer-narrow .aplayer-list {
  display: none !important;
}
.ax-aplayer.aplayer-narrow .aplayer-body,
.ax-aplayer.aplayer-narrow .aplayer-pic {
  height: 6.6rem;
  width: 6.6rem;
}
.ax-aplayer.aplayer-fixed {
  margin: 0;
  overflow: visible;
  max-width: 50rem;
  box-shadow: none;
  position: fixed;
  bottom: calc(50vh - 3.3rem);
  left: 0;
  right: 0;
  z-index: 610;
}
.ax-aplayer.aplayer-fixed .aplayer-list {
  border: 1px solid #eee;
  border-bottom: none;
  margin-bottom: 6.5rem;
}
.ax-aplayer.aplayer-fixed .aplayer-body {
  margin: 0;
  background: #fff;
  transition: all 300ms ease;
  max-width: 50rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.ax-aplayer.aplayer-fixed .aplayer-lrc {
  width: 50rem;
  text-align: left;
  margin: 0;
  padding: 1.4rem;
  pointer-events: none;
  text-shadow: -0.1rem -0.1rem 0 #fff;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 98;
  display: block;
}
.ax-aplayer.aplayer-fixed .aplayer-lrc:after,
.ax-aplayer.aplayer-fixed .aplayer-lrc:before {
  display: none;
}
.ax-aplayer.aplayer-fixed .aplayer-info {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: all 300ms ease;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.ax-aplayer.aplayer-fixed .aplayer-info .aplayer-music {
  width: calc(100% - 10.5rem);
}
.ax-aplayer.aplayer-fixed .aplayer-miniswitcher {
  display: block;
}
.ax-aplayer.aplayer-fixed.aplayer-narrow .aplayer-info {
  display: block;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.ax-aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
  width: 6.6rem !important;
}
.ax-aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}
.ax-aplayer.aplayer-fixed .aplayer-icon-back,
.ax-aplayer.aplayer-fixed .aplayer-icon-forward,
.ax-aplayer.aplayer-fixed .aplayer-icon-lrc,
.ax-aplayer.aplayer-fixed .aplayer-icon-play {
  display: inline-block;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-back,
.ax-aplayer.aplayer-fixed .aplayer-icon-forward,
.ax-aplayer.aplayer-fixed .aplayer-icon-menu,
.ax-aplayer.aplayer-fixed .aplayer-icon-play {
  position: absolute;
  bottom: 2.6rem;
  width: 2.2rem;
  height: 2.2rem;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-back {
  right: 7.5rem;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-play {
  right: 5rem;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-forward {
  right: 2.5rem;
}
.ax-aplayer.aplayer-fixed .aplayer-icon-menu {
  right: 0;
}
.ax-aplayer.aplayer-bottom {
  width: 100%;
  border-radius: 0;
  border-top: 1px solid #ebebeb;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
}
.ax-aplayer.aplayer-bottom .aplayer-body {
  width: 100rem;
  margin: auto;
}
.ax-aplayer.aplayer-bottom .aplayer-list {
  width: 50rem;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  position: fixed;
  left: auto;
  bottom: 4.9rem;
  right: calc((100% - 100rem)/2);
}
.ax-aplayer.aplayer-bottom .aplayer-lrc {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 4.9rem;
}
.ax-aplayer.aplayer-bottom .aplayer-lrc:after,
.ax-aplayer.aplayer-bottom .aplayer-lrc:before {
  display: none;
}
.ax-aplayer.aplayer-bottom .aplayer-info {
  height: 4.8rem;
  padding: 0.8rem;
}
.ax-aplayer.aplayer-bottom .aplayer-info .aplayer-music {
  line-height: 1.8rem;
  height: 1.8rem;
  margin-bottom: 0;
}
.ax-aplayer.aplayer-bottom .aplayer-pic {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0.8rem 0;
  border-radius: 0.3rem;
}
.ax-aplayer.aplayer-bottom .aplayer-pic a {
  border-radius: 0.3rem;
}
.ax-aplayer.aplayer-bottom .aplayer-pic .aplayer-button {
  display: none;
}
.ax-aplayer.aplayer-bottom.aplayer-withlist .aplayer-list {
  border-top: none;
}
.ax-aplayer.aplayer-bottom .aplayer-list ol li:first-child {
  border-top: 1px solid #ebebeb;
}
.ax-aplayer.aplayer-bottom .aplayer-operate {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 1.4rem;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-back,
.ax-aplayer.aplayer-bottom .aplayer-icon-forward,
.ax-aplayer.aplayer-bottom .aplayer-icon-lrc,
.ax-aplayer.aplayer-bottom .aplayer-icon-play {
  display: inline-block;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-back,
.ax-aplayer.aplayer-bottom .aplayer-icon-forward {
  width: 2.2rem;
  height: 2.2rem;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-play {
  width: 2.6rem;
  height: 2.6rem;
  border: 0.2rem solid #666666;
  position: relative;
  border-radius: 100%;
  margin: 0 0.8rem;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-play svg {
  height: 2rem;
  width: 2rem;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-back:hover,
.ax-aplayer.aplayer-bottom .aplayer-icon-forward:hover,
.ax-aplayer.aplayer-bottom .aplayer-icon-play:hover {
  border-color: #198cff;
}
.ax-aplayer.aplayer-bottom .aplayer-icon-back:hover svg,
.ax-aplayer.aplayer-bottom .aplayer-icon-forward:hover svg,
.ax-aplayer.aplayer-bottom .aplayer-icon-play:hover svg {
  fill: #198cff;
}
.ax-aplayer.aplayer-bottom .aplayer-time {
  height: auto;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ax-aplayer.aplayer-bottom .aplayer-volume-wrap .aplayer-volume-bar-wrap {
  bottom: 2.2rem;
}
.ax-aplayer.aplayer-bottom .aplayer-time button {
  width: 2.2rem;
  height: 2.2rem;
}
.ax-aplayer.aplayer-bottom .aplayer-time-inner {
  color: #666666;
  font-size: 1.2rem;
}
.ax-aplayer.aplayer-arrow .aplayer-icon-loop,
.ax-aplayer.aplayer-arrow .aplayer-icon-order,
.ax-aplayer.aplayer-mobile .aplayer-icon-volume-down {
  display: none;
}
.ax-aplayer.aplayer-loading .aplayer-info .aplayer-loading-icon {
  display: block;
}
.ax-aplayer.aplayer-loading .aplayer-info .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ax-aplayer .aplayer-body {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  zoom: 1;
  position: relative;
}
.ax-aplayer .aplayer-icon {
  font-size: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  vertical-align: middle;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.ax-aplayer .aplayer-icon svg {
  float: left;
  transition: all 100ms linear;
}
.ax-aplayer .aplayer-icon-back,
.ax-aplayer .aplayer-icon-forward,
.ax-aplayer .aplayer-icon-lrc,
.ax-aplayer .aplayer-icon-order,
.ax-aplayer .aplayer-icon-play {
  display: none;
}
.ax-aplayer .aplayer-icon-lrc-inactivity svg {
  opacity: 0.4;
}
.ax-aplayer .aplayer-icon-forward {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ax-aplayer .aplayer-lrc-content {
  display: none;
}
.ax-aplayer .aplayer-pic {
  float: left;
  height: 6.6rem;
  width: 6.6rem;
  position: relative;
  z-index: 2;
}
.ax-aplayer .aplayer-pic a {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  transition: all 300ms ease;
}
.ax-aplayer .aplayer-pic:hover .aplayer-button {
  opacity: 1;
}
.ax-aplayer .aplayer-pic .aplayer-button {
  border-radius: 50%;
  opacity: 0.8;
  text-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
  transition: all 100ms ease;
  cursor: pointer;
  position: absolute;
}
.ax-aplayer .aplayer-pic .aplayer-button path {
  fill: #fff;
}
.ax-aplayer .aplayer-pic .aplayer-hide {
  display: none;
}
.ax-aplayer .aplayer-pic .aplayer-play {
  width: 2.6rem;
  height: 2.6rem;
  border: 0.2rem solid #fff;
  margin: 0 -1.5rem -1.5rem 0;
  bottom: 50%;
  right: 50%;
}
.ax-aplayer .aplayer-pic .aplayer-play svg {
  height: 2rem;
  width: 2rem;
  position: absolute;
  top: 0.3rem;
  left: 0.4rem;
}
.ax-aplayer .aplayer-pic .aplayer-pause {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #fff;
  bottom: 0.4rem;
  right: 0.4rem;
}
.ax-aplayer .aplayer-pic .aplayer-pause svg {
  height: 1.2rem;
  width: 1.2rem;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
}
.ax-aplayer .aplayer-info {
  padding: 0.8rem;
  height: 6.6rem;
  box-sizing: border-box;
  display: block;
  flex: auto;
  position: relative;
}
.ax-aplayer .aplayer-info .aplayer-music {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  zoom: 1;
}
.ax-aplayer .aplayer-info .aplayer-text {
  display: block;
  line-height: 2.2rem;
  height: 2.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  margin: 0 0 0.8rem 0.5rem;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
}
.ax-aplayer .aplayer-info .aplayer-music .aplayer-title {
  font-size: 1.4rem;
  font-weight: bold;
}
.ax-aplayer .aplayer-info .aplayer-music .aplayer-author {
  color: #b3b3b3;
}
.ax-aplayer .aplayer-info .aplayer-music .ax-aplayer.author {
  font-size: 1.2rem;
  color: #b3b3b3;
}
.ax-aplayer .aplayer-info .aplayer-controller {
  position: relative;
  display: flex;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
  margin: 0 0 0 0.5rem;
  padding-top: 0.8rem;
  cursor: pointer !important;
  flex: 1;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
  height: 0.4rem;
  width: 100%;
  border-radius: 0.4rem;
  background: #f0f0f0;
  position: relative;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
  height: 0.4rem;
  background: #ccc;
  border-radius: 0.4rem;
  transition: all 100ms linear;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
  height: 0.4rem;
  border-radius: 0.4rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -0.4rem;
  margin-right: -1rem;
  transition: all 100ms linear;
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  top: 0;
  right: 0.5rem;
}
.ax-aplayer .aplayer-time {
  color: #666666;
  font-size: 1.2rem;
  height: 1.8rem;
  padding-left: 0.8rem;
  position: relative;
}
.ax-aplayer .aplayer-time .aplayer-time-inner {
  vertical-align: middle;
}
.ax-aplayer .aplayer-time .aplayer-icon {
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-aplayer .aplayer-time .aplayer-icon svg {
  fill: #666666;
}
.ax-aplayer .aplayer-time .aplayer-icon.aplayer-icon-loop {
  margin-right: 0.2rem;
}
.ax-aplayer .aplayer-time .aplayer-icon:hover svg {
  fill: #198cff;
}
.ax-aplayer .aplayer-time .aplayer-icon.aplayer-icon-menu,
.ax-aplayer .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,
.ax-aplayer .aplayer-time.aplayer-time-narrow .aplayer-icon-mode {
  display: none;
}
.ax-aplayer .aplayer-volume-wrap {
  display: inline-block;
  margin-left: 0.3rem;
  cursor: pointer !important;
  position: relative;
}
.ax-aplayer .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
  height: 4rem;
}
.ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap {
  width: 2.5rem;
  height: 0;
  overflow: hidden;
  transition: all 200ms ease-in-out;
  position: absolute;
  bottom: 1.5rem;
  right: -0.3rem;
  z-index: 99;
}
.ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active {
  height: 4rem;
}
.ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
  width: 0.5rem;
  height: 3.5rem;
  background: #aaa;
  border-radius: 2.5rem;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 1rem;
}
.ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
  width: 0.5rem;
  transition: all 100ms ease;
  position: absolute;
  bottom: 0;
  right: 0;
}
.ax-aplayer .aplayer-info .aplayer-loading-icon {
  display: none;
}
.ax-aplayer .aplayer-info .aplayer-loading-icon svg {
  position: absolute;
  -webkit-animation: rotate 1s linear infinite;
  animation: rotate 1s linear infinite;
}
.ax-aplayer .aplayer-lrc {
  height: 3rem;
  text-align: center;
  overflow: hidden;
  margin: -1rem 0 0.7rem;
  display: none;
  position: relative;
}
.ax-aplayer .aplayer-lrc:before {
  top: 0;
  height: 10%;
  background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#00ffffff", GradientType=0);
}
.ax-aplayer .aplayer-lrc:after,
.ax-aplayer .aplayer-lrc:before {
  content: '';
  display: block;
  overflow: hidden;
  width: 100%;
  position: absolute;
  z-index: 1;
}
.ax-aplayer .aplayer-lrc:after {
  bottom: 0;
  height: 33%;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0.8));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ccffffff", GradientType=0);
}
.ax-aplayer .aplayer-lrc p {
  font-size: 1.2rem;
  color: #666;
  line-height: 1.6rem !important;
  height: 1.6rem !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: all 0.5s ease-out;
  opacity: 0.4;
  overflow: hidden;
}
.ax-aplayer .aplayer-lrc p.aplayer-lrc-current {
  opacity: 1;
  overflow: visible;
  height: auto !important;
  min-height: 1.6rem;
}
.ax-aplayer .aplayer-lrc.aplayer-lrc-hide {
  display: none;
}
.ax-aplayer .aplayer-lrc .aplayer-lrc-contents {
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: default;
}
.ax-aplayer .aplayer-list {
  background-color: #fff;
  transition: all 0.5s ease;
  will-change: height;
  display: none;
  overflow: hidden;
}
.ax-aplayer .aplayer-list.aplayer-list-hide {
  max-height: 0 !important;
}
.ax-aplayer .aplayer-list ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
.ax-aplayer .aplayer-list ol::-webkit-scrollbar {
  width: 0.5rem;
}
.ax-aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
  border-radius: 0.3rem;
  background-color: #eee;
}
.ax-aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
.ax-aplayer .aplayer-list ol::-webkit-scrollbar-corner {
  background-color: #eee;
}
.ax-aplayer .aplayer-list ol li {
  font-size: 1.4rem;
  height: 3.8rem;
  line-height: 3.8rem;
  border-top: 1px solid #ebebeb;
  cursor: pointer;
  transition: all 100ms linear;
  overflow: hidden;
  padding: 0 1.4rem;
  margin: 0;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.ax-aplayer .aplayer-list ol li:first-child {
  border-top: none;
}
.ax-aplayer .aplayer-list ol li:hover {
  background-color: #f5f5f5;
}
.ax-aplayer .aplayer-list ol li.aplayer-list-light {
  background-color: #f0f7ff;
}
.ax-aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-title {
  color: #198cff;
}
.ax-aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {
  display: inline-block;
}
.ax-aplayer .aplayer-list ol li .aplayer-list-cur {
  display: none;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  cursor: pointer;
  position: absolute;
  left: 0.5rem;
  top: calc(50% - 0.2rem);
}
.ax-aplayer .aplayer-list ol li .aplayer-list-index {
  color: #b3b3b3;
  margin-right: 1.4rem;
  cursor: pointer;
}
.ax-aplayer .aplayer-list ol li .aplayer-list-author {
  color: #b3b3b3;
  float: right;
  cursor: pointer;
}
.ax-aplayer .aplayer-notice {
  font-size: 1.2rem;
  color: #666666;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 0.4rem;
  padding: 0.5rem 1rem;
  transition: all 100ms linear;
  overflow: hidden;
  pointer-events: none;
  background-color: #f0f0f0;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}
.ax-aplayer .aplayer-miniswitcher {
  display: none;
  height: 100%;
  width: 1.8rem;
  background: #f0f0f0;
  border-radius: 0 0.3rem 0.3rem 0;
  position: absolute;
  top: 0;
  right: -1.8rem;
  bottom: 0;
}
.ax-aplayer .aplayer-miniswitcher .aplayer-icon {
  height: 100%;
  width: 100%;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transition: all 100ms linear;
}
.ax-aplayer .aplayer-miniswitcher .aplayer-icon svg {
  fill: #666666;
}
.ax-aplayer .aplayer-miniswitcher .aplayer-icon:hover svg {
  fill: #198cff;
}
@-webkit-keyframes aplayer-roll {
  0% {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@keyframes aplayer-roll {
  0% {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
/*plugins swiper*/
/*通用按钮设定*/
*[class*="ax-swiper"] .ax-prev,
*[class*="ax-swiper"] .ax-next {
  font-family: 'ax-iconfont';
  font-size: 28px;
  color: rgba(25, 140, 255, 0.8);
  width: 54px;
  height: 54px;
  box-sizing: border-box;
  line-height: 54px;
  text-align: center;
  margin-top: -27px;
  cursor: pointer;
  transition: color 100ms linear, background-color 100ms linear;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  z-index: 10;
}
*[class*="ax-swiper"] .ax-prev {
  left: 0;
}
*[class*="ax-swiper"] .ax-prev:before {
  content: 'left';
}
*[class*="ax-swiper"] .ax-next {
  right: 0;
  left: auto;
}
*[class*="ax-swiper"] .ax-next:before {
  content: 'right';
}
*[class*="ax-swiper"] .ax-sm.ax-prev,
*[class*="ax-swiper"] .ax-sm.ax-next {
  font-size: 24px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin-top: -14px;
}
*[class*="ax-swiper"] .ax-sm.ax-square.ax-next,
*[class*="ax-swiper"] .ax-sm.ax-square.ax-prev {
  font-size: 14px;
  width: 28px;
  height: 28px;
  line-height: 28px;
}
*[class*="ax-swiper"] .ax-sm.ax-round.ax-next,
*[class*="ax-swiper"] .ax-sm.ax-round.ax-prev {
  font-size: 14px;
  width: 28px;
  height: 28px;
  line-height: 28px;
}
*[class*="ax-swiper"] .ax-round.ax-prev,
*[class*="ax-swiper"] .ax-square.ax-prev,
*[class*="ax-swiper"] .ax-round.ax-next,
*[class*="ax-swiper"] .ax-square.ax-next {
  border: 2px solid rgba(25, 140, 255, 0.8);
  font-size: 18px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}
*[class*="ax-swiper"] .ax-round {
  border-radius: 100%;
}
*[class*="ax-swiper"] .ax-round.ax-prev {
  left: 14px;
}
*[class*="ax-swiper"] .ax-round.ax-next {
  right: 14px;
}
*[class*="ax-swiper"] .ax-fill {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(25, 140, 255, 0.8);
  border: none;
}
*[class*="ax-swiper"] .ax-fill.ax-next,
*[class*="ax-swiper"] .ax-fill.ax-prev {
  border: none;
}
*[class*="ax-swiper"] .ax-disabled.ax-prev,
*[class*="ax-swiper"] .ax-disabled.ax-next {
  color: rgba(0, 0, 0, 0.4);
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
*[class*="ax-swiper"] .ax-disabled.ax-prev.ax-square,
*[class*="ax-swiper"] .ax-disabled.ax-next.ax-square,
*[class*="ax-swiper"] .ax-disabled.ax-prev.ax-round,
*[class*="ax-swiper"] .ax-disabled.ax-next.ax-round {
  border-color: rgba(0, 0, 0, 0.4);
}
*[class*="ax-swiper"] .ax-disabled.ax-fill {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.5);
}
*[class*="ax-swiper"] .ax-disabled.ax-fill.ax-prev,
*[class*="ax-swiper"] .ax-disabled.ax-fill.ax-next {
  color: rgba(255, 255, 255, 0.5);
}
*[class*="ax-swiper"] .ax-light {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
}
*[class*="ax-swiper"] .ax-light.ax-prev,
*[class*="ax-swiper"] .ax-light.ax-next {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
}
*[class*="ax-swiper"] .ax-light.ax-fill {
  color: #333333;
  background-color: rgba(255, 255, 255, 0.8);
}
*[class*="ax-swiper"] .ax-light.ax-fill.ax-prev,
*[class*="ax-swiper"] .ax-light.ax-fill.ax-next,
*[class*="ax-swiper"] .ax-light.ax-fill.ax-prev.ax-disabled,
*[class*="ax-swiper"] .ax-light.ax-fill.ax-next.ax-disabled {
  color: #333333;
}
*[class*="ax-swiper"] .ax-light.ax-disabled {
  color: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4);
}
*[class*="ax-swiper"] .ax-light.ax-disabled.ax-prev,
*[class*="ax-swiper"] .ax-light.ax-disabled.ax-next {
  color: rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4);
}
*[class*="ax-swiper"] .ax-grey {
  color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
}
*[class*="ax-swiper"] .ax-grey.ax-prev,
*[class*="ax-swiper"] .ax-grey.ax-next {
  color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
}
*[class*="ax-swiper"] .ax-grey.ax-fill {
  color: #333333;
  background-color: rgba(0, 0, 0, 0.1);
}
*[class*="ax-swiper"] .ax-grey.ax-fill.ax-prev.ax-disabled,
*[class*="ax-swiper"] .ax-grey.ax-fill.ax-next.ax-disabled {
  color: rgba(0, 0, 0, 0.8);
}
*[class*="ax-swiper"] .ax-grey.ax-disabled {
  color: rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.4);
}
*[class*="ax-swiper"] .ax-dark.ax-fill {
  color: #fff;
  background-color: rgba(25, 140, 255, 0.8);
}
*[class*="ax-swiper"] .ax-dark.ax-disabled {
  color: rgba(25, 140, 255, 0.8);
  border-color: rgba(25, 140, 255, 0.8);
}
*[class*="ax-swiper"] .ax-dark.ax-disabled.ax-prev,
*[class*="ax-swiper"] .ax-dark.ax-disabled.ax-next {
  color: rgba(25, 140, 255, 0.8);
  border-color: rgba(25, 140, 255, 0.8);
}
/*通用分页设定*/
*[class*="ax-swiper"] .ax-pages {
  line-height: 1rem;
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
*[class*="ax-swiper"] .ax-pages.ax-pages-hidden {
  opacity: 0;
}
*[class*="ax-swiper"] .ax-pages {
  text-align: center;
  transition: 300ms opacity;
  position: absolute;
  z-index: 10;
}
*[class*="ax-swiper"] .ax-pages .ax-pages-bullet {
  width: 1rem;
  height: 1rem;
  margin: 0 0.4rem;
  display: inline-block;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.2;
  transition: all 100ms linear;
}
*[class*="ax-swiper"] .ax-pages .ax-pages-bullet-active {
  opacity: 1;
  background: #198cff;
}
*[class*="ax-swiper"] .ax-pages .ax-pages-bullet:not(.ax-pages-bullet-active):hover {
  opacity: 0.4;
}
*[class*="ax-swiper"] .ax-pages.ax-pages-clickable .ax-pages-bullet {
  cursor: pointer;
}
*[class*="ax-swiper"] .ax-pages .ax-pages-bullet:only-child {
  display: none !important;
}
*[class*="ax-swiper"] .ax-pages.ax-line {
  line-height: 1.4rem;
}
*[class*="ax-swiper"] .ax-pages.ax-line .ax-pages-bullet {
  width: 1rem;
  height: 1rem;
  border: 0.2rem solid rgba(0, 0, 0, 0.5);
  background: transparent;
}
*[class*="ax-swiper"] .ax-pages.ax-line .ax-pages-bullet-active {
  border-color: #198cff;
}
*[class*="ax-swiper"] .ax-pages.ax-light .ax-pages-bullet {
  background: #fff;
}
*[class*="ax-swiper"] .ax-pages.ax-light.ax-line .ax-pages-bullet {
  border-color: #fff;
  background: transparent;
}
*[class*="ax-swiper"] .ax-pages.ax-grey .ax-pages-bullet {
  background: rgba(0, 0, 0, 0.6);
}
*[class*="ax-swiper"] .ax-pages.ax-grey.ax-line .ax-pages-bullet {
  border-color: rgba(0, 0, 0, 0.6);
  background: transparent;
}
/*swipe一般设定*/
.ax-swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 2;
}
.ax-swiper.ax-vertical > .ax-wrapper {
  flex-direction: column;
}
.ax-swiper .ax-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.ax-swiper.ax-android .ax-slide,
.ax-swiper .ax-wrapper {
  transform: translate3d(0px, 0, 0);
}
.ax-swiper.ax-pointer-events {
  touch-action: pan-y;
}
.ax-swiper.ax-pointer-events.ax-vertical {
  touch-action: pan-x;
}
.ax-swiper .ax-slide {
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.ax-swiper .ax-slide-invisible-blank {
  visibility: hidden;
}
.ax-swiper.ax-autoheight,
.ax-swiper.ax-autoheight .ax-slide {
  height: auto;
}
.ax-swiper.ax-autoheight .ax-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.ax-swiper.ax-backface-hidden .ax-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ax-swiper.ax-3d,
.ax-swiper.ax-3d.ax-css-mode .ax-wrapper {
  perspective: 1200px;
}
.ax-swiper.ax-3d .ax-wrapper,
.ax-swiper.ax-3d .ax-slide,
.ax-swiper.ax-3d .ax-slide-shadow,
.ax-swiper.ax-3d .ax-slide-shadow-left,
.ax-swiper.ax-3d .ax-slide-shadow-right,
.ax-swiper.ax-3d .ax-slide-shadow-top,
.ax-swiper.ax-3d .ax-slide-shadow-bottom,
.ax-swiper.ax-3d .ax-cube-shadow {
  transform-style: preserve-3d;
}
.ax-swiper.ax-3d .ax-slide-shadow,
.ax-swiper.ax-3d .ax-slide-shadow-left,
.ax-swiper.ax-3d .ax-slide-shadow-right,
.ax-swiper.ax-3d .ax-slide-shadow-top,
.ax-swiper.ax-3d .ax-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.ax-swiper.ax-3d .ax-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.ax-swiper.ax-3d .ax-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.ax-swiper.ax-3d .ax-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.ax-swiper.ax-3d .ax-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.ax-swiper.ax-3d .ax-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.ax-swiper.ax-css-mode > .ax-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ax-swiper.ax-css-mode > .ax-wrapper::-webkit-scrollbar {
  display: none;
}
.ax-swiper.ax-css-mode > .ax-wrapper > .ax-slide {
  scroll-snap-align: start start;
}
.ax-swiper.ax-horizontal.ax-css-mode > .ax-wrapper {
  scroll-snap-type: x mandatory;
}
.ax-swiper.ax-vertical.ax-css-mode > .ax-wrapper {
  scroll-snap-type: y mandatory;
}
.ax-swiper.ax-centered > .ax-wrapper::before {
  content: '';
  order: 9999;
}
.ax-swiper.ax-centered.ax-horizontal > .ax-wrapper > .ax-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.ax-swiper.ax-centered.ax-horizontal > .ax-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.ax-swiper.ax-centered.ax-vertical > .ax-wrapper > .ax-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.ax-swiper.ax-centered.ax-vertical > .ax-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.ax-swiper.ax-centered > .ax-wrapper > .ax-slide {
  scroll-snap-align: center center;
}
.ax-swiper.ax-virtual .ax-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.ax-swiper.ax-virtual.ax-css-mode .ax-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.ax-swiper.ax-virtual.ax-css-mode.ax-horizontal .ax-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.ax-swiper.ax-virtual.ax-css-mode.ax-vertical .ax-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
.ax-swiper.ax-rtl .ax-next {
  transform: rotateY(180deg);
  left: 0;
  right: auto;
}
.ax-swiper.ax-rtl .ax-prev {
  transform: rotateY(180deg);
  left: auto;
}
.ax-swiper.ax-rtl:not(.ax-vertical) .ax-prev {
  right: 0;
}
.ax-swiper .ax-lock {
  display: none;
}
.ax-swiper.ax-rtl .ax-round.ax-prev {
  right: 14px;
  left: auto;
}
.ax-swiper.ax-rtl .ax-round.ax-next {
  left: 1.4rem;
  right: auto;
}
.ax-swiper.ax-vertical .ax-prev,
.ax-swiper.ax-vertical .ax-next {
  transform: rotate(90deg);
  left: 50%;
  margin-top: 0;
  margin-left: -27px;
}
.ax-swiper.ax-vertical .ax-prev {
  top: 0;
}
.ax-swiper.ax-vertical .ax-next {
  top: auto;
  right: auto;
  bottom: 0;
}
.ax-swiper.ax-horizontal > .ax-pages.ax-pages-bullets {
  bottom: 2rem;
}
.ax-swiper .ax-pages-fraction,
.ax-swiper .ax-pages-custom,
.ax-swiper .ax-horizontal > .ax-pages-bullets,
.ax-swiper .ax-pages-bullets.ax-pages-horizontal {
  bottom: 2rem;
  left: 0;
  width: 100%;
}
.ax-swiper .ax-pages-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet {
  transform: scale(0.33);
  position: relative;
}
.ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active {
  transform: scale(1);
}
.ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-main {
  transform: scale(1);
}
.ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-prev {
  transform: scale(0.66);
}
.ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-prev-prev {
  transform: scale(0.33);
}
.ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-next {
  transform: scale(0.66);
}
.ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-next-next {
  transform: scale(0.33);
}
.ax-swiper.ax-vertical > .ax-pages-bullets,
.ax-swiper .ax-pages-vertical.ax-pages-bullets {
  right: 2rem;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.ax-swiper.ax-vertical > .ax-pages-bullets .ax-pages-bullet,
.ax-swiper .ax-pages-vertical.ax-pages-bullets .ax-pages-bullet {
  margin: 0.4rem 0;
  display: block;
}
.ax-swiper.ax-vertical > .ax-pages-bullets.ax-pages-bullets-dynamic,
.ax-swiper .ax-pages-vertical.ax-pages-bullets.ax-pages-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.ax-swiper.ax-vertical > .ax-pages-bullets.ax-pages-bullets-dynamic .ax-pages-bullet,
.ax-swiper .ax-pages-vertical.ax-pages-bullets.ax-pages-bullets-dynamic .ax-pages-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.ax-swiper.ax-horizontal > .ax-pages-bullets .ax-pages-bullet,
.ax-swiper .ax-pages-horizontal.ax-pages-bullets .ax-pages-bullet {
  margin: 0 0.4rem;
}
.ax-swiper.ax-horizontal > .ax-pages-bullets.ax-pages-bullets-dynamic,
.ax-swiper .ax-pages-horizontal.ax-pages-bullets.ax-pages-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.ax-swiper.ax-horizontal > .ax-pages-bullets.ax-pages-bullets-dynamic .ax-pages-bullet,
.ax-swiper .ax-pages-horizontal.ax-pages-bullets.ax-pages-bullets-dynamic .ax-pages-bullet {
  transition: 200ms transform, 200ms left;
}
.ax-swiper.ax-horizontal.ax-rtl > .ax-pages-bullets-dynamic .ax-pages-bullet {
  transition: 200ms transform, 200ms right;
}
.ax-swiper .ax-pages-progressbar {
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
}
.ax-swiper .ax-pages-progressbar .ax-pages-progressbar-fill {
  background: #198cff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.ax-swiper.ax-rtl .ax-pages-progressbar .ax-pages-progressbar-fill {
  transform-origin: right top;
}
.ax-swiper.ax-horizontal > .ax-pages-progressbar,
.ax-swiper .ax-pages-progressbar.ax-pages-horizontal,
.ax-swiper.ax-vertical > .ax-pages-progressbar.ax-pages-progressbar-opposite,
.ax-swiper .ax-pages-progressbar.ax-pages-vertical.ax-pages-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.ax-swiper.ax-vertical > .ax-pages-progressbar,
.ax-swiper .ax-pages-progressbar.ax-pages-vertical,
.ax-swiper.ax-horizontal > .ax-pages-progressbar.ax-pages-progressbar-opposite,
.ax-swiper .ax-pages-progressbar.ax-pages-horizontal.ax-pages-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.ax-swiper .ax-pages-lock {
  display: none;
}
.ax-swiper .ax-scrollbar {
  position: relative;
  -ms-touch-action: none;
  background-color: rgba(0, 0, 0, 0.04);
}
.ax-swiper.ax-horizontal > .ax-scrollbar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 50;
  height: 4px;
  width: 100%;
}
.ax-swiper.ax-vertical > .ax-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
  width: 4px;
  height: 100%;
}
.ax-swiper .ax-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 0;
}
.ax-swiper .ax-scrollbar-cursor-drag {
  cursor: move;
}
.ax-swiper .ax-scrollbar-lock {
  display: none;
}
.ax-swiper .ax-zoom {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.ax-swiper .ax-zoom > img,
.ax-swiper .ax-zoom > svg,
.ax-swiper .ax-zoom > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.ax-swiper .ax-loading {
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
}
.ax-swiper .ax-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.ax-swiper.ax-free-mode > .ax-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.ax-swiper.ax-grid > .ax-wrapper {
  flex-wrap: wrap;
}
.ax-swiper.ax-grid-column > .ax-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.ax-swiper.ax-fade.ax-free-mode .ax-slide {
  transition-timing-function: ease-out;
}
.ax-swiper.ax-fade .ax-slide {
  pointer-events: none;
  transition-property: opacity;
}
.ax-swiper.ax-fade .ax-slide .ax-slide {
  pointer-events: none;
}
.ax-swiper.ax-fade .ax-slide-active,
.ax-swiper.ax-fade .ax-slide-active .ax-slide-active {
  pointer-events: auto;
}
.ax-swiper.ax-cube {
  overflow: visible;
}
.ax-swiper.ax-cube .ax-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.ax-swiper.ax-cube .ax-slide .ax-slide {
  pointer-events: none;
}
.ax-swiper.ax-cube.ax-rtl .ax-slide {
  transform-origin: 100% 0;
}
.ax-swiper.ax-cube .ax-slide-active,
.ax-swiper.ax-cube .ax-slide-active .ax-slide-active {
  pointer-events: auto;
}
.ax-swiper.ax-cube .ax-slide-active,
.ax-swiper.ax-cube .ax-slide-next,
.ax-swiper.ax-cube .ax-slide-prev,
.ax-swiper.ax-cube .ax-slide-next + .ax-slide {
  pointer-events: auto;
  visibility: visible;
}
.ax-swiper.ax-cube .ax-slide-shadow-top,
.ax-swiper.ax-cube .ax-slide-shadow-bottom,
.ax-swiper.ax-cube .ax-slide-shadow-left,
.ax-swiper.ax-cube .ax-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ax-swiper.ax-cube .ax-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.ax-swiper.ax-cube .ax-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.ax-swiper.ax-flip {
  overflow: visible;
}
.ax-swiper.ax-flip .ax-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.ax-swiper.ax-flip .ax-slide .ax-slide {
  pointer-events: none;
}
.ax-swiper.ax-flip .ax-slide-active,
.ax-swiper.ax-flip .ax-slide-active .ax-slide-active {
  pointer-events: auto;
}
.ax-swiper.ax-flip .ax-slide-shadow-top,
.ax-swiper.ax-flip .ax-slide-shadow-bottom,
.ax-swiper.ax-flip .ax-slide-shadow-left,
.ax-swiper.ax-flip .ax-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ax-swiper.ax-creative .ax-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.ax-swiper.ax-cards {
  overflow: visible;
}
.ax-swiper.ax-cards .ax-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
/*外部的前后按钮和分页*/
.ax-swiper-outer {
  position: relative;
}
.ax-swiper-outer .ax-prev {
  left: -50px;
}
.ax-swiper-outer .ax-next {
  right: -50px;
  left: auto;
}
.ax-swiper-outer .ax-prev.ax-sm {
  left: -28px;
}
.ax-swiper-outer .ax-next.ax-sm {
  right: -28px;
}
.ax-swiper-outer .ax-prev.ax-round {
  left: -64px;
}
.ax-swiper-outer .ax-next.ax-round {
  right: -64px;
  left: auto;
}
.ax-swiper-outer .ax-pages {
  width: 100%;
  position: inherit;
  padding: 1.4rem 0;
  text-align: center;
}
.ax-swiper-outer .ax-pages.ax-line {
  line-height: 1rem;
}
.ax-swiper-outer .ax-pages.ax-line .ax-pages-bullet {
  margin: 0 0.2rem;
  box-sizing: border-box;
}
.ax-swiper-outer.ax-inline {
  line-height: 2.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.4rem;
}
.ax-swiper-outer.ax-inline .ax-pages {
  padding: 0.9rem 0;
  display: inline-block;
  width: auto;
}
.ax-swiper-outer.ax-inline .ax-pages .ax-pages-bullet {
  margin: 0 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  box-sizing: border-box;
}
.ax-swiper-outer.ax-inline .ax-prev,
.ax-swiper-outer.ax-inline .ax-next {
  font-size: 1.2rem;
  width: 1.4rem;
  height: 2.8rem;
  line-height: 2.8rem;
  position: inherit;
  left: auto;
  right: auto;
  top: auto;
  margin-top: 0;
}
/*plugins lightbox*/
.ax-lightbox {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  box-sizing: border-box;
  opacity: 0;
  transition: opacity 300ms linear;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 810;
}
.ax-lightbox .ax-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all 300ms linear;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.ax-lightbox .ax-media {
  height: 0;
  transition: all 300ms ease;
  transform: scale(0.2);
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: auto;
  position: relative;
}
.ax-lightbox.ax-show {
  opacity: 1;
}
.ax-lightbox.ax-show .ax-overlay {
  opacity: 1;
}
.ax-lightbox.ax-show .ax-media {
  transform: scale(1);
  opacity: 1;
}
.ax-lightbox .ax-tools {
  color: rgba(255, 255, 255, 0.8);
  line-height: 3.8rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.ax-lightbox .ax-tools .ax-pages {
  padding: 0 1.4rem;
  flex: auto;
}
.ax-lightbox .ax-tools .ax-operate i,
.ax-lightbox .ax-tools .ax-operate a {
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  width: 3.8rem;
  height: 3.8rem;
  text-align: center;
  transition: all 100ms linear;
}
.ax-lightbox .ax-tools .ax-operate i:hover,
.ax-lightbox .ax-tools .ax-operate a:hover {
  color: #fff;
}
.ax-lightbox .ax-tools .ax-operate i.ax-disabled,
.ax-lightbox .ax-tools .ax-operate a.ax-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ax-lightbox .ax-stage {
  width: 100%;
  flex: auto;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  z-index: 8;
  /*.ax-zoom img{
      cursor: zoom-out;
    } */
}
.ax-lightbox .ax-stage .ax-swiper {
  margin: auto;
  width: 100%;
  height: 100%;
}
.ax-lightbox .ax-stage .ax-slide {
  text-align: center;
  width: auto;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  flex-direction: column;
  height: 100%;
}
.ax-lightbox .ax-stage .ax-caption {
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 0 1.4rem 1.4rem 1.4rem;
  box-sizing: border-box;
  line-height: 1.8rem;
}
.ax-lightbox .ax-stage .ax-slide img {
  max-width: calc(100% - 3.8rem*2);
  max-height: calc(100% - 3.8rem*2);
  object-fit: contain;
  cursor: -webkit-grab;
  cursor: grab;
}
.ax-lightbox .ax-stage .ax-grabbing .ax-slide-active img {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.ax-lightbox .ax-stage .ax-slide iframe {
  background-color: #fff;
  max-width: calc(100% - 3.8rem*2);
  max-height: calc(100% - 3.8rem*2);
}
.ax-lightbox .ax-stage .ax-slide .ax-text {
  text-align: left;
  background-color: #fff;
  border-radius: calc(0.3rem*3);
  width: 60rem;
  max-width: calc(100% - 3.8rem*2);
  max-height: calc(100% - 3.8rem*2);
  display: inline-block;
  position: relative;
}
.ax-lightbox .ax-stage .ax-slide video {
  max-width: calc(100% - 3.8rem*2);
  max-height: calc(100% - 3.8rem*2);
  display: inline-block;
}
.ax-lightbox .ax-thumb {
  padding: 4px;
  box-sizing: border-box;
  position: relative;
  z-index: 8;
}
.ax-lightbox .ax-thumb .ax-slide {
  width: 100px;
  height: 70px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.ax-lightbox .ax-thumb .ax-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ax-lightbox .ax-thumb .ax-slide:before {
  content: '';
  box-sizing: border-box;
  border: 0.4rem solid transparent;
  transition: all 100ms linear;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-lightbox .ax-thumb .ax-slide.ax-slide-thumb-active:before {
  border-color: #198cff;
}
.ax-lightbox.ax-thumb-hide .ax-thumb {
  position: fixed;
  left: -10000rem;
}
/*plugins range*/
.ax-range {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.2rem;
  height: 3.8rem;
  position: relative;
  display: block;
}
.ax-range-line {
  background-color: #f0f0f0;
  transition: background-color 100ms ease-out;
  border-radius: 0.3rem;
  height: 0.3rem;
  overflow: hidden;
  outline: none !important;
  position: relative;
  top: 1.8rem;
  display: block;
}
.ax-range:not(.ax-disabled):hover .ax-range-line {
  background-color: #d7e7f5;
}
.ax-range-bar {
  width: 0;
  height: 0.3rem;
  transition: background-color 100ms ease-out;
  background-color: #198cff;
  position: absolute;
  left: 0;
  top: 1.8rem;
  display: block;
}
.ax-range-bar-single {
  border-radius: 0.3rem 0 0 0.3rem;
}
.ax-range-shadow {
  width: 0;
  height: 0.2rem;
  background-color: #dedede;
  position: absolute;
  left: 0;
  bottom: auto;
  top: 2.4rem;
  display: none;
}
.ax-range-handle {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #198cff;
  background-color: #fff;
  border-radius: 1.6rem;
  box-shadow: none;
  transition: box-shadow 100ms linear, background-color 100ms linear, border-color 100ms linear;
  cursor: pointer;
  box-sizing: border-box;
  position: absolute;
  top: 1.1rem;
  z-index: 1;
  display: block;
}
.ax-range-handle.ax-hover,
.ax-range-handle:hover {
  background-color: #fff;
  box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2);
}
.ax-range-handle.ax-last {
  z-index: 2;
}
.ax-range-min,
.ax-range-max {
  color: #666666;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding: 0.3rem 0.5rem;
  background-color: #f0f0f0;
  border-radius: 0.3rem;
  cursor: default;
  position: absolute;
  top: -1.3rem;
  display: block;
}
.ax-range-min {
  left: 0;
}
.ax-range-max {
  right: 0;
}
.ax-range-from,
.ax-range-to,
.ax-range-single {
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.2rem;
  text-shadow: none;
  padding: 0.3rem 0.5rem;
  background-color: #198cff;
  border-radius: 0.3rem;
  cursor: default;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: -1.3rem;
  display: block;
}
.ax-range-from:before,
.ax-range-to:before,
.ax-range-single:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: -0.3rem;
  overflow: hidden;
  border: 0.3rem solid transparent;
  border-top-color: #198cff;
  position: absolute;
  bottom: -0.6rem;
  left: 50%;
}
.ax-range-grid {
  width: 100%;
  height: 2.2rem;
  bottom: auto;
  top: 2.1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
.ax-range.ax-with-grid .ax-range-grid {
  display: block;
}
.ax-range-grid-pol {
  background-color: #dedede;
  width: 1px;
  height: 0.8rem;
  position: absolute;
  top: 0;
  left: 0;
}
.ax-range-grid-pol.ax-small {
  height: 0.4rem;
}
.ax-range-grid-text {
  color: #b3b3b3;
  font-size: 1.2rem;
  line-height: 0.9rem;
  white-space: nowrap;
  text-align: center;
  padding: 0 0.3rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ax-range .ax-disabled-mask {
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: -1%;
  z-index: 2;
  display: block;
}
.ax-range.ax-disabled {
  opacity: 0.4;
}
.ax-range-input {
  display: none;
}
/*插件：下拉菜单单选和多选*/
.ax-select {
  position: relative;
}
.ax-select.ax-disabled .ax-select-inner,
.ax-select.ax-disabled .ax-select-input {
  cursor: not-allowed;
  user-select: none;
}
.ax-select [hidden] {
  display: none !important;
}
.ax-select .ax-close {
  color: rgba(0, 0, 0, 0.2);
  margin-left: 0.4rem;
  margin-right: -0.4rem;
  padding: 0 0.4rem;
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-select .ax-close:before {
  content: "\00D7";
}
.ax-select .ax-close:hover,
.ax-select .ax-close:focus {
  color: rgba(0, 0, 0, 0.8);
}
.ax-select[data-type*='multiple'] .ax-select-inner,
.ax-select[data-type*='text'] .ax-select-inner {
  cursor: text;
}
.ax-select .ax-select-inner {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0.3rem;
  cursor: text;
  box-sizing: border-box;
  width: 100%;
  zoom: 1;
}
.ax-select.ax-focuse .ax-select-inner,
.ax-select.ax-open .ax-select-inner {
  border-color: #198cff;
}
.ax-select.ax-open .ax-select-inner {
  border-radius: 0.3rem 0.3rem 0 0;
}
.ax-select.ax-flipped.ax-open .ax-select-inner {
  border-radius: 0 0 0.3rem 0.3rem;
}
.ax-select.ax-disabled .ax-select-inner {
  background-color: #f0f0f0;
}
.ax-select .ax-select-inner .ax-label-single {
  cursor: pointer;
  display: block;
  width: 100%;
  height: calc(3.8rem - 2px);
  box-sizing: border-box;
}
.ax-select .ax-select-inner .ax-label-single .ax-item {
  display: block;
  padding: 0 1rem;
  margin: 0;
  line-height: calc(3.8rem - 2px);
}
.ax-select .ax-select-inner .ax-label-single .ax-close {
  padding: 0;
  margin: 0;
  width: 1.4rem;
  height: calc(3.8rem);
  line-height: calc(3.8rem);
  text-align: center;
  position: absolute;
  right: 2.8rem;
  top: 0;
}
.ax-select .ax-select-inner .ax-label-single .ax-item[data-value=''] .ax-close {
  display: none;
}
.ax-select .ax-select-inner .ax-label-single:after {
  content: '';
  height: 0;
  width: 0;
  margin: auto 0;
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 0.4rem 0.4rem 0 0.4rem;
  transition: all 200ms linear;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.9rem;
  pointer-events: none;
}
.ax-select.ax-open .ax-select-inner .ax-label-single:after {
  border-color: #198cff transparent transparent transparent;
  transform: rotate(180deg);
}
.ax-select .ax-label-multiple .ax-item {
  font-size: 1.2rem;
  line-height: calc(3.8rem - 4px - 0.4rem*2);
  height: calc(3.8rem - 4px - 0.4rem*2);
  background-color: #f0f0f0;
  border: 1px solid #e0e0e0;
  margin-left: 0.4rem;
  margin-right: 0;
  margin-top: 0.4rem;
  padding: 0 0.4rem;
}
.ax-select .ax-label-multiple .ax-item.ax-highlight {
  color: #fff;
  background-color: #198cff;
  border-color: #0b72da;
}
.ax-select.ax-disabled .ax-label-multiple .ax-item {
  color: rgba(102, 102, 102, 0.8);
}
.ax-select .ax-select-dropdown {
  width: calc(100% - 2px);
  background-color: #ffffff;
  margin-top: -1px;
  border: 1px solid #ebebeb;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  overflow: hidden;
  word-break: break-all;
  display: none;
  position: absolute;
  top: 100%;
  z-index: 4;
}
.ax-select .ax-select-dropdown.ax-active {
  display: block;
}
.ax-select.ax-open .ax-select-dropdown {
  border-color: #198cff;
}
.ax-select.ax-flipped .ax-select-dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.3rem 0.3rem 0 0;
}
.ax-select .ax-select-dropdown .ax-item-list {
  max-height: calc((3.8rem + 1px)*5 - 1px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  position: relative;
}
.ax-select .ax-select-dropdown .ax-item-group {
  font-weight: bold;
  padding: 0 1rem;
  margin: 0;
  line-height: 3.8rem;
  border-bottom: 1px solid #ebebeb;
}
.ax-select .ax-select-dropdown .ax-item {
  padding: 0 1rem;
  margin: 0;
  line-height: 3.8rem;
  cursor: pointer;
  border-bottom: 1px solid #ebebeb;
  transition: all 100ms linear;
  position: relative;
}
.ax-select .ax-select-dropdown .ax-item:last-child {
  border: none;
}
.ax-select .ax-select-dropdown .ax-item.ax-item-selectable:hover {
  cursor: pointer;
  color: #fff;
  background-color: #198cff;
}
.ax-select.ax-disabled .ax-item {
  cursor: not-allowed;
}
.ax-select .ax-item.ax-item-disabled {
  color: #b3b3b3;
  cursor: not-allowed;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ax-select .ax-select-dropdown .ax-item:not(.ax-item-selectable) {
  color: #b3b3b3;
}
.ax-select .ax-item.ax-selected {
  color: #198cff;
  background-color: #f0f7ff;
}
.ax-select .ax-item.ax-selected:after {
  content: '\e616';
  font-family: "ax-iconfont" !important;
  color: #198cff;
  width: 3.8rem;
  height: 3.8rem;
  line-height: 3.8rem;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.ax-select .ax-select-dropdown .ax-item-selectable.ax-highlight {
  color: #fff;
  background-color: #198cff;
}
.ax-select .ax-select-dropdown .ax-item-selectable.ax-highlight:after {
  color: #fff;
}
.ax-select .ax-select-dropdown > .ax-item,
.ax-select .ax-select-dropdown .ax-item-list .ax-no-select {
  cursor: text;
}
.ax-select .ax-select-placeholder {
  opacity: 0.5;
}
.ax-select .ax-select-input {
  border: none;
  background: transparent !important;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.ax-select .ax-select-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.ax-select .ax-select-input:focus {
  outline: 0;
  box-shadow: none;
}
.ax-select .ax-select-inner > .ax-select-input {
  width: 1.4rem;
  height: calc(3.8rem - 2px - 0.4rem*2);
  line-height: calc(3.8rem - 2px - 0.4rem*2);
  margin: 0.4rem;
  padding: 0;
}
.ax-select .ax-select-dropdown > .ax-select-input[type="text"] {
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}
.ax-select .ax-select-dropdown > .ax-select-input[type="text"]:focus {
  border-color: #198cff !important;
}
.ax-select[data-size='xs'] {
  font-size: 1.2rem;
}
.ax-select[data-size='xs'] .ax-select-inner {
  line-height: calc(2.2rem - 2px);
}
.ax-select[data-size='xs'] .ax-select-input {
  font-size: 1.2rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.ax-select[data-size='xs'] .ax-label-multiple .ax-item {
  line-height: calc(2.2rem - 4px - 0.2rem*2);
  height: calc(2.2rem - 4px - 0.2rem*2);
  margin-left: 0.2rem;
  margin-top: 0.2rem;
  padding: 0 0.2rem;
}
.ax-select[data-size='xs'] .ax-select-inner .ax-label-single {
  height: calc(2.2rem - 2px);
}
.ax-select[data-size='xs'] .ax-select-inner .ax-label-single .ax-item {
  padding: 0 0.4rem;
  line-height: calc(2.2rem - 2px);
}
.ax-select[data-size='xs'] .ax-select-inner .ax-label-single .ax-close {
  height: calc(2.2rem);
  line-height: calc(2.2rem);
  right: 2.2rem;
}
.ax-select[data-size='xs'] .ax-select-dropdown .ax-item-list {
  max-height: calc((2.2rem + 1px)*5 - 1px);
}
.ax-select[data-size='xs'] .ax-select-dropdown .ax-item-group {
  line-height: 2.2rem;
  padding: 0 0.4rem;
}
.ax-select[data-size='xs'] .ax-select-dropdown .ax-item {
  line-height: 2.2rem;
  padding: 0 0.4rem;
}
.ax-select[data-size='xs'] .ax-item.ax-selected:after {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
}
.ax-select[data-size='xs'] .ax-select-inner > .ax-select-input[type="text"] {
  height: calc(2.2rem - 2px - 0.2rem*2);
  line-height: calc(2.2rem - 2px - 0.2rem*2);
  margin: 0.2rem;
}
.ax-select[data-size='xs'] .ax-select-dropdown > .ax-select-input[type="text"] {
  height: 2.2rem;
  line-height: 2.2rem;
}
.ax-select[data-size='sm'] {
  font-size: 1.2rem;
}
.ax-select[data-size='sm'] .ax-select-inner {
  line-height: calc(3.8rem - 1rem - 2px);
}
.ax-select[data-size='sm'] .ax-select-input {
  font-size: 1.2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.ax-select[data-size='sm'] .ax-label-multiple .ax-item {
  line-height: calc(3.8rem - 1rem - 4px - 0.2rem*2);
  height: calc(3.8rem - 1rem - 4px - 0.2rem*2);
  margin-left: 0.2rem;
  margin-top: 0.2rem;
  padding: 0 0.4rem;
}
.ax-select[data-size='sm'] .ax-select-inner .ax-label-single {
  height: calc(3.8rem - 1rem - 2px);
}
.ax-select[data-size='sm'] .ax-select-inner .ax-label-single .ax-item {
  padding: 0 0.8rem;
  line-height: calc(3.8rem - 1rem - 2px);
}
.ax-select[data-size='sm'] .ax-select-inner .ax-label-single .ax-close {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
  right: 2.2rem;
}
.ax-select[data-size='sm'] .ax-select-dropdown .ax-item-list {
  max-height: calc((3.8rem - 1rem + 1px)*5 - 1px);
}
.ax-select[data-size='sm'] .ax-select-dropdown .ax-item-group {
  line-height: calc(3.8rem - 1rem);
  padding: 0 0.8rem;
}
.ax-select[data-size='sm'] .ax-select-dropdown .ax-item {
  line-height: calc(3.8rem - 1rem);
  padding: 0 0.8rem;
}
.ax-select[data-size='sm'] .ax-item.ax-selected:after {
  width: calc(3.8rem - 1rem);
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-select[data-size='sm'] .ax-select-inner > .ax-select-input[type="text"] {
  height: calc(3.8rem - 1rem - 2px - 0.2rem*2);
  line-height: calc(3.8rem - 1rem - 2px - 0.2rem*2);
  margin: 0.2rem;
  padding-left: 0.4rem;
}
.ax-select[data-size='sm'] .ax-select-dropdown > .ax-select-input[type="text"] {
  height: calc(3.8rem - 1rem);
  line-height: calc(3.8rem - 1rem);
}
.ax-select[data-size='lg'] .ax-select-inner {
  line-height: calc(3.8rem + 1rem - 2px);
}
.ax-select[data-size='lg'] .ax-select-input {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
.ax-select[data-size='lg'] .ax-label-multiple .ax-item {
  line-height: calc(3.8rem + 1rem - 4px - 0.4rem*2);
  height: calc(3.8rem + 1rem - 4px - 0.4rem*2);
  margin-left: 0.4rem;
  margin-top: 0.4rem;
  padding: 0 0.8rem;
}
.ax-select[data-size='lg'] .ax-select-inner .ax-label-single {
  height: calc(3.8rem + 1rem - 2px);
}
.ax-select[data-size='lg'] .ax-select-inner .ax-label-single:after {
  right: 1.4rem;
}
.ax-select[data-size='lg'] .ax-select-inner .ax-label-single .ax-item {
  padding: 0 1.4rem;
  line-height: calc(3.8rem + 1rem - 2px);
}
.ax-select[data-size='lg'] .ax-select-inner .ax-label-single .ax-close {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
  right: 3.6rem;
}
.ax-select[data-size='lg'] .ax-select-dropdown .ax-item-list {
  max-height: calc((3.8rem + 1rem + 1px)*5 - 1px);
}
.ax-select[data-size='lg'] .ax-select-dropdown .ax-item-group {
  line-height: calc(3.8rem + 1rem);
  padding: 0 1.4rem;
}
.ax-select[data-size='lg'] .ax-select-dropdown .ax-item {
  line-height: calc(3.8rem + 1rem);
  padding: 0 1.4rem;
}
.ax-select[data-size='lg'] .ax-item.ax-selected:after {
  width: calc(3.8rem + 1rem);
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
}
.ax-select[data-size='lg'] .ax-select-inner > .ax-select-input[type="text"] {
  height: calc(3.8rem + 1rem - 2px - 0.4rem*2);
  line-height: calc(3.8rem + 1rem - 2px - 0.4rem*2);
  margin: 0.4rem;
  padding-left: 0.4rem;
}
.ax-select[data-size='lg'] .ax-select-dropdown > .ax-select-input[type="text"] {
  height: calc(3.8rem + 1rem);
  line-height: calc(3.8rem + 1rem);
}
/*scrollselect插件*/
.ax-scrollSelect[data-type='actionbar'] {
  height: 100vh;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 810;
  visibility: hidden;
}
.ax-scrollSelect[data-type='actionbar'] .ax-scrollSelect-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: all 200ms linear;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
}
.ax-scrollSelect[data-type='actionbar'] .ax-scrollSelect-wrapper {
  width: 100%;
  background-color: #fff;
  opacity: 1;
  transform: translateY(100%);
  transition: all 200ms linear;
  animation-duration: 300ms;
  animation-fill-mode: both;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9;
}
.ax-scrollSelect[data-type='actionbar'].ax-show {
  visibility: visible;
}
.ax-scrollSelect[data-type='actionbar'].ax-show .ax-scrollSelect-overlay {
  opacity: 1;
}
.ax-scrollSelect[data-type='actionbar'].ax-show .ax-scrollSelect-wrapper {
  transform: translateY(0);
}
.ax-scrollSelect[data-type='inline'] {
  min-width: 200px;
  width: 36rem;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
input[axScrollSelect][data-type='inline'] {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.ax-scrollSelect .ax-inner {
  position: relative;
}
.ax-scrollSelect .ax-inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ax-scrollSelect .ax-scrollSelect-header {
  line-height: 3.8rem;
  height: 3.8rem;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.ax-scrollSelect .ax-scrollSelect-header .ax-cancel,
.ax-scrollSelect .ax-scrollSelect-header .ax-confirm {
  padding: 0 1.6rem;
  position: absolute;
  top: 0;
}
.ax-scrollSelect .ax-scrollSelect-header .ax-cancel {
  left: 0;
  color: #b3b3b3;
}
.ax-scrollSelect .ax-scrollSelect-header .ax-confirm {
  right: 0;
}
.ax-scrollSelect.ax-scrollSelect-header .ax-title {
  max-width: 80%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ax-scrollSelect .ax-scrollSelect-body:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ax-scrollSelect .ax-group {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  zoom: 1;
}
.ax-scrollSelect .ax-group li {
  width: 100%;
  text-align: center;
  line-height: 3.8rem;
  display: block;
  flex: auto;
  width: 0;
  position: relative;
}
.ax-scrollSelect .ax-wheels {
  width: 100%;
  height: calc(3.8rem*5);
  overflow: hidden;
}
.ax-scrollSelect .ax-wheel {
  width: 50%;
  height: calc(3.8rem*5);
  overflow: hidden;
  transition: all 200ms linear;
  float: left;
  position: relative;
  z-index: 0;
}
.ax-scrollSelect .ax-wheel .ax-item-list {
  display: block;
  text-align: center;
  transition: all 200ms linear;
}
.ax-scrollSelect .ax-wheel .ax-item-list li {
  display: block;
  height: 3.8rem;
  line-height: 3.8rem;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ax-scrollSelect .ax-wheel .ax-item-list li.ax-active {
  color: #198cff;
}
.ax-scrollSelect .ax-line {
  height: 3.8rem;
  width: 100%;
  pointer-events: none;
  box-sizing: border-box;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  position: absolute;
  top: calc(3.8rem*2);
}
.ax-scrollSelect .ax-mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(3.8rem*5);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);
  opacity: 0.9;
  pointer-events: none;
}
/*plugins infoBox*/
.ax-infoBox .ax-panel {
  position: relative;
}
.ax-infoBox .ax-panel:before,
.ax-infoBox .ax-tab:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 0.8rem;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -1.6rem;
  left: calc(50% - 0.8rem);
}
.ax-infoBox .ax-tab .ax-grid {
  margin: 0 auto;
}
.ax-infoBox .ax-menu-tab .ax-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.ax-infoBox .ax-close {
  font-family: arial;
  font-size: 2.2rem;
  color: #ccc;
  line-height: 3.8rem;
  width: 3.8rem;
  text-align: center;
  text-shadow: 0 0.1rem 0 #fff;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
/*plugins datepicker*/
.ax-date {
  height: auto;
  position: relative;
  border-radius: 0.3rem;
  display: inline-block;
  box-shadow: 1px 0 0 #ebebeb, -1px 0 0 #ebebeb, 0 1px 0 #ebebeb, 0 -1px 0 #ebebeb, 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.ax-date .ax-date-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
.ax-date .ax-date-menu,
.ax-date .ax-date-main {
  flex: auto;
  position: relative;
}
.ax-date .ax-date-menu {
  line-height: 3.8rem;
  border-right: 1px solid #ebebeb;
  width: 9rem;
  padding: 0.8rem;
}
.ax-date .ax-date-menu a {
  display: block;
}
.ax-date .ax-date-menu a:hover {
  color: #198cff;
}
.ax-date .ax-date-menu a.ax-selected {
  color: #198cff;
}
.ax-date .ax-date-footer {
  border-top: 1px solid #ebebeb;
}
.ax-date .ax-date-footer .ax-footer-left a {
  padding: 0;
  margin-right: 2rem;
}
.ax-date .ax-date-footer .ax-footer-right {
  text-align: right;
}
.ax-date .ax-date-footer {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}
.ax-date .ax-date-footer:not([line]) {
  padding: 0.8rem;
  justify-content: space-between;
}
.ax-date .ax-date-footer[line] a {
  border-radius: 0;
  width: calc((100%/24)*12);
  padding: 0;
  flex: auto;
  position: relative;
}
.ax-date .ax-date-footer[line] a:focus {
  box-shadow: none;
}
.ax-date .ax-date-footer[line] a:not(:last-child) {
  border-right: 1px solid #ebebeb !important;
}
.ax-date .ax-date-header {
  line-height: 3.8rem;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.ax-date .ax-date-header .ax-iconfont {
  width: 3.8rem;
  text-align: center;
  position: absolute;
  top: 0;
}
.ax-date .ax-date-header .ax-yprev {
  left: 0.8rem;
}
.ax-date .ax-date-header .ax-ynext {
  right: 0.8rem;
}
.ax-date .ax-date-header .ax-mprev {
  text-align: left;
  left: calc(3.8rem + 0.8rem);
}
.ax-date .ax-date-header .ax-mnext {
  text-align: right;
  right: calc(3.8rem + 0.8rem);
}
.ax-date .ax-date-header .ax-ym {
  margin: 0 0.4rem;
}
.ax-date .ax-date-body {
  min-width: calc(36rem - 2px);
  min-height: 28.1rem;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0.8rem 0.8rem 0.8rem;
}
.ax-date .ax-date-body table {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  border-collapse: collapse;
}
.ax-date .ax-date-body table thead i {
  font-size: 1.2rem;
  font-weight: normal;
  display: block;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
.ax-date .ax-date-body table tbody span {
  width: calc(3.8rem - 0.4rem);
  height: calc(3.8rem - 0.4rem);
  line-height: calc(3.8rem - 0.4rem);
  border-radius: calc(3.8rem - 0.4rem);
  margin: 0.2rem;
}
.ax-date .ax-date-body table tbody td:not(.ax-disabled) span {
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-date .ax-date-body table tbody td:not(.ax-disabled):not(.ax-selected):hover span {
  background-color: #f0f0f0;
}
.ax-date .ax-date-body table tbody .ax-other span {
  color: #b3b3b3;
}
.ax-date .ax-date-body table tbody .ax-disabled span {
  color: #f0f0f0;
}
.ax-date .ax-date-body table tbody .ax-selected span {
  color: #fff;
  background-color: #198cff;
}
.ax-date .ax-date-body table tbody .ax-start span {
  width: 100% !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ax-date .ax-date-body table tbody .ax-end span {
  width: 100% !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ax-date .ax-date-body table tbody .ax-contain span {
  width: 100% !important;
  border-radius: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: #f0f0f0;
}
.ax-date .ax-date-body table.ax-ytable tbody .ax-start span,
.ax-date .ax-date-body table.ax-ytable tbody .ax-end span,
.ax-date .ax-date-body table.ax-ytable tbody .ax-contain span,
.ax-date .ax-date-body table.ax-mtable tbody .ax-start span,
.ax-date .ax-date-body table.ax-ymtable tbody .ax-end span,
.ax-date .ax-date-body table.ax-mtable tbody .ax-contain span {
  width: calc((36rem - 2px - 0.8rem - 0.8rem)/3) !important;
}
.ax-date .ax-date-body table tbody .ax-with-lunar {
  width: calc(1.2rem*4);
  height: calc(1.2rem*4);
  line-height: 2.2rem;
  padding: calc((1.2rem*4 - 2.2rem*2)/2) 0;
  box-sizing: border-box;
  border-radius: 0.3rem;
  margin: 0.2rem 0;
}
.ax-date .ax-date-body table tbody .ax-lunar {
  font-size: 1.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.ax-date .ax-date-body table tbody td:not(.ax-disabled) .ax-with-lunar {
  cursor: pointer;
  transition: all 100ms linear;
}
.ax-date .ax-date-body table tbody td:not(.ax-disabled):not(.ax-selected):hover .ax-with-lunar {
  background-color: #f0f0f0;
}
.ax-date .ax-date-body table tbody .ax-other .ax-with-lunar {
  color: #b3b3b3;
}
.ax-date .ax-date-body table tbody .ax-disabled .ax-with-lunar {
  color: #b3b3b3;
}
.ax-date .ax-date-body table tbody .ax-selected .ax-with-lunar {
  color: #fff;
  background-color: #198cff;
}
.ax-date .ax-date-body table tbody .ax-start .ax-with-lunar {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ax-date .ax-date-body table tbody .ax-end .ax-with-lunar {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ax-date .ax-date-body table tbody .ax-contain .ax-with-lunar {
  border-radius: 0;
  background-color: #f0f0f0;
}
.ax-date .ax-date-body table.ax-ytable tbody td,
.ax-date .ax-date-body table.ax-mtable tbody td {
  height: calc(27.3rem/4);
}
.ax-date .ax-date-body table.ax-ytable tbody span,
.ax-date .ax-date-body table.ax-mtable tbody span {
  width: calc(26.6rem / 3);
  margin: 0 calc(((36rem - 2px - 0.8rem - 0.8rem)/3 - 26.6rem/3)/2);
}
.ax-date.ax-with-calendar .ax-date-body table.ax-ytable tbody td,
.ax-date.ax-with-calendar .ax-date-body table.ax-mtable tbody td {
  height: calc(35.7rem/4);
}
.ax-date.ax-with-calendar .ax-date-body table.ax-ytable tbody span,
.ax-date.ax-with-calendar .ax-date-body table.ax-mtable tbody span {
  width: calc(33.6rem / 3);
  margin: 0;
}
.ax-date .ax-date-ymd {
  display: flex;
}
.ax-date .ax-date-ymd .ax-date-panel:last-child {
  border-left: 1px solid #ebebeb;
}
.ax-date .ax-date-ymd .ax-date-panel:first-child {
  border: 0;
}
.ax-date .ax-date-time {
  text-align: center;
  display: flex;
  overflow: hidden;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 150;
}
.ax-date .ax-date-time .ax-date-panel:last-child {
  border-left: 1px solid #ebebeb;
}
.ax-date .ax-date-time .ax-date-panel:first-child {
  border: 0;
}
.ax-date .ax-time-title {
  display: flex;
  font-size: 1.2rem;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
.ax-date .ax-time-list {
  display: flex;
}
.ax-date .ax-date-time .ax-time-item {
  width: calc((100%/24)*12);
  flex: auto;
  position: relative;
}
.ax-date .ax-date-time .ax-time-item ul {
  height: calc(3.8rem*6);
  overflow-y: auto;
  overflow-x: hidden;
}
.ax-date .ax-date-time .ax-time-item ul li {
  padding-left: 4px;
}
.ax-date .ax-date-time .ax-time-item ul li span {
  width: 2.8rem;
  border-radius: 2.8rem;
  cursor: pointer;
}
.ax-date .ax-date-time .ax-time-item ul::-webkit-scrollbar {
  width: 4px;
}
.ax-date .ax-date-time .ax-time-item ul::-webkit-scrollbar-track {
  display: none;
}
.ax-date .ax-date-time .ax-time-item ul::-webkit-scrollbar-thumb {
  display: none;
}
.ax-date .ax-date-time .ax-time-item:hover ul::-webkit-scrollbar-track {
  display: block;
}
.ax-date .ax-date-time .ax-time-item:hover ul::-webkit-scrollbar-thumb {
  display: block;
}
.ax-date .ax-date-time .ax-time-item ul li.ax-selected span {
  color: #fff;
  background-color: #198cff;
}
.ax-date .ax-date-time .ax-time-item ul li.ax-disabled span {
  color: #b3b3b3;
}
.ax-popup .ax-date,
.ax-dialog .ax-date {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.ax-dialog .ax-date {
  display: block;
}
.ax-date[data-mode='inline'] {
  margin-top: 1rem;
}
.ax-date .ax-footer-right a:last-child {
  margin-left: 1.4rem;
}
/*plugins end*/
