@charset "utf-8"; /* *Last modified: 2023-06-11 22:47:32 *Filename: ax.css *Description: Global CSS *Version: v2.0.13 *Website:www.axui.cn *Contact:3217728223@qq.com *Author:Michael */ /*图标字体*/ @font-face { font-family: 'ax-iconfont'; src: url('data:font/woff2;charset=utf-8;base64,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') 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-t:before { content: "\e79a"; } .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-t:before { content: "\e799"; } .ax-icon-download:before { content: "\e640"; } .ax-icon-upload-t:before { content: "\e798"; } .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-import:before { content: "\e8d2"; } .ax-icon-export:before { content: "\e765"; } .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-check-all:before { content: "\e797"; } .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: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' stroke='%23198cff'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(1 1)' stroke-width='1'%3E %3Ccircle stroke-opacity='.2' cx='14' cy='14' r='12'/%3E %3Cpath d='M14,26C7.372,26,2,20.629,2,14'%3E %3CanimateTransform attributeName='transform' type='rotate' from='0 14 14' to='360 14 14' dur='1s' repeatCount='indefinite'/%3E %3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E"); --load-w: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(1 1)' stroke-width='1'%3E %3Ccircle stroke-opacity='.2' cx='14' cy='14' r='12'/%3E %3Cpath d='M14,26C7.372,26,2,20.629,2,14'%3E %3CanimateTransform attributeName='transform' type='rotate' from='0 14 14' to='360 14 14' dur='1s' repeatCount='indefinite'/%3E %3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E"); --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: #333; 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: #666; 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; } 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, s, u { 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; } hr { border-width: 0; height: 1px; overflow: hidden; background-color: #ebebeb; } form, div, p { display: block; } p { margin: 0; padding: 0.6em 0 0.6em 0; } a { color: #333; 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; } img[data-src], iframe[data-src] { background: #f0f0f0 var(--load) no-repeat center; } img[data-src] { min-width: 1.8rem; min-height: 1.8rem; } iframe[data-src] { min-width: 10rem; min-height: 10rem; } .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('../fonts/DINCond-Light.otf'); font-weight: normal; font-style: normal; } .ax-font-lighter { font-family: 'DINCond-Light'; } @font-face { font-family: 'DINCond-Regular'; src: url('../fonts/DINCond-Regular.otf'); font-weight: normal; font-style: normal; } .ax-font-light { font-family: 'DINCond-Regular'; } @font-face { font-family: 'DINCond-Medium'; src: url('../fonts/DINCond-Medium.otf'); font-weight: normal; font-style: normal; } .ax-font-regular { font-family: 'DINCond-Medium'; } @font-face { font-family: 'DINCond-Bold'; src: url('../fonts/DINCond-Bold.otf'); font-weight: normal; font-style: normal; } .ax-font-bold { font-family: 'DINCond-Bold'; } @font-face { font-family: 'DINCond-Black'; src: url('../fonts/DINCond-Black.otf'); font-weight: normal; font-style: normal; } .ax-font-bolder { font-family: 'DINCond-Black'; } /*placeholder*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.3); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } input::-o-placeholder, textarea::-o-placeholder { color: rgba(0, 0, 0, 0.3); } input::placeholder, textarea::placeholder { color: rgba(0, 0, 0, 0.3); } .ax-reverse input::-webkit-input-placeholder, .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: 3; -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; 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: 3; -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: #333; position: relative; } .ax-headline .ax-title:before { content: ''; width: 2.2rem; height: 0.2rem; background-color: #333; 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: #333; 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: #666; 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: #333; 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: #333; 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: #333; } .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: #333; 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); } .ax-deg90 { transform: rotate(-90deg); } /*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-fence { background-color: #ebebeb; grid-gap: 1px; } .ax-grid.ax-fence > * { background-color: #fff; } .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: #333; fill: #333; } .ax-color-des, .ax-color-des [class*="font"], .ax-color-des svg { color: #666; fill: #666; } .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: #333; } .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: #333; color: #fff; } .ax-bg-des, .ax-avatar.ax-bg-des { background-color: #666; 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: #333; } .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: #333; } /*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: 1.8rem; width: 1.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); } .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-w); } /*alert*/ .ax-alert { font-size: 1.2rem; color: #c8990b; line-height: 1.8rem; background-color: #fffaeb; border: 1px solid #f5edd7; display: flex; border-radius: 0.3rem; padding: calc(0.8rem + 0.1rem) 1.4rem; position: relative; } .ax-alert [close] { font-family: 'ax-iconfont'; font-size: 1.2rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; transition: all 200ms linear; width: calc(3.8rem - 2px); height: calc(3.8rem - 2px); line-height: calc(3.8rem - 2px); position: absolute; right: 0; top: 0; } .ax-alert [close]:before { content: "close"; display: inline-block; } .ax-alert:not([disabled]) [close]:hover { cursor: pointer; color: rgba(0, 0, 0, 0.8); } .ax-alert [wrapper] { flex: auto; } .ax-alert [caption] { font-weight: bold; margin-bottom: 0.4rem; } .ax-alert [icon] { margin-right: 0.8rem; } .ax-alert[notable] { align-items: center; } .ax-alert[notable] [icon] { font-size: 2.8rem; margin-right: 1.4rem; } .ax-alert[notable] [caption] { font-size: 1.4rem; } .ax-alert[theme=primary] { color: #0b72da; background-color: #f0f7ff; border-color: #d7e7f5; } .ax-alert[theme=secondary] { color: #383e42; background-color: #f5f8fa; border-color: #dfe3e5; } .ax-alert[theme=success] { color: #3b7649; background-color: #edfaf0; border-color: #e1f0e5; } .ax-alert[theme=danger] { color: #b22c39; background-color: #fff0f1; border-color: #f0dddf; } .ax-alert[theme=warning] { color: #c8990b; background-color: #fffaeb; border-color: #f5edd7; } .ax-alert[theme=ad] { color: #c2690a; background-color: #fff5eb; border-color: #f5e7d7; } .ax-alert[theme=info] { color: #189593; background-color: #ebfaf9; border-color: #cef0f0; } .ax-alert[theme=light] { color: #666; background-color: rgba(0, 0, 0, 0.02); border-color: #ebebeb; } .ax-alert[borderless] { border: none; } .ax-alert[square] { border-radius: 0; } /*tag标签*/ .ax-tags { margin-right: -0.8rem; margin-bottom: -0.8rem; display: flex; flex-wrap: wrap; } .ax-tags:empty { margin: 0; } .ax-tags input[type="text"] { width: 1em; min-width: 6em; border-radius: 0; border-top-width: 0; border-left-width: 0; border-right-width: 0; padding: 0; margin-bottom: 0.8rem; height: 2.8rem; line-height: 2.8rem; transition-property: color, border-color; } .ax-tags input[type="text"]:focus { box-shadow: none; } .ax-tags [emptyTip] { margin-bottom: 0.8rem; } .ax-tags .ax-tag { margin-right: 0.8rem; margin-bottom: 0.8rem; } .ax-tag { font-size: 1.2rem; height: 2.8rem; box-sizing: border-box; padding: 0 1rem; border: 1px solid #ebebeb; border-radius: 0.3rem; display: inline-flex; justify-content: flex-start; align-items: center; position: relative; } .ax-tag [remove] { font-family: 'ax-iconfont'; font-size: 1.2rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; transition: all 200ms linear; width: calc(2.8rem - 2px); height: calc(2.8rem - 2px); line-height: calc(2.8rem - 2px); } .ax-tag [remove]:before { content: "close"; display: inline-block; } .ax-tag:not([disabled]) [remove]:hover { cursor: pointer; color: rgba(0, 0, 0, 0.8); } .ax-tag i { margin-right: -1rem; } .ax-tag s[remove] { width: 1.4rem; height: 1.4rem; line-height: 1.4rem; border-radius: 1.4rem; background-color: #f0f0f0; position: absolute; right: calc(-1.4rem/2); top: calc(-1.4rem/2); } .ax-tag s[remove]:before { transform: scale(0.8); } .ax-tags [selected], .ax-tag[selected], .ax-tag[selected]:hover { border-color: #666; } .ax-tags[theme=primary] .ax-tag, .ax-tags[theme=primary] .ax-tag:hover, .ax-tag[theme=primary], .ax-tag[theme=primary]:hover { color: #0b72da; background-color: #f0f7ff; border-color: #d7e7f5; } .ax-tags[theme=primary] [selected], .ax-tag[theme=primary][selected], .ax-tags[theme=primary] [selected]:hover, .ax-tag[theme=primary][selected]:hover { border-color: #198cff; } .ax-tags[theme=secondary] .ax-tag, .ax-tags[theme=secondary] .ax-tag:hover, .ax-tag[theme=secondary], .ax-tag[theme=secondary]:hover { color: #2d2e2f; background-color: #f5f8fa; border-color: #dfe3e5; } .ax-tags[theme=secondary] [selected], .ax-tag[theme=secondary][selected], .ax-tags[theme=secondary] [selected]:hover, .ax-tag[theme=secondary][selected]:hover { border-color: #475b66; } .ax-tags[theme=success] .ax-tag, .ax-tags[theme=success] .ax-tag:hover, .ax-tag[theme=success], .ax-tag[theme=success]:hover { color: #3b7649; background-color: #edfaf0; border-color: #e1f0e5; } .ax-tags[theme=success] [selected], .ax-tag[theme=success][selected], .ax-tags[theme=success] [selected]:hover, .ax-tag[theme=success][selected]:hover { border-color: #41a358; } .ax-tags[theme=danger] .ax-tag, .ax-tags[theme=danger] .ax-tag:hover, .ax-tag.ax-danger, .ax-tag.ax-danger:hover { color: #b22c39; background-color: #fff0f1; border-color: #f0dddf; } .ax-tags[theme=danger] [selected], .ax-tag.ax-danger[selected], .ax-tags[theme=danger] [selected]:hover, .ax-tag.ax-danger[selected]:hover { border-color: #dc3545; } .ax-tags[theme=warning] .ax-tag, .ax-tags[theme=warning] .ax-tag:hover, .ax-tag[theme=warning], .ax-tag[theme=warning]:hover { color: #c8990b; background-color: #fffaeb; border-color: #f5edd7; } .ax-tags[theme=warning] [selected], .ax-tag[theme=warning][selected], .ax-tags[theme=warning] [selected]:hover, .ax-tag[theme=warning][selected]:hover { border-color: #ffc107; } .ax-tags[theme=ad] .ax-tag, .ax-tags[theme=ad] .ax-tag:hover, .ax-tag[theme=ad], .ax-tag[theme=ad]:hover { color: #c2690a; background-color: #fff5eb; border-color: #f5e7d7; } .ax-tags[theme=ad] [selected], .ax-tag[theme=ad][selected], .ax-tags[theme=ad] [selected]:hover, .ax-tag[theme=ad][selected]:hover { border-color: #ff8400; } .ax-tags[theme=info] .ax-tag, .ax-tags[theme=info] .ax-tag:hover, .ax-tag[theme=info], .ax-tag[theme=info]:hover { color: #189593; background-color: #ebfaf9; border-color: #cef0f0; } .ax-tags[theme=info] [selected], .ax-tag[theme=info][selected], .ax-tags[theme=info] [selected]:hover, .ax-tag[theme=info][selected]:hover { border-color: #14ccc9; } .ax-tags[theme=light] .ax-tag, .ax-tags[theme=light] .ax-tag:hover, .ax-tag[theme=light], .ax-tag[theme=light]:hover { color: #666; background-color: rgba(0, 0, 0, 0.02); border-color: #ebebeb; } .ax-tags[theme=light] [selected], .ax-tag[theme=light][selected], .ax-tags[theme=light] [selected]:hover, .ax-tag[theme=light][selected]:hover { border-color: #666; } .ax-tags[borderless] .ax-tag, .ax-tag[borderless] { border-width: 0; } .ax-tags[corner=square] .ax-tag, .ax-tag[corner=square] { border-radius: 0; } .ax-tags[corner=round] .ax-tag, .ax-tag[corner=round] { border-radius: 2.8rem; } .ax-tags[compact] { margin-right: -0.4rem; margin-bottom: -0.4rem; } .ax-tags[compact] .ax-tag { margin-right: 0.4rem; margin-bottom: 0.4rem; } .ax-tags[compact] .ax-tag, .ax-tag[compact] { padding: 0 0.4rem; } .ax-tags[compact] .ax-tag i[close], .ax-tag[compact] i[close] { width: 1.4rem; margin-right: -0.4rem; transform: scale(0.8); } .ax-tags[compact] input[type="text"], .ax-tags[compact] [emptyTip] { margin-bottom: 0.4rem; } .ax-tags[text] { margin-right: 0; margin-bottom: 0; } .ax-tags[text] .ax-tag { font-size: 1.4rem; border-width: 0; margin-right: 0.8rem; margin-bottom: 0; padding: 0; } .ax-tags[text] .ax-tag i[remove] { margin-right: 0; width: 1.4rem; transform: scale(0.8); } .ax-tags[text] .ax-tag s[remove] { position: inherit; right: auto; top: auto; } .ax-tags[text] input[type="text"], .ax-tags[text] [emptyTip] { margin-bottom: 0; } /*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; } /*menu*/ .ax-menu { width: 22rem; display: block; box-sizing: border-box; min-height: calc(2.8rem * 2); } .ax-menu [ajax-message] { width: 100%; min-height: calc(2.8rem * 2); text-align: center; display: flex; justify-content: center; align-items: center; } .ax-menu:not([nav]) { height: 100%; overflow-x: hidden; overflow-y: auto; } .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 > 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 > :first-child { color: #333; height: 4.4rem; padding-right: 1.4rem; display: flex; align-items: center; position: relative; transition: all 200ms linear; } .ax-menu li > :first-child:not([disabled]) { cursor: pointer; } .ax-menu > li > :first-child { padding-left: 1.4rem; } /*level 1*/ .ax-menu > li > ul > li > :first-child { padding-left: calc(1.4rem*3); } /*level 2*/ .ax-menu > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*5); } /*level 3*/ .ax-menu > li > ul > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*7); } /*level 4*/ .ax-menu > li > ul > li > ul > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*9); } /*level 5*/ .ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*11); } /*level 6*/ .ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > :first-child { 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 > :first-child { padding-left: calc(1.4rem*15); } .ax-menu [label] { line-height: 1.8rem; display: flex; justify-content: flex-start; align-items: center; flex: auto; width: 0; height: 100%; transition: all 200ms linear; } .ax-menu > li > :first-child [label] { font-weight: bold; } .ax-menu [legend] { color: #666; width: 2.4rem; text-align: center; margin-right: 0.4rem; transition: all 200ms linear; } .ax-menu [arrow] { color: #ccc; font-size: 1.2rem; width: 2.8rem; margin-right: -1.4rem; text-align: center; transition: all 200ms linear; } .ax-menu [tip] { font-size: 1.2rem; color: #b3b3b3; } .ax-menu [expanded]:before { height: 100%; } .ax-menu [expanded] > :first-child > [arrow] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .ax-menu [selected] { background-color: #f0f7ff; } .ax-menu [selected] [label], .ax-menu [selected] [legend] { color: #198cff; } .ax-menu [disabled] [label], .ax-menu [disabled] [legend] { color: #b3b3b3; } .ax-menu [selected][disabled] { background-color: #f0f0f0; } .ax-menu [disabled] a { cursor: default; } .ax-menu li:hover > :first-child:not([disabled]) [label], .ax-menu li:hover > :first-child:not([disabled]) [legend], .ax-menu li:hover > :first-child:not([disabled]) [arrow] { color: #198cff; } .ax-menu li:hover > [selected][disabled] [label], .ax-menu li:hover > [selected][disabled] [legend], .ax-menu li:hover > [selected][disabled] [arrow] { color: #b3b3b3; } .ax-menu[theme=dark] { background-color: #0b244d; } .ax-menu[theme=dark] > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ax-menu[theme=dark] [label], .ax-menu[theme=dark] [tip], .ax-menu[theme=dark] [legend] { color: rgba(255, 255, 255, 0.5); } .ax-menu[theme=dark] [arrow] { color: rgba(255, 255, 255, 0.2); } .ax-menu[theme=dark] > li > :first-child [label] { font-weight: normal; } .ax-menu[theme=dark] [selected] { background-color: rgba(25, 140, 255, 0.1); } .ax-menu[theme=dark] [selected] [label], .ax-menu[theme=dark] [selected] [legend] { color: #fff; } .ax-menu[theme=dark] li:hover > :first-child:not([disabled]) [label], .ax-menu[theme=dark] li:hover > :first-child:not([disabled]) [legend], .ax-menu[theme=dark] li:hover > :first-child:not([disabled]) [arrow] { color: #fff; } .ax-menu[theme=dark] [disabled] [label], .ax-menu[theme=dark] [disabled] [tip], .ax-menu[theme=dark] [disabled] [legend], .ax-menu[theme=dark] li:hover > [disabled] [label], .ax-menu[theme=dark] li:hover > [disabled] [legend], .ax-menu[theme=dark] li:hover > [disabled] [arrow] { color: rgba(255, 255, 255, 0.2); } .ax-menu[full] { width: 100%; } .ax-menu[gapless] > li:before { display: none; } .ax-menu[gapless] > li > :first-child { padding-left: 0; } .ax-menu[gapless] li > :first-child { padding-right: 0; } .ax-menu[gapless] [arrow] { margin-right: 0; } .ax-menu[gapless] > li > ul > li > :first-child { padding-left: calc(1.4rem*2); } .ax-menu[gapless] > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*4); } .ax-menu[gapless] > li > ul > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*6); } .ax-menu[gapless] > li > ul > li > ul > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*7); } .ax-menu[gapless] > li > ul > li > ul > li > ul > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*10); } .ax-menu[gapless] > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*12); } .ax-menu[gapless] > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > :first-child { padding-left: calc(1.4rem*14); } .ax-menu[lamp=dot] > li:before, .ax-menu[lamp=dot] > li > :first-child:before { display: none; } .ax-menu[lamp=dot] [selected]: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[lamp=dot] > li > [selected]:before { display: none; } .ax-menu[lamp=dot][gapless] [selected]:before { left: calc(1.4rem - 0.4rem); } .ax-menu[lamp=line] > li:before { display: none; } .ax-menu[lamp=line] [selected]:before { position: absolute; background-color: #198cff; content: ''; width: 0.2rem; height: 100%; left: 0; top: 0; } .ax-menu[align=center] [label] { justify-content: center; } .ax-menu[align=right] [label] { justify-content: flex-end; } .ax-menu[nav] { width: auto; display: inline-block; min-height: 2.8rem; position: relative; z-index: 610; } .ax-menu[nav] li { position: relative; } .ax-menu[nav] ul { width: 100%; position: absolute; background-color: #fff; border: 1px solid #ebebeb; border-radius: 0.3rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .ax-menu[nav] li > :first-child { height: 3.8rem; } .ax-menu[nav] ul > li:first-child, .ax-menu[nav] ul > li:first-child > :first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .ax-menu[nav] ul > li:last-child, .ax-menu[nav] ul > li:last-child > :first-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .ax-menu[nav] > li { display: inline-block; box-sizing: border-box; } .ax-menu[nav] > li:before { display: none; } .ax-menu[nav] > li > :first-child [label] { font-weight: normal; } .ax-menu[nav] > li > :first-child > [arrow] { transform: rotate(90deg); } .ax-menu[nav] > li[expanded] > :first-child > [arrow] { transform: rotate(270deg); } .ax-menu[nav] > li > :first-child > [label] { flex: none; width: auto; } .ax-menu[nav] ul { width: 16rem; } .ax-menu[nav] > li > ul { left: -0.1rem; top: calc(100% + 0.6rem); } .ax-menu[nav] > li > ul > li ul { right: calc(-100% - 0.1rem - 0.6rem); top: -0.1rem; } .ax-menu[nav] > li > ul [expanded] > :first-child > [arrow] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ax-menu[nav] > li li { border-bottom: 1px solid #ebebeb; } .ax-menu[nav] > li ul li:last-child { border-bottom: 0; } .ax-menu[nav] li > :first-child { padding-left: 1.4rem; } .ax-menu[nav] > li li:hover > :first-child:not([disabled]):not([selected]) { background-color: #fafafa; } .ax-menu[nav] > li > [selected] { background: transparent; } .ax-menu[nav] > li li [selected] { background-color: #198cff; } .ax-menu[nav] [selected] [tip] { color: rgba(255, 255, 255, 0.5); } .ax-menu[nav] > li li [selected] [label], .ax-menu[nav] > li li [selected] [legend], .ax-menu[nav] > li li [selected] [arrow], .ax-menu[nav] > li li:hover > [selected] [label], .ax-menu[nav] > li li:hover > [selected] [legend] { color: #fff; } .ax-menu[nav] > li li [selected][disabled] { background-color: #f0f0f0; } .ax-menu[nav] [selected][disabled] [label], .ax-menu[nav] [selected][disabled] [tip], .ax-menu[nav] [selected][disabled] [legend], .ax-menu[nav] li:hover > [selected][disabled] [label], .ax-menu[nav] li:hover > [selected][disabled] [legend] { color: #b3b3b3; } .ax-menu.ax-menu-center > li *:first-child, .ax-menu.ax-menu-center > li *:first-child { padding-left: 0 !important; } .ax-menu.ax-menu-center > li > *:first-child, .ax-menu.ax-menu-center > li > *:first-child { padding-left: 3.8rem !important; } .ax-menu.ax-menu-center > li { text-align: center; } .ax-menu.ax-menu-center [label] { justify-content: center; } /*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: #333; } .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:empty { width: 0.8rem; height: 0.8rem; padding: 0; border-radius: 100%; } .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: #333; 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: #666; background-color: #ebebeb; } .ax-badge.ax-border.ax-light { color: #666; border-color: #ebebeb; background: transparent; } .ax-badge.ax-dark { color: #fff; background-color: #333; } .ax-badge.ax-border.ax-dark { color: #333; border-color: #333; background: transparent; } .ax-badge.ax-ignore { color: #333; background-color: #b3b3b3; } .ax-badge.ax-border.ax-ignore { color: #b3b3b3; border-color: #b3b3b3; background: transparent; } .ax-badge.ax-white { color: #333; 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: #333; 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: #666; background-color: #ebebeb; } .ax-flag.ax-dark i { color: #fff; background-color: #333; } .ax-flag.ax-ignore i { color: #999999; background-color: #f0f0f0; } .ax-flag.ax-white i { color: #333; 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; } h6 { font-size: 1.4rem; font-weight: normal; } 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); } q:before, q:after { font-family: "隶书", "宋体", "simsun"; } cite { font-style: normal; text-decoration: 1px underline wavy; } 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; } address { font-style: normal; line-height: 1.8rem; display: flex; } time { font-size: 1.2rem; color: #b3b3b3; line-height: 1.8rem; display: inline-block; } mark { background-color: #ffe7a1; } article, .ax-article { text-align: left; padding: calc(1.4rem); box-sizing: border-box; } article a:not([class*="ax-btn"]), .ax-article a:not([class*="ax-btn"]), article a:not([class*="ax-btn"]):hover, .ax-article a:not([class*="ax-btn"]):hover { color: #198cff; text-decoration: underline; } article .ax-text-cancel, .ax-article .ax-text-cancel, article a.ax-text-cancel, .ax-article a.ax-text-cancel, article .ax-text-cancel a, .ax-article .ax-text-cancel a, article .ax-text-cancel:hover, .ax-article .ax-text-cancel:hover, article a.ax-text-cancel:hover, .ax-article a.ax-text-cancel:hover, article .ax-text-cancel a:hover, .ax-article .ax-text-cancel a:hover { color: #b3b3b3; text-decoration: line-through; margin: 0 0.4rem; cursor: text; } article a.ax-color-ignore, .ax-article a.ax-color-ignore, article .ax-color-ignore a, .ax-article .ax-color-ignore a { color: #b3b3b3; text-decoration: none; } article a.ax-color-ignore:hover, .ax-article a.ax-color-ignore:hover, article .ax-color-ignore a:hover, .ax-article .ax-color-ignore a:hover { color: #b3b3b3; text-decoration: underline; } article a.ax-color-primary, .ax-article a.ax-color-primary, article .ax-color-primary a, .ax-article .ax-color-primary a { color: #198cff; text-decoration: none; } article a.ax-color-primary:hover, .ax-article a.ax-color-primary:hover, article .ax-color-primary a:hover, .ax-article .ax-color-primary a:hover { color: #198cff; text-decoration: underline; } article a.ax-color-secondary, .ax-article a.ax-color-secondary, article .ax-color-secondary a, .ax-article .ax-color-secondary a { color: #475b66; text-decoration: none; } article a.ax-color-secondary:hover, .ax-article a.ax-color-secondary:hover, article .ax-color-secondary a:hover, .ax-article .ax-color-secondary a:hover { color: #475b66; text-decoration: underline; } article a.ax-color-success, .ax-article a.ax-color-success, article .ax-color-success a, .ax-article .ax-color-success a { color: #41a358; text-decoration: none; } article a.ax-color-success:hover, .ax-article a.ax-color-success:hover, article .ax-color-success a:hover, .ax-article .ax-color-success a:hover { color: #41a358; text-decoration: underline; } article a.ax-color-danger, .ax-article a.ax-color-danger, article .ax-color-danger a, .ax-article .ax-color-danger a { color: #dc3545; text-decoration: none; } article a.ax-color-danger:hover, .ax-article a.ax-color-danger:hover, article .ax-color-danger a:hover, .ax-article .ax-color-danger a:hover { color: #dc3545; text-decoration: underline; } article a.ax-color-warning, .ax-article a.ax-color-warning, article .ax-color-warning a, .ax-article .ax-color-warning a { color: #ffc107; text-decoration: none; } article a.ax-color-warning:hover, .ax-article a.ax-color-warning:hover, article .ax-color-warning a:hover, .ax-article .ax-color-warning a:hover { color: #ffc107; text-decoration: underline; } article a.ax-color-info, .ax-article a.ax-color-info, article .ax-color-info a, .ax-article .ax-color-info a { color: #14ccc9; text-decoration: none; } article a.ax-color-info:hover, .ax-article a.ax-color-info:hover, article .ax-color-info a:hover, .ax-article .ax-color-info a:hover { color: #14ccc9; text-decoration: underline; } article a.ax-color-ad, .ax-article a.ax-color-ad, article .ax-color-ad a, .ax-article .ax-color-ad a { color: #ff8400; text-decoration: none; } article a.ax-color-ad:hover, .ax-article a.ax-color-ad:hover, article .ax-color-ad a:hover, .ax-article .ax-color-ad a:hover { color: #ff8400; text-decoration: underline; } article a, .ax-article a, article span, .ax-article span { display: inline; } article img, .ax-article img { height: auto !important; width: auto !important; max-width: 100%; } article video, .ax-article video { max-width: 100%; } article audio, .ax-article audio { max-width: 100%; } article ol li, .ax-article ol li { list-style-type: decimal; list-style-position: inside; } article ul, .ax-article ul, article ol, .ax-article ol { padding-left: calc(1.4rem*3); } article h2, .ax-article h2 { border-left: 0.4rem solid rgba(94, 140, 186, 0.4); padding-left: 0.8rem; margin: 1.4rem 0; } article ul:not(.ax-menu) li, .ax-article ul:not(.ax-menu) li { position: relative; padding-left: 1.4rem; } article ul:not(.ax-menu) li:before, .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 dl, .ax-article dl { border-top: 1px solid #ebebeb; } article dl dt, .ax-article dl dt { font-weight: bold; padding-left: 1.4rem; position: relative; } article dl dt:before, .ax-article dl dt: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 dl dd, .ax-article dl dd { padding-left: 1.4rem; border-bottom: 1px solid #ebebeb; } /*article alt*/ .ax-good { text-align: center; margin: calc(1.4rem*2) auto; } .ax-good .ax-text { font-size: 1.2rem; color: #666; 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: #666; --size: 4.4rem; width: var(--size); height: var(--size); border-radius: 0.3rem; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; display: inline-flex; justify-content: center; align-items: center; text-align: center; box-sizing: border-box; background-color: #f0f0f0; position: relative; } .ax-avatar img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; transition: all 200ms linear; } .ax-avatar img[src=""] { visibility: hidden; } .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 [count] { font-size: 1.4rem; color: #fff; width: 100%; height: 100%; line-height: 1.8rem; border-radius: inherit; background-color: rgba(0, 0, 0, 0.4); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; } .ax-avatar[class*='xs'] [count], .ax-avatar.ax-sm [count] { font-size: 1.2rem; } .ax-avatar.ax-square { border-radius: 0; } .ax-avatar.ax-round { border-radius: 100%; } .ax-avatar.ax-xxs { font-size: 1.2rem; --size: 2.2rem; } .ax-avatar.ax-xs { font-size: 1.2rem; --size: calc(3.8rem - 1rem); } .ax-avatar.ax-sm { font-size: 1.4rem; --size: 3.8rem; } .ax-avatar.ax-md { font-size: 1.6rem; --size: 4.4rem; } .ax-avatar.ax-lg { font-size: 1.8rem; --size: calc(2.8rem*2); } .ax-avatar.ax-xl { font-size: 2.2rem; --size: calc(2.8rem*3); } .ax-avatar.ax-xxl { font-size: 3.2rem; --size: calc(2.8rem*4); } .ax-avatars { display: inline-flex; } .ax-avatars > * { border-radius: 100%; border: 1px solid #fff; position: relative; } .ax-avatars > *:not(:first-child) { margin-left: calc(var(--size)/2 * -1); } /*sign*/ .ax-sign { color: #666; width: 4.4rem; height: 4.4rem; border-radius: 0.3rem; border: 1px solid #666; box-sizing: border-box; position: relative; display: inline-flex; justify-content: center; align-items: center; text-align: center; } .ax-sign:hover { color: #666; text-decoration: none !important; } .ax-sign *[class*="font"] { font-size: 1.8rem; } .ax-sign svg { fill: #666; 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: #333; } .ax-sign.ax-color-des { border-color: #666; } .ax-sign.ax-color-ignore { border-color: #b3b3b3; } .ax-sign.ax-bglit { color: #666; border-color: #666; 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: #333; border-color: #333; } .ax-sign.ax-bg { color: #fff; border-width: 0; background-color: #666; } .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: #333; 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: #666; 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: #666; 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%, #666 50%, #666 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: #333; } .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: #333; } .ax-buoy.ax-dark.ax-reverse > i:last-child { background-color: #333; } .ax-buoy.ax-dark:after { border-color: #333; } .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: #333; } .ax-buoy.ax-dark.ax-reverse > i:first-child svg { fill: #333; } .ax-buoy.ax-more.ax-dark.ax-reverse > i:first-child:after { background: linear-gradient(135deg, transparent 50%, #333 50%, #333 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: #666; } .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); } /*wall照片墙*/ .ax-wall, [class*='ax-wall-'] { box-sizing: border-box; display: grid; grid-template-columns: repeat(4, 1fr); position: relative; } .ax-wall > *:not([count]):not([type]), [class*='ax-wall-'] > *:not([count]):not([type]) { min-width: 0; padding-top: 100%; overflow: hidden; box-sizing: border-box; background-color: #f0f0f0; position: relative; } .ax-wall > *:not([count]):not([type]) [caption], [class*='ax-wall-'] > *:not([count]):not([type]) [caption] { color: #fff; font-size: 1.2rem; background-color: rgba(0, 0, 0, 0.5); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; width: 100%; line-height: 1.8rem; text-align: center; box-sizing: border-box; padding: 0.8rem; transition: all 200ms linear; position: absolute; left: 0; bottom: 0; z-index: 3; } .ax-wall > *:not([count]):not([type]) [text], [class*='ax-wall-'] > *:not([count]):not([type]) [text] { color: #fff; background-color: rgba(0, 0, 0, 0.5); border-radius: inherit; width: 100%; height: 100%; box-sizing: border-box; padding: 1.4rem; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; position: absolute; left: 0; top: 0; z-index: 2; } .ax-wall > *:not([count]):not([type]) img, [class*='ax-wall-'] > *:not([count]):not([type]) img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; transition: all 200ms linear; position: absolute; left: 0; top: 0; } .ax-wall > *:not([count]):not([type]) img [src=""], [class*='ax-wall-'] > *:not([count]):not([type]) img [src=""] { visibility: hidden; } .ax-wall > *:not([count]):not([type]) [tags], [class*='ax-wall-'] > *:not([count]):not([type]) [tags] { width: 80%; padding: 0.8rem 0 0 0.8rem; display: flex; flex-wrap: wrap; box-sizing: border-box; position: absolute; left: 0; top: 0; } .ax-wall > *:not([count]):not([type]) [tags] > *, [class*='ax-wall-'] > *:not([count]):not([type]) [tags] > * { margin-right: 0.4rem; margin-bottom: 0.4rem; } .ax-wall > *:not([count]):not([type]) [legend], [class*='ax-wall-'] > *:not([count]):not([type]) [legend] { color: #fff; line-height: 1.8rem; position: absolute; right: 0.8rem; top: 0.8rem; z-index: 1; } .ax-wall > *:not([count]):not([type]) [tools], [class*='ax-wall-'] > *:not([count]):not([type]) [tools] { color: #fff; transition: all 200ms linear; text-align: right; display: inline-flex; position: absolute; right: 0; top: 0.8rem; z-index: 2; } .ax-wall > *:not([count]):not([type]) [tools] > *, [class*='ax-wall-'] > *:not([count]):not([type]) [tools] > * { margin-right: 0.8rem; cursor: pointer; } .ax-wall [count], [class*='ax-wall-'] [count] { color: #fff; font-size: 1.2rem; background-color: rgba(0, 0, 0, 0.5); line-height: 1.8rem; padding: 0 0.4rem; border-radius: 0.3rem; position: absolute; left: 0.8rem; bottom: 0.8rem; z-index: 2; } .ax-wall [type], [class*='ax-wall-'] [type] { color: #fff; font-size: 1.2rem; line-height: 1.8rem; padding: 0 0.4rem; border-radius: 0.3rem; position: absolute; left: 0.8rem; z-index: 2; background-color: rgba(25, 140, 255, 0.8); top: 0.8rem; } .ax-wall:not([sticky]) > *:not([count]):not([type]) [caption], [class*='ax-wall-']:not([sticky]) > *:not([count]):not([type]) [caption] { transform: translate(0, 100%); } .ax-wall:not([sticky]) > *:not([count]):not([type]) [tools], [class*='ax-wall-']:not([sticky]) > *:not([count]):not([type]) [tools] { background-color: rgba(0, 0, 0, 0.5); border-radius: inherit; width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; opacity: 0; top: 0; } .ax-wall:not([sticky]) > *:not([count]):not([type]) [tools] > *, [class*='ax-wall-']:not([sticky]) > *:not([count]):not([type]) [tools] > * { margin: 0 0.8rem; } .ax-wall:not([sticky]) > *:not([count]):not([type]):hover [caption], [class*='ax-wall-']:not([sticky]) > *:not([count]):not([type]):hover [caption] { transform: translate(0, 0); } .ax-wall:not([sticky]) > *:not([count]):not([type]):hover [tools], [class*='ax-wall-']:not([sticky]) > *:not([count]):not([type]):hover [tools] { opacity: 1; } .ax-wall > * [more], [class*='ax-wall-'] > * [more] { color: #fff; font-size: 1.2rem; background-color: rgba(0, 0, 0, 0.5); border-radius: inherit; width: 100%; height: 100%; line-height: 1.8rem; text-align: center; box-sizing: border-box; padding: 0.8rem; display: none; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column; transition: all 200ms linear; position: absolute; left: 0; top: 0; z-index: 2; } .ax-wall > * [more="show"], [class*='ax-wall-'] > * [more="show"] { display: flex; } .ax-wall[ratio="16:9"] > *:not([count]):not([type]), [class*='ax-wall-'][ratio="16:9"] > *:not([count]):not([type]) { padding-top: 56%; } .ax-wall[ratio="16:10"] > *:not([count]):not([type]), [class*='ax-wall-'][ratio="16:10"] > *:not([count]):not([type]) { padding-top: 62%; } .ax-wall[ratio="4:3"] > *:not([count]):not([type]), [class*='ax-wall-'][ratio="4:3"] > *:not([count]):not([type]) { padding-top: 75%; } .ax-wall[ratio="3:2"] > *:not([count]):not([type]), [class*='ax-wall-'][ratio="3:2"] > *:not([count]):not([type]) { padding-top: 67%; } .ax-wall.ax-gap-1, [class*='ax-wall-'].ax-gap-1 { grid-gap: 1px; } .ax-wall.ax-gap-2, [class*='ax-wall-'].ax-gap-2 { grid-gap: 2px; } .ax-wall.ax-gap-xxs, [class*='ax-wall-'].ax-gap-xxs { grid-gap: 0.4rem; } .ax-wall.ax-gap-xs, [class*='ax-wall-'].ax-gap-xs { grid-gap: 0.8rem; } .ax-wall.ax-gap-sm, [class*='ax-wall-'].ax-gap-sm { grid-gap: 1rem; } .ax-wall.ax-gap-md, [class*='ax-wall-'].ax-gap-md, .ax-wall.ax-gap, [class*='ax-wall-'].ax-gap { grid-gap: 1.4rem; } .ax-wall.ax-gap-lg, [class*='ax-wall-'].ax-gap-lg { grid-gap: 1.8rem; } .ax-wall.ax-gap-xl, [class*='ax-wall-'].ax-gap-xl { grid-gap: 2.2rem; } .ax-wall.ax-gap-xxl, [class*='ax-wall-'].ax-gap-xxl { grid-gap: 2.8rem; } .ax-wall-1 { grid-template-columns: 1fr; } .ax-wall-2 { grid-template-columns: repeat(2, 1fr); } .ax-wall-3 { grid-template-columns: repeat(3, 1fr); } .ax-wall-4 { grid-template-columns: repeat(4, 1fr); } .ax-wall-5 { grid-template-columns: repeat(5, 1fr); } .ax-wall-6 { grid-template-columns: repeat(6, 1fr); } .ax-wall-7 { grid-template-columns: repeat(7, 1fr); } .ax-wall-8 { grid-template-columns: repeat(8, 1fr); } .ax-wall-9 { grid-template-columns: repeat(9, 1fr); } .ax-wall-10 { grid-template-columns: repeat(10, 1fr); } .ax-wall-11 { grid-template-columns: repeat(11, 1fr); } .ax-wall-12 { grid-template-columns: repeat(12, 1fr); } .ax-wall-13 { grid-template-columns: repeat(13, 1fr); } .ax-wall-14 { grid-template-columns: repeat(14, 1fr); } .ax-wall-15 { grid-template-columns: repeat(15, 1fr); } .ax-wall-16 { grid-template-columns: repeat(16, 1fr); } .ax-wall-17 { grid-template-columns: repeat(17, 1fr); } .ax-wall-18 { grid-template-columns: repeat(18, 1fr); } .ax-wall-19 { grid-template-columns: repeat(19, 1fr); } .ax-wall-20 { grid-template-columns: repeat(20, 1fr); } .ax-wall-21 { grid-template-columns: repeat(21, 1fr); } .ax-wall-22 { grid-template-columns: repeat(22, 1fr); } .ax-wall-23 { grid-template-columns: repeat(23, 1fr); } .ax-wall-24 { grid-template-columns: repeat(24, 1fr); } /*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: #666; 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: #666; } .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: #666; } .ax-comment .ax-item .ax-row03 .ax-action *[class*="font"] { color: #666; 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: #666; 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: #666; } .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: #666; } .ax-author .ax-des { font-size: 1.2rem; color: #666; } .ax-author a:not([class*='ax-btn']) { color: #666; } .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: #333; 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.ax-opened .ax-at-right { transform: rotate(180deg); } .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.4rem; } .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: 1.8rem; } .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: #333; background-color: #ffc107; } .ax-btn.ax-warning *[class*="font"], .ax-btn.ax-reverse.ax-warning *[class*="font"] { color: #333; } .ax-btn.ax-warning:hover, .ax-btn.ax-reverse.ax-warning:hover { color: #333; 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: #333; 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: #333; background: transparent; border-color: #333; } .ax-btn.ax-line.ax-black *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-black *[class*="font"] { color: #333; } .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: #333; } input.ax-btn.ax-line.ax-black:hover, button.ax-btn.ax-line.ax-black:hover { border-color: #333; } .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: #333; } .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: #333; } .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: #333; } /**/ .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: #333; 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: #333; 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: #333; } .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: #333; 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: #333; } .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: #333; 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 { display: inline-flex; } .ax-btn-group [remove], .ax-btn-group [update] { font-family: 'ax-iconfont'; font-size: 1.2rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; transition: all 200ms linear; width: 1.4rem; height: 1.4rem; line-height: 1.4rem; margin-left: 0.6rem; margin-right: -1.4rem; } .ax-btn-group [update] + [remove] { margin-left: calc(1.4rem + 0.6rem); } .ax-btn-group [remove]:before { content: "close"; display: inline-block; } .ax-btn-group [update]:before { content: "refresh"; display: inline-block; } .ax-btn-group *[active] [remove], .ax-btn-group *[active] [update] { color: #fff; } .ax-btn-group *[active][disabled] [remove], .ax-btn-group *[active][disabled] [update] { color: rgba(0, 0, 0, 0.2); } .ax-btn-group *:not([active]):not([disabled]) [remove]:hover, .ax-btn-group *:not([active]):not([disabled]) [update]:hover { cursor: pointer; color: rgba(0, 0, 0, 0.8); } .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:not([disabled]):hover { z-index: 2; } .ax-btn-group .ax-btn[class*='thumb-active'], .ax-btn-group .ax-btn[active] { z-index: 3; background-color: #198cff; color: #fff; } .ax-btn-group .ax-btn[class*='thumb-active'] svg, .ax-btn-group .ax-btn[active] svg { fill: #fff; } .ax-btn-group .ax-btn[disabled] { color: #b3b3b3; box-shadow: none; cursor: not-allowed; } .ax-btn-group .ax-btn[disabled]:after { border-color: rgba(0, 0, 0, 0.12); } .ax-btn-group .ax-btn[disabled][active], .ax-btn-group .ax-btn[disabled][class*='thumb-active'] { background-color: #f0f0f0; } /*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-color: #000; transform: translate(-50%, -50%) scale(0.2); animation: ripple 0.6s ease-out; pointer-events: none; position: absolute; z-index: 4; } .ax-ripple[theme=primary] > u { background-color: #198cff; } .ax-ripple[theme=secondary] > u { background-color: #475b66; } .ax-ripple[theme=success] > u { background-color: #41a358; } .ax-ripple[theme=danger] > u { background-color: #dc3545; } .ax-ripple[theme=info] > u { background-color: #14ccc9; } .ax-ripple[theme=warning] > u { background-color: #ffc107; } .ax-ripple[theme=ad] > u { background-color: #ff8400; } @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; text-align: right; margin-right: 1.4rem; height: 3.8rem; line-height: calc(3.8rem/2); 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; } .ax-form-wrapper { 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-opened.ax-forbid, 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-opened, 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: #fff0f1; border-color: #f0dddf; } 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: #fff0f1; border-color: #ebced1 !important; } input.ax-check-primary, textarea.ax-check-primary { color: #198cff; background-color: #f0f7ff; border-color: #d7e7f5; } 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: #f0f7ff; border-color: #c0d9f0 !important; } input.ax-check-success, textarea.ax-check-success { color: #41a358; background-color: #edfaf0; border-color: #e1f0e5; } 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: #edfaf0; border-color: #d3ebd9 !important; } input.ax-check-success, textarea.ax-check-success { color: #41a358; background-color: #edfaf0; border-color: #e1f0e5; } 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: #edfaf0; border-color: #d3ebd9 !important; } input.ax-check-warning, textarea.ax-check-warning { color: #ffc107; background-color: #fffaeb; border-color: #f5edd7; } 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: #fffaeb; border-color: #ebe1c5 !important; } input.ax-check-info, textarea.ax-check-info { color: #14ccc9; background-color: #ebfaf9; border-color: #cef0f0; } 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: #ebfaf9; border-color: #c0ebeb !important; } input.ax-check-ad, textarea.ax-check-ad { color: #ff8400; background-color: #fff5eb; border-color: #f5e7d7; } 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: #fff5eb; border-color: #ebd9c5 !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: #333; } .ax-file.ax-focus:before { color: #198cff; box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); border-color: #ebd9c5 !important; } .ax-file input[type="file"] { opacity: 0; cursor: pointer; z-index: 2; } .ax-file:hover:before { border-color: #ebd9c5 !important; } .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: #666; } .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: #666; 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: #666; line-height: 1.8rem; } .ax-upload[type="text"] li [title], .ax-upload[type="info"] li [title] { color: #333; } .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: #666; 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: #666; 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; } .ax-upload[type="gallery"] [choose] [class*="iconfont"] { font-size: calc(2.2rem*2); line-height: calc(2.2rem*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: #666; 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; } /*checkbox和radio的checked动画*/ @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类型*/ .ax-radio { line-height: 3.8rem; height: 3.8rem; display: inline-flex; align-items: center; position: relative; } .ax-radio input { display: none; } .ax-radio i { white-space: nowrap; text-overflow: ellipsis; transition: all 200ms linear; } .ax-radio u ~ i { margin-left: 0.4rem; margin-right: 2.2rem; } .ax-radio u { width: 1.8rem; height: 1.8rem; line-height: 1.8rem; position: relative; display: inline-flex; } .ax-radio u:before { content: ''; width: inherit; height: inherit; box-sizing: border-box; border-radius: 100%; border: 1px solid #e0e0e0; background-color: #fff; transition: all 200ms ease-out; } .ax-radio u:after { content: ''; width: 1rem; height: 1rem; border-radius: 100%; background-color: #198cff; display: inline-block; transform: scale(0); transition: all 200ms ease-out; position: absolute; top: 0.4rem; left: 0.4rem; } .ax-radio:hover u:before { border-color: #198cff; } .ax-radio input:checked ~ u:before { border-color: #198cff; animation: check 0.4s ease-out forwards; } .ax-radio input:checked ~ u:after { transform: scale(1); } .ax-radio input:checked + i { color: #198cff; } .ax-radio input:not(:checked)[checking] ~ u:before { border-color: #198cff; } .ax-radio input:not(:checked)[checking] ~ u:after { background-color: #d7e7f5; transform: scale(1); } .ax-radio input:focus ~ u:before { outline: none; border-color: #198cff; } .ax-radio input:disabled ~ i { color: #b3b3b3; cursor: not-allowed; } .ax-radio input:disabled ~ u:before { border-color: #e0e0e0; cursor: not-allowed; } .ax-radio input:disabled ~ u:after { cursor: not-allowed; } .ax-radio input:disabled:checked ~ u:before { background-color: rgba(25, 140, 255, 0.1); } .ax-radio input:disabled:checked ~ u:after { background-color: #b3b3b3; transform: scale(1); } .ax-radio.ax-xs { height: 2.2rem; line-height: 2.2rem; } .ax-radio.ax-xs u ~ i { margin-right: 1.4rem; } .ax-radio.ax-sm { height: calc(2.8rem); line-height: calc(2.8rem); } .ax-radio.ax-sm u ~ i { margin-right: 1.4rem; } .ax-radio.ax-lg { height: calc(2.8rem + 2rem); line-height: calc(2.8rem + 2rem); } .ax-checkbox { line-height: 3.8rem; height: 3.8rem; display: inline-flex; align-items: center; position: relative; } .ax-checkbox input { display: none; } .ax-checkbox i { white-space: nowrap; text-overflow: ellipsis; transition: all 200ms linear; } .ax-checkbox u ~ i { margin-left: 0.4rem; margin-right: 2.2rem; } .ax-checkbox u { width: 1.6rem; height: 1.6rem; line-height: 1.6rem; position: relative; display: inline-flex; } .ax-checkbox u:before { content: ''; width: inherit; height: inherit; box-sizing: border-box; border-radius: 0.3rem; border: 1px solid #e0e0e0; background-color: #fff; transition: all 200ms ease-out; } .ax-checkbox u:after { font-family: 'ax-iconfont'; content: 'check'; color: #fff; font-size: 1.2rem; width: inherit; height: inherit; line-height: inherit; text-align: center; transform: scale(0); transition: all 200ms ease-out; position: absolute; } .ax-checkbox:hover u:before { border-color: #198cff; } .ax-checkbox input:checked ~ u:before { border-color: #198cff; background-color: #198cff; animation: check 0.4s ease-out forwards; } .ax-checkbox input:checked ~ u:after { transform: scale(0.8); } .ax-checkbox input:checked + i { color: #198cff; } .ax-checkbox input:not(:checked)[checking] ~ u:before { border-color: #198cff; } .ax-checkbox input:not(:checked)[checking] ~ u:after { content: ''; width: 1rem; height: 1rem; background-color: #d7e7f5; transform: none; top: 0.3rem; left: 0.3rem; } .ax-checkbox input:focus ~ u:before { outline: none; border-color: #198cff; } .ax-checkbox input:disabled ~ i { color: #b3b3b3; cursor: not-allowed; } .ax-checkbox input:disabled ~ u:before { border-color: #e0e0e0; background-color: #f0f0f0; cursor: not-allowed; } .ax-checkbox input:disabled:checked ~ u:before { background-color: rgba(25, 140, 255, 0.1); } .ax-checkbox input:disabled:checked ~ u:after { color: #b3b3b3; transform: scale(0.8); cursor: not-allowed; } .ax-checkbox.ax-bone { height: 1.8rem; line-height: 1.8rem; } .ax-checkbox.ax-xs { height: 2.2rem; line-height: 2.2rem; } .ax-checkbox.ax-sm { height: 2.8rem; line-height: 2.8rem; } .ax-checkbox.ax-lg { height: calc(2.8rem + 2rem); line-height: calc(2.8rem + 2rem); } /*chera类型的复选*/ .ax-chera { height: 3.8rem; line-height: 3.8rem; display: flex; align-items: center; box-sizing: border-box; position: relative; } .ax-chera input { display: none; } .ax-chera i { height: calc(100% - 1rem); line-height: calc(3.8rem - 1rem - 0.2rem); padding: 0 calc(1.4rem * 2) 0 1rem; background-color: #fff; box-sizing: border-box; border: 1px solid #ebebeb; border-radius: 0.3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 200ms ease-out; flex: auto; width: 0; } .ax-chera u { font-size: 1.2rem; color: #ccc; transform: translate(0, -50%); transition: all 200ms ease-out; position: absolute; right: 1rem; top: 50%; } .ax-chera u:after { font-family: 'ax-iconfont'; content: 'check'; } .ax-chera:hover i { border-color: #198cff; } .ax-chera input:checked ~ i { color: #fff; background-color: #198cff; border-color: #198cff; } .ax-chera input:checked ~ u { color: #fff; } .ax-chera input:focus ~ u { border-color: #198cff; } .ax-chera input:disabled ~ i { color: #b3b3b3; border-color: #e0e0e0; background-color: #f0f0f0; } .ax-chera input:disabled:checked ~ i { color: #b3b3b3; border-color: #e0e0e0; background-color: rgba(25, 140, 255, 0.1); } .ax-chera input:disabled:checked ~ u { color: #b3b3b3; } .ax-chera.ax-xs { height: 2.2rem; line-height: 2.2rem; font-size: 1.2rem; } .ax-chera.ax-xs i { height: calc(2.2rem - 0.2rem); line-height: calc(2.2rem - 0.2rem - 0.2rem); padding-left: 0.4rem; } .ax-chera.ax-xs u { right: 0.4rem; } .ax-chera.ax-sm { height: 2.8rem; line-height: 2.8rem; } .ax-chera.ax-sm i { height: calc(2.8rem - 0.2rem); line-height: calc(2.8rem - 0.2rem - 0.2rem); } .ax-chera.ax-lg { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); } .ax-chera.ax-lg i { height: 3.8rem; line-height: calc(3.8rem - 0.2rem); } .ax-chera.ax-btn.ax-lg i { height: 3.8rem; line-height: calc(3.8rem - 0.2rem); } /*switch类型*/ .ax-switch { height: 3.8rem; line-height: 3.8rem; display: inline-flex; align-items: center; } .ax-switch input { display: none; } .ax-switch i { transition: all 200ms linear; } .ax-switch u ~ i { margin-left: 0.4rem; } .ax-switch u { width: 4rem; height: 2.2rem; box-sizing: border-box; border: 1px solid #ebebeb; border-radius: 2.2rem; margin: calc((3.8rem - 2.2rem)/2) 0; background-color: #fff; transition: all 200ms linear; position: relative; } .ax-switch u: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 u { border-color: #198cff; } .ax-switch input:checked ~ u { border-color: #198cff; background-color: #198cff; } .ax-switch input:checked ~ u:before { left: 1.8rem; } .ax-switch input:checked + i { color: #198cff; } .ax-switch input:disabled ~ i { color: #b3b3b3; } .ax-switch input:disabled ~ u { border-color: #e0e0e0; background-color: #f0f0f0; } .ax-switch input:disabled:checked ~ u { background-color: rgba(25, 140, 255, 0.1); } /*switch尺寸*/ .ax-switch.ax-xs { height: 2.2rem; line-height: 2.2rem; } .ax-switch.ax-sm { height: 2.8rem; line-height: 2.8rem; } .ax-switch.ax-lg { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); } /*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: #666; } .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.2rem; line-height: 3.8rem; padding-right: 1rem; position: absolute; right: 0; top: 0; z-index: 2; } .ax-pos-right *[class*="font"] { font-size: 1.2rem; color: #ccc; margin-left: 1.4rem; } .ax-pos-right [clear]:hover { color: #666; } .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-form-limit { font-size: 1.2rem; } /*form group*/ .ax-input-group .ax-prefix, .ax-input-group .ax-suffix:not(.ax-btn) { color: #333; 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 i { height: 3.8rem; line-height: 3.8rem; margin: 0; } .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 i { border-radius: 0; border-right-width: 0; } .ax-input-group .ax-prefix + div .ax-col:last-child .ax-chera i { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; border-right-width: 1px; } .ax-input-group .ax-select.ax-suffix-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-input-group .ax-select.ax-prefix-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-input-group .ax-select.ax-opened { border-color: #198cff; box-shadow: 0 0 0 0.1rem #198cff inset; } .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-body { display: block; flex: auto; width: 0; position: relative; } .ax-search .ax-search-body input[type="text"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-search .ax-search-body input[type="text"]:focus { border-color: #198cff !important; box-shadow: 0 0 0 0.1rem #198cff inset; } .ax-search .ax-search-body:hover input[type="text"] { border-color: rgba(25, 140, 255, 0.5); } .ax-search > select + span + .ax-search-body 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 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-search > .ax-select.ax-opened { border-color: #198cff; box-shadow: 0 0 0 0.1rem #198cff inset; } .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 [tools] { 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 [tools] *[class*="font"] { color: #ccc; height: 2.2rem; width: 2.2rem; border-radius: 2.2rem; margin-left: 0.4rem; } .ax-search [tools] *[class*="font"]:hover { color: #198cff; background-color: #f0f7ff; } .ax-search .ax-search-body [legend] { color: #ccc; line-height: 3.8rem; padding-left: 1rem; position: absolute; left: 0; top: 0; z-index: 2; } .ax-search .ax-search-body [legend] + input[type="text"], .ax-search .ax-search-body [legend] + .ax-complete > input[type="text"] { padding-left: 3.4rem; } .ax-search .ax-search-header { 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-footer { 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-footer:hover { color: #198cff; border-color: #e0e0e0 !important; } .ax-search.ax-dark .ax-search-footer, .ax-search.ax-dark .ax-search-footer:hover { color: #fff; background-color: #198cff; border-color: #198cff !important; } .ax-search.ax-dark .ax-search-body input[type="text"] { border-color: #198cff; box-shadow: 0 0 0 1px #198cff inset; } .ax-search.ax-dark .ax-search-body:hover input[type="text"] { border-color: #198cff; } .ax-search.ax-dark > .ax-select { border-right-width: 0; border-color: #198cff !important; box-shadow: 0 0 0 1px #198cff inset !important; } .ax-search.ax-dark > .ax-select + .ax-search-body input[type="text"] { border-left-width: 0; box-shadow: -1px 0 0 1px #198cff inset; } .ax-search.ax-round .ax-search-footer { border-top-right-radius: calc(3.8rem/2); border-bottom-right-radius: calc(3.8rem/2); } .ax-search.ax-round .ax-search-body input[type="text"], .ax-search.ax-round .ax-search-body .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 { border-radius: calc(3.8rem/2) 0 0 calc(3.8rem/2); } .ax-search.ax-round > .ax-select + .ax-search-body input[type="text"], .ax-search.ax-round > select + span + .ax-search-body .ax-complete > input[type="text"] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-search.ax-round > .ax-select + .ax-search-body input[type="text"], .ax-search.ax-round > .ax-select + .ax-search-body .ax-complete > input[type="text"] { padding-left: 1rem; } .ax-search.ax-round .ax-search-body [legend] + input[type="text"], .ax-search.ax-round .ax-search-body [legend] + .ax-complete > input[type="text"] { padding-left: 3.4rem; } .ax-search.ax-square .ax-search-footer { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-search.ax-square .ax-search-body input[type="text"], .ax-search.ax-square .ax-search-body .ax-complete > input[type="text"] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-search.ax-square > .ax-select { 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 { border-color: transparent; margin-top: calc((-3.8rem + 2.8rem)/2); margin-bottom: calc((-3.8rem + 2.8rem)/2); width: 100% !important; } .ax-emulate .ax-select:hover { border-color: transparent !important; } .ax-emulate .ax-select.ax-opened { border-color: transparent; box-shadow: none; } .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 i { 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-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; font-weight: normal; line-height: 1.8rem; padding: 1rem; box-sizing: border-box; position: relative; } .ax-table th label { font-weight: bold; white-space: nowrap; flex: auto; width: 0; } .ax-table th .ax-cell { display: flex; } .ax-table td { transition: background-color 100ms linear, box-shadow 100ms linear; } .ax-table tr[selected] td { background-color: #f0f7ff; } .ax-table th[selected], .ax-table td[selected] { background-color: #f0f7ff; } .ax-table tr td[focus] { color: #198cff; box-shadow: inset 0 0 0 2px #198cff; } .ax-table tr[disabled] td[focus] { color: #b3b3b3; box-shadow: inset 0 0 0 2px #d7e7f5; } .ax-table tr[disabled] { color: #b3b3b3; } .ax-table tr[disabled] a { color: #b3b3b3; } .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]):not([disabled]):hover { background-color: #f5f5f5; } .ax-table[focus] tbody tr td:not([focus]):not([name='check']):not([name='tools']):hover { box-shadow: inset 0 0 0 2px #b3b3b3; } .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: ''; height: 0; width: 0; margin: auto 0; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 0.4rem 0.4rem 0.4rem; transition: all 200ms linear; position: absolute; top: calc(1.8rem / 2 - 0.1rem - 0.4rem); left: calc(1.8rem / 2 - 0.4rem); } .ax-table .ax-sort-arrow: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: calc(1.8rem / 2 + 0.1rem); left: calc(1.8rem / 2 - 0.4rem); } .ax-table label ~ * { font-size: 1.2rem; color: #ccc; width: 1.8rem; text-align: center; cursor: pointer; transition: all 200ms linear; } .ax-table label ~ *:hover { color: #333; } .ax-table [order="asc"] .ax-sort-arrow:before { border-color: transparent transparent #333 transparent; } .ax-table [order="desc"] .ax-sort-arrow:after { border-color: #333 transparent transparent transparent; } .ax-table .ax-avatar { margin-top: calc((-2.2rem + 1.8rem)/2); margin-bottom: calc((-2.2rem + 1.8rem)/2); } .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: #666; } .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 td > input[type='text'][editing] { background: transparent; width: 100%; height: 100%; box-shadow: inset 0 0 0 2px #198cff; border-radius: 0; border: none; position: absolute; left: 0; top: 0; } .ax-table td > textarea[editing] { background: transparent; width: calc(100% + 2rem); margin: -1rem; box-shadow: inset 0 0 0 2px #198cff; border-radius: 0; border: none; } .ax-table .ax-form-group .ax-col { width: auto; } .ax-table[display="border"], .ax-table-wrapper[display="border"] { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .ax-table[display="grid"], .ax-table-wrapper[display="grid"] { border-left: 1px solid #ebebeb; box-shadow: inset -1px 0 0 0 #ebebeb; position: relative; } .ax-table[display="grid"] td, .ax-table-wrapper[display="grid"] td, .ax-table[display="grid"] th, .ax-table-wrapper[display="grid"] th { position: relative; box-shadow: inset -1px 0 0 0 #ebebeb; } .ax-table[display="grid"] td[selected], .ax-table-wrapper[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 [toolsright] > a, .ax-table-tools [toolsright] > .ax-btn-group { margin-left: 0.8rem; } .ax-table-tools .ax-table-search { width: 20rem; } .ax-table-tools .ax-table-search .ax-form-input, .ax-table-tools .ax-table-search .ax-form-con { width: 100%; } /* 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: 880; animation-duration: 100ms; animation-fill-mode: both; visibility: hidden; } .ax-popup.ax-show { visibility: visible; } .ax-popup[theme="crude"] { border: none; box-shadow: none; background: transparent; } .ax-popup[theme="crude"] [valid] { line-height: 1.8rem; padding: calc((2.8rem - 1.8rem)/2) 0; } .ax-popup[size="sm"] { width: 20rem; } .ax-popup[size="md"] { width: 36rem; } .ax-popup[size="lg"] { width: 60rem; } .ax-popup[size="xl"] { width: 80rem; } .ax-popup[size="xxl"] { width: 100rem; } .ax-popup > [arrow] { width: 1rem; height: 1rem; box-shadow: 1px 1px 0 #ebebeb; background-color: inherit; } .ax-popup[placement^='top'] > [arrow] { bottom: -0.5rem; transform: rotate(45deg); } .ax-popup[placement^='bottom'] > [arrow] { top: -0.5rem; transform: rotate(-135deg); } .ax-popup[placement^='left'] > [arrow] { right: -0.5rem; transform: rotate(-45deg); } .ax-popup[placement^='right'] > [arrow] { left: -0.5rem; transform: rotate(135deg); } .ax-popup .ax-popup-wrapper { border-radius: inherit; position: relative; z-index: 2; } .ax-popup .ax-popup-wrapper > [close] { font-family: 'ax-iconfont'; font-size: 1.2rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; transition: all 200ms linear; width: calc(3.8rem - 2px); height: calc(3.8rem - 2px); line-height: calc(3.8rem - 2px); position: absolute; right: 0; top: 0; } .ax-popup[closePlace="outside"] .ax-popup-wrapper > [close] { right: calc(-3.8rem + 2px); } .ax-popup .ax-popup-wrapper > [close]:before { content: "close"; display: inline-block; } .ax-popup .ax-popup-wrapper > [close]:hover { cursor: pointer; color: rgba(0, 0, 0, 0.8); } .ax-popup .ax-popup-body { max-height: 76rem; box-sizing: border-box; display: block; overflow-y: auto; overflow-x: hidden; } .ax-popup .ax-popup-body .ax-popup-content { overflow: hidden; } .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[type="pictrue"] .ax-dialog-content, .ax-popup[type="video"] .ax-dialog-content, .ax-popup[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[footerType="center"] .ax-note, .ax-popup[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[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: #333; } .ax-tooltip:not([data-size]) { max-width: 36rem !important; } .ax-tooltip .ax-popup-content { color: #333; font-size: 1.2rem; line-height: 1.8rem; padding: 0.5rem 1rem; box-sizing: border-box; } .ax-tooltip > [arrow] { box-shadow: 1px 1px 0 #333; } .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: #333; } .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: #333; background-color: #333; } .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%, #333 50%, #333 100%); } .ax-tooltip[theme="dark"][data-placement^='bottom'] > [arrow] { background: linear-gradient(135deg, transparent 50%, #333 50%, #333 100%); } .ax-tooltip[theme="dark"][data-placement^='left'] > [arrow] { background: linear-gradient(135deg, transparent 50%, #333 50%, #333 100%); } .ax-tooltip[theme="dark"][data-placement^='right'] > [arrow] { background: linear-gradient(135deg, transparent 50%, #333 50%, #333 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: #666; 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: #666; } .ax-footer .ax-copyright, .ax-footer .ax-copyright a { color: #666; } .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: #666; 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: #666; 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: #666; } .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-bulletin { line-height: 2.2rem; padding: calc((3.8rem - 2.2rem)/2) 1.4rem; display: flex; align-items: center; box-sizing: border-box; transition: all 100ms linear; position: relative; } .ax-bulletin .ax-bulletin-body { flex: auto; width: 0; display: flex; align-items: center; } .ax-bulletin [caption] { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-bulletin [rank] { font-size: 1.2rem; color: #666; background-color: #fff; min-width: 1.8rem; height: 1.8rem; line-height: 1.8rem; margin-right: calc((3.8rem - 2.2rem)/2); text-align: center; border-radius: 0.3rem; box-sizing: border-box; position: relative; } .ax-bulletin [rank]: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-bulletin [rank='1'] { color: #fff; background-color: #dc3545; } .ax-bulletin [rank='2'] { color: #fff; background-color: #ff8400; } .ax-bulletin [rank='3'] { color: #fff; background-color: #198cff; } .ax-bulletin [arrow], .ax-bulletin [tip], .ax-bulletin [count] { color: #b3b3b3; margin-left: calc((3.8rem - 2.2rem)/2); } .ax-bulletin [arrow][class*='font'] { color: #ccc; font-size: 1.2rem; } .ax-bulletin [legend] { margin-right: calc((3.8rem - 2.2rem)/2); } .ax-bulletin [legend]:before { top: 0.1rem; } .ax-bulletin [check] { font-size: 1.2rem; margin-left: calc((3.8rem - 2.2rem)/2); } .ax-bulletin [avatar], .ax-bulletin [image] { width: 2.2rem; height: 2.2rem; margin-right: calc((3.8rem - 2.2rem)/2); display: inline-flex; box-sizing: border-box; background-color: #f0f0f0; position: relative; } .ax-bulletin [avatar] img, .ax-bulletin [image] img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; transition: all 200ms linear; } .ax-bulletin [avatar] img[src=""], .ax-bulletin [image] img[src=""] { visibility: hidden; } .ax-bulletin [avatar] { border-radius: 100%; } .ax-bulletin [image] { border-radius: 0.3rem; } .ax-bulletin .ax-info-block .ax-checkbox, .ax-bulletin .ax-info-block .ax-switch, .ax-bulletin .ax-info-block .ax-radio { margin-left: calc((3.8rem - 2.2rem)/2); } .ax-bulletin[selected]:not([disabled]) { color: #198cff; } .ax-bulletin[selected]:not([disabled]) [check] { color: #198cff; } .ax-bulletin[selected]:not([disabled]) a { color: #198cff; } .ax-bulletin[active]:not([disabled]) { color: #198cff; background-color: #f0f7ff; } .ax-bulletin[active]:not([disabled]) [check] { color: #198cff; } .ax-bulletin[active]:not([disabled]) a { color: #198cff; } .ax-bulletin[checked]:not([disabled]) { color: #198cff; } .ax-bulletin[checked]:after { content: 'check'; font-family: 'ax-iconfont'; font-size: 1.2rem; color: #198cff; margin-left: calc((3.8rem - 2.2rem)/2); } .ax-bulletin[disabled] { color: #b3b3b3; pointer-events: none; } .ax-bulletin[disabled] a { color: #b3b3b3; } .ax-bulletin input:checked:not(:disabled) + .ax-bulletin-body { color: #198cff; } .ax-bulletin input:disabled + .ax-bulletin-body { color: #b3b3b3; } .ax-bulletin.ax-hover:not([active]):not([disabled]):hover { background-color: #fafafa; } /*图文信息模块(列表)*/ .ax-graphic { padding: 1.4rem; box-sizing: border-box; transition: all 100ms linear; position: relative; display: flex; } .ax-graphic .ax-graphic-body { flex: auto; width: 0; } .ax-graphic [poster] { height: 9.6rem; width: calc(9.6rem + 2.8rem); overflow: hidden; border-radius: 0.3rem; box-sizing: border-box; background-color: #f0f0f0; position: relative; } .ax-graphic [poster]:nth-child(1) { margin-right: 1.4rem; } .ax-graphic [poster]:nth-last-child(1) { margin-left: 1.4rem; } .ax-graphic [poster] img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; transition: all 200ms linear; } .ax-graphic [poster] img[src=""] { visibility: hidden; } .ax-graphic [poster] [type] { color: #fff; font-size: 1.2rem; line-height: 1.8rem; padding: 0 0.4rem; border-radius: 0.3rem; position: absolute; left: 0.8rem; z-index: 2; background-color: rgba(25, 140, 255, 0.8); top: 0.8rem; } .ax-graphic [caption] { line-height: 2.2rem; } .ax-graphic [caption] a { font-weight: bold; font-size: 1.6rem; line-height: 2.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-graphic [caption="2"] a, .ax-graphic [caption="3"] a { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; } .ax-graphic [caption="2"] a { max-height: calc(2.2rem * 2); -webkit-line-clamp: 2; } .ax-graphic [caption="3"] a { max-height: calc(2.2rem * 3); -webkit-line-clamp: 3; } .ax-graphic [brief] { color: #666; margin-top: 0.8rem; 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-graphic [brief="1"] { max-height: calc(1.8rem); -webkit-line-clamp: 1; } .ax-graphic [brief="3"] { max-height: calc(1.8rem * 3); -webkit-line-clamp: 3; } .ax-graphic [keywords] { color: #666; font-size: 1.2rem; line-height: 2.2rem; margin-top: 0.8rem; } .ax-graphic [keywords] [class*='font'] { font-size: 1.2rem; } .ax-graphic [keywords] > * { margin-right: 0.8rem; } .ax-graphic [byline] { color: #666; font-size: 1.2rem; line-height: 2.2rem; margin-top: 0.8rem; } .ax-graphic [byline] *[class*='font'] { font-size: 1.2rem; } .ax-graphic [byline] > * { margin-right: 0.8rem; } .ax-graphic[type]:after { color: #ccc; font-size: 1.2rem; height: 1.2rem; line-height: 1.2rem; display: block; position: absolute; left: 1.4rem; bottom: -0.4rem; } .ax-graphic[type=ad]:after { content: '广告'; } .ax-graphic [posters] { margin-top: 0.8rem; } .ax-graphic [posters] [class*='ax-wall'] > *:not([count]):not([type]) { border-radius: 0.3rem; } /*card list*/ .ax-card { 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 [poster] { padding-top: 56%; margin-bottom: 1.4rem; overflow: hidden; display: block; box-sizing: border-box; background-color: #f0f0f0; position: relative; } .ax-card [poster] img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; transition: all 200ms linear; position: absolute; left: 0; top: 0; } .ax-card [poster] img[src=""] { visibility: hidden; } .ax-card [poster] [type] { color: #fff; font-size: 1.2rem; line-height: 1.8rem; padding: 0 0.4rem; border-radius: 0.3rem; position: absolute; left: 0.8rem; z-index: 2; background-color: rgba(25, 140, 255, 0.8); top: 0.8rem; } .ax-card [caption] { line-height: 2.2rem; } .ax-card [caption] a { font-weight: bold; font-size: 1.6rem; line-height: 2.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-card [caption="2"] a, .ax-card [caption="3"] a { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; } .ax-card [caption="2"] a { max-height: calc(2.2rem * 2); -webkit-line-clamp: 2; } .ax-card [caption="3"] a { max-height: calc(2.2rem * 3); -webkit-line-clamp: 3; } .ax-card [brief] { color: #666; margin-top: 0.8rem; 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-card [brief="1"] { max-height: calc(1.8rem); -webkit-line-clamp: 1; } .ax-card [brief="3"] { max-height: calc(1.8rem * 3); -webkit-line-clamp: 3; } .ax-card [keywords] { color: #666; font-size: 1.2rem; line-height: 2.2rem; margin-top: 0.8rem; } .ax-card [keywords] [class*='font'] { font-size: 1.2rem; } .ax-card [keywords] > * { margin-right: 0.8rem; } .ax-card [byline] { color: #666; font-size: 1.2rem; line-height: 2.2rem; margin-top: 0.8rem; } .ax-card [byline] *[class*='font'] { font-size: 1.2rem; } .ax-card [byline] > * { margin-right: 0.8rem; } .ax-card .ax-card-footer { margin-top: 1.4rem; } .ax-card [btns] { border-top: 1px solid #ebebeb; margin-bottom: -1.4rem; text-align: center; line-height: 4.4rem; display: flex; } .ax-card [btns] > * { width: calc((100%/24)*12); padding: 0; flex: auto; position: relative; } .ax-card [btns] > *:not(:last-child) { border-right: 1px solid #ebebeb; } .ax-card [btns] [left] { width: 70%; text-align: left; } .ax-card [btns] [right] { width: 30%; } .ax-card [posters] { margin-top: 1.4rem; } .ax-card [poster] + [posters] { margin-top: -1.2rem; margin-bottom: 1.4rem; } .ax-card:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .ax-card:hover [poster] img { transform: scale(1.1); } /*tab*/ .ax-tab { min-height: calc(2.8rem * 2); } .ax-tab [ajax-message] { width: 100%; min-height: calc(2.8rem * 2); text-align: center; display: flex; justify-content: center; align-items: center; } .ax-tab .ax-tab-body { box-sizing: border-box; transition: all 200ms linear; } .ax-tab .ax-tab-body > * { min-height: calc(2.8rem * 2); } .ax-tab .ax-tab-body > * [ajax-message] { width: 100%; min-height: calc(2.8rem * 2); text-align: center; display: flex; justify-content: center; align-items: center; } .ax-tab .ax-tab-body > *:not([active]) { display: none; } .ax-tab .ax-tab-header .ax-slide { width: auto; } .ax-tab .ax-tab-body iframe { width: 100%; min-height: 40rem; } .ax-tab.ax-border, .ax-tab[class*="ax-shadow"] { background-color: #fff; } .ax-tab.ax-border[class*="ax-radius"], .ax-tab[class*="ax-shadow"][class*="ax-radius"] { overflow: hidden; } .ax-tab.ax-border .ax-tab-body, .ax-tab[class*="ax-shadow"] .ax-tab-body { padding: 1.4rem; } .ax-tab-group { display: flex; justify-content: flex-start; align-items: flex-end; box-shadow: 0 -0.1rem 0 0 #ebebeb inset; } .ax-tab-group [remove], .ax-tab-group [update] { font-family: 'ax-iconfont'; font-size: 1.2rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; transition: all 200ms linear; width: 1.4rem; height: 1.4rem; line-height: 1.4rem; margin-left: 1rem; margin-right: -0.4rem; } .ax-tab-group [update] + [remove] { margin-left: 1.4rem; } .ax-tab-group [remove]:before { content: "close"; display: inline-block; } .ax-tab-group [update]:before { content: "refresh"; display: inline-block; } .ax-tab-group *:not([disabled]) [remove]:hover, .ax-tab-group *:not([disabled]) [update]:hover { cursor: pointer; color: rgba(0, 0, 0, 0.8); } .ax-tab-group > * { display: inline-flex; align-items: 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-tab-group > *:not([disabled]) { cursor: pointer; } .ax-tab-group > *:after { content: ""; pointer-events: none; box-sizing: border-box; transform-origin: 0 0; border: 1px solid #ebebeb; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ax-tab-group > *:first-child, .ax-tab-group > *:first-child:after { border-radius: 0.3rem 0 0 0; } .ax-tab-group > *:last-child, .ax-tab-group > *:last-child:after { border-radius: 0 0.3rem 0 0; } .ax-tab-group > *:not(:first-of-type):after { border-left-width: 0; } .ax-tab-group > *[active], .ax-tab-group > *[class*='thumb-active'] { color: #198cff; } .ax-tab-group > *[active]:after, .ax-tab-group > *[class*='thumb-active']:after { border-bottom-width: 0; } .ax-tab-group > * [class*="font"] { margin-right: 0.4rem; } .ax-tab-group > *[disabled] { cursor: not-allowed; color: #b3b3b3; } .ax-tab.ax-border .ax-tab-group, .ax-tab[class*="ax-shadow"] .ax-tab-group { background-color: #fafafa; } .ax-tab.ax-border .ax-tab-group > *:last-child, .ax-tab.ax-border .ax-tab-group > *:last-child:after, .ax-tab[class*="ax-shadow"] .ax-tab-group > *:last-child, .ax-tab[class*="ax-shadow"] .ax-tab-group > *:last-child:after { border-radius: 0; } .ax-tab.ax-border .ax-tab-group > *:after, .ax-tab[class*="ax-shadow"] .ax-tab-group > *:after { border-top-width: 0; border-left-width: 0; } .ax-tab.ax-border .ax-tab-group > *:first-of-type:after, .ax-tab[class*="ax-shadow"] .ax-tab-group > *:first-of-type:after { border-left-width: 0; } .ax-lamp-group { display: inline-flex; } .ax-lamp-group [remove], .ax-lamp-group [update] { font-family: 'ax-iconfont'; font-size: 1.2rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; transition: all 200ms linear; width: 1.4rem; height: 1.4rem; line-height: 1.4rem; } .ax-lamp-group [remove] { margin-right: -1.4rem; } .ax-lamp-group [remove]:before { content: "close"; display: inline-block; } .ax-lamp-group [update]:before { content: "refresh"; display: inline-block; } .ax-lamp-group *:not([disabled]) [remove]:hover, .ax-lamp-group *:not([disabled]) [update]:hover { cursor: pointer; color: rgba(0, 0, 0, 0.8); } .ax-lamp-group > * { cursor: pointer; line-height: 3.8rem; text-align: center; padding: 0 1.4rem; position: relative; display: inline-flex; justify-content: center; align-items: center; } .ax-lamp-group > *:not([disabled]) { cursor: pointer; } .ax-lamp-group > *[active], .ax-lamp-group > *[class*='thumb-active'] { color: #198cff; } .ax-lamp-group > *:after { content: ''; height: 0.2rem; width: 2.8rem; background-color: #198cff; transform: translate(-50%, 0) scaleX(0); transition: all 200ms linear; position: absolute; left: 50%; bottom: 0; } .ax-lamp-group > *[active]:after, .ax-lamp-group > *[class*='thumb-active']:after { transform: translate(-50%, 0) scaleX(1); } .ax-lamp-group > *[disabled] { cursor: not-allowed; color: #b3b3b3; } .ax-lamp-group > *[disabled][active]:after, .ax-lamp-group > *[disabled][class*='thumb-active']:after { background-color: #ccc; } .ax-bounce-group { display: inline-flex; } .ax-bounce-group [remove], .ax-bounce-group [update] { font-family: 'ax-iconfont'; font-size: 1.2rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; transition: all 200ms linear; width: 1.4rem; height: 1.4rem; line-height: 1.4rem; } .ax-bounce-group [remove]:before { content: "close"; display: inline-block; } .ax-bounce-group [update]:before { content: "refresh"; display: inline-block; } .ax-bounce-group *:not([disabled]) [remove]:hover, .ax-bounce-group *:not([disabled]) [update]:hover { cursor: pointer; color: rgba(0, 0, 0, 0.8); } .ax-bounce-group [label] { flex: auto; } .ax-bounce-group [label] + * { margin-left: 0.8rem; } .ax-bounce-group > * { cursor: pointer; line-height: 3.8rem; margin-right: 1.4rem; position: relative; display: inline-flex; justify-content: left; align-items: center; } .ax-tab.ax-border .ax-bounce-group > :first-child, .ax-tab[class*="ax-shadow"] .ax-bounce-group > :first-child { margin-left: 1.4rem; } .ax-tab.ax-border [nav], .ax-tab[class*="ax-shadow"] [nav] { margin-left: 1.4rem; margin-right: 1.4rem; } .ax-tab.ax-border [nav] .ax-bounce-group > :first-child, .ax-tab[class*="ax-shadow"] [nav] .ax-bounce-group > :first-child { margin-left: 0; } .ax-bounce-group > *:not([disabled]) { cursor: pointer; } .ax-bounce-group > *[active], .ax-bounce-group > *[class*='thumb-active'] { color: #198cff; } .ax-bounce-group > *:after { content: ''; height: 0.2rem; width: 100%; background-color: #198cff; transform: translate(-50%, 0); opacity: 0; transition: all 100ms linear; position: absolute; left: 50%; bottom: 0; } .ax-bounce-group > *[active]:after, .ax-bounce-group > *[class*='thumb-active']:after { opacity: 1; } .ax-bounce-group > *[disabled] { cursor: not-allowed; color: #b3b3b3; } .ax-bounce-group > *[disabled][active]:after, .ax-bounce-group > *[disabled][class*='thumb-active']:after { background-color: #ccc; } .ax-tab [nav] { display: flex; justify-content: left; align-items: center; } .ax-tab [nav] .ax-swiper { flex: auto; } .ax-tab [nav] [prev], .ax-tab [nav] [next], .ax-tab [nav] [menu] { font-family: 'ax-iconfont'; text-align: center; width: 2.8rem; cursor: pointer; transition: all 200ms linear; } .ax-tab [nav] [prev]:after { content: "left"; } .ax-tab [nav] [next]:after { content: "right"; } .ax-tab [nav] > .ax-disabled { color: #b3b3b3; cursor: auto; pointer-events: none; } .ax-tab [nav] [menu]:after { content: 'menu'; } /*panel面板*/ .ax-panel { border: 1px solid #ebebeb; border-radius: 0.3rem; background-color: #fff; } .ax-panel .ax-panel-header { position: relative; padding: 0.5rem 0 0.5rem 1.4rem; line-height: 2.8rem; display: flex; align-items: center; } .ax-panel .ax-panel-header [image], .ax-panel .ax-panel-header [avatar] { height: 2.2rem; width: 2.2rem; margin-right: 0.8rem; display: inline-flex; } .ax-panel .ax-panel-header [image] img, .ax-panel .ax-panel-header [avatar] img { width: 100%; height: 100%; object-fit: cover; } .ax-panel .ax-panel-header [image] img { border-radius: 0.3rem; } .ax-panel .ax-panel-header [avatar] img { border-radius: 100%; } .ax-panel .ax-panel-header [legend] { width: 2.2rem; transition: all 200ms linear; } .ax-panel .ax-panel-header [caption] { flex: auto; display: flex; align-items: center; } .ax-panel .ax-panel-header [arrow] { color: #666; margin-right: 1.4rem; transition: all 200ms linear; cursor: pointer; } .ax-panel .ax-panel-header [tools] > * { color: #666; margin-right: 1.4rem; transition: all 200ms linear; } .ax-panel .ax-panel-header [tip] { color: #b3b3b3; margin-right: 1.4rem; } .ax-panel .ax-panel-header [label] { position: relative; margin-right: 0.8rem; } .ax-panel .ax-panel-header .ax-badge { margin-right: 1.4rem; } .ax-panel .ax-panel-header .ax-dot { margin-right: 1.4rem; } .ax-panel .ax-panel-header > .ax-btn { margin-right: 0.5rem; } .ax-panel .ax-panel-header > .ax-btn.ax-xs:last-child, .ax-panel .ax-panel-header .ax-btn-group { margin-right: calc((3.8rem - 2.2rem)/2); } .ax-panel .ax-panel-header .ax-lamp-group { margin-right: 0.6rem; } .ax-panel .ax-panel-header .ax-lamp-group * { line-height: 2.8rem; padding: 0 0.8rem; } .ax-panel[lamp=left] .ax-panel-header: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[lamp=top] .ax-panel-header [label]:before { content: ''; width: 2.8rem; height: 0.2rem; background-color: #198cff; position: absolute; left: 0; top: -0.5rem; } .ax-panel[lamp=bottom] .ax-panel-header [label]:before { content: ''; width: 2.8rem; height: 0.2rem; background-color: #198cff; position: absolute; left: 0; bottom: -0.5rem; } .ax-panel .ax-panel-header [arrow]:first-child { margin-right: 0.8rem; } .ax-panel[headerClosable] .ax-panel-header { cursor: pointer; } .ax-panel[headerClosable] .ax-panel-header * { pointer-events: none; } .ax-panel .ax-panel-body { box-sizing: border-box; } /*box面板*/ .ax-panel[type=box] .ax-panel-header { padding: 1.4rem 2.2rem; align-items: flex-start; } .ax-panel[type=box] .ax-panel-header [outer] { flex: auto; } .ax-panel[type=box] .ax-panel-header [legend] { font-size: 3.6rem; width: calc(2.8rem + 1.8rem); line-height: calc(2.8rem + 1.8rem); } .ax-panel[type=box] .ax-panel-header [arrow] { margin-right: 0; margin-left: 1.4rem; } .ax-panel[type=box] .ax-panel-header [tools] > * { margin-right: 0; margin-left: 1.4rem; } .ax-panel[type=box] .ax-panel-header [tip], .ax-panel[type=box] .ax-panel-header .ax-badge, .ax-panel[type=box] .ax-panel-header .ax-dot { margin-right: 0; } .ax-panel[type=box] .ax-panel-header [inner] { flex: auto; display: flex; align-items: center; } .ax-panel[type=box] .ax-panel-header [inner] .ax-btn-group { margin-right: 0; } .ax-panel[type=box] .ax-panel-header [inner] .ax-lamp-group { margin-right: -0.8rem; } .ax-panel[type=box] .ax-panel-header [inner] > .ax-btn, .ax-panel[type=box] .ax-panel-header [inner] > .ax-btn.ax-xs:last-child { margin-right: 0; margin-left: 0.5rem; } .ax-panel[type=box] .ax-panel-header [caption] { font-size: 1.6rem; } .ax-panel[type=box] .ax-panel-header [outer] > [tip] { font-size: 1.2rem; line-height: 1.8rem; white-space: nowrap; } .ax-panel[type=box][lamp=left] .ax-panel-header:before { height: 1.6rem; top: calc(1.4rem + (2.8rem - 1.6rem)/2); } .ax-panel[type=box][lamp=top] .ax-panel-header [caption] [label]:before { width: 2.8rem; top: -1.4rem; } .ax-panel[type=box][lamp=bottom] .ax-panel-header [caption] [label]:before { width: 2.8rem; bottom: -2.8rem; } .ax-panel[type=box][type=box] .ax-panel-header [arrow]:first-child { margin-left: 0; margin-right: 0.8rem; } .ax-panel[type=box] .ax-swiper-outer.ax-inline { padding-right: 2.2rem; } .ax-panel[class*='ax-bg-']:not(.ax-bg-warning) { color: #fff; border-width: 0; } .ax-panel[class*='ax-bg-']:not(.ax-bg-warning):not(.ax-bg-info) .ax-break-line { background-color: rgba(255, 255, 255, 0.14); } .ax-panel[class*='ax-bg-'].ax-bg-warning .ax-break-line, .ax-panel[class*='ax-bg-'].ax-bg-info .ax-break-line { background-color: rgba(255, 255, 255, 0.3); } .ax-panel[class*='ax-bg-']:not(.ax-bg-warning) .ax-panel-header [brief] { color: rgba(255, 255, 255, 0.5); } .ax-panel[class*='ax-bg-']:not(.ax-bg-warning) .ax-panel-header [tools] > *, .ax-panel[class*='ax-bg-']:not(.ax-bg-warning) .ax-panel-header [arrow], .ax-panel[class*='ax-bg-']:not(.ax-bg-warning) .ax-panel-header [tip] { color: rgba(255, 255, 255, 0.5); } .ax-panel[class*='ax-bg-']:not(.ax-bg-warning) .ax-panel-header [tools] > *:hover, .ax-panel[class*='ax-bg-']:not(.ax-bg-warning) .ax-panel-header [arrow]:hover { color: #ffffff; } .ax-panel.ax-bg-warning .ax-panel-header [tools] > *, .ax-panel.ax-bg-warning .ax-panel-header [arrow], .ax-panel.ax-bg-warning .ax-panel-header [tip] { color: rgba(0, 0, 0, 0.5); } .ax-panel.ax-bg-warning .ax-panel-header [tools] > *:hover, .ax-panel.ax-bg-warning .ax-panel-header [arrow]:hover { color: #333; } .ax-panel[class*='ax-bg-'][lamp]:not(.ax-bg-warning) .ax-panel-header:before, .ax-panel[class*='ax-bg-'][lamp]:not(.ax-bg-warning) .ax-panel-header [label]:before { background-color: #fff; } .ax-panel.ax-bg-warning[lamp] .ax-panel-header:before, .ax-panel.ax-bg-warning[lamp] .ax-panel-header [label]:before { background-color: #333; } .ax-panel.ax-bg-primary { background-color: #198cff; } .ax-panel.ax-bg-secondary { background-color: #475b66; } .ax-panel.ax-bg-success { background-color: #41a358; } .ax-panel.ax-bg-danger { background-color: #dc3545; } .ax-panel.ax-bg-info { background-color: #14ccc9; } .ax-panel.ax-bg-warning { border-color: #f5edd7; background-color: #ffc107; } .ax-panel.ax-bg-ad { background-color: #ff8400; } .ax-panel.ax-bg-title { background-color: #333; } .ax-panel.ax-bglit-primary { border-color: #d7e7f5; background-color: #f0f7ff; } .ax-panel.ax-bglit-primary .ax-break-line { background-color: #d7e7f5; } .ax-panel.ax-bglit-primary .ax-panel-header [tip], .ax-panel.ax-bglit-primary .ax-panel-header [arrow], .ax-panel.ax-bglit-primary .ax-panel-header [tools] > * { color: #6dacea; } .ax-panel.ax-bglit-primary .ax-panel-header [tools] > *:hover, .ax-panel.ax-bglit-primary .ax-panel-header [arrow]:hover { color: #0b72da; } .ax-panel.ax-bglit-primary[lamp] .ax-panel-header:before, .ax-panel.ax-bglit-primary[lamp] .ax-panel-header [label]:before { background-color: #198cff; } .ax-panel.ax-bglit-secondary { border-color: #dfe3e5; background-color: #f5f8fa; } .ax-panel.ax-bglit-secondary .ax-break-line { background-color: #dfe3e5; } .ax-panel.ax-bglit-secondary .ax-panel-header [tip], .ax-panel.ax-bglit-secondary .ax-panel-header [arrow], .ax-panel.ax-bglit-secondary .ax-panel-header [tools] > * { color: #adc1cc; } .ax-panel.ax-bglit-secondary .ax-panel-header [tools] > *:hover, .ax-panel.ax-bglit-secondary .ax-panel-header [arrow]:hover { color: #383e42; } .ax-panel.ax-bglit-secondary[lamp] .ax-panel-header:before, .ax-panel.ax-bglit-secondary[lamp] .ax-panel-header [label]:before { background-color: #475b66; } .ax-panel.ax-bglit-success { border-color: #e1f0e5; background-color: #edfaf0; } .ax-panel.ax-bglit-success .ax-break-line { background-color: #e1f0e5; } .ax-panel.ax-bglit-success .ax-panel-header [tip], .ax-panel.ax-bglit-success .ax-panel-header [arrow], .ax-panel.ax-bglit-success .ax-panel-header [tools] > * { color: #adccb5; } .ax-panel.ax-bglit-success .ax-panel-header [tools] > *:hover, .ax-panel.ax-bglit-success .ax-panel-header [arrow]:hover { color: #3b7649; } .ax-panel.ax-bglit-success[lamp] .ax-panel-header:before, .ax-panel.ax-bglit-success[lamp] .ax-panel-header [label]:before { background-color: #41a358; } .ax-panel.ax-bglit-danger { border-color: #f0dddf; background-color: #fff0f1; } .ax-panel.ax-bglit-danger .ax-break-line { background-color: #f0dddf; } .ax-panel.ax-bglit-danger .ax-panel-header [tip], .ax-panel.ax-bglit-danger .ax-panel-header [arrow], .ax-panel.ax-bglit-danger .ax-panel-header [tools] > * { color: #ccadb0; } .ax-panel.ax-bglit-danger .ax-panel-header [tools] > *:hover, .ax-panel.ax-bglit-danger .ax-panel-header [arrow]:hover { color: #b22c39; } .ax-panel.ax-bglit-danger[lamp] .ax-panel-header:before, .ax-panel.ax-bglit-danger[lamp] .ax-panel-header [label]:before { background-color: #dc3545; } .ax-panel.ax-bglit-info { border-color: #cef0f0; background-color: #ebfaf9; } .ax-panel.ax-bglit-info .ax-break-line { background-color: #cef0f0; } .ax-panel.ax-bglit-info .ax-panel-header [tip], .ax-panel.ax-bglit-info .ax-panel-header [arrow], .ax-panel.ax-bglit-info .ax-panel-header [tools] > * { color: #adcccb; } .ax-panel.ax-bglit-info .ax-panel-header [tools] > *:hover, .ax-panel.ax-bglit-info .ax-panel-header [arrow]:hover { color: #189593; } .ax-panel.ax-bglit-info[lamp] .ax-panel-header:before, .ax-panel.ax-bglit-info[lamp] .ax-panel-header [label]:before { background-color: #14ccc9; } .ax-panel.ax-bglit-warning { color: #c8990b; border-color: #f5edd7; background-color: #fffaeb; } .ax-panel.ax-bglit-warning .ax-break-line { background-color: #f5edd7; } .ax-panel.ax-bglit-warning .ax-panel-header [tip], .ax-panel.ax-bglit-warning .ax-panel-header [arrow], .ax-panel.ax-bglit-warning .ax-panel-header [tools] > * { color: #ccc4ad; } .ax-panel.ax-bglit-warning .ax-panel-header [tools] > *:hover, .ax-panel.ax-bglit-warning .ax-panel-header [arrow]:hover { color: #c8990b; } .ax-panel.ax-bglit-warning[lamp] .ax-panel-header:before, .ax-panel.ax-bglit-warning[lamp] .ax-panel-header [label]:before { background-color: #ffc107; } .ax-panel.ax-bglit-ad { border-color: #f5e7d7; background-color: #fff5eb; } .ax-panel.ax-bglit-ad .ax-break-line { background-color: #f5e7d7; } .ax-panel.ax-bglit-ad .ax-panel-header [tip], .ax-panel.ax-bglit-ad .ax-panel-header [arrow], .ax-panel.ax-bglit-ad .ax-panel-header [tools] > * { color: #ccbdad; } .ax-panel.ax-bglit-ad .ax-panel-header [tools] > *:hover, .ax-panel.ax-bglit-ad .ax-panel-header [arrow]:hover { color: #c2690a; } .ax-panel.ax-bglit-ad[lamp] .ax-panel-header:before, .ax-panel.ax-bglit-ad[lamp] .ax-panel-header [label]:before { background-color: #ff8400; } .ax-panel.ax-bglit-title { border-color: #ebebeb; background-color: #f5f5f5; } .ax-panel.ax-bglit-title .ax-break-line { background-color: #ebebeb; } .ax-panel.ax-bglit-title .ax-panel-header [tip], .ax-panel.ax-bglit-title .ax-panel-header [arrow], .ax-panel.ax-bglit-title .ax-panel-header [tools] > * { color: #999; } .ax-panel.ax-bglit-title .ax-panel-header [tools] > *:hover, .ax-panel.ax-bglit-title .ax-panel-header [arrow]:hover { color: #000; } .ax-panel.ax-bglit-title[lamp] .ax-panel-header:before, .ax-panel.ax-bglit-title[lamp] .ax-panel-header [label]:before { background-color: #333; } /*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: #666; line-height: 1.8rem; margin: 0 auto calc(1.4rem*2) auto; } /*accordion*/ .ax-accordion { min-height: calc(2.8rem * 2); } .ax-accordion [ajax-message] { width: 100%; min-height: calc(2.8rem * 2); text-align: center; display: flex; justify-content: center; align-items: center; } .ax-accordion > *:not([disabled]) .ax-accordion-header { cursor: pointer; } .ax-accordion > *[disabled] [label] { color: #b3b3b3; } .ax-accordion .ax-accordion-header { line-height: 2.8rem; padding: 0.5rem 0; display: flex; align-items: center; } .ax-accordion .ax-accordion-header [flex] { flex: auto; } .ax-accordion .ax-accordion-header [label] { margin-right: 0.8rem; } .ax-accordion .ax-accordion-header [label] [class*='font'] { margin-right: 0.4rem; } .ax-accordion .ax-accordion-header [arrow] { color: #b3b3b3; transition: all 200ms linear; } .ax-accordion .ax-accordion-header [legend], .ax-accordion .ax-accordion-header [arrow]:first-child { margin-right: 0.4rem; } .ax-accordion .ax-accordion-header [tip] { font-size: 1.2rem; color: #b3b3b3; } .ax-accordion .ax-accordion-header [arrow][loading]:before { content: ""; display: inline-block; width: 1.4rem; height: 1.4rem; background-repeat: no-repeat; background-position: center; background-size: 1.4rem auto; background-image: var(--load-svg); } .ax-accordion[rotate='180'] [active] [arrow] { transform: rotate(-180deg); } .ax-accordion[rotate='90'] [active] [arrow] { transform: rotate(-90deg); } .ax-accordion .ax-accordion-body { display: none; } .ax-accordion .ax-accordion-content { padding: 1.4rem 0; box-sizing: border-box; } .ax-accordion .ax-accordion-body iframe { min-height: 40rem; width: 100%; } .ax-accordion.ax-border .ax-accordion-header, .ax-accordion[class*='ax-shadow'] .ax-accordion-header, .ax-accordionn[class*='ax-radius'] .ax-accordion-header { padding-left: 1.4rem; padding-right: 1.4rem; } .ax-accordion.ax-border .ax-accordion-content, .ax-accordion[class*='ax-shadow'] .ax-accordion-content, .ax-accordionn[class*='ax-radius'] .ax-accordion-content { padding-left: 1.4rem; padding-right: 1.4rem; } .ax-accordion.ax-border > *:last-child .ax-accordion-body > .ax-break-line, .ax-accordion[class*='ax-shadow'] > *:last-child .ax-accordion-body > .ax-break-line, .ax-accordionn[class*='ax-radius'] > *:last-child .ax-accordion-body > .ax-break-line { display: none; } /*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: #666; 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: #666; 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: #666; 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: #666; } .ax-breadcrumb .ax-title[class*='font'] { font-size: 1.4rem; margin-right: 0.8rem; } .ax-breadcrumb a { color: #666; } .ax-breadcrumb a [class*='font'] { color: #666; 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: #666; margin: 0 0.8rem; text-decoration: underline; } .ax-empty .ax-operate a:hover { color: #198cff; } /*scrollnav*/ /*complete*/ .ax-complete ul { max-height: calc((3.8rem + 1px)*10); overflow-y: auto; } .ax-complete ul:first-child li:first-child .ax-break-line { display: none; } .ax-complete ul s { color: #ff8400; } .ax-complete-msg { color: #666; } .ax-popup .ax-complete-msg { font-size: 1.2rem; line-height: 2.8rem; padding: 0 1.4rem; } /*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: #333; font-size: 1.6rem; line-height: 1.8rem; margin: 0.8rem auto; } .ax-step .ax-item .ax-des { font-size: 1.2rem; color: #666; 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: #666; 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: #333; } .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: #333; } .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; } /*shortcut*/ .ax-shortcut { display: inline-block; position: fixed; right: 1.4rem; bottom: 1.4rem; z-index: 610; } .ax-shortcut[placement*='center'] { top: 50%; bottom: auto; transform: translate(0, -50%); } .ax-shortcut[placement*=left] { left: 1.4rem; right: auto; } .ax-shortcut > * { margin-top: 1rem; position: relative; } .ax-shortcut > * > 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-shortcut > * > a:hover, .ax-shortcut > *.ax-active > a { color: #198cff; box-shadow: 0 0 0 0.1rem #198cff inset; } .ax-shortcut [pop] { 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-shortcut[placement*=left] [pop] { left: 4.6rem; right: auto; } .ax-shortcut [pop] img { width: 100%; } .ax-shortcut [pop]: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.3rem; } .ax-shortcut[placement*=left] [pop]:before { left: -0.4rem; right: auto; transform: rotate(135deg); } .ax-shortcut > * .ax-dot { position: absolute; top: -0.2rem; right: -0.2rem; z-index: 2; } .ax-shortcut > * .ax-badge { position: absolute; top: -0.4rem; right: -0.4rem; z-index: 2; } .ax-shortcut > *[social] [pop] { text-align: center; padding-left: 0; padding-right: 0; } .ax-shortcut > *[social] [pop] a { font-size: 1.8rem; color: #666; text-align: center; width: 1.8rem; margin: 0 0.4rem; } .ax-shortcut > *[image] > a { background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; } .ax-shortcut > *[loader] > a { background-position: center; background-repeat: no-repeat; background-image: var(--load); } .ax-shortcut > *[totop] { overflow: hidden; } .ax-shortcut > *[totop] > a { margin-bottom: -8rem; } .ax-shortcut > *[totop] .ax-show { margin-bottom: 0; } .ax-shortcut > *.ax-focus > a { box-shadow: 0 0 0 0.1rem #198cff inset; } .ax-shortcut > *.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-shortcut[size=lg] > * > a { font-size: 2.8rem; width: calc(2.8rem*2); height: calc(2.8rem*2); } .ax-shortcut[shape=radius] > * a, .ax-shortcut[shape=radius] > *.ax-online:before { border-radius: 0.3rem; } .ax-shortcut[shape=square] > * a, .ax-shortcut[shape=square] > *.ax-focus:before { border-radius: 0; } .ax-shortcut[shape=round] > * a, .ax-shortcut[shape=round] > *.ax-focus:before { border-radius: 100%; } .ax-shortcut[shape=round] > * .ax-dot { top: 0; right: 0; } .ax-shortcut[size=lg] [pop] { line-height: 2.8rem; padding: 1.4rem; right: 6.4rem; width: 18rem; } .ax-shortcut[size=lg][placement*=left] [pop] { left: 6.4rem; } .ax-shortcut[size=lg] [pop]:before { bottom: 2.3rem; } .ax-shortcut[size=lg] > *[social] [pop] 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: #666; 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 > * { height: 0.2rem; width: 1.6rem; background-color: #666; border-radius: 0.2rem; transition: all 200ms linear; position: absolute; left: calc((100% - 1.6rem)/2); top: calc(50% - 0.1rem); } .ax-deform[type="info"] > :nth-child(1) { width: 0.2rem; top: calc((100% - 1.6rem)/2); left: calc(50% - 0.1rem); } .ax-deform[type="info"] > :nth-child(2) { width: 1.4rem; transform: rotate(90deg); top: calc(50% + 0.2rem); left: calc((100% - 1.4rem)/2); } .ax-deform[type="menu"] > :nth-child(1) { top: calc(50% - 0.6rem); } .ax-deform[type="menu"] > :nth-child(3) { top: calc(50% + 0.4rem); } .ax-deform[type="add"] > :nth-child(2) { transform: rotate(90deg); } .ax-deform[type="close"] > :nth-child(1) { transform: rotate(-45deg); } .ax-deform[type="close"] > :nth-child(2) { transform: rotate(45deg); } .ax-deform[type="close"] > :nth-child(3) { opacity: 0; } .ax-deform[shape]: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[shape="square"] { border-radius: 0; } .ax-deform[shape="square"]:before { border-radius: 0; } .ax-deform[shape="radius"] { border-radius: 0.3rem; } .ax-deform[shape="radius"]:before { border-radius: 0.3rem; } .ax-deform[shape="round"] { border-radius: 100%; } .ax-deform[shape="round"]:before { border-radius: 100%; } .ax-deform[disabled] { cursor: not-allowed; } .ax-deform[disabled] > * { background-color: #ccc; } .ax-deform[size="lg"] { width: calc(4.4rem + 1rem); height: calc(4.4rem + 1rem); } .ax-deform[size="lg"] > * { width: 2.4rem; left: calc((100% - 2.4rem)/2); } .ax-deform[type="info"][size="lg"] > :nth-child(1) { top: calc((100% - 2.4rem)/2); } .ax-deform[type="info"][size="lg"] > :nth-child(2) { width: 2rem; left: calc((100% - 2rem)/2); transform: rotate(90deg); } .ax-deform[type="menu"][size="lg"] > :nth-child(1) { top: calc(50% - 0.8rem); } .ax-deform[type="menu"][size="lg"] > :nth-child(3) { top: calc(50% + 0.6rem); } .ax-deform[size="md"] { width: 3.8rem; height: 3.8rem; } .ax-deform[size="sm"] { width: 2.8rem; height: 2.8rem; } .ax-deform[size="sm"] > * { width: 1.2rem; left: calc((100% - 1.2rem)/2); } .ax-deform[type="info"][size="sm"] > :nth-child(1) { top: calc((100% - 1.2rem)/2); } .ax-deform[type="info"][size="sm"] > :nth-child(2) { width: 0.8rem; transform: rotate(90deg); left: calc((100% - 0.8rem)/2); } .ax-deform[type="menu"][size="sm"] > :nth-child(1) { top: calc(50% - 0.5rem); } .ax-deform[type="menu"][size="sm"] > :nth-child(3) { top: calc(50% + 0.3rem); } .ax-deform[theme="primary"] > * { background-color: #198cff; } .ax-deform[theme="primary"]:before { border-color: #198cff; } .ax-deform[theme="secondary"] > * { background-color: #475b66; } .ax-deform[theme="secondary"]:before { border-color: #475b66; } .ax-deform[theme="success"] > * { background-color: #41a358; } .ax-deform[theme="success"]:before { border-color: #41a358; } .ax-deform[theme="danger"] > * { background-color: #dc3545; } .ax-deform[theme="danger"]:before { border-color: #dc3545; } .ax-deform[theme="warning"] > * { background-color: #ffc107; } .ax-deform[theme="warning"]:before { border-color: #ffc107; } .ax-deform[theme="info"] > * { background-color: #14ccc9; } .ax-deform[theme="info"]:before { border-color: #14ccc9; } .ax-deform[theme="ad"] > * { background-color: #ff8400; } .ax-deform[theme="ad"]:before { border-color: #ff8400; } .ax-deform[theme="ignore"] > * { background-color: #b3b3b3; } .ax-deform[theme="ignore"]:before { border-color: #b3b3b3; } .ax-deform[reverse] { background-color: #333; } .ax-deform[reverse]:before { display: none; } .ax-deform[reverse] > * { background-color: #fff; } .ax-deform[reverse][theme="primary"] { background-color: #198cff; } .ax-deform[reverse][theme="secondary"] { background-color: #475b66; } .ax-deform[reverse][theme="success"] { background-color: #41a358; } .ax-deform[reverse][theme="danger"] { background-color: #dc3545; } .ax-deform[reverse][theme="warning"] { background-color: #ffc107; } .ax-deform[reverse][theme="info"] { background-color: #14ccc9; } .ax-deform[reverse][theme="ad"] { background-color: #ff8400; } .ax-deform[reverse][theme="ignore"] { background-color: #f0f0f0; } .ax-deform[reverse][theme="ignore"] > * { background-color: #b3b3b3; } .ax-deform[disabled]:not([reverse]) > * { background-color: #ccc !important; } .ax-deform[disabled]:not([reverse]):before { border-color: #ebebeb !important; } .ax-deform[disabled][reverse] { 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: 840; } .ax-dialog[placement=center] { justify-content: center; align-items: center; } .ax-dialog[placement=left-top] { justify-content: flex-start; align-items: flex-start; } .ax-dialog[placement=center-top] { justify-content: center; align-items: flex-start; } .ax-dialog[placement=right-top] { justify-content: flex-end; align-items: flex-start; } .ax-dialog[placement=left-bottom] { justify-content: flex-start; align-items: flex-end; } .ax-dialog[placement=center-bottom] { justify-content: center; align-items: flex-end; } .ax-dialog[placement=right-bottom] { justify-content: flex-end; align-items: flex-end; } .ax-dialog[data-overlay="false"] { pointer-events: none; } .ax-dialog .ax-dialog-overlay { width: 100%; height: 100%; background-color: transparent; opacity: 0; transition: all 200ms linear; pointer-events: auto; 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; pointer-events: auto; position: relative; z-index: 9; } .ax-dialog:not([placement=center]) .ax-dialog-wrapper { margin: 1.4rem; } .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-show { left: 0; top: 0; } .ax-dialog.ax-show .ax-dialog-overlay { opacity: 1; } .ax-dialog.ax-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 { border-radius: inherit; position: relative; max-height: 76rem; overflow-x: hidden; overflow-y: auto; } .ax-dialog .ax-dialog-body .ax-dialog-content { border-radius: inherit; 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: #666; } .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-show { left: 0; top: 0; } .ax-drawer.ax-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-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-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-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"][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: calc(100vh - 1.4rem*2 - 3.8rem*2); } .ax-drawer[data-placement="top"].ax-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: calc(100vh - 1.4rem*2 - 3.8rem*2); } .ax-drawer[data-placement="bottom"].ax-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-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 [close] { font-family: 'ax-iconfont'; font-size: 1.2rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; transition: all 200ms linear; width: calc(3.8rem - 2px); height: calc(3.8rem - 2px); line-height: calc(3.8rem - 2px); position: absolute; right: 0; top: 0; } .ax-message [close]:before { content: "close"; display: inline-block; } .ax-message:not([disabled]) [close]:hover { cursor: pointer; 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"] [legend] { 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"] [legend] { width: 2.8rem; height: 2.8rem; min-width: 2.8rem; min-height: 2.8rem; margin-right: 0.8rem; } .ax-message section[data-style="complex"] [legend] 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: #666; 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-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: #666; 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 #666; 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: #666; 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: #666; 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: #666; } .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: #666; -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: #666; } .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: #333; 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: #333; } *[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: #333; 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 img[data-src] { visibility: hidden; background: transparent; } .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: 860; } .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: #666; 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 { min-height: 3.8rem; box-sizing: border-box; display: flex; align-items: center; padding: 0.4rem 0 0.4rem 0.4rem; border: 1px solid #e0e0e0; border-radius: 0.3rem; transition: all 100ms linear; } .ax-select .ax-tags { pointer-events: none; flex: auto; } .ax-select .ax-tags > * { pointer-events: none; } .ax-select .ax-tags > * [remove] { pointer-events: auto; } .ax-select .ax-tags input { pointer-events: auto; border: none; } .ax-select > [clear], .ax-select > [arrow] { width: 2.2rem; display: inline-flex; justify-content: center; align-items: center; } .ax-select > [arrow] { pointer-events: none; } .ax-select > [arrow]:after { content: ''; height: 0; width: 0; margin: auto 0; border-color: #b3b3b3 transparent transparent transparent; border-style: solid; border-width: 0.4rem 0.4rem 0 0.4rem; transition: all 200ms linear; pointer-events: none; } .ax-select > [clear]:after { content: 'close'; font-family: "ax-iconfont"; font-size: 1.2rem; color: #b3b3b3; transition: all 200ms linear; } .ax-select > [clear]:hover { cursor: pointer; } .ax-select > [clear]:hover:after { color: #333; } .ax-select[type=input] .ax-tags input:first-child, .ax-select[type=input] .ax-tags [emptyTip]:first-child, .ax-select[type*=select] .ax-tags [emptyTip]:first-child, .ax-select[type=select-single] .ax-tags .ax-tag:first-child { margin-left: 0.6rem; } .ax-select:not([readonly]):hover { border-color: #6dacea; } .ax-select.ax-opened { box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); border-color: rgba(25, 140, 255, 0.5); } .ax-select.ax-opened > [arrow]:after { transform: rotate(180deg); } .ax-select .ax-tags .ax-loading { width: 2.2rem; height: 2.2rem; } .ax-select[readonly] { pointer-events: none; } .ax-popup[theme=select] { border-radius: 0.3rem; } .ax-select-wrapper { max-height: calc((3.8rem + 1px)*10); overflow-y: auto; } .ax-select-wrapper input { border: none; border-radius: 0; background: transparent !important; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .ax-select-wrapper input:focus { box-shadow: none; } .ax-select-wrapper ul > * { border-top: 1px solid #ebebeb; padding: 0 1rem; line-height: 1.8rem; height: 3.8rem; cursor: pointer; transition: all 100ms linear; display: flex; align-items: center; position: relative; } .ax-select-wrapper ul > * [label] { flex: auto; } .ax-select-wrapper ul > * [label] s { color: #ff8400; } .ax-select-wrapper ul > * [tip] { font-weight: normal; color: #666; font-size: 1.2rem; } .ax-select-wrapper ul > * [legend] { width: 2.2rem; } .ax-select-wrapper ul > * [legend]:before { top: 0.1rem; } .ax-select-wrapper ul > * [image] { width: 2.2rem; height: 2.2rem; margin-right: 0.8rem; } .ax-select-wrapper ul > * [image] img { width: 100%; height: 100%; border-radius: 0.3rem; object-fit: cover; } .ax-select-wrapper ul > *[parent] { font-weight: bold; cursor: auto; } .ax-select-wrapper ul > *[message] { color: #b3b3b3; cursor: auto; } .ax-select-wrapper ul > *[placeholder] { opacity: 0.5; } .ax-select-wrapper ul > *[selected] { color: #198cff; padding-right: 2.8rem; } .ax-select-wrapper ul > *[selected]:after { content: 'check'; font-family: "ax-iconfont"; font-size: 1.2rem; color: #198cff; width: 1.8rem; height: 3.8rem; line-height: 3.8rem; text-align: center; position: absolute; right: 1rem; top: 0; } .ax-select-wrapper ul > *[disabled] { color: #b3b3b3; cursor: not-allowed; } .ax-select-wrapper ul > *[disabled] [tip] { color: #b3b3b3; } .ax-select-wrapper ul > *[disabled][selected]:after { color: #b3b3b3; } .ax-select-wrapper ul > *:not([disabled]):not([parent]):not([message]):hover, .ax-select-wrapper ul > *:not([disabled]):not([parent]):not([message])[active] { color: #198cff; background-color: #f0f7ff; } .ax-select-wrapper ul:first-child > :first-child { border-top-width: 0; } .ax-select[size=xs] { min-height: 2.2rem; line-height: 2.2rem; padding: 0; } .ax-select[size=xs] .ax-tag { height: 2.2rem; } .ax-select[size=xs] .ax-tags[text] .ax-tag { font-size: 1.2rem; } .ax-select[size=xs] .ax-tags input[type="text"], .ax-select[size=xs] .ax-tags [emptyTip] { height: 2.2rem; line-height: 2.2rem; } .ax-select[size=xs] .ax-loading { width: 2.2rem; height: 2.2rem; } .ax-select[size=sm] { min-height: 2.8rem; padding: 0 0 0 0.4rem; } .ax-select[size=sm] .ax-tag { height: 2.2rem; } .ax-select[size=sm] .ax-tags[text] .ax-tag { font-size: 1.2rem; } .ax-select[size=sm] .ax-tags input[type="text"], .ax-select[size=sm] .ax-tags [emptyTip] { height: 2.2rem; line-height: 2.2rem; } .ax-select[size=sm] .ax-loading { width: 2.2rem; height: 2.2rem; } .ax-select[size=lg] { min-height: calc(3.8rem + 1rem); padding: 0.9rem 0 0.9rem 0.9rem; } .ax-select[size=lg] > [arrow] { margin-right: 0.5rem; } /*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; display: inline-block; background-color: #fff; --labelHeight: calc(3.8rem - 0.4rem); } .ax-date[display=inline] { border: 1px solid #ebebeb; border-radius: 0.3rem; margin-top: 0.8rem; } .ax-date[display=inline][footerShow=false] { margin-top: 0; } .ax-date[display=popup], .ax-date[display=dialog], .ax-date[display=drawer] { border-radius: inherit; } .ax-date [wrapper] { border-top-left-radius: inherit; border-top-right-radius: inherit; display: flex; flex-wrap: nowrap; width: 100%; box-sizing: border-box; } .ax-date [menu] { border-right: 1px solid #ebebeb; width: 12rem; padding: 0.8rem; } .ax-date [menu] > * { height: 3.8rem; line-height: calc(3.8rem/2); display: flex; justify-content: flex-start; align-items: center; transition: all 100ms linear; } .ax-date [menu] > [selected], .ax-date [menu] > *:hover { color: #198cff; } .ax-date [menu] > *:hover { cursor: pointer; } .ax-date [detail] { border-left: 1px solid #ebebeb; width: 24rem; padding: 0.8rem; box-sizing: border-box; } .ax-date [detail] [today] { padding-bottom: 0.8rem; border-bottom: 1px solid #ebebeb; } .ax-date [detail] [lunar] { padding-top: 0.8rem; padding-bottom: 0.8rem; border-bottom: 1px solid #ebebeb; } .ax-date [detail] [event] { padding-top: 0.8rem; } .ax-date [footer] { border-top: 1px solid #ebebeb; display: flex; width: 100%; box-sizing: border-box; } .ax-date [footer] [left] { flex: auto; } .ax-date [footer] [left] > * { padding: 0; } .ax-date [footer] [right] { display: flex; } .ax-date [footer] [right] > :last-child[confirm] { margin-left: 1.4rem; } .ax-date [footer] .ax-btn:hover { text-decoration: none; cursor: pointer; } .ax-date [footer] [search] { width: 11.4rem; position: relative; } .ax-date [footer] [search] [go] { font-family: 'ax-iconfont'; font-size: 1.2rem; color: #b3b3b3; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; text-align: center; cursor: pointer; transition: all 100ms linear; position: absolute; right: 0; z-index: 2; } .ax-date [footer] [search] [go]:hover { color: #198cff; } .ax-date [footer] > [search] { width: 100%; } .ax-date [footer] > [search] input { border-width: 0; border-radius: 0; } .ax-date [footer] > [search] [go] { width: 2.8rem; } .ax-date:not([type=time]) [footer] [time]:after { width: auto; display: inline-block !important; position: inherit !important; transform-origin: center !important; border-width: 0 !important; font-family: 'ax-iconfont'; font-size: 1.2rem; color: #b3b3b3; transform: scale(0.6); content: 'up'; transition: all 100ms linear; } .ax-date:not([footerType=line]) [footer] { padding: 0.8rem; } .ax-date[footerType=line] [footer] > * { border-radius: 0; width: calc((100%/24)*12); padding: 0; flex: auto; position: relative; } .ax-date[footerType=line] [footer] > *:focus { box-shadow: none; } .ax-date[footerType=line] [footer] > *:not(:last-child) { border-right: 1px solid #ebebeb !important; } .ax-date [header] { line-height: 3.8rem; box-sizing: border-box; position: relative; } .ax-date [header] > * { margin: 0 0.4rem; } .ax-date [header] [year], .ax-date [header] [month] { cursor: pointer; } .ax-date [header] [year]:after, .ax-date [header] [month]:after { display: inline-block; font-family: 'ax-iconfont'; font-size: 1.2rem; color: #b3b3b3; transform: scale(0.6); content: 'down'; transition: all 100ms linear; } .ax-date [header] [show]:after { transform: scale(0.6) rotate(180deg); } .ax-date[type=year] [header] [year] { cursor: auto; } .ax-date[type=year] [header] [year]:after { display: none; } .ax-date [result] { box-sizing: border-box; padding: 0.8rem; border-bottom: 1px solid #ebebeb; } .ax-date [outer] { position: relative; } .ax-date [prev] > *, .ax-date [next] > * { font-size: 1.2rem; line-height: 3.8rem; width: 3.8rem; text-align: center; transition: all 100ms linear; position: absolute; top: 0; z-index: 2; } .ax-date [prevYear] { left: 0.8rem; } .ax-date [nextYear] { right: 0.8rem; } .ax-date [prevMonth] { text-align: left; left: calc(3.8rem + 0.8rem); } .ax-date [nextMonth] { text-align: right; right: calc(3.8rem + 0.8rem); } .ax-date [prev] > *:hover, .ax-date [next] > *:hover { cursor: pointer; color: #198cff; } .ax-date [tools] { padding: 0 0.8rem; align-items: center; text-align: center; height: 3.8rem; position: absolute; right: 0; top: 0; z-index: 2; display: none; } .ax-date [tools] > * { font-family: 'ax-iconfont'; font-size: 1.2rem; text-align: center; color: rgba(0, 0, 0, 0.2); transition: all 200ms linear; display: inline-block; width: 1.8rem; height: 1.8rem; line-height: 1.8rem; } .ax-date [tools] > *:hover { cursor: pointer; color: rgba(0, 0, 0, 0.8); } .ax-date [tools] [restore]:before { content: "ax-icon-corner-up-left"; } .ax-date [tools] [reset]:before { content: "refresh"; } .ax-date [tools] [hide]:before { content: "close"; } .ax-date [tools] [now]:before { content: "clock"; } .ax-date [panels='hms'] > li:hover [tools] { display: flex; } .ax-date [main] { border-top-left-radius: inherit; border-top-right-radius: inherit; flex: auto; position: relative; } .ax-date [main] [body] { min-height: 28.1rem; overflow: hidden; box-sizing: border-box; padding: 0 0.8rem 0.8rem 0.8rem; position: relative; } .ax-date [main] [body] [pages] { width: calc(100% - 1.6rem); text-align: center; display: grid; grid-template-columns: repeat(3, 1fr); position: absolute; left: 0.8rem; bottom: 0; } .ax-date [main] [body] [pages] > * { height: 4.8rem; display: flex; justify-content: center; align-items: center; position: relative; } .ax-date [main] [body] [pages] [prev], .ax-date [main] [body] [pages] [next] { cursor: pointer; transition: all 100ms linear; } .ax-date [main] [body] [pages] [go] { font-family: 'ax-iconfont'; font-size: 1.2rem; color: #b3b3b3; width: 2.8rem; height: 2.8rem; line-height: 2.8rem; cursor: pointer; transition: all 100ms linear; position: absolute; right: 0; z-index: 2; } .ax-date [main] [body] [pages] [prev]:hover, .ax-date [main] [body] [pages] [next]:hover, .ax-date [main] [body] [pages] [go]:hover { color: #198cff; } .ax-date [main] [panels] { border-top-left-radius: inherit; border-top-right-radius: inherit; display: inline-grid; grid-template-columns: repeat(1, 1fr); grid-gap: 1px; text-align: center; background-color: #ebebeb; position: relative; } .ax-date [main] [panel] { width: 35.8rem; border-top-left-radius: inherit; border-top-right-radius: inherit; background-color: #fff; position: relative; } .ax-date [main] [column], .ax-date [main] [list] { box-sizing: border-box; display: grid; } .ax-date [main] [column] > *, .ax-date [main] [list] > * { text-align: center; position: relative; } .ax-date [main] [column] > * { font-size: 1.2rem; border-bottom: 1px solid #ebebeb; padding-bottom: 0.8rem; margin-bottom: 0.8rem; } .ax-date [main] [panel=date] [column], .ax-date [main] [panel=date] [list], .ax-date [main] [panel=lunar] [column], .ax-date [main] [panel=lunar] [list] { grid-template-columns: repeat(7, 1fr); } .ax-date [main] [panel=month] [list], .ax-date [main] [panel=year] [list], .ax-date [main] [panel=time] [column], .ax-date [main] [panel=time] [list] { grid-template-columns: repeat(3, 1fr); } .ax-date[flexible] { display: block; } .ax-date[flexible] [panels] { display: grid; width: 100%; } .ax-date[flexible] [panel] { width: 100%; } .ax-date:not([type='time']) [main] [panels=hms] { position: absolute; left: 0; bottom: calc(3.8rem + 1.9rem); z-index: 3; display: none; } .ax-date[type=time] [hide] { display: none; } .ax-date [outer] > [panel=year], .ax-date [outer] > [panel=month] { display: none; position: absolute; } .ax-date:not([type='time'])[footerType=line] [main] [panels=hms] { bottom: calc(3.8rem + 0.1rem); } .ax-date[mode=range] [main] [panels=hms] { grid-template-columns: repeat(2, 1fr); } .ax-date [list] [content] { display: inline-flex; justify-content: center; align-items: center; flex-direction: column; height: var(--labelHeight); line-height: 1.8rem; border-radius: var(--labelHeight); position: relative; } .ax-date [list] :not([disabled]) > [content] { cursor: pointer; } .ax-date [list] [exceed], .ax-date [list] [disabled] { opacity: 0.3; } .ax-date [list] [disabled] { cursor: not-allowed; } .ax-date [list] [busy] > [content]:after { content: ''; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #198cff; display: inline-block; position: absolute; left: 50%; bottom: 2px; margin-left: -0.2rem; } .ax-date [list] [busy][selected] > [content]:after { background-color: #fff; } .ax-date [list] > :not([selected]) > [content] s[rest] { color: #41a358; } .ax-date [list] > :not([selected]) > [content] s[work] { color: #ff8400; } .ax-date [list] :not([selected]) > [content] u[term] { color: #198cff; } .ax-date [list] :not([selected]) > [content]:hover { background-color: #f0f0f0; } .ax-date [list] :not([selected])[now] [label] { color: #198cff; } .ax-date [list] [selected] [content] { color: #fff; background-color: #198cff; } .ax-date [panel=date] [content] { width: var(--labelHeight); margin: 0.2rem; } .ax-date [panel=lunar] [content] { width: calc(1.2rem*4); height: calc(1.2rem*4); border-radius: 0.3rem; margin: 0.2rem 0; } .ax-date [panel=lunar] [content] u { font-size: 1.2rem; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ax-date [content] s { font-size: 1.2rem; line-height: 1.2rem; position: absolute; right: 1px; top: 1px; } .ax-date [panel=year] [content] { width: calc(26.6rem / 3); margin: calc((4.8rem - var(--labelHeight))/2) 0; } .ax-date [panel=month] [content] { width: calc(26.6rem / 3); margin: calc((6.8rem - var(--labelHeight))/2) 0; } .ax-date[lunar] [main] [body] { min-height: 36.5rem; } .ax-date[lunar] [panel=year] [content], .ax-date[lunar] [panel=month] [content] { width: calc(33.6rem / 3); } .ax-date[lunar] [panel=year] [content] { margin: 1.4rem 0; } .ax-date[lunar] [panel=month] [content] { margin: 2.7rem 0; } .ax-date [panel=time] [content] { width: 2.8rem; height: 2.8rem; line-height: 2.8rem; margin: 0; } .ax-date [panel=time] [list] { margin: 0.2rem 0; } .ax-date [panel=time] [list] > * { height: calc(2.8rem*8); overflow-y: auto; overflow-x: hidden; display: grid; grid-template-columns: repeat(2, 1fr); } .ax-date [panel=time] [list] > * > * { display: flex; } .ax-date [panel=time] [list] > * > :nth-child(odd) { justify-content: flex-end; padding-left: 0.4rem; } .ax-date [panel=time] [list] > * > :nth-child(even) { justify-content: flex-start; } .ax-date [panel=time] [list] > *::-webkit-scrollbar { width: 4px; } .ax-date [panel=time] [list] > *::-webkit-scrollbar-track { display: none; } .ax-date [panel=time] [list] > *::-webkit-scrollbar-thumb { display: none; } .ax-date [panel=time] [list] > *:hover::-webkit-scrollbar-track { display: block; } .ax-date [panel=time] [list] > *:hover::-webkit-scrollbar-thumb { display: block; } .ax-date[lunar] [panel=time] [list] > * { height: calc(2.8rem*11); } .ax-date [list] [start] [content] { width: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-left: 0; margin-right: 0; } .ax-date [list] [end] [content] { width: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; margin-right: 0; } .ax-date [list] [contain] [content] { width: 100%; border-radius: 0; margin-left: 0; margin-right: 0; background-color: #f0f0f0; } /*Dropdown插件*/ .ax-dropdown label.ax-checkbox, .ax-dropdown label.ax-radio { display: flex; } .ax-dropdown-arrow { margin-left: 0.4rem; display: inline-flex; transition: all 200ms linear; } .ax-dropdown-arrow: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; } .ax-opened .ax-dropdown-arrow { transform: rotate(180deg); } /*plugins end*/