@font-face {
            font-family: "iconfont";
            src: url('iconfont.eot'); /* IE9*/
            src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('iconfont.woff') format('woff'), /* chrome, firefox */
            url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
            url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }
        .icon {
            font-family: "iconfont" !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
            .icon-mariadb:before {
                content: "\e505"
            }
            
            .icon-hps:before {
                content: "\e506"
            }
            
            .icon-host_protection:before {
                content: "\e511"
            }
            
            .icon-web_firewall:before {
                content: "\e514"
            }
            
            .icon-ddos:before {
                content: "\e515"
            }
            
            .icon-cdn:before {
                content: "\e516"
            }
            
            .icon-mongodb:before {
                content: "\e517"
            }
            
            .icon-ssl:before {
                content: "\e518"
            }
            
            .icon-vpn:before {
                content: "\e519"
            }
            
            .icon-integration:before {
                content: "\e51a"
            }
            
            .icon-code_review:before {
                content: "\e51b"
            }
            
            .icon-code_hosting:before {
                content: "\e51c"
            }
            
            .icon-ip:before {
                content: "\e51d"
            }
            
            .icon-ecs:before {
                content: "\e51e"
            }
            
            .icon-slb:before {
                content: "\e51f"
            }
            
            .icon-vpc:before {
                content: "\e520"
            }
            
            .icon-develop_synergy:before {
                content: "\e521"
            }
            
            .icon-ucm:before {
                content: "\e522"
            }
            
            .icon-tasks:before {
                content: "\e523"
            }
            
            .icon-ebs:before {
                content: "\e524"
            }
            
            .icon-elasticsearch:before {
                content: "\e534"
            }
            
            .icon-share:before {
                content: "\e535"
            }
            
            .icon-kafka:before {
                content: "\e536"
            }
            
            .icon-nat:before {
                content: "\e537"
            }
            
            .icon-wss:before {
                content: "\e538"
            }
            
            .icon-gpu_vps:before {
                content: "\e539"
            }
            
            .icon-auto_scaling:before {
                content: "\e53a"
            }
            
            .icon-vod:before {
                content: "\e53b"
            }
            
            .icon-ls:before {
                content: "\e53c"
            }
            
            .icon-menu:before {
                content: "\e53d"
            }
            
            .icon-scs:before {
                content: "\e53e"
            }
            
            .icon-mysql:before {
                content: "\e53f"
            }
            
            .icon-hbase:before {
                content: "\e540"
            }
            
            .icon-emr:before {
                content: "\e541"
            }
            
            .icon-mpp:before {
                content: "\e542"
            }
            
            .icon-redis:before {
                content: "\e543"
            }
            
            .icon-udc:before {
                content: "\e544"
            }
            
            .icon-speech_recognition:before {
                content: "\e545"
            }
            
            .icon-hvss:before {
                content: "\e546"
            }
            
            .icon-bms:before {
                content: "\e547"
            }
            
            .icon-face_recognition:before {
                content: "\e548"
            }
            
            .icon-image_recognition:before {
                content: "\e549"
            }
            
            .icon-text_recognition:before {
                content: "\e54a"
            }
            
            .icon-encryption_service:before {
                content: "\e54b"
            }
            
            .icon-vpc_peering:before {
                content: "\e54d"
            }
            
            .icon-cloud_disk:before {
                content: "\e54e"
            }
            
            .icon-sgw:before {
                content: "\e562"
            }
            
            .icon-oss:before {
                content: "\e563"
            }
            
            .icon-bastion_host:before {
                content: "\e564"
            }
            
            .icon-mixed_recovery:before {
                content: "\e565"
            }
            
            .icon-key_management:before {
                content: "\e566"
            }
            
            .icon-dms:before {
                content: "\e567"
            }
            
            .icon-things_platform:before {
                content: "\e568"
            }
            
            .icon-speech_synthesis:before {
                content: "\e569"
            }
            
            .icon-speech_processing:before {
                content: "\e56a"
            }
            
            .icon-ai_training_platform:before {
                content: "\e56b"
            }
            
            .icon-iot_hub:before {
                content: "\e56c"
            }
            
            .icon-nas_storage_gateway:before {
                content: "\e56d"
            }
            
            .icon-file_store:before {
                content: "\e56e"
            }
            
            .icon-apple:before {
                content: "\e576"
            }
            
            .icon-android:before {
                content: "\e577"
            }
            
            .icon-arrow_right:before {
                content: "\e578"
            }
            
            .icon-arrow_down:before {
                content: "\e579"
            }
            
            .icon-bell:before {
                content: "\e57a"
            }
            
            .icon-chevron_right:before {
                content: "\e57b"
            }
            
            .icon-cogs:before {
                content: "\e57c"
            }
            
            .icon-copy:before {
                content: "\e57d"
            }
            
            .icon-bolt:before {
                content: "\e57e"
            }
            
            .icon-camera:before {
                content: "\e57f"
            }
            
            .icon-download:before {
                content: "\e580"
            }
            
            .icon-edit:before {
                content: "\e581"
            }
            
            .icon-exclamation_sign:before {
                content: "\e582"
            }
            
            .icon-desktop:before {
                content: "\e583"
            }
            
            .icon-ellipsis_horizontal:before {
                content: "\e584"
            }
            
            .icon-globe:before {
                content: "\e585"
            }
            
            .icon-external_link:before {
                content: "\e586"
            }
            
            .icon-eye_close:before {
                content: "\e587"
            }
            
            .icon-eye_open:before {
                content: "\e588"
            }
            
            .icon-file_alt:before {
                content: "\e589"
            }
            
            .icon-key:before {
                content: "\e58a"
            }
            
            .icon-hdd:before {
                content: "\e58b"
            }
            
            .icon-remove:before {
                content: "\e58c"
            }
            
            .icon-indent_right:before {
                content: "\e58d"
            }
            
            .icon-info:before {
                content: "\e58e"
            }
            
            .icon-map_marker:before {
                content: "\e58f"
            }
            
            .icon-level_up:before {
                content: "\e590"
            }
            
            .icon-light_bulb:before {
                content: "\e591"
            }
            
            .icon-link:before {
                content: "\e592"
            }
            
            .icon-list:before {
                content: "\e593"
            }
            
            .icon-play_circle:before {
                content: "\e594"
            }
            
            .icon-paper_clip:before {
                content: "\e596"
            }
            
            .icon-ok_circle:before {
                content: "\e597"
            }
            
            .icon-ok:before {
                content: "\e598"
            }
            
            .icon-repeat:before {
                content: "\e599"
            }
            
            .icon-refresh:before {
                content: "\e59a"
            }
            
            .icon-remove_circle:before {
                content: "\e59b"
            }
            
            .icon-question_sign:before {
                content: "\e59c"
            }
            
            .icon-plus:before {
                content: "\e59d"
            }
            
            .icon-shield:before {
                content: "\e59e"
            }
            
            .icon-reply:before {
                content: "\e59f"
            }
            
            .icon-reply_all:before {
                content: "\e5a0"
            }
            
            .icon-share_alt:before {
                content: "\e5a1"
            }
            
            .icon-tags:before {
                content: "\e5a2"
            }
            
            .icon-th:before {
                content: "\e5a3"
            }
            
            .icon-time:before {
                content: "\e5a4"
            }
            
            .icon-search:before {
                content: "\e5a5"
            }
            
            .icon-shopping:before {
                content: "\e5a6"
            }
            
            .icon-spinner:before {
                content: "\e5a7"
            }
            
            .icon-umbrella:before {
                content: "\e5a8"
            }
            
            .icon-unlink:before {
                content: "\e5a9"
            }
            
            .icon-wrench:before {
                content: "\e5aa"
            }
            
            .icon-warning_sign:before {
                content: "\e5ab"
            }
            
            .icon-trash:before {
                content: "\e5ac"
            }
            
            .icon-user:before {
                content: "\e5ad"
            }
            
            .icon-cog:before {
                content: "\e5ec"
            }
            
            .icon-location:before {
                content: "\e5fb"
            }
            
            .icon-flag_checked:before {
                content: "\e5fc"
            }
            
            .icon-flag_uncheck:before {
                content: "\e5fd"
            }
            
            .icon-move:before {
                content: "\e5fe"
            }
            
            .icon-chevron_right:before {
                content: "\e5ff"
            }
            
            .icon-recommend_service:before {
                content: "\e600"
            }
            
            .icon-chevron_down:before {
                content: "\e601"
            }
            
            .icon-message_center:before {
                content: "\e602"
            }
            
            .icon-OK_sign:before {
                content: "\e603"
            }
            
            .icon-play:before {
                content: "\e604"
            }
            
            .icon-question:before {
                content: "\e605"
            }
            
            .icon-pause:before {
                content: "\e606"
            }
            
            .icon-warning:before {
                content: "\e607"
            }
            
            .icon-iso:before {
                content: "\e60f"
            }
            
            .icon-arrow-right-up:before {
                content: "\e610"
            }
            
            .icon-cart_c:before {
                content: "\e611"
            }
            
            .icon-ellipsis_horizontal:before {
                content: "\e612"
            }
            
            .icon-empty_question:before {
                content: "\e613"
            }
            
            .icon-file_text_alt:before {
                content: "\e614"
            }
            
            .icon-network:before {
                content: "\e615"
            }
            
            .icon-public_net_flow:before {
                content: "\e616"
            }
            
            .icon-info_file:before {
                content: "\e617"
            }
            
            .icon-user_name:before {
                content: "\e618"
            }
            
            .icon-password:before {
                content: "\e619"
            }
            
            .icon-basic_info:before {
                content: "\e61a"
            }
            
            .icon-sql:before {
                content: "\e61d"
            }
            
            .icon-code_test:before {
                content: "\e61e"
            }
            
            .icon-security_group:before {
                content: "\e62d"
            }
            
            .icon-iam:before {
                content: "\e656"
            }
            
            .icon-off:before {
                content: "\e657"
            }
            
            .icon-file_fill_alt:before {
                content: "\e65f"
            }
            
            .icon-mqtt:before {
                content: "\e660"
            }
            
            .icon-iam_down_arrow:before {
                content: "\e667"
            }
            
            .icon-instance:before {
                content: "\e595"
            }
            
            .icon-DCDN:before {
                content: "\e678"
            }