@font-face {
    font-family: "iconfont"; /* Project id  */
    src: url('https://ext.same-assets.com/2716639241/677191869.woff2?t=1740971168455') format('woff2');
    font-display: swap;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 图标类 */
.icon-star:before {
    content: "\e600";
}

.icon-demo:before {
    content: "\e601";
}

.icon-paste:before {
    content: "\e602";
}

.icon-platforms:before {
    content: "\e603";
}

.icon-formats:before {
    content: "\e604";
}

.icon-speed:before {
    content: "\e605";
}

.icon-service:before {
    content: "\e606";
}

.icon-contact:before {
    content: "\e607";
}

.icon-download:before {
    content: "\e608";
}

.icon-video:before {
    content: "\e609";
}

.icon-link:before {
    content: "\e60a";
}

.icon-play:before {
    content: "\e60b";
}

.icon-pause:before {
    content: "\e60c";
}

.icon-stop:before {
    content: "\e60d";
}

.icon-volume:before {
    content: "\e60e";
}

.icon-settings:before {
    content: "\e60f";
}

.icon-help:before {
    content: "\e610";
}

.icon-user:before {
    content: "\e611";
}

.icon-close:before {
    content: "\e612";
}

.icon-arrow-up:before {
    content: "\e613";
}

.icon-arrow-down:before {
    content: "\e614";
}

.icon-arrow-left:before {
    content: "\e615";
}

.icon-arrow-right:before {
    content: "\e616";
}

.icon-check:before {
    content: "\e617";
}

.icon-error:before {
    content: "\e618";
}

.icon-warning:before {
    content: "\e619";
}

.icon-info:before {
    content: "\e61a";
}

.icon-loading:before {
    content: "\e61b";
}

.icon-search:before {
    content: "\e61c";
}

.icon-menu:before {
    content: "\e61d";
}

.icon-home:before {
    content: "\e61e";
}

.icon-folder:before {
    content: "\e61f";
}

.icon-file:before {
    content: "\e620";
}

.icon-image:before {
    content: "\e621";
}

.icon-music:before {
    content: "\e622";
}

.icon-email:before {
    content: "\e623";
}

.icon-phone:before {
    content: "\e624";
}

.icon-location:before {
    content: "\e625";
}

.icon-calendar:before {
    content: "\e626";
}

.icon-clock:before {
    content: "\e627";
}

.icon-share:before {
    content: "\e628";
}

.icon-like:before {
    content: "\e629";
}

.icon-dislike:before {
    content: "\e62a";
}

.icon-heart:before {
    content: "\e62b";
}

.icon-comment:before {
    content: "\e62c";
}

.icon-tag:before {
    content: "\e62d";
}

.icon-filter:before {
    content: "\e62e";
}

.icon-sort:before {
    content: "\e62f";
}

.icon-refresh:before {
    content: "\e630";
}

.icon-delete:before {
    content: "\e631";
}

.icon-edit:before {
    content: "\e632";
}

.icon-copy:before {
    content: "\e633";
}

.icon-save:before {
    content: "\e634";
}

.icon-print:before {
    content: "\e635";
}

.icon-zoom-in:before {
    content: "\e636";
}

.icon-zoom-out:before {
    content: "\e637";
}

.icon-fullscreen:before {
    content: "\e638";
}

.icon-exit-fullscreen:before {
    content: "\e639";
}

.icon-lock:before {
    content: "\e63a";
}

.icon-unlock:before {
    content: "\e63b";
}

.icon-eye:before {
    content: "\e63c";
}

.icon-eye-off:before {
    content: "\e63d";
}

.icon-wifi:before {
    content: "\e63e";
}

.icon-bluetooth:before {
    content: "\e63f";
}

.icon-battery:before {
    content: "\e640";
}

.icon-signal:before {
    content: "\e641";
}

.icon-cloud:before {
    content: "\e642";
}

.icon-upload:before {
    content: "\e643";
}

.icon-database:before {
    content: "\e644";
}

.icon-server:before {
    content: "\e645";
}

.icon-code:before {
    content: "\e646";
}

.icon-terminal:before {
    content: "\e647";
}

.icon-bug:before {
    content: "\e648";
}

.icon-tool:before {
    content: "\e649";
}

.icon-gear:before {
    content: "\e64a";
}

.icon-wrench:before {
    content: "\e64b";
}

.icon-hammer:before {
    content: "\e64c";
}

.icon-magic:before {
    content: "\e64d";
}

.icon-trophy:before {
    content: "\e64e";
}

.icon-medal:before {
    content: "\e64f";
}

.icon-flag:before {
    content: "\e650";
}

.icon-bookmark:before {
    content: "\e651";
}

.icon-pin:before {
    content: "\e652";
}

.icon-map:before {
    content: "\e653";
}

.icon-compass:before {
    content: "\e654";
}

.icon-globe:before {
    content: "\e655";
}

.icon-language:before {
    content: "\e656";
}

.icon-translate:before {
    content: "\e657";
}

.icon-book:before {
    content: "\e658";
}

.icon-notebook:before {
    content: "\e659";
}

.icon-pencil:before {
    content: "\e65a";
}

.icon-pen:before {
    content: "\e65b";
}

.icon-ruler:before {
    content: "\e65c";
}

.icon-calculator:before {
    content: "\e65d";
}

.icon-chart:before {
    content: "\e65e";
}

.icon-pie-chart:before {
    content: "\e65f";
}

.icon-bar-chart:before {
    content: "\e660";
}

.icon-line-chart:before {
    content: "\e661";
}

.icon-table:before {
    content: "\e662";
}

.icon-list:before {
    content: "\e663";
}

.icon-grid:before {
    content: "\e664";
}

.icon-layout:before {
    content: "\e665";
}

.icon-template:before {
    content: "\e666";
}

.icon-theme:before {
    content: "\e667";
}

.icon-palette:before {
    content: "\e668";
}

.icon-brush:before {
    content: "\e669";
}

.icon-dropper:before {
    content: "\e66a";
}

.icon-crop:before {
    content: "\e66b";
}

.icon-rotate:before {
    content: "\e66c";
}

.icon-flip:before {
    content: "\e66d";
}

.icon-resize:before {
    content: "\e66e";
}

.icon-move:before {
    content: "\e66f";
}

.icon-cursor:before {
    content: "\e670";
}

.icon-hand:before {
    content: "\e671";
}

.icon-finger:before {
    content: "\e672";
}

.icon-click:before {
    content: "\e673";
}

.icon-drag:before {
    content: "\e674";
}

.icon-drop:before {
    content: "\e675";
}

.icon-select:before {
    content: "\e676";
}

.icon-selection:before {
    content: "\e677";
}

.icon-marquee:before {
    content: "\e678";
}

.icon-lasso:before {
    content: "\e679";
}

.icon-wand:before {
    content: "\e67a";
}

.icon-eraser:before {
    content: "\e67b";
}

.icon-fill:before {
    content: "\e67c";
}

.icon-stroke:before {
    content: "\e67d";
}

.icon-gradient:before {
    content: "\e67e";
}

.icon-pattern:before {
    content: "\e67f";
}

.icon-texture:before {
    content: "\e680";
}

.icon-shadow:before {
    content: "\e681";
}

.icon-glow:before {
    content: "\e682";
}

.icon-blur:before {
    content: "\e683";
}

.icon-sharpen:before {
    content: "\e684";
}

.icon-contrast:before {
    content: "\e685";
}

.icon-brightness:before {
    content: "\e686";
}

.icon-saturation:before {
    content: "\e687";
}

.icon-hue:before {
    content: "\e688";
}

.icon-invert:before {
    content: "\e689";
}

.icon-grayscale:before {
    content: "\e68a";
}

.icon-sepia:before {
    content: "\e68b";
}

.icon-vintage:before {
    content: "\e68c";
}

.icon-retro:before {
    content: "\e68d";
}

.icon-modern:before {
    content: "\e68e";
}

.icon-classic:before {
    content: "\e68f";
}

.icon-elegant:before {
    content: "\e690";
}

.icon-minimal:before {
    content: "\e691";
}

.icon-bold:before {
    content: "\e692";
}

.icon-italic:before {
    content: "\e693";
}

.icon-underline:before {
    content: "\e694";
}

.icon-strikethrough:before {
    content: "\e695";
}

.icon-align-left:before {
    content: "\e696";
}

.icon-align-center:before {
    content: "\e697";
}

.icon-align-right:before {
    content: "\e698";
}

.icon-align-justify:before {
    content: "\e699";
}

.icon-indent:before {
    content: "\e69a";
}

.icon-outdent:before {
    content: "\e69b";
}

.icon-line-height:before {
    content: "\e69c";
}

.icon-font-size:before {
    content: "\e69d";
}

.icon-font-family:before {
    content: "\e69e";
}

.icon-text-color:before {
    content: "\e69f";
}

.icon-background-color:before {
    content: "\e6a0";
}

.icon-highlight:before {
    content: "\e6a1";
}

.icon-uppercase:before {
    content: "\e6a2";
}

.icon-lowercase:before {
    content: "\e6a3";
}

.icon-capitalize:before {
    content: "\e6a4";
}

.icon-subscript:before {
    content: "\e6a5";
}

.icon-superscript:before {
    content: "\e6a6";
}

.icon-link2:before {
    content: "\e6a7";
}

.icon-unlink:before {
    content: "\e6a8";
}

.icon-anchor:before {
    content: "\e6a9";
}

.icon-chain:before {
    content: "\e6aa";
}

.icon-broken-chain:before {
    content: "\e6ab";
}

.icon-paperclip:before {
    content: "\e6ac";
}

.icon-attachment:before {
    content: "\e6ad";
}

.icon-clip:before {
    content: "\e6ae";
}

.icon-pin2:before {
    content: "\e6af";
}

.icon-pushpin:before {
    content: "\e6b0";
}

.icon-tack:before {
    content: "\e6b1";
}

.icon-nail:before {
    content: "\e6b2";
}

.icon-screw:before {
    content: "\e6b3";
}

.icon-bolt:before {
    content: "\e6b4";
}

.icon-nut:before {
    content: "\e6b5";
}

.icon-washer:before {
    content: "\e6b6";
}

.icon-spring:before {
    content: "\e6b7";
}

.icon-coil:before {
    content: "\e6b8";
}

.icon-wire:before {
    content: "\e6b9";
}

.icon-cable:before {
    content: "\e6ba";
}

.icon-cord:before {
    content: "\e6bb";
}

.icon-rope:before {
    content: "\e6bc";
}

.icon-string:before {
    content: "\e6bd";
}

.icon-thread:before {
    content: "\e6be";
}

.icon-yarn:before {
    content: "\e6bf";
}

.icon-fiber:before {
    content: "\e6c0";
}

.icon-fabric:before {
    content: "\e6c1";
}

.icon-cloth:before {
    content: "\e6c2";
}

.icon-textile:before {
    content: "\e6c3";
}

.icon-material:before {
    content: "\e6c4";
}

.icon-substance:before {
    content: "\e6c5";
}

.icon-element:before {
    content: "\e6c6";
}

.icon-component:before {
    content: "\e6c7";
}

.icon-part:before {
    content: "\e6c8";
}

.icon-piece:before {
    content: "\e6c9";
}

.icon-fragment:before {
    content: "\e6ca";
}

.icon-section:before {
    content: "\e6cb";
}

.icon-segment:before {
    content: "\e6cc";
}

.icon-portion:before {
    content: "\e6cd";
}

.icon-fraction:before {
    content: "\e6ce";
}

.icon-percentage:before {
    content: "\e6cf";
}

.icon-ratio:before {
    content: "\e6d0";
}

.icon-proportion:before {
    content: "\e6d1";
}

.icon-scale:before {
    content: "\e6d2";
}

.icon-measure:before {
    content: "\e6d3";
}

.icon-ruler2:before {
    content: "\e6d4";
}

.icon-tape:before {
    content: "\e6d5";
}

.icon-yardstick:before {
    content: "\e6d6";
}

.icon-meter:before {
    content: "\e6d7";
}

.icon-gauge:before {
    content: "\e6d8";
}

.icon-dial:before {
    content: "\e6d9";
}

.icon-knob:before {
    content: "\e6da";
}

.icon-slider:before {
    content: "\e6db";
}

.icon-handle:before {
    content: "\e6dc";
}

.icon-grip:before {
    content: "\e6dd";
}

.icon-lever:before {
    content: "\e6de";
}

.icon-switch:before {
    content: "\e6df";
}

.icon-toggle:before {
    content: "\e6e0";
}

.icon-button:before {
    content: "\e6e1";
}

.icon-press:before {
    content: "\e6e2";
}

.icon-push:before {
    content: "\e6e3";
}

.icon-pull:before {
    content: "\e6e4";
}

.icon-grab:before {
    content: "\e6e5";
}

.icon-hold:before {
    content: "\e6e6";
}

.icon-squeeze:before {
    content: "\e6e7";
}

.icon-pinch:before {
    content: "\e6e8";
}

.icon-twist:before {
    content: "\e6e9";
}

.icon-turn:before {
    content: "\e6ea";
}

.icon-spin:before {
    content: "\e6eb";
}

.icon-rotate2:before {
    content: "\e6ec";
}

.icon-revolve:before {
    content: "\e6ed";
}

.icon-orbit:before {
    content: "\e6ee";
}

.icon-circle:before {
    content: "\e6ef";
}

.icon-ring:before {
    content: "\e6f0";
}

.icon-loop:before {
    content: "\e6f1";
}

.icon-cycle:before {
    content: "\e6f2";
}

.icon-repeat:before {
    content: "\e6f3";
}

.icon-replay:before {
    content: "\e6f4";
}

.icon-rewind:before {
    content: "\e6f5";
}

.icon-forward:before {
    content: "\e6f6";
}

.icon-next:before {
    content: "\e6f7";
}

.icon-previous:before {
    content: "\e6f8";
}

.icon-first:before {
    content: "\e6f9";
}

.icon-last:before {
    content: "\e6fa";
}

.icon-begin:before {
    content: "\e6fb";
}

.icon-end:before {
    content: "\e6fc";
}

.icon-start:before {
    content: "\e6fd";
}

.icon-finish:before {
    content: "\e6fe";
}

.icon-complete:before {
    content: "\e6ff";
}

/* 动画效果 */
.icon-loading {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}