图标库和class类
图标库、公用class说明

【ipad端14×14】

图标名称 class名称 ico 实例
参加（会议） attend_meeting_14 <span class="ico14 attend_meeting_14"></span>
不参加（会议） unattended_meeting_14 <span class="ico14 unattended_meeting_14"></span>
会议纪要 meeting_summary_14 <span class="ico14 meeting_summary_14"></span>
消息提示 message_hint_14 <span class="ico14 message_hint_14"></span>
未读 unread_14 <span class="ico14 unread_14"></span>
重要 important_14 <span class="ico14 important_14"></span>
非常重要 most_important_14 <span class="ico14 most_important_14"></span>
附件 accessory_14 <span class="ico14 accessory_14"></span>

【ipad端16×16】

图标名称 class名称 ico 实例
下拉按钮 drop_down_btn_16 <span class="ico_pad_16 drop_down_btn_16"></span>
未处理 untreated_16 <span class="ico_pad_16 untreated_16"></span>
已查看 before_see_16 <span class="ico_pad_16 before_see_16"></span>
暂存待办 temporary_pending_16 <span class="ico_pad_16 temporary_pending_16"></span>
已办 unread_14 <span class="ico_pad_16 before_transact_16"></span>
终止 stop_16 <span class="ico_pad_16 stop_16"></span>
处理时间 dispose_time_16 <span class="ico_pad_16 dispose_time_16"></span>
上拉按钮 drop_up_btn_16 <span class="ico_pad_16 drop_up_btn_16"></span>

【ipad端22×22】

图标名称 class名称 ico 实例
手工分支 handwork_branch_22 <span class="ico_pad_22 handwork_branch_22"></span>
自动条件分支 automatic_condition_22 <span class="ico_pad_22 automatic_condition_22"></span>
强制自动条件分支 force_automatic_condition_22 <span class="ico_pad_22 force_automatic_condition_22"></span>
自动表单条件分支 automatic_form_condition_22 <span class="ico_pad_22 automatic_form_condition_22"></span>
强制自动表单条件分支 force_automatic_form_condition_22 <span class="ico_pad_22 force_automatic_form_condition_22"></span>

【ipad端24×24】

图标名称 class名称 ico 实例
竞争执行 compete_execute_24 <span class="ico24 compete_execute_24"></span>
钩(分支选人) hook_24 <span class="ico24 hook_24"></span>
叉(分支选人) fork_24 <span class="ico24 fork_24"></span>
叉-禁用(分支选人) fork_disabled_24 <span class="ico24 fork_disabled_24"></span>
显示分支条件-banner上(分支选人) branch_condition_24 <span class="ico24 branch_condition_24"></span>
分支节点图标-流程图中(分支选人) branch_node_24 <span class="ico24 branch_node_24"></span>

【ipad端28×28】

图标名称 class名称 ico 实例
清空 delete_all_28 <span class="ico_pad_28 delete_all_28"></span>
刷新 refresh_28 <span class="ico_pad_28 refresh_28"></span>
搜索图标 search_icon_28 <span class="ico_pad_28 search_icon_28"></span>
取消上传 cancel_upload_28 <span class="ico_pad_28 cancel_upload_28"></span>
搜索 search_28 <span class="ico_pad_28 search_28"></span>
返回 return_28 <span class="ico_pad_28 return_28"></span>
关闭 close_28 <span class="ico_pad_28 close_28"></span>
新建 new_built_28 <span class="ico_pad_28 new_built_28"></span>
查看列表 check_list_28 <span class="ico_pad_28 check_list_28"></span>
查看缩略图 check_thumbnail_28 <span class="ico_pad_28 check_thumbnail_28"></span>
设置-banner上(业务生成器) set_up_28 <span class="ico_pad_28 set_up_28"></span>
柱状图-banner上(业务生成器) histogram_28 <span class="ico_pad_28 histogram_28"></span>
饼图-banner上(业务生成器) set_up_28 <span class="ico_pad_28 pie_chart_28"></span>
折线图-banner上(业务生成器) line_chart_28 <span class="ico_pad_28 line_chart_28"></span>
展开按钮-向上(业务生成器) spread_top_28 <span class="ico_pad_28 spread_top_28"></span>
展开按钮-向下(业务生成器) spread_bottom_28 <span class="ico_pad_28 spread_bottom_28"></span>
新建(业务生成器) business_new_built_28 <span class="ico_pad_28 business_new_built_28"></span>
退出 quit_28 <span class="ico_pad_28 quit_28"></span>
同步(时间安排) cogradient_28 <span class="ico_pad_28 cogradient_28"></span>
扩展按钮-向右 spread_right_28 <span class="ico_pad_28 spread_right_28"></span>

【ipad端32×32】

图标名称 class名称 ico 实例
参加（会议） attend_meeting_32 <span class="ico32 attend_meeting_32"></span>
不参加（会议） unattended_meeting_32 <span class="ico32 unattended_meeting_32"></span>
待定 unsure_32 <span class="ico32 unsure_32"></span>
消息中心(工具导航) message_center_32 <span class="ico32 message_center_32"></span>
协同(工具导航) collaborative_32 <span class="ico32 collaborative_32"></span>
公文(工具导航) bumf_32 <span class="bumf_32 bumf_32"></span>
统计(工具导航) statistics_32 <span class="ico32 statistics_32"></span>
新闻(工具导航) news_32 <span class="ico32 news_32"></span>
公告(工具导航) announcement_32 <span class="ico32 announcement_32"></span>
文档(工具导航) doc_32 <span class="ico32 doc_32"></span>
日程(工具导航) schedule_32 <span class="ico32 schedule_32"></span>
会议(工具导航) meeting_32 <span class="ico100 meeting_32"></span>
通讯录(工具导航) address_book_32 <span class="ico32 address_book_32"></span>
设置(工具导航) set_32 <span class="ico32 set_32"></span>
IM(工具导航) im_32 <span class="ico32 im_32"></span>
业务管控(工具导航) business_control_32 <span class="ico32 business_control_32"></span>
附件(协同) accessory_32 <span class="ico32 accessory_32"></span>
设置(协同) set_up_32 <span class="ico32 set_up_32"></span>
更多(协同) more_to_collaborative_32 <span class="ico32 more_to_collaborative_32"></span>
录音(协同) record_32 <span class="ico32 record_32"></span>
停止(协同) halt_32 <span class="ico32 halt_32"></span>
播放(协同) broadcast_32 <span class="ico32 broadcast_32"></span>
播放-禁止(协同) broadcast_disabled_32 <span class="ico32 broadcast_disabled_32"></span>
编辑文件名(协同) edit_file_name_32 <span class="ico32 edit_file_name_32"></span>
暂停(协同) pause_32 <span class="ico32 pause_32"></span>
插入图片 insert_picture_32 <span class="ico32 insert_picture_32"></span>

【ipad端35×35】

图标名称 class名称 ico 实例
word(doc) word_suffix_doc_35 <span class="ico35 word_suffix_doc_35"></span>
word(docx) word_suffix_docx_35 <span class="ico35 word_suffix_docx_35"></span>
excel(xls) excel_suffix_xls_35 <span class="ico35 excel_suffix_xls_35"></span>
excel(xlsx) excel_suffix_xlsx_35 <span class="ico35 excel_suffix_xlsx_35"></span>
ppt(ppt) ppt_suffix_ppt_35 <span class="ico35 ppt_suffix_ppt_35"></span>
ppt(pptx) ppt_suffix_pptx_35 <span class="ico35 ppt_suffix_pptx_35"></span>
visio(vsd) visio_suffix_vsd_35 <span class="ico35 visio_suffix_vsd_35"></span>
visio(vsdx) visio_suffix_vsdx_35 <span class="ico35 visio_suffix_vsdx_35"></span>
图片后缀(jpg) pic_suffix_jpg_35 <span class="ico35 pic_suffix_jpg_35"></span>
图片后缀(png) pic_suffix_png_35 <span class="ico35 pic_suffix_png_35"></span>
图片后缀(bmp) pic_suffix_bmp_35 <span class="ico35 pic_suffix_bmp_35"></span>
图片后缀(gif) pic_suffix_gif_35 <span class="ico35 pic_suffix_gif_35"></span>
音频格式-amr(android) audio_amr_35 <span class="ico35 audio_amr_35"></span>
音频格式-caf(ios) audio_caf_35 <span class="ico35 audio_caf_35"></span>
MP3 mp3_35 <span class="ico35 mp3_35"></span>
MP4 mp4_35 <span class="ico35 mp4_35"></span>
wps wps_35 <span class="ico35 wps_35"></span>
et et_35 <span class="ico35 et_35"></span>
txt txt_35 <span class="ico35 txt_35"></span>
HTM htm_35 <span class="ico35 htm_35"></span>
HTML html_35 <span class="ico35 html_35"></span>
RAR rar_35 <span class="ico35 rar_35"></span>
ZIP zip_35 <span class="ico35 zip_35"></span>
TIF tif_35 <span class="ico35 tif_35"></span>
PDF pdf_35 <span class="ico35 pdf_35"></span>
协同 collaborative_35 <span class="ico35 collaborative_35"></span>
公文 bumf_35 <span class="ico35 bumf_35"></span>
计划 plan_35 <span class="ico35 plan_35"></span>
会议 meeting_35 <span class="ico35 meeting_35"></span>
新闻 news_35 <span class="ico35 news_35"></span>
公告 announcement_35 <span class="ico35 announcement_35"></span>
调查 research_35 <span class="ico35 research_35"></span>
讨论 discuss_35 <span class="ico35 discuss_35"></span>
表单 form_35 <span class="ico35 form_phone_70"></span>
邮件 email_35 <span class="ico35 email_35"></span>
文档(未知格式) doc_unknown_35 <span class="ico35 doc_unknown_35"></span>
文件夹 folder_35 <span class="ico35 folder_35"></span>
关联文档 associate_doc_35 <span class="ico35 associate_doc_35"></span>

【ipad端40×40】

图标名称 class名称 ico 实例
默认个人(流程) default_person_40 <span class="ico40 default_person_40"></span>
离职人员(流程) dimission_person_40 <span class="ico40 dimission_person_40"></span>
相对角色(流程) relative_role_40 <span class="ico40 relative_role_40"></span>
组(流程) group_40 <span class="ico40 group_40"></span>
单位(流程) unit_40 <span class="ico40 unit_40"></span>
部门(流程) department_40 <span class="ico40 department_40"></span>
岗位(流程) quarters_40 <span class="ico40 quarters_40"></span>
系统(流程) system_40 <span class="ico40 system_40"></span>
节点配置(流程) node_allocation_40 <span class="ico40 node_allocation_40"></span>
角色(流程) role_40 <span class="ico40 role_40"></span>
分支条件节点 branch_condition_node_40 <span class="ico40 branch_condition_node_40"></span>
职务级别 job_level_40 <span class="ico40 job_level_40"></span>
空节点 empty_node_40 <span class="ico40 empty_node_40"></span>
前置节点 pre_node_40 <span class="ico40 pre_node_40"></span>
后置节点 post_node_40 <span class="ico40 post_node_40"></span>
流程结束 process_end_40 <span class="ico40 process_end_40"></span>
word(doc) word_suffix_doc_40 <span class="ico40 word_suffix_doc_40"></span>
word(docx) word_suffix_docx_40 <span class="ico40 word_suffix_docx_40"></span>
excel(xls) excel_suffix_xls_40 <span class="ico40 excel_suffix_xls_40"></span>
excel(xlsx) excel_suffix_xlsx_40 <span class="ico40 excel_suffix_xlsx_40"></span>
ppt(ppt) ppt_suffix_ppt_40 <span class="ico40 ppt_suffix_ppt_40"></span>
ppt(pptx) ppt_suffix_pptx_40 <span class="ico40 ppt_suffix_pptx_40"></span>
visio(vsd) visio_suffix_vsd_40 <span class="ico40 visio_suffix_vsd_40"></span>
visio(vsdx) visio_suffix_vsdx_40 <span class="ico40 visio_suffix_vsdx_40"></span>
图片后缀(jpg) pic_suffix_jpg_40 <span class="ico40 pic_suffix_jpg_40"></span>
图片后缀(png) pic_suffix_png_40 <span class="ico40 pic_suffix_png_40"></span>
图片后缀(bmp) pic_suffix_bmp_40 <span class="ico40 pic_suffix_bmp_40"></span>
图片后缀(gif) pic_suffix_gif_40 <span class="ico40 pic_suffix_gif_40"></span>
音频格式-amr(android) audio_amr_40 <span class="ico40 audio_amr_40"></span>
音频格式-caf(ios) audio_caf_40 <span class="ico40 audio_caf_40"></span>
MP3 mp3_40 <span class="ico40 mp3_40"></span>
MP4 mp4_40 <span class="ico40 mp4_40"></span>
wps wps_40 <span class="ico40 wps_40"></span>
et et_40 <span class="ico40 et_40"></span>
txt txt_40 <span class="ico40 txt_40"></span>
HTM htm_40 <span class="ico40 htm_40"></span>
HTML html_40 <span class="ico40 html_40"></span>
RAR rar_40 <span class="ico40 rar_40"></span>
ZIP zip_40 <span class="ico40 zip_40"></span>
TIF tif_40 <span class="ico40 tif_40"></span>
PDF pdf_40 <span class="ico40 pdf_40"></span>
协同 collaborative_40 <span class="ico40 collaborative_40"></span>
公文 bumf_40 <span class="ico40 bumf_40"></span>
计划 plan_40 <span class="ico40 plan_40"></span>
会议 meeting_40 <span class="ico40 meeting_40"></span>
新闻 news_40 <span class="ico40 news_40"></span>
公告 announcement_40 <span class="ico40 announcement_40"></span>
调查 research_40 <span class="ico40 research_40"></span>
讨论 discuss_40 <span class="ico40 discuss_40"></span>
表单 form_40 <span class="ico40 form_phone_70"></span>
邮件 email_40 <span class="ico40 email_40"></span>
文档(未知格式) doc_unknown_40 <span class="ico40 doc_unknown_40"></span>
文件夹 folder_40 <span class="ico40 folder_40"></span>
统计图 statistics_chart_40 <span class="ico40 statistics_chart_40"></span>
日程 schedule_40 <span class="ico40 schedule_40"></span>
任务 task_40 <span class="ico40 task_40"></span>
附件下载 accessory_download_40 <span class="ico40 accessory_download_40"></span>

【ipad端48×48】

图标名称 class名称 ico 实例
当前节点 current_node_48 <span class="ico_pad_48 current_node_48"></span>
需选人节点 select_people_48 <span class="ico_pad_48 select_people_48"></span>
未完成选节点 unselect_people_48 <span class="ico_pad_48 unselect_people_48"></span>
标准协同 standard_collaborative_48 <span class="ico_pad_48 standard_collaborative_48"></span>

【ipad端50×50】

图标名称 class名称 ico 实例
参加（会议） attend_meeting_50 <span class="ico50 attend_meeting_50"></span>
不参加（会议） unattended_meeting_50 <span class="ico50 unattended_meeting_50"></span>
待定 unsure_50 <span class="ico50 unsure_50"></span>
拍照 photo_50 <span class="ico50 photo_50"></span>
拍照协同 photo_collaborative_50 <span class="ico50 photo_collaborative_50"></span>
语音 voice_50 <span class="ico50 voice_50"></span>
语音协同 voice_collaborative_50 <span class="ico50 voice_collaborative_50"></span>
表单模板 form_model_50 <span class="ico50 form_model_50"></span>
已阅 look_over_50 <span class="ico50 look_over_50"></span>
同意 agreement_50 <span class="ico50 agreement_50"></span>
不同意 disagreement_50 <span class="ico50 disagreement_50"></span>
本地文件 local_files_50 <span class="ico50 local_files_50"></span>
关联文档 associate_doc_50 <span class="ico50 associate_doc_50"></span>

【ipad端70×70】

图标名称 class名称 ico 实例
word(doc) word_suffix_doc_pad_70 <span class="ico_pad_70 word_suffix_doc_pad_70"></span>
word(docx) word_suffix_docx_pad_70 <span class="ico_pad_70 word_suffix_docx_pad_70"></span>
excel(xls) excel_suffix_xls_pad_70 <span class="ico_pad_70 excel_suffix_xls_pad_70"></span>
excel(xlsx) excel_suffix_xlsx_pad_70 <span class="ico_pad_70 excel_suffix_xlsx_pad_70"></span>
ppt(ppt) ppt_suffix_ppt_pad_70 <span class="ico_pad_70 ppt_suffix_ppt_pad_70"></span>
ppt(pptx) ppt_suffix_pptx_pad_70 <span class="ico_pad_70 ppt_suffix_pptx_pad_70"></span>
visio(vsd) visio_suffix_vsd_pad_70 <span class="ico_pad_70 visio_suffix_vsd_pad_70"></span>
visio(vsdx) visio_suffix_vsdx_pad_70 <span class="ico_pad_70 visio_suffix_vsdx_pad_70"></span>
图片后缀(jpg) pic_suffix_jpg_pad_70 <span class="ico_pad_70 pic_suffix_jpg_pad_70"></span>
图片后缀(png) pic_suffix_png_pad_70 <span class="ico_pad_70 pic_suffix_png_pad_70"></span>
图片后缀(bmp) pic_suffix_bmp_pad_70 <span class="ico_pad_70 pic_suffix_bmp_pad_70"></span>
图片后缀(gif) pic_suffix_gif_pad_70 <span class="ico_pad_70 pic_suffix_gif_pad_70"></span>
音频格式-amr(android) audio_amr_pad_70 <span class="ico_pad_70 audio_amr_pad_70"></span>
音频格式-caf(ios) audio_caf_pad_70 <span class="ico_pad_70 audio_caf_pad_70"></span>
MP3 mp3_pad_70 <span class="ico_pad_70 mp3_pad_70"></span>
MP4 mp4_pad_70 <span class="ico_pad_70 mp4_pad_70"></span>
wps wps_pad_70 <span class="ico_pad_70 wps_pad_70"></span>
et et_pad_70 <span class="ico_pad_70 et_pad_70"></span>
txt txt_pad_70 <span class="ico_pad_70 txt_pad_70"></span>
HTM htm_pad_70 <span class="ico_pad_70 htm_pad_70"></span>
HTML html_pad_70 <span class="ico_pad_70 html_pad_70"></span>
RAR rar_pad_70 <span class="ico_pad_70 rar_pad_70"></span>
ZIP zip_pad_70 <span class="ico_pad_70 zip_pad_70"></span>
TIF tif_pad_70 <span class="ico_pad_70 tif_pad_70"></span>
PDF pdf_pad_70 <span class="ico_pad_70 pdf_pad_70"></span>
协同 collaborative_pad_70 <span class="ico_pad_70 collaborative_pad_70"></span>
公文 bumf_pad_70 <span class="ico_pad_70 bumf_pad_70"></span>
计划 plan_pad_70 <span class="ico_pad_70 plan_pad_70"></span>
会议 meeting_pad_70 <span class="ico_pad_70 meeting_pad_70"></span>
新闻 news_pad_70 <span class="ico_pad_70 news_pad_70"></span>
公告 announcement_pad_70 <span class="ico_pad_70 announcement_pad_70"></span>
调查 research_pad_70 <span class="ico_pad_70 research_pad_70"></span>
讨论 discuss_pad_70 <span class="ico_pad_70 discuss_pad_70"></span>
表单 form_pad_70 <span class="ico_pad_70 form_pad_70"></span>
邮件 email_pad_70 <span class="ico_pad_70 email_pad_70"></span>
文档(未知格式) doc_unknown_pad_70 <span class="ico_pad_70 doc_unknown_pad_70"></span>
文件夹 folder_pad_70 <span class="ico_pad_70 folder_pad_70"></span>
无流程表单 unprocessed_form_pad_70 <span class="ico_pad_70 unprocessed_form_pad_70"></span>
有流程表单 process_list_pad_70 <span class="ico_pad_70 process_list_pad_70"></span>
有流程新建 process_to_build_pad_70 <span class="ico_pad_70 process_to_build_pad_70"></span>
统计图 statistics_menu_pad_70 <span class="ico_pad_70 statistics_menu_pad_70"></span>
文档 doc_menu_pad_70 <span class="ico_pad_70 doc_menu_pad_70"></span>
新闻 news_menu_pad_70 <span class="ico_pad_70 news_menu_pad_70"></span>
公告 announcement_menu_pad_70 <span class="ico_pad_70 announcement_menu_pad_70"></span>
信息管理表单 info_management_form_pad_70 <span class="ico_pad_70 info_management_form_pad_70"></span>
基础数据表单 base_data_form_pad_70 <span class="ico_pad_70 base_data_form_pad_70"></span>

注意：iphone端图标统一将设计稿缩小一半，为方便修改和查看，后缀名还是用设计稿的大小, 例如16*16的图标，实际大小为8*8。命名规则还是—"*_16"。

【iphone端16×16】

图标名称 class名称 ico 实例
日期(表单) date_16 <span class="ico_phone_16 date_16"></span>
附件上传(表单) accessory_upload <span class="ico_phone_16 accessory_upload"></span>
删除(表单) delete_16 <span class="ico_phone_16 delete_16"></span>
图片上传(表单) picture_upload_16 <span class="ico_phone_16 picture_upload_16"></span>
关联文档(表单) associate_doc_16 <span class="ico_phone_16 associate_doc_16"></span>
人员增加(表单) person_add_16 <span class="ico_phone_16 person_add_16"></span>
新增行(表单) line_add_16 <span class="ico_phone_16 line_add_16"></span>
重复行(表单) repeat_line_16 <span class="ico_phone_16 repeat_line_16"></span>
删除行(表单) delete_line_16 <span class="ico_phone_16 delete_line_16"></span>
关联项目(表单) associate_project_16 <span class="ico_phone_16 associate_project_16"></span>
签批(表单) sign_16 <span class="ico_phone_16 sign_16"></span>
关联表单(表单) associate_form_16 <span class="ico_phone_16 associate_form_16"></span>
查找(表单) look_up_16 <span class="ico_phone_16 look_up_16"></span>
交换(表单) exchange_16 <span class="ico_phone_16 exchange_16"></span>

【iphone端22×22】

图标名称 class名称 ico 实例
参加（会议） attend_meeting_22 <span class="ico_phone_22 attend_meeting_22"></span>
不参加（会议） unattended_meeting_22 <span class="ico_phone_22 unattended_meeting_22"></span>
会议纪要 meeting_summary_22 <span class="ico_phone_22 meeting_summary_22"></span>
锁定图标 lock_icon_22 <span class="ico_phone_22 lock_icon_22"></span>
处理时间 dispose_time_22 <span class="ico_phone_22 dispose_time_22"></span>
男 man_22 <span class="ico_phone_22 man_22"></span>
女 women_22 <span class="ico_phone_22 women_22"></span>
短信图标 sms_icon_22 <span class="ico_phone_22 sms_icon_22"></span>
未处理 untreated_22 <span class="ico_phone_22 untreated_22"></span>
已查看 before_see_22 <span class="ico_phone_22 before_see_22"></span>
暂存待办 temporary_pending_22 <span class="ico_phone_22 temporary_pending_22"></span>
已办 before_transact_22 <span class="ico_phone_22 before_transact_22"></span>
终止 stop_22 <span class="ico_phone_22 stop_22"></span>
附件-白色 accessory_white_22 <span class="ico_phone_22 accessory_white_22"></span>
下拉按钮 drop_down_btn_22 <span class="ico_phone_22 drop_down_btn_22"></span>
消息提示 message_hint_22 <span class="ico_phone_22 message_hint_22"></span>
附件 accessory_22 <span class="ico_phone_22 accessory_22"></span>
未读 unread_22 <span class="ico_phone_22 unread_22"></span>
上拉按钮 drop_up_btn_22 <span class="ico_phone_22 drop_up_btn_22"></span>

【iphone端28×28】

图标名称 class名称 ico 实例
查看 see_28 <span class="ico_phone_28 see_28"></span>
未查看 unseen_28 <span class="ico_phone_28 unseen_28"></span>

【iphone端44×44】

图标名称 class名称 ico 实例
手工分支 handwork_branch_44 <span class="ico44 handwork_branch_44"></span>
自动条件分支 automatic_condition_44 <span class="ico44 automatic_condition_44"></span>
强制自动条件分支 force_automatic_condition_44 <span class="ico44 force_automatic_condition_44"></span>
自动表单条件分支 automatic_form_condition_44 <span class="ico44 automatic_form_condition_44"></span>
强制自动表单条件分支 force_automatic_form_condition_44 <span class="ico44 force_automatic_form_condition_44"></span>

【iphone端48×48】

图标名称 class名称 ico 实例
参加（会议） attend_meeting_48 <span class="ico_phone_48 attend_meeting_48"></span>
不参加（会议） unattended_meeting_48 <span class="ico_phone_48 unattended_meeting_48"></span>
待定 unsure_48 <span class="ico_phone_48 unsure_48"></span>
钩(分支选人) hook_48 <span class="ico_phone_48 hook_48"></span>
叉(分支选人) fork_48 <span class="ico_phone_48 fork_48"></span>
叉-禁用(分支选人) fork_disabled_48 <span class="ico_phone_48 fork_disabled_48"></span>
显示分支条件-banner上(分支选人) branch_condition_48 <span class="ico_phone_48 branch_condition_48"></span>
分支节点图标-流程图中(分支选人) branch_node_48 <span class="ico_phone_48 branch_node_48"></span>
插入图片 insert_picture_48 <span class="ico_phone_48 insert_picture_48"></span>
展开按钮-向下(业务生成器) spread_bottom_48 <span class="ico_phone_48 spread_bottom_48"></span>
展开按钮-向上(业务生成器) spread_top_48 <span class="ico_phone_48 spread_top_48"></span>
折线图-banner上(业务生成器) line_chart_48 <span class="ico_phone_48 line_chart_48"></span>
饼图-banner上(业务生成器) pie_chart_48 <span class="ico_phone_48 pie_chart_48"></span>
柱状图-banner上(业务生成器) histogram_48 <span class="ico_phone_48 histogram_48"></span>
设置-banner上(业务生成器) set_up_48 <span class="ico_phone_48 set_up_48"></span>
签章 signature_48 <span class="ico_phone_48 signature_48"></span>
删除签章 delete_signature_48 <span class="ico_phone_48 delete_signature_48"></span>
全部删除 delete_all_48 <span class="ico_phone_48 delete_all_48"></span>
画笔颜色-蓝(表单) brush_blue_48 <span class="ico_phone_48 brush_blue_48"></span>
画笔颜色-黑(表单) brush_black_48 <span class="ico_phone_48 brush_black_48"></span>
画笔颜色-红(表单) brush_red_48 <span class="ico_phone_48 brush_red_48"></span>
word(doc) word_suffix_doc_48 <span class="ico_phone_48 word_suffix_doc_48"></span>
word(docx) word_suffix_docx_48 <span class="ico_phone_48 word_suffix_docx_48"></span>
excel(xls) excel_suffix_xls_48 <span class="ico_phone_48 excel_suffix_xls_48"></span>
excel(xlsx) excel_suffix_xlsx_48 <span class="ico_phone_48 excel_suffix_xlsx_48"></span>
ppt(ppt) ppt_suffix_ppt_48 <span class="ico_phone_48 ppt_suffix_ppt_48"></span>
ppt(pptx) ppt_suffix_pptx_48 <span class="ico_phone_48 ppt_suffix_pptx_48"></span>
visio(vsd) visio_suffix_vsd_48 <span class="ico_phone_48 visio_suffix_vsd_48"></span>
visio(vsdx) visio_suffix_vsdx_48 <span class="ico_phone_48 visio_suffix_vsdx_48"></span>
图片后缀(jpg) pic_suffix_jpg_48 <span class="ico_phone_48 pic_suffix_jpg_48"></span>
图片后缀(png) pic_suffix_png_48 <span class="ico_phone_48 pic_suffix_png_48"></span>
图片后缀(bmp) pic_suffix_bmp_48 <span class="ico_phone_48 pic_suffix_bmp_48"></span>
图片后缀(gif) pic_suffix_gif_48 <span class="ico_phone_48 pic_suffix_gif_48"></span>
音频格式-amr(android) audio_amr_48 <span class="ico_phone_48 audio_amr_48"></span>
音频格式-caf(ios) audio_caf_48 <span class="ico_phone_48 audio_caf_48"></span>
MP3 mp3_48 <span class="ico_phone_48 mp3_48"></span>
MP4 mp4_48 <span class="ico_phone_48 mp4_48"></span>
wps wps_48 <span class="ico_phone_48 wps_48"></span>
et et_48 <span class="ico_phone_48 et_48"></span>
txt txt_48 <span class="ico_phone_48 txt_48"></span>
HTM htm_48 <span class="ico_phone_48 htm_48"></span>
HTML html_48 <span class="ico_phone_48 html_48"></span>
RAR rar_48 <span class="ico_phone_48 rar_48"></span>
ZIP zip_48 <span class="ico_phone_48 zip_48"></span>
TIF tif_48 <span class="ico_phone_48 tif_48"></span>
PDF pdf_48 <span class="ico_phone_48 pdf_48"></span>
协同 collaborative_48 <span class="ico_phone_48 collaborative_48"></span>
公文 bumf_48 <span class="ico_phone_48 bumf_48"></span>
计划 plan_48 <span class="ico_phone_48 plan_48"></span>
会议 meeting_48 <span class="ico_phone_48 meeting_48"></span>
新闻 news_48 <span class="ico_phone_48 news_48"></span>
公告 announcement_48 <span class="ico_phone_48 announcement_48"></span>
调查 research_48 <span class="ico_phone_48 research_48"></span>
讨论 discuss_48 <span class="ico_phone_48 discuss_48"></span>
表单 form_48 <span class="ico_phone_48 form_48"></span>
邮件 email_48 <span class="ico_phone_48 email_48"></span>
文档(未知格式) doc_unknown_48 <span class="ico_phone_48 doc_unknown_48"></span>
文件夹 folder_48 <span class="ico_phone_48 folder_48"></span>
交流 interflow_48 <span class="ico_phone_48 interflow_48"></span>
竞争执行 compete_execute_48 <span class="ico_phone_48 compete_execute_48"></span>
并发(选人) parallel_send_48 <span class="ico_phone_48 parallel_send_48"></span>
并发-禁用(选人) parallel_send_disabled_48 <span class="ico_phone_48 parallel_send_disabled_48"></span>
串发(选人) serial_send_48 <span class="ico_phone_48 serial_send_48"></span>
串发-禁用(选人) serial_send_disabled_48 <span class="ico_phone_48 serial_send_disabled_48"></span>
下一部门(选人) next_department_48 <span class="ico_phone_48 next_department_48"></span>
新建(banner) new_built_48 <span class="ico_phone_48 new_built_48"></span>
关闭/取消(banner) close_48 <span class="ico_phone_48 close_48"></span>
返回(banner) return_48 <span class="ico_phone_48 return_48"></span>
搜索(banner) search_48 <span class="ico_phone_48 search_48"></span>
取回 recaption_48 <span class="ico_phone_48 recaption_48"></span>
取消跟踪 cancel_tracing_48 <span class="ico_phone_48 cancel_tracing_48"></span>
撤销 rescind_48 <span class="ico_phone_48 rescind_48"></span>
搜索图标 search_icon_48 <span class="ico_phone_48 search_icon_48"></span>
已阅 look_over_48 <span class="ico_phone_48 look_over_48"></span>
同意 agreement_48 <span class="ico_phone_48 agreement_48"></span>
不同意 disagreement_48 <span class="ico_phone_48 disagreement_48"></span>
附件 accessory_48 <span class="ico_phone_48 accessory_48"></span>
设置 set_up_48 <span class="ico_phone_48 set_up_48"></span>
新建流程 new_flow_48 <span class="ico_phone_48 new_flow_48"></span>
更多 more_48 <span class="ico_phone_48 more_48"></span>
取消上传 cancel_upload_48 <span class="ico_phone_48 cancel_upload_48"></span>
重新上传 anew_upload_48 <span class="ico_phone_48 anew_upload_48"></span>
附件下载 accessory_download_48 <span class="ico_phone_48 accessory_download_48"></span>
编辑文件名 edit_file_name_48 <span class="ico_phone_48 edit_file_name_48"></span>
暂停 pause_48 <span class="ico_phone_48 pause_48"></span>
播放-禁止 broadcast_disabled_48 <span class="ico_phone_48 broadcast_disabled_48"></span>
播放 broadcast_48 <span class="ico_phone_48 broadcast_48"></span>
停止 halt_48 <span class="ico_phone_48 halt_48"></span>
录音 record_48 <span class="ico_phone_48 record_48"></span>
展开按钮-向右 spread_right_48 <span class="ico_phone_48 spread_right_48"></span>
快速回执 rapid_receipt_48 <span class="ico_phone_48 rapid_receipt_48"></span>
回执 return__receipt_48 <span class="ico_phone_48 return__receipt_48"></span>
回复 reply_48 <span class="ico_phone_48 reply_48"></span>
回复(按下) reply_down_48 <span class="ico_phone_48 reply_down_48"></span>
附件下载 accessory_download_48 <span class="ico_phone_48 accessory_download_48"></span>
关联文档 associate_doc_phone_48 <span class="ico_phone_48 associate_doc_phone_48"></span>

【iphone端70×70】

图标名称 class名称 ico 实例
参加（会议） attend_meeting_phone_70 <span class="ico_phone_70 attend_meeting_phone_70"></span>
不参加（会议） unattended_meeting_phone_70 <span class="ico_phone_70 unattended_meeting_phone_70"></span>
待定 unsure_phone_70 <span class="ico_phone_70 unsure_phone_70"></span>
日程 schedule_phone_70 <span class="ico_phone_70 schedule_phone_70"></span>
任务 task_phone_70 <span class="ico_phone_70 task_35"></span>
统计图(列表图标) statistics_chart_phone_70 <span class="ico_phone_70 statistics_chart_phone_70"></span>
基础数据表单(菜单) base_data_form_phone_70 <span class="ico_phone_70 base_data_form_phone_70"></span>
信息管理表单(菜单) info_management_form_phone_70 <span class="ico_phone_70 info_management_form_phone_70"></span>
公告(菜单) announcement_menu_phone_70 <span class="ico_phone_70 announcement_menu_phone_70"></span>
新闻(菜单) news_menu_phone_70 <span class="ico_phone_70 news_menu_phone_70"></span>
文档(菜单) doc_menu_phone_70 <span class="ico_phone_70 doc_menu_phone_70"></span>
统计(菜单) statistics_menu_phone_70 <span class="ico_phone_70 statistics_menu_phone_70"></span>
有流程新建(菜单) process_to_build_phone_70 <span class="ico_phone_70 process_to_build_phone_70"></span>
有流程列表(菜单) process_list_phone_70 <span class="ico_phone_70 process_list_phone_70"></span>
无流程表单(菜单) unprocessed_form_phone_70 <span class="ico_phone_70 unprocessed_form_phone_70"></span>
弹窗颜色-红 popup_red_phone_70 <span class="ico_phone_70 popup_red_phone_70"></span>
弹窗颜色-黑 popup_black_phone_70 <span class="ico_phone_70 popup_black_phone_70"></span>
弹窗颜色-蓝 popup_blue_phone_70 <span class="ico_phone_70 popup_blue_phone_70"></span>
word(doc) word_suffix_doc_phone_70 <span class="ico_phone_70 word_suffix_doc_phone_70"></span>
word(docx) word_suffix_docx_phone_70 <span class="ico_phone_70 word_suffix_docx_phone_70"></span>
excel(xls) excel_suffix_xls_phone_70 <span class="ico_phone_70 excel_suffix_xls_phone_70"></span>
excel(xlsx) excel_suffix_xlsx_phone_70 <span class="ico_phone_70 excel_suffix_xlsx_phone_70"></span>
ppt(ppt) ppt_suffix_ppt_phone_70 <span class="ico_phone_70 ppt_suffix_ppt_phone_70"></span>
ppt(pptx) ppt_suffix_pptx_phone_70 <span class="ico_phone_70 ppt_suffix_pptx_phone_70"></span>
visio(vsd) visio_suffix_vsd_phone_70 <span class="ico_phone_70 visio_suffix_vsd_phone_70"></span>
visio(vsdx) visio_suffix_vsdx_phone_70 <span class="ico_phone_70 visio_suffix_vsdx_phone_70"></span>
图片后缀(jpg) pic_suffix_jpg_phone_70 <span class="ico_phone_70 pic_suffix_jpg_phone_70"></span>
图片后缀(png) pic_suffix_png_phone_70 <span class="ico_phone_70 pic_suffix_png_phone_70"></span>
图片后缀(bmp) pic_suffix_bmp_phone_70 <span class="ico_phone_70 pic_suffix_bmp_phone_70"></span>
图片后缀(gif) pic_suffix_gif_phone_70 <span class="ico_phone_70 pic_suffix_gif_phone_70"></span>
音频格式-amr(android) audio_amr_phone_70 <span class="ico_phone_70 audio_amr_phone_70"></span>
音频格式-caf(ios) audio_caf_phone_70 <span class="ico_phone_70 audio_caf_phone_70"></span>
MP3 mp3_phone_70 <span class="ico_phone_70 mp3_phone_70"></span>
MP4 mp4_phone_70 <span class="ico_phone_70 mp4_phone_70"></span>
wps wps_phone_70 <span class="ico_phone_70 wps_phone_70"></span>
et et_phone_70 <span class="ico_phone_70 et_phone_70"></span>
txt txt_phone_70 <span class="ico_phone_70 txt_phone_70"></span>
HTM htm_phone_70 <span class="ico_phone_70 htm_phone_70"></span>
HTML html_phone_70 <span class="ico_phone_70 html_phone_70"></span>
RAR rar_phone_70 <span class="ico_phone_70 rar_phone_70"></span>
ZIP zip_phone_70 <span class="ico_phone_70 zip_phone_70"></span>
TIF tif_phone_70 <span class="ico_phone_70 tif_phone_70"></span>
PDF pdf_phone_70 <span class="ico_phone_70 pdf_phone_70"></span>
协同 collaborative_phone_70 <span class="ico_phone_70 collaborative_phone_70"></span>
公文 bumf_phone_70 <span class="ico_phone_70 bumf_phone_70"></span>
计划 plan_phone_70 <span class="ico_phone_70 plan_phone_70"></span>
会议 meeting_phone_70 <span class="ico_phone_70 meeting_phone_70"></span>
新闻 news_phone_70 <span class="ico_phone_70 news_phone_70"></span>
公告 announcement_phone_70 <span class="ico_phone_70 announcement_phone_70"></span>
调查 research_phone_70 <span class="ico_phone_70 research_phone_70"></span>
讨论 discuss_phone_70 <span class="ico_phone_70 discuss_phone_70"></span>
表单 form_phone_70 <span class="ico_phone_70 form_phone_70"></span>
邮件 email_phone_70 <span class="ico_phone_70 email_phone_70"></span>
文档(未知格式) doc_unknown_phone_70 <span class="ico_phone_70 doc_unknown_phone_70"></span>
文件夹 folder_phone_70 <span class="ico_phone_70 folder_phone_70"></span>
同意 agreement_phone_70 <span class="ico_phone_70 agreement_phone_70"></span>
已阅 look_over_phone_70 <span class="ico_phone_70 look_over_phone_70"></span>
不同意 disagreement_phone_70 <span class="ico_phone_70 disagreement_phone_70"></span>
本地文件 local_files_phone_70 <span class="ico_phone_70 local_files_phone_70"></span>
拍照 photo_phone_70 <span class="ico_phone_70 photo_phone_70"></span>
拍照协同 photo_collaborative_phone_70 <span class="ico_phone_70 photo_collaborative_phone_70"></span>
语音 voice_phone_70 <span class="ico_phone_70 voice_phone_70"></span>
语音协同 voice_collaborative_phone_70 <span class="ico_phone_70 voice_collaborative_phone_70"></span>
关联文档 associate_doc_phone_70 <span class="ico_phone_70 associate_doc_phone_70"></span>
标准协同 standard_collaborative_phone_70 <span class="ico_phone_70 standard_collaborative_phone_70"></span>
表单模板 form_model_phone_phone_70 <span class="ico_phone_70 form_model_phone_70"></span>

【iphone端80×80】

图标名称 class名称 ico 实例
默认个人(流程) default_person_80 <span class="ico80 default_person_80"></span>
离职人员(流程) dimission_person_80 <span class="ico80 dimission_person_80"></span>
相对角色(流程) relative_role_80 <span class="ico80 relative_role_80"></span>
相对角色-组织(流程) relative_role_organize_80 <span class="ico80 relative_role_organize_80"></span>
组(流程) group_80 <span class="ico80 group_80"></span>
单位(流程) unit_80 <span class="ico80 unit_80"></span>
部门(流程) department_80 <span class="ico80 department_80"></span>
岗位(流程) quarters_80 <span class="ico80 quarters_80"></span>
系统(流程) system_80 <span class="ico80 system_80"></span>
节点配置(流程) node_allocation_80 <span class="ico80 node_allocation_80"></span>
角色(流程) role_80 <span class="ico80 role_80"></span>
分支条件节点 branch_condition_node_80 <span class="ico80 branch_condition_node_80"></span>
职务级别 job_level_80 <span class="ico80 job_level_80"></span>
空节点 empty_node_80 <span class="ico80 empty_node_80"></span>
前置节点 pre_node_80 <span class="ico80 pre_node_80"></span>
后置节点 post_node_80 <span class="ico80 post_node_80"></span>
流程节点 process_end_80 <span class="ico80 process_end_80"></span>

【iphone端94×94】

图标名称 class名称 ico 实例
当前节点 current_node_94 <span class="ico94 current_node_94"></span>

【iphone端96×96】

图标名称 class名称 ico 实例
需选人节点 select_people_96 <span class="ico96 select_people_96"></span>
未完成选节点 unselect_people_96 <span class="ico96 unselect_people_96"></span>

【iphone端100×100】

图标名称 class名称 ico 实例
消息中心 message_center_100 <span class="ico100 message_center_100"></span>
协同 collaborative_100 <span class="ico100 collaborative_100"></span>
公文 bumf_100 <span class="ico100 bumf_100"></span>
统计 statistics_100 <span class="ico100 statistics_100"></span>
新闻 news_100 <span class="ico100 news_100"></span>
公告 announcement_100 <span class="ico100 announcement_100"></span>
文档 doc_100 <span class="ico100 doc_100"></span>
日程 schedule_100 <span class="ico100 schedule_100"></span>
会议 meeting_100 <span class="ico100 meeting_100"></span>
通讯录 address_book_100 <span class="ico100 address_book_100"></span>
设置 set_100 <span class="ico100 set_100"></span>
IM im_100 <span class="ico100 im_100"></span>
业务管控 business_control_100 <span class="ico100 business_control_100"></span>

【iphone端130×130】

图标名称 class名称 ico 实例
无内容背景 no_content_130 <span class="ico130 no_content_130"></span>

公用class

中文名称 class名称 css原代码
隐藏 display_none {display: none;}
显示 display_block {display: block;}
左浮动 left {float: left;}
右浮动 right {float: right;}
清除浮动 clearFix {zoom: 1;display: block;_height:1px;}
清除浮动2 clearFlow {overflow: hidden;*zoom: 1;}
元素中的文本 - 左对齐 align_left {text-align: left;}
元素中的文本 - 居中对齐 align_center {text-align: center;}
元素中的文本 - 右对齐 align_right {text-align: right;}
宽度100% w100b {width: 100%;}
高度100% h100b {height: 100%;}
字体加粗 font_bold {font-weight: bold;}
鼠标手型 hand {cursor: pointer;}
块左右居中 common_center {margin: 0px auto;}
显示滚动条 over_auto {overflow: auto;}
隐藏滚动条 overflow_hidden {overflow: hidden;}
横向滚动条 over_x_auto {overflow-x: auto;overflow-y: hidden;}
纵向滚动条 over_y_auto {overflow-y: auto;overflow-x: hidden;}
内边距 - 上右下左 0 padding_0 {padding: 0px;}
内边距 - 上右下左 5px padding_5 {padding: 5px;}
内边距 - 上右下左 10px padding_10 {padding: 10px;}
内边距 - 上右下左 15px padding_15 {padding: 15px;}
内边距 - 上右下左 20px padding_20 {padding: 20px;}
内边距 - 上右下左 25px padding_25 {padding: 25px;}
内边距 - 上右下左 30px padding_30 {padding: 30px;}
内边距 - 上右下左 40px padding_40 {padding: 40px;}
内边距 - 左 0 padding_l_0 {padding-left: 0;}
内边距 - 左 5px padding_l_5 {padding-left: 5px;}
内边距 - 左 10px padding_l_10 {padding-left: 10px;}
内边距 - 左 0 padding_l_0 {padding-left: 0;}
内边距 - 左 15px padding_l_15 {padding-left: 15px;}
内边距 - 左 20px padding_l_20 {padding-left: 20px;}
内边距 - 左 25px padding_l_25 {padding-left: 25px;}
内边距 - 左 30px padding_l_30 {padding-left: 30px;}
内边距 - 左 60px padding_l_60 {padding-left: 30px;}
内边距 - 右 0px padding_r_0 {padding-right: 0;}
内边距 - 右 5px padding_r_5 {padding-right: 5px;}
内边距 - 右 10px padding_r_10 {padding-right: 10px;}
内边距 - 右 15px padding_r_15 {padding-right: 15px;}
内边距 - 右 20px padding_r_20 {padding-right: 20px;}
内边距 - 右 30px padding_r_30 {padding-right: 30px;}
内边距 - 右 80px padding_r_80 {padding-right: 80px;}
内边距 - 上 0px padding_t_0 {padding-top: 0;}
内边距 - 上 5px padding_t_5 {padding-top: 5px;}
内边距 - 上 10px padding_t_10 {padding-top: 10px;}
内边距 - 上 15px padding_t_15 {padding-top: 15px;}
内边距 - 上 20px padding_t_20 {padding-top: 20px;}
内边距 - 上 30px padding_t_30 {padding-top: 30px;}
内边距 - 下 0px padding_b_0 {padding-bottom: 0;}
内边距 - 下 5px padding_b_5 {padding-bottom: 5px;}
内边距 - 下 10px padding_b_10 {padding-bottom: 10px;}
内边距 - 下 15px padding_b_15 {padding-bottom: 15px;}
内边距 - 下 20px padding_b_20 {padding-bottom: 20px;}
内边距 - 下 30px padding_b_30 {padding-bottom: 30px;}
内边距 - 左右 0px padding_lr_0 {padding-left: 0;padding-right: 0;}
内边距 - 左右 5px padding_lr_5 {padding-left: 5px;padding-right: 5px;}
内边距 - 左右 10px padding_lr_10 {padding-left: 10px;padding-right: 10px;}
内边距 - 左右 15px padding_lr_15 {padding-left: 15px;padding-right: 15px;}
内边距 - 左右 20px padding_lr_20 {padding-left: 20px;padding-right: 20px;}
内边距 - 左右 50px padding_lr_10 {padding-left: 50px;padding-right: 50px;}
内边距 - 上下 0px padding_tb_0 {padding-top: 0;padding-bottom: 0;}
内边距 - 上下 5px padding_tb_5 {padding-top: 5px;padding-bottom: 5px;}
内边距 - 上下 10px padding_tb_10 {padding-left: 10px;padding-bottom: 10px;}
内边距 - 上下 15px padding_tb_15 {padding-left: 15px;padding-bottom: 15px;}
内边距 - 上下 20px padding_tb_20 {padding-left: 20px;padding-bottom: 20px;}
外边距 - 上右下左 0 margin_0 {margin: 0px;}
内边距 - 上右下左 5px margin_5 {margin: 5px;}
外边距 - 上右下左 10px margin_10 {margin: 10px;}
内边距 - 上右下左 15px margin_15 {margin: 15px;}
外边距 - 上右下左 20px margin_20 {margin: 20px;}
外边距 - 上右下左 30px margin_30 {margin: 30px;}
外边距 - 左 0px margin_l_0 {margin-left: 0;}
外边距 - 左 5px margin_l_5 {margin-left: 5px;}
外边距 - 左 10px margin_l_10 {margin-left: 10px;}
外边距 - 左 15px margin_l_15 {margin-left: 15px;}
外边距 - 左 20px margin_l_20 {margin-left: 20px;}
外边距 - 左 25px margin_l_25 {margin-left: 25px;}
外边距 - 左 30px margin_l_0 {margin-left: 30px;}
外边距 - 左 40px margin_l_40 {margin-left: 40px;}
外边距 - 左 50px margin_l_50 {margin-left: 50px;}
外边距 - 右 0px margin_r_0 {margin-right: 0;}
外边距 - 右 5px margin_r_5 {margin-right: 5px;}
外边距 - 右 10px margin_r_10 {margin-right: 10px;}
外边距 - 右 15px margin_r_15 {margin-right: 15px;}
外边距 - 右 20px margin_r_20 {margin-right: 20px;}
外边距 - 右 30px margin_r_30 {margin-right: 30px;}
外边距 - 右 40px margin_r_40 {margin-right: 40px;}
外边距 - 上 0px margin_t_0 {margin-top: 0;}
外边距 - 上 5px margin_t_5 {margin-top: 5px;}
外边距 - 上 10px margin_t_10 {margin-top: 10px;}
外边距 - 上 15px margin_t_15 {margin-top: 15px;}
外边距 - 上 20px margin_t_20 {margin-top: 20px;}
外边距 - 上 25px margin_t_25 {margin-top: 25px;}
外边距 - 上 30px margin_t_30 {margin-top: 30px;}
外边距 - 下 0px margin_b_0 {margin-bottom: 0;}
外边距 - 下 5px margin_b_5 {margin-bottom: 5px;}
外边距 - 下 10px margin_b_10 {margin-bottom: 10px;}
外边距 - 下 15px margin_b_115 {margin-bottom: 5px;}
外边距 - 下 20px margin_b_10 {margin-bottom: 20px;}
外边距 - 下 30px margin_b_30 {margin-bottom: 30px;}
外边距 - 左右 0 margin_lr_0 {margin-left: 0px;margin-right: 0px;}
外边距 - 左右 5px margin_lr_5 {margin-left: 5px;margin-right: 5px;}
外边距 - 左右 10px margin_lr_10 {margin-left: 10px;margin-right: 10px;}
外边距 - 左右 15px margin_lr_15 {margin-left: 15px;margin-right: 15px;}
外边距 - 左右 20px margin_lr_20 {margin-left: 20px;margin-right: 20px;}
外边距 - 左右 50px margin_lr_50 {margin-left: 50px;margin-right: 50px;}
外边距 - 上下 0 margin_tb_0 {margin-top: 0px;margin-right: 0px;}
外边距 - 上下 5px margin_tb_5 {margin-left: 5px;margin-right: 5px;}
外边距 - 上下 10px margin_tb_10 {margin-left: 10px;margin-right: 10px;}
外边距 - 上下 15px margin_tb_15 {margin-left: 15px;margin-right: 15px;}
外边距 - 上下 20px margin_tb_20 {margin-left: 20px;margin-right: 20px;}
外边距 - 上下 2px margin_tb_25 {margin-left: 25px;margin-right: 25px;}