<template>
  <div class="page-icon">
    <co-header fixed title="Icons">
      <fallback slot="left"></fallback>
    </co-header>

    <div class="co-wrapper page-content-main main markdown">
      <ul class="icon_lists page-part">
        <li>
          <i class="icon coicon coicon-appreciate"></i>
          <div class="fontclass">.coicon-appreciate</div>
        </li>

        <li>
          <i class="icon coicon coicon-check"></i>
          <div class="fontclass">.coicon-check</div>
        </li>

        <li>
          <i class="icon coicon coicon-close"></i>
          <div class="fontclass">.coicon-close</div>
        </li>

        <li>
          <i class="icon coicon coicon-edit"></i>
          <div class="fontclass">.coicon-edit</div>
        </li>

        <li>
          <i class="icon coicon coicon-emoji"></i>
          <div class="fontclass">.coicon-emoji</div>
        </li>

        <li>
          <i class="icon coicon coicon-favorfill"></i>
          <div class="fontclass">.coicon-favorfill</div>
        </li>

        <li>
          <i class="icon coicon coicon-favor"></i>
          <div class="fontclass">.coicon-favor</div>
        </li>

        <li>
          <i class="icon coicon coicon-loading"></i>
          <div class="fontclass">.coicon-loading</div>
        </li>

        <li>
          <i class="icon coicon coicon-locationfill"></i>
          <div class="fontclass">.coicon-locationfill</div>
        </li>

        <li>
          <i class="icon coicon coicon-location"></i>
          <div class="fontclass">.coicon-location</div>
        </li>

        <li>
          <i class="icon coicon coicon-phone"></i>
          <div class="fontclass">.coicon-phone</div>
        </li>

        <li>
          <i class="icon coicon coicon-roundrightfill"></i>
          <div class="fontclass">.coicon-roundrightfill</div>
        </li>

        <li>
          <i class="icon coicon coicon-roundright"></i>
          <div class="fontclass">.coicon-roundright</div>
        </li>

        <li>
          <i class="icon coicon coicon-search"></i>
          <div class="fontclass">.coicon-search</div>
        </li>

        <li>
          <i class="icon coicon coicon-taxi"></i>
          <div class="fontclass">.coicon-taxi</div>
        </li>

        <li>
          <i class="icon coicon coicon-timefill"></i>
          <div class="fontclass">.coicon-timefill</div>
        </li>

        <li>
          <i class="icon coicon coicon-time"></i>
          <div class="fontclass">.coicon-time</div>
        </li>

        <li>
          <i class="icon coicon coicon-more"></i>
          <div class="fontclass">.coicon-more</div>
        </li>

        <li>
          <i class="icon coicon coicon-success_large"></i>
          <div class="fontclass">.coicon-success_large</div>
        </li>

        <li>
          <i class="icon coicon coicon-back"></i>
          <div class="fontclass">.coicon-back</div>
        </li>

        <li>
          <i class="icon coicon coicon-accessory"></i>
          <div class="fontclass">.coicon-accessory</div>
        </li>

        <li>
          <i class="icon coicon coicon-activity"></i>
          <div class="fontclass">.coicon-activity</div>
        </li>

        <li>
          <i class="icon coicon coicon-activity_fill"></i>
          <div class="fontclass">.coicon-activity_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-add"></i>
          <div class="fontclass">.coicon-add</div>
        </li>

        <li>
          <i class="icon coicon coicon-addition_fill"></i>
          <div class="fontclass">.coicon-addition_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-addition"></i>
          <div class="fontclass">.coicon-addition</div>
        </li>

        <li>
          <i class="icon coicon coicon-addpeople_fill"></i>
          <div class="fontclass">.coicon-addpeople_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-addpeople"></i>
          <div class="fontclass">.coicon-addpeople</div>
        </li>

        <li>
          <i class="icon coicon coicon-addressbook_fill"></i>
          <div class="fontclass">.coicon-addressbook_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-addressbook"></i>
          <div class="fontclass">.coicon-addressbook</div>
        </li>

        <li>
          <i class="icon coicon coicon-barrage_fill"></i>
          <div class="fontclass">.coicon-barrage_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-barrage"></i>
          
          <div class="fontclass">.coicon-barrage</div>
        </li>

        <li>
          <i class="icon coicon coicon-browse_fill"></i>
          <div class="fontclass">.coicon-browse_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-browse"></i>
          <div class="fontclass">.coicon-browse</div>
        </li>

        <li>
          <i class="icon coicon coicon-brush"></i>
          <div class="fontclass">.coicon-brush</div>
        </li>

        <li>
          <i class="icon coicon coicon-brush_fill"></i>
          <div class="fontclass">.coicon-brush_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-businesscard_fill"></i>
          <div class="fontclass">.coicon-businesscard_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-businesscard"></i>
          <div class="fontclass">.coicon-businesscard</div>
        </li>

        <li>
          <i class="icon coicon coicon-camera_fill"></i>
          <div class="fontclass">.coicon-camera_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-camera"></i>
          <div class="fontclass">.coicon-camera</div>
        </li>

        <li>
          <i class="icon coicon coicon-clock_fill"></i>
          <div class="fontclass">.coicon-clock_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-clock"></i>
          <div class="fontclass">.coicon-clock</div>
        </li>

        <li>
          <i class="icon coicon coicon-collection_fill"></i>
          <div class="fontclass">.coicon-collection_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-collection"></i>
          <div class="fontclass">.coicon-collection</div>
        </li>

        <li>
          <i class="icon coicon coicon-computer_fill"></i>
          <div class="fontclass">.coicon-computer_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-computer"></i>
          <div class="fontclass">.coicon-computer</div>
        </li>

        <li>
          <i class="icon coicon coicon-coordinates_fill"></i>
          <div class="fontclass">.coicon-coordinates_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-coordinates"></i>
          <div class="fontclass">.coicon-coordinates</div>
        </li>

        <li>
          <i class="icon coicon coicon-coupons_fill"></i>
          <div class="fontclass">.coicon-coupons_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-coupons"></i>
          <div class="fontclass">.coicon-coupons</div>
        </li>

        <li>
          <i class="icon coicon coicon-createtask_fill"></i>
          <div class="fontclass">.coicon-createtask_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-createtask"></i>
          <div class="fontclass">.coicon-createtask</div>
        </li>

        <li>
          <i class="icon coicon coicon-customerservice_fill"></i>
          <div class="fontclass">.coicon-customerservice_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-customerservice"></i>
          <div class="fontclass">.coicon-customerservice</div>
        </li>

        <li>
          <i class="icon coicon coicon-delete_fill"></i>
          <div class="fontclass">.coicon-delete_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-delete"></i>
          <div class="fontclass">.coicon-delete</div>
        </li>

        <li>
          <i class="icon coicon coicon-document"></i>
          <div class="fontclass">.coicon-document</div>
        </li>

        <li>
          <i class="icon coicon coicon-document_fill"></i>
          <div class="fontclass">.coicon-document_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-dynamic_fill"></i>
          <div class="fontclass">.coicon-dynamic_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-dynamic"></i>
          <div class="fontclass">.coicon-dynamic</div>
        </li>

        <li>
          <i class="icon coicon coicon-editor"></i>
          <div class="fontclass">.coicon-editor</div>
        </li>

        <li>
          <i class="icon coicon coicon-eit"></i>
          <div class="fontclass">.coicon-eit</div>
        </li>

        <li>
          <i class="icon coicon coicon-empty"></i>
          <div class="fontclass">.coicon-empty</div>
        </li>

        <li>
          <i class="icon coicon coicon-empty_fill"></i>
          <div class="fontclass">.coicon-empty_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-enter"></i>
          <div class="fontclass">.coicon-enter</div>
        </li>

        <li>
          <i class="icon coicon coicon-enterinto"></i>
          <div class="fontclass">.coicon-enterinto</div>
        </li>

        <li>
          <i class="icon coicon coicon-enterinto_fill"></i>
          <div class="fontclass">.coicon-enterinto_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-feedback_fill"></i>
          <div class="fontclass">.coicon-feedback_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-feedback"></i>
          <div class="fontclass">.coicon-feedback</div>
        </li>

        <li>
          <i class="icon coicon coicon-flag_fill"></i>
          <div class="fontclass">.coicon-flag_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-flag"></i>
          <div class="fontclass">.coicon-flag</div>
        </li>

        <li>
          <i class="icon coicon coicon-flashlight"></i>
          <div class="fontclass">.coicon-flashlight</div>
        </li>

        <li>
          <i class="icon coicon coicon-flashlight_fill"></i>
          <div class="fontclass">.coicon-flashlight_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-flip"></i>
          <div class="fontclass">.coicon-flip</div>
        </li>

        <li>
          <i class="icon coicon coicon-flip_fill"></i>
          <div class="fontclass">.coicon-flip_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-fullscreen"></i>
          <div class="fontclass">.coicon-fullscreen</div>
        </li>

        <li>
          <i class="icon coicon coicon-group"></i>
          <div class="fontclass">.coicon-group</div>
        </li>

        <li>
          <i class="icon coicon coicon-group_fill"></i>
          <div class="fontclass">.coicon-group_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-headlines_fill"></i>
          <div class="fontclass">.coicon-headlines_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-headlines"></i>
          <div class="fontclass">.coicon-headlines</div>
        </li>

        <li>
          <i class="icon coicon coicon-homepage_fill"></i>
          <div class="fontclass">.coicon-homepage_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-homepage"></i>
          <div class="fontclass">.coicon-homepage</div>
        </li>

        <li>
          <i class="icon coicon coicon-integral_fill"></i>
          <div class="fontclass">.coicon-integral_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-integral"></i>
          <div class="fontclass">.coicon-integral</div>
        </li>

        <li>
          <i class="icon coicon coicon-interactive_fill"></i>
          <div class="fontclass">.coicon-interactive_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-interactive"></i>
          <div class="fontclass">.coicon-interactive</div>
        </li>

        <li>
          <i class="icon coicon coicon-keyboard"></i>
          <div class="fontclass">.coicon-keyboard</div>
        </li>

        <li>
          <i class="icon coicon coicon-label"></i>
          <div class="fontclass">.coicon-label</div>
        </li>

        <li>
          <i class="icon coicon coicon-label_fill"></i>
          <div class="fontclass">.coicon-label_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-like_fill"></i>
          <div class="fontclass">.coicon-like_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-like"></i>
          <div class="fontclass">.coicon-like</div>
        </li>

        <li>
          <i class="icon coicon coicon-live_fill"></i>
          <div class="fontclass">.coicon-live_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-live"></i>
          <div class="fontclass">.coicon-live</div>
        </li>

        <li>
          <i class="icon coicon coicon-lock_fill"></i>
          <div class="fontclass">.coicon-lock_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-lock"></i>
          <div class="fontclass">.coicon-lock</div>
        </li>

        <li>
          <i class="icon coicon coicon-mail"></i>
          <div class="fontclass">.coicon-mail</div>
        </li>

        <li>
          <i class="icon coicon coicon-mail_fill"></i>
          <div class="fontclass">.coicon-mail_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-manage_fill"></i>
          <div class="fontclass">.coicon-manage_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-manage"></i>
          <div class="fontclass">.coicon-manage</div>
        </li>

        <li>
          <i class="icon coicon coicon-message"></i>
          <div class="fontclass">.coicon-message</div>
        </li>

        <li>
          <i class="icon coicon coicon-message_fill"></i>
          <div class="fontclass">.coicon-message_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-mine"></i>
          <div class="fontclass">.coicon-mine</div>
        </li>

        <li>
          <i class="icon coicon coicon-mine_fill"></i>
          <div class="fontclass">.coicon-mine_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-mobilephone_fill"></i>
          <div class="fontclass">.coicon-mobilephone_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-mobilephone"></i>
          <div class="fontclass">.coicon-mobilephone</div>
        </li>

        <li>
          <i class="icon coicon coicon-narrow"></i>
          <div class="fontclass">.coicon-narrow</div>
        </li>

        <li>
          <i class="icon coicon coicon-offline_fill"></i>
          <div class="fontclass">.coicon-offline_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-offline"></i>
          <div class="fontclass">.coicon-offline</div>
        </li>

        <li>
          <i class="icon coicon coicon-order_fill"></i>
          <div class="fontclass">.coicon-order_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-order"></i>
          <div class="fontclass">.coicon-order</div>
        </li>

        <li>
          <i class="icon coicon coicon-other"></i>
          <div class="fontclass">.coicon-other</div>
        </li>

        <li>
          <i class="icon coicon coicon-people_fill"></i>
          <div class="fontclass">.coicon-people_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-people"></i>
          <div class="fontclass">.coicon-people</div>
        </li>

        <li>
          <i class="icon coicon coicon-picture_fill"></i>
          <div class="fontclass">.coicon-picture_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-picture"></i>
          <div class="fontclass">.coicon-picture</div>
        </li>

        <li>
          <i class="icon coicon coicon-play"></i>
          <div class="fontclass">.coicon-play</div>
        </li>

        <li>
          <i class="icon coicon coicon-play_fill"></i>
          <div class="fontclass">.coicon-play_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-playon_fill"></i>
          <div class="fontclass">.coicon-playon_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-playon"></i>
          <div class="fontclass">.coicon-playon</div>
        </li>

        <li>
          <i class="icon coicon coicon-praise_fill"></i>
          <div class="fontclass">.coicon-praise_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-praise"></i>
          <div class="fontclass">.coicon-praise</div>
        </li>

        <li>
          <i class="icon coicon coicon-prompt_fill"></i>
          <div class="fontclass">.coicon-prompt_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-prompt"></i>
          <div class="fontclass">.coicon-prompt</div>
        </li>

        <li>
          <i class="icon coicon coicon-qrcode_fill"></i>
          <div class="fontclass">.coicon-qrcode_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-qrcode"></i>
          <div class="fontclass">.coicon-qrcode</div>
        </li>

        <li>
          <i class="icon coicon coicon-redpacket_fill"></i>
          <div class="fontclass">.coicon-redpacket_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-redpacket"></i>
          <div class="fontclass">.coicon-redpacket</div>
        </li>

        <li>
          <i class="icon coicon coicon-refresh"></i>
          <div class="fontclass">.coicon-refresh</div>
        </li>

        <li>
          <i class="icon coicon coicon-remind_fill"></i>
          <div class="fontclass">.coicon-remind_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-remind"></i>
          
          <div class="fontclass">.coicon-remind</div>
        </li>

        <li>
          <i class="icon coicon coicon-return"></i>
          <div class="fontclass">.coicon-return</div>
        </li>

        <li>
          <i class="icon coicon coicon-right"></i>
          <div class="fontclass">.coicon-right</div>
        </li>

        <li>
          <i class="icon coicon coicon-scan"></i>
          <div class="fontclass">.coicon-scan</div>
        </li>

        <li>
          <i class="icon coicon coicon-select_fill"></i>
          <div class="fontclass">.coicon-select_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-select"></i>
          <div class="fontclass">.coicon-select</div>
        </li>

        <li>
          <i class="icon coicon coicon-send"></i>
          <div class="fontclass">.coicon-send</div>
        </li>

        <li>
          <i class="icon coicon coicon-service_fill"></i>
          <div class="fontclass">.coicon-service_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-service"></i>
          <div class="fontclass">.coicon-service</div>
        </li>

        <li>
          <i class="icon coicon coicon-setup_fill"></i>
          <div class="fontclass">.coicon-setup_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-setup"></i>
          <div class="fontclass">.coicon-setup</div>
        </li>

        <li>
          <i class="icon coicon coicon-share_fill"></i>
          <div class="fontclass">.coicon-share_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-share"></i>
          <div class="fontclass">.coicon-share</div>
        </li>

        <li>
          <i class="icon coicon coicon-shielding_fill"></i>
          <div class="fontclass">.coicon-shielding_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-shielding"></i>
          <div class="fontclass">.coicon-shielding</div>
        </li>

        <li>
          <i class="icon coicon coicon-smallscreen_fill"></i>
          <div class="fontclass">.coicon-smallscreen_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-smallscreen"></i>
          <div class="fontclass">.coicon-smallscreen</div>
        </li>

        <li>
          <i class="icon coicon coicon-stealth_fill"></i>
          <div class="fontclass">.coicon-stealth_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-stealth"></i>
          <div class="fontclass">.coicon-stealth</div>
        </li>

        <li>
          <i class="icon coicon coicon-success_fill"></i>
          <div class="fontclass">.coicon-success_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-success"></i>
          <div class="fontclass">.coicon-success</div>
        </li>

        <li>
          <i class="icon coicon coicon-suspend"></i>
          <div class="fontclass">.coicon-suspend</div>
        </li>

        <li>
          <i class="icon coicon coicon-switch"></i>
          <div class="fontclass">.coicon-switch</div>
        </li>

        <li>
          <i class="icon coicon coicon-systemprompt_fill"></i>
          <div class="fontclass">.coicon-systemprompt_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-systemprompt"></i>
          <div class="fontclass">.coicon-systemprompt</div>
        </li>

        <li>
          <i class="icon coicon coicon-tailor"></i>
          <div class="fontclass">.coicon-tailor</div>
        </li>

        <li>
          <i class="icon coicon coicon-task"></i>
          <div class="fontclass">.coicon-task</div>
        </li>

        <li>
          <i class="icon coicon coicon-task_fill"></i>
          <div class="fontclass">.coicon-task_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-tasklist_fill"></i>
          <div class="fontclass">.coicon-tasklist_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-tasklist"></i>
          <div class="fontclass">.coicon-tasklist</div>
        </li>

        <li>
          <i class="icon coicon coicon-text"></i>
          <div class="fontclass">.coicon-text</div>
        </li>

        <li>
          <i class="icon coicon coicon-translation_fill"></i>
          <div class="fontclass">.coicon-translation_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-translation"></i>
          <div class="fontclass">.coicon-translation</div>
        </li>

        <li>
          <i class="icon coicon coicon-trash"></i>
          <div class="fontclass">.coicon-trash</div>
        </li>

        <li>
          <i class="icon coicon coicon-trash_fill"></i>
          <div class="fontclass">.coicon-trash_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-undo"></i>
          <div class="fontclass">.coicon-undo</div>
        </li>

        <li>
          <i class="icon coicon coicon-unlock_fill"></i>
          <div class="fontclass">.coicon-unlock_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-unlock"></i>
          <div class="fontclass">.coicon-unlock</div>
        </li>

        <li>
          <i class="icon coicon coicon-video"></i>
          <div class="fontclass">.coicon-video</div>
        </li>

        <li>
          <i class="icon coicon coicon-video_fill"></i>
          <div class="fontclass">.coicon-video_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-warning_fill"></i>
          <div class="fontclass">.coicon-warning_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-warning"></i>
          <div class="fontclass">.coicon-warning</div>
        </li>

        <li>
          <i class="icon coicon coicon-workbench_fill"></i>
          <div class="fontclass">.coicon-workbench_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-workbench"></i>
          <div class="fontclass">.coicon-workbench</div>
        </li>

        <li>
          <i class="icon coicon coicon-search_fill"></i>
          <div class="name">search fill</div>
          <div class="fontclass">.coicon-search_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-qianniu"></i>
          <div class="fontclass">.coicon-qianniu</div>
        </li>

        <li>
          <i class="icon coicon coicon-publishgoods_fill"></i>
          <div class="name">publish goods_fill</div>
          <div class="fontclass">.coicon-publishgoods_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-shop_fill"></i>
          <div class="fontclass">.coicon-shop_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-transaction_fill"></i>
          <div class="fontclass">.coicon-transaction_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-packup"></i>
          <div class="fontclass">.coicon-packup</div>
        </li>

        <li>
          <i class="icon coicon coicon-unfold"></i>
          <div class="fontclass">.coicon-unfold</div>
        </li>

        <li>
          <i class="icon coicon coicon-wangwang"></i>
          <div class="fontclass">.coicon-wangwang</div>
        </li>

        <li>
          <i class="icon coicon coicon-financial_fill"></i>
          <div class="fontclass">.coicon-financial_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-marketing_fill"></i>
          <div class="fontclass">.coicon-marketing_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-shake"></i>
          <div class="fontclass">.coicon-shake</div>
        </li>

        <li>
          <i class="icon coicon coicon-decoration_fill"></i>
          <div class="fontclass">.coicon-decoration_fill</div>
        </li>

        <li>
          <i class="icon coicon coicon-tick"></i>
          <div class="fontclass">.coicon-tick</div>
        </li>

        <li>
          <i class="icon coicon coicon-reload"></i>
          <div class="fontclass">.coicon-reload</div>
        </li>

        <li>
          <i class="icon coicon coicon-spinner"></i>
          <div class="fontclass">.coicon-spinner</div>
        </li>

      </ul>
    </div>
  </div>
</template>

<style>
  .main {
    padding:0 10px 20px;
    background-color: #fff;
  }
  .icon_lists {
    display: flex;
    flex-flow:row wrap;
    justify-content: space-around;
    align-items: flex-start;
    align-content: center;
  }
  .icon_lists li {
    flex: 0 1 30%;
    text-align: center;
    color: #333;
    font-size: 16px;
    margin-top: 15px;
  }
  .icon_lists li .icon {
    font-size: 44px;
  }
</style>
