@charset "utf-8"; /* *Last modified: 2022-09-25 11:15:15 *Filename: ax.css *Description: Global CSS *Version: v2.0.2 *Website:www.axui.cn or ax.hobly.cn *Contact:3217728223@qq.com *Author:Michael */ /*图标字体*/ @font-face { font-family: 'ax-iconfont'; src: url('data:font/woff2;charset=utf-8;base64,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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:before { content: "\e68d"; } .ax-icon-trash-alt:before { content: "\e68e"; } .ax-icon-trash-f:before { content: "\e68f"; } .ax-icon-trash-alt-f:before { content: "\e690"; } .ax-icon-eye-off-f:before { content: "\e68c"; } .ax-icon-eye-off-alt:before { content: "\e688"; } .ax-icon-eye-off:before { content: "\e689"; } .ax-icon-eye:before { content: "\e68a"; } .ax-icon-eye-f:before { content: "\e68b"; } .ax-icon-heart:before { content: "\e686"; } .ax-icon-heart-f:before { content: "\e687"; } .ax-icon-editing:before { content: "\e682"; } .ax-icon-edit:before { content: "\e683"; } .ax-icon-editing-f:before { content: "\e684"; } .ax-icon-edit-f:before { content: "\e685"; } .ax-icon-global-f:before { content: "\e681"; } .ax-icon-global:before { content: "\e67e"; } .ax-icon-earth:before { content: "\e67f"; } .ax-icon-earth-f:before { content: "\e680"; } .ax-icon-bulb:before { content: "\e67c"; } .ax-icon-bulb-f:before { content: "\e67d"; } .ax-icon-theme:before { content: "\e67a"; } .ax-icon-theme-f:before { content: "\e67b"; } .ax-icon-compass:before { content: "\e678"; } .ax-icon-compass-f:before { content: "\e679"; } .ax-icon-bell:before { content: "\e674"; } .ax-icon-bell-off:before { content: "\e675"; } .ax-icon-bell-off-f:before { content: "\e676"; } .ax-icon-bell-f:before { content: "\e677"; } .ax-icon-list:before { content: "\e66f"; } .ax-icon-more:before { content: "\e670"; } .ax-icon-menu:before { content: "\e671"; } .ax-icon-more-v:before { content: "\e672"; } .ax-icon-menu-fold:before { content: "\e673"; } .ax-icon-menu-unfold:before { content: "\e96d"; } .ax-icon-bar:before { content: "\e66c"; } .ax-icon-pie:before { content: "\e66d"; } .ax-icon-pie-f:before { content: "\e66e"; } .ax-icon-options:before { content: "\e668"; } .ax-icon-options-v:before { content: "\e669"; } .ax-icon-options-f:before { content: "\e66a"; } .ax-icon-options-v-f:before { content: "\e66b"; } .ax-icon-attach:before { content: "\e664"; } .ax-icon-attach-v:before { content: "\e665"; } .ax-icon-link:before { content: "\e666"; } .ax-icon-link-h:before { content: "\e667"; } .ax-icon-volume-down:before { content: "\e65c"; } .ax-icon-volume-up:before { content: "\e65d"; } .ax-icon-volume-off:before { content: "\e65e"; } .ax-icon-volume-mute:before { content: "\e65f"; } .ax-icon-volume-off-f:before { content: "\e660"; } .ax-icon-volume-up-f:before { content: "\e661"; } .ax-icon-volume-down-f:before { content: "\e662"; } .ax-icon-volume-mute-f:before { content: "\e663"; } .ax-icon-copy:before { content: "\e65a"; } .ax-icon-copy-f:before { content: "\e65b"; } .ax-icon-file-remove:before { content: "\e645"; } .ax-icon-file-add:before { content: "\e646"; } .ax-icon-file:before { content: "\e647"; } .ax-icon-file-text:before { content: "\e648"; } .ax-icon-folder-add:before { content: "\e64d"; } .ax-icon-folder:before { content: "\e64f"; } .ax-icon-folder-remove:before { content: "\e652"; } .ax-icon-file-text-f:before { content: "\e653"; } .ax-icon-file-add-f:before { content: "\e654"; } .ax-icon-file-remove-f:before { content: "\e655"; } .ax-icon-file-f:before { content: "\e656"; } .ax-icon-folder-add-f:before { content: "\e657"; } .ax-icon-folder-remove-f:before { content: "\e658"; } .ax-icon-folder-f:before { content: "\e659"; } .ax-icon-zoomin:before { content: "\e642"; } .ax-icon-zoomout:before { content: "\e643"; } .ax-icon-search:before { content: "\e644"; } .ax-icon-cloud-download:before { content: "\e63e"; } .ax-icon-cloud-upload:before { content: "\e63f"; } .ax-icon-download:before { content: "\e640"; } .ax-icon-upload:before { content: "\e641"; } .ax-icon-warning-o:before { content: "\e709"; } .ax-icon-info-o:before { content: "\e636"; } .ax-icon-question-o:before { content: "\e63b"; } .ax-icon-question:before { content: "\e63c"; } .ax-icon-warning-o-f:before { content: "\e63d"; } .ax-icon-info-o-f:before { content: "\e64b"; } .ax-icon-question-o-f:before { content: "\e650"; } .ax-icon-minus-s:before { content: "\e62b"; } .ax-icon-minus-o:before { content: "\e635"; } .ax-icon-minus-o-f:before { content: "\e649"; } .ax-icon-minus-s-f:before { content: "\e64a"; } .ax-icon-minus:before { content: "\e64c"; } .ax-icon-code-download:before { content: "\e62a"; } .ax-icon-plus:before { content: "\e627"; } .ax-icon-plus-s:before { content: "\e628"; } .ax-icon-plus-o:before { content: "\e629"; } .ax-icon-plus-s-f:before { content: "\e64e"; } .ax-icon-plus-o-f:before { content: "\e651"; } .ax-icon-backspace:before { content: "\e626"; } .ax-icon-backspace-f:before { content: "\e634"; } .ax-icon-corner-down-left:before { content: "\e622"; } .ax-icon-corner-left-up:before { content: "\e623"; } .ax-icon-corner-right-down:before { content: "\e624"; } .ax-icon-corner-down-right:before { content: "\e625"; } .ax-icon-left-up:before { content: "\e61d"; } .ax-icon-left-down:before { content: "\e61e"; } .ax-icon-right-up:before { content: "\e61f"; } .ax-icon-right-down:before { content: "\e620"; } .ax-icon-expand:before { content: "\e621"; } .ax-icon-collapse:before { content: "\e639"; } .ax-icon-check-o-gap:before { content: "\e61a"; } .ax-icon-check-s-gap:before { content: "\e61b"; } .ax-icon-close-s:before { content: "\e708"; } .ax-icon-close-o:before { content: "\e618"; } .ax-icon-close-o-f:before { content: "\e637"; } .ax-icon-close-s-f:before { content: "\e638"; } .ax-icon-close:before { content: "\e63a"; } .ax-icon-circle:before { content: "\e61c"; } .ax-icon-check-o-f:before { content: "\e707"; } .ax-icon-check-o:before { content: "\e706"; } .ax-icon-square:before { content: "\e705"; } .ax-icon-check-s-f:before { content: "\e704"; } .ax-icon-check:before { content: "\e616"; } .ax-icon-check-s:before { content: "\e617"; } .ax-icon-down-double:before { content: "\e612"; } .ax-icon-left-double:before { content: "\e613"; } .ax-icon-right-double:before { content: "\e614"; } .ax-icon-up-double:before { content: "\e615"; } .ax-icon-code-o:before { content: "\e702"; } .ax-icon-code-o-f:before { content: "\e703"; } .ax-icon-code:before { content: "\e611"; } .ax-icon-right-o-f:before { content: "\e619"; } .ax-icon-down-o-f:before { content: "\e96a"; } .ax-icon-left-o-f:before { content: "\e96b"; } .ax-icon-up-o-f:before { content: "\e96c"; } .ax-icon-left-o:before { content: "\e8f6"; } .ax-icon-up-o:before { content: "\e967"; } .ax-icon-down-o:before { content: "\e968"; } .ax-icon-right-o:before { content: "\e969"; } .ax-icon-down:before { content: "\e60d"; } .ax-icon-left:before { content: "\e60e"; } .ax-icon-right:before { content: "\e60f"; } .ax-icon-up:before { content: "\e610"; } .ax-icon-arrow-left:before { content: "\e609"; } .ax-icon-arrow-right:before { content: "\e60a"; } .ax-icon-arrow-down:before { content: "\e60b"; } .ax-icon-arrow-up:before { content: "\e60c"; } .ax-icon-triangle-down:before { content: "\e605"; } .ax-icon-triangle-up:before { content: "\e606"; } .ax-icon-triangle-right:before { content: "\e607"; } .ax-icon-triangle-left:before { content: "\e608"; } .ax-icon-triangle-down-f:before { content: "\e630"; } .ax-icon-triangle-left-f:before { content: "\e631"; } .ax-icon-triangle-up-f:before { content: "\e632"; } .ax-icon-triangle-right-f:before { content: "\e633"; } .ax-icon-arrow-down-o:before { content: "\e601"; } .ax-icon-arrow-left-o:before { content: "\e602"; } .ax-icon-arrow-up-o:before { content: "\e603"; } .ax-icon-arrow-right-o:before { content: "\e604"; } .ax-icon-arrow-down-o-f:before { content: "\e62c"; } .ax-icon-arrow-left-o-f:before { content: "\e62d"; } .ax-icon-arrow-right-o-f:before { content: "\e62e"; } .ax-icon-arrow-up-o-f:before { content: "\e62f"; } /*reset*/ :root { --load-svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMxOThjZmYiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMiIgY3g9IjE0IiBjeT0iMTQiIHI9IjEyIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNCwyNkM3LjM3MiwyNiwyLDIwLjYyOSwyLDE0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtCiAgICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgICAgICAgICBmcm9tPSIwIDE0IDE0IgogICAgICAgICAgICAgICAgICAgIHRvPSIzNjAgMTQgMTQiCiAgICAgICAgICAgICAgICAgICAgZHVyPSIxcyIKICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICAgICAgICA8L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); --load-svg-w: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmZmZmYiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjEiPgogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMiIgY3g9IjE0IiBjeT0iMTQiIHI9IjEyIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNCwyNkM3LjM3MiwyNiwyLDIwLjYyOSwyLDE0Ij4KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtCiAgICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgICAgICAgICBmcm9tPSIwIDE0IDE0IgogICAgICAgICAgICAgICAgICAgIHRvPSIzNjAgMTQgMTQiCiAgICAgICAgICAgICAgICAgICAgZHVyPSIxcyIKICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPgogICAgICAgICAgICA8L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); --load-gif: url("data:image/gif;base64,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"); --color-primary: #198cff; --color-primary-like: #6619ff; --color-secondary: #475b66; --color-secondary-like: #63a0be; --color-danger: #dc3545; --color-danger-like: #ffc000; --color-success: #41a358; --color-success-like: #b2d956; --color-warning: #ffc107; --color-warning-like: #ffde7a; --color-info: #14ccc9; --color-info-like: #2c7be6; --color-ad: #ff8400; --color-ad-like: #ffdd23; } html { font-size: 10px; width: 100%; padding: 0; margin: 0; background-color: #fff; } body { text-align: left; font-size: 1.4rem; color: #333333; line-height: 2.8rem; font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun"; width: 100%; min-height: 100%; padding: 0; margin: 0; background-color: #fff; } :focus { outline: 0; } ::-ms-clear, ::-ms-reveal { display: none; } * { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; flex-shrink: 0; } fieldset { border: 1px dotted #ccc; border-radius: 0.3rem; } sup, sub { font-size: 0.6rem; } pre { color: #666666; font-size: 1.2rem; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; line-height: 1.8rem; white-space: pre-wrap; word-wrap: break-word; } button[type='button'], input[type='button'], input[type='submit'], input[type='text'], input[type='search'], input[type='reset'] { -webkit-appearance: none; } input[type='text'], input[type='search'] { font-size: 1.4rem; } em, i { font-style: normal; } s, u { text-decoration: none; } ul, li, form { list-style-image: none; list-style: none; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; } form { position: relative; } a, span, font, input, textarea, select, label, i { display: inline-block; vertical-align: top; } a span, label { cursor: pointer; } input, textarea, button { font-size: 1.4rem; outline: none; resize: none; -webkit-appearance: none; transition: all 100ms linear; vertical-align: top; } select { font-size: 1.4rem; outline: none; resize: none; transition: all 100ms linear; } input[type=checkbox] { -webkit-appearance: checkbox; } input[type=radio] { -webkit-appearance: radio; } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } input, textarea, select, button { font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun"; } img { border: 0; vertical-align: middle; } svg { vertical-align: middle; } form, div, p { display: block; } p { margin: 0; padding: 0.6em 0 0.6em 0; } a { color: #333333; text-decoration: none; transition: color 100ms linear, background-color 100ms linear, box-shadow 100ms linear; } a:hover { color: #198cff; text-decoration: none; } a:active { color: #0059b2; text-decoration: none; } .ax-text-cancel, a.ax-text-cancel, .ax-text-cancel a, .ax-text-cancel:hover, a.ax-text-cancel:hover, .ax-text-cancel a:hover { color: #b3b3b3; text-decoration: line-through; margin: 0 0.4rem; cursor: text; } a.ax-color-ignore, .ax-color-ignore a { color: #b3b3b3; text-decoration: none; } a.ax-color-ignore:hover, .ax-color-ignore a:hover { color: #b3b3b3; text-decoration: underline; } a.ax-color-primary, .ax-color-primary a { color: #198cff; text-decoration: none; } a.ax-color-primary:hover, .ax-color-primary a:hover { color: #198cff; text-decoration: underline; } a.ax-color-secondary, .ax-color-secondary a { color: #475b66; text-decoration: none; } a.ax-color-secondary:hover, .ax-color-secondary a:hover { color: #475b66; text-decoration: underline; } a.ax-color-success, .ax-color-success a { color: #41a358; text-decoration: none; } a.ax-color-success:hover, .ax-color-success a:hover { color: #41a358; text-decoration: underline; } a.ax-color-danger, .ax-color-danger a { color: #dc3545; text-decoration: none; } a.ax-color-danger:hover, .ax-color-danger a:hover { color: #dc3545; text-decoration: underline; } a.ax-color-warning, .ax-color-warning a { color: #ffc107; text-decoration: none; } a.ax-color-warning:hover, .ax-color-warning a:hover { color: #ffc107; text-decoration: underline; } a.ax-color-info, .ax-color-info a { color: #14ccc9; text-decoration: none; } a.ax-color-info:hover, .ax-color-info a:hover { color: #14ccc9; text-decoration: underline; } a.ax-color-ad, .ax-color-ad a { color: #ff8400; text-decoration: none; } a.ax-color-ad:hover, .ax-color-ad a:hover { color: #ff8400; text-decoration: underline; } a[class*='ax-btn']:hover { text-decoration: none; } @font-face { font-family: 'DINCond-Light'; src: url('../fonts/DINCond-Light.otf'); font-weight: normal; font-style: normal; } .ax-font-lighter { font-family: 'DINCond-Light'; } @font-face { font-family: 'DINCond-Regular'; src: url('../fonts/DINCond-Regular.otf'); font-weight: normal; font-style: normal; } .ax-font-light { font-family: 'DINCond-Regular'; } @font-face { font-family: 'DINCond-Medium'; src: url('../fonts/DINCond-Medium.otf'); font-weight: normal; font-style: normal; } .ax-font-regular { font-family: 'DINCond-Medium'; } @font-face { font-family: 'DINCond-Bold'; src: url('../fonts/DINCond-Bold.otf'); font-weight: normal; font-style: normal; } .ax-font-bold { font-family: 'DINCond-Bold'; } @font-face { font-family: 'DINCond-Black'; src: url('../fonts/DINCond-Black.otf'); font-weight: normal; font-style: normal; } .ax-font-bolder { font-family: 'DINCond-Black'; } /*placeholder*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.3); } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } input::-o-placeholder, textarea::-o-placeholder { color: rgba(0, 0, 0, 0.3); } input::placeholder, textarea::placeholder { color: rgba(0, 0, 0, 0.3); } .ax-reverse input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.2); } .ax-reverse input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.2); } .ax-reverse input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.2); } .ax-reverse input::-o-placeholder, textarea::-o-placeholder { color: rgba(255, 255, 255, 0.2); } .ax-reverse input::placeholder, textarea::placeholder { color: rgba(255, 255, 255, 0.2); } /*global*/ .ax-clear { height: 0; width: 100%; overflow: hidden; clear: both; margin: 0rem; padding: 0rem; } .ax-content { width: 120rem; margin: 0 auto; } /*radius square*/ .ax-radius, *[class*="ax-btn"].ax-radius:after { border-radius: 0.3rem; } .ax-radius-top { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .ax-radius-bottom { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .ax-radius-left { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .ax-radius-right { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } /*radius size*/ .ax-radius-xxs, .ax-avatar.ax-radius-xxs, .ax-sign.ax-radius-xxs { border-radius: 0.3rem; } .ax-radius-xs, .ax-avatar.ax-radius-xs, .ax-sign.ax-radius-xs { border-radius: calc(0.3rem*2); } .ax-radius-xs.ax-radius-top { border-top-left-radius: calc(0.3rem*2); border-top-right-radius: calc(0.3rem*2); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ax-radius-xs.ax-radius-bottom { border-bottom-left-radius: calc(0.3rem*2); border-bottom-right-radius: calc(0.3rem*2); border-top-left-radius: 0; border-top-right-radius: 0; } .ax-radius-xs.ax-radius-left { border-top-left-radius: calc(0.3rem*2); border-bottom-left-radius: calc(0.3rem*2); border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-radius-xs.ax-radius-right { border-top-right-radius: calc(0.3rem*2); border-bottom-right-radius: calc(0.3rem*2); border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-radius-sm, .ax-avatar.ax-radius-sm, .ax-sign.ax-radius-sm { border-radius: calc(0.3rem*3); } .ax-radius-sm.ax-radius-top { border-top-left-radius: calc(0.3rem*3); border-top-right-radius: calc(0.3rem*3); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ax-radius-sm.ax-radius-bottom { border-bottom-left-radius: calc(0.3rem*3); border-bottom-right-radius: calc(0.3rem*3); border-top-left-radius: 0; border-top-right-radius: 0; } .ax-radius-sm.ax-radius-left { border-top-left-radius: calc(0.3rem*3); border-bottom-left-radius: calc(0.3rem*3); border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-radius-sm.ax-radius-right { border-top-right-radius: calc(0.3rem*3); border-bottom-right-radius: calc(0.3rem*3); border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-radius-md, .ax-avatar.ax-radius-md, .ax-sign.ax-radius-md { border-radius: calc(0.3rem*4); } .ax-radius-md.ax-radius-top { border-top-left-radius: calc(0.3rem*4); border-top-right-radius: calc(0.3rem*4); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ax-radius-md.ax-radius-bottom { border-bottom-left-radius: calc(0.3rem*4); border-bottom-right-radius: calc(0.3rem*4); border-top-left-radius: 0; border-top-right-radius: 0; } .ax-radius-md.ax-radius-left { border-top-left-radius: calc(0.3rem*4); border-bottom-left-radius: calc(0.3rem*4); border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-radius-md.ax-radius-right { border-top-right-radius: calc(0.3rem*4); border-bottom-right-radius: calc(0.3rem*4); border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-radius-lg, .ax-avatar.ax-radius-lg, .ax-sign.ax-radius-lg { border-radius: calc(0.3rem*6); } .ax-radius-lg.ax-radius-top { border-top-left-radius: calc(0.3rem*6); border-top-right-radius: calc(0.3rem*6); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ax-radius-lg.ax-radius-bottom { border-bottom-left-radius: calc(0.3rem*6); border-bottom-right-radius: calc(0.3rem*6); border-top-left-radius: 0; border-top-right-radius: 0; } .ax-radius-lg.ax-radius-left { border-top-left-radius: calc(0.3rem*6); border-bottom-left-radius: calc(0.3rem*6); border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-radius-lg.ax-radius-right { border-top-right-radius: calc(0.3rem*6); border-bottom-right-radius: calc(0.3rem*6); border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-radius-xl, .ax-avatar.ax-radius-xl, .ax-sign.ax-radius-xl { border-radius: calc(0.3rem*8); } .ax-radius-xl.ax-radius-top { border-top-left-radius: calc(0.3rem*8); border-top-right-radius: calc(0.3rem*8); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ax-radius-xl.ax-radius-bottom { border-bottom-left-radius: calc(0.3rem*8); border-bottom-right-radius: calc(0.3rem*8); border-top-left-radius: 0; border-top-right-radius: 0; } .ax-radius-xl.ax-radius-left { border-top-left-radius: calc(0.3rem*8); border-bottom-left-radius: calc(0.3rem*8); border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-radius-xl.ax-radius-right { border-top-right-radius: calc(0.3rem*8); border-bottom-right-radius: calc(0.3rem*8); border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-radius-xxl, .ax-avatar.ax-radius-xxl, .ax-sign.ax-radius-xxl { border-radius: calc(0.3rem*10); } .ax-radius-xxl.ax-radius-top { border-top-left-radius: calc(0.3rem*10); border-top-right-radius: calc(0.3rem*10); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ax-radius-xxl.ax-radius-bottom { border-bottom-left-radius: calc(0.3rem*10); border-bottom-right-radius: calc(0.3rem*10); border-top-left-radius: 0; border-top-right-radius: 0; } .ax-radius-xxl.ax-radius-left { border-top-left-radius: calc(0.3rem*10); border-bottom-left-radius: calc(0.3rem*10); border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-radius-xxl.ax-radius-right { border-top-right-radius: calc(0.3rem*10); border-bottom-right-radius: calc(0.3rem*10); border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-square, *[class*="ax-btn"].ax-square, *[class*="ax-btn"].ax-square:after { border-radius: 0; } .ax-square-top { border-top-left-radius: 0; border-top-right-radius: 0; } .ax-square-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ax-square-left { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-square-right { border-top-right-radius: 0; border-bottom-right-radius: 0; } /*shadow*/ .ax-shadow { box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.1); } .ax-shadow-border { box-shadow: 1px 0 0 #ebebeb, -1px 0 0 #ebebeb, 0 1px 0 #ebebeb, 0 -1px 0 #ebebeb, 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08); } .ax-shadow-light { box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06); } .ax-shadow-dark { box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12); box-shadow: 0.5rem 0.5rem 2rem rgba(51, 51, 51, 0.4); } .ax-shadow-cloud { box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1); } .ax-shadow-primary { box-shadow: 1px 2px 1rem rgba(25, 140, 255, 0.2); } .ax-shadow-secondary { box-shadow: 1px 2px 1rem rgba(71, 91, 102, 0.2); } .ax-shadow-success { box-shadow: 1px 2px 1rem rgba(65, 163, 88, 0.2); } .ax-shadow-danger { box-shadow: 1px 2px 1rem rgba(220, 53, 69, 0.2); } .ax-shadow-info { box-shadow: 1px 2px 1rem rgba(20, 204, 201, 0.2); } .ax-shadow-warning { box-shadow: 1px 2px 1rem rgba(255, 193, 7, 0.3); } .ax-shadow-ad { box-shadow: 1px 2px 1rem rgba(255, 132, 0, 0.2); } /*ellipsis*/ .ax-ell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-ell-2 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ax-ell-3 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ax-ell-subject { font-size: 1.8rem; line-height: 2.8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-ell-2-subject { font-size: 1.8rem; max-height: calc(2.8rem * 2); max-width: 100%; line-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ax-ell-3-subject { font-size: 1.8rem; max-height: calc(2.8rem * 3); max-width: 100%; line-height: 2.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ax-ell-title { font-size: 1.6rem; line-height: 2.2rem; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-ell-2-title { font-size: 1.6rem; max-height: calc(2.2rem * 2); max-width: 100%; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ax-ell-3-title { font-size: 1.6rem; max-height: calc(2.2rem * 3); max-width: 100%; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ax-ell-body { font-size: 1.4rem; line-height: 2.2rem; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-ell-2-body { font-size: 1.4rem; max-height: calc(2.2rem * 2); max-width: 100%; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ax-ell-3-body { font-size: 1.4rem; max-height: calc(2.2rem * 3); max-width: 100%; line-height: 2.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ax-ell-des { font-size: 1.4rem; line-height: 1.8rem; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-ell-2-des { font-size: 1.4rem; max-height: calc(1.8rem * 2); max-width: 100%; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ax-ell-3-des { font-size: 1.4rem; max-height: calc(1.8rem * 3); max-width: 100%; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ax-ell-ignore { font-size: 1.2rem; line-height: 1.6rem; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-ell-2-ignore { font-size: 1.2rem; max-height: calc(1.6rem * 2); max-width: 100%; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ax-ell-3-ignore { font-size: 1.2rem; max-height: calc(1.6rem * 3); max-width: 100%; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*border*/ .ax-border { border: 1px solid #ebebeb; } .ax-border-tb { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .ax-border-lr { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .ax-border-grid td, .ax-border-grid th { position: relative; } .ax-border-grid td:before, .ax-border-grid th:before { content: ''; width: 1px; height: 100%; background-color: #ebebeb; position: absolute; left: 0; top: 0; } .ax-border-grid tr td:last-child:not([class*='-sorting']):after, .ax-border-grid tr th:last-child:not([class*='-sorting']):after { content: ''; width: 1px; height: 100%; background-color: #ebebeb; position: absolute; right: 0; top: 0; } .ax-table.ax-border-grid { position: relative; } .ax-table.ax-border-grid:after { content: ''; width: 1px; height: 100%; background-color: #ebebeb; position: absolute; right: 0; top: 0; } /*margin*/ .ax-margin { margin: 1.4rem; box-sizing: border-box; } .ax-margin-tb { margin-top: 1.4rem; margin-bottom: 1.4rem; box-sizing: border-box; } .ax-margin-lr { margin-left: 1.4rem; margin-right: 1.4rem; box-sizing: border-box; } .ax-margin-left { margin-left: 1.4rem; box-sizing: border-box; } .ax-margin-right { margin-right: 1.4rem; box-sizing: border-box; } .ax-margin.ax-xxs { margin: 0.4rem; } .ax-margin.ax-xs { margin: 0.8rem; } .ax-margin.ax-sm { margin: 1rem; } .ax-margin.ax-md { margin: 1.4rem; } .ax-margin.ax-lg { margin: 1.8rem; } .ax-margin.ax-xl { margin: 2.2rem; } .ax-margin.ax-xxl { margin: 2.8rem; } .ax-margin-tb.ax-xxs { margin-top: 0.4rem; margin-bottom: 0.4rem; } .ax-margin-tb.ax-xs { margin-top: 0.8rem; margin-bottom: 0.8rem; } .ax-margin-tb.ax-sm { margin-top: 1rem; margin-bottom: 1rem; } .ax-margin-tb.ax-md { margin-top: 1.4rem; margin-bottom: 1.4rem; } .ax-margin-tb.ax-lg { margin-top: 1.8rem; margin-bottom: 1.8rem; } .ax-margin-tb.ax-xl { margin-top: 2.2rem; margin-bottom: 2.2rem; } .ax-margin-tb.ax-xxl { margin-top: 2.8rem; margin-bottom: 2.8rem; } .ax-margin-lr.ax-xxs { margin-left: 0.4rem; margin-right: 0.4rem; } .ax-margin-lr.ax-xs { margin-left: 0.8rem; margin-right: 0.8rem; } .ax-margin-lr.ax-sm { margin-left: 1rem; margin-right: 1rem; } .ax-margin-lr.ax-md { margin-left: 1.4rem; margin-right: 1.4rem; } .ax-margin-lr.ax-lg { margin-left: 1.8rem; margin-right: 1.8rem; } .ax-margin-lr.ax-xl { margin-left: 2.2rem; margin-right: 2.2rem; } .ax-margin-lr.ax-xxl { margin-left: 2.8rem; margin-right: 2.8rem; } .ax-margin-left.ax-xxs { margin-left: 0.4rem; } .ax-margin-left.ax-xs { margin-left: 0.8rem; } .ax-margin-left.ax-sm { margin-left: 1rem; } .ax-margin-left.ax-md { margin-left: 1.4rem; } .ax-margin-left.ax-lg { margin-left: 1.8rem; } .ax-margin-left.ax-xl { margin-left: 2.2rem; } .ax-margin-left.ax-xxl { margin-left: 2.8rem; } .ax-margin-right.ax-xxs { margin-right: 0.4rem; } .ax-margin-right.ax-xs { margin-right: 0.8rem; } .ax-margin-right.ax-sm { margin-right: 1rem; } .ax-margin-right.ax-md { margin-right: 1.4rem; } .ax-margin-right.ax-lg { margin-right: 1.8rem; } .ax-margin-right.ax-xl { margin-right: 2.2rem; } .ax-margin-right.ax-xxl { margin-right: 2.8rem; } .ax-margin-top.ax-xxs { margin-top: 0.4rem; } .ax-margin-top.ax-xs { margin-top: 0.8rem; } .ax-margin-top.ax-sm { margin-top: 1rem; } .ax-margin-top.ax-md { margin-top: 1.4rem; } .ax-margin-top.ax-lg { margin-top: 1.8rem; } .ax-margin-top.ax-xl { margin-top: 2.2rem; } .ax-margin-top.ax-xxl { margin-top: 2.8rem; } .ax-margin-bottom.ax-xxs { margin-bottom: 0.4rem; } .ax-margin-bottom.ax-xs { margin-bottom: 0.8rem; } .ax-margin-bottom.ax-sm { margin-bottom: 1rem; } .ax-margin-bottom.ax-md { margin-bottom: 1.4rem; } .ax-margin-bottom.ax-lg { margin-bottom: 1.8rem; } .ax-margin-bottom.ax-xl { margin-bottom: 2.2rem; } .ax-margin-bottom.ax-xxl { margin-bottom: 2.8rem; } /*padding*/ .ax-padding { padding: 1.4rem; box-sizing: border-box; } .ax-padding-tb { padding: 1.4rem 0; box-sizing: border-box; } .ax-padding-lr { padding: 0 1.4rem; box-sizing: border-box; } .ax-padding-left { padding-left: 1.4rem; box-sizing: border-box; } .ax-padding-right { padding-right: 1.4rem; box-sizing: border-box; } .ax-padding.ax-xxs { padding: 0.4rem; } .ax-padding.ax-xs { padding: 0.8rem; } .ax-padding.ax-sm { padding: 1rem; } .ax-padding.ax-md { padding: 1.4rem; } .ax-padding.ax-lg { padding: 1.8rem; } .ax-padding.ax-xl { padding: 2.2rem; } .ax-padding.ax-xxl { padding: 2.8rem; } .ax-padding-tb.ax-xxs { padding-top: 0.4rem; padding-bottom: 0.4rem; } .ax-padding-tb.ax-xs { padding-top: 0.8rem; padding-bottom: 0.8rem; } .ax-padding-tb.ax-sm { padding-top: 1rem; padding-bottom: 1rem; } .ax-padding-tb.ax-md { padding-top: 1.4rem; padding-bottom: 1.4rem; } .ax-padding-tb.ax-lg { padding-top: 1.8rem; padding-bottom: 1.8rem; } .ax-padding-tb.ax-xl { padding-top: 2.2rem; padding-bottom: 2.2rem; } .ax-padding-tb.ax-xxl { padding-top: 2.8rem; padding-bottom: 2.8rem; } .ax-padding-lr.ax-xxs { padding-left: 0.4rem; padding-right: 0.4rem; } .ax-padding-lr.ax-xs { padding-left: 0.8rem; padding-right: 0.8rem; } .ax-padding-lr.ax-sm { padding-left: 1rem; padding-right: 1rem; } .ax-padding-lr.ax-md { padding-left: 1.4rem; padding-right: 1.4rem; } .ax-padding-lr.ax-lg { padding-left: 1.8rem; padding-right: 1.8rem; } .ax-padding-lr.ax-xl { padding-left: 2.2rem; padding-right: 2.2rem; } .ax-padding-lr.ax-xxl { padding-left: 2.8rem; padding-right: 2.8rem; } .ax-padding-left.ax-xxs { padding-left: 0.4rem; } .ax-padding-left.ax-xs { padding-left: 0.8rem; } .ax-padding-left.ax-sm { padding-left: 1rem; } .ax-padding-left.ax-md { padding-left: 1.4rem; } .ax-padding-left.ax-lg { padding-left: 1.8rem; } .ax-padding-left.ax-xl { padding-left: 2.2rem; } .ax-padding-left.ax-xxl { padding-left: 2.8rem; } .ax-padding-right.ax-xxs { padding-right: 0.4rem; } .ax-padding-right.ax-xs { padding-right: 0.8rem; } .ax-padding-right.ax-sm { padding-right: 1rem; } .ax-padding-right.ax-md { padding-right: 1.4rem; } .ax-padding-right.ax-lg { padding-right: 1.8rem; } .ax-padding-right.ax-xl { padding-right: 2.2rem; } .ax-padding-right.ax-xxl { padding-right: 2.8rem; } .ax-padding-top.ax-xxs { padding-top: 0.4rem; } .ax-padding-top.ax-xs { padding-top: 0.8rem; } .ax-padding-top.ax-sm { padding-top: 1rem; } .ax-padding-top.ax-md { padding-top: 1.4rem; } .ax-padding-top.ax-lg { padding-top: 1.8rem; } .ax-padding-top.ax-xl { padding-top: 2.2rem; } .ax-padding-top.ax-xxl { padding-top: 2.8rem; } .ax-padding-bottom.ax-xxs { padding-bottom: 0.4rem; } .ax-padding-bottom.ax-xs { padding-bottom: 0.8rem; } .ax-padding-bottom.ax-sm { padding-bottom: 1rem; } .ax-padding-bottom.ax-md { padding-bottom: 1.4rem; } .ax-padding-bottom.ax-lg { padding-bottom: 1.8rem; } .ax-padding-bottom.ax-xl { padding-bottom: 2.2rem; } .ax-padding-bottom.ax-xxl { padding-bottom: 2.8rem; } /*col break*/ .ax-gutter-xxs { width: 0.4rem; overflow: hidden; } .ax-gutter-xs { width: 0.8rem; overflow: hidden; } .ax-gutter-sm { width: 1.2rem; overflow: hidden; } .ax-gutter, .ax-gutter-md { width: 1.4rem; overflow: hidden; } .ax-gutter-lg { width: 1.6rem; overflow: hidden; } .ax-gutter-xl { width: 2.2rem; overflow: hidden; } .ax-gutter-xxl { width: 2.8rem; overflow: hidden; } /*row break*/ .ax-break-xxs { height: 0.4rem; overflow: hidden; } .ax-break-xs { height: 0.8rem; overflow: hidden; } .ax-break-sm { height: 1rem; overflow: hidden; } .ax-break, .ax-break-md { height: 1.4rem; overflow: hidden; } .ax-break-lg { height: 1.8rem; overflow: hidden; } .ax-break-xl { height: 2.2rem; overflow: hidden; } .ax-break-xxl { height: 2.8rem; overflow: hidden; } /*line break*/ .ax-gutter-line { height: 100%; width: 1px; background-color: #ebebeb; } .ax-border { border: 1px solid #ebebeb; } .ax-break-line { height: 1px; overflow: hidden; background-color: #ebebeb; } .ax-break-text { display: flex; flex-wrap: nowrap; box-sizing: border-box; line-height: calc(2.8rem + 0.1rem); } .ax-break-text .ax-left, .ax-break-text .ax-right { flex: auto; height: 1px; overflow: hidden; background-color: #ebebeb; margin-top: calc(2.8rem / 2); } .ax-break-text span { color: #b3b3b3; margin: auto 1.4rem; } .ax-break-text.ax-align-left .ax-left { flex: none; width: calc(3.8rem); } .ax-break-text.ax-align-right .ax-right { flex: none; width: calc(3.8rem); } /*headline*/ .ax-headline { text-align: center; margin: calc(1.4rem*2) auto; position: relative; } .ax-headline .ax-body { font-size: 2.2rem; line-height: 2.2rem; } .ax-headline .ax-title { color: #333333; position: relative; } .ax-headline .ax-title:before { content: ''; width: 2.2rem; height: 0.2rem; background-color: #333333; overflow: hidden; position: absolute; left: calc(-1.2rem - 2.2rem); top: 1.1rem; } .ax-headline .ax-title:after { content: ''; width: 2.2rem; height: 0.2rem; background-color: #333333; overflow: hidden; position: absolute; right: calc(-1.2rem - 2.2rem); top: calc(2.2rem / 2 + 0.1rem); } .ax-headline .ax-adorn { font-size: 1.2rem; color: #b3b3b3; line-height: 1.8rem; margin-bottom: 1rem; } .ax-headline .ax-des { font-size: 1.4rem; color: #666666; line-height: 1.8rem; margin-top: 1rem; } .ax-headline.ax-align-left .ax-title:before, .ax-headline.ax-align-left .ax-title:after, .ax-headline.ax-align-right .ax-title:before, .ax-headline.ax-align-right .ax-title:after { display: none; } .ax-headline.ax-align-left { padding-left: 1.4rem; } .ax-headline.ax-align-left:before { content: ''; width: 0.3rem; height: 100%; background-color: #333333; overflow: hidden; position: absolute; left: 0; top: 0; } .ax-headline.ax-align-right { padding-right: 1.4rem; } .ax-headline.ax-align-right:after { content: ''; width: 0.3rem; height: 100%; background-color: #333333; overflow: hidden; position: absolute; right: 0; top: 0; } .ax-headline.ax-sm .ax-body { font-size: 1.8rem; line-height: 1.8rem; } .ax-headline.ax-sm .ax-title:before, .ax-headline.ax-sm .ax-title:after { width: 1.8rem; top: calc(1.8rem / 2 + 0.1rem); } .ax-headline.ax-sm .ax-title:before { left: calc(-0.8rem - 1.8rem); } .ax-headline.ax-sm .ax-title:after { right: calc(-0.8rem - 1.8rem); } .ax-headline.ax-lg .ax-body { font-size: calc(2.8rem + 0.4rem); line-height: calc(2.8rem + 0.4rem); } .ax-headline.ax-lg .ax-title:before, .ax-headline.ax-lg .ax-title:after { width: 2.8rem; top: calc((2.8rem + 0.4rem) / 2 + 0.1rem); } .ax-headline.ax-lg .ax-title:before { left: calc(-1.4rem - 2.8rem); } .ax-headline.ax-lg .ax-title:after { right: calc(-1.4rem - 2.8rem); } .ax-headline.ax-primary .ax-title { color: #198cff; } .ax-headline.ax-primary .ax-title:before, .ax-headline.ax-primary .ax-title:after { background-color: #d7e7f5; } .ax-headline.ax-secondary .ax-title { color: #475b66; } .ax-headline.ax-secondary .ax-title:before, .ax-headline.ax-secondary .ax-title:after { background-color: #dfe3e5; } .ax-headline.ax-success .ax-title { color: #41a358; } .ax-headline.ax-success .ax-title:before, .ax-headline.ax-success .ax-title:after { background-color: #e1f0e5; } .ax-headline.ax-danger .ax-title { color: #dc3545; } .ax-headline.ax-danger .ax-title:before, .ax-headline.ax-danger .ax-title:after { background-color: #f0dddf; } .ax-headline.ax-warning .ax-title { color: #ffc107; } .ax-headline.ax-warning .ax-title:before, .ax-headline.ax-warning .ax-title:after { background-color: #f5edd7; } .ax-headline.ax-info .ax-title { color: #14ccc9; } .ax-headline.ax-info .ax-title:before, .ax-headline.ax-info .ax-title:after { background-color: #cef0f0; } .ax-headline.ax-ad .ax-title { color: #ff8400; } .ax-headline.ax-ad .ax-title:before, .ax-headline.ax-ad .ax-title:after { background-color: #f5e7d7; } .ax-headline.ax-align-left .ax-title, .ax-headline.ax-align-right .ax-title { color: #333333; } .ax-headline.ax-align-left.ax-primary:before, .ax-headline.ax-align-right.ax-primary:after { background-color: #198cff; } .ax-headline.ax-align-left.ax-secondary:before, .ax-headline.ax-align-right.ax-secondary:after { background-color: #475b66; } .ax-headline.ax-align-left.ax-success:before, .ax-headline.ax-align-right.ax-success:after { background-color: #41a358; } .ax-headline.ax-align-left.ax-danger:before, .ax-headline.ax-align-right.ax-danger:after { background-color: #dc3545; } .ax-headline.ax-align-left.ax-warning:before, .ax-headline.ax-align-right.ax-warning:after { background-color: #ffc107; } .ax-headline.ax-align-left.ax-info:before, .ax-headline.ax-align-right.ax-info:after { background-color: #14ccc9; } .ax-headline.ax-align-left.ax-ad:before, .ax-headline.ax-align-right.ax-ad:after { background-color: #ff8400; } .ax-headline.ax-style-simple .ax-title:before, .ax-headline.ax-style-simple .ax-title:after { display: none; } .ax-headline.ax-style-dash .ax-title:before, .ax-headline.ax-style-dash .ax-title:after { display: none; } .ax-headline.ax-style-dash { margin-bottom: calc(1.4rem*4); } .ax-headline.ax-style-dash:after { content: ''; width: 2.2rem; height: 0.2rem; background-color: #333333; overflow: hidden; transform: translate(-50%, 0); position: absolute; left: 50%; bottom: calc(-1.4rem*2); } .ax-headline.ax-style-underline .ax-title:after { display: none; } .ax-headline.ax-style-underline .ax-title:before { width: 100%; height: 0.6rem; background-color: #ffc107; right: auto; left: 0; top: auto; bottom: -0.2rem; } .ax-headline.ax-style-underline .ax-title i { position: relative; } .ax-headline.ax-style-tab { text-align: left; line-height: 3.8rem; } .ax-headline.ax-style-tab .ax-body { line-height: 3.8rem; display: flex; justify-content: flex-start; align-items: center; } .ax-headline.ax-style-tab .ax-title:before, .ax-headline.ax-style-tab .ax-title:after { display: none; } .ax-headline.ax-style-tab .ax-more { margin-left: calc(1.4rem*2); } .ax-headline.ax-style-tab .ax-des { margin-top: 0; } .ax-headline.ax-style-tab .ax-body .ax-des { margin-left: 1.4rem; } .ax-headline.ax-style-tab .ax-body .ax-badge, .ax-headline.ax-style-tab .ax-body .ax-dot { margin-left: 0.8rem; } /*align*/ .ax-align-left { text-align: left !important; } .ax-align-right { text-align: right !important; } .ax-align-center { text-align: center !important; } .ax-align-left-center { display: flex; justify-content: flex-start; align-items: center; } .ax-align-right-center { display: flex; justify-content: flex-end; align-items: center; } .ax-align-top-center { display: flex; justify-content: center; align-items: flex-start; } .ax-align-origin, .ax-align-center-center { display: flex; align-items: center; justify-content: center; } .ax-align-bottom-center { display: flex; justify-content: center; align-items: flex-end; } .ax-align-top-left { display: flex; justify-content: flex-start; align-items: flex-start; } .ax-align-top-center { display: flex; justify-content: center; align-items: flex-start; } .ax-align-top-right { display: flex; justify-content: flex-end; align-items: flex-start; } .ax-align-bottom-left { display: flex; justify-content: flex-start; align-items: flex-end; } .ax-align-bottom-center { display: flex; justify-content: center; align-items: flex-end; } .ax-align-bottom-right { display: flex; justify-content: flex-end; align-items: flex-end; } .ax-float-left { float: left; } .ax-float-right { float: right; } /*transition 动画*/ .ax-deg360 { transform: rotate(360deg); } .ax-deg180 { transform: rotate(-180deg); } /*animation 动画*/ @keyframes rotate360 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ax-rotate360 { animation-timing-function: linear; animation-duration: 2000ms; animation-fill-mode: both; animation-name: rotate360; } @keyframes rotate180 { 0% { transform: rotate(0deg); } 100% { transform: rotate(-180deg); } } .ax-rotate180 { animation-duration: 500ms; animation-fill-mode: both; animation-name: rotate180; } @keyframes rotate90 { 0% { transform: rotate(0deg); } 100% { transform: rotate(-90deg); } } .ax-rotate90 { animation-duration: 200ms; animation-fill-mode: both; animation-name: rotate90; } @keyframes rotate45 { 0% { transform: rotate(0deg); } 100% { transform: rotate(-45deg); } } .ax-rotate45 { animation-duration: 200ms; animation-fill-mode: both; animation-name: rotate45; } @keyframes bounce { from, 20%, 53%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .ax-bounceShow { animation-duration: 300ms; animation-fill-mode: both; transform-origin: center bottom; animation-name: bounce; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .ax-flashShow { animation-duration: 300ms; animation-fill-mode: both; animation-name: flash; } @keyframes pulse { from, 50%, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 25%, 75% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } } .ax-pulseShow { animation-duration: 300ms; animation-name: pulse; animation-timing-function: ease-in-out; } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .ax-shakeShow { animation-duration: 300ms; animation-name: shake; } @keyframes fadeIn { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 0; } to { opacity: 1; } } .ax-fadeIn { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeIn; } @keyframes fadeOut { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 1; } to { opacity: 0; } } .ax-fadeOut { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeIn; } @keyframes fadeInUp { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .ax-fadeInUp { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeInUp; } @keyframes fadeOutUp { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 1; -webkit-transform: none; transform: none; } to { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } } .ax-fadeOutUp { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeOutUp; } @keyframes fadeInDown { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .ax-fadeInDown { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeInDown; } @keyframes fadeOutDown { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } } .ax-fadeOutDown { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeOutDown; } @keyframes fadeInLeft { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .ax-fadeInLeft { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeInLeft; } @keyframes fadeOutLeft { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } } .ax-fadeOutLeft { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeOutLeft; } @keyframes fadeInRight { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .ax-fadeInRight { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeInRight; } @keyframes fadeOutRight { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } } .ax-fadeOutRight { animation-duration: 300ms; animation-fill-mode: both; animation-name: fadeOutRight; } @keyframes springIn { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { transform: scale(0.7); opacity: 0; } 45% { transform: scale(1.02); opacity: 1; } 80% { transform: scale(0.98); } 100% { transform: scale(1); } } .ax-springIn { animation-duration: 300ms; animation-fill-mode: both; animation-name: springIn; } @keyframes springOut { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { transform: scale(1); } 20% { transform: scale(0.98); } 55% { transform: scale(1.02); opacity: 1; } 100% { transform: scale(0.7); opacity: 0; } } .ax-springOut { animation-duration: 300ms; animation-fill-mode: both; animation-name: springOut; } @keyframes scaleIn { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .ax-scaleIn { animation-duration: 300ms; animation-fill-mode: both; animation-name: scaleIn; } @keyframes scaleOut { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } .ax-scaleOut { animation-duration: 300ms; animation-fill-mode: both; animation-name: scaleOut; } @keyframes flyInLeft { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-50%, 50%, 0) rotate(-30deg); transform: translate3d(-50%, 50%, 0) rotate(-30deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .ax-flyInLeft { animation-duration: 300ms; animation-fill-mode: both; animation-name: flyInLeft; } @keyframes flyOutLeft { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(-50%, 50%, 0) rotate(-30deg); transform: translate3d(-50%, 50%, 0) rotate(-30deg); } } .ax-flyOutLeft { animation-duration: 300ms; animation-fill-mode: both; animation-name: flyOutLeft; } @keyframes flyInRight { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { opacity: 0; -webkit-transform: translate3d(50%, 50%, 0) rotate(30deg); transform: translate3d(50%, 50%, 0) rotate(30deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .ax-flyInRight { animation-duration: 300ms; animation-fill-mode: both; animation-name: flyInRight; } @keyframes flyOutRight { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(50%, 50%, 0) rotate(30deg); transform: translate3d(50%, 50%, 0) rotate(30deg); } } .ax-flyOutRight { animation-duration: 300ms; animation-fill-mode: both; animation-name: flyOutRight; } @keyframes flyInUp { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0%, -100%, 0) rotate(-30deg); transform: translate3d(0%, -100%, 0) rotate(-30deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .ax-flyInUp { animation-duration: 300ms; animation-fill-mode: both; animation-name: flyInUp; } @keyframes flyOutUp { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0%, -100%, 0) rotate(-30deg); transform: translate3d(0%, -100%, 0) rotate(-30deg); } } .ax-flyOutUp { animation-duration: 300ms; animation-fill-mode: both; animation-name: flyOutUp; } @keyframes flyInDown { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0%, 100%, 0) rotate(30deg); transform: translate3d(0%, 100%, 0) rotate(30deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .ax-flyInDown { animation-duration: 300ms; animation-fill-mode: both; animation-name: flyInDown; } @keyframes flyOutDown { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0%, 100%, 0) rotate(30deg); transform: translate3d(0%, 100%, 0) rotate(30deg); } } .ax-flyOutDown { animation-duration: 300ms; animation-fill-mode: both; animation-name: flyOutDown; } @keyframes rotateIn { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { transform: scale(0.5) rotate(180deg); opacity: 0; } 100% { transform: scale(1) rotate(0deg); opacity: 1; } } .ax-rotateIn { animation-duration: 300ms; animation-fill-mode: both; animation-name: rotateIn; } @keyframes rotateOut { from, to { animation-timing-function: cubic-bezier(0.18, 0.64, 0.56, 1); } 0% { transform: scale(1) rotate(0deg); opacity: 1; } 100% { transform: scale(0.5) rotate(180deg); opacity: 0; } } .ax-rotateOut { animation-duration: 300ms; animation-fill-mode: both; animation-name: rotateOut; } [class*="In"].ax-slowest, [class*="Out"].ax-slowest, [class*="Show"].ax-slowest, [class*="rotate"].ax-slowest { animation-duration: 500ms; } [class*="In"].ax-slower, [class*="Out"].ax-slower, [class*="Show"].ax-slower, [class*="rotate"].ax-slower { animation-duration: 400ms; } [class*="In"].ax-slow, [class*="Out"].ax-slow, [class*="Show"].ax-slow, [class*="rotate"].ax-slow { animation-duration: 300ms; } [class*="In"].ax-normal, [class*="Out"].ax-normal, [class*="Show"].ax-normal, [class*="rotate"].ax-normal { animation-duration: 200ms; } [class*="In"].ax-fast, [class*="Out"].ax-fast, [class*="rotate"].ax-fast { animation-duration: 100ms; } /*width height 100%*/ .ax-full-width { width: 100%; } .ax-full-height { height: 100%; } .ax-full-all { width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; } .ax-full-main { box-sizing: border-box; padding: 1.4rem; height: 100%; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } /*grid layout*/ .ax-grid { width: 100%; box-sizing: border-box; margin: 0 auto; } .ax-grid-inner { box-sizing: border-box; zoom: 1; margin: auto 0; } .ax-grid-inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ax-grid-block { float: left; padding: 0; box-sizing: border-box; } .ax-grid.ax-space-0 { margin: 0 auto; } .ax-grid.ax-space-0 .ax-grid-inner { margin: auto 0; } .ax-grid.ax-space-0 .ax-grid-block { padding: 0; } .ax-grid.ax-space-xxs { margin: calc(-0.4rem/2) auto; } .ax-grid.ax-space-xxs .ax-grid-inner { margin: auto calc(-0.4rem/2); } .ax-grid.ax-space-xxs .ax-grid-block { padding: calc(0.4rem/2) calc(0.4rem/2); } .ax-grid.ax-space-xs { margin: calc(-0.8rem/2) auto; } .ax-grid.ax-space-xs .ax-grid-inner { margin: auto calc(-0.8rem/2); } .ax-grid.ax-space-xs .ax-grid-block { padding: calc(0.8rem/2) calc(0.8rem/2); } .ax-grid.ax-space-sm { margin: calc(-1rem/2) auto; } .ax-grid.ax-space-sm .ax-grid-inner { margin: auto calc(-1.2rem/2); } .ax-grid.ax-space-sm .ax-grid-block { padding: calc(1rem/2) calc(1.2rem/2); } .ax-grid.ax-space-md, .ax-grid.ax-space { margin: calc(-1.4rem/2) auto; } .ax-grid.ax-space-md .ax-grid-inner, .ax-grid.ax-space .ax-grid-inner { margin: auto calc(-1.4rem/2); } .ax-grid.ax-space-md .ax-grid-block, .ax-grid.ax-space .ax-grid-block { padding: calc(1.4rem/2) calc(1.4rem/2); } .ax-grid.ax-space-lg { margin: calc(-1.8rem/2) auto; } .ax-grid.ax-space-lg .ax-grid-inner { margin: auto calc(-1.6rem/2); } .ax-grid.ax-space-lg .ax-grid-block { padding: calc(1.8rem/2) calc(1.6rem/2); } .ax-grid.ax-space-xl { margin: calc(-2.2rem/2) auto; } .ax-grid.ax-space-xl .ax-grid-inner { margin: auto calc(-2.2rem/2); } .ax-grid.ax-space-xl .ax-grid-block { padding: calc(2.2rem/2) calc(2.2rem/2); } .ax-grid.ax-space-xxl { margin: calc(-2.8rem/2) auto; } .ax-grid.ax-space-xxl .ax-grid-inner { margin: auto calc(-2.8rem/2); } .ax-grid.ax-space-xxl .ax-grid-block { padding: calc(2.8rem/2) calc(2.8rem/2); } .ax-grid-table { width: 100%; overflow: hidden; box-sizing: border-box; zoom: 1; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } .ax-grid-table .ax-grid-block { padding: 0; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .ax-grid-table:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*flex layout*/ .ax-flex-row, .ax-flex-col { display: flex; flex-wrap: nowrap; box-sizing: border-box; } .ax-flex-row { flex-direction: row; width: 100%; } .ax-flex-row > [class*='ax-flex-block'] { width: 0; } .ax-flex-col { flex-direction: column; height: 100%; } .ax-flex-col > [class*='ax-flex-block'] { height: 0; } .ax-flex-block, .ax-flex-block-1 { flex: auto; position: relative; } .ax-flex-block-2 { flex: 2 1 auto; position: relative; } .ax-flex-block-3 { flex: 3 1 auto; position: relative; } .ax-flex-block-4 { flex: 4 1 auto; position: relative; } .ax-flex-block-5 { flex: 5 1 auto; position: relative; } .ax-flex-block-6 { flex: 6 1 auto; position: relative; } @-moz-document url-prefix() { .ax-flex-block { min-width: 0; /*hack firefox ellipsis*/ } } .ax-noflex-block { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; flex: none; position: relative; } /*grid layout*/ .ax-row { box-sizing: border-box; display: flex; flex-wrap: nowrap; flex-direction: row; width: 100%; zoom: 1; } .ax-row > [class*='ax-flex-block'] { width: 0; } .ax-col { display: block; flex: auto; width: 0; position: relative; } .ax-col > [class*='ax-flex-block'] { height: 0; } .ax-col-1 { width: calc((100%/24)*1); } _:-ms-lang(x), .ax-col-1 { width: 4.166666%; } .ax-col-2 { width: calc((100%/24)*2); } .ax-col-3 { width: calc((100%/24)*3); } _:-ms-lang(x), .ax-col-3 { width: 12.5%; } .ax-col-4 { width: calc((100%/24)*4); } _:-ms-lang(x), .ax-col-4 { width: 16.66666%; } .ax-col-5 { width: calc((100%/24)*5); } .ax-col-6 { width: calc((100%/24)*6); } .ax-col-7 { width: calc((100%/24)*7); } _:-ms-lang(x), .ax-col-7 { width: 29.166666%; } .ax-col-8 { width: calc((100%/24)*8); } .ax-col-9 { width: calc((100%/24)*9); } .ax-col-10 { width: calc((100%/24)*10); } .ax-col-11 { width: calc((100%/24)*11); } .ax-col-12 { width: calc((100%/24)*12); } .ax-col-13 { width: calc((100%/24)*13); } .ax-col-14 { width: calc((100%/24)*14); } .ax-col-15 { width: calc((100%/24)*15); } .ax-col-16 { width: calc((100%/24)*16); } .ax-col-17 { width: calc((100%/24)*17); } .ax-col-18 { width: calc((100%/24)*18); } .ax-col-19 { width: calc((100%/24)*19); } .ax-col-20 { width: calc((100%/24)*20); } .ax-col-21 { width: calc((100%/24)*21); } .ax-col-22 { width: calc((100%/24)*22); } .ax-col-23 { width: calc((100%/24)*23); } .ax-col-24 { width: calc((100%/24)*24); } .ax-col-1-avg { width: calc(100%/1); } .ax-col-2-avg { width: calc(100%/2); } .ax-col-3-avg { width: calc(100%/3); } .ax-col-4-avg { width: calc(100%/4); } .ax-col-5-avg { width: calc(100%/5); } .ax-col-6-avg { width: calc(100%/6); } _:-ms-lang(x), .ax-col-6-avg { width: 16.66666%; } .ax-col-7-avg { width: calc(100%/7); } _:-ms-lang(x), .ax-col-7-avg { width: 14.2857%; } .ax-col-8-avg { width: calc(100%/8); } _:-ms-fullscreen, :root .ax-col-8-avg { width: 12.4999%; } .ax-col-9-avg { width: calc(100%/9); } _:-ms-fullscreen, :root .ax-col-9-avg { width: 11.111%; } .ax-col-10-avg { width: calc(100%/10); } .ax-col-11-avg { width: calc(100%/11); } _:-ms-fullscreen, :root .ax-col-11-avg { width: 9.090909%; } .ax-col-12-avg { width: calc(100%/12); } /*color background*/ .ax-color-primary, .ax-color-primary [class*="font"], .ax-color-primary svg { color: #198cff; fill: #198cff; } .ax-color-secondary, .ax-color-secondary [class*="font"], .ax-color-secondary svg { color: #475b66; fill: #475b66; } .ax-color-success, .ax-color-success [class*="font"], .ax-color-success svg { color: #41a358; fill: #41a358; } .ax-color-danger, .ax-color-danger [class*="font"], .ax-color-danger svg { color: #dc3545; fill: #dc3545; } .ax-color-warning, .ax-color-warning [class*="font"], .ax-color-warning svg { color: #ffc107; fill: #ffc107; } .ax-color-info, .ax-color-info [class*="font"], .ax-color-info svg { color: #14ccc9; fill: #14ccc9; } .ax-color-ad, .ax-color-ad [class*="font"], .ax-color-ad svg { color: #ff8400; fill: #ff8400; } .ax-color-title, .ax-color-title [class*="font"], .ax-color-title svg { color: #333333; fill: #333333; } .ax-color-des, .ax-color-des [class*="font"], .ax-color-des svg { color: #666666; fill: #666666; } .ax-color-ignore, .ax-color-ignore [class*="font"], .ax-color-ignore svg { color: #b3b3b3; fill: #b3b3b3; } .ax-color-forbid, .ax-color-forbid [class*="font"], .ax-color-forbid svg { color: #b3b3b3; fill: #b3b3b3; cursor: not-allowed; } .ax-color-white, .ax-color-white [class*="font"], .ax-color-white svg { color: #fff; fill: #fff; } .ax-bg-primary, .ax-avatar.ax-bg-primary { background-color: #198cff; color: #fff; } .ax-bg-secondary, .ax-avatar.ax-bg-secondary { background-color: #475b66; color: #fff; } .ax-bg-success, .ax-avatar.ax-bg-success { background-color: #41a358; color: #fff; } .ax-bg-danger, .ax-avatar.ax-bg-danger { background-color: #dc3545; color: #fff; } .ax-bg-warning, .ax-avatar.ax-bg-warning { background-color: #ffc107; color: #333333; } .ax-bg-info, .ax-avatar.ax-bg-info { background-color: #14ccc9; color: #fff; } .ax-bg-ad, .ax-avatar.ax-bg-ad { background-color: #ff8400; color: #fff; } .ax-bg-title, .ax-avatar.ax-bg-title { background-color: #333333; color: #fff; } .ax-bg-des, .ax-avatar.ax-bg-des { background-color: #666666; color: #fff; } .ax-bg-ignore, .ax-avatar.ax-bg-ignore { background-color: #b3b3b3; } .ax-bg-white, .ax-avatar.ax-bg-white { background-color: #fff; } .ax-bglit-primary, .ax-avatar.ax-bglit-primary { background-color: #f0f7ff; color: #0b72da; } .ax-bglit-secondary, .ax-avatar.ax-bglit-secondary { background-color: #f5f8fa; color: #383e42; } .ax-bglit-success, .ax-avatar.ax-bglit-success { background-color: #edfaf0; color: #3b7649; } .ax-bglit-danger, .ax-avatar.ax-bglit-danger { background-color: #fff0f1; color: #b22c39; } .ax-bglit-warning, .ax-avatar.ax-bglit-warning { background-color: #fffaeb; color: #333333; } .ax-bglit-info, .ax-avatar.ax-bglit-info { background-color: #ebfaf9; color: #189593; } .ax-bglit-ad, .ax-avatar.ax-bglit-ad { background-color: #fff5eb; color: #c2690a; } .ax-bglit-title, .ax-avatar.ax-bglit-title { background-color: #f5f5f5; color: #333333; } /*gradient bg*/ .ax-bg-primary.ax-gradient-0 { background: linear-gradient(0deg, #198cff, #6619ff); } .ax-bg-primary.ax-gradient, .ax-gradient, .ax-bg-primary.ax-gradient-45 { background: linear-gradient(45deg, #198cff, #6619ff); } .ax-bg-primary.ax-gradient-90 { background: linear-gradient(90deg, #198cff, #6619ff); } .ax-bg-primary.ax-gradient-135 { background: linear-gradient(135deg, #198cff, #6619ff); } .ax-bg-primary.ax-gradient-180 { background: linear-gradient(180deg, #198cff, #6619ff); } .ax-bg-primary.ax-gradient-225 { background: linear-gradient(225deg, #198cff, #6619ff); } .ax-bg-primary.ax-gradient-270 { background: linear-gradient(270deg, #198cff, #6619ff); } .ax-bg-primary.ax-gradient-315 { background: linear-gradient(315deg, #198cff, #6619ff); } .ax-bg-primary.ax-gradient-360 { background: linear-gradient(360deg, #198cff, #6619ff); } .ax-bg-secondary.ax-gradient-0 { background: linear-gradient(0deg, #475b66, #63a0be); } .ax-bg-secondary.ax-gradient, .ax-bg-secondary.ax-gradient-45 { background: linear-gradient(45deg, #475b66, #63a0be); } .ax-bg-secondary.ax-gradient-90 { background: linear-gradient(90deg, #475b66, #63a0be); } .ax-bg-secondary.ax-gradient-135 { background: linear-gradient(135deg, #475b66, #63a0be); } .ax-bg-secondary.ax-gradient-180 { background: linear-gradient(180deg, #475b66, #63a0be); } .ax-bg-secondary.ax-gradient-225 { background: linear-gradient(225deg, #475b66, #63a0be); } .ax-bg-secondary.ax-gradient-270 { background: linear-gradient(270deg, #475b66, #63a0be); } .ax-bg-secondary.ax-gradient-315 { background: linear-gradient(315deg, #475b66, #63a0be); } .ax-bg-secondary.ax-gradient-360 { background: linear-gradient(360deg, #475b66, #63a0be); } .ax-bg-success.ax-gradient-0 { background: linear-gradient(0deg, #41a358, #b2d956); } .ax-bg-success.ax-gradient, .ax-bg-success.ax-gradient-45 { background: linear-gradient(45deg, #41a358, #b2d956); } .ax-bg-success.ax-gradient-90 { background: linear-gradient(90deg, #41a358, #b2d956); } .ax-bg-success.ax-gradient-135 { background: linear-gradient(135deg, #41a358, #b2d956); } .ax-bg-success.ax-gradient-180 { background: linear-gradient(180deg, #41a358, #b2d956); } .ax-bg-success.ax-gradient-225 { background: linear-gradient(225deg, #41a358, #b2d956); } .ax-bg-success.ax-gradient-270 { background: linear-gradient(270deg, #41a358, #b2d956); } .ax-bg-success.ax-gradient-315 { background: linear-gradient(315deg, #41a358, #b2d956); } .ax-bg-success.ax-gradient-360 { background: linear-gradient(360deg, #41a358, #b2d956); } .ax-bg-danger.ax-gradient-0 { background: linear-gradient(0deg, #dc3545, #ffc000); } .ax-bg-danger.ax-gradient, .ax-bg-danger.ax-gradient-45 { background: linear-gradient(45deg, #dc3545, #ffc000); } .ax-bg-danger.ax-gradient-90 { background: linear-gradient(90deg, #dc3545, #ffc000); } .ax-bg-danger.ax-gradient-135 { background: linear-gradient(135deg, #dc3545, #ffc000); } .ax-bg-danger.ax-gradient-180 { background: linear-gradient(180deg, #dc3545, #ffc000); } .ax-bg-danger.ax-gradient-225 { background: linear-gradient(225deg, #dc3545, #ffc000); } .ax-bg-danger.ax-gradient-270 { background: linear-gradient(270deg, #dc3545, #ffc000); } .ax-bg-danger.ax-gradient-315 { background: linear-gradient(315deg, #dc3545, #ffc000); } .ax-bg-danger.ax-gradient-360 { background: linear-gradient(360deg, #dc3545, #ffc000); } .ax-bg-warning.ax-gradient-0 { background: linear-gradient(0deg, #ffc107, #ffde7a); } .ax-bg-warning.ax-gradient, .ax-bg-warning.ax-gradient-45 { background: linear-gradient(45deg, #ffc107, #ffde7a); } .ax-bg-warning.ax-gradient-90 { background: linear-gradient(90deg, #ffc107, #ffde7a); } .ax-bg-warning.ax-gradient-135 { background: linear-gradient(135deg, #ffc107, #ffde7a); } .ax-bg-warning.ax-gradient-180 { background: linear-gradient(180deg, #ffc107, #ffde7a); } .ax-bg-warning.ax-gradient-225 { background: linear-gradient(225deg, #ffc107, #ffde7a); } .ax-bg-warning.ax-gradient-270 { background: linear-gradient(270deg, #ffc107, #ffde7a); } .ax-bg-warning.ax-gradient-315 { background: linear-gradient(315deg, #ffc107, #ffde7a); } .ax-bg-warning.ax-gradient-360 { background: linear-gradient(360deg, #ffc107, #ffde7a); } .ax-bg-info.ax-gradient-0 { background: linear-gradient(0deg, #14ccc9, #2c7be6); } .ax-bg-info.ax-gradient, .ax-bg-info.ax-gradient-45 { background: linear-gradient(45deg, #14ccc9, #2c7be6); } .ax-bg-info.ax-gradient-90 { background: linear-gradient(90deg, #14ccc9, #2c7be6); } .ax-bg-info.ax-gradient-135 { background: linear-gradient(135deg, #14ccc9, #2c7be6); } .ax-bg-info.ax-gradient-180 { background: linear-gradient(180deg, #14ccc9, #2c7be6); } .ax-bg-info.ax-gradient-225 { background: linear-gradient(225deg, #14ccc9, #2c7be6); } .ax-bg-info.ax-gradient-270 { background: linear-gradient(270deg, #14ccc9, #2c7be6); } .ax-bg-info.ax-gradient-315 { background: linear-gradient(315deg, #14ccc9, #2c7be6); } .ax-bg-info.ax-gradient-360 { background: linear-gradient(360deg, #14ccc9, #2c7be6); } .ax-bg-ad.ax-gradient-0 { background: linear-gradient(0deg, #ff8400, #ffdd23); } .ax-bg-ad.ax-gradient, .ax-bg-ad.ax-gradient-45 { background: linear-gradient(45deg, #ff8400, #ffdd23); } .ax-bg-ad.ax-gradient-90 { background: linear-gradient(90deg, #ff8400, #ffdd23); } .ax-bg-ad.ax-gradient-135 { background: linear-gradient(135deg, #ff8400, #ffdd23); } .ax-bg-ad.ax-gradient-180 { background: linear-gradient(180deg, #ff8400, #ffdd23); } .ax-bg-ad.ax-gradient-225 { background: linear-gradient(225deg, #ff8400, #ffdd23); } .ax-bg-ad.ax-gradient-270 { background: linear-gradient(270deg, #ff8400, #ffdd23); } .ax-bg-ad.ax-gradient-315 { background: linear-gradient(315deg, #ff8400, #ffdd23); } .ax-bg-ad.ax-gradient-360 { background: linear-gradient(360deg, #ff8400, #ffdd23); } /*svg loading*/ .ax-loading { height: 2.8rem; width: 2.8rem; margin: auto; } .ax-loading svg { transform-origin: center center; animation: rotate360 2s linear infinite; height: 100%; width: 100%; } .ax-loading circle { fill: none; stroke-width: 0.2rem; stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: loading-dash 1.5s ease-in-out infinite, loading-color 6s ease-in-out infinite; stroke-linecap: round; } @keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -3.5rem; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -12.4rem; } } @keyframes loading-color { 100%, 0% { stroke: #dc3545; } 40% { stroke: #198cff; } 66% { stroke: #ff8400; } 80%, 90% { stroke: #41a358; } } .ax-loading i { animation: rotate360 1s linear infinite; background: transparent; box-sizing: border-box; border: 0.2rem solid rgba(25, 140, 255, 0.2); border-bottom-color: #198cff; border-radius: 50%; height: 100%; width: 100%; } .ax-loading.ax-white i { border-color: rgba(255, 255, 255, 0.2); border-bottom-color: #fff; } .ax-waiting { position: relative; } .ax-waiting:after { content: ""; position: absolute; animation: wait 1s infinite steps(3, start); } @keyframes wait { 33.33% { content: "."; } 66.67% { content: ".."; } 100% { content: "..."; } } /*loading btn*/ .ax-btn-loading { width: 1.4rem; height: 1.4rem; margin-right: 0.4rem; background-repeat: no-repeat; background-position: center; background-size: 1.4rem auto; background-image: var(--load-svg); } .ax-btn-loading.ax-gif { background-image: var(--load-gif); } .ax-btn-loading.ax-white, .ax-btn.ax-primary:not(.ax-line) .ax-btn-loading, .ax-btn.ax-seconday:not(.ax-line) .ax-btn-loading, .ax-btn.ax-warning:not(.ax-line) .ax-btn-loading, .ax-btn.ax-info:not(.ax-line) .ax-btn-loading, .ax-btn.ax-danger:not(.ax-line) .ax-btn-loading, .ax-btn.ax-suscess:not(.ax-line) .ax-btn-loading, .ax-btn.ax-ad:not(.ax-line) .ax-btn-loading, .ax-btn.ax-black:not(.ax-line) .ax-btn-loading { background-image: var(--load-svg-w); } /*alert*/ .ax-alert { font-size: 1.4rem; color: #c8990b; line-height: 1.8rem; background-color: #fffaeb; border: 1px solid #f5edd7; border-radius: 0.3rem; padding: calc(0.8rem + 0.1rem) 1.4rem; position: relative; } .ax-alert .ax-close { font-family: 'ax-iconfont'; font-size: 1.4rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; width: calc(3.8rem - 2px); height: calc(3.8rem - 2px); line-height: calc(3.8rem - 2px); transition: all 200ms linear; position: absolute; right: 0; top: 0; } .ax-alert .ax-close:before { content: "close"; width: calc(3.8rem - 2px); height: calc(3.8rem - 2px); } .ax-alert .ax-close:hover { color: rgba(0, 0, 0, 0.8); } .ax-alert .ax-text { flex: auto; } .ax-alert .ax-title { font-weight: bold; margin-bottom: 0.4rem; } .ax-alert .ax-des { font-size: 1.2rem; } .ax-alert.ax-sm { display: flex; justify-content: flex-start; align-items: flex-start; } .ax-alert.ax-sm [class*='font']:first-child { margin-right: 0.8rem; } .ax-alert.ax-lg { display: flex; justify-content: flex-start; align-items: center; } .ax-alert.ax-lg [class*='font']:first-child { font-size: 2.8rem; margin-right: 1.4rem; } .ax-alert.ax-lg .ax-title { font-size: 1.4rem; } .ax-alert.ax-primary { color: #0b72da; background-color: #f0f7ff; border-color: #d7e7f5; } .ax-alert.ax-secondary { color: #383e42; background-color: #f5f8fa; border-color: #dfe3e5; } .ax-alert.ax-success { color: #3b7649; background-color: #edfaf0; border-color: #e1f0e5; } .ax-alert.ax-danger { color: #b22c39; background-color: #fff0f1; border-color: #f0dddf; } .ax-alert.ax-warning { color: #c8990b; background-color: #fffaeb; border-color: #f5edd7; } .ax-alert.ax-ad { color: #c2690a; background-color: #fff5eb; border-color: #f5e7d7; } .ax-alert.ax-info { color: #189593; background-color: #ebfaf9; border-color: #cef0f0; } .ax-alert.ax-light { color: #666666; background-color: rgba(0, 0, 0, 0.02); border-color: #ebebeb; } .ax-alert.ax-borderless { border: none; } .ax-alert.ax-square { border-radius: 0; } /*tag*/ .ax-tag { display: inline-flex; justify-content: flex-start; align-items: center; position: relative; padding: 0 1rem; border: 1px solid #ebebeb; border-radius: 0.3rem; font-size: 1.4rem; line-height: 2.8rem; } .ax-tag i { font-family: arial; font-size: 2.2rem; width: 2.8rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; cursor: pointer; margin-right: -1rem; transition: all 200ms linear; } .ax-tag i:before { content: "\00D7"; } .ax-tag i:hover { color: rgba(0, 0, 0, 0.3); } .ax-tag s { font-family: arial; font-size: 1.4rem; cursor: pointer; color: #b3b3b3; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; text-align: center; border-radius: 1.6rem; text-decoration: none; background-color: #f0f0f0; transition: all 200ms linear; position: absolute; right: -0.8rem; top: -0.8rem; } .ax-tag s:before { content: "\00D7"; } .ax-tag s:hover { color: #666666; } .ax-tag.ax-primary, *.ax-tag.ax-primary:hover { color: #1063b7; background-color: #f0f7ff; border-color: #d7e7f5; } .ax-tag.ax-secondary, *.ax-tag.ax-secondary:hover { color: #2d2e2f; background-color: #f5f8fa; border-color: #dfe3e5; } .ax-tag.ax-success, *.ax-tag.ax-success:hover { color: #355d3f; background-color: #edfaf0; border-color: #e1f0e5; } .ax-tag.ax-danger, *.ax-tag.ax-danger:hover { color: #942c36; background-color: #fff0f1; border-color: #f0dddf; } .ax-tag.ax-warning, *.ax-tag.ax-warning:hover { color: #a6800e; background-color: #fffaeb; border-color: #f5edd7; } .ax-tag.ax-ad, *.ax-tag.ax-ad:hover { color: #a0590e; background-color: #fff5eb; border-color: #f5e7d7; } .ax-tag.ax-info, *.ax-tag.ax-info:hover { color: #187675; background-color: #ebfaf9; border-color: #cef0f0; } .ax-tag.ax-light, *.ax-tag.ax-light:hover { color: #666666; background-color: rgba(0, 0, 0, 0.02); border-color: #ebebeb; } .ax-tag.ax-borderless { border-width: 0; } .ax-tag.ax-square { border-radius: 0; } .ax-tag.ax-round { border-radius: 2.8rem; } /*result*/ .ax-result { font-size: 5.4rem; width: 5.4rem; height: 5.4rem; line-height: 5.4rem; text-align: center; background-repeat: no-repeat; background-position: center; background-size: 5.4rem; margin: auto; display: inline-flex; justify-content: center; align-items: center; } .ax-result *[class*="font"] { font-size: 5.4rem; } .ax-result svg { width: 5.4rem; height: 5.4rem; } .ax-result.ax-success { color: #198cff; } .ax-result.ax-error { color: #dc3545; } .ax-result.ax-warning { color: #ffc107; } .ax-result.ax-info { color: #14ccc9; } .ax-result.ax-question { color: #ff8400; } @keyframes draw-rotate { 100% { stroke-dashoffset: 0; transform: rotate(0deg); } } @keyframes draw-line { 100% { stroke-dashoffset: 0; } } @keyframes draw-circle { 0% { transform: scale(0.7); opacity: 1; } 45% { transform: scale(1.2); opacity: 1; } 80% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @keyframes draw-waiting { 0% { stroke-dasharray: 0, 229; stroke-dashoffset: 0; } 50% { stroke-dasharray: 114, 129; stroke-dashoffset: -57; } 100% { stroke-dasharray: 0, 229; stroke-dashoffset: -228; } } @keyframes draw-waiting2 { 0% { stroke-dasharray: 0, 250; stroke-dashoffset: 0; } 50% { stroke-dasharray: 125, 250; stroke-dashoffset: -62; } 100% { stroke-dasharray: 0, 250; stroke-dashoffset: -249; } } .ax-result .svg-out, .ax-result .svg-in-1:not(.svg-circle), .ax-result .svg-in-2:not(.svg-circle), .ax-result .svg-bg { stroke-width: 3.7253; stroke-linecap: round; stroke-linejoin: round; } .ax-result .svg-line { fill: none; } .ax-result .svg-circle { opacity: 0; } .ax-result svg:not(.svg-success):not(.svg-error):not(.svg-warning):not(.svg-info):not(.svg-question) .svg-bg { stroke: #ebebeb; animation: draw-waiting 1.5s linear infinite; } .svg-success .svg-out { stroke: #198cff; } .svg-success .svg-in-1 { stroke: #198cff; } .svg-success .svg-bg { stroke: #f0f7ff; } .svg-error .svg-out { stroke: #dc3545; } .svg-error .svg-bg { stroke: #fff0f1; } .svg-error .svg-in-1, .svg-error .svg-in-2 { stroke: #dc3545; } .svg-warning .svg-out { stroke: #ffc107; } .svg-warning .svg-in-1 { stroke: #ffc107; } .svg-warning .svg-bg { stroke: #fffaeb; } .svg-warning .svg-circle { fill: #ffc107; } .svg-info .svg-out { stroke: #14ccc9; } .svg-info .svg-in-1 { stroke: #14ccc9; } .svg-info .svg-bg { stroke: #ebfaf9; } .svg-info .svg-circle { fill: #14ccc9; } .svg-question .svg-out { stroke: #ff8400; } .svg-question .svg-in-1 { stroke: #ff8400; } .svg-question .svg-bg { stroke: #fff5eb; } .svg-question .svg-circle { fill: #ff8400; } .svg-success .svg-out { stroke-dasharray: 227 229; stroke-dashoffset: 228; transform-origin: 50% 50%; transform: rotate(-90deg); } .svg-success .svg-in-1 { stroke-dasharray: 49 51; stroke-dashoffset: 50; } .svg-error .svg-out { stroke-dasharray: 227 229; stroke-dashoffset: 228; transform-origin: 50% 50%; transform: rotate(-90deg); } .svg-error .svg-in-1 { stroke-dasharray: 42 44; stroke-dashoffset: -43; } .svg-error .svg-in-2 { stroke-dasharray: 42 44; stroke-dashoffset: -43; } .svg-warning .svg-out { stroke-dasharray: 248 250; stroke-dashoffset: 249; } .svg-warning .svg-in-1 { stroke-dasharray: 30 32; stroke-dashoffset: 31; } .svg-warning .svg-in-2 { transform-origin: 4.33492rem 6.43337rem; } .svg-info .svg-out { stroke-dasharray: 227 229; stroke-dashoffset: 228; transform-origin: 50% 50%; transform: rotate(-90deg); } .svg-info .svg-in-1 { stroke-dasharray: 35 37; stroke-dashoffset: -36; } .svg-info .svg-in-2 { transform-origin: 4.33492rem 2.35856rem; } .svg-question .svg-out { stroke-dasharray: 227 229; stroke-dashoffset: 228; transform-origin: 50% 50%; transform: rotate(-90deg); } .svg-question .svg-in-1 { stroke-dasharray: 59 61; stroke-dashoffset: 60; } .svg-question .svg-in-2 { transform-origin: 4.46612rem 6.05502rem; } /*默认等待*/ .svg-success .svg-out, .svg-error .svg-out, .svg-info .svg-out, .svg-question .svg-out { animation: draw-waiting 1.5s linear infinite; } .svg-warning .svg-out { animation: draw-waiting2 1.5s linear infinite; } /*显示最终结果*/ .ax-result-show .svg-success .svg-out { animation: draw-rotate 800ms ease-out 0ms forwards; } .ax-result-show .svg-success .svg-in-1 { animation: draw-line 400ms ease-out 800ms forwards; } .ax-result-show .svg-error .svg-out { animation: draw-rotate 800ms ease-out 0ms forwards; } .ax-result-show .svg-error .svg-in-1 { animation: draw-line 400ms ease-out 800ms forwards; } .ax-result-show .svg-error .svg-in-2 { animation: draw-line 400ms ease-out 1200ms forwards; } .ax-result-show .svg-warning .svg-out { animation: draw-line 800ms ease-out 0ms forwards; } .ax-result-show .svg-warning .svg-in-1 { animation: draw-line 400ms ease-out 800ms forwards; } .ax-result-show .svg-warning .svg-in-2 { animation: draw-circle 400ms ease-out 1200ms forwards; } .ax-result-show .svg-info .svg-out { animation: draw-rotate 800ms ease-out 0ms forwards; } .ax-result-show .svg-info .svg-in-1 { animation: draw-line 400ms ease-out 1200ms forwards; } .ax-result-show .svg-info .svg-in-2 { animation: draw-circle 400ms ease-out 800ms forwards; } .ax-result-show .svg-question .svg-out { animation: draw-rotate 800ms ease-out 0ms forwards; } .ax-result-show .svg-question .svg-in-1 { animation: draw-line 400ms ease-out 800ms forwards; } .ax-result-show .svg-question .svg-in-2 { animation: draw-circle 400ms ease-out 1200ms forwards; } /*tips before*/ .ax-ace { width: 1.4rem; height: 1.4rem; line-height: 1.4rem; text-align: center; border-radius: 100%; color: #fff; font-family: arial; font-size: 1.2rem; vertical-align: middle; } .ax-ace-success { background-color: #198cff; } .ax-ace-success:before { content: '\221A'; } .ax-ace-error { background-color: #dc3545; } .ax-ace-error:before { content: '\00D7'; } .ax-ace-warning { background-color: #ffc107; } .ax-ace-warning:before { content: '\0021'; } .ax-ace-info { background-color: #14ccc9; } .ax-ace-info:before { content: '\0069'; } .ax-ace-question { background-color: #ff8400; } .ax-ace-question:before { content: '\003F'; } /*menu*/ .ax-menu { width: 22rem; display: block; box-sizing: border-box; } .ax-menu ul { display: none; } .ax-menu li { box-sizing: border-box; position: relative; transition: all 200ms ease-out; } .ax-menu > li { border-bottom: none; } .ax-menu.ax-menu-dark > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ax-menu > li:before { content: ''; width: 0.3rem; height: 0; background-color: #198cff; position: absolute; left: 0; top: 0; z-index: 2; transition: all 200ms ease-out; } .ax-menu li a { color: #333333; height: 4.4rem; line-height: 4.4rem; display: flex; position: relative; transition: all 200ms linear; } .ax-menu.ax-menu-dark li a { color: rgba(255, 255, 255, 0.5); } .ax-menu > li > a { padding-left: 1.4rem; } /*level 1*/ .ax-menu > li > ul > li > a { padding-left: calc(1.4rem*3); } /*level 2*/ .ax-menu > li > ul > li > ul > li > a { padding-left: calc(1.4rem*5); } /*level 3*/ .ax-menu > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*7); } /*level 4*/ .ax-menu > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*9); } /*level 5*/ .ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*11); } /*level 6*/ .ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*13); } /*level 7*/ .ax-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*15); } /*level 8*/ .ax-menu .ax-name { line-height: 1.8rem; display: flex; justify-content: flex-start; align-items: center; flex: auto; width: 0; transition: all 200ms linear; } .ax-menu .ax-legend { color: #666666; width: 2.4rem; text-align: center; margin-right: 0.4rem; transition: all 200ms linear; } .ax-menu.ax-menu-dark .ax-legend { color: rgba(255, 255, 255, 0.5); } .ax-menu .ax-badge { margin-right: 1.4rem; margin-top: calc(2.2rem - 0.8rem); } .ax-menu .ax-dot { margin-right: 1.4rem; margin-top: calc(2.2rem - 0.3rem); } .ax-menu .ax-arrow { width: 3.8rem; text-align: center; color: #ccc; font-size: 1.2rem; transition: all 200ms linear; } .ax-menu span.ax-dot:nth-last-child(2), .ax-menu span.ax-badge:nth-last-child(2) { margin-right: 0; } .ax-menu.ax-menu-dark .ax-arrow { color: rgba(255, 255, 255, 0.2); } .ax-menu .ax-active > a > .ax-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .ax-menu .ax-active { background: transparent; } .ax-menu.ax-menu-dark .ax-selected ul { background-color: rgba(0, 0, 0, 0.1); } .ax-menu .ax-active:before { height: 100%; } .ax-menu li:hover > a .ax-name, .ax-menu li:hover > a .ax-legend, .ax-menu li:hover > a .ax-arrow { color: #198cff; } .ax-menu > li > a .ax-name { font-weight: bold; } .ax-menu.ax-menu-dark > li > a .ax-name { font-weight: normal; } .ax-menu.ax-menu-dark li:hover > a .ax-name, .ax-menu.ax-menu-dark li:hover > a .ax-legend, .ax-menu.ax-menu-dark li:hover > a .ax-arrow { color: #fff; } .ax-menu li:hover > a.ax-selected[aria-disabled="true"] .ax-name, .ax-menu li:hover > a.ax-selected[aria-disabled="true"] .ax-legend { color: #b3b3b3; } .ax-menu li:hover > a.ax-disabled .ax-arrow { color: #ccc; } .ax-menu.ax-menu-dark li:hover > a[aria-disabled="true"] .ax-name, .ax-menu.ax-menu-dark li:hover > a[aria-disabled="true"] .ax-legend, .ax-menu.ax-menu-dark li:hover > a[aria-disabled="true"] .ax-arrow { color: rgba(255, 255, 255, 0.5); } .ax-menu *[aria-expanded="true"], .ax-menu *[aria-expanded="true"] .ax-legend { color: #333333; } .ax-menu *[aria-disabled="true"], .ax-menu *[aria-disabled="true"] .ax-legend { color: #b3b3b3; } .ax-menu.ax-menu-dark *[aria-expanded="true"], .ax-menu.ax-menu-dark *[aria-expanded="true"] .ax-legend { color: rgba(255, 255, 255, 0.5); } .ax-menu.ax-menu-dark *[aria-disabled="true"], .ax-menu.ax-menu-dark *[aria-disabled="true"] .ax-legend { color: #fff; } .ax-menu a.ax-selected[aria-child="false"] { color: #198cff; background-color: rgba(25, 140, 255, 0.06); } .ax-menu.ax-menu-dark a.ax-selected[aria-child="false"] { color: #198cff; background-color: rgba(25, 140, 255, 0.1); } .ax-menu a.ax-selected[aria-child="false"] .ax-legend { color: #198cff; } .ax-menu li:hover > a.ax-selected[aria-child="false"] .ax-name, .ax-menu li:hover > a.ax-selected[aria-child="false"] .ax-legend { color: #198cff; } /*menu style*/ .ax-menu.ax-full { width: 100%; } .ax-menu.ax-no-padding > li:before { display: none; } .ax-menu.ax-no-padding > li > a { padding-left: 0; } .ax-menu.ax-no-padding > li > ul > li > a { padding-left: calc(1.4rem*2); } .ax-menu.ax-no-padding > li > ul > li > ul > li > a { padding-left: calc(1.4rem*4); } .ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*6); } .ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*7); } .ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*10); } .ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*12); } .ax-menu.ax-no-padding > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: calc(1.4rem*14); } .ax-menu.ax-style-dot > li:before, .ax-menu.ax-style-dot > li > a:before { display: none; } .ax-menu.ax-style-dot a.ax-selected[aria-child="false"]:before { width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: #198cff; content: ''; position: absolute; left: calc(1.4rem*2 - 0.4rem); top: calc((4.4rem - 0.5rem)/2); } .ax-menu.ax-style-dot > li > a.ax-selected[aria-child="false"]:before { display: none; } .ax-menu.ax-no-padding.ax-style-dot a.ax-selected[aria-child="false"]:before { left: calc(1.4rem - 0.4rem); } .ax-menu.ax-style-dot > li:before { display: none; } .ax-menu.ax-style-line > li:before { display: none; } .ax-menu.ax-style-line a.ax-selected[aria-child="false"]:before { position: absolute; background-color: #198cff; content: ''; width: 0.2rem; height: 100%; left: 0; top: 0; } /*menu row*/ .ax-menu.ax-menu-row { display: inline-block; width: auto; z-index: 610; } .ax-menu.ax-menu-row li { position: relative; } .ax-menu.ax-menu-row ul { width: 100%; position: absolute; background-color: #fff; box-size: border-box; border: 1px solid #ebebeb; border-radius: 0.3rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .ax-menu.ax-menu-row ul > li:first-child > a { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .ax-menu.ax-menu-row ul > li:last-child > a { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .ax-menu.ax-menu-row .ax-collapse { overflow: inherit; } .ax-menu.ax-menu-row .ax-collapse:not(.ax-show) { display: none; } .ax-menu.ax-menu-row > li { display: inline-block; box-sizing: border-box; width: 18rem; } .ax-menu.ax-menu-row > li li { text-align: left; } .ax-menu.ax-menu-row > li::before { display: none; } .ax-menu.ax-menu-row > li > a > .ax-arrow { transform: rotate(90deg); } .ax-menu.ax-menu-row > li.ax-active > [aria-expand="true"] > .ax-arrow { transform: rotate(270deg); } .ax-menu.ax-menu-row > li > a { display: inline-block; } .ax-menu.ax-menu-row > li > a > span { display: inline-block; } .ax-menu.ax-menu-row > li > a > span.ax-name { flex: none; width: auto; } .ax-menu.ax-menu-row > li > ul { left: -0.1rem; top: calc(100% + 0.6rem); box-sizing: border-box; } .ax-menu.ax-menu-row > li > ul > li ul { right: calc(-100% - 0.1rem - 0.6rem); top: -0.1rem; } .ax-menu.ax-menu-row > li > ul .ax-active > a > .ax-arrow, .ax-menu.ax-menu-row > li > ul [aria-expanded="true"] > .ax-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ax-menu.ax-menu-row > li > a .ax-name { font-weight: normal; line-height: 3.8rem; } .ax-menu.ax-menu-row li a { line-height: 3.8rem; height: 3.8rem; } .ax-menu.ax-menu-row > li li { border-bottom: 1px solid #ebebeb; padding-left: 0; } .ax-menu.ax-menu-row > li a { padding-left: 1.4rem; } .ax-menu.ax-menu-row > li li:hover { background-color: #fafafa; } .ax-menu.ax-menu-row > li ul li:last-child { border-bottom: 0; } .ax-menu.ax-menu-row a.ax-selected[aria-child="false"], .ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover { background-color: #198cff; color: #fff; } .ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover .ax-name, .ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover .ax-legend, .ax-menu.ax-menu-row a.ax-selected[aria-child="false"]:hover .ax-arrow { color: #fff; } .ax-menu.ax-menu-center > li a, .ax-menu.ax-menu-center > li a { padding-left: 0 !important; } .ax-menu.ax-menu-center > li > a, .ax-menu.ax-menu-center > li > a { padding-left: 3.8rem !important; } .ax-menu.ax-menu-center > li { text-align: center; } .ax-menu.ax-menu-center .ax-name { justify-content: center; } .ax-menu.ax-menu-row > li a, .ax-menu > li > a[class*='ax-btn'] { padding-left: 2rem; } .ax-menu a[class*='ax-btn'] .ax-arrow { width: auto; } /*dot & badge*/ .ax-dot { width: 0.8rem; height: 0.8rem; border-radius: 100%; background-color: #dc3545; } .ax-dot.ax-primary { background-color: #198cff; } .ax-dot.ax-secondary { background-color: #475b66; } .ax-dot.ax-success { background-color: #41a358; } .ax-dot.ax-danger { background-color: #dc3545; } .ax-dot.ax-warning { background-color: #ffc107; } .ax-dot.ax-info { background-color: #14ccc9; } .ax-dot.ax-ad { background-color: #ff8400; } .ax-dot.ax-light { background-color: #ebebeb; } .ax-dot.ax-dark { background-color: #333333; } .ax-dot.ax-ignore { background-color: #b3b3b3; } .ax-dot.ax-white { background-color: #fff; } .ax-badge { font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun"; font-weight: normal; font-size: 1.2rem; color: #fff; line-height: 1.6rem; height: 1.6rem; padding: 0 0.5rem; border-radius: 1.6rem; box-sizing: border-box; background-color: #dc3545; } .ax-badge.ax-radius { border-radius: 0.3rem; } .ax-badge.ax-drop { border-radius: 1.6rem 1.6rem 1.6rem 0; } .ax-badge.ax-border { color: #dc3545; line-height: 1.4rem; padding: 0 0.4rem; border-width: 1px; border-style: solid; border-color: #dc3545; background: transparent; } .ax-badge.ax-primary { color: #fff; background-color: #198cff; } .ax-badge.ax-border.ax-primary { border-color: #198cff; color: #198cff; background: transparent; } .ax-badge.ax-secondary { color: #fff; background-color: #475b66; } .ax-badge.ax-border.ax-secondary { color: #475b66; border-color: #475b66; background: transparent; } .ax-badge.ax-success { color: #fff; background-color: #41a358; } .ax-badge.ax-border.ax-success { color: #41a358; border-color: #41a358; background: transparent; } .ax-badge.ax-danger { color: #fff; background-color: #dc3545; } .ax-badge.ax-border.ax-danger { color: #dc3545; border-color: #dc3545; background: transparent; } .ax-badge.ax-warning { color: #333333; background-color: #ffc107; } .ax-badge.ax-border.ax-warning { color: #ffc107; border-color: #ffc107; background: transparent; } .ax-badge.ax-info { color: #fff; background-color: #14ccc9; } .ax-badge.ax-border.ax-info { color: #14ccc9; border-color: #14ccc9; background: transparent; } .ax-badge.ax-ad { color: #fff; background-color: #ff8400; } .ax-badge.ax-border.ax-ad { color: #ff8400; border-color: #ff8400; background: transparent; } .ax-badge.ax-light { color: #666666; background-color: #ebebeb; } .ax-badge.ax-border.ax-light { color: #666666; border-color: #ebebeb; background: transparent; } .ax-badge.ax-dark { color: #fff; background-color: #333333; } .ax-badge.ax-border.ax-dark { color: #333333; border-color: #333333; background: transparent; } .ax-badge.ax-ignore { color: #333333; background-color: #b3b3b3; } .ax-badge.ax-border.ax-ignore { color: #b3b3b3; border-color: #b3b3b3; background: transparent; } .ax-badge.ax-white { color: #333333; background-color: #fff; } .ax-badge.ax-border.ax-white { color: #fff; border-color: #fff; background: transparent; } /*flag*/ .ax-flag { font-size: 1rem; width: 4.2rem; height: 4.2rem; display: block; overflow: hidden; position: absolute; z-index: 3; } .ax-flag i { color: #fff; height: 6rem; width: 6rem; line-height: 10rem; text-align: center; background-color: #198cff; position: absolute; } .ax-flag.ax-left { left: 0; top: 0; } .ax-flag.ax-left i { top: -3rem; left: -3rem; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } .ax-flag.ax-right { right: 0; top: 0; } .ax-flag.ax-right i { top: -3rem; right: -3rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } .ax-flag.ax-primary i { background-color: #198cff; } .ax-flag.ax-secondary i { background-color: #475b66; } .ax-flag.ax-success i { background-color: #41a358; } .ax-flag.ax-danger i { background-color: #dc3545; } .ax-flag.ax-warning i { color: #333333; background-color: #ffc107; } .ax-flag.ax-info i { background-color: #14ccc9; } .ax-flag.ax-ad i { background-color: #ff8400; } .ax-flag.ax-light i { color: #666666; background-color: #ebebeb; } .ax-flag.ax-dark i { color: #fff; background-color: #333333; } .ax-flag.ax-ignore i { color: #999999; background-color: #f0f0f0; } .ax-flag.ax-white i { color: #333333; background-color: #fff; } /*text*/ h1 { font-family: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun"; font-size: 2.8rem; line-height: calc(2.8rem + 1.6rem); } h2 { font-family: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun"; font-size: 2.2rem; line-height: calc(2.2rem + 1.2rem); } h3 { font-family: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun"; font-size: 1.8rem; line-height: calc(1.8rem + 1.2rem); } h4 { font-size: 1.6rem; } h5 { font-size: 1.4rem; } blockquote { background-color: rgba(94, 140, 186, 0.1); padding: 0.5rem 2rem; margin-left: 0; margin-right: 0; margin-bottom: 1.4rem; border-left: 0.4rem solid rgba(94, 140, 186, 0.4); } fieldset { margin: 1.4rem 0; padding: 0 0.8rem; background-color: #fff; border: 1px solid #ebebeb; border-radius: 0; } fieldset legend { font-weight: bold; padding: 0 0.8rem; margin-left: 0.8rem; } fieldset td { padding: 0.4rem; } .ax-article { text-align: left; padding: calc(1.4rem); } .ax-article a:not([class*="ax-btn"]), .ax-article a:not([class*="ax-btn"]):hover { color: #198cff; text-decoration: underline; } .ax-article .ax-text-cancel, .ax-article a.ax-text-cancel, .ax-article .ax-text-cancel a, .ax-article .ax-text-cancel:hover, .ax-article a.ax-text-cancel:hover, .ax-article .ax-text-cancel a:hover { color: #b3b3b3; text-decoration: line-through; margin: 0 0.4rem; cursor: text; } .ax-article a.ax-color-ignore, .ax-article .ax-color-ignore a { color: #b3b3b3; text-decoration: none; } .ax-article a.ax-color-ignore:hover, .ax-article .ax-color-ignore a:hover { color: #b3b3b3; text-decoration: underline; } .ax-article a.ax-color-primary, .ax-article .ax-color-primary a { color: #198cff; text-decoration: none; } .ax-article a.ax-color-primary:hover, .ax-article .ax-color-primary a:hover { color: #198cff; text-decoration: underline; } .ax-article a.ax-color-secondary, .ax-article .ax-color-secondary a { color: #475b66; text-decoration: none; } .ax-article a.ax-color-secondary:hover, .ax-article .ax-color-secondary a:hover { color: #475b66; text-decoration: underline; } .ax-article a.ax-color-success, .ax-article .ax-color-success a { color: #41a358; text-decoration: none; } .ax-article a.ax-color-success:hover, .ax-article .ax-color-success a:hover { color: #41a358; text-decoration: underline; } .ax-article a.ax-color-danger, .ax-article .ax-color-danger a { color: #dc3545; text-decoration: none; } .ax-article a.ax-color-danger:hover, .ax-article .ax-color-danger a:hover { color: #dc3545; text-decoration: underline; } .ax-article a.ax-color-warning, .ax-article .ax-color-warning a { color: #ffc107; text-decoration: none; } .ax-article a.ax-color-warning:hover, .ax-article .ax-color-warning a:hover { color: #ffc107; text-decoration: underline; } .ax-article a.ax-color-info, .ax-article .ax-color-info a { color: #14ccc9; text-decoration: none; } .ax-article a.ax-color-info:hover, .ax-article .ax-color-info a:hover { color: #14ccc9; text-decoration: underline; } .ax-article a.ax-color-ad, .ax-article .ax-color-ad a { color: #ff8400; text-decoration: none; } .ax-article a.ax-color-ad:hover, .ax-article .ax-color-ad a:hover { color: #ff8400; text-decoration: underline; } .ax-article a, .ax-article span { display: inline; } .ax-article img { height: auto !important; width: auto !important; max-width: 100%; } .ax-article video { max-width: 100%; } .ax-article audio { max-width: 100%; } .ax-article ol li { list-style-type: decimal; list-style-position: inside; } .ax-article ul, .ax-article ol { padding-left: calc(1.4rem*3); } .ax-article h2 { border-left: 0.4rem solid rgba(94, 140, 186, 0.4); padding-left: 0.8rem; margin: 1.4rem 0; } .ax-article ul:not(.ax-menu) li { position: relative; padding-left: 1.4rem; } .ax-article ul:not(.ax-menu) li:before { content: ''; position: absolute; left: 0; top: calc(2.8rem/2 - 0.2rem); width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; background-color: #ccc; } /*article alt*/ .ax-good { text-align: center; margin: calc(1.4rem*2) auto; } .ax-good .ax-text { font-size: 1.2rem; color: #666666; width: 100%; line-height: 2.8rem; text-align: center; display: block; position: absolute; left: 0; bottom: -2.8rem; } .ax-good a { line-height: 4.6rem; border-radius: 4.6rem; padding: 0 4.6rem; border: 1px solid #ebebeb; transition: all 100ms linear; position: relative; } .ax-good a:hover { color: #fff; background-color: #198cff; border-color: #198cff; } .ax-good a *[class*='font'] { font-size: 2.2rem; color: #198cff; margin-right: 0.8rem; transition: all 100ms linear; } .ax-good-hover a { color: #fff; background-color: #198cff; border-color: #198cff; } .ax-good-hover a *[class*='font'] { color: #fff; } .ax-good a:hover *[class*='font'] { color: #fff; } .ax-good a .num { font-size: 1.8rem; transition: all 100ms linear; } .ax-good.ax-done a { color: #b3b3b3; } .ax-good.ax-done a *[class*='font'] { color: #b3b3b3; } .ax-good.ax-done a:hover, .ax-good.ax-done a *[class*='font']:hover { color: #b3b3b3; background-color: #fff; border-color: #ebebeb; } /*avatar*/ .ax-avatar { color: #666666; width: 4.4rem; height: 4.4rem; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; border-radius: 0.3rem; box-sizing: border-box; position: relative; display: inline-flex; justify-content: center; align-items: center; text-align: center; } .ax-avatar .ax-dot { box-shadow: 0 0 0 0.2rem #fff; position: absolute; right: -0.2rem; top: -0.2rem; } .ax-avatar .ax-badge { box-shadow: 0 0 0 0.2rem #fff; position: absolute; right: -0.8rem; top: -0.8rem; } .ax-avatar.ax-square { border-radius: 0; } .ax-avatar.ax-round { border-radius: 100%; } .ax-avatar.ax-xxs { font-size: 1.2rem; height: 2.2rem; width: 2.2rem; } .ax-avatar.ax-xs { font-size: 1.2rem; height: calc(3.8rem - 1rem); width: calc(3.8rem - 1rem); } .ax-avatar.ax-sm { font-size: 1.4rem; height: 3.8rem; width: 3.8rem; } .ax-avatar.ax-md { font-size: 1.6rem; height: 4.4rem; width: 4.4rem; } .ax-avatar.ax-lg { font-size: 1.8rem; height: calc(2.8rem*2); width: calc(2.8rem*2); } .ax-avatar.ax-xl { font-size: 2.2rem; height: calc(2.8rem*3); width: calc(2.8rem*3); } .ax-avatar.ax-xxl { font-size: 3.2rem; height: calc(2.8rem*4); width: calc(2.8rem*4); } /*sign*/ .ax-sign { color: #666666; width: 4.4rem; height: 4.4rem; border-radius: 0.3rem; border: 1px solid #666666; box-sizing: border-box; position: relative; display: inline-flex; justify-content: center; align-items: center; text-align: center; } .ax-sign:hover { color: #666666; text-decoration: none !important; } .ax-sign *[class*="font"] { font-size: 1.8rem; } .ax-sign svg { fill: #666666; height: 1.8rem; width: 1.8rem; } .ax-sign img { height: 1.8rem; width: 1.8rem; } .ax-sign .ax-dot { box-shadow: 0 0 0 0.2rem #fff; position: absolute; right: -0.2rem; top: -0.2rem; } .ax-sign .ax-badge { box-shadow: 0 0 0 0.2rem #fff; position: absolute; right: -0.8rem; top: -0.8rem; } .ax-sign.ax-square { border-radius: 0; } .ax-sign.ax-round { border-radius: 100%; } .ax-sign.ax-borderless { border-width: 0; } .ax-sign.ax-xxs { font-size: 1.2rem; height: 2.2rem; width: 2.2rem; } .ax-sign.ax-xxs *[class*="font"] { font-size: 1.2rem; } .ax-sign.ax-xxs svg { height: 1.2rem; width: 1.2rem; } .ax-sign.ax-xxs img { height: 1.2rem; width: 1.2rem; } .ax-sign.ax-xs { font-size: 1.4rem; height: 2.8rem; width: 2.8rem; } .ax-sign.ax-xs *[class*="font"] { font-size: 1.4rem; } .ax-sign.ax-xs svg { height: 1.4rem; width: 1.4rem; } .ax-sign.ax-xs img { height: 1.4rem; width: 1.4rem; } .ax-sign.ax-sm { font-size: 1.6rem; height: 3.8rem; width: 3.8rem; } .ax-sign.ax-sm *[class*="font"] { font-size: 1.6rem; } .ax-sign.ax-sm svg { height: 1.6rem; width: 1.6rem; } .ax-sign.ax-sm img { height: 1.6rem; width: 1.6rem; } .ax-sign.ax-md { font-size: 1.8rem; height: 4.4rem; width: 4.4rem; } .ax-sign.ax-md *[class*="font"] { font-size: 1.8rem; } .ax-sign.ax-md svg { height: 1.8rem; width: 1.8rem; } .ax-sign.ax-md img { height: 1.8rem; width: 1.8rem; } .ax-sign.ax-lg { font-size: 2.8rem; height: calc(2.8rem*2); width: calc(2.8rem*2); } .ax-sign.ax-lg *[class*="font"] { font-size: 2.6rem; } .ax-sign.ax-lg svg { height: 2.6rem; width: 2.6rem; } .ax-sign.ax-lg img { height: 2.6rem; width: 2.6rem; } .ax-sign.ax-xl { font-size: 3.2rem; height: calc(2.8rem*3); width: calc(2.8rem*3); } .ax-sign.ax-xl *[class*="font"] { font-size: 3.2rem; } .ax-sign.ax-xl svg { height: 3.2rem; width: 3.2rem; } .ax-sign.ax-xl img { height: 3.2rem; width: 3.2rem; } .ax-sign.ax-xxl { font-size: 3.8rem; height: calc(2.8rem*4); width: calc(2.8rem*4); } .ax-sign.ax-xxl *[class*="font"] { font-size: 4.4rem; } .ax-sign.ax-xxl svg { height: 4.4rem; width: 4.4rem; } .ax-sign.ax-xxl img { height: 4.4rem; width: 4.4rem; } .ax-sign.ax-color-primary { border-color: #198cff; } .ax-sign.ax-color-secondary { border-color: #475b66; } .ax-sign.ax-color-success { border-color: #41a358; } .ax-sign.ax-color-danger { border-color: #dc3545; } .ax-sign.ax-color-warning { border-color: #ffc107; } .ax-sign.ax-color-info { border-color: #14ccc9; } .ax-sign.ax-color-ad { border-color: #ff8400; } .ax-sign.ax-color-title { border-color: #333333; } .ax-sign.ax-color-des { border-color: #666666; } .ax-sign.ax-color-ignore { border-color: #b3b3b3; } .ax-sign.ax-bglit { color: #666666; border-color: #666666; background-color: #f5f5f5; } .ax-sign.ax-bglit-primary { color: #198cff; border-color: #198cff; } .ax-sign.ax-bglit-secondary { color: #475b66; border-color: #475b66; } .ax-sign.ax-bglit-success { color: #41a358; border-color: #41a358; } .ax-sign.ax-bglit-danger { color: #dc3545; border-color: #dc3545; } .ax-sign.ax-bglit-warning { color: #ffc107; border-color: #ffc107; } .ax-sign.ax-bglit-info { color: #14ccc9; border-color: #14ccc9; } .ax-sign.ax-bglit-ad { color: #ff8400; border-color: #ff8400; } .ax-sign.ax-bglit-title { color: #333333; border-color: #333333; } .ax-sign.ax-bg { color: #fff; border-width: 0; background-color: #666666; } .ax-sign[class*="-bg-"] { color: #fff; border-width: 0; } .ax-sign.ax-bg svg, .ax-sign[class*="-bg-"] svg { fill: #fff; } /*buoy*/ .ax-buoy { font-size: 1.2rem; color: #333333; height: calc(3.8rem - 1.6rem); line-height: 2.2rem; text-decoration: none; text-align: center; border-radius: 0.3rem; background-color: #fff; position: relative; box-sizing: border-box; transition: all 100ms linear; } .ax-buoy:after { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; border-width: 1px; border-style: solid; width: 100%; height: 100%; border-radius: 0.3rem; border-color: #ebebeb; transition: border-color 100ms linear; } .ax-buoy > i:first-child { color: #666666; background-color: #fafafa; padding: 0 0.6rem; border-right: 1px solid #ebebeb; border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; position: relative; display: inline-flex; justify-content: center; align-items: center; transition: all 100ms linear; } .ax-buoy.ax-reverse > i:first-child { background-color: #fff; } .ax-buoy.ax-reverse > i:last-child { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .ax-buoy > i:first-child [class*="font"] { font-size: 1.2rem; margin-right: 0.4rem; transition: all 100ms linear; } .ax-buoy > i.ax-icon [class*="font"] { margin-right: 0; } .ax-buoy > i:first-child svg { fill: #666666; height: 1.2rem; margin-right: 0.4rem; transition: all 100ms linear; } .ax-buoy > i:last-child { padding: 0 0.6rem; transition: all 100ms linear; } .ax-buoy.ax-reverse > i:last-child { background-color: #fafafa; } .ax-buoy.ax-more > i:first-child:after { content: ''; width: 0.5rem; height: 0.5rem; margin-left: 0.4rem; margin-top: -0.1rem; background: linear-gradient(135deg, transparent 50%, #666666 50%, #666666 100%); transform: rotate(45deg); transition: all 100ms linear; } .ax-buoy:not(.ax-reverse) > i:first-child:hover { color: #b3b3b3; } .ax-buoy:not(.ax-reverse) > i:first-child:hover svg { fill: #b3b3b3; } .ax-buoy:not(.ax-reverse) > i:first-child:hover:after { background: linear-gradient(135deg, transparent 50%, #b3b3b3 50%, #b3b3b3 100%); } .ax-buoy.ax-primary { color: #198cff; } .ax-buoy.ax-success { color: #41a358; } .ax-buoy.ax-danger { color: #dc3545; } .ax-buoy.ax-warning { color: #ffc107; } .ax-buoy.ax-info { color: #14ccc9; } .ax-buoy.ax-ad { color: #ff8400; } .ax-buoy.ax-dark { color: #333333; } .ax-buoy.ax-primary:not(.ax-reverse) > i:first-child { background-color: #198cff; } .ax-buoy.ax-primary.ax-reverse > i:last-child { background-color: #198cff; } .ax-buoy.ax-primary:after { border-color: #198cff; } .ax-buoy.ax-success:not(.ax-reverse) > i:first-child { background-color: #41a358; } .ax-buoy.ax-success.ax-reverse > i:last-child { background-color: #41a358; } .ax-buoy.ax-success:after { border-color: #41a358; } .ax-buoy.ax-danger:not(.ax-reverse) > i:first-child { background-color: #dc3545; } .ax-buoy.ax-danger.ax-reverse > i:last-child { background-color: #dc3545; } .ax-buoy.ax-danger:after { border-color: #dc3545; } .ax-buoy.ax-warning:not(.ax-reverse) > i:first-child { background-color: #ffc107; } .ax-buoy.ax-warning.ax-reverse > i:last-child { background-color: #ffc107; } .ax-buoy.ax-warning:after { border-color: #ffc107; } .ax-buoy.ax-info:not(.ax-reverse) > i:first-child { background-color: #14ccc9; } .ax-buoy.ax-info.ax-reverse > i:last-child { background-color: #14ccc9; } .ax-buoy.ax-info:after { border-color: #14ccc9; } .ax-buoy.ax-ad:not(.ax-reverse) > i:first-child { background-color: #ff8400; } .ax-buoy.ax-ad.ax-reverse > i:last-child { background-color: #ff8400; } .ax-buoy.ax-ad:after { border-color: #ff8400; } .ax-buoy.ax-dark > i:first-child { background-color: #333333; } .ax-buoy.ax-dark.ax-reverse > i:last-child { background-color: #333333; } .ax-buoy.ax-dark:after { border-color: #333333; } .ax-buoy.ax-primary > i:first-child, .ax-buoy.ax-success > i:first-child, .ax-buoy.ax-danger > i:first-child, .ax-buoy.ax-warning > i:first-child, .ax-buoy.ax-info > i:first-child, .ax-buoy.ax-ad > i:first-child, .ax-buoy.ax-dark > i:first-child { border-width: 0; } .ax-buoy.ax-primary:not(.ax-reverse) > i:first-child, .ax-buoy.ax-success:not(.ax-reverse) > i:first-child, .ax-buoy.ax-danger:not(.ax-reverse) > i:first-child, .ax-buoy.ax-warning:not(.ax-reverse) > i:first-child, .ax-buoy.ax-info:not(.ax-reverse) > i:first-child, .ax-buoy.ax-ad:not(.ax-reverse) > i:first-child, .ax-buoy.ax-dark:not(.ax-reverse) > i:first-child { color: #fff; } .ax-buoy.ax-primary:not(.ax-reverse) > i:first-child svg, .ax-buoy.ax-success:not(.ax-reverse) > i:first-child svg, .ax-buoy.ax-danger:not(.ax-reverse) > i:first-child svg, .ax-buoy.ax-warning:not(.ax-reverse) > i:first-child svg, .ax-buoy.ax-info:not(.ax-reverse) > i:first-child svg, .ax-buoy.ax-ad:not(.ax-reverse) > i:first-child svg, .ax-buoy.ax-dark:not(.ax-reverse) > i:first-child svg { fill: #fff; } .ax-buoy.ax-primary.ax-more:not(.ax-reverse) > i:first-child:after, .ax-buoy.ax-success.ax-more:not(.ax-reverse) > i:first-child:after, .ax-buoy.ax-danger.ax-more:not(.ax-reverse) > i:first-child:after, .ax-buoy.ax-warning.ax-more:not(.ax-reverse) > i:first-child:after, .ax-buoy.ax-info.ax-more:not(.ax-reverse) > i:first-child:after, .ax-buoy.ax-ad.ax-more:not(.ax-reverse) > i:first-child::after, .ax-buoy.ax-dark.ax-more:not(.ax-reverse) > i:first-child:after { background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%); } .ax-buoy.ax-primary:not(.ax-reverse) > i:first-child:hover, .ax-buoy.ax-success:not(.ax-reverse) > i:first-child:hover, .ax-buoy.ax-danger:not(.ax-reverse) > i:first-child:hover, .ax-buoy.ax-warning:not(.ax-reverse) > i:first-child:hover, .ax-buoy.ax-info:not(.ax-reverse) > i:first-child:hover, .ax-buoy.ax-ad:not(.ax-reverse) > i:first-child:hover, .ax-buoy.ax-dark:not(.ax-reverse) > i:first-child:hover { color: rgba(255, 255, 255, 0.6); } .ax-buoy.ax-primary:not(.ax-reverse) > i:first-child:hover svg, .ax-buoy.ax-success:not(.ax-reverse) > i:first-child:hover svg, .ax-buoy.ax-danger:not(.ax-reverse) > i:first-child:hover svg, .ax-buoy.ax-warning:not(.ax-reverse) > i:first-child:hover svg, .ax-buoy.ax-info:not(.ax-reverse) > i:first-child:hover svg, .ax-buoy.ax-ad:not(.ax-reverse) > i:first-child:hover svg, .ax-buoy.ax-dark:not(.ax-reverse) > i:first-child:hover svg { fill: rgba(255, 255, 255, 0.6); } .ax-buoy.ax-primary.ax-more:not(.ax-reverse) > i:first-child:hover:after, .ax-buoy.ax-success.ax-more:not(.ax-reverse) > i:first-child:hover:after, .ax-buoy.ax-danger.ax-more:not(.ax-reverse) > i:first-child:hover:after, .ax-buoy.ax-warning.ax-more:not(.ax-reverse) > i:first-child:hover:after, .ax-buoy.ax-info.ax-more:not(.ax-reverse) > i:first-child:hover:after, .ax-buoy.ax-ad.ax-more:not(.ax-reverse) > i:first-child:hover:after, .ax-buoy.ax-dark.ax-more:not(.ax-reverse) > i:first-child:hover:after { background: linear-gradient(135deg, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 100%); } .ax-buoy.ax-sm { height: 1.8rem; line-height: 1.8rem; } .ax-buoy.ax-sm > i { padding: 0 0.4rem; } .ax-buoy.ax-md { height: 2.2rem; line-height: 2.2rem; } .ax-buoy.ax-md > i { padding: 0 0.6rem; } .ax-buoy.ax-lg { height: 2.8rem; line-height: 2.8rem; } .ax-buoy.ax-lg > i { padding: 0 1rem; } .ax-buoy.ax-borderless:after { display: none; } .ax-buoy.ax-primary.ax-reverse > i:first-child { color: #198cff; } .ax-buoy.ax-primary.ax-reverse > i:first-child svg { fill: #198cff; } .ax-buoy.ax-more.ax-primary.ax-reverse > i:first-child:after { background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%); } .ax-buoy.ax-success.ax-reverse > i:first-child { color: #41a358; } .ax-buoy.ax-success.ax-reverse > i:first-child svg { fill: #41a358; } .ax-buoy.ax-more.ax-success.ax-reverse > i:first-child:after { background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%); } .ax-buoy.ax-danger.ax-reverse > i:first-child { color: #dc3545; } .ax-buoy.ax-danger.ax-reverse > i:first-child svg { fill: #dc3545; } .ax-buoy.ax-more.ax-danger.ax-reverse > i:first-child:after { background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%); } .ax-buoy.ax-warning.ax-reverse > i:first-child { color: #ffc107; } .ax-buoy.ax-warning.ax-reverse > i:first-child svg { fill: #ffc107; } .ax-buoy.ax-more.ax-warning.ax-reverse > i:first-child:after { background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%); } .ax-buoy.ax-info.ax-reverse > i:first-child { color: #14ccc9; } .ax-buoy.ax-info.ax-reverse > i:first-child svg { fill: #14ccc9; } .ax-buoy.ax-more.ax-info.ax-reverse > i:first-child:after { background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%); } .ax-buoy.ax-ad.ax-reverse > i:first-child { color: #ff8400; } .ax-buoy.ax-ad.ax-reverse > i:first-child svg { fill: #ff8400; } .ax-buoy.ax-more.ax-ad.ax-reverse > i:first-child:after { background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%); } .ax-buoy.ax-dark.ax-reverse > i:first-child { color: #333333; } .ax-buoy.ax-dark.ax-reverse > i:first-child svg { fill: #333333; } .ax-buoy.ax-more.ax-dark.ax-reverse > i:first-child:after { background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%); } .ax-buoy.ax-primary.ax-reverse > i:last-child, .ax-buoy.ax-success.ax-reverse > i:last-child, .ax-buoy.ax-danger.ax-reverse > i:last-child, .ax-buoy.ax-warning.ax-reverse > i:last-child, .ax-buoy.ax-info.ax-reverse > i:last-child, .ax-buoy.ax-ad.ax-reverse > i:last-child, .ax-buoy.ax-dark.ax-reverse > i:last-child { color: #fff; } .ax-buoy.ax-reverse > i:last-child:hover { color: #666666; } .ax-buoy.ax-primary.ax-reverse > i:last-child:hover, .ax-buoy.ax-success.ax-reverse > i:last-child:hover, .ax-buoy.ax-danger.ax-reverse > i:last-child:hover, .ax-buoy.ax-warning.ax-reverse > i:last-child:hover, .ax-buoy.ax-info.ax-reverse > i:last-child:hover, .ax-buoy.ax-ad.ax-reverse > i:last-child:hover, .ax-buoy.ax-dark.ax-reverse > i:last-child:hover { color: rgba(255, 255, 255, 0.6); } /*comment*/ .ax-comment { background-color: #fff; font-size: 1.4rem; } .ax-comment .ax-item { box-sizing: border-box; display: flex; padding: 2.2rem 0; } .ax-comment .ax-item .ax-avatar { margin-right: 1.2rem; } .ax-comment .ax-item .ax-text { display: block; flex: auto; width: 0; } .ax-comment .ax-item .ax-reply { color: #666666; font-size: 1.2rem; line-height: 1.8rem; border-left: 1px solid #ccc; padding: 0.4rem 0 0.4rem 1rem; margin: 1rem 0; } .ax-comment .ax-item .ax-reply .ax-reply { padding: 0 0 0 1rem; } .ax-comment .ax-item .ax-reply a, .ax-comment .ax-item .ax-reply span { display: inline; } .ax-comment .ax-item .ax-row01 { line-height: 1.8rem; } .ax-comment .ax-item .ax-name { color: #666666; } .ax-comment .ax-item a.ax-name:hover { color: #198cff; } .ax-comment .ax-item .ax-time { color: #ccc; font-size: 1.2rem; } .ax-comment .ax-item .ax-floor { color: #b3b3b3; font-size: 1.2rem; } .ax-comment .ax-item .ax-row02 { line-height: 2.2rem; margin: 0.4rem auto 1rem auto; } .ax-comment .ax-item .ax-row02 span { display: inline; } .ax-comment .ax-item .ax-row02 a, .ax-comment .ax-item .ax-reply a { color: #198cff; } .ax-comment .ax-item .ax-row03 .ax-action { margin-left: 1.4rem; color: #666666; } .ax-comment .ax-item .ax-row03 .ax-action *[class*="font"] { color: #666666; margin-right: 0.4rem; } .ax-comment .ax-item .ax-row03 .ax-action:hover { color: #198cff; } .ax-comment .ax-item .ax-row03 .ax-action:hover *[class*="font"] { color: #198cff; } .ax-comment .ax-item.ax-more { line-height: 4.4rem; } .ax-comment .ax-item.ax-more .ax-avatar { background: transparent; } /*from*/ .ax-from { color: #666666; font-size: 1.4rem; width: 100%; box-sizing: border-box; display: flex; zoom: 1; } .ax-from .ax-left { display: block; flex: auto; width: 0; position: relative; } .ax-from a:not([class*='ax-btn']) { color: #666666; } .ax-from .ax-avatar { margin-right: 0.8rem; } /*author*/ .ax-author { font-size: 1.4rem; width: 100%; box-sizing: border-box; display: flex; zoom: 1; } .ax-author .ax-left { line-height: 2.2rem; display: block; flex: auto; width: 0; position: relative; } .ax-author .ax-right { color: #666666; } .ax-author .ax-des { font-size: 1.2rem; color: #666666; } .ax-author a:not([class*='ax-btn']) { color: #666666; } .ax-author .ax-avatar { margin-right: 0.8rem; } /*share*/ .ax-share { text-align: center; margin: calc(1.4rem*2) auto; } .ax-share a { margin: 0 0.8rem; } /*button*/ .ax-btn { font-size: 1.4rem; color: #333333; height: 3.8rem; line-height: 3.8rem; text-decoration: none; text-align: center; border-radius: 0.3rem; background-color: #fff; padding: 0 2rem; display: inline-flex; justify-content: center; align-items: center; position: relative; box-sizing: border-box; transition: all 100ms linear; } button.ax-btn { font-size: 1.4rem; height: 3.8rem; line-height: calc(3.8rem - 0.4rem); text-decoration: none; border-radius: 0.3rem; cursor: pointer; background-color: #fff; padding: 0 2rem; border: 1px solid rgba(0, 0, 0, 0.12); } input.ax-btn { font-size: 1.4rem; height: 3.8rem; line-height: calc(3.8rem - 0.4rem); text-decoration: none; border-radius: 0.3rem; cursor: pointer; background-color: #fff; padding: 0 2rem; border: 1px solid rgba(0, 0, 0, 0.12); display: inline-block; } .ax-btn:not(button):after { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; border-width: 1px; border-style: solid; width: 100%; height: 100%; border-radius: 0.3rem; border-color: rgba(0, 0, 0, 0.12); transition: border-color 100ms linear; } /**/ .ax-btn.ax-line { background: transparent; } button.ax-btn.ax-line { background-color: #fff; } input.ax-btn.ax-line { background-color: #fff; } .ax-btn.ax-line:not(button):after { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; border-width: 1px; border-style: solid; width: 100%; height: 100%; border-radius: 0.3rem; border-color: rgba(0, 0, 0, 0.12); transition: border-color 100ms linear; } .ax-btn.ax-text { background: transparent !important; border: none !important; } .ax-btn.ax-text:after { display: none !important; } .ax-btn.ax-text:hover { box-shadow: none !important; } /**/ .ax-btn *[class*="font"], .ax-btn img, .ax-btn.ax-line *[class*="font"], .ax-btn.ax-line img, .ax-btn.ax-text *[class*="font"], .ax-btn.ax-text img { transition: all 100ms linear; margin-right: 0.4rem; } .ax-btn.ax-xxs *[class*="font"] { font-size: 1.2rem; margin-right: 0; } .ax-btn.ax-xs *[class*="font"] { font-size: 1.2rem; margin-right: 0; } .ax-btn.ax-sm *[class*="font"] { font-size: 1.2rem; } .ax-btn.ax-lg *[class*="font"] { font-size: 2.2rem; } .ax-btn *[class*="font"].ax-at-right, .ax-btn img.ax-at-right, .ax-btn.ax-line *[class*="font"].ax-at-right, .ax-btn.ax-line img.ax-at-right, .ax-btn.ax-text *[class*="font"].ax-at-right, .ax-btn.ax-text img.ax-at-right { margin-right: 0; margin-left: 0.4rem; } .ax-btn *[class*="font"].ax-at-left, .ax-btn img.ax-at-left, .ax-btn.ax-line *[class*="font"].ax-at-left, .ax-btn.ax-line img.ax-at-left, .ax-btn.ax-text *[class*="font"].ax-at-left, .ax-btn.ax-text img.ax-at-left { margin-left: 0; margin-right: 0.4rem; } .ax-btn.ax-xxs { font-size: 1.2rem; height: 1.8rem; line-height: 1.8rem; padding: 0 0.4rem; } button.ax-btn.ax-xxs { font-size: 1.2rem; height: 1.8rem; line-height: calc(1.8rem - 0.4rem); padding: 0 0.4rem; } input.ax-btn.ax-xxs { font-size: 1.2rem; height: 1.8rem; line-height: calc(1.8rem - 0.4rem); padding: 0 0.4rem; } .ax-btn.ax-xs { font-size: 1.2rem; height: 2.2rem; line-height: 2.2rem; padding: 0 0.6rem; } button.ax-btn.ax-xs { font-size: 1.2rem; height: 2.2rem; line-height: 1.8rem; padding: 0 0.6rem; } input.ax-btn.ax-xs { font-size: 1.2rem; height: 2.2rem; line-height: 1.8rem; padding: 0 0.6rem; } .ax-btn.ax-sm { font-size: 1.2rem; height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); padding: 0 1rem; } button.ax-btn.ax-sm { font-size: 1.2rem; height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1.4rem); padding: 0 1rem; } input.ax-btn.ax-sm { font-size: 1.2rem; height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1.4rem); padding: 0 1rem; } .ax-btn.ax-lg { font-size: 1.6rem; height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); padding: 0 3rem; } button.ax-btn.ax-lg { font-size: 1.6rem; height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 0.6rem); padding: 0 3rem; } input.ax-btn.ax-lg { font-size: 1.6rem; height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 0.6rem); padding: 0 3rem; } .ax-btn.ax-round, .ax-btn.ax-round:after, .ax-btn.ax-line.ax-round, .ax-btn.ax-line.ax-round:after { border-radius: 3.8rem; } .ax-btn.ax-xxs.ax-round, .ax-btn.ax-xxs.ax-round:after { border-radius: 1.8rem; } .ax-btn.ax-xs.ax-round, .ax-btn.ax-xs.ax-round:after { border-radius: 2.2rem; } .ax-btn.ax-sm.ax-round, .ax-btn.ax-sm.ax-round:after { border-radius: calc(3.8rem - 1rem); } .ax-btn.ax-lg.ax-round, .ax-btn.ax-lg.ax-round:after { border-radius: calc(3.8rem + 1rem); } .ax-btn.ax-circle, .ax-btn.ax-circle:after, .ax-btn.ax-line.ax-circle, .ax-btn.ax-line.ax-circle:after { padding: 0; border-radius: 3.8rem; width: 3.8rem; text-align: center; } .ax-btn.ax-xxs.ax-circle, .ax-btn.ax-xxs.ax-circle:after { padding: 0; border-radius: 1.8rem; width: 1.8rem; } .ax-btn.ax-xs.ax-circle, .ax-btn.ax-xs.ax-circle:after { padding: 0; border-radius: 2.2rem; width: 2.2rem; } .ax-btn.ax-sm.ax-circle, .ax-btn.ax-sm.ax-circle:after { padding: 0; border-radius: calc(3.8rem - 1rem); width: calc(3.8rem - 1rem); } .ax-btn.ax-lg.ax-circle, .ax-btn.ax-lg.ax-circle:after { padding: 0; border-radius: calc(3.8rem + 1rem); width: calc(3.8rem + 1rem); } .ax-btn.ax-circle *[class*='font'], .ax-btn.ax-line.ax-circle *[class*='font'], .ax-btn-text.ax-circle *[class*='font'], .ax-btn.ax-circle svg, .ax-btn.ax-line.ax-circle svg, .ax-btn-text.ax-circle svg, .ax-btn.ax-circle img, .ax-btn.ax-line.ax-circle img, .ax-btn-text.ax-circle img { margin: 0; } .ax-btn.ax-long, input.ax-btn.ax-long, button.ax-btn.ax-long { width: 12rem; padding-left: 0; padding-right: 0; } .ax-btn.ax-longer, input.ax-btn.ax-longer, button.ax-btn.ax-longer { width: 20rem; padding-left: 0; padding-right: 0; } .ax-btn.ax-longest, input.ax-btn.ax-longest, button.ax-btn.ax-longest { width: 24rem; padding-left: 0; padding-right: 0; } .ax-btn.ax-long.ax-xs, input.ax-btn.ax-long.ax-xs, button.ax-btn.ax-long.ax-xs { width: 6rem; } .ax-btn.ax-longer.ax-xs, input.ax-btn.ax-longer.ax-xs, button.ax-btn.ax-longer.ax-xs { width: 8rem; } .ax-btn.ax-longest.ax-xs, input.ax-btn.ax-longest.ax-xs, button.ax-btn.ax-longest.ax-xs { width: 12rem; } .ax-btn.ax-long.ax-sm, input.ax-btn.ax-long.ax-sm, button.ax-btn.ax-long.ax-sm { width: 8rem; } .ax-btn.ax-longer.ax-sm, input.ax-btn.ax-longer.ax-sm, button.ax-btn.ax-longer.ax-sm { width: 12rem; } .ax-btn.ax-longest.ax-sm, input.ax-btn.ax-longest.ax-sm, button.ax-btn.ax-longest.ax-sm { width: 18rem; } .ax-btn.ax-long.ax-lg, input.ax-btn.ax-long.ax-lg, button.ax-btn.ax-long.ax-lg { width: 16rem; padding-left: 0; padding-right: 0; } .ax-btn.ax-longer.ax-lg, input.ax-btn.ax-longer.ax-lg, button.ax-btn.ax-longer.ax-lg { width: 24rem; padding-left: 0; padding-right: 0; } .ax-btn.ax-longest.ax-lg, input.ax-btn.ax-longest.ax-lg, button.ax-btn.ax-longest.ax-lg { width: 28rem; padding-left: 0; padding-right: 0; } .ax-btn.ax-full { width: 100%; text-align: center; } input.ax-margin-lr, button.ax-margin-lr { width: calc(100% - (1.4rem * 2)); } input.ax-margin-left, button.ax-margin-right { width: calc(100% - 1.4rem); } /*type icon*/ .ax-btn.ax-icon { color: rgba(0, 0, 0, 0.5); width: 3.8rem; text-align: center; } .ax-btn.ax-icon [class*="font"] { margin: 0; } .ax-btn.ax-icon img { margin: 0; width: 1.8rem; height: 1.8rem; } .ax-btn.ax-icon:not(.ax-xs):not(.ax-sm):not(.ax-lg) [class*="font"] { font-size: 1.8rem; } .ax-btn.ax-icon.ax-xs [class*="font"] { font-size: 1.2rem; } .ax-btn.ax-icon.ax-xs img { width: 1.2rem; height: 1.2rem; } .ax-btn.ax-icon.ax-sm [class*="font"] { font-size: 1.2rem; } .ax-btn.ax-icon.ax-sm img { width: 1.2rem; height: 1.2rem; } .ax-btn.ax-icon.ax-lg [class*="font"] { font-size: 2.2rem; } .ax-btn.ax-icon.ax-lg img { width: 2.2rem; height: 2.2rem; } .ax-btn.ax-icon, button.ax-btn.ax-icon { padding: 0; } .ax-btn.ax-icon.ax-xxs { width: 1.8rem; } .ax-btn.ax-icon.ax-xs { width: 2.2rem; } .ax-btn.ax-icon.ax-sm { width: calc(3.8rem - 1rem); } .ax-btn.ax-icon.ax-lg { width: calc(3.8rem + 1rem); } /*btn active hover*/ .ax-btn:hover { color: #198cff; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.2); background-color: #ffffff; } .ax-btn:hover:after { border-color: #198cff; } input.ax-btn:hover, button.ax-btn:hover { border-color: #198cff; } .ax-btn:active { color: rgba(25, 140, 255, 0.6); background-color: #fafcff; } .ax-btn.ax-line:hover { color: #198cff; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.2); background-color: #ffffff; } .ax-btn.ax-line:hover:after { border-color: #198cff; } input.ax-btn.ax-line:hover, button.ax-btn.ax-line:hover { border-color: #198cff; } .ax-btn.ax-line:active { color: rgba(25, 140, 255, 0.6); } .ax-btn.ax-text:hover { color: #198cff; text-decoration: underline; } .ax-btn.ax-text:active { color: rgba(25, 140, 255, 0.6); } /*btn foucus*/ .ax-btn:not(:active):focus { box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); } .ax-btn:not(:active).ax-primary:focus { box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); } .ax-btn:not(:active).ax-secondary:focus { box-shadow: 0 0 0 0.3rem rgba(71, 91, 102, 0.2); } .ax-btn:not(:active).ax-success:focus { box-shadow: 0 0 0 0.3rem rgba(65, 163, 88, 0.2); } .ax-btn:not(:active).ax-danger:focus { box-shadow: 0 0 0 0.3rem rgba(220, 53, 69, 0.2); } .ax-btn:not(:active).ax-warning:focus { box-shadow: 0 0 0 0.3rem rgba(255, 193, 7, 0.2); } .ax-btn:not(:active).ax-info:focus { box-shadow: 0 0 0 0.3rem rgba(20, 204, 201, 0.2); } .ax-btn:not(:active).ax-ad:focus { box-shadow: 0 0 0 0.3rem rgba(255, 132, 0, 0.2); } .ax-btn:not(:active).ax-black:focus { box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.12); } /*btn color*/ .ax-btn.ax-primary, .ax-btn.ax-reverse.ax-primary { color: #fff; background-color: #198cff; } .ax-btn.ax-primary *[class*="font"], .ax-btn.ax-reverse.ax-primary *[class*="font"] { color: #fff; } .ax-btn.ax-primary:hover, .ax-btn.ax-reverse.ax-primary:hover { color: #fff; background-color: #2d96ff; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.5); } .ax-btn.ax-primary:hover:after { border-color: rgba(0, 0, 0, 0.12); } input.ax-btn.ax-primary:hover, button.ax-btn.ax-primary:hover { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-primary:active, .ax-btn.ax-reverse.ax-primary:active { color: rgba(255, 255, 255, 0.6); background-color: #0072e5; } .ax-btn.ax-primary:active *[class*="font"], .ax-btn.ax-primary:active img, .ax-btn.ax-reverse.ax-primary:active *[class*="font"], .ax-btn.ax-reverse.ax-primary:active img { opacity: 0.6; } .ax-btn.ax-line.ax-primary, .ax-btn.ax-line.ax-primary *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-primary, .ax-btn.ax-reverse.ax-line.ax-primary *[class*="font"] { color: #198cff; background: transparent; } .ax-btn.ax-line.ax-primary:hover, .ax-btn.ax-reverse.ax-line.ax-primary:hover { color: #198cff; background-color: rgba(25, 140, 255, 0.1); box-shadow: 0.2rem 0.2rem 1rem 0 rgba(25, 140, 255, 0.2); } .ax-btn.ax-line.ax-primary:after, .ax-btn.ax-reverse.ax-line.ax-primary:after { border-color: #198cff; } input.ax-btn.ax-line.ax-primary:hover, button.ax-btn.ax-line.ax-primary:hover { border-color: #198cff; } .ax-btn.ax-line.ax-primary:active, .ax-btn.ax-reverse.ax-line.ax-primary:active { opacity: 0.6; } .ax-btn.ax-line.ax-primary *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-primary *[class*="font"] { color: #198cff; } input.ax-btn.ax-line.ax-primary, button.ax-btn.ax-line.ax-primary, input.ax-btn.ax-reverse.ax-line.ax-primary, button.ax-btn.ax-reverse.ax-line.ax-primary { border-color: #198cff; } .ax-btn.ax-text.ax-primary, .ax-btn.ax-text.ax-primary:hover, .ax-btn.ax-text.ax-reverse.ax-primary, .ax-btn.ax-text.ax-reverse.ax-primary:hover { color: #198cff; } .ax-btn.ax-text.ax-primary:active, .ax-btn.ax-text.ax-reverse.ax-primary:active { opacity: 0.6; } .ax-btn.ax-text.ax-primary *[class*="font"], .ax-btn.ax-text.ax-reverse.ax-primary *[class*="font"] { color: #198cff; } /**/ .ax-btn.ax-secondary, .ax-btn.ax-reverse.ax-secondary { color: #fff; background-color: #475b66; } .ax-btn.ax-secondary *[class*="font"], .ax-btn.ax-reverse.ax-secondary *[class*="font"] { color: #fff; } .ax-btn.ax-secondary:hover, .ax-btn.ax-reverse.ax-secondary:hover { color: #fff; background-color: #4f6672; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(71, 91, 102, 0.5); } .ax-btn.ax-secondary:hover:after { border-color: rgba(0, 0, 0, 0.12); } input.ax-btn.ax-secondary:hover, button.ax-btn.ax-secondary:hover { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-secondary:active, .ax-btn.ax-reverse.ax-secondary:active { color: rgba(255, 255, 255, 0.6); background-color: #324048; } .ax-btn.ax-secondary:active *[class*="font"], .ax-btn.ax-secondary:active img, .ax-btn.ax-reverse.ax-secondary:active *[class*="font"], .ax-btn.ax-reverse.ax-secondary:active img { opacity: 0.6; } .ax-btn.ax-line.ax-secondary, .ax-btn.ax-reverse.ax-line.ax-secondary { color: #475b66; background: transparent; } .ax-btn.ax-line.ax-secondary *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-secondary *[class*="font"] { color: #475b66; } .ax-btn.ax-line.ax-secondary:hover, .ax-btn.ax-reverse.ax-line.ax-secondary:hover { color: #475b66; background-color: rgba(71, 91, 102, 0.1); box-shadow: 0.2rem 0.2rem 1rem 0 rgba(71, 91, 102, 0.2); } input.ax-btn.ax-line.ax-secondary:hover, button.ax-btn.ax-line.ax-secondary:hover { border-color: #475b66; } .ax-btn.ax-line.ax-secondary:after, .ax-btn.ax-reverse.ax-line.ax-secondary:after { border-color: #475b66; } .ax-btn.ax-line.ax-secondary:active, .ax-btn.ax-reverse.ax-line.ax-secondary:active { opacity: 0.6; } input.ax-btn.ax-line.ax-secondary, button.ax-btn.ax-line.ax-secondary, input.ax-btn.ax-reverse.ax-line.ax-secondary, button.ax-btn.ax-reverse.ax-line.ax-secondary { border-color: #475b66; } .ax-btn.ax-text.ax-secondary, .ax-btn.ax-text.ax-secondary:hover, .ax-btn.ax-reverse.ax-text.ax-secondary, .ax-btn.ax-reverse.ax-text.ax-secondary:hover { color: #475b66; } .ax-btn.ax-text.ax-secondary:active, .ax-btn.ax-reverse.ax-text.ax-secondary:active { opacity: 0.6; } .ax-btn.ax-text.ax-secondary *[class*="font"], .ax-btn.ax-reverse.ax-text.ax-secondary *[class*="font"] { color: #475b66; } /**/ .ax-btn.ax-success, .ax-btn.ax-reverse.ax-success { color: #fff; background-color: #41a358; } .ax-btn.ax-success *[class*="font"], .ax-btn.ax-reverse.ax-success *[class*="font"] { color: #fff; } .ax-btn.ax-success:hover, .ax-btn.ax-reverse.ax-success:hover { color: #fff; background-color: #47b260; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(65, 163, 88, 0.5); } .ax-btn.ax-success:hover:after { border-color: rgba(0, 0, 0, 0.12); } input.ax-btn.ax-success:hover, button.ax-btn.ax-success:hover { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-success:active, .ax-btn.ax-reverse.ax-success:active { background-color: #327f44; color: rgba(255, 255, 255, 0.6); } .ax-btn.ax-success:active *[class*="font"], .ax-btn.ax-success:active img, .ax-btn.ax-reverse.ax-success:active *[class*="font"], .ax-btn.ax-reverse.ax-success:active img { opacity: 0.6; } .ax-btn.ax-line.ax-success, .ax-btn.ax-reverse.ax-line.ax-success { color: #41a358; background: transparent; } .ax-btn.ax-line.ax-success *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-success *[class*="font"] { color: #41a358; } .ax-btn.ax-line.ax-success:hover, .ax-btn.ax-reverse.ax-line.ax-success:hover { color: #41a358; background-color: rgba(65, 163, 88, 0.1); box-shadow: 0.2rem 0.2rem 1rem 0 rgba(65, 163, 88, 0.2); } .ax-btn.ax-line.ax-success:after, .ax-btn.ax-reverse.ax-line.ax-success:after { border-color: #41a358; } input.ax-btn.ax-line.ax-success:hover, button.ax-btn.ax-line.ax-success:hover { border-color: #41a358; } .ax-btn.ax-line.ax-success:active, .ax-btn.ax-reverse.ax-line.ax-success:active { opacity: 0.6; } input.ax-btn.ax-line.ax-success, button.ax-btn.ax-line.ax-success, input.ax-btn.ax-reverse.ax-line.ax-success, button.ax-btn.ax-reverse.ax-line.ax-success { border-color: #41a358; } .ax-btn.ax-text.ax-success, .ax-btn.ax-text.ax-success:hover, .ax-btn.ax-reverse.ax-text.ax-success, .ax-btn.ax-reverse.ax-text.ax-success:hover { color: #41a358; } .ax-btn.ax-text.ax-success:active, .ax-btn.ax-reverse.ax-text.ax-success:active { opacity: 0.6; } .ax-btn.ax-text.ax-success *[class*="font"], .ax-btn.ax-reverse.ax-text.ax-success *[class*="font"] { color: #41a358; } /**/ .ax-btn.ax-danger, .ax-btn.ax-reverse.ax-danger { background-color: #dc3545; color: #fff; } .ax-btn.ax-danger *[class*="font"], .ax-btn.ax-reverse.ax-danger *[class*="font"] { color: #fff; } .ax-btn.ax-danger:hover, .ax-btn.ax-reverse.ax-danger:hover { color: #fff; background-color: #df4655; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(220, 53, 69, 0.5); } .ax-btn.ax-danger:hover:after { border-color: rgba(0, 0, 0, 0.12); } input.ax-btn.ax-success:hover, button.ax-btn.ax-success:hover { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-danger:active, .ax-btn.ax-reverse.ax-danger:active { color: rgba(255, 255, 255, 0.6); background-color: #bd2130; } .ax-btn.ax-danger:active *[class*="font"], .ax-btn.ax-danger:active img, .ax-btn.ax-reverse.ax-danger:active *[class*="font"], .ax-btn.ax-reverse.ax-danger:active img { opacity: 0.6; } .ax-btn.ax-line.ax-danger, .ax-btn.ax-line.ax-danger *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-danger, .ax-btn.ax-reverse.ax-line.ax-danger *[class*="font"] { color: #dc3545; background: transparent; } .ax-btn.ax-line.ax-danger:hover, .ax-btn.ax-reverse.ax-line.ax-danger:hover { color: #dc3545; background-color: rgba(220, 53, 69, 0.1); box-shadow: 0.2rem 0.2rem 1rem 0 rgba(220, 53, 69, 0.2); } .ax-btn.ax-line.ax-danger:after, .ax-btn.ax-reverse.ax-line.ax-danger:after { border-color: #dc3545; } input.ax-btn.ax-line.ax-line.ax-success:hover, button.ax-btn.ax-line.ax-line.ax-success:hover { border-color: #dc3545; } .ax-btn.ax-line.ax-danger:active, .ax-btn.ax-reverse.ax-line.ax-danger:active { opacity: 0.6; } input.ax-btn.ax-line.ax-danger, button.ax-btn.ax-line.ax-danger, input.ax-btn.ax-reverse.ax-line.ax-danger, button.ax-btn.ax-reverse.ax-line.ax-danger { border-color: #dc3545; } .ax-btn.ax-text.ax-danger, .ax-btn.ax-text.ax-danger:hover, .ax-btn.ax-reverse.ax-text.ax-danger, .ax-btn.ax-reverse.ax-text.ax-danger:hover { color: #dc3545; } .ax-btn.ax-text.ax-danger:active, .ax-btn.ax-reverse.ax-text.ax-danger:active { opacity: 0.6; } .ax-btn.ax-text.ax-danger *[class*="font"], .ax-btn.ax-reverse.ax-text.ax-danger *[class*="font"] { color: #dc3545; } /**/ .ax-btn.ax-warning, .ax-btn.ax-reverse.ax-warning { color: #333333; background-color: #ffc107; } .ax-btn.ax-warning *[class*="font"], .ax-btn.ax-reverse.ax-warning *[class*="font"] { color: #333333; } .ax-btn.ax-warning:hover, .ax-btn.ax-reverse.ax-warning:hover { color: #333333; background-color: #ffc61b; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 193, 7, 0.5); } .ax-btn.ax-warning:hover:after { border-color: rgba(0, 0, 0, 0.12); } input.ax-btn.ax-warning:hover, button.ax-btn.ax-warning:hover { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-warning:active, .ax-btn.ax-reverse.ax-warning:active { color: rgba(0, 0, 0, 0.5); background-color: #d39e00; } .ax-btn.ax-warning:active *[class*="font"], .ax-btn.ax-warning:active img, .ax-btn.ax-reverse.ax-warning:active *[class*="font"], .ax-btn.ax-reverse.ax-warning:active img { opacity: 0.6; } .ax-btn.ax-line.ax-warning, .ax-btn.ax-reverse.ax-line.ax-warning { color: #ffc107; background: transparent; } .ax-btn.ax-line.ax-warning *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-warning *[class*="font"] { color: #ffc107; } .ax-btn.ax-line.ax-warning:hover, .ax-btn.ax-reverse.ax-line.ax-warning:hover { color: #ffc107; background-color: rgba(255, 193, 7, 0.1); box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 193, 7, 0.2); } .ax-btn.ax-line.ax-warning:after, .ax-btn.ax-reverse.ax-line.ax-warning:after { border-color: #ffc107; } input.ax-btn.ax-line.ax-warning:hover, button.ax-btn.ax-line.ax-warning:hover { border-color: #ffc107; } .ax-btn.ax-line.ax-warning:active, .ax-btn.ax-reverse.ax-line.ax-warning:active { opacity: 0.6; } input.ax-btn.ax-line.ax-warning, button.ax-btn.ax-line.ax-warning, input.ax-btn.ax-reverse.ax-line.ax-warning, button.ax-btn.ax-reverse.ax-line.ax-warning { border-color: #ffc107; } .ax-btn.ax-text.ax-warning, .ax-btn.ax-text.ax-warning:hover, .ax-btn.ax-reverse.ax-text.ax-warning, .ax-btn.ax-reverse.ax-text.ax-warning:hover { color: #ffc107; } .ax-btn.ax-text.ax-warning:active, .ax-btn.ax-reverse.ax-text.ax-warning:active { opacity: 0.6; } .ax-btn.ax-text.ax-warning *[class*="font"], .ax-btn.ax-reverse.ax-text.ax-warning *[class*="font"] { color: #ffc107; } /**/ .ax-btn.ax-info, .ax-btn.ax-reverse.ax-info { background-color: #14ccc9; color: #fff; } .ax-btn.ax-info *[class*="font"], .ax-btn.ax-reverse.ax-info *[class*="font"] { color: #fff; } .ax-btn.ax-info:hover, .ax-btn.ax-reverse.ax-info:hover { color: #fff; background-color: #16dfdb; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(20, 204, 201, 0.5); } .ax-btn.ax-info:hover:after { border-color: rgba(0, 0, 0, 0.12); } input.ax-btn.ax-info:hover, button.ax-btn.ax-info:hover { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-info:active, .ax-btn.ax-reverse.ax-info:active { color: rgba(255, 255, 255, 0.6); background-color: #0f9e9b; } .ax-btn.ax-info:active *[class*="font"], .ax-btn.ax-info:active img, .ax-btn.ax-reverse.ax-info:active *[class*="font"], .ax-btn.ax-reverse.ax-info:active img { opacity: 0.6; } .ax-btn.ax-line.ax-info, .ax-btn.ax-reverse.ax-line.ax-info { color: #14ccc9; background: transparent; } .ax-btn.ax-line.ax-info *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-info *[class*="font"] { color: #14ccc9; } .ax-btn.ax-line.ax-info:hover, .ax-btn.ax-reverse.ax-line.ax-info:hover { color: #14ccc9; background-color: rgba(20, 204, 201, 0.1); box-shadow: 0.2rem 0.2rem 1rem 0 rgba(20, 204, 201, 0.2); } .ax-btn.ax-line.ax-info:after, .ax-btn.ax-reverse.ax-line.ax-info:after { border-color: #14ccc9; } input.ax-btn.ax-line.ax-info:hover, button.ax-btn.ax-line.ax-info:hover { border-color: #14ccc9; } .ax-btn.ax-line.ax-info:active, .ax-btn.ax-reverse.ax-line.ax-info:active { opacity: 0.6; } input.ax-btn.ax-line.ax-info, button.ax-btn.ax-line.ax-info, input.ax-btn.ax-reverse.ax-line.ax-info, button.ax-btn.ax-reverse.ax-line.ax-info { border-color: #14ccc9; } .ax-btn.ax-text.ax-info, .ax-btn.ax-text.ax-info:hover, .ax-btn.ax-reverse.ax-text.ax-info, .ax-btn.ax-reverse.ax-text.ax-info:hover { color: #14ccc9; } .ax-btn.ax-text.ax-info:active, .ax-btn.ax-reverse.ax-text.ax-info:active { opacity: 0.6; } .ax-btn.ax-text.ax-info *[class*="font"], .ax-btn.ax-reverse.ax-text.ax-info *[class*="font"] { color: #14ccc9; } /**/ .ax-btn.ax-ad, .ax-btn.ax-reverse.ax-ad { background-color: #ff8400; color: #fff; } .ax-btn.ax-ad *[class*="font"], .ax-btn.ax-reverse.ax-ad *[class*="font"] { color: #fff; } .ax-btn.ax-ad:hover, .ax-btn.ax-reverse.ax-ad:hover { background-color: #ff8e14; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 132, 0, 0.5); color: #fff; } .ax-btn.ax-ad:hover:after { border-color: rgba(0, 0, 0, 0.12); } input.ax-btn.ax-ad:hover, button.ax-btn.ax-ad:hover { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-ad:active, .ax-btn.ax-reverse.ax-ad:active { color: rgba(255, 255, 255, 0.6); background-color: #cc6a00; } .ax-btn.ax-ad:active *[class*="font"], .ax-btn.ax-ad:active img, .ax-btn.ax-reverse.ax-ad:active *[class*="font"], .ax-btn.ax-reverse.ax-ad:active img { opacity: 0.6; } .ax-btn.ax-line.ax-ad, .ax-btn.ax-reverse.ax-line.ax-ad { color: #ff8400; background: transparent; } .ax-btn.ax-line.ax-ad *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-ad *[class*="font"] { color: #ff8400; } .ax-btn.ax-line.ax-ad:hover, .ax-btn.ax-reverse.ax-line.ax-ad:hover { color: #ff8400; background-color: rgba(255, 132, 0, 0.1); box-shadow: 0.2rem 0.2rem 1rem 0 rgba(255, 132, 0, 0.2); } .ax-btn.ax-line.ax-ad:after, .ax-btn.ax-reverse.ax-line.ax-ad:after { border-color: #ff8400; } input.ax-btn.ax-line.ax-ad:hover, button.ax-btn.ax-line.ax-ad:hover { border-color: #ff8400; } .ax-btn.ax-line.ax-ad:active, .ax-btn.ax-reverse.ax-line.ax-ad:active { opacity: 0.6; } input.ax-btn.ax-line.ax-ad, button.ax-btn.ax-line.ax-ad, input.ax-btn.ax-reverse.ax-line.ax-ad, button.ax-btn.ax-reverse.ax-line.ax-ad { border-color: #ff8400; } .ax-btn.ax-text.ax-ad, .ax-btn.ax-text.ax-ad:hover, .ax-btn.ax-reverse.ax-text.ax-ad, .ax-btn.ax-reverse.ax-text.ax-ad:hover { color: #ff8400; } .ax-btn.ax-text.ax-ad:active, .ax-btn.ax-reverse.ax-text.ax-ad:active { opacity: 0.6; } .ax-btn.ax-text.ax-ad *[class*="font"], .ax-btn.ax-reverse.ax-text.ax-ad *[class*="font"] { color: #ff8400; } /**/ .ax-btn.ax-ignore { color: #999999; background-color: #f0f0f0; } .ax-btn.ax-ignore *[class*="font"] { color: #999999; } .ax-btn.ax-ignore:hover { background-color: #fafafa; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(0, 0, 0, 0.1); } .ax-btn.ax-ignore:hover:after { border-color: rgba(0, 0, 0, 0.12); } input.ax-btn.ax-ignore:hover, button.ax-btn.ax-ignore:hover { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-ignore:active { background-color: #e6e6e6; } .ax-btn.ax-line.ax-ignore { color: #999999; background: transparent; } .ax-btn.ax-line.ax-ignore *[class*="font"] { color: #999999; } .ax-btn.ax-line.ax-ignore:hover { box-shadow: 0.2rem 0.2rem 1rem 0 rgba(0, 0, 0, 0.1); background-color: rgba(179, 179, 179, 0.1); } .ax-btn.ax-line.ax-ignore:after { border-color: #ccc; } input.ax-btn.ax-line.ax-ignore:hover, button.ax-btn.ax-line.ax-ignore:hover { border-color: #ccc; } .ax-btn.ax-line.ax-ignore:active { opacity: 0.6; } input.ax-btn.ax-line.ax-info, button.ax-btn.ax-line.ax-info { border-color: #ccc; } .ax-btn.ax-text.ax-ignore, .ax-btn.ax-text.ax-ignore:hover { color: #ccc; } .ax-btn.ax-text.ax-ignore:active { opacity: 0.6; } .ax-btn.ax-text.ax-ignore *[class*="font"] { color: #ccc; } /**/ .ax-btn.ax-black, .ax-btn.ax-reverse.ax-black { background-color: #333333; color: #fff; } .ax-btn.ax-black *[class*="font"], .ax-btn.ax-reverse.ax-black *[class*="font"] { color: #fff; } .ax-btn.ax-black:hover, .ax-btn.ax-reverse.ax-black:hover { background-color: #666666; box-shadow: 0.2rem 0.2rem 1rem 0 rgba(51, 51, 51, 0.5); } .ax-btn.ax-black:hover:after { border-color: rgba(0, 0, 0, 0.12); } input.ax-btn.ax-black:hover, button.ax-btn.ax-black:hover { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-black:active, .ax-btn.ax-reverse.ax-black:active { color: rgba(255, 255, 255, 0.6); background-color: #262626; } .ax-btn.ax-black:active *[class*="font"], .ax-btn.ax-black:active img, .ax-btn.ax-reverse.ax-black:active *[class*="font"], .ax-btn.ax-reverse.ax-black:active img { opacity: 0.6; } .ax-btn.ax-line.ax-black, .ax-btn.ax-reverse.ax-line.ax-black { color: #333333; background: transparent; border-color: #333333; } .ax-btn.ax-line.ax-black *[class*="font"], .ax-btn.ax-reverse.ax-line.ax-black *[class*="font"] { color: #333333; } .ax-btn.ax-line.ax-black:hover, .ax-btn.ax-reverse.ax-line.ax-black:hover { background-color: rgba(179, 179, 179, 0.2); box-shadow: 0.2rem 0.2rem 1rem 0 rgba(51, 51, 51, 0.2); } .ax-btn.ax-line.ax-black:after, .ax-btn.ax-reverse.ax-line.ax-black:after { border-color: #333333; } input.ax-btn.ax-line.ax-black:hover, button.ax-btn.ax-line.ax-black:hover { border-color: #333333; } .ax-btn.ax-line.ax-black:active, .ax-btn.ax-reverse.ax-line.ax-black:active { opacity: 0.6; } input.ax-btn.ax-line.ax-black, button.ax-btn.ax-line.ax-black, input.ax-btn.ax-reverse.ax-line.ax-black, button.ax-btn.ax-reverse.ax-line.ax-black { border-color: #333333; } .ax-btn.ax-text.ax-black, .ax-btn.ax-text.ax-black:hover, .ax-btn.ax-reverse.ax-text.ax-black, .ax-btn.ax-reverse.ax-text.ax-black:hover { color: #333333; } .ax-btn.ax-text.ax-black:active, .ax-btn.ax-reverse.ax-text.ax-black:active { opacity: 0.6; } .ax-btn.ax-text.ax-black *[class*="font"], .ax-btn.ax-reverse.ax-text.ax-black *[class*="font"] { color: #333333; } /**/ .ax-btn.ax-reverse, .ax-btn.ax-line.ax-reverse { background: transparent; color: #fff; } input.ax-reverse.ax-btn, button.ax-reverse.ax-btn, input.ax-reverse.ax-btn.ax-line, button.ax-reverse.ax-btn.ax-line { border-color: #fff; } .ax-btn.ax-reverse:after, .ax-btn.ax-reverse.ax-line:after { border-color: #fff; } .ax-btn.ax-reverse:hover { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .ax-btn.ax-reverse:active { opacity: 0.6; } input.ax-reverse.ax-btn.ax-ignore, button.ax-reverse.ax-btn.ax-ignore, input.ax-reverse.ax-btn.ax-ignore.ax-line, button.ax-reverse.ax-btn.ax-ignore.ax-line { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } .ax-btn.ax-reverse.ax-ignore { color: rgba(255, 255, 255, 0.5); } .ax-btn.ax-reverse.ax-ignore *[class*="font"] { color: rgba(255, 255, 255, 0.5); } .ax-btn.ax-reverse.ax-ignore:after { border-color: rgba(255, 255, 255, 0.5); } .ax-btn.ax-reverse.ax-primary:not(.ax-line):after, .ax-btn.ax-reverse.ax-secondary:not(.ax-line):after, .ax-btn.ax-reverse.ax-success:not(.ax-line):after, .ax-btn.ax-reverse.ax-danger:not(.ax-line):after, .ax-btn.ax-reverse.ax-warning:not(.ax-line):after, .ax-btn.ax-reverse.ax-info:not(.ax-line):after, .ax-btn.ax-reverse.ax-ad:not(.ax-line):after, .ax-btn.ax-reverse.ax-black:not(.ax-line):after { display: none; } button.ax-btn.ax-reverse.ax-primary:not(.ax-line), button.ax-btn.ax-reverse.ax-secondary:not(.ax-line), button.ax-btn.ax-reverse.ax-success:not(.ax-line), button.ax-btn.ax-reverse.ax-danger:not(.ax-line), button.ax-btn.ax-reverse.ax-warning:not(.ax-line), button.ax-btn.ax-reverse.ax-info:not(.ax-line), button.ax-btn.ax-reverse.ax-ad:not(.ax-line), button.ax-btn.ax-reverse.ax-black:not(.ax-line) { border-color: transparent; } input.ax-btn.ax-reverse.ax-primary:not(.ax-line), input.ax-btn.ax-reverse.ax-secondary:not(.ax-line), input.ax-btn.ax-reverse.ax-success:not(.ax-line), input.ax-btn.ax-reverse.ax-danger:not(.ax-line), input.ax-btn.ax-reverse.ax-warning:not(.ax-line), input.ax-btn.ax-reverse.ax-info:not(.ax-line), input.ax-btn.ax-reverse.ax-ad:not(.ax-line), input.ax-btn.ax-reverse.ax-black:not(.ax-line) { border-color: transparent; } /*btn disable*/ .ax-btn.ax-disabled, .ax-btn.ax-disabled:hover, .ax-btn.ax-line.ax-disabled, .ax-btn.ax-line.ax-disabled:hover { color: #333333; cursor: not-allowed; box-shadow: none; opacity: 0.3; text-decoration: none; } .ax-btn.ax-disabled:after, .ax-btn.ax-line.ax-disabled:after, .ax-btn.ax-disabled:hover:after, .ax-btn.ax-line.ax-disabled:hover:after { border-color: #ccc; } .ax-btn.ax-disabled:hover *, .ax-btn.ax-disabled:active *, .ax-btn.ax-line.ax-disabled:hover *, .ax-btn.ax-line.ax-disabled:active *, .ax-btn.ax-text.ax-disabled:hover *, .ax-btn.ax-text.ax-disabled:active * { opacity: 1; box-shadow: none; cursor: not-allowed; } .ax-btn.ax-reverse.ax-disabled, .ax-btn.ax-reverse.ax-line.ax-disabled { background: transparent; color: rgba(255, 255, 255, 0.5); } .ax-btn.ax-reverse.ax-disabled:after, .ax-btn.ax-reverse.ax-line.ax-disabled:after { color: rgba(255, 255, 255, 0.5); } .ax-btn.ax-primary.ax-disabled:after, .ax-btn.ax-secondary.ax-disabled:after, .ax-btn.ax-success.ax-disabled:after, .ax-btn.ax-danger.ax-disabled:after, .ax-btn.ax-warning.ax-disabled:after, .ax-btn.ax-info.ax-disabled:after, .ax-btn.ax-ad.ax-disabled:after, .ax-btn.ax-black.ax-disabled:after, .ax-btn.ax-primary.ax-disabled:hover:after, .ax-btn.ax-secondary.ax-disabled:hover:after, .ax-btn.ax-success.ax-disabled:hover:after, .ax-btn.ax-danger.ax-disabled:hover:after, .ax-btn.ax-warning.ax-disabled:hover:after, .ax-btn.ax-info.ax-disabled:hover:after, .ax-btn.ax-ad.ax-disabled:hover:after, .ax-btn.ax-black.ax-disabled:hover:after { border-color: rgba(0, 0, 0, 0.12); } .ax-btn.ax-primary.ax-disabled, .ax-btn.ax-primary.ax-disabled:hover, .ax-btn.ax-primary.ax-disabled:active { color: #fff; background-color: #198cff; } .ax-btn.ax-secondary.ax-disabled, .ax-btn.ax-secondary.ax-disabled:hover, .ax-btn.ax-secondary.ax-disabled:active { color: #fff; background-color: #475b66; } .ax-btn.ax-success.ax-disabled, .ax-btn.ax-success.ax-disabled:hover, .ax-btn.ax-success.ax-disabled:active { color: #fff; background-color: #41a358; } .ax-btn.ax-danger.ax-disabled, .ax-btn.ax-danger.ax-disabled:hover, .ax-btn.ax-danger.ax-disabled:active { color: #fff; background-color: #dc3545; } .ax-btn.ax-warning.ax-disabled, .ax-btn.ax-warning.ax-disabled:hover, .ax-btn.ax-warning.ax-disabled:active { color: #333333; background-color: #ffc107; } .ax-btn.ax-info.ax-disabled, .ax-btn.ax-info.ax-disabled:hover, .ax-btn.ax-info.ax-disabled:active { color: #fff; background-color: #14ccc9; } .ax-btn.ax-ad.ax-disabled, .ax-btn.ax-ad.ax-disabled:hover, .ax-btn.ax-ad.ax-disabled:active { color: #fff; background-color: #ff8400; } .ax-btn.ax-ignore.ax-disabled, .ax-btn.ax-ignore.ax-disabled:hover, .ax-btn.ax-ignore.ax-disabled:active { color: rgba(102, 102, 102, 0.8); background-color: #f0f0f0; } .ax-btn.ax-black.ax-disabled, .ax-btn.ax-black.ax-disabled:hover, .ax-btn.ax-black.ax-disabled:active { color: #fff; background-color: #333333; } .ax-btn.ax-line.ax-primary.ax-disabled, .ax-btn.ax-line.ax-primary.ax-disabled:hover, .ax-btn.ax-line.ax-primary.ax-disabled:active { color: #198cff; background: transparent; opacity: 0.3; } .ax-btn.ax-line.ax-primary.ax-disabled:after, .ax-btn.ax-line.ax-primary.ax-disabled:hover:after { border-color: #198cff; } .ax-btn.ax-line.ax-secondary.ax-disabled, .ax-btn.ax-line.ax-secondary.ax-disabled:hover, .ax-btn.ax-line.ax-secondary.ax-disabled:active { color: #475b66; background: transparent; opacity: 0.3; } .ax-btn.ax-line.ax-secondary.ax-disabled:after, .ax-btn.ax-line.ax-secondary.ax-disabled:hover:after { border-color: #475b66; } .ax-btn.ax-line.ax-success.ax-disabled, .ax-btn.ax-line.ax-success.ax-disabled:hover, .ax-btn.ax-line.ax-success.ax-disabled:active { color: #41a358; background: transparent; opacity: 0.3; } .ax-btn.ax-line.ax-success.ax-disabled:after, .ax-btn.ax-line.ax-success.ax-disabled:hover:after { border-color: #41a358; } .ax-btn.ax-line.ax-danger.ax-disabled, .ax-btn.ax-line.ax-danger.ax-disabled:hover, .ax-btn.ax-line.ax-danger.ax-disabled:active { color: #dc3545; background: transparent; opacity: 0.3; } .ax-btn.ax-line.ax-danger.ax-disabled:after, .ax-btn.ax-line.ax-danger.ax-disabled:hover:after { border-color: #dc3545; } .ax-btn.ax-line.ax-warning.ax-disabled, .ax-btn.ax-line.ax-warning.ax-disabled:hover, .ax-btn.ax-line.ax-warning.ax-disabled:active { color: #ffc107; background: transparent; opacity: 0.3; } .ax-btn.ax-line.ax-warning.ax-disabled:after, .ax-btn.ax-line.ax-warning.ax-disabled:hover:after { border-color: #ffc107; } .ax-btn.ax-line.ax-info.ax-disabled, .ax-btn.ax-line.ax-info.ax-disabled:hover, .ax-btn.ax-line.ax-info.ax-disabled:active { color: #14ccc9; background: transparent; opacity: 0.3; } .ax-btn.ax-line.ax-info.ax-disabled:after, .ax-btn.ax-line.ax-info.ax-disabled:hover:after { border-color: #14ccc9; } .ax-btn.ax-line.ax-ad.ax-disabled, .ax-btn.ax-line.ax-ad.ax-disabled:hover, .ax-btn.ax-line.ax-ad.ax-disabled:active { color: #ff8400; background: transparent; opacity: 0.3; } .ax-btn.ax-line.ax-ad.ax-disabled:after, .ax-btn.ax-line.ax-ad.ax-disabled:hover:after { border-color: #ff8400; } .ax-btn.ax-line.ax-ignore.ax-disabled, .ax-btn.ax-line.ax-ignore.ax-disabled:hover, .ax-btn.ax-line.ax-ignore.ax-disabled:active { color: rgba(102, 102, 102, 0.8); background: transparent; opacity: 0.3; } .ax-btn.ax-line.ax-ignore.ax-disabled:after, .ax-btn.ax-line.ax-ignore.ax-disabled:hover:after { border-color: #ccc; } .ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled, .ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:hover, .ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:active { color: rgba(255, 255, 255, 0.5); background: transparent; } .ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:after, .ax-btn.ax-reverse.ax-line.ax-ignore.ax-disabled:hover:after { border-color: rgba(255, 255, 255, 0.5); } .ax-btn.ax-line.ax-black.ax-disabled, .ax-btn.ax-line.ax-black.ax-disabled:hover, .ax-btn.ax-line.ax-black.ax-disabled:active { color: #333333; background: transparent; opacity: 0.3; } .ax-btn.ax-line.ax-black.ax-disabled:after, .ax-btn.ax-line.ax-black.ax-disabled:hover:after { border-color: #333333; } .ax-btn.ax-text.ax-primary.ax-disabled, .ax-btn.ax-text.ax-primary.ax-disabled:hover, .ax-btn.ax-text.ax-primary.ax-disabled:active { color: #198cff; opacity: 0.3; } .ax-btn.ax-text.ax-secondary.ax-disabled, .ax-btn.ax-text.ax-secondary.ax-disabled:hover, .ax-btn.ax-text.ax-secondary.ax-disabled:active { color: #475b66; opacity: 0.3; } .ax-btn.ax-text.ax-success.ax-disabled, .ax-btn.ax-text.ax-success.ax-disabled:hover, .ax-btn.ax-text.ax-success.ax-disabled:active { color: #41a358; opacity: 0.3; } .ax-btn.ax-text.ax-danger.ax-disabled, .ax-btn.ax-text.ax-danger.ax-disabled:hover, .ax-btn.ax-text.ax-danger.ax-disabled:active { color: #dc3545; opacity: 0.3; } .ax-btn.ax-text.ax-warning.ax-disabled, .ax-btn.ax-text.ax-warning.ax-disabled:hover, .ax-btn.ax-text.ax-warning.ax-disabled:active { color: #ffc107; opacity: 0.3; } .ax-btn.ax-text.ax-info.ax-disabled, .ax-btn.ax-text.ax-info.ax-disabled:hover, .ax-btn.ax-text.ax-info.ax-disabled:active { color: #14ccc9; opacity: 0.3; } .ax-btn.ax-text.ax-ad.ax-disabled, .ax-btn.ax-text.ax-ad.ax-disabled:hover, .ax-btn.ax-text.ax-ad.ax-disabled:active { color: #ff8400; opacity: 0.3; } .ax-btn.ax-text.ax-ignore.ax-disabled, .ax-btn.ax-text.ax-ignore.ax-disabled:hover, .ax-btn.ax-text.ax-ignore.ax-disabled:active { color: rgba(102, 102, 102, 0.8); opacity: 0.3; } .ax-btn.ax-text.ax-black.ax-disabled, .ax-btn.ax-text.ax-black.ax-disabled:hover, .ax-btn.ax-text.ax-black.ax-disabled:active { color: #333333; opacity: 0.3; } /*btn shadow*/ .ax-btn.ax-text.ax-shadow { box-shadow: none; } .ax-btn.ax-primary.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) { box-shadow: 0.5rem 0.5rem 2rem rgba(25, 140, 255, 0.4); } .ax-btn.ax-secondary.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) { box-shadow: 0.5rem 0.5rem 2rem rgba(71, 91, 102, 0.4); } .ax-btn.ax-success.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) { box-shadow: 0.5rem 0.5rem 2rem rgba(65, 163, 88, 0.4); } .ax-btn.ax-danger.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) { box-shadow: 0.5rem 0.5rem 2rem rgba(220, 53, 69, 0.4); } .ax-btn.ax-warning.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) { box-shadow: 0.5rem 0.5rem 2rem rgba(255, 193, 7, 0.4); } .ax-btn.ax-ad.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) { box-shadow: 0.5rem 0.5rem 2rem rgba(255, 132, 0, 0.4); } .ax-btn.ax-info.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) { box-shadow: 0.5rem 0.5rem 2rem rgba(20, 204, 201, 0.4); } .ax-btn.ax-black.ax-shadow:not(.ax-line):not(.ax-text):not(.ax-disabled) { box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12); box-shadow: 0.5rem 0.5rem 2rem rgba(51, 51, 51, 0.4); } /*btn borderless*/ .ax-btn.ax-borderless { border: none; } .ax-btn.ax-borderless:after { display: none; } /*btn txt*/ .ax-txt-btn { font-size: 1.4rem; } .ax-txt-btn *[class*="font"] { font-size: 1.4rem; } /*btn group*/ .ax-btn-group .ax-btn, .ax-btn-group .ax-btn:after { border-radius: 0; } .ax-btn-group > .ax-btn:first-child, .ax-btn-group > .ax-btn:first-child:after { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .ax-btn-group > .ax-btn:last-child, .ax-btn-group > .ax-btn:last-child:after { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .ax-btn-group > .ax-btn:not(:first-of-type) { margin-left: -0.1rem; } .ax-btn-group .ax-btn:hover { z-index: 2; } .ax-btn-group .ax-btn.ax-active { z-index: 3; background-color: #198cff; color: #fff; } .ax-btn-group .ax-btn.ax-active svg { fill: #fff; } /*gradient btn*/ .ax-primary.ax-gradient-0 { background: linear-gradient(0deg, #198cff, #6619ff); } .ax-primary.ax-gradient, .ax-primary.ax-gradient-45 { background: linear-gradient(45deg, #198cff, #6619ff); } .ax-primary.ax-gradient-90 { background: linear-gradient(90deg, #198cff, #6619ff); } .ax-primary.ax-gradient-135 { background: linear-gradient(135deg, #198cff, #6619ff); } .ax-primary.ax-gradient-180 { background: linear-gradient(180deg, #198cff, #6619ff); } .ax-primary.ax-gradient-225 { background: linear-gradient(225deg, #198cff, #6619ff); } .ax-primary.ax-gradient-270 { background: linear-gradient(270deg, #198cff, #6619ff); } .ax-primary.ax-gradient-315 { background: linear-gradient(315deg, #198cff, #6619ff); } .ax-primary.ax-gradient-360 { background: linear-gradient(360deg, #198cff, #6619ff); } .ax-secondary.ax-gradient-0 { background: linear-gradient(0deg, #475b66, #474b66); } .ax-secondary.ax-gradient, .ax-secondary.ax-gradient-45 { background: linear-gradient(45deg, #475b66, #474b66); } .ax-secondary.ax-gradient-90 { background: linear-gradient(90deg, #475b66, #474b66); } .ax-secondary.ax-gradient-135 { background: linear-gradient(135deg, #475b66, #474b66); } .ax-secondary.ax-gradient-180 { background: linear-gradient(180deg, #475b66, #474b66); } .ax-secondary.ax-gradient-225 { background: linear-gradient(225deg, #475b66, #474b66); } .ax-secondary.ax-gradient-270 { background: linear-gradient(270deg, #475b66, #474b66); } .ax-secondary.ax-gradient-315 { background: linear-gradient(315deg, #475b66, #474b66); } .ax-secondary.ax-gradient-360 { background: linear-gradient(360deg, #475b66, #474b66); } .ax-success.ax-gradient-0 { background: linear-gradient(0deg, #41a358, #41a379); } .ax-success.ax-gradient, .ax-success.ax-gradient-45 { background: linear-gradient(45deg, #41a358, #41a379); } .ax-success.ax-gradient-90 { background: linear-gradient(90deg, #41a358, #41a379); } .ax-success.ax-gradient-135 { background: linear-gradient(135deg, #41a358, #41a379); } .ax-success.ax-gradient-180 { background: linear-gradient(180deg, #41a358, #41a379); } .ax-success.ax-gradient-225 { background: linear-gradient(225deg, #41a358, #41a379); } .ax-success.ax-gradient-270 { background: linear-gradient(270deg, #41a358, #41a379); } .ax-success.ax-gradient-315 { background: linear-gradient(315deg, #41a358, #41a379); } .ax-success.ax-gradient-360 { background: linear-gradient(360deg, #41a358, #41a379); } .ax-danger.ax-gradient-0 { background: linear-gradient(0deg, #dc3545, #dc7935); } .ax-danger.ax-gradient, .ax-danger.ax-gradient-45 { background: linear-gradient(45deg, #dc3545, #dc7935); } .ax-danger.ax-gradient-90 { background: linear-gradient(90deg, #dc3545, #dc7935); } .ax-danger.ax-gradient-135 { background: linear-gradient(135deg, #dc3545, #dc7935); } .ax-danger.ax-gradient-180 { background: linear-gradient(180deg, #dc3545, #dc7935); } .ax-danger.ax-gradient-225 { background: linear-gradient(225deg, #dc3545, #dc7935); } .ax-danger.ax-gradient-270 { background: linear-gradient(270deg, #dc3545, #dc7935); } .ax-danger.ax-gradient-315 { background: linear-gradient(315deg, #dc3545, #dc7935); } .ax-danger.ax-gradient-360 { background: linear-gradient(360deg, #dc3545, #dc7935); } .ax-warning.ax-gradient-0 { background: linear-gradient(0deg, #ffc107, #eaff07); } .ax-warning.ax-gradient, .ax-warning.ax-gradient-45 { background: linear-gradient(45deg, #ffc107, #eaff07); } .ax-warning.ax-gradient-90 { background: linear-gradient(90deg, #ffc107, #eaff07); } .ax-warning.ax-gradient-135 { background: linear-gradient(135deg, #ffc107, #eaff07); } .ax-warning.ax-gradient-180 { background: linear-gradient(180deg, #ffc107, #eaff07); } .ax-warning.ax-gradient-225 { background: linear-gradient(225deg, #ffc107, #eaff07); } .ax-warning.ax-gradient-270 { background: linear-gradient(270deg, #ffc107, #eaff07); } .ax-warning.ax-gradient-315 { background: linear-gradient(315deg, #ffc107, #eaff07); } .ax-warning.ax-gradient-360 { background: linear-gradient(360deg, #ffc107, #eaff07); } .ax-info.ax-gradient-0 { background: linear-gradient(0deg, #14ccc9, #1492cc); } .ax-info.ax-gradient, .ax-info.ax-gradient-45 { background: linear-gradient(45deg, #14ccc9, #1492cc); } .ax-info.ax-gradient-90 { background: linear-gradient(90deg, #14ccc9, #1492cc); } .ax-info.ax-gradient-135 { background: linear-gradient(135deg, #14ccc9, #1492cc); } .ax-info.ax-gradient-180 { background: linear-gradient(180deg, #14ccc9, #1492cc); } .ax-info.ax-gradient-225 { background: linear-gradient(225deg, #14ccc9, #1492cc); } .ax-info.ax-gradient-270 { background: linear-gradient(270deg, #14ccc9, #1492cc); } .ax-info.ax-gradient-315 { background: linear-gradient(315deg, #14ccc9, #1492cc); } .ax-info.ax-gradient-360 { background: linear-gradient(360deg, #14ccc9, #1492cc); } .ax-ad.ax-gradient-0 { background: linear-gradient(0deg, #ff8400, #ffd900); } .ax-ad.ax-gradient, .ax-ad.ax-gradient-45 { background: linear-gradient(45deg, #ff8400, #ffd900); } .ax-ad.ax-gradient-90 { background: linear-gradient(90deg, #ff8400, #ffd900); } .ax-ad.ax-gradient-135 { background: linear-gradient(135deg, #ff8400, #ffd900); } .ax-ad.ax-gradient-180 { background: linear-gradient(180deg, #ff8400, #ffd900); } .ax-ad.ax-gradient-225 { background: linear-gradient(225deg, #ff8400, #ffd900); } .ax-ad.ax-gradient-270 { background: linear-gradient(270deg, #ff8400, #ffd900); } .ax-ad.ax-gradient-315 { background: linear-gradient(315deg, #ff8400, #ffd900); } .ax-ad.ax-gradient-360 { background: linear-gradient(360deg, #ff8400, #ffd900); } .ax-gradient.ax-rotate { animation: hue 10s infinite; } @keyframes hue { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } /*ripple*/ .ax-ripple { position: relative; overflow: hidden; } .ax-ripple > u { width: 10rem; height: 10rem; opacity: 0; border-radius: 50%; background: radial-gradient(rgba(0, 0, 0, 0.7) 10%, #000000 30%, rgba(0, 0, 0, 0.7) 60%, #000000 80%, rgba(0, 0, 0, 0.7) 100%); transform: translate(-50%, -50%) scale(0.2); animation: ripple 0.6s ease-out; pointer-events: none; position: absolute; z-index: 4; } @keyframes ripple { 0% { transform: translate(-50%, -50%) scale(0.2); opacity: 0.2; } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } } /*form*/ /*表单遮罩,在提交表单过程中的时候覆盖在表单上以禁止点击*/ .ax-form-overlay { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: -100000px; z-index: 9; } .ax-form-overlay.ax-show { background-color: rgba(255, 255, 255, 0.6); left: 0; } .ax-form-origin { font-size: 1.4rem; margin: 0.8rem 0; } .ax-form-origin .ax-icon { color: #adc1cc; font-size: 1.4rem; width: 1.8rem; } .ax-form-label { width: 16rem; height: 3.8rem; line-height: calc(3.8rem/2); text-align: right; margin-right: 1.4rem; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; align-items: center; } .ax-form-label:empty { height: 0rem; } .ax-form-input, .ax-form-con { width: 36rem; position: relative; } input[type="text"], input[type="search"], input[type="url"], input[type="email"], input[type="number"], input[type="password"], input[type="file"] { background-color: #fff; border: 0; position: relative; z-index: 1; } input[type="text"], input[type="search"], input[type="url"], input[type="email"], input[type="number"], input[type="password"], input[type="file"], select { width: 100%; height: 3.8rem; line-height: 3.8rem; padding: 0 1rem; border: 1px solid #e0e0e0; box-sizing: border-box; border-radius: 0.3rem; position: relative; } input[type="range"] { height: 0.3rem; width: 100%; background-color: #f0f0f0; border-radius: 0.3rem; margin: calc((3.8rem - 0.3rem)/2) 0; outline: none; -webkit-appearance: none; } _:-ms-lang(x), input[type="range"] { height: 2.2rem; border-radius: 0; margin: calc((3.8rem - 2.2rem)/2) 0; background: transparent; } input[type="range"]::-webkit-slider-thumb { width: 1.6rem; height: 1.6rem; border: 0.2rem solid #198cff; border-radius: 50%; background-color: #fff; cursor: pointer; -webkit-appearance: none; transition: all 100ms linear; } input[type="range"]::-moz-range-thumb { width: 1.2rem; height: 1.2rem; border: 0.2rem solid #198cff; border-radius: 50%; background-color: #fff; cursor: pointer; transition: all 100ms linear; } input[type="range"]::-moz-range-progress { background-color: #198cff; border-radius: 0.3rem; } input[type="range"]::-ms-thumb { width: 1.2rem; height: 1.2rem; border: 0.2rem solid #198cff; border-radius: 50%; background-color: #fff; cursor: pointer; transition: all 100ms linear; } input[type="range"]::-ms-track { color: transparent; border-color: transparent; height: 1px; border-radius: 0.3rem; background-color: #f0f0f0; transition: all 100ms linear; } input[type="range"]::-ms-fill-lower { height: 0.3rem; border-radius: 0.3rem; background: #198cff; transition: all 100ms linear; } input[type="range"]::-ms-fill-upper { height: 0.3rem; border-radius: 0.3rem; background: transparent; } input[type="range"]:not([disabled]):hover { background-color: #d7e7f5; } _:-ms-lang(x), input[type="range"]:not([disabled]):hover { background: transparent; } _:-ms-lang(x), input[type="range"]::-ms-track:hover { background-color: #d7e7f5; } input[type="range"]:not([disabled])::-webkit-slider-thumb:hover { box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); } input[type="range"]:not([disabled])::-moz-range-thumb:hover { box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); } _:-ms-lang(x), input[type="range"]:not([disabled])::-ms-thumb:hover { box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); } input[type="range"][disabled] { opacity: 0.4; } input[type="range"]:focus { outline: none; } .ax-form-group.ax-xs input[type="range"], input[type="range"].ax-xs { margin: calc((2.2rem - 0.3rem) / 2) 0; } _:-ms-lang(x), .ax-form-group.ax-xs input[type="range"] { margin: 0; } _:-ms-lang(x), input[type="range"].ax-xs { margin: 0; } .ax-form-group.ax-sm input[type="range"], input[type="range"].ax-sm { margin: calc((2.8rem - 0.3rem) / 2) 0; } _:-ms-lang(x), .ax-form-group.ax-sm input[type="range"] { margin: calc((2.8rem - 2.2rem) / 2) 0; } _:-ms-lang(x), input[type="range"].ax-sm { margin: calc((2.8rem - 2.2rem) / 2) 0; } .ax-form-group.ax-lg input[type="range"], input[type="range"].ax-lg { margin: calc((3.8rem + 1rem - 0.3rem) / 2) 0; } _:-ms-lang(x), .ax-form-group.ax-lg input[type="range"] { margin: calc((3.8rem + 1rem - 2.2rem) / 2) 0; } _:-ms-lang(x), input[type="range"].ax-lg { margin: calc((3.8rem + 1rem - 2.2rem) / 2) 0; } select { background-color: transparent; z-index: 3; } textarea { width: 100%; height: calc(2.2rem*5 + 1.8rem); line-height: 2.2rem; border: 1px solid #e0e0e0; box-sizing: border-box; padding: 0.8rem 1rem; border-radius: 0.3rem; overflow: auto; display: block; position: relative; z-index: 1; } input[type="file"]::file-selector-button { height: calc(3.8rem + 0.2rem); line-height: calc(3.8rem + 0.2rem); border: none; border-right: 1px solid #ebebeb; padding: 0 1rem 0 0; background: transparent; pointer-events: none; } input[type="file"]::-webkit-file-upload-button { height: calc(3.8rem + 0.2rem); line-height: calc(3.8rem + 0.2rem); border: none; border-right: 1px solid #ebebeb; padding: 0 1rem 0 0; background: transparent; pointer-events: none; } input:not([readonly]):not([disabled]):not([class*="ax-check"]):not([class*="ax-btn"]):hover, textarea:not([readonly]):not([disabled]):not([class*="ax-check"]):hover { border-color: rgba(25, 140, 255, 0.5); } input[readonly=""]:not([class*="mbsc"]):not([id*="_dummy"]), textarea[readonly=""]:not([class*="mbsc"]):not([id*="_dummy"]), input[disabled=""]:not([class*="mbsc"]):not([id*="_dummy"]), textarea[disabled=""]:not([class*="mbsc"]):not([id*="_dummy"]), input.ax-forbid, textarea.ax-forbid { color: #b3b3b3; cursor: not-allowed; background-color: #f0f0f0; box-shadow: none; } input[readonly=""]:not([class*="mbsc"]):not([id*="_dummy"]):focus, textarea[readonly=""]:not([class*="mbsc"]):not([id*="_dummy"]):focus, input[type="text"].ax-forbid:focus, input[type="search"].ax-forbid:focus, input[type="url"].ax-forbid:focus, input[type="email"].ax-forbid:focus, input[type="number"].ax-forbid:focus, input[type="password"].ax-forbid:focus, input[type="file"].ax-forbid:focus, textarea.ax-forbid:focus { color: #b3b3b3; background-color: #f0f0f0; border-color: #e0e0e0 !important; box-shadow: none; } input[type="text"]:focus, input[type="text"].ax-focus, input[type="search"]:focus, input[type="search"].ax-focus, input[type="url"]:focus, input[type="url"].ax-focus, input[type="email"]:focus, input[type="email"].ax-focus, input[type="number"]:focus, input[type="number"].ax-focus, input[type="password"]:focus, input[type="password"].ax-focus, input[type="file"]:focus, input[type="file"].ax-focus, textarea:focus, textarea.ax-focus { color: #198cff; box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); border-color: rgba(25, 140, 255, 0.5) !important; } /*input size*/ input[type="text"].ax-xs, input[type="search"].ax-xs, input[type="url"].ax-xs, input[type="email"].ax-xs, input[type="number"].ax-xs, input[type="password"].ax-xs, input[type="file"].ax-xs, select.ax-xs { font-size: 1.2rem; height: 2.2rem; line-height: 2.2rem; padding: 0 0.4rem; } .ax-file.ax-xs { font-size: 1.2rem; } .ax-file.ax-xs input[type="file"] { height: 2.2rem; } .ax-file.ax-xs:before, .ax-file.ax-xs:after { height: 2.2rem; line-height: 2.2rem; } textarea.ax-xs { font-size: 1.2rem; line-height: 2.2rem; height: calc(2.2rem*3 + 0.2rem); padding: 0rem 0.4rem; } input[type="file"].ax-xs::file-selector-button { height: calc(2.2rem + 0.2rem); line-height: calc(2.2rem + 0.2rem); padding-right: 0.4rem; } input[type="file"].ax-xs::-webkit-file-upload-button { height: calc(2.2rem + 0.2rem); line-height: calc(2.2rem + 0.2rem); padding-right: 0.4rem; } .ax-form-group.ax-xs { font-size: 1.2rem; } .ax-form-group.ax-xs .ax-form-label { height: 2.2rem; line-height: 2.2rem; margin-right: 0.4rem; } .ax-form-group.ax-xs .ax-form-con { line-height: 2.2rem; } .ax-form-group.ax-xs .ax-form-txt { line-height: 2.2rem; margin-left: 0.4rem; } .ax-form-group.ax-xs .ax-pos-right { line-height: 2.2rem; padding-right: 0.4rem; } .ax-form-group.ax-xs .ax-pos-right [class*="font"] { height: 2.2rem; line-height: 2.4rem; margin-left: 0.4rem; } .ax-form-group.ax-xs .ax-form-head { height: 2.2rem; width: 2.2rem; background-size: cover, 1.4rem 1.4rem; margin-left: 0.4rem; } .ax-form-group.ax-xs .ax-form-img { height: 2.2rem; line-height: 2.2rem; margin-left: 0.4rem; } .ax-form-group.ax-xs .ax-form-img a, .ax-form-group.ax-xs .ax-form-img span, .ax-form-group.ax-xs .ax-form-img i { margin: 0 0.4rem; } .ax-form-group.ax-xs .ax-file:before { height: 2.2rem; line-height: 2rem; padding: 0 0.4rem; } .ax-form-group.ax-xs .ax-file:after { height: 2.2rem; line-height: 2.2rem; padding: 0 0.4rem; } input[type="text"].ax-sm, input[type="search"].ax-sm, input[type="url"].ax-sm, input[type="email"].ax-sm, input[type="number"].ax-sm, input[type="password"].ax-sm, input[type="file"].ax-sm, select.ax-sm { font-size: 1.4rem; height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); padding: 0 0.6rem; } .ax-file.ax-sm input[type="file"] { height: calc(3.8rem - 1rem); } .ax-file.ax-sm:before, .ax-file.ax-sm:after { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); } textarea.ax-sm { font-size: 1.4rem; height: calc(2.2rem*3 + 0.8rem); padding: 0.3rem 0.6rem; } input[type="file"].ax-sm::file-selector-button { height: calc(3.8rem - 1rem + 0.2rem); line-height: calc(3.8rem - 1rem + 0.2rem); padding-right: 0.6rem; } input[type="file"].ax-sm::-webkit-file-upload-button { height: calc(3.8rem - 1rem + 0.2rem); line-height: calc(3.8rem - 1rem + 0.2rem); padding-right: 0.6rem; } .ax-form-group.ax-sm .ax-form-label { height: calc(3.8rem - 1rem); line-height: calc((3.8rem - 1rem)/2); margin-right: 0.8rem; } .ax-form-group.ax-sm .ax-form-txt { line-height: calc(3.8rem - 1rem); margin-left: 0.8rem; } .ax-form-group.ax-sm .ax-pos-right { line-height: calc(3.8rem - 1rem); padding-right: 0.8rem; } .ax-form-group.ax-sm .ax-pos-right [class*="font"] { margin-left: 0.8rem; } .ax-form-group.ax-sm .ax-form-head { height: calc(3.8rem - 1rem); width: calc(3.8rem - 1rem); background-size: cover, 1.8rem 1.8rem; margin-left: 0.8rem; } .ax-form-group.ax-sm .ax-form-img { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); margin-left: 0.8rem; } .ax-form-group.ax-sm .ax-form-img a, .ax-form-group.ax-sm .ax-form-img span, .ax-form-group.ax-sm .ax-form-img i { margin: 0 0.6rem; } .ax-form-group.ax-sm .ax-file:before { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1.2rem); padding: 0 0.6rem; } .ax-form-group.ax-sm .ax-file:after { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); padding: 0 0.8rem; } input[type="text"].ax-lg, input[type="search"].ax-lg, input[type="url"].ax-lg, input[type="email"].ax-lg, input[type="number"].ax-lg, input[type="password"].ax-lg, input[type="file"].ax-lg, select.ax-lg { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); padding: 0 1.4rem; } .ax-file.ax-lg input[type="file"] { height: calc(3.8rem + 1rem); } .ax-file.ax-lg:before, .ax-file.ax-lg:after { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); } textarea.ax-lg { height: calc(2.2rem*5 + 2.3rem); padding: 0.8rem 1.4rem; } input[type="file"].ax-lg::file-selector-button { height: calc(3.8rem + 1rem + 0.2rem); line-height: calc(3.8rem + 1rem + 0.2rem); padding-right: 1.4rem; } input[type="file"].ax-lg::-webkit-file-upload-button { height: calc(3.8rem + 1rem + 0.2rem); line-height: calc(3.8rem + 1rem + 0.2rem); padding-right: 1.4rem; } .ax-form-group.ax-lg .ax-form-label { height: calc(3.8rem + 1rem); line-height: calc((3.8rem + 1rem)/2); } .ax-form-group.ax-lg .ax-form-txt { line-height: calc(3.8rem + 1rem); } .ax-form-group.ax-lg .ax-pos-right { line-height: calc(3.8rem + 1rem); } .ax-form-group.ax-lg .ax-form-head { height: calc(3.8rem + 1rem); width: calc(3.8rem + 1rem); margin-left: 1.4rem; } .ax-form-group.ax-lg .ax-form-img { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); margin-left: 1.4rem; } .ax-form-group.ax-lg .ax-form-img a, .ax-form-group.ax-lg .ax-form-img span, .ax-form-group.ax-lg .ax-form-img i { margin: 0 1.8rem; } .ax-form-group.ax-lg .ax-file:before { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 0.8rem); padding: 0 1.4rem; } .ax-form-group.ax-lg .ax-file:after { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); padding: 0 1.8rem; } input[type="text"].ax-square, input[type="search"].ax-square, input[type="url"].ax-square, input[type="email"].ax-square, input[type="number"].ax-square, input[type="password"].ax-square, input[type="file"].ax-square, select.ax-square, textarea.ax-square, .ax-file.ax-square:after { border-radius: 0; } .ax-file.ax-square:before, .ax-file.ax-square:after { border-radius: 0; } input[type="text"].ax-round, input[type="search"].ax-round, input[type="url"].ax-round, input[type="email"].ax-round, input[type="number"].ax-round, input[type="password"].ax-round, input[type="file"].ax-round, select.ax-round, textarea.ax-round { border-radius: calc(3.8rem/2); padding-left: 1.6rem; padding-right: 1.6rem; } .ax-file.ax-round:after { border-radius: calc(3.8rem/2); padding-left: 1.6rem; padding-right: 1.6rem; } .ax-file.ax-round:after { border-radius: 0 calc(3.8rem/2) calc(3.8rem/2) 0; padding: 0 1.6rem; } input.ax-round + .ax-pos-right, textarea.ax-round + .ax-pos-right { padding-right: 1.6rem; } input[type="text"].ax-round.ax-xs, input[type="search"].ax-round.ax-xs, input[type="url"].ax-round.ax-xs, input[type="email"].ax-round.ax-xs, input[type="number"].ax-round.ax-xs, input[type="password"].ax-round.ax-xs, input[type="file"].ax-round.ax-xs, select.ax-round.ax-xs, textarea.ax-round.ax-xs { border-radius: 1.1rem; padding-left: 0.8rem; padding-right: 0.8rem; } .ax-file.ax-round.ax-xs:before { padding: 0 0.8rem; } .ax-file.ax-round.ax-xs:after { border-radius: 1.1rem; padding-left: 0.8rem; padding-right: 0.8rem; } .ax-file.ax-round.ax-xs:after { border-radius: 0 1.1rem 1.1rem 0; padding: 0 0.8rem; } input.ax-round.ax-xs + .ax-pos-right { padding-right: 0.8rem; } input[type="text"].ax-round.ax-sm, input[type="search"].ax-round.ax-sm, input[type="url"].ax-round.ax-sm, input[type="email"].ax-round.ax-sm, input[type="number"].ax-round.ax-sm, input[type="password"].ax-round.ax-sm, input[type="file"].ax-round.ax-sm, select.ax-round.ax-sm, textarea.ax-round.ax-sm { border-radius: calc((3.8rem - 1rem) / 2); padding-left: 1rem; padding-right: 1rem; } .ax-file.ax-round.ax-sm:before { padding-left: 1rem; padding-right: 1rem; } .ax-file.ax-round.ax-sm:after { border-radius: calc((3.8rem - 1rem) / 2); padding-left: 1rem; padding-right: 1rem; } .ax-file.ax-round.ax-sm:after { border-radius: 0 calc((3.8rem - 1rem)/2) calc((3.8rem - 1rem)/2) 0; padding: 0 1rem; } input.ax-round.ax-sm + .ax-pos-right { padding-right: 1rem; } input[type="text"].ax-round.ax-lg, input[type="search"].ax-round.ax-lg, input[type="url"].ax-round.ax-lg, input[type="email"].ax-round.ax-lg, input[type="number"].ax-round.ax-lg, input[type="password"].ax-round.ax-lg, input[type="file"].ax-round.ax-lg, select.ax-round.ax-lg, textarea.ax-round.ax-lg { border-radius: calc((3.8rem + 1rem) / 2); padding-left: 2rem; padding-right: 2rem; } .ax-file.ax-round.ax-lg:before { padding-left: 2rem; padding-right: 2rem; } .ax-file.ax-round.ax-lg:before { border-radius: calc((3.8rem + 1rem) / 2); padding-left: 2rem; padding-right: 2rem; } .ax-file.ax-round.ax-lg:after { border-radius: 0 calc((3.8rem + 1rem) / 2) calc((3.8rem + 1rem) / 2) 0; padding: 0 2rem; } input.ax-round.ax-lg + .ax-pos-right { padding-right: 2rem; } /*input dodge*/ .ax-dodge { position: relative; } .ax-dodge label { color: rgba(0, 0, 0, 0.3); padding: 0 1rem; border-radius: 0.3rem; height: 3.8rem; line-height: 3.8rem; cursor: text; position: absolute; left: 0; top: 0; z-index: 2; transition: all 100ms linear; } .ax-dodge.ax-active label { font-size: 1rem; line-height: 1.2rem; height: 1.2rem; padding: 0 0.4rem; background-color: #fff; transform: translate(0, -50%); left: 0.6rem; } .ax-dodge.ax-active:after { content: ''; height: 1.2rem; width: 18rem; background: transparent; position: absolute; left: 0; top: -0.6rem; z-index: 2; } .ax-dodge.ax-lg label { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); } .ax-dodge.ax-active.ax-lg label { line-height: 1.2rem; height: 1.2rem; left: 1rem; } .ax-dodge input:-webkit-autofill, .ax-dodge textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0 100rem #fff inset; } /* mobiscroll */ input[readonly=""][class*="mbsc"], textarea[readonly=""][class*="mbsc"], input[readonly=""][class*="mbsc"]:focus, textarea[readonly=""][class*="mbsc"]:focus, input[readonly=""][id*="_dummy"], textarea[readonly=""][id*="_dummy"], input[readonly=""][id*="_dummy"]:focus, textarea[readonly=""][id*="_dummy"]:focus { color: #333333; box-shadow: none; border-color: #e0e0e0 !important; } input[readonly=""][class*="mbsc"]:hover, textarea[readonly=""][class*="mbsc"]:hover, input[readonly=""][id*="_dummy"]:hover, textarea[readonly=""][id*="_dummy"]:hover { border-color: rgba(25, 140, 255, 0.5) !important; } input[readonly=""][class*="mbsc"].ax-focus, textarea[readonly=""][class*="mbsc"].ax-focus, input[readonly=""][id*="_dummy"].ax-focus, textarea[readonly=""][id*="_dummy"].ax-focus { color: #198cff; box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); border-color: rgba(25, 140, 255, 0.5) !important; } .ax-form-btn.ax-round:not(.ax-icon) { padding: 0 1.6rem; } /* mobiscroll */ input.ax-check-danger, textarea.ax-check-danger { color: #dc3545; background-color: rgba(220, 53, 69, 0.06); border-color: rgba(220, 53, 69, 0.16); } input.ax-check-danger:focus, textarea.ax-check-danger:focus { color: #dc3545; box-shadow: 0 0 0 0.3rem rgba(220, 53, 69, 0.14); background-color: rgba(220, 53, 69, 0.06); border-color: rgba(220, 53, 69, 0.3) !important; } input.ax-check-primary, textarea.ax-check-primary { color: #198cff; background-color: rgba(25, 140, 255, 0.06); border-color: rgba(25, 140, 255, 0.16); } input.ax-check-primary:focus, textarea.ax-check-primary:focus { color: #198cff; box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.14); background-color: rgba(25, 140, 255, 0.06); border-color: rgba(25, 140, 255, 0.3) !important; } input.ax-check-success, textarea.ax-check-success { color: #41a358; background-color: rgba(65, 163, 88, 0.06); border-color: rgba(65, 163, 88, 0.16); } input.ax-check-success:focus, textarea.ax-check-success:focus { color: #41a358; box-shadow: 0 0 0 0.3rem rgba(65, 163, 88, 0.14); background-color: rgba(65, 163, 88, 0.06); border-color: rgba(65, 163, 88, 0.3) !important; } input.ax-check-success, textarea.ax-check-success { color: #41a358; background-color: rgba(65, 163, 88, 0.06); border-color: rgba(65, 163, 88, 0.16); } input.ax-check-success:focus, textarea.ax-check-success:focus { color: #41a358; box-shadow: 0 0 0 0.3rem rgba(65, 163, 88, 0.14); background-color: rgba(65, 163, 88, 0.06); border-color: rgba(65, 163, 88, 0.3) !important; } input.ax-check-warning, textarea.ax-check-warning { color: #ffc107; background-color: rgba(255, 193, 7, 0.06); border-color: rgba(255, 193, 7, 0.16); } input.ax-check-warning:focus, textarea.ax-check-warning:focus { color: #ffc107; box-shadow: 0 0 0 0.3rem rgba(255, 193, 7, 0.14); background-color: rgba(255, 193, 7, 0.06); border-color: rgba(255, 193, 7, 0.3) !important; } input.ax-check-info, textarea.ax-check-info { color: #14ccc9; background-color: rgba(20, 204, 201, 0.06); border-color: rgba(20, 204, 201, 0.16); } input.ax-check-info:focus, textarea.ax-check-info:focus { color: #14ccc9; box-shadow: 0 0 0 0.3rem rgba(20, 204, 201, 0.14); background-color: rgba(20, 204, 201, 0.06); border-color: rgba(20, 204, 201, 0.3) !important; } input.ax-check-ad, textarea.ax-check-ad { color: #ff8400; background-color: rgba(255, 132, 0, 0.06); border-color: rgba(255, 132, 0, 0.16); } input.ax-check-ad:focus, textarea.ax-check-ad:focus { color: #ff8400; box-shadow: 0 0 0 0.3rem rgba(255, 132, 0, 0.14); background-color: rgba(255, 132, 0, 0.06); border-color: rgba(255, 132, 0, 0.3) !important; } .ax-file { position: relative; } .ax-file:after { content: attr(data-text); color: #fff; height: 3.8rem; line-height: 3.8rem; background-color: #198cff; border-radius: 0 0.3rem 0.3rem 0; padding: 0 1.4rem; box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.12) inset; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 1; } .ax-file:before { content: attr(data-placeholder); color: rgba(0, 0, 0, 0.3); background-color: #fff; width: 100%; height: 3.8rem; line-height: calc(3.8rem - 0.2rem); overflow: hidden; white-space: nowrap; padding: 0 1rem; border: 1px solid #e0e0e0; box-sizing: border-box; border-radius: 0.3rem; position: absolute; top: 0; left: 0; transition: all 100ms linear; } .ax-file.ax-simple:after { display: none; } .ax-file.ax-active:before { color: #333333; } .ax-file.ax-focus:before { color: #198cff; box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); border-color: rgba(25, 140, 255, 0.5) !important; } .ax-file input[type="file"] { opacity: 0; cursor: pointer; z-index: 2; } .ax-file:hover:before { border-color: rgba(25, 140, 255, 0.5); } .ax-file.ax-square:before, .ax-file.ax-square:after { border-radius: 0; } .ax-file.ax-round:before { border-radius: calc(3.8rem/2); padding-left: 1.6rem; padding-right: 1.6rem; } .ax-file.ax-round:after { border-top-right-radius: calc(3.8rem/2); border-bottom-right-radius: calc(3.8rem/2); padding: 0 1.6rem; } .ax-radio { position: relative; } .ax-radio *[type="radio"] { display: none; } .ax-radio span { line-height: 3.8rem; white-space: nowrap; margin-right: 2.2rem; } .ax-radio span:before { content: ''; width: 1.8rem; height: 1.8rem; margin-right: 0.4rem; display: inline-block; box-sizing: border-box; border-radius: 100%; cursor: pointer; border: 1px solid #e0e0e0; position: relative; top: 1rem; transition: all 200ms ease-out; float: left; } .ax-radio span:after { content: ''; width: 1rem; height: 1rem; border-radius: 100%; cursor: pointer; background-color: #198cff; display: inline-block; position: absolute; top: 1.4rem; left: 0.4rem; transform: scale(0); transition: all 200ms ease-out; } .ax-radio:hover span:before { border-color: #198cff; } .ax-radio input[type="radio"]:focus { box-shadow: rgba(25, 140, 255, 0.2); } .ax-radio input[type="radio"]:checked + span:before { border-color: #198cff; animation: check 0.4s ease-out forwards; } .ax-radio input[type="radio"]:checked + span:after { border-color: #198cff; transform: scale(1); } .ax-radio input[type="radio"]:focus + span:before { outline: none; border-color: #198cff; } .ax-radio input[type="radio"]:disabled + span { color: #b3b3b3; } .ax-radio input[type="radio"]:disabled + span:before { border-color: #e0e0e0; } .ax-radio input[type="radio"]:disabled:checked + span:before { background-color: rgba(25, 140, 255, 0.1); } .ax-radio input[type="radio"]:disabled:checked + span:after { background-color: #b3b3b3; transform: scale(1); } .ax-radio input[type="radio"] + span:empty:before { margin-right: 0; } .ax-radio.ax-bone { height: 1.8rem; width: 1.8rem; } .ax-radio.ax-bone span { width: 100%; height: 100%; margin: 0; } .ax-radio.ax-bone span:before { left: 0; top: 0; } .ax-radio.ax-bone span:after { top: 0.4rem; } @keyframes check { 0% { box-shadow: 0 0 0 0 rgba(25, 140, 255, 0.2); } 50% { box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); } 99% { box-shadow: 0 0 0 0.6rem rgba(25, 140, 255, 0); } 100% { box-shadow: none; } } /*radio size*/ .ax-radio.ax-xs span { line-height: 2.2rem; margin-right: 1.4rem; } .ax-radio.ax-xs span:before { top: 0.2rem; margin-right: 0.4rem; } .ax-radio.ax-xs span:after { top: 0.6rem; } .ax-radio.ax-sm span { line-height: calc(2.8rem); margin-right: 1.4rem; } .ax-radio.ax-sm span:before { top: 0.5rem; margin-right: 0.8rem; } .ax-radio.ax-sm span:after { top: 0.9rem; } .ax-radio.ax-lg span { line-height: calc(2.8rem + 2rem); } .ax-radio.ax-lg span:before { top: 1.5rem; } .ax-radio.ax-lg span:after { top: 1.9rem; } .ax-checkbox { position: relative; } .ax-checkbox *[type="checkbox"] { display: none; } .ax-checkbox span { line-height: 3.8rem; white-space: nowrap; margin-right: 2.2rem; } .ax-checkbox span:before { content: ''; width: 1.6rem; height: 1.6rem; display: inline-block; box-sizing: border-box; border-radius: 0.3rem; margin-right: 0.4rem; cursor: pointer; border: 1px solid #e0e0e0; position: relative; top: 1.1rem; transition: all 200ms ease-out; float: left; } .ax-checkbox span:after { content: ''; width: 1rem; height: 0.6rem; border-radius: 0 0.6rem 0 0; cursor: pointer; box-shadow: -0.2rem 0.2rem 0 0 #198cff; display: inline-block; position: absolute; top: 1.2rem; left: 0.3rem; transform: rotate(-45deg) scale(0); transition: all 200ms ease-out; } .ax-checkbox:hover span:before { border-color: #198cff; } .ax-checkbox input[type="checkbox"]:focus { box-shadow: rgba(25, 140, 255, 0.2); } .ax-checkbox input[type="checkbox"]:checked + span:before { border-color: #198cff; background-color: #198cff; animation: check 0.4s ease-out forwards; } .ax-checkbox input[type="checkbox"]:checked + span:after { box-shadow: -0.2rem 0.2rem 0 0 #fff; transform: rotate(-45deg) scale(1); } .ax-checkbox input[type="checkbox"]:focus + span:before { outline: none; border-color: #198cff; } .ax-checkbox input[type="checkbox"]:focus + span:after { box-shadow: -0.2rem 0.2rem 0 0 #198cff; } .ax-checkbox input[type="checkbox"]:disabled + span { color: #b3b3b3; } .ax-checkbox input[type="checkbox"]:disabled + span:before { border-color: #e0e0e0; background-color: #f0f0f0; } .ax-checkbox input[type="checkbox"]:disabled:checked + span:before { background-color: rgba(25, 140, 255, 0.1); } .ax-checkbox input[type="checkbox"]:disabled:checked + span:after { box-shadow: -0.2rem 0.2rem 0 0 #b3b3b3; transform: rotate(-45deg) scale(1); } .ax-checkbox input[type="checkbox"] + span:empty:before { margin-right: 0; } .ax-checkbox.ax-bone { height: 1.8rem; width: 1.8rem; } .ax-checkbox.ax-bone span { width: 100%; height: 100%; margin: 0; } .ax-checkbox.ax-bone span:before { left: 0.1rem; top: 0.1rem; } .ax-checkbox.ax-bone span:after { left: 0.4rem; top: 0.2rem; } /*checkbox size*/ .ax-checkbox.ax-xs span { line-height: 2.2rem; margin-right: 1.4rem; } .ax-checkbox.ax-xs span:before { top: 0.3rem; } .ax-checkbox.ax-xs span:after { top: 0.4rem; } .ax-checkbox.ax-sm span { line-height: 2.8rem; margin-right: 1.4rem; } .ax-checkbox.ax-sm span:before { top: 0.6rem; } .ax-checkbox.ax-sm span:after { top: 0.7rem; } .ax-checkbox.ax-lg span { line-height: calc(2.8rem + 2rem); } .ax-checkbox.ax-lg span:before { top: 1.6rem; } .ax-checkbox.ax-lg span:after { top: 1.7rem; } .ax-chera { font-size: 1.4rem; width: 100%; display: block; box-sizing: border-box; cursor: pointer; margin: 0.5rem auto; position: relative; } .ax-chera input { display: none; } .ax-chera span { width: 100%; height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); border-radius: 0.3rem; white-space: nowrap; padding: 0 1rem; margin: 0.5rem auto; display: block; box-sizing: border-box; transition: all 200ms ease-out; position: relative; } .ax-chera span:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; border-width: 1px; border-style: solid; width: 100%; height: 100%; border-radius: 0.3rem; border-color: rgba(0, 0, 0, 0.12); } .ax-chera span:after { content: ''; width: 1rem; height: 0.6rem; cursor: pointer; box-shadow: -0.2rem 0.2rem 0 0 #b3b3b3; display: inline-block; position: absolute; top: 0.7rem; right: 1.2rem; opacity: 0.4; transform: rotate(-45deg); transition: all 200ms ease-out; } .ax-chera:hover span { border-color: #198cff; } .ax-chera input:checked + span { color: #fff; border-color: #198cff; background-color: #198cff; } .ax-chera input:checked + span:after { opacity: 1; box-shadow: -0.2rem 0.2rem 0 0 #fff; transform: rotate(-45deg); } .ax-chera input:focus + span { outline: none; border-color: #198cff; } .ax-chera input:focus + span:after { box-shadow: -0.2rem 0.2rem 0 0 #198cff; } .ax-chera input:disabled + span { color: #b3b3b3; } .ax-chera input:disabled + span { border-color: #e0e0e0; background-color: #f0f0f0; } .ax-chera input:disabled:checked + span { background-color: rgba(25, 140, 255, 0.1); } .ax-chera input:disabled:checked + span:after { box-shadow: -0.2rem 0.2rem 0 0 #b3b3b3; } /*chera size*/ .ax-chera.ax-xs { font-size: 1.2rem; margin: 0.1rem auto; } .ax-chera.ax-xs span { height: 2rem; line-height: 2rem; padding-left: 0.4rem; margin: 0 auto; } .ax-chera.ax-xs span:after { top: 0.3rem; right: 0.6rem; } .ax-chera.ax-sm { margin: 0.1rem auto; } .ax-chera.ax-sm span { height: calc(2.8rem - 0.2rem); line-height: calc(2.8rem - 0.2rem); margin: 0.1rem auto; } .ax-chera.ax-sm span:after { top: 0.6rem; } .ax-chera.ax-lg span { height: calc(2.8rem + 1rem); line-height: calc(2.8rem + 1rem); } .ax-chera.ax-lg span:after { top: 1.2rem; } .ax-switch { width: 4rem; box-sizing: border-box; } .ax-switch input { display: none; } .ax-switch span { width: 100%; height: 2.2rem; border: 1px solid #e0e0e0; border-radius: 2.2rem; margin: calc((3.8rem - 2.2rem)/2) 0; display: block; box-sizing: border-box; transition: all 200ms linear; position: relative; } .ax-switch span:before { content: ''; width: 2rem; height: 2rem; border-radius: 100%; background-color: #fff; box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4); transition: all 200ms linear; position: absolute; left: 0; } .ax-switch:hover span { border-color: #198cff; } .ax-switch input:checked + span { border-color: #198cff; background-color: #198cff; } .ax-switch input:checked + span:before { left: 1.8rem; } .ax-switch input:disabled + span { border-color: #e0e0e0; background-color: #f0f0f0; } .ax-switch input:disabled:checked + span { background-color: rgba(25, 140, 255, 0.1); } .ax-switch.ax-bone span { margin: 0; } /*switch size*/ .ax-switch.ax-xs span { margin: 0; } .ax-switch.ax-sm span { margin: 0.3rem 0; } .ax-switch.ax-lg span { margin: 1.3rem 0; } /*amount's increase & decrease*/ .ax-amount { border-radius: 0.3rem; width: calc(3.8rem*4); height: 3.8rem; box-sizing: border-box; position: relative; border: 1px solid #e0e0e0; } .ax-amount:hover { border-color: rgba(25, 140, 255, 0.5); } .ax-amount [decrease], .ax-amount [increase] { background-color: #fafafa; box-sizing: border-box; width: 3.8rem; height: 100%; line-height: calc(3.8rem - 0.2rem); text-align: center; position: absolute; top: 0; z-index: 1; overflow: hidden; color: #666666; } .ax-amount [decrease] { left: 0; border-radius: 0.3rem 0 0 0.3rem; border-right: 1px solid #e0e0e0; } .ax-amount [increase] { right: 0; border-radius: 0 0.3rem 0.3rem 0; border-left: 1px solid #e0e0e0; } .ax-amount [class*="font"] { font-size: 1.2rem; } .ax-amount svg { width: 1.2rem; height: 100%; } .ax-amount.ax-array-left input { padding-left: calc(1rem + 3.8rem); } .ax-amount.ax-array-right input { padding-right: calc(1rem + 3.8rem); } .ax-amount.ax-array-left [decrease], .ax-amount.ax-array-left [increase], .ax-amount.ax-array-right [decrease], .ax-amount.ax-array-right [increase] { height: 50%; } .ax-amount.ax-array-left [increase], .ax-amount.ax-array-right [increase] { line-height: calc((3.8rem + 1.2rem)/2); } .ax-amount.ax-array-left svg, .ax-amount.ax-array-right svg { height: calc((100% + 1.2rem)/2); } .ax-amount.ax-array-left [decrease], .ax-amount.ax-array-right [decrease] { line-height: calc((3.8rem - 1.2rem)/2); } .ax-amount.ax-array-left svg, .ax-amount.ax-array-right svg { height: calc((100% - 1.2rem)/2); } .ax-amount.ax-array-left [decrease] { border-radius: 0 0 0 0.3rem; top: auto; bottom: 0; } .ax-amount.ax-array-left [increase] { border-radius: 0.3rem 0 0 0; border-right: 1px solid #e0e0e0; border-left: 0; top: 0; right: auto; left: 0; } .ax-amount.ax-array-right [decrease] { border-radius: 0 0 0.3rem 0; border-left: 1px solid #e0e0e0; border-right: 0; left: auto; top: auto; right: 0; bottom: 0; } .ax-amount.ax-array-right [increase] { border-radius: 0 0.3rem 0 0; top: 0; } .ax-amount input { height: 100% !important; text-align: center; border: 0; } .ax-amount input:not([readonly]):not([disabled]):focus { box-shadow: 0 0 0 0.4rem rgba(25, 140, 255, 0.2); } .ax-amount input[readonly] ~ *, .ax-amount input[disabled] ~ * { color: #b3b3b3; cursor: not-allowed; background: transparent; } .ax-amount [increase][disabled], .ax-amount [increase][readonly], .ax-amount [decrease][disabled], .ax-amount [decrease][readonly] { color: #b3b3b3; cursor: not-allowed; } .ax-amount.ax-xs { width: calc(2.2rem*4); height: 2.2rem; } .ax-amount.ax-xs [decrease], .ax-amount.ax-xs [increase] { line-height: calc(2.2rem - 0.2rem); width: 2.2rem; } .ax-amount.ax-xs input { font-size: 1.2rem; line-height: calc(2.2rem - 0.2rem); } .ax-amount.ax-xs [class*="font"] { font-size: 1rem; } .ax-amount.ax-array-right.ax-xs input { padding-right: calc(1rem + 2.2rem); } .ax-amount.ax-array-left.ax-xs [increase], .ax-amount.ax-array-right.ax-xs [increase] { line-height: calc(2.2rem/2); } .ax-amount.ax-array-left.ax-xs [decrease], .ax-amount.ax-array-right.ax-xs [decrease] { line-height: calc(2.2rem/2); } .ax-amount.ax-sm { width: calc((3.8rem - 1rem)*4); height: calc(3.8rem - 1rem); } .ax-amount.ax-sm input { line-height: calc(3.8rem - 1.2rem); } .ax-amount.ax-array-right.ax-sm input { padding-right: 3.8rem; } .ax-amount.ax-sm [decrease], .ax-amount.ax-sm [increase] { line-height: calc(3.8rem - 1.2rem); width: calc(3.8rem - 1rem); } .ax-amount.ax-array-left.ax-sm [increase], .ax-amount.ax-array-right.ax-sm [increase] { line-height: calc((3.8rem - 1rem + 0.8rem)/2); } .ax-amount.ax-array-left.ax-sm [decrease], .ax-amount.ax-array-right.ax-sm [decrease] { line-height: calc((3.8rem - 1rem - 0.6rem)/2); } .ax-amount.ax-lg { width: calc((3.8rem + 1rem)*4); height: calc(3.8rem + 1rem); } .ax-amount.ax-lg input { line-height: calc(3.8rem + 0.8rem); } .ax-amount.ax-array-right.ax-lg input { padding-right: calc(3.8rem + 2rem); } .ax-amount.ax-lg [decrease], .ax-amount.ax-lg [increase] { line-height: calc(3.8rem + 0.8rem); width: calc(3.8rem + 1rem); } .ax-amount.ax-array-left.ax-lg [increase], .ax-amount.ax-array-right.ax-lg [increase] { line-height: calc((3.8rem + 1rem + 1.2rem)/2); } .ax-amount.ax-array-left.ax-lg [decrease], .ax-amount.ax-array-right.ax-lg [decrease] { line-height: calc((3.8rem + 1rem - 1.2rem)/2); } /*password strength*/ .ax-strength { color: #b3b3b3; font-size: 1.2rem; text-align: center; line-height: 0; } .ax-form-con + .ax-strength { margin-left: 0.8rem; } .ax-form-input input + .ax-strength { padding-left: 0.3rem; padding-right: 0.3rem; margin-top: -0.5rem; margin-bottom: 0.5rem; position: relative; z-index: 1; } .ax-form-input input + .ax-strength .ax-bar { height: 0.2rem; } .ax-strength .ax-bar { width: 100%; height: 0.3rem; background-color: rgba(0, 0, 0, 0.08); } .ax-strength .ax-lv1 .ax-bar { background-color: #dc3545; } .ax-strength .ax-lv2 .ax-bar { background-color: #ff8400; } .ax-strength .ax-lv3 .ax-bar { background-color: #41a358; } .ax-strength .ax-lv4 .ax-bar { background-color: #14ccc9; } .ax-strength .ax-lv5 .ax-bar { background-color: #198cff; } .ax-strength .ax-col:nth-of-type(1) .ax-title:before { content: '很弱'; } .ax-strength .ax-col:nth-of-type(2) .ax-title:before { content: '弱'; } .ax-strength .ax-col:nth-of-type(3) .ax-title:before { content: '中'; } .ax-strength .ax-col:nth-of-type(4) .ax-title:before { content: '强'; } .ax-strength .ax-col:nth-of-type(5) .ax-title:before { content: '很强'; } .ax-strength .ax-active.ax-lv1 { color: #dc3545; } .ax-strength .ax-active.ax-lv2 { color: #ff8400; } .ax-strength .ax-active.ax-lv3 { color: #41a358; } .ax-strength .ax-active.ax-lv4 { color: #14ccc9; } .ax-strength .ax-active.ax-lv5 { color: #198cff; } .ax-strength .ax-active ~ div .ax-bar { background-color: rgba(0, 0, 0, 0.08); } .ax-strength .ax-title { width: 2.8rem; line-height: calc(3.8rem - 0.3rem); } .ax-strength-svg { height: 3.8rem; width: 3.8rem; text-align: center; line-height: 3.8rem; position: relative; } @keyframes strength-weak { 100% { stroke-dashoffset: -76; } } @keyframes strength-medium { 100% { stroke-dashoffset: -152; } } @keyframes strength-strong { 100% { stroke-dashoffset: -228; } } .ax-strength-svg:before { content: '弱'; color: #b3b3b3; } .ax-strength-svg svg { position: absolute; left: 0; top: 0; height: 3.8rem; width: 3.8rem; } .ax-strength-svg svg path { fill: none; stroke-width: 3.7253; } .ax-strength-svg path.svg-bg { stroke: #dc3545; } .ax-strength-svg path.svg-out { stroke-dasharray: 227 229; stroke: #f0f0f0; stroke-width: 5.7253; transition: all 0.8s ease-out; } .ax-strength-svg.ax-weak path.svg-bg { stroke: #dc3545; } .ax-strength-svg.ax-weak path.svg-out { stroke-dashoffset: -76; } .ax-strength-svg:before { position: relative; z-index: 2; } .ax-strength-svg.ax-weak:before { content: '弱'; color: #dc3545; } .ax-strength-svg.ax-medium path.svg-bg { stroke: #ff8400; } .ax-strength-svg.ax-medium path.svg-out { stroke-dashoffset: -152; } .ax-strength-svg.ax-medium:before { content: '中'; color: #ff8400; } .ax-strength-svg.ax-strong path.svg-bg { stroke: #41a358; } .ax-strength-svg.ax-strong path.svg-out { stroke-dashoffset: -228; } .ax-strength-svg.ax-strong:before { content: '强'; color: #41a358; } .ax-strength.ax-xs .ax-title { line-height: 1.9rem; } .ax-strength-svg.ax-xs { height: 2.2rem; width: 2.2rem; line-height: 2.2rem; } .ax-strength-svg.ax-xs svg { height: 2.2rem; width: 2.2rem; } .ax-strength.ax-sm .ax-title { line-height: calc(3.8rem - 1rem - 0.3rem); } .ax-strength-svg.ax-sm { height: calc(3.8rem - 1rem); width: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); } .ax-strength-svg.ax-sm svg { height: calc(3.8rem - 1rem); width: calc(3.8rem - 1rem); } /*valid*/ .ax-valid { font-size: 1.4rem; line-height: 1.8rem; padding: calc((2.8rem - 1.8rem)/2) 0; } .ax-valid *[class*="font"] { font-size: 1.4rem; margin-right: 0.2rem; } .ax-form-btn { margin-left: 0.8rem; padding: 0 1.4rem; height: 3.8rem; line-height: 3.8rem; } .ax-form-txt { font-size: 1.4rem; line-height: 3.8rem; margin-left: 0.8rem; } .ax-form-txt.ax-disabled { opacity: 0.3; cursor: not-allowed; } .ax-form-head { height: 3.8rem; width: 3.8rem; border-radius: 100%; margin-left: 0.8rem; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; } .ax-form-img { font-size: 1.4rem; border-radius: 0.3rem; height: 3.8rem; line-height: 3.8rem; margin-left: 0.8rem; display: block; position: relative; } .ax-form-img:before { border-radius: 0.3rem; content: ""; pointer-events: none; box-sizing: border-box; position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; border-width: 1px; border-style: solid; width: 100%; height: 100%; border-color: rgba(0, 0, 0, 0.12); } .ax-form-img img { height: 100%; border-radius: 0.3rem; vertical-align: top; } .ax-form-img a, .ax-form-img span, .ax-form-img i { margin: 0 1.4rem; } .ax-bunch-txt { line-height: 3.8rem; margin: 0 0.8rem; } .ax-pos-right { font-size: 1.4rem; line-height: 3.8rem; padding-right: 1rem; position: absolute; right: 0; top: 0; z-index: 2; } .ax-pos-right *[class*="font"], .ax-pos-right *[class*="iconset"] { color: #ccc; margin-left: 1.4rem; } .ax-pos-right .ax-val-none:hover { color: #666666; } .ax-pos-left { line-height: 3.8rem; padding-left: 1rem; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; } .ax-pos-left *[class*='font'] { color: #adc1cc; width: 1.8rem; } .ax-pos-left svg { fill: #adc1cc; height: 3.8rem; margin-right: 0.4rem; float: left; } /*form group*/ .ax-input-group .ax-prefix, .ax-input-group .ax-suffix:not(.ax-btn) { color: #333333; background-color: #fafafa; height: 3.8rem; line-height: calc(3.8rem - 2px); text-align: center; padding: 0 1rem; border-color: #e0e0e0; border-style: solid; border-width: 1px 0 1px 1px; box-sizing: border-box; } .ax-input-group .ax-prefix { border-width: 1px 0 1px 1px; border-radius: 0.3rem 0 0 0.3rem; } .ax-input-group .ax-suffix:not(.ax-btn) { border-width: 1px; border-radius: 0 0.3rem 0.3rem 0; } .ax-input-group input:focus { border-color: #198cff !important; box-shadow: 0 0 0 0.1rem #198cff inset; } .ax-input-group .ax-chera { margin: 0; } .ax-input-group .ax-chera span { height: 3.8rem; line-height: 3.8rem; margin: 0; } .ax-input-group .ax-chera span:after { top: 1.3rem; } .ax-input-group .ax-suffix.ax-btn { border-radius: 0 0.3rem 0.3rem 0; padding: 0 1.2rem; } .ax-input-group .ax-suffix.ax-btn:after { border-radius: 0 0.3rem 0.3rem 0; } .ax-input-group .ax-prefix + div input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-input-group .ax-with-suffix input { border-right-width: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; z-index: 2; } .ax-input-group .ax-with-suffix:after { content: ''; width: 1px; height: 100%; background-color: rgba(25, 140, 255, 0.5); opacity: 0; transition: all 100ms linear; position: absolute; right: -1px; top: 0; z-index: 2; } .ax-input-group .ax-with-suffix:hover:after { opacity: 1; } .ax-input-group .ax-with-suffix:focus-within:after { opacity: 1; background-color: #198cff; } .ax-input-group .ax-prefix + div .ax-file:before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-input-group .ax-prefix + div .ax-chera span, .ax-input-group .ax-prefix + div .ax-chera span:before { border-radius: 0; border-right-width: 0; } .ax-input-group .ax-prefix + div .ax-col:last-child .ax-chera span, .ax-input-group .ax-prefix + div .ax-col:last-child .ax-chera span:before { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; border-right-width: 1px; } .ax-input-group .ax-suffix-select .ax-select-inner { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-input-group .ax-suffix-select.ax-open .ax-select-inner { border-radius: 0 0.3rem 0 0; } .ax-input-group .ax-suffix-select.ax-flipped.ax-open .ax-select-inner { border-radius: 0 0 0.3rem 0; } .ax-input-group .ax-prefix-select .ax-select-inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-input-group .ax-prefix-select.ax-open .ax-select-inner { border-radius: 0.3rem 0 0 0; } .ax-input-group .ax-prefix-select.ax-flipped.ax-open .ax-select-inner { border-radius: 0 0 0 0.3rem; } .ax-input-group .ax-prefix-select + div input { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } .ax-input-group .ax-prefix-select + div:before { content: ''; width: 1px; height: 100%; background-color: rgba(25, 140, 255, 0.5); opacity: 0; transition: all 100ms linear; position: absolute; left: -1px; top: 0; z-index: 2; } .ax-input-group .ax-prefix-select + div:hover:before { opacity: 1; } .ax-input-group .ax-prefix-select + div:focus-within:before { opacity: 1; background-color: #198cff; } /*search*/ .ax-search { box-sizing: border-box; display: flex; width: 100%; zoom: 1; } .ax-search .ax-search-center { display: block; flex: auto; width: 0; position: relative; } .ax-search .ax-search-center input[type="text"] { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-search .ax-search-center input[type="text"]:focus { border-color: #198cff !important; box-shadow: 0 0 0 0.1rem #198cff inset; } .ax-search .ax-search-center:hover input[type="text"] { border-color: rgba(25, 140, 255, 0.5); } .ax-search > select + span + .ax-search-center input[type="text"] { border-left-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-search .ax-complete { display: block; } .ax-search > .ax-select .ax-select-inner { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-search > .ax-select.ax-open .ax-select-inner { border-radius: 0.3rem 0 0 0; } .ax-search > .ax-select.ax-flipped.ax-open .ax-select-inner { border-radius: 0 0 0 0.3rem; } .ax-search > .ax-select + div input { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } .ax-search > .ax-select + div:before { content: ''; width: 1px; height: 100%; background-color: rgba(25, 140, 255, 0.5); opacity: 0; transition: all 100ms linear; position: absolute; left: -1px; top: 0; z-index: 2; } .ax-search > .ax-select + div:hover:before { opacity: 1; } .ax-search > .ax-select + div:focus-within:before { opacity: 1; background-color: #198cff; } .ax-search .ax-operate { font-size: 1.4rem; line-height: 2.2rem; padding-right: 0.6rem; text-align: center; position: absolute; right: 0; top: calc((3.8rem - 2.2rem)/2); z-index: 2; } .ax-search .ax-operate *[class*="font"] { color: #ccc; height: 2.2rem; width: 2.2rem; border-radius: 2.2rem; margin-left: 0.4rem; } .ax-search .ax-operate *[class*="font"]:hover { color: #198cff; background-color: #f0f7ff; } .ax-search .ax-operate *[class*="reset"] { display: none; } .ax-search .ax-operate *[class*="reset"]:hover { color: #333333; background-color: #f0f0f0; } .ax-search .ax-search-center .ax-adorn { color: #ccc; line-height: 3.8rem; padding-left: 1rem; position: absolute; left: 0; top: 0; z-index: 2; } .ax-search .ax-search-center .ax-adorn + input[type="text"], .ax-search .ax-search-center .ax-adorn + .ax-complete > input[type="text"] { padding-left: 3.4rem; } .ax-search .ax-search-start { color: #b3b3b3; height: 3.8rem; line-height: calc(3.8rem - 0.2rem); border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding-left: 1rem; box-sizing: border-box; } .ax-search .ax-search-end { height: 3.8rem; line-height: calc(3.8rem - 0.2rem); background-color: #fafafa; border: 1px solid #e0e0e0; border-left-width: 0; padding-left: calc(1.4rem*2); padding-right: calc(1.4rem*2); box-sizing: border-box; border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; cursor: pointer; transition: all 100ms linear; } .ax-search .ax-search-end:hover { color: #198cff; border-color: #e0e0e0 !important; } .ax-search.ax-dark .ax-search-end, .ax-search.ax-dark .ax-search-end:hover { color: #fff; background-color: #198cff; border-color: #198cff !important; } .ax-search.ax-dark .ax-search-center input[type="text"] { border-color: #198cff; box-shadow: 0 0 0 1px #198cff inset; } .ax-search.ax-dark .ax-search-center:hover input[type="text"] { border-color: #198cff; } .ax-search.ax-dark > .ax-select .ax-select-inner { border-right-width: 0; border-color: #198cff; box-shadow: 0 0 0 1px #198cff inset; } .ax-search.ax-dark > .ax-select + .ax-search-center input[type="text"] { border-left-width: 0; box-shadow: -1px 0 0 1px #198cff inset; } .ax-search.ax-round .ax-search-end { border-top-right-radius: calc(3.8rem/2); border-bottom-right-radius: calc(3.8rem/2); } .ax-search.ax-round .ax-search-center input[type="text"], .ax-search.ax-round .ax-search-center .ax-complete > input[type="text"] { border-top-left-radius: calc(3.8rem/2); border-bottom-left-radius: calc(3.8rem/2); padding-left: 1.6rem; } .ax-search.ax-round > .ax-select .ax-select-inner { border-radius: calc(3.8rem/2) 0 0 calc(3.8rem/2); } .ax-search.ax-round > .ax-select.ax-open .ax-select-inner { border-radius: calc(3.8rem/2) 0 0 0; } .ax-search.ax-round > .ax-select.ax-flipped.ax-open .ax-select-inner { border-radius: 0 0 0 calc(3.8rem/2); } .ax-search.ax-round > .ax-select + .ax-search-center input[type="text"], .ax-search.ax-round > select + span + .ax-search-center .ax-complete > input[type="text"] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-search.ax-round > .ax-select + .ax-search-center input[type="text"], .ax-search.ax-round > .ax-select + .ax-search-center .ax-complete > input[type="text"] { padding-left: 1rem; } .ax-search.ax-round .ax-search-center .ax-adorn + input[type="text"], .ax-search.ax-round .ax-search-center .ax-adorn + .ax-complete > input[type="text"] { padding-left: 3.4rem; } .ax-search.ax-square .ax-search-end { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-search.ax-square .ax-search-center input[type="text"], .ax-search.ax-square .ax-search-center .ax-complete > input[type="text"] { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-search.ax-square > .ax-select .ax-select-inner { border-radius: 0; } .ax-search.ax-square > .ax-select.ax-open .ax-select-inner { border-radius: 0; } .ax-search.ax-square > .ax-select.ax-flipped.ax-open .ax-select-inner { border-radius: 0; } /*emulate tel*/ .ax-emulate .ax-form-group { padding: 0 1.4rem; } .ax-emulate .ax-form-con { flex: auto; width: 0; } .ax-emulate .ax-form-input, .ax-emulate .ax-form-con { width: 100%; } .ax-emulate textarea { height: 8.8rem; line-height: calc(3.8rem - 1rem); padding-top: 0; padding-bottom: 0; } .ax-emulate input[type="text"], .ax-emulate input[type="search"], .ax-emulate input[type="url"], .ax-emulate input[type="email"], .ax-emulate input[type="number"], .ax-emulate input[type="password"], .ax-emulate select, .ax-emulate textarea { border: 0rem; } .ax-emulate input[type="text"], .ax-emulate input[type="search"], .ax-emulate input[type="url"], .ax-emulate input[type="email"], .ax-emulate input[type="number"], .ax-emulate input[type="password"], .ax-emulate input[type="file"], .ax-emulate select { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); } .ax-emulate input[type="text"]:not([readonly]):not([class*='ax-check']), .ax-emulate input[type="text"][readonly].mbsc-comp, .ax-emulate input[type="search"]:not([readonly]):not([class*='ax-check']), .ax-emulate input[type="url"]:not([readonly]):not([class*='ax-check']), .ax-emulate input[type="email"]:not([readonly]):not([class*='ax-check']), .ax-emulate input[type="number"]:not([readonly]):not([class*='ax-check']), .ax-emulate input[type="password"]:not([readonly]):not([class*='ax-check']), .ax-emulate textarea:not([readonly]):not([class*='ax-check']) { padding-left: 0; padding-right: 0; } .ax-emulate input[type="text"]:focus, .ax-emulate input[type="search"]:focus, .ax-emulate input[type="url"]:focus, .ax-emulate input[type="email"]:focus, .ax-emulate input[type="number"]:focus, .ax-emulate input[type="password"]:focus, .ax-emulate select:focus, .ax-emulate textarea:focus { border: 0rem; box-shadow: none; } .ax-emulate .ax-form-btn { font-size: 1.2rem; height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); } .ax-emulate .ax-form-btn.ax-icon { font-size: 1.2rem; width: calc(3.8rem - 1rem); } .ax-emulate .ax-form-btn.ax-icon .ax-iconfont { font-size: 1.2rem !important; } .ax-emulate .ax-form-btn.ax-icon svg { width: 1.2rem; height: 1.2rem; } .ax-emulate .ax-form-label { height: calc(3.8rem - 1rem); line-height: calc((3.8rem - 1rem)/2); width: 7rem; text-align: left; margin-right: 0; justify-content: flex-start; } .ax-emulate .ax-form-txt { line-height: calc(3.8rem - 1rem); margin-left: 0.8rem; } .ax-emulate .ax-form-group { padding: 0.8rem 1.4rem; } .ax-emulate .ax-pos-right { right: -1rem; line-height: calc(3.8rem - 1rem); } .ax-emulate .ax-form-head { height: calc(3.8rem - 1rem); width: calc(3.8rem - 1rem); } .ax-emulate .ax-file:before { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1.2rem); border: none; padding-left: 0; } .ax-emulate .ax-file.ax-focus:before { box-shadow: none; } .ax-emulate .ax-file:after { font-size: 1.2rem; border-radius: 0.3rem; height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); } .ax-emulate .ax-bunch-txt { line-height: calc(3.8rem - 1rem); } .ax-emulate .ax-bunch-txt:last-child { margin-right: 0; } .ax-emulate .ax-form-img { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); } .ax-emulate .ax-form-img:before { display: none; } .ax-emulate .ax-form-img a, .ax-emulate .ax-form-img span, .ax-emulate .ax-form-img i { margin: 0; } .ax-emulate .ax-pos-left { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); padding-left: 0; } .ax-emulate .ax-pos-left svg { height: calc(3.8rem - 1rem); } .ax-emulate .ax-select { margin-top: calc((-3.8rem + 2.8rem)/2); margin-bottom: calc((-3.8rem + 2.8rem)/2); width: 100% !important; } .ax-emulate .ax-select:not(.ax-open) .ax-select-inner { border-color: transparent; } .ax-emulate .ax-radio, .ax-emulate .ax-checkbox, .ax-emulate .ax-chera, .ax-emulate .ax-switch { margin-top: calc((-3.8rem + 2.8rem)/2); margin-bottom: calc((-3.8rem + 2.8rem)/2); } .ax-emulate .ax-chera span:before { border: none !important; } .ax-emulate .ax-amount { width: calc(2.8rem*4); height: 2.8rem; border: none; } .ax-emulate .ax-amount [decrease], .ax-emulate .ax-amount [increase] { width: 2.8rem; line-height: calc(2.8rem - 0.2rem); border-radius: 2.8rem; border: 1px solid #e0e0e0; } .ax-emulate .ax-amount input:not([readonly]):not([disabled]):focus { box-shadow: none; } .ax-emulate .ax-input-group .ax-btn { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); font-size: 1.2rem; } .ax-emulate .ax-input-group .ax-operate, .ax-emulate .ax-input-group .ax-operate:after { border-radius: 0.3rem; } .ax-emulate .irs--ax { margin-top: calc((-3.8rem + 2.8rem)/2); } .ax-emulate .mbsc-fr-inline { border-top: 1px solid #ebebeb; } .ax-emulate .ax-strength .ax-bar { height: 0.2rem; } .ax-emulate .ax-strength .ax-title { line-height: calc(3.8rem - 1rem - 0.2rem); } .ax-emulate .ax-strength-svg svg { width: calc(3.8rem - 1rem); height: calc(3.8rem - 1rem); } .ax-emulate .ax-strength-svg { width: calc(3.8rem - 1rem); height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); } /*table*/ .ax-table { font-size: 1.4rem; width: 100%; border-collapse: collapse; border-radius: 0.3rem; border-top: 1px solid #ebebeb; background-color: #fff; border-spacing: 0; } .ax-table tr { border-bottom: 1px solid #ebebeb; padding: 0.5rem; transition: all 100ms linear; } /*list.js table sortable*/ .ax-table [sort] { cursor: pointer; } .ax-table [sort] span:after { content: '\2666'; color: transparent; font-weight: normal; font-size: 1.8rem; line-height: 1.4rem; margin-left: 0.4rem; margin-top: -0.2rem; background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%); background-clip: text; -webkit-background-clip: text; transition: all 100ms linear; } .ax-table [sort][asc] span:after { background: linear-gradient(to bottom, #666666 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%); background-clip: text; -webkit-background-clip: text; } .ax-table [sort][desc] span:after { background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #666666 63%, #666666 100%); background-clip: text; -webkit-background-clip: text; } .ax-table th { font-size: 1.4rem; line-height: 1.8rem; text-align: center; text-transform: none; padding: 1rem 0; } .ax-table td { line-height: 1.8rem; text-align: center; padding: 1rem 0; } .ax-table td .ax-align-left, .ax-table th .ax-align-left { margin: 0 1.4rem; } .ax-table.ax-align-left td, .ax-table.ax-align-left th { text-align: left; padding-left: 1.4rem; padding-right: 1.4rem; } .ax-table .ax-avatar { margin-top: calc((-2.2rem + 1.8rem)/2); margin-bottom: calc((-2.2rem + 1.8rem)/2); } .ax-table.ax-stripe tbody tr:nth-child(odd), .ax-table.ax-stripe-odd tbody tr:nth-child(odd) { background-color: #fafafa; } .ax-table.ax-stripe-even tbody tr:nth-child(even) { background-color: #fafafa; } .ax-table.ax-stripe-none tbody tr { background: transparent; } .ax-table.ax-hover tbody tr:not(.ax-selected):hover { background-color: #f5f5f5; } .ax-table.ax-hover-none tbody tr:not(.ax-selected):hover { background: transparent; } .ax-table tbody tr.ax-selected, .ax-table tbody td.ax-selected { background-color: #f0f7ff; } .ax-table.ax-order *[class*="ax-sorting-"] { background-color: rgba(0, 0, 0, 0.02); } /*datatables sort*/ .ax-table thead *[class*='sorting'] { position: relative; cursor: pointer; } .ax-table thead *[class*='sorting']:after { content: '\2666'; color: transparent; font-weight: normal; font-size: 1.8rem; line-height: 1.4rem; margin-left: 0.4rem; margin-top: -0.2rem; transition: all 100ms linear; } .ax-table thead .ax-sorting:after { background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%); background-clip: text; -webkit-background-clip: text; } .ax-table thead .ax-sorting-asc:after { background: linear-gradient(to bottom, #666666 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%); background-clip: text; -webkit-background-clip: text; } .ax-table thead .ax-sorting-desc:after { background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #666666 63%, #666666 100%); background-clip: text; -webkit-background-clip: text; } .ax-table thead[class*='-sorting'] .ax-align-left { float: left; width: calc(100% - 1.4rem*4); } .ax-table thead[class*='-sorting'] .ax-align-right { float: right; width: calc(100% - 1.4rem*4); } .ax-table thead .ax-sorting-disabled:before, .ax-table thead .ax-sorting-disabled:after { display: none; margin: 0 !important; } .ax-table tfoot .left { text-align: left; margin-left: 1.4rem; } .ax-table tfoot .right { text-align: right; margin-right: 1.4rem; } .ax-table .ax-btn.ax-xs { margin-top: calc((-2.2rem + 1.8rem)/2); margin-bottom: calc((-2.2rem + 1.8rem)/2); } .ax-table .ax-btn.ax-icon.ax-xs { position: relative; } .ax-table .ax-operate { margin-top: calc((-2.2rem + 1.8rem)/2); margin-bottom: calc((-2.2rem + 1.8rem)/2); } .ax-table .ax-operate [class*="font"] { color: #b3b3b3; font-size: 1.4rem; height: 2.2rem; line-height: 2.2rem; width: 2.2rem; text-align: center; box-sizing: border-box; position: relative; } .ax-table .ax-operate [class*="font"].ax-color-forbid { color: rgba(179, 179, 179, 0.5); cursor: not-allowed; } .ax-table .ax-operate [class*="font"] .ax-dot { position: absolute; right: 0; top: 0; } .ax-table tbody tr:hover .ax-operate [class*="font"] { color: #666666; } .ax-table tbody tr:hover .ax-operate [class*="font"].ax-color-forbid { color: rgba(179, 179, 179, 0.5); } .ax-table .ax-operate [class*="font"]:hover { background-color: #fff; border: 1px solid #ebebeb; line-height: calc(2.2rem - 0.2rem); border-radius: 0.3rem; } .ax-table .ax-operate [class*="font"]:hover .ax-dot { right: -0.1rem; top: -0.1rem; } .ax-table .ax-ell { max-width: 16rem; } .ax-table .ax-form-input, .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='search'], .ax-table td > input[type='search'] { width: 12rem; max-width: 100%; } .ax-table .ax-form-group .ax-col { width: auto; } .ax-table.ax-order *[class*="ax-sorting-"] { background-color: rgba(0, 0, 0, 0.02); } .ax-table thead *[class*='sorting'] { position: relative; cursor: pointer; } .ax-table thead *[class*='sorting']:after { content: '\2666'; color: transparent; font-weight: normal; font-size: 1.8rem; line-height: 1.4rem; margin-left: 0.4rem; margin-top: -0.2rem; transition: all 100ms linear; } .ax-table thead .ax-sorting:after { background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%); background-clip: text; -webkit-background-clip: text; } .ax-table thead .ax-sorting-asc:after { background: linear-gradient(to bottom, #666666 54%, transparent 54%, transparent 63%, #ccc 63%, #ccc 100%); background-clip: text; -webkit-background-clip: text; } .ax-table thead .ax-sorting-desc:after { background: linear-gradient(to bottom, #ccc 54%, transparent 54%, transparent 63%, #666666 63%, #666666 100%); background-clip: text; -webkit-background-clip: text; } .ax-table thead[class*='-sorting'] .ax-align-left { float: left; width: calc(100% - 1.4rem*4); } .ax-table thead[class*='-sorting'] .ax-align-right { float: right; width: calc(100% - 1.4rem*4); } .ax-table-wrapper:after { content: '.'; visibility: hidden; clear: both; display: block; height: 0rem; } .ax-table-wrapper div:first-child + .ax-break { height: 0; } .ax-table-wrapper .ax-table-info { color: #666666; margin-right: 1.4rem; float: left; } .ax-table-wrapper .ax-table-info > span { margin-left: 1.4rem; } .ax-table-wrapper .ax-table-processing { color: #666666; text-align: center; margin: 1.4rem auto; } .ax-table-wrapper .ax-pagination { margin-top: 0; margin-bottom: 0; } .ax-table-wrapper .ax-table-length { color: #666666; float: left; } .ax-table-wrapper .ax-table-length .ax-col { margin: 0 0.4rem; } .ax-table-wrapper .ax-table-filter { float: right; } .ax-table-wrapper .ax-table-filter .ax-btn { margin-left: 0.4rem; } .ax-table-wrapper *[class*='-pagination'] { text-align: right; float: right; } .ax-table-wrapper .ax-overlay { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); cursor: pointer; position: absolute; top: 0; left: 0; z-index: 2; } .ax-table-wrapper .ax-table-button { position: relative; } .ax-table-wrapper .ax-table-button > .ax-btn.ax-last + .ax-overlay + .ax-collection { left: auto !important; right: 0; } .ax-table-wrapper .ax-table-button.ax-float-left { margin-right: 1.4rem; } .ax-table-wrapper .ax-table-button.ax-float-right { margin-left: 1.4rem; } .ax-table-wrapper .ax-table-button .ax-collection { width: 12rem; text-align: center; background-color: #fff; border: 1px solid #ebebeb; border-radius: 0.3rem; position: absolute; z-index: 2; } .ax-table-wrapper .ax-table-button .ax-collection .ax-btn { border-width: 0 0 0.1rem 0; border-radius: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; width: 100%; } .ax-table-wrapper .ax-table-button .ax-collection button.ax-btn { border-width: 0 0 0.1rem 0; } .ax-table-wrapper .ax-table-button .ax-collection a.ax-btn:after { border-width: 0 0 0.1rem 0; border-radius: 0; } .ax-table-wrapper .ax-table-button .ax-collection .ax-btn.ax-active:not(.ax-disabled) { color: #198cff; background-color: #f0f7ff; } .ax-table-wrapper .ax-table-button .ax-collection .ax-btn:not(.ax-disabled):hover, .ax-table-wrapper .ax-table-button .ax-collection .ax-btn:not(.ax-disabled):hover:after { box-shadow: none; border-color: #e0e0e0; } .ax-table-wrapper .ax-table-button .ax-collection-list .ax-btn:first-child, .ax-table-wrapper .ax-table-button .ax-collection-list .ax-btn:first-child:after { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .ax-table-wrapper .ax-table-button .ax-collection-list .ax-btn:last-child, .ax-table-wrapper .ax-table-button .ax-collection-list .ax-btn:last-child:after { border-width: 0; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .ax-table-wrapper .ax-table-button .ax-collection-title { color: #666666; line-height: 2.8rem; border-bottom: 1px solid #e0e0e0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ax-table-wrapper .ax-table-button .ax-collection-title:empty { display: none; } .ax-table-wrapper .ax-empty { color: #b3b3b3; } .ax-table.fixedHeader-floating { background-color: #fff; border-top-width: 0; position: fixed; z-index: 4; } .ax-table.fixedHeader-locked { position: absolute; } .ax-table-wrapper .DTFC_LeftHeadWrapper, .ax-table-wrapper .DTFC_LeftBodyWrapper, .ax-table-wrapper .DTFC_LeftFootWrapper { border-right: 1px solid #ebebeb; } .ax-table-wrapper .DTFC_RightHeadWrapper, .ax-table-wrapper .DTFC_RightBodyWrapper, .ax-table-wrapper .DTFC_RightFootWrapper { border-left: 1px solid #ebebeb; } .ax-table-wrapper .DTFC_Blocker { background-color: #fff; } .ax-table.DTFC_Cloned { background-color: #fafafa; } .ax-table tr[style*='height:.0rem'], .ax-table tr[style*='height: .0rem'] { border-width: 0; border-color: transparent; opacity: 0; transition-property: none; overflow: hidden; } .ax-table tr[style*='height:.0rem'] th:after, .ax-table tr[style*='height: .0rem'] th:after { display: none; } .DTFC_LeftBodyWrapper .ax-table, .DTFC_RightBodyWrapper .ax-table, .dataTables_scrollBody .ax-table { border-width: 0; } .ax-table-wrapper .dataTables_scrollBody .ax-table + .ax-break { display: none; } .ax-table-wrapper .dataTables_scroll { position: relative; } .ax-table-wrapper .dataTables_scroll:after { content: ''; height: 1px; width: 100%; background-color: #ebebeb; position: absolute; left: 0; bottom: 0; } .ax-table.ax-nowrap td, .ax-table.ax-nowrap th { white-space: nowrap; padding-left: 1.4rem; padding-right: 1.4rem; } .ax-table td.ax-select-checkbox, .ax-table th.ax-select-checkbox { position: relative; } .ax-table td.ax-select-checkbox:before, .ax-table th.ax-select-checkbox:before { content: ''; width: 1.6rem; height: 1.6rem; display: inline-block; box-sizing: border-box; border-radius: 0.3rem; cursor: pointer; border: 1px solid #e0e0e0; transition: all 200ms ease-out; position: relative; top: 0.1rem; } .ax-table tr.ax-selected td.ax-select-checkbox:before { border-color: #198cff; background-color: #198cff; } .ax-table tr th.ax-select-checkbox.ax-selected:before { border-color: #198cff; background-color: #198cff; } .ax-table tr.ax-selected td.ax-select-checkbox:after { content: ''; width: 1rem; height: 0.6rem; border-radius: 0 0.6rem 0 0; cursor: pointer; box-shadow: -0.2rem 0.2rem 0 0 #fff; display: inline-block; position: absolute; top: 1.2rem; left: 0.8rem; transform: rotate(-45deg) scale(1); } .ax-table tr th.ax-select-checkbox.ax-selected:after { content: ''; width: 1rem; height: 0.6rem; border-radius: 0 0.6rem 0 0; cursor: pointer; box-shadow: -0.2rem 0.2rem 0 0 #fff; display: inline-block; position: absolute; top: 1.2rem; left: 0.8rem; transform: rotate(-45deg) scale(1); } .ax-table td.ax-focus { box-shadow: inset 0 0 0 0.2rem #198cff; } .ax-table.ax-response td:not(.child), .ax-table.ax-response th:not(.child) { white-space: nowrap; padding-left: 1.4rem; padding-right: 1.4rem; } .ax-table.ax-response tr > td.dtr-control, .ax-table.ax-response tr > th.dtr-control { position: relative; } .ax-table.ax-response tr > td.dtr-control:before { content: ''; width: 0.8rem; height: 0.2rem; background-color: #198cff; position: absolute; left: 0; top: calc((3.8rem - 0.2rem)/2); } .ax-table.ax-response tr > td.dtr-control:after { content: ''; width: 0.2rem; height: 0.8rem; background-color: #198cff; position: absolute; left: calc((0.8rem - 0.2rem)/2); top: calc((3.8rem - 0.8rem)/2); } .ax-table.ax-response tr.parent > td.dtr-control:before { background-color: #666666; } .ax-table.ax-response tr.parent > td.dtr-control:after { display: none; } .ax-table.ax-response tr.child ul.dtr-details { line-height: 2.8rem; text-align: left; } .ax-table.ax-response tr.child ul.dtr-details li { padding-left: 1.8rem; transition: all 100ms linear; } .ax-table.ax-response tr.child ul.dtr-details li:hover { background-color: #f5f5f5; } .ax-table.ax-response tr.child span.dtr-title { min-width: 9.6rem; } .ax-table.ax-response tr.child span.dtr-title:after { content: ':'; } .ax-table .ax-parent span { float: left; font-weight: bold; } .ax-table .ax-parent i, .ax-table .ax-parent s { color: #b3b3b3; margin-left: 1.4rem; cursor: pointer; float: right; } /* ax popup */ .ax-popup { background-color: #fff; border: 1px solid #ebebeb; border-radius: calc(0.3rem*3); box-sizing: border-box; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); z-index: 710; animation-duration: 100ms; animation-fill-mode: both; visibility: hidden; } .ax-popup.ax-show { visibility: visible; } .ax-popup[data-theme="crude"] { border: none; box-shadow: none; background: transparent; } .ax-popup[data-theme="crude"] [valid] { line-height: 1.8rem; padding: calc((2.8rem - 1.8rem)/2) 0; } .ax-popup[data-size="sm"] { width: 20rem; } .ax-popup[data-size="md"] { width: 36rem; } .ax-popup[data-size="lg"] { width: 60rem; } .ax-popup[data-size="xl"] { width: 80rem; } .ax-popup[data-size="xxl"] { width: 100rem; } .ax-popup [arrow] { width: 1rem; height: 1rem; box-shadow: 1px 1px 0 #ebebeb; } .ax-popup[data-placement^='top'] [arrow] { bottom: -0.5rem; background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%); transform: rotate(45deg); } .ax-popup[data-placement^='bottom'] [arrow] { top: -0.5rem; transform: rotate(-135deg); background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%); } .ax-popup[data-placement^='left'] [arrow] { right: -0.5rem; transform: rotate(-45deg); background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%); } .ax-popup[data-placement^='right'] [arrow] { left: -0.5rem; transform: rotate(135deg); background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%); } /* //分方向定义指示角标 .ax-popup[data-placement="top"] [data-arrow]:after, .ax-popup[data-placement="bottom"] [data-arrow]:after{ left:calc(50% - 0.5rem); } .ax-popup[data-placement="top-start"] [data-arrow]:after, .ax-popup[data-placement="bottom-start"] [data-arrow]:after{ left:2.8rem; } .ax-popup[data-placement="top-end"] [data-arrow]:after, .ax-popup[data-placement="bottom-end"] [data-arrow]:after{ right:2.8rem; } .ax-popup[data-placement="left"] [data-arrow]:after, .ax-popup[data-placement="right"] [data-arrow]:after{ top:calc(50% - 0.5rem); } .ax-popup[data-placement="left-start"] [data-arrow]:after, .ax-popup[data-placement="right-start"] [data-arrow]:after{ top:1.4rem; } .ax-popup[data-placement="left-end"] [data-arrow]:after, .ax-popup[data-placement="right-end"] [data-arrow]:after{ bottom:1.4rem; } */ .ax-popup .ax-popup-body { max-height: 600px; box-sizing: border-box; display: block; overflow-y: auto; overflow-x: hidden; } .ax-popup .ax-popup-body .ax-popup-content { overflow: hidden; } .ax-popup .ax-close { font-family: 'ax-iconfont'; font-size: 1.4rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; width: calc(3.8rem - 2px); height: calc(3.8rem - 2px); line-height: calc(3.8rem - 2px); transition: all 200ms linear; position: absolute; right: 0; top: 0; } .ax-popup .ax-close:before { content: "close"; width: calc(3.8rem - 2px); height: calc(3.8rem - 2px); } .ax-popup .ax-close:hover { color: rgba(0, 0, 0, 0.8); } .ax-popup-header { font-size: 1.4rem; font-weight: bold; line-height: calc(3.8rem - 2px); padding: 0 1.4rem; margin: 0; border-top-left-radius: calc(0.3rem*3); border-top-right-radius: calc(0.3rem*3); } .ax-popup .ax-media-title { font-size: 1.8rem; font-weight: bold; line-height: 3.8rem; text-align: center; margin: 1.4rem 0 0.8rem 0; } .ax-popup .ax-qrcode { text-align: center; } .ax-popup .ax-qrcode .ax-qrcode-title { font-size: 1.2rem; line-height: 1.8rem; } .ax-popup .ax-qrcode img { margin: auto; } .ax-popup[data-type="pictrue"] .ax-dialog-content, .ax-popup[data-type="video"] .ax-dialog-content, .ax-popup[data-type="audio"] .ax-dialog-content { text-align: center; } .ax-popup .ax-media-container img, .ax-popup .ax-media-container video, .ax-popup .ax-media-container audio { max-width: 100%; } .ax-popup .ax-media-container video, .ax-popup .ax-media-container audio { width: 100%; display: block; } .ax-popup iframe { min-height: 400px; } .ax-popup[padding="false"] .list-group-item { border-right: none; border-left: none; } .ax-popup[padding="false"] .list-group-item:first-child { border-top: 0; } .ax-popup[padding="false"] .list-group-item:last-child { border-bottom: 0; } .ax-popup[placement="center"] { position: fixed; } .ax-popup > .ax-arrow, .ax-popup > .ax-arrow:after { width: 0; height: 0; border-color: transparent; border-style: solid; position: absolute; display: block; } .ax-popup > .ax-arrow { border-width: 0.8rem; } .ax-popup > .ax-arrow:after { content: ""; border-width: 0.8rem; } .ax-popup.ax-top > .ax-arrow, .ax-popup.ax-top-right > .ax-arrow, .ax-popup.ax-top-left > .ax-arrow { margin-left: -0.8rem; border-top-color: #ebebeb; border-bottom-width: 0; bottom: -0.8rem; left: 50%; } .ax-popup.ax-top > .ax-arrow:after, .ax-popup.ax-top-right > .ax-arrow:after, .ax-popup.ax-top-left > .ax-arrow:after { content: " "; margin-left: -0.8rem; border-top-color: #fff; border-bottom-width: 0; bottom: 1px; } .ax-popup.ax-right > .ax-arrow, .ax-popup.ax-right-top > .ax-arrow, .ax-popup.ax-right-bottom > .ax-arrow { margin-top: -0.8rem; border-left-width: 0; border-right-color: #ebebeb; top: 50%; left: -0.8rem; } .ax-popup.ax-right > .ax-arrow:after, .ax-popup.ax-right-top > .ax-arrow:after, .ax-popup.ax-right-bottom > .ax-arrow:after { content: " "; border-left-width: 0; border-right-color: #fff; left: 0.1rem; bottom: -0.8rem; } .ax-popup.ax-bottom > .ax-arrow, .ax-popup.ax-bottom-right > .ax-arrow, .ax-popup.ax-bottom-left > .ax-arrow { margin-left: -0.8rem; border-bottom-color: #ebebeb; border-top-width: 0; top: -0.8rem; left: 50%; } .ax-popup.ax-bottom > .ax-arrow:after, .ax-popup.ax-bottom-right > .ax-arrow:after, .ax-popup.ax-bottom-left > .ax-arrow:after { content: " "; margin-left: -0.8rem; border-bottom-color: #fff; border-top-width: 0; top: 0.1rem; } .ax-popup.ax-left > .ax-arrow, .ax-popup.ax-left-top > .ax-arrow, .ax-popup.ax-left-bottom > .ax-arrow { margin-top: -0.8rem; border-right-width: 0; border-left-color: #ebebeb; top: 50%; right: -0.8rem; } .ax-popup.ax-left > .ax-arrow:after, .ax-popup.ax-left-top > .ax-arrow:after, .ax-popup.ax-left-bottom > .ax-arrow:after { content: " "; border-right-width: 0; border-left-color: #fff; bottom: -0.8rem; right: 0.1rem; } .ax-popup-footer { border-radius: 0 0 calc(0.3rem*3) calc(0.3rem*3); overflow-y: hidden; } .ax-popup .ax-note { font-size: 1.4rem; line-height: 1.8rem; height: 3.8rem; display: flex; align-items: center; } .ax-popup[data-footerType="center"] .ax-note, .ax-popup[data-footerType="line"] .ax-note { border-top: 1px solid #ebebeb; border-bottom-left-radius: calc(0.3rem*3); border-bottom-right-radius: calc(0.3rem*3); background-color: #fafafa; justify-content: center; } .ax-popup[data-footerType="right"] .ax-note { justify-content: flex-start; } .ax-popup-footer a.ax-col { display: flex; align-items: center; justify-content: center; } .ax-popup-footer .ax-btn { margin: 0 0.8rem; } .ax-popup-footer .ax-btns .ax-btn { margin: 0; } .ax-popup-footer > .ax-row { line-height: 3.8rem; text-align: center; } .ax-popup-footer > .ax-row .ax-gutter-line { height: 3.8rem; } .ax-popup-footer > .ax-row a:hover { background-color: #fff; } .ax-popup-footer > .ax-row .ax-gutter-line:last-child { display: none; } /*axPopover end*/ /*tooltip*/ .ax-tooltip { border-radius: 0.3rem; border-color: #333333; } .ax-tooltip:not([data-size]) { max-width: 36rem !important; } .ax-tooltip .ax-popup-content { color: #333333; font-size: 1.2rem; line-height: 1.8rem; padding: 0.5rem 1rem; box-sizing: border-box; } .ax-tooltip [arrow] { box-shadow: 1px 1px 0 #333333; } .ax-tooltip[data-placement^='top'] [arrow] { background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%); } .ax-tooltip[data-placement^='bottom'] [arrow] { background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%); } .ax-tooltip[data-placement^='left'] [arrow] { background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%); } .ax-tooltip[data-placement^='right'] [arrow] { background: linear-gradient(135deg, transparent 50%, #fff 50%, #fff 100%); } .ax-tooltip[theme="primary"] { border-color: #198cff; background-color: #198cff; } .ax-tooltip[theme="primary"] .ax-popup-content { color: #fff; } .ax-tooltip[theme="primary"] [arrow] { box-shadow: none; } .ax-tooltip[theme="primary"][data-placement^='top'] [arrow] { background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%); } .ax-tooltip[theme="primary"][data-placement^='bottom'] [arrow] { background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%); } .ax-tooltip[theme="primary"][data-placement^='left'] [arrow] { background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%); } .ax-tooltip[theme="primary"][data-placement^='right'] [arrow] { background: linear-gradient(135deg, transparent 50%, #198cff 50%, #198cff 100%); } .ax-tooltip[theme="secondary"] { border-color: #475b66; background-color: #475b66; } .ax-tooltip[theme="secondary"] .ax-popup-content { color: #fff; } .ax-tooltip[theme="secondary"] [arrow] { box-shadow: none; } .ax-tooltip[theme="secondary"][data-placement^='top'] [arrow] { background: linear-gradient(135deg, transparent 50%, #475b66 50%, #475b66 100%); } .ax-tooltip[theme="secondary"][data-placement^='bottom'] [arrow] { background: linear-gradient(135deg, transparent 50%, #475b66 50%, #475b66 100%); } .ax-tooltip[theme="secondary"][data-placement^='left'] [arrow] { background: linear-gradient(135deg, transparent 50%, #475b66 50%, #475b66 100%); } .ax-tooltip[theme="secondary"][data-placement^='right'] [arrow] { background: linear-gradient(135deg, transparent 50%, #475b66 50%, #475b66 100%); } .ax-tooltip[theme="success"] { border-color: #41a358; background-color: #41a358; } .ax-tooltip[theme="success"] .ax-popup-content { color: #fff; } .ax-tooltip[theme="success"] [arrow] { box-shadow: none; } .ax-tooltip[theme="success"][data-placement^='top'] [arrow] { background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%); } .ax-tooltip[theme="success"][data-placement^='bottom'] [arrow] { background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%); } .ax-tooltip[theme="success"][data-placement^='left'] [arrow] { background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%); } .ax-tooltip[theme="success"][data-placement^='right'] [arrow] { background: linear-gradient(135deg, transparent 50%, #41a358 50%, #41a358 100%); } .ax-tooltip[theme="danger"] { border-color: #dc3545; background-color: #dc3545; } .ax-tooltip[theme="danger"] .ax-popup-content { color: #fff; } .ax-tooltip[theme="danger"] [arrow] { box-shadow: none; } .ax-tooltip[theme="danger"][data-placement^='top'] [arrow] { background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%); } .ax-tooltip[theme="danger"][data-placement^='bottom'] [arrow] { background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%); } .ax-tooltip[theme="danger"][data-placement^='left'] [arrow] { background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%); } .ax-tooltip[theme="danger"][data-placement^='right'] [arrow] { background: linear-gradient(135deg, transparent 50%, #dc3545 50%, #dc3545 100%); } .ax-tooltip[theme="info"] { border-color: #14ccc9; background-color: #14ccc9; } .ax-tooltip[theme="info"] .ax-popup-content { color: #fff; } .ax-tooltip[theme="info"] [arrow] { box-shadow: none; } .ax-tooltip[theme="info"][data-placement^='top'] [arrow] { background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%); } .ax-tooltip[theme="info"][data-placement^='bottom'] [arrow] { background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%); } .ax-tooltip[theme="info"][data-placement^='left'] [arrow] { background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%); } .ax-tooltip[theme="info"][data-placement^='right'] [arrow] { background: linear-gradient(135deg, transparent 50%, #14ccc9 50%, #14ccc9 100%); } .ax-tooltip[theme="warning"] { border-color: #ffc107; background-color: #ffc107; } .ax-tooltip[theme="warning"] .ax-popup-content { color: #333333; } .ax-tooltip[theme="warning"] [arrow] { box-shadow: none; } .ax-tooltip[theme="warning"][data-placement^='top'] [arrow] { background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%); } .ax-tooltip[theme="warning"][data-placement^='bottom'] [arrow] { background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%); } .ax-tooltip[theme="warning"][data-placement^='left'] [arrow] { background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%); } .ax-tooltip[theme="warning"][data-placement^='right'] [arrow] { background: linear-gradient(135deg, transparent 50%, #ffc107 50%, #ffc107 100%); } .ax-tooltip[theme="ad"] { border-color: #ff8400; background-color: #ff8400; } .ax-tooltip[theme="ad"] .ax-popup-content { color: #fff; } .ax-tooltip[theme="ad"] [arrow] { box-shadow: none; } .ax-tooltip[theme="ad"][data-placement^='top'] [arrow] { background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%); } .ax-tooltip[theme="ad"][data-placement^='bottom'] [arrow] { background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%); } .ax-tooltip[theme="ad"][data-placement^='left'] [arrow] { background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%); } .ax-tooltip[theme="ad"][data-placement^='right'] [arrow] { background: linear-gradient(135deg, transparent 50%, #ff8400 50%, #ff8400 100%); } .ax-tooltip[theme="dark"] { border-color: #333333; background-color: #333333; } .ax-tooltip[theme="dark"] .ax-popup-content { color: #fff; } .ax-tooltip[theme="dark"] [arrow] { box-shadow: none; } .ax-tooltip[theme="dark"][data-placement^='top'] [arrow] { background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%); } .ax-tooltip[theme="dark"][data-placement^='bottom'] [arrow] { background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%); } .ax-tooltip[theme="dark"][data-placement^='left'] [arrow] { background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%); } .ax-tooltip[theme="dark"][data-placement^='right'] [arrow] { background: linear-gradient(135deg, transparent 50%, #333333 50%, #333333 100%); } /*grade menu*/ .ax-grade { position: relative; } .ax-grade .ax-outer { box-sizing: border-box; transform: translate(-50%, 0); background-color: #fff; display: none; position: absolute; top: calc(100%); left: 50%; z-index: 3; } .ax-grade:hover .ax-outer { display: block; } .ax-grade.ax-right .ax-outer { top: 0; left: auto; right: -14.8rem; transform: none; } .ax-grade.ax-right .ax-outer:before { content: ''; width: 1rem; height: 3.8rem; position: absolute; left: -1rem; top: 0; } .ax-grade .ax-outer, .ax-grade ul.ax-outer ul { width: 14rem; box-sizing: border-box; border: 1px solid #ebebeb; border-radius: 0.3rem; } .ax-grade ul.ax-outer li { text-align: left; line-height: 3.8rem; width: 100%; box-sizing: border-box; position: relative; border-bottom: 1px solid #ebebeb; } .ax-grade ul.ax-outer li:last-child, .ax-grade ul.ax-outer ul li:last-child { border-width: 0; } .ax-grade ul.ax-outer li *[class*="-right"] { color: #ccc; position: absolute; right: 0.8rem; top: 0; } .ax-grade ul.ax-outer li ul { box-sizing: border-box; background-color: #fff; -webkit-transform: translate(100%, 0%); transform: translate(100%, 0%); position: absolute; width: 100%; top: -0.1rem; right: 0; display: none; } .ax-grade ul.ax-outer li:hover { color: #198cff; background-color: #f0f7ff; } .ax-grade ul.ax-outer li:hover svg { fill: #198cff; } .ax-grade ul.ax-outer li.ax-selected, .ax-grade ul.ax-outer li.ax-selected:hover { color: #fff; background-color: #198cff; } .ax-grade ul.ax-outer li.ax-selected *[class*="-right"] { color: rgba(255, 255, 255, 0.5); } .ax-grade ul.ax-outer li.ax-selected svg { fill: rgba(255, 255, 255, 0.5); } .ax-grade ul.ax-outer a { box-sizing: border-box; padding: 0 0.8rem 0 0.8rem; transition: all 100ms linear; display: block; } .ax-grade ul.ax-outer li.ax-selected > a, .ax-grade ul.ax-outer li.ax-selected:hover > a { color: #fff; background-color: #198cff; } .ax-grade ul.ax-outer li:hover > a + ul, .ax-grade ul.ax-outer li:hover > *[class*="-right"] + ul { display: block; } .ax-grade ul.ax-outer li a *[class*="font"] { margin-right: 0.4rem; } .ax-grade ul.ax-outer li a svg { margin-right: 0.4rem; } /*header*/ .ax-space-header { height: calc(4.4rem + 1rem); overflow: hidden; } .ax-header.ax-inherit + .ax-space-header { display: none; } .ax-header { background-color: #fff; box-shadow: 0 0.1rem 0 0 rgba(0, 0, 0, 0.1); transition: all 100ms linear; position: fixed; width: 100%; left: 0; top: 0; z-index: 610; } .ax-header.ax-inherit { position: inherit; left: auto; top: auto; } .ax-header .ax-logo { height: calc(4.4rem + 1rem); transition: all 200ms linear; vertical-align: middle; position: relative; } .ax-header .ax-logo img, .ax-header .ax-logo svg { height: calc(4.4rem + 1rem); } .ax-header .ax-col { overflow: hidden; } .ax-header .ax-nav .ax-item { margin: 0 1.6rem; display: inline-block; vertical-align: middle; position: relative; } .ax-header .ax-nav .ax-item a { transition: all 200ms linear; } .ax-header .ax-nav .ax-item a.ax-text > i { font-size: 1rem; line-height: 1.4rem; vertical-align: middle; margin-left: 0.4rem; } .ax-header .ax-nav .ax-item a.ax-text { line-height: calc(4.4rem + 1rem); width: 100%; text-align: center; } .ax-header .ax-nav .ax-item .ax-line { height: 0.2rem; background-color: #198cff; width: 2.8rem; -webkit-transform: translate(-50%, 0) scaleX(0); transform: translate(-50%, 0) scaleX(0); transition: all 200ms linear; position: absolute; left: 50%; top: calc(4.4rem + 1rem - 0.2rem); } .ax-header .ax-nav .ax-item.ax-selected > a { color: #198cff; } .ax-header .ax-nav .ax-item.ax-selected .ax-line { -webkit-transform: translate(-50%, 0) scaleX(1); transform: translate(-50%, 0) scaleX(1); } .ax-header .ax-nav .ax-item:hover .ax-line { -webkit-transform: translate(-50%, 0) scaleX(1); transform: translate(-50%, 0) scaleX(1); } .ax-header .ax-back { font-size: 1.8rem; color: #666666; width: calc(4.4rem + 1rem); height: calc(4.4rem + 1rem); line-height: calc(4.4rem + 1rem); text-align: center; position: relative; } .ax-header .ax-back:after { content: ''; width: 1px; height: 2.4rem; background-color: #ebebeb; position: absolute; right: -0.1rem; top: calc((4.4rem + 1rem - 2.4rem)/2); } .ax-header .ax-title { height: calc(4.4rem + 1rem); overflow: hidden; display: flex; align-items: center; padding: 0 1.4rem; } .ax-header .ax-title .ax-outer { width: 100%; } .ax-header .ax-title .ax-row01 { font-size: 1.6rem; width: 100%; line-height: 2.2rem; } .ax-header .ax-title .ax-row02 { font-size: 1.2rem; color: #ccc; width: 100%; line-height: 1.4rem; } .ax-header .ax-search { width: 20rem; height: 3.4rem; margin: 0 1.4rem; vertical-align: middle; position: relative; display: inline-block; } .ax-header .ax-search input { height: calc(4.4rem - 1rem); line-height: calc(4.4rem - 1rem); width: 100%; padding-right: 4.4rem; position: absolute; top: 0; left: 0; } .ax-header .ax-search *[class*="search"] { color: #ccc; text-align: center; line-height: calc(4.4rem - 1rem); width: calc(4.4rem - 1rem); height: calc(4.4rem - 1rem); position: absolute; right: 0; top: 0; z-index: 2; } .ax-header .ax-search *[class*="search"]:after { content: ''; width: 1px; height: 1.6rem; background-color: #f0f0f0; position: absolute; left: -0.1rem; top: 0.9rem; } .ax-header .ax-login { margin-left: 1.4rem; margin-right: 1.4rem; vertical-align: middle; position: relative; display: inline-block; } .ax-header .ax-login a { height: calc(4.4rem - 1rem); line-height: calc(4.4rem - 1rem - 0.2rem); box-sizing: border-box; padding: 0 1.4rem; text-align: center; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; transition: all 100ms linear; position: relative; } .ax-header .ax-login a:not(:first-child):before { content: ''; height: 1.6rem; width: 1px; background-color: #f0f0f0; position: absolute; left: -0.1rem; top: 0.9rem; } .ax-header .ax-login a:first-child { border-radius: 0.3rem 0 0 0.3rem; border-left: 1px solid #e0e0e0; } .ax-header .ax-login a:last-child { border-radius: 0 0.3rem 0.3rem 0; border-right: 1px solid #e0e0e0; } .ax-header .ax-login a:first-child:last-child { border-radius: 0.3rem; } .ax-header .ax-login a:hover { color: #fff; border-color: #198cff; background-color: #198cff; z-index: 2; } .ax-header .ax-btns { padding: 0 1.4rem; height: calc(4.4rem + 1rem); display: inline-flex; justify-content: center; align-items: center; } .ax-header .ax-btns > * { color: #475b66; font-size: 1.8rem; width: 2.8rem; height: 2.8rem; line-height: 2.8rem; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 100%; text-align: center; margin-left: 1rem; transition: all 100ms linear; position: relative; z-index: 2; } .ax-header .ax-btns > * .ax-dot { position: absolute; top: 0rem; right: 0rem; } .ax-header .ax-btns > * .ax-badge { position: absolute; top: -0.3rem; right: -0.5rem; } .ax-header .ax-btns > *[style*="background-image"] { margin-right: 1.4rem; } .ax-header .ax-btns > *[style*="background-image"]:before { font-size: 1rem; position: absolute; right: -1.4rem; } .ax-header *[class*="ax-open"] { display: none; } .ax-header .ax-image { display: none; vertical-align: middle; } .ax-header .ax-resemble { width: 20rem; margin: 1rem 0.3rem; height: calc(4.4rem - 1rem); box-sizing: border-box; position: relative; display: block; } .ax-header .ax-resemble form { width: 100%; height: 100%; } .ax-header .ax-resemble input { width: 100%; height: 100%; padding-right: 4.4rem; } .ax-header .ax-resemble *[class*="search"] { line-height: calc(4.4rem - 1rem); width: calc(4.4rem - 1rem); height: calc(4.4rem - 1rem); color: #ccc; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; } .ax-header .ax-resemble *[class*="search"]:after { content: ''; width: 1px; height: 1.6rem; background-color: #f0f0f0; position: absolute; left: -0.1rem; top: 0.9rem; } .ax-header .ax-resemble .ax-mask { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; display: none; } /*footer*/ .ax-footer .ax-operate a { vertical-align: top; } .ax-footer .ax-operate a { margin-right: 1.4rem; } .ax-footer .ax-copyright + .ax-operate a { margin-right: 0; margin-left: 1.4rem; } .ax-footer .ax-operate a.ax-icon { margin-right: 0.4rem; } .ax-footer .ax-copyright + .ax-operate a.ax-icon { margin-right: 0; margin-left: 0.4rem; } .ax-footer .ax-operate a[class*="font"] { font-size: 1.8rem; color: #666666; } .ax-footer .ax-copyright, .ax-footer .ax-copyright a { color: #666666; } .ax-footer .ax-copyright a:hover { color: #198cff; } .ax-footer .ax-copyright img { max-height: 2.8rem; width: auto !important; } /*bottom button*/ .ax-space-btmbtn { height: 4.4rem; overflow: hidden; } .ax-btmbtn { text-align: center; height: 4.4rem; line-height: 4.4rem; width: 100%; box-sizing: border-box; background-color: #fff; box-shadow: 0 -0.1rem 0 0 rgba(0, 0, 0, 0.1); position: fixed; left: 0; bottom: 0; z-index: 610; } .ax-btmbtn .ax-head { width: 2.8rem; height: 2.8rem; margin: 0.8rem 0.8rem 0.8rem 1.4rem; border-radius: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; position: relative; } .ax-btmbtn .ax-resemble { font-size: 1.2rem; color: #b3b3b3; text-align: left; height: 2.8rem; line-height: 2.8rem; border-radius: 2.8rem; margin: 0.8rem auto; padding: 0 1.4rem; box-sizing: border-box; background-color: #f5f5f5; display: block; } .ax-btmbtn .ax-btns { padding-right: 0.8rem; } .ax-btmbtn .ax-btns > a, .ax-btmbtn .ax-btns > span { color: #666666; margin-left: 0.8rem; } .ax-btmbtn .ax-btns > a:hover, .ax-btmbtn .ax-btns > span:hover { color: #198cff; } .ax-btmbtn .ax-btns > a:hover svg, .ax-btmbtn .ax-btns > span:hover svg { fill: #198cff; } .ax-btmbtn *[class*="-bg-"] { color: #fff; } .ax-btmbtn *[class*="-bg-"] a { color: #fff; } .ax-btmbtn *[class*="-bg-"] svg { fill: #fff; } .ax-btmbtn .ax-gutter-line { height: calc(4.4rem - 1.6rem); margin-top: 0.8rem; } /*bottom nav*/ .ax-space-btmnav { height: calc(3.8rem + 2rem); overflow: hidden; display: none; } .ax-btmnav { text-align: center; height: calc(3.8rem + 2rem); width: 100%; box-sizing: border-box; background-color: #fff; box-shadow: 0 -0.1rem 0 0 rgba(0, 0, 0, 0.1); position: fixed; left: 0; bottom: 0; z-index: 610; display: none; } .ax-btmnav a { color: #666666; width: 100%; height: calc(3.8rem + 2rem); margin: auto; } .ax-btmnav a:not(.ax-single):active { background-color: #f0f0f0; } .ax-btmnav a.ax-selected { color: #198cff; } .ax-btmnav a svg { fill: #666666; } .ax-btmnav a.ax-selected svg { fill: #198cff; } .ax-btmnav .ax-figure { width: 2.8rem; height: 2.8rem; line-height: 2.8rem; font-size: 2.2rem; text-align: center; margin: 0.8rem auto 0 auto; background-repeat: no-repeat; background-position: center; background-size: 2.8rem; position: relative; display: block; } .ax-btmnav a.ax-single { width: 8rem; } .ax-btmnav .ax-single *[class*="font"] { font-size: 4.2rem; color: #198cff; width: calc(3.8rem + 2rem); height: calc(3.8rem + 2rem); line-height: calc(3.8rem + 2rem); } .ax-btmnav a.ax-img .ax-figure { width: 2.4rem; height: 2.4rem; margin: 1rem auto 0.2rem auto; border-radius: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; position: relative; } .ax-btmnav .ax-figure svg { width: 2.2rem; height: 2.8rem; } .ax-btmnav .ax-figure .ax-dot { position: absolute; right: -0.6rem; top: 0rem; } .ax-btmnav .ax-figure .ax-badge { position: absolute; right: -1.4rem; top: -0.4rem; } .ax-btmnav .ax-text { font-size: 1rem; width: 6rem; line-height: 1.4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: auto; display: block; } .ax-btmnav .ax-gutter-line { height: calc(3.8rem + 2rem); } /*bottom nav end*/ /*list start*/ .ax-info-block { line-height: 2.2rem; padding: calc((3.8rem - 2.2rem)/2) 1.4rem; display: block; transition: all 100ms linear; position: relative; } .ax-info-block .ax-num { font-size: 1.2rem; color: #666666; background-color: #fff; min-width: 1.8rem; height: 1.8rem; line-height: 1.8rem; margin-right: calc((3.8rem - 2.2rem)/2); margin-top: calc((2.2rem - 1.8rem)/2); text-align: center; border-radius: 0.3rem; box-sizing: border-box; position: relative; } .ax-info-block .ax-num:after { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; border-width: 1px; border-style: solid; width: 100%; height: 100%; border-radius: 0.3rem; border-color: rgba(0, 0, 0, 0.12); } .ax-info-block .ax-num.ax-num-1, .ax-info-block .ax-num.ax-num-2, .ax-info-block .ax-num.ax-num-3 { color: #fff; background-color: #198cff; border-color: #198cff; } .ax-info-block .ax-arrow { color: #b3b3b3; margin-left: calc((3.8rem - 2.2rem)/2); } .ax-info-block .ax-arrow[class*='font'] { color: #ccc; } .ax-info-block .ax-icon { margin-right: calc((3.8rem - 2.2rem)/2); } .ax-info-block .ax-icon:before { top: 0.1rem; } .ax-info-block .ax-head { background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; width: 2.2rem; height: 2.2rem; border-radius: 100%; margin-right: calc((3.8rem - 2.2rem)/2); } .ax-info-block .ax-checkbox.ax-bone, .ax-info-block .ax-radio.ax-bone { margin-top: calc((2.2rem - 1.8rem)/2); margin-left: calc((3.8rem - 2.2rem)/2); } .ax-info-block.ax-hover:hover { background-color: #fafafa; } .ax-info-block.ax-hover:not(.ax-selected):not(.ax-active):not(.ax-disabled):active { background-color: #f5f5f5; } .ax-info-block.ax-selected, .ax-info-block.ax-active, .ax-info-block.ax-selected:hover, .ax-info-block.ax-active:hover { color: #198cff; background-color: rgba(25, 140, 255, 0.06); } .ax-info-block.ax-selected:hover, .ax-info-block.ax-selected { color: #fff; background-color: #198cff; } .ax-info-block.ax-selected .ax-arrow, .ax-info-block.ax-selected .ax-icon, .ax-info-block.ax-selected .ax-num { color: rgba(255, 255, 255, 0.5); background: transparent; } .ax-info-block.ax-selected .ax-num:after { border-color: rgba(255, 255, 255, 0.5); } .ax-info-block.ax-selected a, .ax-info-block.ax-selected a:hover { color: #fff; } .ax-info-block.ax-disabled:hover, .ax-info-block.ax-disabled { color: #b3b3b3; background: transparent; cursor: not-allowed; } /*select list*/ .ax-list-select .ax-info-block .ax-mask { width: 100%; height: 100%; background-color: transparent; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 2; } /*article list*/ .ax-item-block { padding: 1.4rem; box-sizing: border-box; transition: all 100ms linear; position: relative; display: block; } .ax-item-block .ax-img { height: 9.6rem; width: calc(9.6rem + 2.8rem); overflow: hidden; border-radius: 0.3rem; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; position: relative; } .ax-item-block .ax-img:nth-child(1) { margin-right: 1.4rem; } .ax-item-block .ax-img:nth-last-child(1) { margin-left: 1.4rem; } .ax-item-block .ax-title { font-weight: bold; font-size: 1.6rem; line-height: 2.2rem; } .ax-item-block .ax-des { color: #666666; margin-top: 0.8rem; } .ax-item-block .ax-from { font-size: 1.2rem; line-height: 2.2rem; margin-top: 0.8rem; } .ax-item-block .ax-from *[class*='font'] { font-size: 1.2rem; } .ax-item-block .ax-from svg { height: 1.2rem; } .ax-item-block .ax-from *[class*='-color-'] { margin-right: 1.4rem; } .ax-item-block .ax-keywords { color: #666666; font-size: 1.2rem; line-height: 2.2rem; margin-top: 0.8rem; } .ax-item-block .ax-keywords *[class*='font'] { font-size: 1.2rem; } .ax-item-block .ax-keywords svg { height: 1.2rem; } .ax-item-block .ax-keywords .ax-child { margin-right: 1.4rem; } .ax-item-block .ax-gallery { margin-top: 0.8rem; position: relative; } .ax-item-block .ax-gallery > .ax-num { color: #fff; font-size: 1rem; background-color: rgba(0, 0, 0, 0.5); line-height: 1.6rem; padding: 0 0.4rem; border-radius: 0.3rem; position: absolute; left: 0.8rem; bottom: 0.8rem; } .ax-item-block .ax-gallery > span, .ax-item-block .ax-gallery > a { margin-right: 0.8rem; height: 9.6rem; line-height: 9.6rem; width: calc(9.6rem + 2.8rem); border-radius: 0.3rem; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; } .ax-item-block .ax-gallery > a.ax-more { position: relative; overflow: hidden; } .ax-item-block .ax-gallery > a.ax-more i { color: #fff; width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; z-index: 2; } .ax-item-block .ax-gallery > a.ax-more:before { content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; } .ax-item-block.ax-ad:after { color: #ccc; font-size: 1.2rem; margin-top: 0.8rem; height: 1.4rem; line-height: 1.4rem; content: '广告'; display: block; visibility: visible; } .ax-item-block .ax-gallery > span:nth-child(5) ~ span, .ax-item-block .ax-gallery > a:nth-child(5) ~ a:not(.ax-more) { display: none; } .ax-item-block .ax-gallery > a.ax-more ~ .ax-num { display: none; } /*card list*/ .ax-card-block { background-color: #fff; border: 1px solid #ebebeb; border-radius: 0.3rem; box-sizing: border-box; display: block; padding: 1.4rem; position: relative; transition: all 200ms linear; } .ax-card-block:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); } .ax-card-block .ax-img { height: 20rem; margin-bottom: 1.4rem; overflow: hidden; position: relative; display: block; } .ax-card-block .ax-img .ax-figure { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; transition: all 200ms linear; display: block; } .ax-card-block:hover .ax-img .ax-figure { transform: scale(1.1); } .ax-card-block .ax-title { font-weight: bold; } .ax-card-block .ax-des { color: #666666; font-size: 1.4rem; margin-top: 1.4rem; height: calc(1.8rem * 2); max-width: 100%; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ax-card-block .ax-from { color: #ccc; line-height: 2.2rem; margin-top: 1.4rem; } .ax-card-block .ax-from > span, .ax-card-block .ax-from > a { color: #ccc; margin-right: 1.4rem; } .ax-card-block .ax-keywords { line-height: 2.2rem; color: #ccc; margin-top: 1.4rem; } .ax-card-block .ax-keywords > span, .ax-card-block .ax-keywords > a { color: #ccc; margin-right: 1.4rem; } .ax-card-block .ax-operate { margin-top: 1.4rem; margin-bottom: -1.4rem; line-height: 4.4rem; text-align: center; border-top: 1px solid #ebebeb; } .ax-card-block .ax-operate .ax-gutter-line { height: 4.4rem; } .ax-card-block .ax-view { color: #ccc; line-height: 3.8rem; margin-top: 1.4rem; } .ax-card-block .ax-view .ax-heads span { width: 2.8rem; height: 2.8rem; border-radius: 100%; border: 1px solid #fff; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; } .ax-card-block .ax-view .ax-heads span:not(:first-child) { margin-left: calc(-2.8rem/2); } .ax-card-block .ax-view .ax-heads i { color: #666666; margin-left: 0.4rem; } .ax-card-block .ax-gallery { margin-top: 1.4rem; position: relative; } .ax-card-block .ax-gallery .ax-num { color: #fff; font-size: 1rem; background-color: rgba(0, 0, 0, 0.5); line-height: 1.6rem; padding: 0 0.4rem; border-radius: 0.3rem; position: absolute; left: 0.8rem; bottom: 0.8rem; } .ax-card-block .ax-gallery > span, .ax-card-block .ax-gallery > a { margin-right: 0.2rem; width: calc((100% - 0.4rem)/3); height: 9.6rem; overflow: hidden; line-height: 9.6rem; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; } _:-ms-lang(x), .ax-card-block .ax-gallery > span { width: calc((100% - 0.402rem)/3); } _:-ms-lang(x), .ax-card-block .ax-gallery > a { width: calc((100% - 0.402rem)/3); } .ax-card-block .ax-gallery > a.ax-more { position: relative; } .ax-card-block .ax-gallery > a.ax-more i { color: #fff; width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; z-index: 2; } .ax-card-block .ax-gallery > a.ax-more:before { content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; } .ax-card-block .ax-gallery > span:nth-child(3), .ax-card-block .ax-gallery > a:nth-child(3) { margin-right: 0; } .ax-card-block .ax-gallery > span:nth-child(3) ~ span, .ax-card-block .ax-gallery > a:nth-child(3) ~ a:not(.ax-more) { display: none; } .ax-card-block .ax-img + .ax-gallery { margin-top: -1.2rem; margin-bottom: 1.4rem; } /*tab*/ .ax-tab .ax-tab-content { transition: all 200ms linear; } .ax-tab .ax-tab-content > *:not(.ax-active) { display: none; } .ax-tab .ax-tab-content > .ax-active { display: block; } .ax-swiper-nav { text-align: center; } .ax-swiper-nav .ax-slide { cursor: pointer; line-height: 3.8rem; text-align: center; box-sizing: border-box; } .ax-swiper-nav .ax-slide:after { content: ''; height: 0.2rem; width: 2.8rem; background-color: #198cff; -webkit-transform: translate(-50%, 0) scaleX(0); transform: translate(-50%, 0) scaleX(0); transition: all 200ms linear; position: absolute; left: 50%; bottom: 0rem; } .ax-swiper-nav .active-nav { color: #198cff; } .ax-swiper-nav .active-nav:after { -webkit-transform: translate(-50%, 0) scaleX(1); transform: translate(-50%, 0) scaleX(1); } .ax-menu-tab { text-align: center; } .ax-menu-tab .ax-item { cursor: pointer; line-height: 3.8rem; text-align: center; padding: 0 1.4rem; position: relative; } .ax-menu-tab .ax-item.ax-active { color: #198cff; } .ax-menu-tab .ax-item:after { content: ''; height: 0.2rem; width: 2.8rem; background-color: #198cff; -webkit-transform: translate(-50%, 0) scaleX(0); transform: translate(-50%, 0) scaleX(0); transition: all 200ms linear; position: absolute; left: 50%; bottom: 0rem; } .ax-menu-tab .ax-item.ax-active:after { -webkit-transform: translate(-50%, 0) scaleX(1); transform: translate(-50%, 0) scaleX(1); } .ax-menu-page { display: flex; justify-content: flex-start; align-items: flex-end; box-shadow: 0 -0.1rem 0 0 #ebebeb inset; } .ax-menu-page .ax-item { display: inline-flex; justify-content: center; align-items: center; text-align: center; background-color: #fff; height: 3.8rem; line-height: 3.8rem; padding: 0 1.4rem; position: relative; box-sizing: border-box; border-radius: 0.3rem; transition: all 100ms linear; } .ax-menu-page .ax-item:after { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; border-width: 1px; border-style: solid; width: 100%; height: 100%; border-radius: 0.3rem; border-color: #ebebeb; } .ax-menu-page .ax-item, .ax-menu-page .ax-item:after { border-radius: 0; } .ax-menu-page .ax-item:first-child, .ax-menu-page .ax-item:first-child:after { border-radius: 0.3rem 0 0 0; } .ax-menu-page .ax-item:last-child, .ax-menu-page .ax-item:last-child:after { border-radius: 0 0.3rem 0 0; } .ax-menu-page .ax-item:not(:first-of-type):after { border-left-width: 0; } .ax-menu-page .ax-item.ax-active { color: #198cff; } .ax-menu-page .ax-item.ax-active svg { fill: #198cff; } .ax-menu-page .ax-item.ax-active:after { border-bottom-width: 0; } .ax-menu-page .ax-item *[class*="iconfont"], .ax-menu-page .ax-item *[class*="iconset"], .ax-menu-page .ax-item svg { margin-right: 0.4rem; } .ax-tab.ax-border, .ax-tab.ax-shadow { background-color: #fff; } .ax-tab.ax-border .ax-menu-page, .ax-tab.ax-shadow .ax-menu-page { background-color: #fafafa; } .ax-tab.ax-border .ax-menu-page .ax-item:last-child, .ax-tab.ax-border .ax-menu-page .ax-item:last-child:after, .ax-tab.ax-shadow .ax-menu-page .ax-item:last-child, .ax-tab.ax-shadow .ax-menu-page .ax-item:last-child:after { border-radius: 0; } .ax-tab.ax-border .ax-menu-page .ax-item:after, .ax-tab.ax-shadow .ax-menu-page .ax-item:after { border-top-width: 0; border-left-width: 0; } .ax-tab.ax-border .ax-menu-page .ax-item:first-of-type:after, .ax-tab.ax-shadow .ax-menu-page .ax-item:first-of-type:after { border-left-width: 0; } /*container*/ .ax-panel { background-color: #fff; } .ax-panel-header { position: relative; padding: 0.5rem 0 0.5rem 1.4rem; line-height: 2.8rem; } .ax-panel-header .ax-adorn { margin-right: 0.4rem; transition: all 200ms linear; } .ax-panel-header .ax-title { position: relative; margin-right: 0.8rem; } .ax-panel-header.ax-bar:before, .ax-panel-header.ax-bar-left:before { content: ''; width: 0.2rem; height: 1.4rem; background-color: #198cff; position: absolute; left: 0; top: calc((2.8rem + 1rem)/2 - 0.7rem); } .ax-panel-header.ax-bar-top .ax-title:before { content: ''; width: 2.8rem; height: 0.2rem; background-color: #198cff; position: absolute; left: 0; top: -0.5rem; } .ax-panel-header.ax-bar-bottom .ax-title:before { content: ''; width: 2.8rem; height: 0.2rem; background-color: #198cff; position: absolute; left: 0; bottom: -0.5rem; } .ax-panel-header .ax-operate { margin-right: 0.8rem; color: #b3b3b3; line-height: 2.8rem; height: 2.8rem; transition: all 200ms linear; } .ax-panel-header .ax-operate:last-child { margin-right: 1.4rem; } .ax-panel-header .ax-operate svg { fill: #b3b3b3; height: 2.8rem; } .ax-panel-header .ax-operate:hover svg { fill: #198cff; } .ax-panel-header .ax-btn { margin-right: 0.5rem; } .ax-panel-header .ax-btn-group .ax-btn { margin-right: 0; } .ax-panel-header .ax-btn.ax-xs { margin-top: calc((2.8rem - 2.2rem)/2); } .ax-panel-header .ax-btn.ax-xs:last-child { margin-right: calc((3.8rem - 2.2rem)/2); } .ax-panel-header .ax-badge { margin-right: 1.4rem; margin-top: calc((2.8rem - 1.6rem)/2); } .ax-panel-header .ax-dot { margin-right: 1.4rem; margin-top: calc((2.8rem - 0.8rem)/2); } .ax-panel-header .ax-menu-tab .ax-item { line-height: 2.8rem; padding: 0; margin-right: 0.8rem; } .ax-panel-header .ax-menu-tab .ax-item:last-child { margin-right: 1.4rem; } /*box*/ .ax-box { background-color: #fff; } .ax-box-header { position: relative; padding: 1.4rem 0 1.4rem 2.2rem; } .ax-box-header .ax-adorn { font-size: 3.6rem; line-height: 4.6rem; margin-right: 0.8rem; transition: all 200ms linear; } .ax-box-header.ax-simple .ax-adorn { font-size: 1.6rem; line-height: 2.8rem; margin-right: 0.4rem; } .ax-box-header .ax-title { font-size: 1.6rem; position: relative; margin-right: 0.8rem; } .ax-box-header.ax-bar:before, .ax-box-header.ax-bar-left:before { content: ''; width: 0.2rem; height: 1.6rem; background-color: #198cff; position: absolute; left: 0; top: calc((2.8rem + 1.4rem*2)/2 - 0.7rem); } .ax-box-header.ax-bar-top .ax-title:before { content: ''; width: 2.8rem; height: 0.2rem; background-color: #198cff; position: absolute; left: 0; top: -1.4rem; } .ax-box-header.ax-bar-bottom .ax-title:before { content: ''; width: 2.8rem; height: 0.2rem; background-color: #198cff; position: absolute; left: 0; bottom: -2.8rem; } .ax-box-header.ax-simple.ax-bar-bottom .ax-title:before { bottom: -1.4rem; } .ax-box-header .ax-des { color: rgba(0, 0, 0, 0.4); font-size: 1.2rem; line-height: 1.8rem; white-space: nowrap; } .ax-box-header .ax-operate { color: #b3b3b3; line-height: 2.8rem; height: 2.8rem; text-align: center; padding: 0 calc(1.4rem/2); transition: all 200ms linear; } .ax-box-header .ax-operate:last-child { margin-right: calc(2.2rem - 1.4rem/2); } .ax-box-header .ax-operate:hover { color: #198cff; } .ax-box-header .ax-operate svg { fill: #b3b3b3; height: 2.8rem; } .ax-box-header .ax-operate:hover svg { fill: #198cff; } .ax-box-header .ax-btn { margin-right: 0.5rem; } .ax-box-header .ax-btn-group .ax-btn { margin-right: 0; } .ax-box-header .ax-btn.ax-xs { margin-top: 0.3rem; } .ax-box-header .ax-btn:last-child { margin-right: 2.2rem; } .ax-box-header .ax-menu-tab .ax-item { line-height: 2.8rem; padding: 0; margin-right: 0.8rem; } .ax-box-header .ax-menu-tab .ax-item:last-child { margin-right: 2.2rem; } .ax-box-header .ax-swiper-outer.ax-inline { padding: 0 2.2rem; } .ax-box-header .ax-badge { margin-right: 2.2rem; margin-top: calc((2.8rem - 1.6rem)/2); } .ax-box-header .ax-dot { margin-right: 2.2rem; margin-top: calc((2.8rem - 0.8rem)/2); } .ax-box[class*='ax-bg-']:not(.ax-bg-warning) { color: #fff; } .ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-des { color: rgba(255, 255, 255, 0.4); } .ax-box[class*='ax-bg-'] .ax-box-header .ax-operate:hover { opacity: 0.5; } .ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-operate { color: #fff; } .ax-box.ax-bg-warning .ax-box-header .ax-operate { color: #333333; } .ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-operate svg { fill: #fff; } .ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header .ax-operate:hover svg { fill: #fff; } .ax-box.ax-bg-warning .ax-box-header .ax-operate svg { fill: #333333; } .ax-box.ax-bg-warning .ax-box-header .ax-operate:hover svg { fill: #333333; } .ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header[class*='ax-bar']:before, .ax-box[class*='ax-bg-']:not(.ax-bg-warning) .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #fff; } .ax-box.ax-bg-warning .ax-box-header[class*='ax-bar']:before, .ax-box.ax-bg-warning .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #333333; } .ax-box.ax-bg-primary { background-color: #198cff; } .ax-box.ax-bg-secondary { background-color: #475b66; } .ax-box.ax-bg-success { background-color: #41a358; } .ax-box.ax-bg-danger { background-color: #dc3545; } .ax-box.ax-bg-info { background-color: #14ccc9; } .ax-box.ax-bg-warning { background-color: #ffc107; } .ax-box.ax-bg-ad { background-color: #ff8400; } .ax-box.ax-bg-title { background-color: #333333; } .ax-box.ax-bglit-primary { background-color: #f0f7ff; } .ax-box.ax-bglit-primary .ax-box-header .ax-des, .ax-box.ax-bglit-primary .ax-box-header .ax-operate { color: #6dacea; } .ax-box.ax-bglit-primary .ax-box-header .ax-operate:hover { color: #0b72da; } .ax-box.ax-bglit-primary .ax-box-header .ax-operate svg { fill: #6dacea; } .ax-box.ax-bglit-primary .ax-box-header .ax-operate:hover svg { fill: #0b72da; } .ax-box.ax-bglit-primary .ax-box-header[class*='ax-bar']:before, .ax-box.ax-bglit-primary .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #198cff; } .ax-box.ax-bglit-primary.ax-border { border-color: #d7e7f5; } .ax-box.ax-bglit-secondary { background-color: #f5f8fa; } .ax-box.ax-bglit-secondary .ax-box-header .ax-des, .ax-box.ax-bglit-secondary .ax-box-header .ax-operate { color: #adc1cc; } .ax-box.ax-bglit-secondary .ax-box-header .ax-operate:hover { color: #383e42; } .ax-box.ax-bglit-secondary .ax-box-header .ax-operate svg { fill: #adc1cc; } .ax-box.ax-bglit-secondary .ax-box-header .ax-operate:hover svg { fill: #383e42; } .ax-box.ax-bglit-secondary .ax-box-header[class*='ax-bar']:before, .ax-box.ax-bglit-secondary .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #475b66; } .ax-box.ax-bglit-secondary.ax-border { border-color: #dfe3e5; } .ax-box.ax-bglit-success { background-color: #edfaf0; } .ax-box.ax-bglit-success .ax-box-header .ax-des, .ax-box.ax-bglit-success .ax-box-header .ax-operate { color: #adccb5; } .ax-box.ax-bglit-success .ax-box-header .ax-operate:hover { color: #3b7649; } .ax-box.ax-bglit-success .ax-box-header .ax-operate svg { fill: #adccb5; } .ax-box.ax-bglit-success .ax-box-header .ax-operate:hover svg { fill: #3b7649; } .ax-box.ax-bglit-success .ax-box-header[class*='ax-bar']:before, .ax-box.ax-bglit-success .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #41a358; } .ax-box.ax-bglit-success.ax-border { border-color: #e1f0e5; } .ax-box.ax-bglit-danger { background-color: #fff0f1; } .ax-box.ax-bglit-danger .ax-box-header .ax-des, .ax-box.ax-bglit-danger .ax-box-header .ax-operate { color: #ccadb0; } .ax-box.ax-bglit-danger .ax-box-header .ax-operate:hover { color: #b22c39; } .ax-box.ax-bglit-danger .ax-box-header .ax-operate svg { fill: #ccadb0; } .ax-box.ax-bglit-danger .ax-box-header .ax-operate:hover svg { fill: #b22c39; } .ax-box.ax-bglit-danger .ax-box-header[class*='ax-bar']:before, .ax-box.ax-bglit-danger .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #dc3545; } .ax-box.ax-bglit-danger.ax-border { border-color: #f0dddf; } .ax-box.ax-bglit-info { background-color: #ebfaf9; } .ax-box.ax-bglit-info .ax-box-header .ax-des, .ax-box.ax-bglit-info .ax-box-header .ax-operate { color: #adcccb; } .ax-box.ax-bglit-info .ax-box-header .ax-operate:hover { color: #189593; } .ax-box.ax-bglit-info .ax-box-header .ax-operate svg { fill: #adcccb; } .ax-box.ax-bglit-info .ax-box-header .ax-operate:hover svg { fill: #189593; } .ax-box.ax-bglit-info .ax-box-header[class*='ax-bar']:before, .ax-box.ax-bglit-info .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #14ccc9; } .ax-box.ax-bglit-info.ax-border { border-color: #cef0f0; } .ax-box.ax-bglit-warning { color: #c8990b; background-color: #fffaeb; } .ax-box.ax-bglit-warning .ax-box-header .ax-des, .ax-box.ax-bglit-warning .ax-box-header .ax-operate { color: #ccc4ad; } .ax-box.ax-bglit-warning .ax-box-header .ax-operate:hover { color: #c8990b; } .ax-box.ax-bglit-warning .ax-box-header .ax-operate svg { fill: #ccc4ad; } .ax-box.ax-bglit-warning .ax-box-header .ax-operate:hover svg { fill: #c8990b; } .ax-box.ax-bglit-warning .ax-box-header[class*='ax-bar']:before, .ax-box.ax-bglit-warning .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #ffc107; } .ax-box.ax-bglit-warning.ax-border { border-color: #f5edd7; } .ax-box.ax-bglit-ad { background-color: #fff5eb; } .ax-box.ax-bglit-ad .ax-box-header .ax-des, .ax-box.ax-bglit-ad .ax-box-header .ax-operate { color: #ccbdad; } .ax-box.ax-bglit-ad .ax-box-header .ax-operate:hover { color: #c2690a; } .ax-box.ax-bglit-ad .ax-box-header .ax-operate svg { fill: #ccbdad; } .ax-box.ax-bglit-ad .ax-box-header .ax-operate:hover svg { fill: #c2690a; } .ax-box.ax-bglit-ad .ax-box-header[class*='ax-bar']:before, .ax-box.ax-bglit-ad .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #ff8400; } .ax-box.ax-bglit-ad.ax-border { border-color: #f5e7d7; } .ax-box.ax-bglit-title { background-color: #f5f5f5; } .ax-box.ax-bglit-title .ax-box-header .ax-des { color: #cccccc; } .ax-box.ax-bglit-title .ax-box-header[class*='ax-bar']:before, .ax-box.ax-bglit-title .ax-box-header[class*='ax-bar'] .ax-title:before { background-color: #333333; } .ax-box.ax-bglit-title.ax-border { border-color: #ebebeb; } /*cube*/ .ax-lump { text-align: center; padding: calc(1.4rem*2) 1.4rem; box-sizing: border-box; } .ax-lump .ax-bone .ax-img { width: calc(1.4rem*4); height: calc(1.4rem*4); background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; } .ax-lump .ax-title { margin-top: calc(1.4rem*2); font-size: 1.6rem; } .ax-lump .ax-des { color: #666666; line-height: 1.8rem; margin: 0 auto calc(1.4rem*2) auto; } /*accordion*/ .ax-accordion .ax-item:not([disabled]) .ax-panel-header { cursor: pointer; } .ax-accordion .ax-item[disabled] > .ax-panel-header, .ax-accordion .ax-item[disabled] > .ax-panel-header a, .ax-accordion .ax-item[disabled] > .ax-panel-header .ax-more, .ax-accordion .ax-item[disabled] > .ax-panel-header .ax-adorn { color: #ccc; cursor: text; } .ax-accordion .ax-item .ax-panel-body { display: none; } .ax-accordion .ax-item.ax-show > .ax-panel-header .ax-panel-close { transform: rotate(-180deg); } .ax-accordion .ax-item.ax-show > .ax-panel-header .ax-more, .ax-accordion .ax-item.ax-show > .ax-panel-header .ax-adorn { transform: rotate(-90deg); } /*pagination*/ .ax-pagination { font-size: 1.2rem; text-align: center; line-height: 2.8rem; margin: 1.4rem auto; } .ax-pagination.ax-align-left :first-child { margin-left: 0; } .ax-pagination.ax-align-right :last-child { margin-right: 0; } .ax-pagination *[class*="font"] { font-size: 1rem; } .ax-pagination .ax-first i:not([class*="font"]), .ax-pagination .ax-prev i:not([class*="font"]) { margin-right: 0.4rem; margin-left: -0.4rem; } .ax-pagination .ax-last i:not([class*="font"]), .ax-pagination .ax-next i:not([class*="font"]) { margin-left: 0.4rem; margin-right: -0.4rem; } .ax-pagination .ax-core { display: inline-block; } .ax-pagination a { height: auto; line-height: 1.4rem; border: 1px solid #ebebeb; border-radius: 0.3rem; background-image: none; padding: 0.6rem 0.9rem; margin: 0 0.2rem; background-color: #fff; transition: all 100ms linear; position: relative; } .ax-pagination span.ax-active { color: #fff; height: auto; line-height: 1.4rem; padding: 0.6rem 0.9rem; margin: 0 0.2rem; border: 1px solid #198cff; border-radius: 0.3rem; background-image: none; background-color: #198cff; } .ax-pagination a span[class*="font"] { font-size: 1.2rem; margin: 0; } .ax-pagination span { margin: 0 0.2rem; } .ax-pagination input { font-size: 1.2rem; width: 4rem; height: 2.8rem; line-height: 2.8rem; border: 1px solid #ebebeb; text-align: center; margin: 0 0.2rem; padding-left: 0.4rem; padding-right: 0.4rem; background-color: #fff; position: relative; top: 0; } .ax-pagination input[type='button'], .ax-pagination input[type='submit'], .ax-pagination button[type='button'] { font-size: 1.2rem; height: 2.8rem; line-height: calc(2.8rem - 0.6rem); margin: 0 0.2rem; padding: 0 1rem; } .ax-pagination input[type='submit'] { width: auto; padding: 0 1rem; text-align: center; position: relative; top: 0rem; } .ax-pagination select { font-size: 1.2rem; -webkit-appearance: menulist-button; width: auto; height: 2.8rem; border: 1px solid #ebebeb; text-align: center; background-color: #fff; padding: 0 0 0 1rem; margin: 0 0.2rem; } .ax-pagination a:not(.ax-total):hover { color: #198cff; border-color: #198cff; text-decoration: none; background-color: rgba(25, 140, 255, 0.1); z-index: 2; } .ax-pagination a:not(.ax-total)[class*='active'], .ax-pagination [class*='selected'] a:not(.ax-total), .ax-pagination [class*='active'] a:not(.ax-total) { color: #fff; background-color: #198cff; border-color: #198cff; } .ax-pagination .ax-disabled { color: #b3b3b3 !important; } .ax-pagination .ax-disabled:hover { color: #b3b3b3 !important; background-color: #fff !important; border-color: #ebebeb !important; cursor: not-allowed; } .ax-pagination .ax-group { display: inline-block; } .ax-pagination .ax-group > span { border: 1px solid #ebebeb; background-color: #fff; height: auto; line-height: 1.4rem; margin: 0; padding: 0.6rem 0.9rem; } .ax-pagination .ax-group > * { border-radius: 0; margin-left: 0; margin-right: 0; } .ax-pagination .ax-group > *:not(.ax-active):hover { position: relative; z-index: 1; } .ax-pagination .ax-group > *:not(:last-child) { margin-right: -0.1rem; } .ax-pagination .ax-group :first-child { border-radius: 0.3rem 0 0 0.3rem; } .ax-pagination .ax-group :last-child { border-radius: 0 0.3rem 0.3rem 0; } .ax-pagination .ax-group .ax-core * { border-radius: 0; margin-left: 0; margin-right: 0; } .ax-pagination .ax-group .ax-core *:not(:last-child) { margin-right: -0.1rem; } .ax-pagination.ax-light a:not(.ax-active), .ax-pagination.ax-light span:not(.ax-active), .ax-pagination.ax-light a:not(.ax-active):hover, .ax-pagination.ax-light span:not(.ax-active):hover { background: transparent !important; border: none !important; } .ax-pagination.ax-light a:not(.ax-total).ax-selected, .ax-pagination.ax-light a:not(.ax-total).ax-active { height: 2.8rem; min-width: 2.8rem; text-align: center; line-height: 2.8rem; border-radius: 2.8rem; border-width: 0; padding: 0; } .ax-pagination li { display: inline-block; } .ax-pagination .pagination { text-align: center; } .ax-pagination[paging] { padding: calc(2.8rem/2) 0; } .ax-pageTurning { display: none; justify-content: center; align-items: center; } .ax-pageTurning.ax-overlay { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); position: absolute; left: 0; top: 0; z-index: 9; } /*statistics*/ .ax-statistics .ax-item { text-align: center; margin: 1.4rem auto; display: block; } .ax-statistics.ax-row .ax-item { width: 12rem; } .ax-statistics .ax-item .ax-text { font-size: 3rem; line-height: 3.8rem; position: relative; } .ax-statistics .ax-item .ax-dot { position: absolute; right: -0.6rem; top: 0.2rem; } .ax-statistics .ax-item .ax-badge { position: absolute; top: 0rem; right: -1.6rem; } .ax-statistics .ax-item .ax-image .ax-badge, .ax-statistics .ax-item .ax-icon .ax-badge, .ax-statistics .ax-item .ax-font01 .ax-badge { right: -1.2rem; } .ax-statistics .ax-item .ax-text .ax-arrow { font-size: 1.2rem; color: #dc3545; border: 1px solid #dc3545; background-color: #fff; line-height: 1.4rem; padding: 0 0.2rem; border-radius: 0.3rem; position: absolute; top: 0rem; right: -4rem; } .ax-statistics .ax-item .ax-title { color: #666666; display: block; } .ax-statistics .ax-text em { font-size: 1.2rem; line-height: 1.2rem; vertical-align: bottom; } /**/ .ax-statistics .ax-item .ax-image { float: left; height: 5.6rem; width: 5.6rem; border-radius: 100%; margin: 0rem 1rem; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .ax-statistics .ax-item .ax-icon { font-size: 2.2rem; color: #198cff; width: 5.6rem; height: 5.6rem; text-align: center; line-height: 5.6rem; border-radius: 100%; background-color: #f0f0f0; margin: 0rem 0.8rem; position: relative; float: left; } .ax-statistics .ax-item .ax-font01 { font-size: 5.6rem; line-height: 5.6rem; margin: 0rem 0.8rem; position: relative; float: left; } .ax-statistics .ax-item .ax-font03 { color: #666666; text-align: left; margin: 0rem 0.8rem; position: relative; float: left; } .ax-statistics .ax-item .ax-font02 { text-align: left; margin: 0rem 0.8rem; position: relative; line-height: 0; float: left; } .ax-statistics .ax-item .ax-font02 .ax-row01 { font-size: 3.8rem; line-height: 3.8rem; } .ax-statistics .ax-item .ax-font02 .ax-row02 { font-size: 1.2rem; color: #666666; line-height: 1.8rem; } /*cubes*/ .cubes { background-color: #fff; } .cubes .block { float: left; margin: 1.4rem 0 1.4rem 1.4rem; width: calc((100% - 1.4rem*3)/2); height: calc(16rem + 13.8rem); position: relative; } .cubes .block .img { display: block; height: 16rem; background-repeat: no-repeat; background-position: center; background-size: cover, 3.2rem 3.2rem; overflow: hidden; position: relative; } .cubes .block .title { font-weight: bold; line-height: 2.2rem; margin: 0.8rem 0; box-sizing: border-box; } .cubes .block .des { font-size: 1.2rem; line-height: 2.2rem; color: #808080; margin-bottom: 1.4rem; box-sizing: border-box; } .cubes .block .time { color: #ccc; font-size: 1rem; position: absolute; left: 0; bottom: 0; } .cubes .block .time .tmpfont { font-size: 1.2rem; margin-right: 0.4rem; } .fullcube .block { float: none; margin: calc(1.4rem*2); width: calc(100% - 1.4rem*4); height: auto; } .fullcube .block .img { height: 12rem; } .fullcube .block .time { position: inherit; left: auto; bottom: auto; } /*breadcrumb*/ .ax-breadcrumb { font-size: 1.4rem; } .ax-breadcrumb *[class*='font'] { font-size: 1.4rem; } .ax-breadcrumb .ax-title { color: #666666; } .ax-breadcrumb .ax-title[class*='font'] { font-size: 1.4rem; margin-right: 0.8rem; } .ax-breadcrumb a { color: #666666; } .ax-breadcrumb a [class*='font'] { color: #666666; font-size: 1.4rem; width: auto; margin-right: 0.4rem; } .ax-breadcrumb a:hover, .ax-breadcrumb a:hover i { color: #198cff; } .ax-breadcrumb a[class*='font'] { font-size: 1.4rem; } .ax-breadcrumb .ax-gutter { color: #ccc; font-size: 1.2rem; text-align: center; margin: auto 0.8rem; display: inline; } .ax-breadcrumb .ax-gutter[class*='font'] { font-size: 1rem; } .ax-breadcrumb .ax-gutter[class*='code'] { font-size: 1.8rem; } /*empty*/ .ax-empty { font-size: 1.4rem; text-align: center; padding: calc(1.4rem*2) 0; margin: auto; } .ax-empty .ax-icon { line-height: 4.4rem; } .ax-empty .ax-icon [class*='font'] { font-size: 4.4rem; color: #ccc; } .ax-empty .ax-icon img { max-height: 5.4rem; } .ax-empty .ax-title { color: #ccc; } .ax-empty .ax-operate { margin-top: 1.4rem; } .ax-empty .ax-operate a { color: #666666; margin: 0 0.8rem; text-decoration: underline; } .ax-empty .ax-operate a:hover { color: #198cff; } /*scrollnav*/ /*complete*/ .ax-complete-tips { color: #666666; } .ax-popup .ax-complete-tips { font-size: 1.2rem; line-height: 2.8rem; padding: 0 1.4rem; } .ax-complete-list .ax-mark { color: #dc3545; } /*step*/ .ax-step { text-align: center; box-sizing: border-box; display: flex; } .ax-step .ax-item { flex: auto; width: calc((100%/24)*2); position: relative; } .ax-step .ax-item .ax-head { font-size: 1.2rem; line-height: 1.8rem; padding: 0.2rem 0.6rem; border-radius: 0.3rem; position: relative; margin-bottom: 0.8rem; } .ax-step .ax-item .ax-mark { width: 100%; line-height: 0.6rem; box-sizing: border-box; display: flex; zoom: 1; } .ax-step .ax-item .ax-node { color: #198cff; width: 0.6rem; height: 0.6rem; border-radius: 100%; border: 0.2rem solid #198cff; background-color: #fff; display: inline-block; position: relative; } .ax-step .ax-item .ax-mark div { flex: auto; width: 0; height: 0.2rem; background-color: #198cff; margin-top: 0.4rem; } .ax-step .ax-item .ax-title { color: #333333; font-size: 1.6rem; line-height: 1.8rem; margin: 0.8rem auto; } .ax-step .ax-item .ax-des { font-size: 1.2rem; color: #666666; line-height: 1.8rem; margin: 0 1.4rem; } .ax-step .ax-item.ax-active .ax-node { border-color: #198cff; color: #198cff; } .ax-step .ax-item.ax-active ~ .ax-item .ax-mark div { background-color: #ccc; } .ax-step .ax-item.ax-active ~ .ax-item .ax-mark .ax-node { border-color: #ccc; color: #ccc; } .ax-step .ax-item.ax-active ~ .ax-item .ax-title, .ax-step .ax-item.ax-active ~ .ax-item .ax-head, .ax-step .ax-item.ax-active ~ .ax-item .ax-des { color: #ccc; } .ax-step .ax-item.ax-active .ax-head { color: #fff; background-color: #198cff; align-self: baseline; } .ax-step .ax-item.ax-active .ax-head:before { content: ''; width: 0; height: 0; border-right: 0.5rem solid transparent; border-left: 0.5rem solid transparent; border-top: 0.5rem solid #198cff; margin-left: -0.5rem; position: absolute; left: 50%; bottom: -0.4rem; } /**/ .ax-step.ax-ends-none:not(.ax-vertical) .ax-item:first-child .ax-mark div:first-child, .ax-step.ax-ends-none:not(.ax-vertical) .ax-item:last-child .ax-mark div:last-child, .ax-step.ax-ends-none:not(.ax-vertical) .ax-item.ax-active ~ .ax-item:last-child .ax-mark div:last-child { background: transparent; } .ax-step.ax-ends-none:not(.ax-vertical) .ax-item.ax-active .ax-mark div:last-child { background-color: #ccc; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child { text-align: left; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child .ax-des { margin-left: 0; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child { text-align: right; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child .ax-des { margin-right: 0; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child .ax-mark div:first-child, .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child .ax-mark div:last-child { display: none; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child .ax-mark div:last-child, .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child .ax-mark div:first-child { width: 100%; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item.ax-active .ax-mark div:last-child { background-color: #ccc; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child:not(.ax-active) .ax-head { padding-left: 0; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child:not(.ax-active) .ax-head { padding-right: 0; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:first-child.ax-active .ax-head:before { left: 0.5rem; } .ax-step.ax-ends-scatter:not(.ax-vertical) .ax-item:last-child.ax-active .ax-head:before { left: auto; right: 0; } /**/ .ax-step.ax-style-dot .ax-item .ax-node { width: 1rem; height: 1rem; border-radius: 100%; border: none; background-color: #198cff; } .ax-step.ax-style-dot .ax-item.ax-active ~ .ax-item .ax-node { background-color: #ccc; } .ax-step.ax-style-circle .ax-item .ax-node { font-size: 1.2rem; width: 1.8rem; height: 1.8rem; line-height: 1.8rem; text-align: center; background: transparent; } .ax-step.ax-ends-scatter.ax-style-circle .ax-item:first-child.ax-active .ax-head:before { left: 1.1rem; } .ax-step.ax-ends-scatter.ax-style-circle .ax-item:last-child.ax-active .ax-head:before { left: auto; right: 0.6rem; } .ax-step.ax-style-circle .ax-item .ax-node *[class*="font"] { font-size: 1.2rem; } .ax-step.ax-style-circle .ax-item .ax-mark div { margin-top: 1rem; } .ax-step.ax-style-img .ax-item .ax-node { font-size: 2.2rem; width: 4.4rem; height: 4.4rem; line-height: 4.4rem; text-align: center; border-radius: 0; border: none; background: transparent; } .ax-step.ax-style-img .ax-item .ax-node img { max-width: 4.4rem; } .ax-step.ax-style-img .ax-item .ax-node *[class*="font"] { font-size: 2.2rem; } .ax-step.ax-ends-scatter.ax-style-img .ax-item:first-child.ax-active .ax-head:before { left: 2.2rem; } .ax-step.ax-ends-scatter.ax-style-img .ax-item:last-child.ax-active .ax-head:before { left: auto; right: 1.7rem; } .ax-step.ax-style-img .ax-item .ax-mark div { margin-top: 2.1rem; } /**/ .ax-step.ax-vertical { display: block; } .ax-step.ax-vertical .ax-item { width: 100%; flex: none; display: flex; } .ax-step.ax-vertical .ax-item .ax-mark { height: 100%; width: 1rem; display: flex; flex-direction: column; box-sizing: border-box; } .ax-step.ax-vertical .ax-item .ax-mark div { width: 0.2rem; height: 6rem; margin-top: 0; margin-left: 0.4rem; flex: auto; } .ax-step.ax-vertical .ax-item .ax-mark div:first-child { height: 0.7rem; } .ax-step.ax-vertical .ax-item:first-child .ax-mark div:first-child { background: transparent; } .ax-step.ax-vertical .ax-item:last-child .ax-mark div:last-child { display: none; } .ax-step.ax-vertical .ax-item.ax-active .ax-mark div:last-child { background-color: #ccc; } .ax-step.ax-vertical .ax-text { text-align: left; margin-left: 1.4rem; flex: auto; width: 0; } .ax-step.ax-vertical .ax-text .ax-title { line-height: 2.2rem; margin: 0; } .ax-step.ax-vertical .ax-text .ax-des { margin: 0.4rem 0 0 0; } .ax-step.ax-vertical .ax-head { width: 6rem; margin-bottom: 0; margin-right: 0.8rem; padding: 0.2rem; color: #666666; vertical-align: top; } .ax-step.ax-vertical .ax-item.ax-active .ax-head:before { width: 0; height: 0; margin-left: 0; bordr-right: 0; border-top: 0.5rem solid transparent; border-bottom: 0.5rem solid transparent; border-left: 0.5rem solid #198cff; left: auto; bottom: auto; top: 0.6rem; right: -0.9rem; } .ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark { width: 2.2rem; } .ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark div { margin-left: 1rem; } .ax-step.ax-vertical.ax-style-circle .ax-item .ax-mark div:first-child { display: none; } .ax-step.ax-vertical.ax-style-img .ax-item .ax-mark { width: 4.4rem; } .ax-step.ax-vertical.ax-style-img .ax-item .ax-mark div { margin-left: 2.1rem; } .ax-step.ax-vertical.ax-style-img .ax-item .ax-head, .ax-step.ax-vertical.ax-style-img .ax-item .ax-title { margin-top: 1rem; } .ax-step.ax-vertical.ax-style-img .ax-item .ax-mark div:first-child { display: none; } .ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-head, .ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-des, .ax-step.ax-vertical.ax-reverse .ax-item.ax-active .ax-des { color: #333333; } .ax-step.ax-vertical.ax-reverse .ax-item .ax-mark div { background-color: #ccc; } .ax-step.ax-vertical.ax-reverse .ax-item .ax-title, .ax-step.ax-vertical.ax-reverse .ax-item:not(.ax-active) .ax-head, .ax-step.ax-vertical.ax-reverse .ax-item .ax-des { color: #ccc; } .ax-step.ax-vertical.ax-reverse .ax-item.ax-active .ax-title, .ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-title { color: #333333; } .ax-step.ax-vertical.ax-reverse .ax-item:not(.ax-active) .ax-node { color: #ccc; border-color: #ccc; } .ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-node { color: #198cff; border-color: #198cff; } .ax-step.ax-vertical.ax-reverse .ax-item.ax-active .ax-mark div:last-child, .ax-step.ax-vertical.ax-reverse .ax-item.ax-active ~ .ax-item .ax-mark div { background-color: #198cff; } .ax-step.ax-vertical.ax-reverse.ax-style-dot .ax-item:not(.ax-active) .ax-node { background-color: #ccc; } .ax-step.ax-vertical.ax-reverse.ax-style-dot .ax-item.ax-active ~ .ax-item .ax-node { background-color: #198cff; } /*backtop*/ .ax-backtop { display: inline-block; position: fixed; right: 1.4rem; bottom: 1.4rem; z-index: 610; } .ax-space-backtop { height: 5.4rem; } .ax-backtop .ax-item { margin-top: 1rem; position: relative; } .ax-backtop .ax-item > a { font-size: 1.8rem; color: rgba(0, 0, 0, 0.2); border-radius: 0.3rem; box-sizing: border-box; width: 3.8rem; height: 3.8rem; box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.12) inset; background-color: rgba(255, 255, 255, 0.2); transition: all 200ms linear; display: flex; justify-content: center; align-items: center; } .ax-backtop .ax-item > a:hover, .ax-backtop .ax-item.ax-active > a { color: #198cff; box-shadow: 0 0 0 0.1rem #198cff inset; } .ax-backtop .ax-text { font-size: 1.2rem; line-height: 1.8rem; width: 12rem; padding: 0.9rem; background-color: #fff; border: 1px solid #ebebeb; border-radius: 0.3rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); position: absolute; right: 4.6rem; bottom: 0; z-index: 5; display: none; } .ax-backtop .ax-text img { width: 100%; } .ax-backtop .ax-text:before { content: ""; width: 1rem; height: 1rem; background-color: #fff; box-shadow: 1px 0.1rem 0 0 #ebebeb; transform: rotate(-45deg); position: absolute; right: -0.4rem; bottom: 1.5rem; } .ax-backtop .ax-text:after { content: ''; width: 0.8rem; height: 100%; background: transparent; position: absolute; right: -0.9rem; top: 0; } .ax-backtop .ax-item .ax-dot { position: absolute; top: -0.2rem; right: -0.2rem; z-index: 2; } .ax-backtop .ax-item .ax-badge { position: absolute; top: -0.4rem; right: -0.4rem; z-index: 2; } .ax-backtop .ax-item.ax-social .ax-text { text-align: center; padding-left: 0; padding-right: 0; } .ax-backtop .ax-item.ax-social .ax-text a { font-size: 1.8rem; color: #666666; text-align: center; width: 1.8rem; margin: 0 0.4rem; } .ax-backtop .ax-item.ax-image > a { background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; } .ax-backtop .ax-item.ax-load > a { background-position: center; background-size: 1.8rem; background-repeat: no-repeat; background-image: var(--load-svg); } .ax-backtop .ax-item.ax-totop { overflow: hidden; } .ax-backtop .ax-item.ax-totop > a { margin-bottom: -8rem; } .ax-backtop .ax-item.ax-totop .ax-show { margin-bottom: 0; } .ax-backtop .ax-item.ax-focus > a { box-shadow: 0 0 0 0.1rem #198cff inset; } .ax-backtop .ax-item.ax-focus:before { content: ''; width: 100%; height: 100%; border-radius: 0.3rem; background-color: rgba(25, 140, 255, 0.2); transform: scale(1.3); position: absolute; } .ax-backtop.ax-lg .ax-item > a { font-size: 2.8rem; width: calc(2.8rem*2); height: calc(2.8rem*2); } .ax-backtop.ax-radius .ax-item a, .ax-backtop.ax-radius .ax-item.ax-online:before { border-radius: 0.3rem; } .ax-backtop.ax-square .ax-item a, .ax-backtop.ax-square .ax-item.ax-focus:before { border-radius: 0; } .ax-backtop.ax-round .ax-item a, .ax-backtop.ax-round .ax-item.ax-focus:before { border-radius: 100%; } .ax-backtop.ax-round .ax-item .ax-dot { top: 0; right: 0; } .ax-backtop.ax-lg .ax-text { line-height: 2.8rem; padding: 1.4rem; right: 6.4rem; width: 18rem; } .ax-backtop.ax-lg .ax-text:before { bottom: 2.3rem; } .ax-backtop.ax-lg .ax-item.ax-social .ax-text a { font-size: 2.2rem; width: 2.8rem; } /*progress*/ .ax-progress { width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: relative; } .ax-progress svg { width: 15rem; } .ax-progress svg path { fill: none; stroke-width: 0.4rem; transition: all 300ms cubic-bezier(0.18, 0.64, 0.56, 1); } .ax-progress svg path[track] { stroke: #f0f0f0; } .ax-progress svg path[bar] { stroke: #198cff; } /*完成判断*/ .ax-progress [complete] { display: none; } .ax-progress[complete="true"] [complete] { color: #198cff; display: inline-block; } .ax-progress[complete="true"] [unit], .ax-progress[complete="true"] [progress], .ax-progress[complete="true"] [tips] { display: none; } .ax-progress[type="line"] [track] { height: 0.6rem; border-radius: 0.6rem; flex: auto; display: block; } .ax-progress[type="line"]:not([track="false"]) [track] { background-color: #f0f0f0; } .ax-progress[type="line"] [bar] { height: 100%; background-color: #198cff; border-radius: 0.6rem; transition: width 200ms cubic-bezier(0.18, 0.64, 0.56, 1), background-color 200ms cubic-bezier(0.18, 0.64, 0.56, 1); } .ax-progress[type="line"] [label] { font-size: 1.2rem; } .ax-progress[type="line"] [track] + [label] { margin-left: 0.8rem; } .ax-progress[type="line"][linecap="square"] [track], .ax-progress[type="line"][linecap="square"] [bar] { border-radius: 0; } .ax-progress[type*="circle"] [label] { text-align: center; position: absolute; left: 50%; } .ax-progress[type*="circle"] [label] [tips] { color: #b3b3b3; font-size: 1.2rem; line-height: 1.8rem; } .ax-progress[type*="circle"] [label] [progress] { font-size: 1.8rem; } .ax-progress[type="circle"] path { transform: rotate(90deg); transform-origin: 50% 50%; } .ax-progress[type="circle"] [label] { transform: translate(-50%, -50%); top: 50%; } .ax-progress[type="semicircle"] [label] { transform: translate(-50%, 0); bottom: 8px; } .ax-progress[type="gapcircle"] [label] { transform: translate(-50%, -50%); top: 60%; } /*尺寸*/ .ax-progress[size="sm"][type="line"] [track], .ax-progress[size="sm"][type="line"] [bar] { height: 0.2rem; border-radius: 0.2rem; } .ax-progress[size="sm"] svg { width: 10rem; } .ax-progress[size="sm"] svg path { stroke-width: 0.2rem; } .ax-progress[size="sm"][type*="circle"] [result] { line-height: 1.8rem; } .ax-progress[size="sm"][type*="circle"] [progress] { font-size: 1.4rem; } .ax-progress[size="sm"][type="semicircle"] [label] { bottom: 8px; } .ax-progress[size="lg"][type="line"] [track], .ax-progress[size="lg"][type="line"] [bar] { height: 1.2rem; border-radius: 1.2rem; } .ax-progress[size="lg"][type="line"] [progress] { font-size: 1.8rem; } .ax-progress[size="lg"][type="line"] [unit] { font-size: 1.4rem; } .ax-progress[size="lg"] svg { width: 20rem; } .ax-progress[size="lg"] svg path { stroke-width: 0.6rem; } .ax-progress[size="lg"][type="semicircle"] [label] { bottom: 12px; } /*hover*/ .ax-progress[type*="circle"] [bar]:hover { stroke-width: 0.6rem; } .ax-progress[type*="circle"][size="sm"] [bar]:hover { stroke-width: 0.4rem; } .ax-progress[type*="circle"][size="lg"] [bar]:hover { stroke-width: 0.8rem; } /*风格*/ .ax-progress[color="primary"] [track] { background-color: #f0f7ff; stroke: #f0f7ff; } .ax-progress[color="primary"] [bar] { background-color: #198cff; stroke: #198cff; } .ax-progress[color="primary"][gradient] [bar] { background: linear-gradient(90deg, #198cff, #6619ff); stroke: url(#svgbar-primary); } .ax-progress[color="primary"][complete="true"] [complete] { color: #198cff; } .ax-progress[color="secondary"] [track] { background-color: #f5f8fa; stroke: #f5f8fa; } .ax-progress[color="secondary"] [bar] { background-color: #475b66; stroke: #475b66; } .ax-progress[color="secondary"][gradient] [bar] { background: linear-gradient(90deg, #475b66, #63a0be); stroke: url(#svgbar-secondary); } .ax-progress[color="secondary"][complete="true"] [complete] { color: #475b66; } .ax-progress[color="danger"] [track] { background-color: #fff0f1; stroke: #fff0f1; } .ax-progress[color="danger"] [bar] { background-color: #dc3545; stroke: #dc3545; } .ax-progress[color="danger"][gradient] [bar] { background: linear-gradient(90deg, #dc3545, #ffc000); stroke: url(#svgbar-danger); } .ax-progress[color="danger"][complete="true"] [complete] { color: #dc3545; } .ax-progress[color="success"] [track] { background-color: #edfaf0; stroke: #edfaf0; } .ax-progress[color="success"] [bar] { background-color: #41a358; stroke: #41a358; } .ax-progress[color="success"][gradient] [bar] { background: linear-gradient(90deg, #41a358, #b2d956); stroke: url(#svgbar-success); } .ax-progress[color="success"][complete="true"] [complete] { color: #41a358; } .ax-progress[color="warning"] [track] { background-color: #fffaeb; stroke: #fffaeb; } .ax-progress[color="warning"] [bar] { background-color: #ffc107; stroke: #ffc107; } .ax-progress[color="warning"][gradient] [bar] { background: linear-gradient(90deg, #ffc107, #ffde7a); stroke: url(#svgbar-warning); } .ax-progress[color="warning"][complete="true"] [complete] { color: #14ccc9; } .ax-progress[color="info"] [track] { background-color: #ebfaf9; stroke: #ebfaf9; } .ax-progress[color="info"] [bar] { background-color: #14ccc9; stroke: #14ccc9; } .ax-progress[color="info"][gradient] [bar] { background: linear-gradient(90deg, #14ccc9, #2c7be6); stroke: url(#svgbar-info); } .ax-progress[color="info"][complete="true"] [complete] { color: #14ccc9; } .ax-progress[color="ad"] [track] { background-color: #fff5eb; stroke: #fff5eb; } .ax-progress[color="ad"] [bar] { background-color: #ff8400; stroke: #ff8400; } .ax-progress[color="ad"][gradient] [bar] { background: linear-gradient(90deg, #ff8400, #ffdd23); stroke: url(#svgbar-ad); } .ax-progress[color="ad"][complete="true"] [complete] { color: #ff8400; } /*filter*/ .ax-filter { font-size: 1.4rem; background-color: #fff; box-sizing: border-box; position: relative; z-index: 3; } .ax-filter .ax-toggle { color: #ccc; } .ax-filter .ax-other { display: none; } .ax-filter .ax-item { position: relative; padding: 0.6rem 1.4rem; box-sizing: border-box; } .ax-filter.ax-padding .ax-item { padding-left: 0; padding-right: 0; } .ax-filter .ax-item .ax-head { color: #b3b3b3; margin-right: 1rem; padding-right: 1rem; position: relative; } .ax-filter .ax-item .ax-head:before { content: ''; width: 1px; height: 1.2rem; background-color: #f0f0f0; position: absolute; right: 0rem; top: 0.8rem; } .ax-filter .ax-item .ax-text a { padding: 0 1rem; border-radius: 1.4rem; } .ax-filter .ax-item .ax-text a:hover { background-color: #f0f0f0; } .ax-filter .ax-item .ax-text a.ax-active { color: #fff; background-color: #198cff; } .ax-filter .ax-search-box .ax-head { line-height: 3.8rem; } .ax-filter .ax-search-box .ax-head:before { top: 1.3rem; } .ax-filter .ax-search { width: 30rem; height: 3.8rem; margin-right: 2.4rem; position: relative; float: left; } .ax-filter .ax-search input { font-size: 1.4rem; width: 100%; position: absolute; top: 0; left: 0; } .ax-filter .ax-flex-block .ax-search a { color: #b3b3b3; width: 4.4rem; height: 3.8rem; line-height: 3.8rem; text-align: center; padding: 0; position: absolute; right: 0; top: 0; z-index: 1; } .ax-filter .ax-flex-block .ax-search a:hover { background: transparent; color: #198cff; } .ax-filter .ax-search a:after { content: ''; width: 1px; height: 1.6rem; background-color: #f0f0f0; position: absolute; left: 0; top: 1.1rem; } .ax-filter .ax-hot { font-size: 1.2rem; color: #666666; margin-top: 0.5rem; } .ax-filter .ax-toggle *[class*='font'] { transition: transform 200ms linear, box-shadow 200ms linear; -webkit-transition: transform 200ms linear, box-shadow 200ms linear; } .ax-filter .ax-ad { width: 100%; } .ax-filter .ax-ad a { display: block; } .ax-filter .ax-ad img { display: block; width: 100%; } /*btn deform*/ .ax-deform { width: 3.8rem; height: 3.8rem; line-height: 3.8rem; text-align: center; border-radius: 0.3rem; transition: all 200ms linear; position: relative; } .ax-deform:before { border-radius: 0.3rem; } .ax-deform i { height: 0.2rem; width: 1.6rem; background-color: #666666; border-radius: 0.2rem; transition: all 200ms linear; position: absolute; left: calc((100% - 1.6rem)/2); top: calc(50% - 0.1rem); } .ax-deform.ax-i .ax-1 { width: 0.2rem; top: calc((100% - 1.6rem)/2); left: calc(50% - 0.1rem); } .ax-deform.ax-i .ax-2 { width: 1.4rem; transform: rotate(90deg); top: calc(50% + 0.2rem); left: calc((100% - 1.4rem)/2); } .ax-deform.ax-e .ax-1 { top: calc(50% - 0.6rem); } .ax-deform.ax-e .ax-3 { top: calc(50% + 0.4rem); } .ax-deform.ax-t .ax-2 { transform: rotate(90deg); } .ax-deform.ax-x .ax-1 { transform: rotate(-45deg); } .ax-deform.ax-x .ax-2 { transform: rotate(45deg); } .ax-deform.ax-x .ax-3 { opacity: 0; } .ax-deform.ax-border { border: none; } .ax-deform.ax-border:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; border-width: 1px; border-style: solid; width: 100%; height: 100%; border-color: rgba(0, 0, 0, 0.12); } .ax-deform.ax-square { border-radius: 0; } .ax-deform.ax-square:before { border-radius: 0; } .ax-deform.ax-radius { border-radius: 0.3rem; } .ax-deform.ax-radius:before { border-radius: 0.3rem; } .ax-deform.ax-circle { border-radius: 100%; } .ax-deform.ax-circle:before { border-radius: 100%; } .ax-deform.ax-disabled i { background-color: #ccc; } .ax-deform.ax-lg { width: calc(4.4rem + 1rem); height: calc(4.4rem + 1rem); } .ax-deform.ax-lg i { width: 2.4rem; left: calc((100% - 2.4rem)/2); } .ax-deform.ax-lg.ax-i .ax-1 { top: calc((100% - 2.4rem)/2); } .ax-deform.ax-lg.ax-i .ax-2 { width: 2rem; left: calc((100% - 2rem)/2); transform: rotate(90deg); } .ax-deform.ax-lg.ax-e .ax-1 { top: calc(50% - 0.8rem); } .ax-deform.ax-lg.ax-e .ax-3 { top: calc(50% + 0.6rem); } .ax-deform.ax-md { width: 3.8rem; height: 3.8rem; } .ax-deform.ax-sm { width: 2.8rem; height: 2.8rem; } .ax-deform.ax-sm i { width: 1.2rem; left: calc((100% - 1.2rem)/2); } .ax-deform.ax-sm.ax-i .ax-1 { top: calc((100% - 1.2rem)/2); } .ax-deform.ax-sm.ax-i .ax-2 { width: 0.8rem; transform: rotate(90deg); left: calc((100% - 0.8rem)/2); } .ax-deform.ax-e.ax-sm .ax-1 { top: calc(50% - 0.5rem); } .ax-deform.ax-e.ax-sm .ax-3 { top: calc(50% + 0.3rem); } .ax-deform.ax-primary i { background-color: #198cff; } .ax-deform.ax-primary:before { border-color: #198cff; } .ax-deform.ax-secondary i { background-color: #475b66; } .ax-deform.ax-secondary:before { border-color: #475b66; } .ax-deform.ax-success i { background-color: #41a358; } .ax-deform.ax-success:before { border-color: #41a358; } .ax-deform.ax-danger i { background-color: #dc3545; } .ax-deform.ax-danger:before { border-color: #dc3545; } .ax-deform.ax-warning i { background-color: #ffc107; } .ax-deform.ax-warning:before { border-color: #ffc107; } .ax-deform.ax-info i { background-color: #14ccc9; } .ax-deform.ax-info:before { border-color: #14ccc9; } .ax-deform.ax-ad i { background-color: #ff8400; } .ax-deform.ax-ad:before { border-color: #ff8400; } .ax-deform.ax-ignore i { background-color: #b3b3b3; } .ax-deform.ax-ignore:before { border-color: #b3b3b3; } .ax-deform.ax-reverse { background-color: #333333; } .ax-deform.ax-reverse:before { display: none; } .ax-deform.ax-reverse i { background-color: #fff; } .ax-deform.ax-reverse.ax-primary { background-color: #198cff; } .ax-deform.ax-reverse.ax-secondary { background-color: #475b66; } .ax-deform.ax-reverse.ax-success { background-color: #41a358; } .ax-deform.ax-reverse.ax-danger { background-color: #dc3545; } .ax-deform.ax-reverse.ax-warning { background-color: #ffc107; } .ax-deform.ax-reverse.ax-info { background-color: #14ccc9; } .ax-deform.ax-reverse.ax-ad { background-color: #ff8400; } .ax-deform.ax-reverse.ax-ignore { background-color: #f0f0f0; } .ax-deform.ax-reverse.ax-ignore i { background-color: #b3b3b3; } .ax-deform.ax-disabled { cursor: not-allowed; } .ax-deform.ax-disabled:not(.ax-reverse) i { background-color: #ccc !important; } .ax-deform.ax-disabled:not(.ax-reverse):before { border-color: #ebebeb !important; } .ax-deform.ax-reverse.ax-disabled { opacity: 0.3; } /*dialog*/ .ax-dialog { height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; position: fixed; left: -1000rem; top: 0; z-index: 810; } .ax-dialog .ax-dialog-overlay { width: 100%; height: 100%; background-color: transparent; opacity: 0; transition: all 200ms linear; position: absolute; left: 0; top: 0; z-index: 4; } .ax-dialog[data-overlay="true"] .ax-dialog-overlay { background-color: rgba(0, 0, 0, 0.4); } .ax-dialog[data-overlay="false"] .ax-dialog-overlay { display: none; } .ax-dialog .ax-dialog-wrapper { background-color: #fff; border: 1px solid #ebebeb; border-radius: calc(0.3rem*3); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); opacity: 1; animation-duration: 300ms; animation-fill-mode: both; position: relative; z-index: 9; } .ax-dialog[data-size="sm"] .ax-dialog-wrapper { width: calc(50rem/2); } .ax-dialog[data-size="md"] .ax-dialog-wrapper { width: 50rem; } .ax-dialog[data-size="lg"] .ax-dialog-wrapper { width: calc(100% - 1.4rem*2); } .ax-dialog[data-size="full"] .ax-dialog-wrapper { width: calc(100% - 1.4rem*2); height: calc(100% - 1.4rem*2); } .ax-dialog[data-size="full"] .ax-flex-block { overflow: hidden; } .ax-dialog[data-size="full"] .ax-dialog-body { max-height: calc(100% - 6.6rem); } .ax-dialog[data-overlay="true"] .ax-dialog-wrapper { border: none; box-shadow: none; } .ax-dialog.ax-dialog-show { left: 0; top: 0; } .ax-dialog.ax-dialog-show .ax-dialog-overlay { opacity: 1; } .ax-dialog.ax-dialog-hide .ax-dialog-overlay { opacity: 0; } .ax-dialog[data-closeplace="outside"] .ax-dialog-wrapper > .ax-dialog-close { right: calc(-3.8rem); } .ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close [class*='font'] { color: #fff; } .ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close svg { fill: #fff; } .ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close:hover [class*='font'] { color: #dc3545; } .ax-dialog[data-closeplace="outside"] .ax-dialog-overlay ~ .ax-dialog-wrapper > .ax-dialog-close:hover svg { fill: #dc3545; } .ax-dialog[data-closeplace="outside"] .ax-dialog-wrapper > .ax-dialog-close [class*='font'] { color: rgba(0, 0, 0, 0.3); } .ax-dialog[data-closeplace="outside"] .ax-dialog-wrapper > .ax-dialog-close svg { fill: rgba(0, 0, 0, 0.3); } .ax-dialog[data-closeplace="bottom"] .ax-dialog-wrapper > .ax-dialog-close { margin-right: calc(-3.8rem/2); border-radius: 3.8rem; background-color: #fff; top: auto; bottom: calc(-3.8rem*2); right: 50%; } .ax-dialog[data-closeplace="bottom"][data-overlay="false"] .ax-dialog-wrapper > .ax-dialog-close { border: 1px solid #ebebeb; bottom: calc(-3.8rem*2); } .ax-dialog-header { text-align: left; line-height: 3.8rem; border-radius: calc(0.3rem*3) calc(0.3rem*3) 0 0; box-sizing: border-box; padding-left: 1.4rem; background-color: #fff; position: relative; } .ax-dialog .ax-dialog-wrapper > .ax-dialog-close { width: 3.8rem; height: 3.8rem; text-align: center; line-height: 3.8rem; transition: all 200ms linear; color: #b3b3b3; position: absolute; right: 0; top: 0; z-index: 1; } .ax-dialog .ax-dialog-wrapper > .ax-dialog-close [class*='font'], .ax-dialog .ax-dialog-wrapper > .ax-dialog-close svg { color: #b3b3b3; fill: #b3b3b3; transition: all 200ms linear; } .ax-dialog .ax-dialog-wrapper > .ax-dialog-close:hover [class*='font'], .ax-dialog .ax-dialog-wrapper > .ax-dialog-close:hover svg { color: #dc3545; fill: #dc3545; } .ax-dialog-body { position: relative; max-height: 600px; overflow-x: hidden; overflow-y: auto; } .ax-dialog .ax-dialog-body .ax-dialog-content { overflow: hidden; position: relative; } .ax-dialog .ax-media-container img, .ax-dialog .ax-media-container video, .ax-dialog .ax-media-container audio { max-width: 100%; } .ax-dialog .ax-media-container video, .ax-dialog .ax-media-container audio { width: 100%; display: block; } .ax-dialog .ax-media-title { font-size: 1.8rem; font-weight: bold; line-height: 3.8rem; text-align: center; margin: 1.4rem 0 0.8rem 0; } .ax-dialog[data-type="pictrue"] .ax-dialog-content, .ax-dialog[data-type="video"] .ax-dialog-content, .ax-dialog[data-type="audio"] .ax-dialog-content { text-align: center; } .ax-dialog .ax-note { font-size: 1.4rem; line-height: 1.8rem; height: 3.8rem; display: flex; align-items: center; } .ax-dialog[data-footerType="center"] .ax-note, .ax-dialog[data-footerType="line"] .ax-note { border-top: 1px solid #ebebeb; border-bottom-left-radius: calc(0.3rem*3); border-bottom-right-radius: calc(0.3rem*3); background-color: #fafafa; justify-content: center; } .ax-dailog[data-footerType="right"] .ax-note { justify-content: flex-start; } .ax-dialog-footer { border-radius: 0 0 calc(0.3rem*3) calc(0.3rem*3); overflow-y: hidden; } .ax-dialog-footer a.ax-col { display: flex; align-items: center; justify-content: center; } .ax-dialog-footer .ax-btn { margin: 0 0.8rem; } .ax-dialog-footer .ax-btns .ax-btn { margin: 0; } .ax-dialog-footer > .ax-row { line-height: 4.4rem; text-align: center; } .ax-dialog-footer > .ax-row .ax-gutter-line { height: 4.4rem; } .ax-dialog-footer > .ax-row a:hover { background-color: #fff; } .ax-dialog-footer > .ax-row .ax-gutter-line:last-child { display: none; } .ax-dialog-alert { text-align: center; padding: calc(1.4rem*3) 1.4rem; } .ax-dialog-alert .ax-tips-icon { width: 100%; } .ax-dialog-alert .ax-tips-title { font-size: 1.8rem; line-height: 3.8rem; } .ax-dialog-alert .ax-tips-des { font-size: 1.4rem; color: #666666; } .ax-dialog-alert .ax-tips-btn { margin-top: calc(1.4rem*2); } .ax-dialog video { width: 100%; height: auto; display: block; } /*drawer*/ .ax-drawer { height: 100vh; width: 100%; position: fixed; left: -1000rem; top: 0; z-index: 810; } .ax-drawer .ax-drawer-overlay { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: all 200ms linear; position: absolute; left: 0; top: 0; z-index: 4; } .ax-drawer.ax-drawer-show { left: 0; top: 0; } .ax-drawer.ax-drawer-show .ax-drawer-overlay { opacity: 1; } .ax-drawer .ax-drawer-wrapper { width: 40rem; background-color: #fff; opacity: 1; transition: all 200ms linear; box-sizing: border-box; animation-duration: 300ms; animation-fill-mode: both; position: absolute; right: -40rem; top: 0; z-index: 9; } .ax-drawer[data-size="sm"] .ax-drawer-wrapper { right: -40rem; width: 40rem; } .ax-drawer[data-size="md"] .ax-drawer-wrapper { right: -60rem; width: 60rem; } .ax-drawer[data-size="lg"] .ax-drawer-wrapper { right: -70%; width: 70%; } .ax-drawer.ax-drawer-show .ax-drawer-wrapper { right: 0; } .ax-drawer[data-placement="right"] .ax-drawer-wrapper, .ax-drawer[data-placement="left"] .ax-drawer-wrapper { height: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; } .ax-drawer[data-placement="right"] .ax-drawer-wrapper { right: -40rem; } .ax-drawer[data-placement="right"][data-size="sm"] .ax-drawer-wrapper { right: -40rem; } .ax-drawer[data-placement="right"][data-size="md"] .ax-drawer-wrapper { right: -60rem; } .ax-drawer[data-placement="right"][data-size="lg"] .ax-drawer-wrapper { right: -70%; } .ax-drawer[data-placement="right"].ax-drawer-show .ax-drawer-wrapper { right: 0; } .ax-drawer[data-placement="left"] .ax-drawer-wrapper { left: -40rem; } .ax-drawer[data-placement="left"][data-size="sm"] .ax-drawer-wrapper { left: -40rem; } .ax-drawer[data-placement="left"][data-size="md"] .ax-drawer-wrapper { left: -60rem; } .ax-drawer[data-placement="left"][data-size="lg"] .ax-drawer-wrapper { left: -70%; } .ax-drawer[data-placement="left"].ax-drawer-show .ax-drawer-wrapper { left: 0; } .ax-drawer[data-placement="top"] .ax-drawer-wrapper { width: 100%; left: auto; right: auto; bottom: auto; transform: translateY(-100%); } .ax-drawer[data-placement="top"] .ax-drawer-wrapper .ax-drawer-body { max-height: 20rem; } .ax-drawer[data-placement="top"][data-size="sm"] .ax-drawer-wrapper .ax-drawer-body { max-height: 20rem; } .ax-drawer[data-placement="top"][data-size="md"] .ax-drawer-wrapper .ax-drawer-body { max-height: 40rem; } .ax-drawer[data-placement="top"][data-size="lg"] .ax-drawer-wrapper .ax-drawer-body { max-height: 70%; } .ax-drawer[data-placement="top"].ax-drawer-show .ax-drawer-wrapper { transform: translateY(0); } .ax-drawer[data-placement="bottom"] .ax-drawer-wrapper { width: 100%; left: auto; right: auto; top: auto; bottom: 0; transform: translateY(100%); } .ax-drawer[data-placement="bottom"][data-size="sm"] .ax-drawer-wrapper .ax-drawer-body { max-height: 20rem; } .ax-drawer[data-placement="bottom"][data-size="md"] .ax-drawer-wrapper .ax-drawer-body { max-height: 40rem; } .ax-drawer[data-placement="bottom"][data-size="lg"] .ax-drawer-wrapper .ax-drawer-body { max-height: 70%; } .ax-drawer[data-placement="bottom"].ax-drawer-show .ax-drawer-wrapper { transform: translateY(0); } .ax-drawer .ax-drawer-header { line-height: 3.8rem; box-sizing: border-box; padding: 0 1.4rem; display: flex; flex-wrap: nowrap; zoom: 1; position: relative; } .ax-drawer .ax-drawer-wrapper > .ax-drawer-close { color: #fff; width: 3.8rem; height: 3.8rem; text-align: center; line-height: 3.8rem; transition: all 200ms linear; opacity: 0; position: absolute; left: calc(-3.8rem); top: 0; z-index: 1; } .ax-drawer[data-placement="right"] .ax-drawer-wrapper > .ax-drawer-close { left: calc(-3.8rem); } .ax-drawer[data-placement="left"] .ax-drawer-wrapper > .ax-drawer-close { left: auto; right: calc(-3.8rem); } .ax-drawer[data-placement="top"] .ax-drawer-wrapper > .ax-drawer-close { left: auto; right: 0; top: auto; bottom: calc(-3.8rem); } .ax-drawer[data-placement="bottom"] .ax-drawer-wrapper > .ax-drawer-close { left: auto; right: 0; top: calc(-3.8rem); } .ax-drawer.ax-drawer-show .ax-drawer-wrapper > .ax-drawer-close { opacity: 1; } .ax-drawer .ax-drawer-wrapper > .ax-drawer-close [class*='font'], .ax-drawer .ax-drawer-wrapper > .ax-drawer-close svg { color: #fff; fill: #fff; transition: all 200ms linear; } .ax-drawer .ax-drawer-wrapper > .ax-drawer-close:hover [class*='font'], .ax-drawer .ax-drawer-wrapper > .ax-drawer-close:hover svg { color: #fff; fill: #fff; } .ax-drawer .ax-drawer-body { max-height: 100%; overflow-x: hidden; overflow-y: auto; position: relative; } .ax-drawer[data-placement="right"] .ax-drawer-body, .ax-drawer[data-placement="left"] .ax-drawer-body { flex: auto; height: 0; } .ax-drawer .ax-drawer-body .ax-drawer-content { overflow: hidden; } .ax-drawer .ax-note { font-size: 1.4rem; line-height: 1.8rem; height: 3.8rem; display: flex; align-items: center; } .ax-drawer[data-footerType="center"] .ax-note, .ax-drawer[data-footerType="line"] .ax-note { border-top: 1px solid #ebebeb; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; background-color: #fafafa; justify-content: center; } .ax-dailog[data-footerType="right"] .ax-note { justify-content: flex-start; } .ax-drawer-footer { border-radius: 0 0 0.3rem 0.3rem; overflow-y: hidden; } .ax-drawer-footer a.ax-col { display: flex; align-items: center; justify-content: center; } .ax-drawer-footer .ax-btn { margin: 0 0.8rem; } .ax-drawer-footer .ax-btns .ax-btn { margin: 0; } .ax-drawer-footer > .ax-row { line-height: 4.4rem; text-align: center; } .ax-drawer-footer > .ax-row .ax-gutter-line { height: 4.4rem; } .ax-drawer-footer > .ax-row a:hover { background-color: #fff; } .ax-drawer-footer > .ax-row .ax-gutter-line:last-child { display: none; } .ax-drawer video, .ax-drawer audio { width: 100%; max-width: 100%; height: auto; display: block; } .ax-drawer[data-placement="left"][data-size="md"] video, .ax-drawer[data-placement="left"][data-size="lg"] video, .ax-drawer[data-placement="right"][data-size="md"] video, .ax-drawer[data-placement="right"][data-size="lg"] video, .ax-drawer[data-placement="left"][data-size="md"] audio, .ax-drawer[data-placement="left"][data-size="lg"] audio, .ax-drawer[data-placement="right"][data-size="md"] audio, .ax-drawer[data-placement="right"][data-size="lg"] audio, .ax-drawer[data-placement="top"] audio, .ax-drawer[data-placement="bottom"] audio { width: auto; } .ax-drawer .ax-menu { width: 100%; } /*message*/ .ax-message { width: 600px; position: fixed; left: 50%; top: 0; z-index: 910; transform: translate(-50%, 0); } .ax-message section { background-color: #fff; border: 1px solid #ebebeb; box-sizing: border-box; box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06); margin: 1.4rem 1.4rem 0 1.4rem; border-radius: 0.3rem; position: relative; display: none; } .ax-message .ax-close { font-family: 'ax-iconfont'; font-size: 1.4rem; text-align: center; color: rgba(0, 0, 0, 0.2); text-decoration: none; width: calc(3.8rem - 2px); height: calc(3.8rem - 2px); line-height: calc(3.8rem - 2px); transition: all 200ms linear; position: absolute; right: 0; top: 0; } .ax-message .ax-close:before { content: "close"; width: calc(3.8rem - 2px); height: calc(3.8rem - 2px); } .ax-message .ax-close:hover { color: rgba(0, 0, 0, 0.8); } .ax-message[data-placement="left-top"] { width: 400px; left: 0; transform: none; } .ax-message[data-placement="right-top"] { width: 400px; left: auto; right: 0; transform: none; } .ax-message[data-placement="left-center"] { width: 400px; left: 0; top: 50%; transform: translate(0, -50%); } .ax-message[data-placement="center-center"] { top: 50%; transform: translate(-50%, -50%); } .ax-message[data-placement="right-center"] { width: 400px; left: auto; right: 0; top: 50%; transform: translate(0, -50%); } .ax-message[data-placement="left-bottom"] { width: 400px; left: 0; top: auto; bottom: 0; transform: none; } .ax-message[data-placement="center-bottom"] { top: auto; bottom: 0; } .ax-message[data-placement="right-bottom"] { width: 400px; left: auto; right: 0; top: auto; bottom: 0; transform: none; } .ax-message[data-placement*="-center"] section { margin-top: calc(1.4rem/2); margin-bottom: calc(1.4rem/2); } .ax-message[data-placement*="-bottom"] section { margin-top: 0; margin-bottom: 1.4rem; } .ax-message section[data-style="simple"] .ax-message-content { font-size: 1.4rem; line-height: 1.8rem; padding: 0.8rem 1.4rem; display: flex; flex-wrap: nowrap; } .ax-message section[data-style="simple"][data-result="success"] { color: #0b72da; background-color: #f0f7ff; border-color: #d7e7f5; } .ax-message section[data-style="simple"][data-result="error"] { color: #b22c39; background-color: #fff0f1; border-color: #f0dddf; } .ax-message section[data-style="simple"][data-result="question"] { color: #c2690a; background-color: #fff5eb; border-color: #f5e7d7; } .ax-message section[data-style="simple"][data-result="info"] { color: #189593; background-color: #ebfaf9; border-color: #cef0f0; } .ax-message section[data-style="simple"][data-result="warning"] { color: #c8990b; background-color: #fffaeb; border-color: #f5edd7; } .ax-message section[data-style="simple"][data-close] .ax-message-content { padding-right: 3.4rem; } .ax-message section[data-style="simple"] .ax-message-icon { margin-right: 0.8rem; } .ax-message section[data-style="simple"] .ax-message-body { flex: auto; position: relative; } .ax-message section[data-style="complex"] { padding: 1.4rem; } .ax-message section[data-style="complex"] .ax-message-header { line-height: 2.8rem; margin-bottom: 0.8rem; } .ax-message section[data-style="complex"] .ax-message-icon { width: 2.8rem; height: 2.8rem; min-width: 2.8rem; min-height: 2.8rem; margin-right: 0.8rem; } .ax-message section[data-style="complex"] .ax-message-title { font-size: 1.8rem; } .ax-message section[data-style="complex"] .ax-message-body { color: #666666; line-height: 1.8rem; } .ax-message-progress { height: 2px; width: 100%; background-color: #ebebeb; transition-property: width; transition-timing-function: linear; position: absolute; left: 0; bottom: 0; } /**/ .ax-glitter { width: 1.4rem; height: 1.4rem; border-radius: 100%; background-color: #dc3545; display: inline-flex; justify-content: center; align-items: center; position: relative; } .ax-glitter * { color: #fff; position: relative; z-index: 2; } .ax-glitter:before, .ax-glitter:after { content: ''; width: 100%; height: 100%; border-radius: 100%; background-color: #dc3545; transform: scale(3); opacity: 0.5; position: absolute; left: 0; top: 0; } .ax-glitter:before { animation: ax-wave-3 1s infinite; } .ax-glitter:after { animation: ax-wave-5 1s infinite; } .ax-glitter.ax-sm:before { animation-name: ax-wave-2; } .ax-glitter.ax-sm:after { animation-name: ax-wave-3; } .ax-glitter.ax-md:before { animation-name: ax-wave-3; } .ax-glitter.ax-md:after { animation-name: ax-wave-5; } .ax-glitter.ax-lg:before { animation-name: ax-wave-4; } .ax-glitter.ax-lg:after { animation-name: ax-wave-7; } @keyframes ax-wave-2 { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(2); opacity: 0; } } @keyframes ax-wave-3 { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(3); opacity: 0; } } @keyframes ax-wave-4 { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(4); opacity: 0; } } @keyframes ax-wave-5 { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(5); opacity: 0; } } @keyframes ax-wave-6 { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(6); opacity: 0; } } @keyframes ax-wave-7 { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(7); opacity: 0; } } .ax-glitter.ax-primary, .ax-glitter.ax-primary:before, .ax-glitter.ax-primary:after { background-color: #198cff; } .ax-glitter.ax-danger, .ax-glitter.ax-danger:before, .ax-glitter.ax-danger:after { background-color: #dc3545; } .ax-glitter.ax-success, .ax-glitter.ax-success:before, .ax-glitter.ax-success:after { background-color: #41a358; } .ax-glitter.ax-secondary, .ax-glitter.ax-secondary:before, .ax-glitter.ax-secondary:after { background-color: #475b66; } .ax-glitter.ax-warning, .ax-glitter.ax-warning:before, .ax-glitter.ax-warning:after { background-color: #ffc107; } .ax-glitter.ax-info, .ax-glitter.ax-info:before, .ax-glitter.ax-info:after { background-color: #14ccc9; } .ax-glitter.ax-ad, .ax-glitter.ax-ad:before, .ax-glitter.ax-ad:after { background-color: #ff8400; } /*lazyshow*/ .ax-lazy { transition: all 200ms linear; } .ax-lazy.ax-hide { opacity: 0; } .ax-lazy.ax-show { opacity: 1; } .ax-lazy.ax-hide.ax-scale { transform: scale(0); } .ax-lazy.ax-show.ax-scale { transform: scale(1); } .ax-lazy.ax-hide.ax-fly { transform: translate(0, 50%); } .ax-lazy.ax-show.ax-fly { transform: translate(0, 0); } /*plugins start*/ .ax-lazyload img[data-src], img[lazyload][data-src] { margin: auto; background: #fafafa var(--load-svg) 50% no-repeat; text-align: center; } .ax-lazyload iframe[data-src], iframe[lazyload][data-src] { background: #fafafa var(--load-svg) 50% no-repeat; } .ax-infinite .ax-infinite-status { text-align: center; padding: 1.4rem 0; } .ax-infinite .ax-infinite-status .ax-pagination, .ax-infinite .ax-infinite-status [data-page] { display: none; } .ax-infinite .ax-infinite-status .ax-infinite-tips { color: #b3b3b3; } .ax-infinite .ax-infinite-status[preloading] .ax-infinite-loading { display: none; } .ax-infinite .ax-infinite-status[loading] .ax-infinite-next { display: none; } .ax-infinite .ax-infinite-status[loaded] .ax-infinite-loading { display: none; } .ax-videojs .video-js { max-width: 100%; } .ax-videojs.ax-playlist-side { background: #1a1a1a; } .ax-videojs.ax-playlist-bottom { background: #1a1a1a; } .ax-videojs.ax-playlist-pages { background: #1a1a1a; } .ax-videojs.ax-playlist-pages .video-js { width: 100% !important; height: 40rem; } .ax-videojs.ax-playlist-side .video-js { width: 100% !important; height: 40rem; } .ax-videojs.ax-playlist-side .ax-swiper { width: 20rem; height: 40rem; box-sizing: border-box; overflow: hidden; } .ax-videojs.ax-playlist-bottom .video-js { width: 100% !important; height: 40rem; } .ax-videojs.ax-playlist-bottom .ax-swiper { height: 14rem; box-sizing: border-box; overflow: hidden; } .ax-videojs[class*='ax-playlist-'] .ax-swiper { margin: 1.4rem; } .ax-videojs[class*='ax-playlist-'] .ax-slide { overflow: hidden; } .ax-videojs[class*='ax-playlist-'] .ax-slide figure { color: #fff; height: 100%; box-sizing: border-box; padding: 0.8rem; cursor: pointer; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover, 2rem 2rem; background-color: #f5f5f5; position: relative; display: block; } .ax-videojs[class*='ax-playlist-'] .ax-slide-active:before { content: ''; width: 100%; height: 100%; border: 0.2rem solid #198cff; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 2; } .ax-videojs[class*='ax-playlist-'] .ax-slide i { display: none; } .ax-videojs[class*='ax-playlist-'] .ax-slide-active i { color: #fff; font-size: 1.4rem; line-height: 2.8rem; padding: 0 0.8rem; background-color: #198cff; border-radius: 0 0 0.6rem 0; position: absolute; top: 0; left: 0; z-index: 2; display: block; } .ax-videojs[class*='ax-playlist-'] .ax-slide em { color: #fff; font-size: 1.2rem; line-height: 2.8rem; padding: 0 0.8rem; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); position: absolute; top: 0; right: 0; z-index: 2; } .ax-videojs[class*='ax-playlist-'] .ax-slide figcaption { font-size: 1.4rem; font-style: normal; overflow: hidden; max-height: 3.6rem; line-height: 1.8rem; text-overflow: ellipsis; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-right: 0.8rem; position: absolute; bottom: 0.8rem; left: 0.8rem; z-index: 2; } .ax-videojs[class*='ax-playlist-'] .ax-slide .ax-mask { width: 100%; height: 100%; background: linear-gradient(to top, #000000, rgba(0, 0, 0, 0)); opacity: 0; transition: all 200ms ease; -webkit-transition: all 200ms ease; position: absolute; left: 0; top: 100%; } .ax-videojs[class*='ax-playlist-'] .ax-slide:hover .ax-mask { opacity: 1; top: 0; } /*plugins aplayer*/ .ax-aplayer { background: #fff; box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12); box-shadow: 0.5rem 0.5rem 2rem rgba(51, 51, 51, 0.4); border-radius: 0.3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: normal; position: relative; } .ax-aplayer:not(.aplayer-bottom) { overflow: hidden; } .ax-aplayer * { box-sizing: content-box; } .ax-aplayer svg { fill: #666666; width: 100%; height: 100%; transition: all 100ms linear; } .ax-aplayer.aplayer-withlist .aplayer-list { border-top: 1px solid #ebebeb; display: block; } .ax-aplayer.aplayer-withlist .aplayer-icon-order, .ax-aplayer.aplayer-withlist .aplayer-time .aplayer-icon.aplayer-icon-menu { display: inline; } .ax-aplayer.aplayer-withlrc .aplayer-pic { height: 9.6rem; width: 9.6rem; } .ax-aplayer.aplayer-withlrc .aplayer-info { height: 9.6rem; padding: 1rem 0.7rem 0; } .ax-aplayer.aplayer-withlrc .aplayer-lrc { display: block; } .ax-aplayer.aplayer-narrow { width: 6.6rem; } .ax-aplayer.aplayer-narrow .aplayer-info, .ax-aplayer.aplayer-narrow .aplayer-list { display: none !important; } .ax-aplayer.aplayer-narrow .aplayer-body, .ax-aplayer.aplayer-narrow .aplayer-pic { height: 6.6rem; width: 6.6rem; } .ax-aplayer.aplayer-fixed { margin: 0; overflow: visible; max-width: 50rem; box-shadow: none; position: fixed; bottom: calc(50vh - 3.3rem); left: 0; right: 0; z-index: 610; } .ax-aplayer.aplayer-fixed .aplayer-list { border: 1px solid #eee; border-bottom: none; margin-bottom: 6.5rem; } .ax-aplayer.aplayer-fixed .aplayer-body { margin: 0; background: #fff; transition: all 300ms ease; max-width: 50rem; position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; } .ax-aplayer.aplayer-fixed .aplayer-lrc { width: 50rem; text-align: left; margin: 0; padding: 1.4rem; pointer-events: none; text-shadow: -0.1rem -0.1rem 0 #fff; position: absolute; left: 0; right: 0; z-index: 98; display: block; } .ax-aplayer.aplayer-fixed .aplayer-lrc:after, .ax-aplayer.aplayer-fixed .aplayer-lrc:before { display: none; } .ax-aplayer.aplayer-fixed .aplayer-info { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all 300ms ease; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .ax-aplayer.aplayer-fixed .aplayer-info .aplayer-music { width: calc(100% - 10.5rem); } .ax-aplayer.aplayer-fixed .aplayer-miniswitcher { display: block; } .ax-aplayer.aplayer-fixed.aplayer-narrow .aplayer-info { display: block; -webkit-transform: scaleX(0); transform: scaleX(0); } .ax-aplayer.aplayer-fixed.aplayer-narrow .aplayer-body { width: 6.6rem !important; } .ax-aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon { -webkit-transform: rotateY(0); transform: rotateY(0); } .ax-aplayer.aplayer-fixed .aplayer-icon-back, .ax-aplayer.aplayer-fixed .aplayer-icon-forward, .ax-aplayer.aplayer-fixed .aplayer-icon-lrc, .ax-aplayer.aplayer-fixed .aplayer-icon-play { display: inline-block; } .ax-aplayer.aplayer-fixed .aplayer-icon-back, .ax-aplayer.aplayer-fixed .aplayer-icon-forward, .ax-aplayer.aplayer-fixed .aplayer-icon-menu, .ax-aplayer.aplayer-fixed .aplayer-icon-play { position: absolute; bottom: 2.6rem; width: 2.2rem; height: 2.2rem; } .ax-aplayer.aplayer-fixed .aplayer-icon-back { right: 7.5rem; } .ax-aplayer.aplayer-fixed .aplayer-icon-play { right: 5rem; } .ax-aplayer.aplayer-fixed .aplayer-icon-forward { right: 2.5rem; } .ax-aplayer.aplayer-fixed .aplayer-icon-menu { right: 0; } .ax-aplayer.aplayer-bottom { width: 100%; border-radius: 0; border-top: 1px solid #ebebeb; box-sizing: border-box; position: fixed; left: 0; bottom: 0; z-index: 99; } .ax-aplayer.aplayer-bottom .aplayer-body { width: 100rem; margin: auto; } .ax-aplayer.aplayer-bottom .aplayer-list { width: 50rem; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; position: fixed; left: auto; bottom: 4.9rem; right: calc((100% - 100rem)/2); } .ax-aplayer.aplayer-bottom .aplayer-lrc { width: 100%; position: fixed; left: 0; bottom: 4.9rem; } .ax-aplayer.aplayer-bottom .aplayer-lrc:after, .ax-aplayer.aplayer-bottom .aplayer-lrc:before { display: none; } .ax-aplayer.aplayer-bottom .aplayer-info { height: 4.8rem; padding: 0.8rem; } .ax-aplayer.aplayer-bottom .aplayer-info .aplayer-music { line-height: 1.8rem; height: 1.8rem; margin-bottom: 0; } .ax-aplayer.aplayer-bottom .aplayer-pic { width: 3.2rem; height: 3.2rem; margin: 0.8rem 0; border-radius: 0.3rem; } .ax-aplayer.aplayer-bottom .aplayer-pic a { border-radius: 0.3rem; } .ax-aplayer.aplayer-bottom .aplayer-pic .aplayer-button { display: none; } .ax-aplayer.aplayer-bottom.aplayer-withlist .aplayer-list { border-top: none; } .ax-aplayer.aplayer-bottom .aplayer-list ol li:first-child { border-top: 1px solid #ebebeb; } .ax-aplayer.aplayer-bottom .aplayer-operate { display: flex; justify-content: flex-start; align-items: center; margin-right: 1.4rem; } .ax-aplayer.aplayer-bottom .aplayer-icon-back, .ax-aplayer.aplayer-bottom .aplayer-icon-forward, .ax-aplayer.aplayer-bottom .aplayer-icon-lrc, .ax-aplayer.aplayer-bottom .aplayer-icon-play { display: inline-block; } .ax-aplayer.aplayer-bottom .aplayer-icon-back, .ax-aplayer.aplayer-bottom .aplayer-icon-forward { width: 2.2rem; height: 2.2rem; } .ax-aplayer.aplayer-bottom .aplayer-icon-play { width: 2.6rem; height: 2.6rem; border: 0.2rem solid #666666; position: relative; border-radius: 100%; margin: 0 0.8rem; } .ax-aplayer.aplayer-bottom .aplayer-icon-play svg { height: 2rem; width: 2rem; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .ax-aplayer.aplayer-bottom .aplayer-icon-back:hover, .ax-aplayer.aplayer-bottom .aplayer-icon-forward:hover, .ax-aplayer.aplayer-bottom .aplayer-icon-play:hover { border-color: #198cff; } .ax-aplayer.aplayer-bottom .aplayer-icon-back:hover svg, .ax-aplayer.aplayer-bottom .aplayer-icon-forward:hover svg, .ax-aplayer.aplayer-bottom .aplayer-icon-play:hover svg { fill: #198cff; } .ax-aplayer.aplayer-bottom .aplayer-time { height: auto; margin: 0; display: flex; justify-content: flex-end; align-items: center; } .ax-aplayer.aplayer-bottom .aplayer-volume-wrap .aplayer-volume-bar-wrap { bottom: 2.2rem; } .ax-aplayer.aplayer-bottom .aplayer-time button { width: 2.2rem; height: 2.2rem; } .ax-aplayer.aplayer-bottom .aplayer-time-inner { color: #666666; font-size: 1.2rem; } .ax-aplayer.aplayer-arrow .aplayer-icon-loop, .ax-aplayer.aplayer-arrow .aplayer-icon-order, .ax-aplayer.aplayer-mobile .aplayer-icon-volume-down { display: none; } .ax-aplayer.aplayer-loading .aplayer-info .aplayer-loading-icon { display: block; } .ax-aplayer.aplayer-loading .aplayer-info .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { -webkit-transform: scale(1); transform: scale(1); } .ax-aplayer .aplayer-body { width: 100%; box-sizing: border-box; display: flex; flex-wrap: nowrap; zoom: 1; position: relative; } .ax-aplayer .aplayer-icon { font-size: 1.8rem; width: 1.8rem; height: 1.8rem; vertical-align: middle; background-color: transparent; border: none; outline: none; cursor: pointer; padding: 0; margin: 0; display: inline-block; } .ax-aplayer .aplayer-icon svg { float: left; transition: all 100ms linear; } .ax-aplayer .aplayer-icon-back, .ax-aplayer .aplayer-icon-forward, .ax-aplayer .aplayer-icon-lrc, .ax-aplayer .aplayer-icon-order, .ax-aplayer .aplayer-icon-play { display: none; } .ax-aplayer .aplayer-icon-lrc-inactivity svg { opacity: 0.4; } .ax-aplayer .aplayer-icon-forward { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .ax-aplayer .aplayer-lrc-content { display: none; } .ax-aplayer .aplayer-pic { float: left; height: 6.6rem; width: 6.6rem; position: relative; z-index: 2; } .ax-aplayer .aplayer-pic a { width: 100%; height: 100%; background-size: cover; background-position: 50%; transition: all 300ms ease; } .ax-aplayer .aplayer-pic:hover .aplayer-button { opacity: 1; } .ax-aplayer .aplayer-pic .aplayer-button { border-radius: 50%; opacity: 0.8; text-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2); box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); transition: all 100ms ease; cursor: pointer; position: absolute; } .ax-aplayer .aplayer-pic .aplayer-button path { fill: #fff; } .ax-aplayer .aplayer-pic .aplayer-hide { display: none; } .ax-aplayer .aplayer-pic .aplayer-play { width: 2.6rem; height: 2.6rem; border: 0.2rem solid #fff; margin: 0 -1.5rem -1.5rem 0; bottom: 50%; right: 50%; } .ax-aplayer .aplayer-pic .aplayer-play svg { height: 2rem; width: 2rem; position: absolute; top: 0.3rem; left: 0.4rem; } .ax-aplayer .aplayer-pic .aplayer-pause { width: 1.6rem; height: 1.6rem; border: 0.2rem solid #fff; bottom: 0.4rem; right: 0.4rem; } .ax-aplayer .aplayer-pic .aplayer-pause svg { height: 1.2rem; width: 1.2rem; position: absolute; top: 0.2rem; left: 0.2rem; } .ax-aplayer .aplayer-info { padding: 0.8rem; height: 6.6rem; box-sizing: border-box; display: block; flex: auto; position: relative; } .ax-aplayer .aplayer-info .aplayer-music { width: 100%; box-sizing: border-box; display: flex; flex-wrap: nowrap; zoom: 1; } .ax-aplayer .aplayer-info .aplayer-text { display: block; line-height: 2.2rem; height: 2.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: auto; margin: 0 0 0.8rem 0.5rem; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: default; } .ax-aplayer .aplayer-info .aplayer-music .aplayer-title { font-size: 1.4rem; font-weight: bold; } .ax-aplayer .aplayer-info .aplayer-music .aplayer-author { color: #b3b3b3; } .ax-aplayer .aplayer-info .aplayer-music .ax-aplayer.author { font-size: 1.2rem; color: #b3b3b3; } .ax-aplayer .aplayer-info .aplayer-controller { position: relative; display: flex; } .ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap { margin: 0 0 0 0.5rem; padding-top: 0.8rem; cursor: pointer !important; flex: 1; } .ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb { -webkit-transform: scale(1); transform: scale(1); } .ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar { height: 0.4rem; width: 100%; border-radius: 0.4rem; background: #f0f0f0; position: relative; } .ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded { height: 0.4rem; background: #ccc; border-radius: 0.4rem; transition: all 100ms linear; position: absolute; left: 0; top: 0; bottom: 0; } .ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played { height: 0.4rem; border-radius: 0.4rem; position: absolute; left: 0; top: 0; bottom: 0; } .ax-aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb { height: 1rem; width: 1rem; border-radius: 50%; cursor: pointer; margin-top: -0.4rem; margin-right: -1rem; transition: all 100ms linear; -webkit-transform: scale(0); transform: scale(0); position: absolute; top: 0; right: 0.5rem; } .ax-aplayer .aplayer-time { color: #666666; font-size: 1.2rem; height: 1.8rem; padding-left: 0.8rem; position: relative; } .ax-aplayer .aplayer-time .aplayer-time-inner { vertical-align: middle; } .ax-aplayer .aplayer-time .aplayer-icon { cursor: pointer; transition: all 100ms linear; } .ax-aplayer .aplayer-time .aplayer-icon svg { fill: #666666; } .ax-aplayer .aplayer-time .aplayer-icon.aplayer-icon-loop { margin-right: 0.2rem; } .ax-aplayer .aplayer-time .aplayer-icon:hover svg { fill: #198cff; } .ax-aplayer .aplayer-time .aplayer-icon.aplayer-icon-menu, .ax-aplayer .aplayer-time.aplayer-time-narrow .aplayer-icon-menu, .ax-aplayer .aplayer-time.aplayer-time-narrow .aplayer-icon-mode { display: none; } .ax-aplayer .aplayer-volume-wrap { display: inline-block; margin-left: 0.3rem; cursor: pointer !important; position: relative; } .ax-aplayer .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap { height: 4rem; } .ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap { width: 2.5rem; height: 0; overflow: hidden; transition: all 200ms ease-in-out; position: absolute; bottom: 1.5rem; right: -0.3rem; z-index: 99; } .ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active { height: 4rem; } .ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar { width: 0.5rem; height: 3.5rem; background: #aaa; border-radius: 2.5rem; overflow: hidden; position: absolute; bottom: 0; right: 1rem; } .ax-aplayer .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume { width: 0.5rem; transition: all 100ms ease; position: absolute; bottom: 0; right: 0; } .ax-aplayer .aplayer-info .aplayer-loading-icon { display: none; } .ax-aplayer .aplayer-info .aplayer-loading-icon svg { position: absolute; -webkit-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; } .ax-aplayer .aplayer-lrc { height: 3rem; text-align: center; overflow: hidden; margin: -1rem 0 0.7rem; display: none; position: relative; } .ax-aplayer .aplayer-lrc:before { top: 0; height: 10%; background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#00ffffff", GradientType=0); } .ax-aplayer .aplayer-lrc:after, .ax-aplayer .aplayer-lrc:before { content: ''; display: block; overflow: hidden; width: 100%; position: absolute; z-index: 1; } .ax-aplayer .aplayer-lrc:after { bottom: 0; height: 33%; background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0.8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ccffffff", GradientType=0); } .ax-aplayer .aplayer-lrc p { font-size: 1.2rem; color: #666; line-height: 1.6rem !important; height: 1.6rem !important; padding: 0 !important; margin: 0 !important; transition: all 0.5s ease-out; opacity: 0.4; overflow: hidden; } .ax-aplayer .aplayer-lrc p.aplayer-lrc-current { opacity: 1; overflow: visible; height: auto !important; min-height: 1.6rem; } .ax-aplayer .aplayer-lrc.aplayer-lrc-hide { display: none; } .ax-aplayer .aplayer-lrc .aplayer-lrc-contents { width: 100%; transition: all 0.5s ease-out; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: default; } .ax-aplayer .aplayer-list { background-color: #fff; transition: all 0.5s ease; will-change: height; display: none; overflow: hidden; } .ax-aplayer .aplayer-list.aplayer-list-hide { max-height: 0 !important; } .ax-aplayer .aplayer-list ol { list-style-type: none; margin: 0; padding: 0; overflow-y: auto; } .ax-aplayer .aplayer-list ol::-webkit-scrollbar { width: 0.5rem; } .ax-aplayer .aplayer-list ol::-webkit-scrollbar-thumb { border-radius: 0.3rem; background-color: #eee; } .ax-aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover { background-color: #ccc; } .ax-aplayer .aplayer-list ol::-webkit-scrollbar-corner { background-color: #eee; } .ax-aplayer .aplayer-list ol li { font-size: 1.4rem; height: 3.8rem; line-height: 3.8rem; border-top: 1px solid #ebebeb; cursor: pointer; transition: all 100ms linear; overflow: hidden; padding: 0 1.4rem; margin: 0; justify-content: flex-start; align-items: center; position: relative; } .ax-aplayer .aplayer-list ol li:first-child { border-top: none; } .ax-aplayer .aplayer-list ol li:hover { background-color: #f5f5f5; } .ax-aplayer .aplayer-list ol li.aplayer-list-light { background-color: #f0f7ff; } .ax-aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-title { color: #198cff; } .ax-aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur { display: inline-block; } .ax-aplayer .aplayer-list ol li .aplayer-list-cur { display: none; width: 0.6rem; height: 0.6rem; border-radius: 100%; cursor: pointer; position: absolute; left: 0.5rem; top: calc(50% - 0.2rem); } .ax-aplayer .aplayer-list ol li .aplayer-list-index { color: #b3b3b3; margin-right: 1.4rem; cursor: pointer; } .ax-aplayer .aplayer-list ol li .aplayer-list-author { color: #b3b3b3; float: right; cursor: pointer; } .ax-aplayer .aplayer-notice { font-size: 1.2rem; color: #666666; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 0.4rem; padding: 0.5rem 1rem; transition: all 100ms linear; overflow: hidden; pointer-events: none; background-color: #f0f0f0; opacity: 0; position: absolute; top: 50%; left: 50%; } .ax-aplayer .aplayer-miniswitcher { display: none; height: 100%; width: 1.8rem; background: #f0f0f0; border-radius: 0 0.3rem 0.3rem 0; position: absolute; top: 0; right: -1.8rem; bottom: 0; } .ax-aplayer .aplayer-miniswitcher .aplayer-icon { height: 100%; width: 100%; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); transition: all 100ms linear; } .ax-aplayer .aplayer-miniswitcher .aplayer-icon svg { fill: #666666; } .ax-aplayer .aplayer-miniswitcher .aplayer-icon:hover svg { fill: #198cff; } @-webkit-keyframes aplayer-roll { 0% { left: 0; } to { left: -100%; } } @keyframes aplayer-roll { 0% { left: 0; } to { left: -100%; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } /*plugins swiper*/ /*通用按钮设定*/ *[class*="ax-swiper"] .ax-prev, *[class*="ax-swiper"] .ax-next { font-family: 'ax-iconfont'; font-size: 28px; color: rgba(25, 140, 255, 0.8); width: 54px; height: 54px; box-sizing: border-box; line-height: 54px; text-align: center; margin-top: -27px; cursor: pointer; transition: color 100ms linear, background-color 100ms linear; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; z-index: 10; } *[class*="ax-swiper"] .ax-prev { left: 0; } *[class*="ax-swiper"] .ax-prev:before { content: 'left'; } *[class*="ax-swiper"] .ax-next { right: 0; left: auto; } *[class*="ax-swiper"] .ax-next:before { content: 'right'; } *[class*="ax-swiper"] .ax-sm.ax-prev, *[class*="ax-swiper"] .ax-sm.ax-next { font-size: 24px; width: 28px; height: 28px; line-height: 28px; margin-top: -14px; } *[class*="ax-swiper"] .ax-sm.ax-square.ax-next, *[class*="ax-swiper"] .ax-sm.ax-square.ax-prev { font-size: 14px; width: 28px; height: 28px; line-height: 28px; } *[class*="ax-swiper"] .ax-sm.ax-round.ax-next, *[class*="ax-swiper"] .ax-sm.ax-round.ax-prev { font-size: 14px; width: 28px; height: 28px; line-height: 28px; } *[class*="ax-swiper"] .ax-round.ax-prev, *[class*="ax-swiper"] .ax-square.ax-prev, *[class*="ax-swiper"] .ax-round.ax-next, *[class*="ax-swiper"] .ax-square.ax-next { border: 2px solid rgba(25, 140, 255, 0.8); font-size: 18px; height: 50px; width: 50px; line-height: 50px; } *[class*="ax-swiper"] .ax-round { border-radius: 100%; } *[class*="ax-swiper"] .ax-round.ax-prev { left: 14px; } *[class*="ax-swiper"] .ax-round.ax-next { right: 14px; } *[class*="ax-swiper"] .ax-fill { color: rgba(255, 255, 255, 0.5); background-color: rgba(25, 140, 255, 0.8); border: none; } *[class*="ax-swiper"] .ax-fill.ax-next, *[class*="ax-swiper"] .ax-fill.ax-prev { border: none; } *[class*="ax-swiper"] .ax-disabled.ax-prev, *[class*="ax-swiper"] .ax-disabled.ax-next { color: rgba(0, 0, 0, 0.4); opacity: 0.35; cursor: auto; pointer-events: none; } *[class*="ax-swiper"] .ax-disabled.ax-prev.ax-square, *[class*="ax-swiper"] .ax-disabled.ax-next.ax-square, *[class*="ax-swiper"] .ax-disabled.ax-prev.ax-round, *[class*="ax-swiper"] .ax-disabled.ax-next.ax-round { border-color: rgba(0, 0, 0, 0.4); } *[class*="ax-swiper"] .ax-disabled.ax-fill { color: rgba(255, 255, 255, 0.5); background-color: rgba(0, 0, 0, 0.5); } *[class*="ax-swiper"] .ax-disabled.ax-fill.ax-prev, *[class*="ax-swiper"] .ax-disabled.ax-fill.ax-next { color: rgba(255, 255, 255, 0.5); } *[class*="ax-swiper"] .ax-light { color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.8); } *[class*="ax-swiper"] .ax-light.ax-prev, *[class*="ax-swiper"] .ax-light.ax-next { color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.8); } *[class*="ax-swiper"] .ax-light.ax-fill { color: #333333; background-color: rgba(255, 255, 255, 0.8); } *[class*="ax-swiper"] .ax-light.ax-fill.ax-prev, *[class*="ax-swiper"] .ax-light.ax-fill.ax-next, *[class*="ax-swiper"] .ax-light.ax-fill.ax-prev.ax-disabled, *[class*="ax-swiper"] .ax-light.ax-fill.ax-next.ax-disabled { color: #333333; } *[class*="ax-swiper"] .ax-light.ax-disabled { color: rgba(255, 255, 255, 0.4); border-color: rgba(255, 255, 255, 0.4); } *[class*="ax-swiper"] .ax-light.ax-disabled.ax-prev, *[class*="ax-swiper"] .ax-light.ax-disabled.ax-next { color: rgba(255, 255, 255, 0.4); border-color: rgba(255, 255, 255, 0.4); } *[class*="ax-swiper"] .ax-grey { color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4); } *[class*="ax-swiper"] .ax-grey.ax-prev, *[class*="ax-swiper"] .ax-grey.ax-next { color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4); } *[class*="ax-swiper"] .ax-grey.ax-fill { color: #333333; background-color: rgba(0, 0, 0, 0.1); } *[class*="ax-swiper"] .ax-grey.ax-fill.ax-prev.ax-disabled, *[class*="ax-swiper"] .ax-grey.ax-fill.ax-next.ax-disabled { color: rgba(0, 0, 0, 0.8); } *[class*="ax-swiper"] .ax-grey.ax-disabled { color: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.4); } *[class*="ax-swiper"] .ax-dark.ax-fill { color: #fff; background-color: rgba(25, 140, 255, 0.8); } *[class*="ax-swiper"] .ax-dark.ax-disabled { color: rgba(25, 140, 255, 0.8); border-color: rgba(25, 140, 255, 0.8); } *[class*="ax-swiper"] .ax-dark.ax-disabled.ax-prev, *[class*="ax-swiper"] .ax-dark.ax-disabled.ax-next { color: rgba(25, 140, 255, 0.8); border-color: rgba(25, 140, 255, 0.8); } /*通用分页设定*/ *[class*="ax-swiper"] .ax-pages { line-height: 1rem; position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } *[class*="ax-swiper"] .ax-pages.ax-pages-hidden { opacity: 0; } *[class*="ax-swiper"] .ax-pages { text-align: center; transition: 300ms opacity; position: absolute; z-index: 10; } *[class*="ax-swiper"] .ax-pages .ax-pages-bullet { width: 1rem; height: 1rem; margin: 0 0.4rem; display: inline-block; border-radius: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0.2; transition: all 100ms linear; } *[class*="ax-swiper"] .ax-pages .ax-pages-bullet-active { opacity: 1; background: #198cff; } *[class*="ax-swiper"] .ax-pages .ax-pages-bullet:not(.ax-pages-bullet-active):hover { opacity: 0.4; } *[class*="ax-swiper"] .ax-pages.ax-pages-clickable .ax-pages-bullet { cursor: pointer; } *[class*="ax-swiper"] .ax-pages .ax-pages-bullet:only-child { display: none !important; } *[class*="ax-swiper"] .ax-pages.ax-line { line-height: 1.4rem; } *[class*="ax-swiper"] .ax-pages.ax-line .ax-pages-bullet { width: 1rem; height: 1rem; border: 0.2rem solid rgba(0, 0, 0, 0.5); background: transparent; } *[class*="ax-swiper"] .ax-pages.ax-line .ax-pages-bullet-active { border-color: #198cff; } *[class*="ax-swiper"] .ax-pages.ax-light .ax-pages-bullet { background: #fff; } *[class*="ax-swiper"] .ax-pages.ax-light.ax-line .ax-pages-bullet { border-color: #fff; background: transparent; } *[class*="ax-swiper"] .ax-pages.ax-grey .ax-pages-bullet { background: rgba(0, 0, 0, 0.6); } *[class*="ax-swiper"] .ax-pages.ax-grey.ax-line .ax-pages-bullet { border-color: rgba(0, 0, 0, 0.6); background: transparent; } /*swipe一般设定*/ .ax-swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 2; } .ax-swiper.ax-vertical > .ax-wrapper { flex-direction: column; } .ax-swiper .ax-wrapper { position: relative; width: 100%; height: 100%; z-index: 2; display: flex; transition-property: transform; box-sizing: content-box; } .ax-swiper.ax-android .ax-slide, .ax-swiper .ax-wrapper { transform: translate3d(0px, 0, 0); } .ax-swiper.ax-pointer-events { touch-action: pan-y; } .ax-swiper.ax-pointer-events.ax-vertical { touch-action: pan-x; } .ax-swiper .ax-slide { width: 100%; height: 100%; position: relative; transition-property: transform; } .ax-swiper .ax-slide-invisible-blank { visibility: hidden; } .ax-swiper.ax-autoheight, .ax-swiper.ax-autoheight .ax-slide { height: auto; } .ax-swiper.ax-autoheight .ax-wrapper { align-items: flex-start; transition-property: transform, height; } .ax-swiper.ax-backface-hidden .ax-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ax-swiper.ax-3d, .ax-swiper.ax-3d.ax-css-mode .ax-wrapper { perspective: 1200px; } .ax-swiper.ax-3d .ax-wrapper, .ax-swiper.ax-3d .ax-slide, .ax-swiper.ax-3d .ax-slide-shadow, .ax-swiper.ax-3d .ax-slide-shadow-left, .ax-swiper.ax-3d .ax-slide-shadow-right, .ax-swiper.ax-3d .ax-slide-shadow-top, .ax-swiper.ax-3d .ax-slide-shadow-bottom, .ax-swiper.ax-3d .ax-cube-shadow { transform-style: preserve-3d; } .ax-swiper.ax-3d .ax-slide-shadow, .ax-swiper.ax-3d .ax-slide-shadow-left, .ax-swiper.ax-3d .ax-slide-shadow-right, .ax-swiper.ax-3d .ax-slide-shadow-top, .ax-swiper.ax-3d .ax-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .ax-swiper.ax-3d .ax-slide-shadow { background: rgba(0, 0, 0, 0.15); } .ax-swiper.ax-3d .ax-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .ax-swiper.ax-3d .ax-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .ax-swiper.ax-3d .ax-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .ax-swiper.ax-3d .ax-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .ax-swiper.ax-css-mode > .ax-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .ax-swiper.ax-css-mode > .ax-wrapper::-webkit-scrollbar { display: none; } .ax-swiper.ax-css-mode > .ax-wrapper > .ax-slide { scroll-snap-align: start start; } .ax-swiper.ax-horizontal.ax-css-mode > .ax-wrapper { scroll-snap-type: x mandatory; } .ax-swiper.ax-vertical.ax-css-mode > .ax-wrapper { scroll-snap-type: y mandatory; } .ax-swiper.ax-centered > .ax-wrapper::before { content: ''; order: 9999; } .ax-swiper.ax-centered.ax-horizontal > .ax-wrapper > .ax-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .ax-swiper.ax-centered.ax-horizontal > .ax-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .ax-swiper.ax-centered.ax-vertical > .ax-wrapper > .ax-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .ax-swiper.ax-centered.ax-vertical > .ax-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .ax-swiper.ax-centered > .ax-wrapper > .ax-slide { scroll-snap-align: center center; } .ax-swiper.ax-virtual .ax-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .ax-swiper.ax-virtual.ax-css-mode .ax-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .ax-swiper.ax-virtual.ax-css-mode.ax-horizontal .ax-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .ax-swiper.ax-virtual.ax-css-mode.ax-vertical .ax-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } .ax-swiper.ax-rtl .ax-next { transform: rotateY(180deg); left: 0; right: auto; } .ax-swiper.ax-rtl .ax-prev { transform: rotateY(180deg); left: auto; } .ax-swiper.ax-rtl:not(.ax-vertical) .ax-prev { right: 0; } .ax-swiper .ax-lock { display: none; } .ax-swiper.ax-rtl .ax-round.ax-prev { right: 14px; left: auto; } .ax-swiper.ax-rtl .ax-round.ax-next { left: 1.4rem; right: auto; } .ax-swiper.ax-vertical .ax-prev, .ax-swiper.ax-vertical .ax-next { transform: rotate(90deg); left: 50%; margin-top: 0; margin-left: -27px; } .ax-swiper.ax-vertical .ax-prev { top: 0; } .ax-swiper.ax-vertical .ax-next { top: auto; right: auto; bottom: 0; } .ax-swiper.ax-horizontal > .ax-pages.ax-pages-bullets { bottom: 2rem; } .ax-swiper .ax-pages-fraction, .ax-swiper .ax-pages-custom, .ax-swiper .ax-horizontal > .ax-pages-bullets, .ax-swiper .ax-pages-bullets.ax-pages-horizontal { bottom: 2rem; left: 0; width: 100%; } .ax-swiper .ax-pages-bullets-dynamic { overflow: hidden; font-size: 0; } .ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet { transform: scale(0.33); position: relative; } .ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active { transform: scale(1); } .ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-main { transform: scale(1); } .ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-prev { transform: scale(0.66); } .ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-prev-prev { transform: scale(0.33); } .ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-next { transform: scale(0.66); } .ax-swiper .ax-pages-bullets-dynamic .ax-pages-bullet-active-next-next { transform: scale(0.33); } .ax-swiper.ax-vertical > .ax-pages-bullets, .ax-swiper .ax-pages-vertical.ax-pages-bullets { right: 2rem; top: 50%; transform: translate3d(0px, -50%, 0); } .ax-swiper.ax-vertical > .ax-pages-bullets .ax-pages-bullet, .ax-swiper .ax-pages-vertical.ax-pages-bullets .ax-pages-bullet { margin: 0.4rem 0; display: block; } .ax-swiper.ax-vertical > .ax-pages-bullets.ax-pages-bullets-dynamic, .ax-swiper .ax-pages-vertical.ax-pages-bullets.ax-pages-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .ax-swiper.ax-vertical > .ax-pages-bullets.ax-pages-bullets-dynamic .ax-pages-bullet, .ax-swiper .ax-pages-vertical.ax-pages-bullets.ax-pages-bullets-dynamic .ax-pages-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .ax-swiper.ax-horizontal > .ax-pages-bullets .ax-pages-bullet, .ax-swiper .ax-pages-horizontal.ax-pages-bullets .ax-pages-bullet { margin: 0 0.4rem; } .ax-swiper.ax-horizontal > .ax-pages-bullets.ax-pages-bullets-dynamic, .ax-swiper .ax-pages-horizontal.ax-pages-bullets.ax-pages-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .ax-swiper.ax-horizontal > .ax-pages-bullets.ax-pages-bullets-dynamic .ax-pages-bullet, .ax-swiper .ax-pages-horizontal.ax-pages-bullets.ax-pages-bullets-dynamic .ax-pages-bullet { transition: 200ms transform, 200ms left; } .ax-swiper.ax-horizontal.ax-rtl > .ax-pages-bullets-dynamic .ax-pages-bullet { transition: 200ms transform, 200ms right; } .ax-swiper .ax-pages-progressbar { background: rgba(0, 0, 0, 0.1); position: absolute; } .ax-swiper .ax-pages-progressbar .ax-pages-progressbar-fill { background: #198cff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .ax-swiper.ax-rtl .ax-pages-progressbar .ax-pages-progressbar-fill { transform-origin: right top; } .ax-swiper.ax-horizontal > .ax-pages-progressbar, .ax-swiper .ax-pages-progressbar.ax-pages-horizontal, .ax-swiper.ax-vertical > .ax-pages-progressbar.ax-pages-progressbar-opposite, .ax-swiper .ax-pages-progressbar.ax-pages-vertical.ax-pages-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .ax-swiper.ax-vertical > .ax-pages-progressbar, .ax-swiper .ax-pages-progressbar.ax-pages-vertical, .ax-swiper.ax-horizontal > .ax-pages-progressbar.ax-pages-progressbar-opposite, .ax-swiper .ax-pages-progressbar.ax-pages-horizontal.ax-pages-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .ax-swiper .ax-pages-lock { display: none; } .ax-swiper .ax-scrollbar { position: relative; -ms-touch-action: none; background-color: rgba(0, 0, 0, 0.04); } .ax-swiper.ax-horizontal > .ax-scrollbar { position: absolute; left: 0; bottom: 0; z-index: 50; height: 4px; width: 100%; } .ax-swiper.ax-vertical > .ax-scrollbar { position: absolute; right: 0; top: 0; z-index: 50; width: 4px; height: 100%; } .ax-swiper .ax-scrollbar-drag { height: 100%; width: 100%; position: relative; background-color: rgba(0, 0, 0, 0.4); left: 0; top: 0; } .ax-swiper .ax-scrollbar-cursor-drag { cursor: move; } .ax-swiper .ax-scrollbar-lock { display: none; } .ax-swiper .ax-zoom { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .ax-swiper .ax-zoom > img, .ax-swiper .ax-zoom > svg, .ax-swiper .ax-zoom > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .ax-swiper .ax-loading { transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; z-index: 10; } .ax-swiper .ax-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .ax-swiper.ax-free-mode > .ax-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .ax-swiper.ax-grid > .ax-wrapper { flex-wrap: wrap; } .ax-swiper.ax-grid-column > .ax-wrapper { flex-wrap: wrap; flex-direction: column; } .ax-swiper.ax-fade.ax-free-mode .ax-slide { transition-timing-function: ease-out; } .ax-swiper.ax-fade .ax-slide { pointer-events: none; transition-property: opacity; } .ax-swiper.ax-fade .ax-slide .ax-slide { pointer-events: none; } .ax-swiper.ax-fade .ax-slide-active, .ax-swiper.ax-fade .ax-slide-active .ax-slide-active { pointer-events: auto; } .ax-swiper.ax-cube { overflow: visible; } .ax-swiper.ax-cube .ax-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .ax-swiper.ax-cube .ax-slide .ax-slide { pointer-events: none; } .ax-swiper.ax-cube.ax-rtl .ax-slide { transform-origin: 100% 0; } .ax-swiper.ax-cube .ax-slide-active, .ax-swiper.ax-cube .ax-slide-active .ax-slide-active { pointer-events: auto; } .ax-swiper.ax-cube .ax-slide-active, .ax-swiper.ax-cube .ax-slide-next, .ax-swiper.ax-cube .ax-slide-prev, .ax-swiper.ax-cube .ax-slide-next + .ax-slide { pointer-events: auto; visibility: visible; } .ax-swiper.ax-cube .ax-slide-shadow-top, .ax-swiper.ax-cube .ax-slide-shadow-bottom, .ax-swiper.ax-cube .ax-slide-shadow-left, .ax-swiper.ax-cube .ax-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ax-swiper.ax-cube .ax-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .ax-swiper.ax-cube .ax-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .ax-swiper.ax-flip { overflow: visible; } .ax-swiper.ax-flip .ax-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .ax-swiper.ax-flip .ax-slide .ax-slide { pointer-events: none; } .ax-swiper.ax-flip .ax-slide-active, .ax-swiper.ax-flip .ax-slide-active .ax-slide-active { pointer-events: auto; } .ax-swiper.ax-flip .ax-slide-shadow-top, .ax-swiper.ax-flip .ax-slide-shadow-bottom, .ax-swiper.ax-flip .ax-slide-shadow-left, .ax-swiper.ax-flip .ax-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ax-swiper.ax-creative .ax-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .ax-swiper.ax-cards { overflow: visible; } .ax-swiper.ax-cards .ax-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /*外部的前后按钮和分页*/ .ax-swiper-outer { position: relative; } .ax-swiper-outer .ax-prev { left: -50px; } .ax-swiper-outer .ax-next { right: -50px; left: auto; } .ax-swiper-outer .ax-prev.ax-sm { left: -28px; } .ax-swiper-outer .ax-next.ax-sm { right: -28px; } .ax-swiper-outer .ax-prev.ax-round { left: -64px; } .ax-swiper-outer .ax-next.ax-round { right: -64px; left: auto; } .ax-swiper-outer .ax-pages { width: 100%; position: inherit; padding: 1.4rem 0; text-align: center; } .ax-swiper-outer .ax-pages.ax-line { line-height: 1rem; } .ax-swiper-outer .ax-pages.ax-line .ax-pages-bullet { margin: 0 0.2rem; box-sizing: border-box; } .ax-swiper-outer.ax-inline { line-height: 2.8rem; display: flex; justify-content: center; align-items: center; padding: 0 1.4rem; } .ax-swiper-outer.ax-inline .ax-pages { padding: 0.9rem 0; display: inline-block; width: auto; } .ax-swiper-outer.ax-inline .ax-pages .ax-pages-bullet { margin: 0 0.2rem; width: 0.8rem; height: 0.8rem; box-sizing: border-box; } .ax-swiper-outer.ax-inline .ax-prev, .ax-swiper-outer.ax-inline .ax-next { font-size: 1.2rem; width: 1.4rem; height: 2.8rem; line-height: 2.8rem; position: inherit; left: auto; right: auto; top: auto; margin-top: 0; } /*plugins lightbox*/ .ax-lightbox { height: 100vh; width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; box-sizing: border-box; opacity: 0; transition: opacity 300ms linear; visibility: hidden; position: fixed; left: 0; top: 0; z-index: 810; } .ax-lightbox .ax-overlay { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); opacity: 0; transition: all 300ms linear; position: absolute; left: 0; top: 0; z-index: 4; } .ax-lightbox .ax-media { height: 0; transition: all 300ms ease; transform: scale(0.2); opacity: 0; display: flex; justify-content: center; align-items: center; flex: auto; position: relative; } .ax-lightbox.ax-show { opacity: 1; } .ax-lightbox.ax-show .ax-overlay { opacity: 1; } .ax-lightbox.ax-show .ax-media { transform: scale(1); opacity: 1; } .ax-lightbox .ax-tools { color: rgba(255, 255, 255, 0.8); line-height: 3.8rem; width: 100%; box-sizing: border-box; display: flex; flex-wrap: nowrap; position: absolute; left: 0; top: 0; z-index: 9; } .ax-lightbox .ax-tools .ax-pages { padding: 0 1.4rem; flex: auto; } .ax-lightbox .ax-tools .ax-operate i, .ax-lightbox .ax-tools .ax-operate a { color: rgba(255, 255, 255, 0.8); cursor: pointer; width: 3.8rem; height: 3.8rem; text-align: center; transition: all 100ms linear; } .ax-lightbox .ax-tools .ax-operate i:hover, .ax-lightbox .ax-tools .ax-operate a:hover { color: #fff; } .ax-lightbox .ax-tools .ax-operate i.ax-disabled, .ax-lightbox .ax-tools .ax-operate a.ax-disabled { opacity: 0.5; cursor: not-allowed; } .ax-lightbox .ax-stage { width: 100%; flex: auto; display: flex; flex-wrap: nowrap; box-sizing: border-box; flex-direction: row; overflow: hidden; position: relative; z-index: 8; /*.ax-zoom img{ cursor: zoom-out; } */ } .ax-lightbox .ax-stage .ax-swiper { margin: auto; width: 100%; height: 100%; } .ax-lightbox .ax-stage .ax-slide { text-align: center; width: auto; display: flex; flex-wrap: nowrap; box-sizing: border-box; flex-direction: column; height: 100%; } .ax-lightbox .ax-stage .ax-caption { color: #fff; text-align: center; width: 100%; padding: 0 1.4rem 1.4rem 1.4rem; box-sizing: border-box; line-height: 1.8rem; } .ax-lightbox .ax-stage .ax-slide img { max-width: calc(100% - 3.8rem*2); max-height: calc(100% - 3.8rem*2); object-fit: contain; cursor: -webkit-grab; cursor: grab; } .ax-lightbox .ax-stage .ax-grabbing .ax-slide-active img { cursor: -webkit-grabbing; cursor: grabbing; } .ax-lightbox .ax-stage .ax-slide iframe { background-color: #fff; max-width: calc(100% - 3.8rem*2); max-height: calc(100% - 3.8rem*2); } .ax-lightbox .ax-stage .ax-slide .ax-text { text-align: left; background-color: #fff; border-radius: calc(0.3rem*3); width: 60rem; max-width: calc(100% - 3.8rem*2); max-height: calc(100% - 3.8rem*2); display: inline-block; position: relative; } .ax-lightbox .ax-stage .ax-slide video { max-width: calc(100% - 3.8rem*2); max-height: calc(100% - 3.8rem*2); display: inline-block; } .ax-lightbox .ax-thumb { padding: 4px; box-sizing: border-box; position: relative; z-index: 8; } .ax-lightbox .ax-thumb .ax-slide { width: 100px; height: 70px; overflow: hidden; box-sizing: border-box; cursor: pointer; position: relative; } .ax-lightbox .ax-thumb .ax-slide img { width: 100%; height: 100%; object-fit: cover; } .ax-lightbox .ax-thumb .ax-slide:before { content: ''; box-sizing: border-box; border: 0.4rem solid transparent; transition: all 100ms linear; width: 100%; height: 100%; position: absolute; right: 0; top: 0; } .ax-lightbox .ax-thumb .ax-slide.ax-slide-thumb-active:before { border-color: #198cff; } .ax-lightbox.ax-thumb-hide .ax-thumb { position: fixed; left: -10000rem; } /*plugins range*/ .ax-range { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1.2rem; height: 3.8rem; position: relative; display: block; } .ax-range-line { background-color: #f0f0f0; transition: background-color 100ms ease-out; border-radius: 0.3rem; height: 0.3rem; overflow: hidden; outline: none !important; position: relative; top: 1.8rem; display: block; } .ax-range:not(.ax-disabled):hover .ax-range-line { background-color: #d7e7f5; } .ax-range-bar { width: 0; height: 0.3rem; transition: background-color 100ms ease-out; background-color: #198cff; position: absolute; left: 0; top: 1.8rem; display: block; } .ax-range-bar-single { border-radius: 0.3rem 0 0 0.3rem; } .ax-range-shadow { width: 0; height: 0.2rem; background-color: #dedede; position: absolute; left: 0; bottom: auto; top: 2.4rem; display: none; } .ax-range-handle { width: 1.6rem; height: 1.6rem; border: 0.2rem solid #198cff; background-color: #fff; border-radius: 1.6rem; box-shadow: none; transition: box-shadow 100ms linear, background-color 100ms linear, border-color 100ms linear; cursor: pointer; box-sizing: border-box; position: absolute; top: 1.1rem; z-index: 1; display: block; } .ax-range-handle.ax-hover, .ax-range-handle:hover { background-color: #fff; box-shadow: 0 0 0 0.3rem rgba(25, 140, 255, 0.2); } .ax-range-handle.ax-last { z-index: 2; } .ax-range-min, .ax-range-max { color: #666666; font-size: 1.2rem; line-height: 1.2rem; padding: 0.3rem 0.5rem; background-color: #f0f0f0; border-radius: 0.3rem; cursor: default; position: absolute; top: -1.3rem; display: block; } .ax-range-min { left: 0; } .ax-range-max { right: 0; } .ax-range-from, .ax-range-to, .ax-range-single { font-size: 1.2rem; color: #fff; line-height: 1.2rem; text-shadow: none; padding: 0.3rem 0.5rem; background-color: #198cff; border-radius: 0.3rem; cursor: default; white-space: nowrap; position: absolute; left: 0; top: -1.3rem; display: block; } .ax-range-from:before, .ax-range-to:before, .ax-range-single:before { content: ""; display: block; width: 0; height: 0; margin-left: -0.3rem; overflow: hidden; border: 0.3rem solid transparent; border-top-color: #198cff; position: absolute; bottom: -0.6rem; left: 50%; } .ax-range-grid { width: 100%; height: 2.2rem; bottom: auto; top: 2.1rem; position: absolute; bottom: 0; left: 0; display: none; } .ax-range.ax-with-grid .ax-range-grid { display: block; } .ax-range-grid-pol { background-color: #dedede; width: 1px; height: 0.8rem; position: absolute; top: 0; left: 0; } .ax-range-grid-pol.ax-small { height: 0.4rem; } .ax-range-grid-text { color: #b3b3b3; font-size: 1.2rem; line-height: 0.9rem; white-space: nowrap; text-align: center; padding: 0 0.3rem; position: absolute; bottom: 0; left: 0; } .ax-range .ax-disabled-mask { width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); position: absolute; top: 0; left: -1%; z-index: 2; display: block; } .ax-range.ax-disabled { opacity: 0.4; } .ax-range-input { display: none; } /*插件:下拉菜单单选和多选*/ .ax-select { position: relative; } .ax-select.ax-disabled .ax-select-inner, .ax-select.ax-disabled .ax-select-input { cursor: not-allowed; user-select: none; } .ax-select [hidden] { display: none !important; } .ax-select .ax-close { color: rgba(0, 0, 0, 0.2); margin-left: 0.4rem; margin-right: -0.4rem; padding: 0 0.4rem; cursor: pointer; transition: all 100ms linear; } .ax-select .ax-close:before { content: "\00D7"; } .ax-select .ax-close:hover, .ax-select .ax-close:focus { color: rgba(0, 0, 0, 0.8); } .ax-select[data-type*='multiple'] .ax-select-inner, .ax-select[data-type*='text'] .ax-select-inner { cursor: text; } .ax-select .ax-select-inner { background-color: #fff; border: 1px solid #e0e0e0; border-radius: 0.3rem; cursor: text; box-sizing: border-box; display: flex; flex-wrap: nowrap; display: box; width: 100%; zoom: 1; } .ax-select.ax-focuse .ax-select-inner, .ax-select.ax-open .ax-select-inner { border-color: #198cff; } .ax-select.ax-open .ax-select-inner { border-radius: 0.3rem 0.3rem 0 0; } .ax-select.ax-flipped.ax-open .ax-select-inner { border-radius: 0 0 0.3rem 0.3rem; } .ax-select.ax-disabled .ax-select-inner { background-color: #f0f0f0; } .ax-select .ax-select-inner .ax-label-single { cursor: pointer; display: block; width: 100%; height: calc(3.8rem - 2px); box-sizing: border-box; } .ax-select .ax-select-inner .ax-label-single .ax-item { display: block; padding: 0 1rem; margin: 0; line-height: calc(3.8rem - 2px); } .ax-select .ax-select-inner .ax-label-single .ax-close { padding: 0; margin: 0; width: 1.4rem; height: calc(3.8rem); line-height: calc(3.8rem); text-align: center; position: absolute; right: 2.8rem; top: 0; } .ax-select .ax-select-inner .ax-label-single .ax-item[data-value=''] .ax-close { display: none; } .ax-select .ax-select-inner .ax-label-single:after { content: ''; height: 0; width: 0; margin: auto 0; border-color: #ccc transparent transparent transparent; border-style: solid; border-width: 0.4rem 0.4rem 0 0.4rem; transition: all 200ms linear; position: absolute; top: 0; bottom: 0; right: 0.9rem; pointer-events: none; } .ax-select.ax-open .ax-select-inner .ax-label-single:after { border-color: #198cff transparent transparent transparent; transform: rotate(180deg); } .ax-select .ax-label-multiple .ax-item { font-size: 1.2rem; line-height: calc(3.8rem - 4px - 0.4rem*2); height: calc(3.8rem - 4px - 0.4rem*2); background-color: #f0f0f0; border: 1px solid #e0e0e0; margin-left: 0.4rem; margin-right: 0; margin-top: 0.4rem; padding: 0 0.4rem; } .ax-select .ax-label-multiple .ax-item.ax-highlight { color: #fff; background-color: #198cff; border-color: #0b72da; } .ax-select.ax-disabled .ax-label-multiple .ax-item { color: rgba(102, 102, 102, 0.8); } .ax-select .ax-select-dropdown { width: calc(100% - 2px); background-color: #ffffff; margin-top: -1px; border: 1px solid #ebebeb; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; overflow: hidden; word-break: break-all; display: none; position: absolute; top: 100%; z-index: 4; } .ax-select .ax-select-dropdown.ax-active { display: block; } .ax-select.ax-open .ax-select-dropdown { border-color: #198cff; } .ax-select.ax-flipped .ax-select-dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.3rem 0.3rem 0 0; } .ax-select .ax-select-dropdown .ax-item-list { max-height: calc((3.8rem + 1px)*5 - 1px); overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; position: relative; } .ax-select .ax-select-dropdown .ax-item-group { font-weight: bold; padding: 0 1rem; margin: 0; line-height: 3.8rem; border-bottom: 1px solid #ebebeb; } .ax-select .ax-select-dropdown .ax-item { padding: 0 1rem; margin: 0; line-height: 3.8rem; cursor: pointer; border-bottom: 1px solid #ebebeb; transition: all 100ms linear; position: relative; } .ax-select .ax-select-dropdown .ax-item:last-child { border: none; } .ax-select .ax-select-dropdown .ax-item.ax-item-selectable:hover { cursor: pointer; color: #fff; background-color: #198cff; } .ax-select.ax-disabled .ax-item { cursor: not-allowed; } .ax-select .ax-item.ax-item-disabled { color: #b3b3b3; cursor: not-allowed; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ax-select .ax-select-dropdown .ax-item:not(.ax-item-selectable) { color: #b3b3b3; } .ax-select .ax-item.ax-selected { color: #198cff; background-color: #f0f7ff; } .ax-select .ax-item.ax-selected:after { content: '\e616'; font-family: "ax-iconfont" !important; color: #198cff; width: 3.8rem; height: 3.8rem; line-height: 3.8rem; text-align: center; position: absolute; right: 0; top: 0; } .ax-select .ax-select-dropdown .ax-item-selectable.ax-highlight { color: #fff; background-color: #198cff; } .ax-select .ax-select-dropdown .ax-item-selectable.ax-highlight:after { color: #fff; } .ax-select .ax-select-dropdown > .ax-item, .ax-select .ax-select-dropdown .ax-item-list .ax-no-select { cursor: text; } .ax-select .ax-select-placeholder { opacity: 0.5; } .ax-select .ax-select-input { border: none; background: transparent !important; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .ax-select .ax-select-input:focus { outline: 0; box-shadow: none; } .ax-select .ax-select-inner > .ax-select-input { width: 1.4rem; height: calc(3.8rem - 2px - 0.4rem*2); line-height: calc(3.8rem - 2px - 0.4rem*2); margin: 0.4rem; padding: 0; } .ax-select .ax-select-dropdown > .ax-select-input[type="text"] { border-bottom: 1px solid #ebebeb; border-radius: 0; } .ax-select .ax-select-dropdown > .ax-select-input[type="text"]:focus { border-color: #198cff !important; } .ax-select[data-size='xs'] { font-size: 1.2rem; } .ax-select[data-size='xs'] .ax-select-inner { line-height: calc(2.2rem - 2px); } .ax-select[data-size='xs'] .ax-select-input { font-size: 1.2rem; padding-left: 0.4rem; padding-right: 0.4rem; } .ax-select[data-size='xs'] .ax-label-multiple .ax-item { line-height: calc(2.2rem - 4px - 0.2rem*2); height: calc(2.2rem - 4px - 0.2rem*2); margin-left: 0.2rem; margin-top: 0.2rem; padding: 0 0.2rem; } .ax-select[data-size='xs'] .ax-select-inner .ax-label-single { height: calc(2.2rem - 2px); } .ax-select[data-size='xs'] .ax-select-inner .ax-label-single .ax-item { padding: 0 0.4rem; line-height: calc(2.2rem - 2px); } .ax-select[data-size='xs'] .ax-select-inner .ax-label-single .ax-close { height: calc(2.2rem); line-height: calc(2.2rem); right: 2.2rem; } .ax-select[data-size='xs'] .ax-select-dropdown .ax-item-list { max-height: calc((2.2rem + 1px)*5 - 1px); } .ax-select[data-size='xs'] .ax-select-dropdown .ax-item-group { line-height: 2.2rem; padding: 0 0.4rem; } .ax-select[data-size='xs'] .ax-select-dropdown .ax-item { line-height: 2.2rem; padding: 0 0.4rem; } .ax-select[data-size='xs'] .ax-item.ax-selected:after { width: 2.2rem; height: 2.2rem; line-height: 2.2rem; } .ax-select[data-size='xs'] .ax-select-inner > .ax-select-input[type="text"] { height: calc(2.2rem - 2px - 0.2rem*2); line-height: calc(2.2rem - 2px - 0.2rem*2); margin: 0.2rem; } .ax-select[data-size='xs'] .ax-select-dropdown > .ax-select-input[type="text"] { height: 2.2rem; line-height: 2.2rem; } .ax-select[data-size='sm'] { font-size: 1.2rem; } .ax-select[data-size='sm'] .ax-select-inner { line-height: calc(3.8rem - 1rem - 2px); } .ax-select[data-size='sm'] .ax-select-input { font-size: 1.2rem; padding-left: 0.8rem; padding-right: 0.8rem; } .ax-select[data-size='sm'] .ax-label-multiple .ax-item { line-height: calc(3.8rem - 1rem - 4px - 0.2rem*2); height: calc(3.8rem - 1rem - 4px - 0.2rem*2); margin-left: 0.2rem; margin-top: 0.2rem; padding: 0 0.4rem; } .ax-select[data-size='sm'] .ax-select-inner .ax-label-single { height: calc(3.8rem - 1rem - 2px); } .ax-select[data-size='sm'] .ax-select-inner .ax-label-single .ax-item { padding: 0 0.8rem; line-height: calc(3.8rem - 1rem - 2px); } .ax-select[data-size='sm'] .ax-select-inner .ax-label-single .ax-close { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); right: 2.2rem; } .ax-select[data-size='sm'] .ax-select-dropdown .ax-item-list { max-height: calc((3.8rem - 1rem + 1px)*5 - 1px); } .ax-select[data-size='sm'] .ax-select-dropdown .ax-item-group { line-height: calc(3.8rem - 1rem); padding: 0 0.8rem; } .ax-select[data-size='sm'] .ax-select-dropdown .ax-item { line-height: calc(3.8rem - 1rem); padding: 0 0.8rem; } .ax-select[data-size='sm'] .ax-item.ax-selected:after { width: calc(3.8rem - 1rem); height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); } .ax-select[data-size='sm'] .ax-select-inner > .ax-select-input[type="text"] { height: calc(3.8rem - 1rem - 2px - 0.2rem*2); line-height: calc(3.8rem - 1rem - 2px - 0.2rem*2); margin: 0.2rem; padding-left: 0.4rem; } .ax-select[data-size='sm'] .ax-select-dropdown > .ax-select-input[type="text"] { height: calc(3.8rem - 1rem); line-height: calc(3.8rem - 1rem); } .ax-select[data-size='lg'] .ax-select-inner { line-height: calc(3.8rem + 1rem - 2px); } .ax-select[data-size='lg'] .ax-select-input { padding-left: 1.4rem; padding-right: 1.4rem; } .ax-select[data-size='lg'] .ax-label-multiple .ax-item { line-height: calc(3.8rem + 1rem - 4px - 0.4rem*2); height: calc(3.8rem + 1rem - 4px - 0.4rem*2); margin-left: 0.4rem; margin-top: 0.4rem; padding: 0 0.8rem; } .ax-select[data-size='lg'] .ax-select-inner .ax-label-single { height: calc(3.8rem + 1rem - 2px); } .ax-select[data-size='lg'] .ax-select-inner .ax-label-single:after { right: 1.4rem; } .ax-select[data-size='lg'] .ax-select-inner .ax-label-single .ax-item { padding: 0 1.4rem; line-height: calc(3.8rem + 1rem - 2px); } .ax-select[data-size='lg'] .ax-select-inner .ax-label-single .ax-close { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); right: 3.6rem; } .ax-select[data-size='lg'] .ax-select-dropdown .ax-item-list { max-height: calc((3.8rem + 1rem + 1px)*5 - 1px); } .ax-select[data-size='lg'] .ax-select-dropdown .ax-item-group { line-height: calc(3.8rem + 1rem); padding: 0 1.4rem; } .ax-select[data-size='lg'] .ax-select-dropdown .ax-item { line-height: calc(3.8rem + 1rem); padding: 0 1.4rem; } .ax-select[data-size='lg'] .ax-item.ax-selected:after { width: calc(3.8rem + 1rem); height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); } .ax-select[data-size='lg'] .ax-select-inner > .ax-select-input[type="text"] { height: calc(3.8rem + 1rem - 2px - 0.4rem*2); line-height: calc(3.8rem + 1rem - 2px - 0.4rem*2); margin: 0.4rem; padding-left: 0.4rem; } .ax-select[data-size='lg'] .ax-select-dropdown > .ax-select-input[type="text"] { height: calc(3.8rem + 1rem); line-height: calc(3.8rem + 1rem); } /*scrollselect插件*/ .ax-scrollSelect[data-type='actionbar'] { height: 100vh; width: 100%; position: absolute; left: 0; top: 0; z-index: 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 dropzone*/ .ax-dropzone-outer { border: 0.2rem dashed #ebebeb; border-radius: 0.3rem; background-color: #fff; box-sizing: border-box; padding: 1.4rem; } .ax-dropzone { cursor: pointer; } .ax-dropzone .ax-preview { position: relative; } .ax-dropzone .ax-ready { text-align: center; padding: 2.2rem 0; } .ax-dropzone .ax-ready .ax-icon [class*="font"] { color: #b3b3b3; font-size: 4.4rem; line-height: 6.4rem; } .ax-dropzone .ax-ready .ax-text { color: #b3b3b3; } .ax-dropzone .ax-image { width: 100%; height: 16rem; overflow: hidden; border-radius: 0.3rem; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .ax-dropzone .ax-image:before { content: ""; pointer-events: none; box-sizing: border-box; position: absolute; left: 0; top: 0; transform-origin: 0 0; -webkit-transform-origin: 0 0; border-width: 1px; border-style: solid; width: 100%; height: 100%; border-radius: 0.3rem; border-color: rgba(0, 0, 0, 0.12); z-index: 2; } .ax-dropzone .ax-image img { width: 100%; border-radius: 0.3rem; } .ax-dropzone .ax-item { position: relative; } .ax-dropzone .ax-operate { text-align: right; position: absolute; right: 0.8rem; top: 0.8rem; z-index: 4; } .ax-dropzone .ax-operate a { color: #fff; text-align: center; width: 2.4rem; height: 2.4rem; line-height: 2.4rem; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); border-radius: 100%; margin-left: 0.8rem; transition: all 100ms linear; } .ax-dropzone .ax-operate a [class*="font"] { font-size: 1.2rem; } .ax-dropzone .ax-operate a svg { width: 1.2rem; height: 2.4rem; } .ax-dropzone .ax-operate a:hover { transform: scale(1.2); } .ax-dropzone .ax-progress { width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); border-radius: 0.3rem; transition: all 200ms linear; position: absolute; right: 0; top: 0; } .ax-dropzone .ax-percent { color: rgba(255, 255, 255, 0.8); text-align: center; line-height: 16rem; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); width: 100%; height: 100%; overflow: hidden; transition: all 200ms linear; position: absolute; right: 0; top: 0; } .ax-dropzone .ax-percent i { font-size: 2.2rem; } .ax-dropzone .ax-details { font-size: 1.2rem; line-height: 1.8rem; } .ax-dropzone .ax-size, .ax-dropzone .ax-filename { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-dropzone .ax-success-mark { color: #198cff; width: 100%; height: 100%; opacity: 0; transition-property: all; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; } .ax-dropzone .ax-success-mark [class*="font"] { font-size: 2.8rem; } .ax-dropzone .ax-error-mark { color: #dc3545; width: 100%; height: 100%; opacity: 0; transition-property: all; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; } .ax-dropzone .ax-error-mark [class*="font"] { font-size: 2.8rem; } .ax-dropzone .ax-error-message { color: #fff; font-size: 1.2rem; text-align: center; text-overflow: ellipsis; width: 100%; max-height: calc(2.8rem * 2); max-width: 100%; line-height: 2.8rem; overflow: hidden; background-color: #dc3545; border-radius: 0 0 0.3rem 0.3rem; transition: all 200ms linear; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: absolute; left: 0; bottom: calc(-2.8rem*2); } .ax-dropzone.ax-started .ax-ready .ax-icon { display: none; } .ax-dropzone.ax-started .ax-ready { padding: 0; } .ax-dropzone.ax-started .ax-ready .ax-text { margin-bottom: 0.8rem; } .ax-dropzone .ax-success .ax-success-mark { animation-duration: 1s; animation-fill-mode: both; animation-name: bounceIn; } .ax-dropzone .ax-error .ax-error-mark { animation-duration: 1s; animation-fill-mode: both; animation-name: bounceIn; } .ax-dropzone .ax-error:hover .ax-error-message { bottom: 0; } .ax-dropzone .ax-final .ax-percent { opacity: 0; } /*plugins infoBox*/ .ax-infoBox .ax-panel { position: relative; } .ax-infoBox .ax-panel:before, .ax-infoBox .ax-tab:before { content: ''; width: 0; height: 0; border-width: 0.8rem; border-style: solid; border-color: #fff transparent transparent transparent; position: absolute; bottom: -1.6rem; left: calc(50% - 0.8rem); } .ax-infoBox .ax-tab .ax-grid { margin: 0 auto; } .ax-infoBox .ax-menu-tab .ax-item { padding-top: 0.5rem; padding-bottom: 0.5rem; } .ax-infoBox .ax-close { font-family: arial; font-size: 2.2rem; color: #ccc; line-height: 3.8rem; width: 3.8rem; text-align: center; text-shadow: 0 0.1rem 0 #fff; text-decoration: none; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 2; } /*plugins datepicker*/ .ax-date { height: auto; position: relative; border-radius: 0.3rem; display: inline-block; box-shadow: 1px 0 0 #ebebeb, -1px 0 0 #ebebeb, 0 1px 0 #ebebeb, 0 -1px 0 #ebebeb, 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08); background-color: #fff; } .ax-date .ax-date-wrapper { display: flex; flex-wrap: nowrap; width: 100%; box-sizing: border-box; } .ax-date .ax-date-menu, .ax-date .ax-date-main { flex: auto; position: relative; } .ax-date .ax-date-menu { line-height: 3.8rem; border-right: 1px solid #ebebeb; width: 9rem; padding: 0.8rem; } .ax-date .ax-date-menu a { display: block; } .ax-date .ax-date-menu a:hover { color: #198cff; } .ax-date .ax-date-menu a.ax-selected { color: #198cff; } .ax-date .ax-date-footer { border-top: 1px solid #ebebeb; } .ax-date .ax-date-footer .ax-footer-left a { padding: 0; margin-right: 2rem; } .ax-date .ax-date-footer .ax-footer-right { text-align: right; } .ax-date .ax-date-footer { display: flex; width: 100%; box-sizing: border-box; } .ax-date .ax-date-footer:not([line]) { padding: 0.8rem; justify-content: space-between; } .ax-date .ax-date-footer[line] a { border-radius: 0; width: calc((100%/24)*12); padding: 0; flex: auto; position: relative; } .ax-date .ax-date-footer[line] a:focus { box-shadow: none; } .ax-date .ax-date-footer[line] a:not(:last-child) { border-right: 1px solid #ebebeb !important; } .ax-date .ax-date-header { line-height: 3.8rem; text-align: center; box-sizing: border-box; position: relative; } .ax-date .ax-date-header .ax-iconfont { width: 3.8rem; text-align: center; position: absolute; top: 0; } .ax-date .ax-date-header .ax-yprev { left: 0.8rem; } .ax-date .ax-date-header .ax-ynext { right: 0.8rem; } .ax-date .ax-date-header .ax-mprev { text-align: left; left: calc(3.8rem + 0.8rem); } .ax-date .ax-date-header .ax-mnext { text-align: right; right: calc(3.8rem + 0.8rem); } .ax-date .ax-date-header .ax-ym { margin: 0 0.4rem; } .ax-date .ax-date-body { min-width: calc(36rem - 2px); min-height: 28.1rem; overflow: hidden; box-sizing: border-box; padding: 0 0.8rem 0.8rem 0.8rem; } .ax-date .ax-date-body table { width: 100%; text-align: center; vertical-align: middle; border-collapse: collapse; } .ax-date .ax-date-body table thead i { font-size: 1.2rem; font-weight: normal; display: block; border-bottom: 1px solid #ebebeb; padding-bottom: 0.8rem; margin-bottom: 0.8rem; } .ax-date .ax-date-body table tbody span { width: calc(3.8rem - 0.4rem); height: calc(3.8rem - 0.4rem); line-height: calc(3.8rem - 0.4rem); border-radius: calc(3.8rem - 0.4rem); margin: 0.2rem; } .ax-date .ax-date-body table tbody td:not(.ax-disabled) span { cursor: pointer; transition: all 100ms linear; } .ax-date .ax-date-body table tbody td:not(.ax-disabled):not(.ax-selected):hover span { background-color: #f0f0f0; } .ax-date .ax-date-body table tbody .ax-other span { color: #b3b3b3; } .ax-date .ax-date-body table tbody .ax-disabled span { color: #f0f0f0; } .ax-date .ax-date-body table tbody .ax-selected span { color: #fff; background-color: #198cff; } .ax-date .ax-date-body table tbody .ax-start span { width: 100% !important; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-left: 0 !important; margin-right: 0 !important; } .ax-date .ax-date-body table tbody .ax-end span { width: 100% !important; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0 !important; margin-right: 0 !important; } .ax-date .ax-date-body table tbody .ax-contain span { width: 100% !important; border-radius: 0; margin-left: 0 !important; margin-right: 0 !important; background-color: #f0f0f0; } .ax-date .ax-date-body table.ax-ytable tbody .ax-start span, .ax-date .ax-date-body table.ax-ytable tbody .ax-end span, .ax-date .ax-date-body table.ax-ytable tbody .ax-contain span, .ax-date .ax-date-body table.ax-mtable tbody .ax-start span, .ax-date .ax-date-body table.ax-ymtable tbody .ax-end span, .ax-date .ax-date-body table.ax-mtable tbody .ax-contain span { width: calc((36rem - 2px - 0.8rem - 0.8rem)/3) !important; } .ax-date .ax-date-body table tbody .ax-with-lunar { width: calc(1.2rem*4); height: calc(1.2rem*4); line-height: 2.2rem; padding: calc((1.2rem*4 - 2.2rem*2)/2) 0; box-sizing: border-box; border-radius: 0.3rem; margin: 0.2rem 0; } .ax-date .ax-date-body table tbody .ax-lunar { font-size: 1.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; } .ax-date .ax-date-body table tbody td:not(.ax-disabled) .ax-with-lunar { cursor: pointer; transition: all 100ms linear; } .ax-date .ax-date-body table tbody td:not(.ax-disabled):not(.ax-selected):hover .ax-with-lunar { background-color: #f0f0f0; } .ax-date .ax-date-body table tbody .ax-other .ax-with-lunar { color: #b3b3b3; } .ax-date .ax-date-body table tbody .ax-disabled .ax-with-lunar { color: #b3b3b3; } .ax-date .ax-date-body table tbody .ax-selected .ax-with-lunar { color: #fff; background-color: #198cff; } .ax-date .ax-date-body table tbody .ax-start .ax-with-lunar { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ax-date .ax-date-body table tbody .ax-end .ax-with-lunar { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ax-date .ax-date-body table tbody .ax-contain .ax-with-lunar { border-radius: 0; background-color: #f0f0f0; } .ax-date .ax-date-body table.ax-ytable tbody td, .ax-date .ax-date-body table.ax-mtable tbody td { height: calc(27.3rem/4); } .ax-date .ax-date-body table.ax-ytable tbody span, .ax-date .ax-date-body table.ax-mtable tbody span { width: calc(26.6rem / 3); margin: 0 calc(((36rem - 2px - 0.8rem - 0.8rem)/3 - 26.6rem/3)/2); } .ax-date.ax-with-calendar .ax-date-body table.ax-ytable tbody td, .ax-date.ax-with-calendar .ax-date-body table.ax-mtable tbody td { height: calc(35.7rem/4); } .ax-date.ax-with-calendar .ax-date-body table.ax-ytable tbody span, .ax-date.ax-with-calendar .ax-date-body table.ax-mtable tbody span { width: calc(33.6rem / 3); margin: 0; } .ax-date .ax-date-ymd { display: flex; } .ax-date .ax-date-ymd .ax-date-panel:last-child { border-left: 1px solid #ebebeb; } .ax-date .ax-date-ymd .ax-date-panel:first-child { border: 0; } .ax-date .ax-date-time { text-align: center; display: flex; overflow: hidden; background-color: #fff; position: absolute; top: 0; right: 0; z-index: 150; } .ax-date .ax-date-time .ax-date-panel:last-child { border-left: 1px solid #ebebeb; } .ax-date .ax-date-time .ax-date-panel:first-child { border: 0; } .ax-date .ax-time-title { display: flex; font-size: 1.2rem; border-bottom: 1px solid #ebebeb; padding-bottom: 0.8rem; margin-bottom: 0.8rem; } .ax-date .ax-time-list { display: flex; } .ax-date .ax-date-time .ax-time-item { width: calc((100%/24)*12); flex: auto; position: relative; } .ax-date .ax-date-time .ax-time-item ul { height: calc(3.8rem*6); overflow-y: auto; overflow-x: hidden; } .ax-date .ax-date-time .ax-time-item ul li { padding-left: 4px; } .ax-date .ax-date-time .ax-time-item ul li span { width: 2.8rem; border-radius: 2.8rem; cursor: pointer; } .ax-date .ax-date-time .ax-time-item ul::-webkit-scrollbar { width: 4px; } .ax-date .ax-date-time .ax-time-item ul::-webkit-scrollbar-track { display: none; } .ax-date .ax-date-time .ax-time-item ul::-webkit-scrollbar-thumb { display: none; } .ax-date .ax-date-time .ax-time-item:hover ul::-webkit-scrollbar-track { display: block; } .ax-date .ax-date-time .ax-time-item:hover ul::-webkit-scrollbar-thumb { display: block; } .ax-date .ax-date-time .ax-time-item ul li.ax-selected span { color: #fff; background-color: #198cff; } .ax-date .ax-date-time .ax-time-item ul li.ax-disabled span { color: #b3b3b3; } .ax-popup .ax-date, .ax-dialog .ax-date { border-radius: 0; background: transparent; box-shadow: none; } .ax-dialog .ax-date { display: block; } .ax-date[data-mode='inline'] { margin-top: 1rem; } .ax-date .ax-footer-right a:last-child { margin-left: 1.4rem; } /*plugins end*/