body, html {
    font-family: sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    color: #262626;
}

/*svg不能选择，设置流程图上的文字不能选择*/
svg {
    user-select: none;
}

/*a标签下面的图标和文字间距*/
a > i {
    margin-right: 4px;
}

/*菜单滚动条*/
.ant-menu-dark::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background-color: #001529;
}

/*定义滚动条样式（高宽及背景）*/
.ant-menu-dark::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #414952;
}

.ant-menu-dark::-webkit-scrollbar-thumb:hover {
    background-color: #4f5863;
}

/*定义滑块样式*/
.ant-menu-dark::-webkit-scrollbar-track {
    border-radius: 2px;
}

/*菜单IE滚动条样式*/
.ant-menu-dark { /*三角箭头的颜色*/
    scrollbar-arrow-color: #545b63; /*滚动条滑块按钮的颜色*/
    scrollbar-face-color: #67707a; /*滚动条整体颜色*/
    scrollbar-highlight-color: #001529; /*滚动条阴影*/
    scrollbar-shadow-color: #001529; /*滚动条轨道颜色*/
    scrollbar-track-color: #001529;
}

/*Cascader级联选择 选择框高度*/
.ant-cascader-menu {
    height: 220px /*border-left: 1px solid #e8e8e8; border-right: 0;*/
}

/*tag标签文字大小*/
.ant-tag {
    font-size: inherit;
    padding: 0 7px 1px 7px;
    cursor: pointer;
}

/*tag标签里的图标*/
.ant-tag i {
    margin-right: 3px;
}

/*树图标*/
.ant-tree li span[draggable], .ant-tree li span[draggable='true'] {
    line-height: 24px;
}

/*消息层z-index*/
.ant-message {
    z-index: 10050
}

/*radio不能选择*/
.ant-radio-button-wrapper, .ant-radio-wrapper, .ant-checkbox-wrapper {
    user-select: none;
}

/*select控件宽度*/
.ant-select {
    width: 100%
}

.ant-select-dropdown-menu-item-group-title {
    font-size: 14px
}

.ant-popover {
    z-index: 1080
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: #fff;
}

/*定义滚动条样式（高宽及背景）*/
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #b9b9b9;
    box-shadow: inset 0 0 0px #cecece;
}

::-webkit-scrollbar-thumb:hover {
    background: #a3a3a3;
    box-shadow: inset 0 0 0px #b3b3b3;
}

/*定义滑块 样式*/
::-webkit-scrollbar-track {
    border-radius: 2px;
}

/*登录页面*/
.roadui_login {
    width: 100%;
    height: 100%;
    background-image: url(../1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.roadui_login_div {
    position: absolute;
    width: 100%;
    top: 25%;
}

.roadui_login_logo {
    margin: 0 auto 20px auto;
    text-align: center;
    font-size: 32px;
    letter-spacing: 5px;
    font-family: Broadway;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.roadui_login_title {
    margin: 0 auto 45px auto;
    text-align: center;
    font-size: 16px;
    letter-spacing: 3px;
}

/*.roadui_login_form {*/
/*    width: 280px;*/
/*    margin: auto;*/
/*}*/

/*首页样式设置*/
.roadui_home_styleimg, .roadui_home_styleimg_current {
    border-width: 1px;
    border-style: solid;
    padding: 2px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.roadui_home_styleimg:hover {
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/*主题颜色选择*/
.roadui_theme_colorspan {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    text-align: center;
    transition: color 0.3s;
}

.roadui_theme_colorspan_current {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.roadui_theme_colorspan i, .roadui_theme_colorspan_current i {
    vertical-align: 0;
    font-size: 12px;
}

/*首页菜单阴影*/
.roadui_menu { /*box-shadow: 3px 0 8px rgba(0,21,41,.35); */
}

/*logo*/
.roadui_logo {
    height: 50px;
    padding: 6px 0 0 0;
    margin: 0;
    text-align: center;
    color: #fff;
    overflow: hidden;
    letter-spacing: 2px;
    font-family: Broadway;
    font-size: 22px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/*首页header*/
.roadui_header {
    padding: 0;
    height: 50px;
    line-height: 50px;
}

/*首页切换菜单图标*/
.roadui_trigger {
    font-size: 22px;
    vertical-align: middle;
    padding: 0 15px;
    cursor: pointer;
    transition: color 0.3s;
}

/*首页刷新按钮*/
.roadui_header_refresh, .roadui_header_refresh1 {
    display: inline-block;
    transition: color 0.3s;
}

.roadui_header_refresh:hover, .roadui_header_refresh1:hover {
    cursor: pointer;
}

.roadui_header_refresh i, .roadui_header_refresh1 i {
    font-size: 20px;
    vertical-align: -5px;
}

/*首页头像*/
.roadui_header_img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 12px;
}

.roadui_header_span, roadui_header_span1 {
    transition: color 0.3s;
}

.roadui_header_span:hover, .roadui_header_span1:hover {
    cursor: pointer;
    transition: color 0.3s;
}

/*首页快捷菜单*/
.roadui_header_shortcutbutton, .roadui_header_shortcutbutton1 {
    margin-left: 30px;
    transition: color 0.3s;
}

.roadui_header_shortcutbutton:hover, .roadui_header_shortcutbutton1:hover {
    cursor: pointer;
    transition: color 0.3s;
}

.roadui_header_shortcutbutton span, .roadui_header_shortcutbutton1 span {
    vertical-align: 1px;
}

.roadui_header_shortcutbutton i, .roadui_header_shortcutbutton1 i {
    margin-right: 9px;
    font-size: 16px;
}

/*首页主要内容区域*/
.roadui_maincontent {
    margin: 5px 5px 5px 5px;
    border-radius: 4px;
    padding: 10px;
    background: #ffffff;
    overflow: auto;
}

/*首页统计*/
.roadui_home_count {
    padding: 0;
}

.roadui_home_countdiv {
    float: left;
    margin: 0 50px 20px 0;
    width: 160px;
    height: 62px;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(151, 151, 151, .35);
}

.roadui_home_countdiv:hover {
    cursor: pointer;
}

.roadui_home_counticon {
    float: left;
    color: #fff;
    width: 55px;
    height: 60px;
    line-height: 62px;
    text-align: center;
    border-radius: 4px 0 0 4px;
}

.roadui_home_counticon > i {
    font-size: 24px;
}

.roadui_home_counticon:hover {
    color: #fae902;
}

.roadui_home_countamount {
    float: left;
    padding: 5px 10px 0 18px;
}

.roadui_home_countamount_count {
    font-size: 22px;
    padding-left: 1px;
}

/*首页统计左边*/
.roadui_home_left {
    float: left;
    width: 57%;
}

.roadui_home_leftdiv {
    border-radius: 4px;
    padding: 10px 18px 10px 18px;
    box-shadow: 0 0 4px rgba(151, 151, 151, .15);
}

.roadui_home_right {
    float: right;
    width: 40%;
}

/*首页待办，文档列表*/
.roadui_home_tododiv {
    margin: 10px 0 8px 0;
    padding: 6px;
}

.roadui_home_tododiv:hover {
    cursor: pointer;
    background-color: #ebebeb;
    border-radius: 4px;
}

/*工具栏*/
.roadui_toolbar {
    line-height: 30px;
    border-style: solid;
    border-width: 0;
    padding: 4px 3px;
    text-align: left;
    /* border-radius: 10px; */
}

.roadui_toolbar > p > span {
    display: inline-block;
    width: 1px;
    height: 14px;
    margin: 0 8px;
    vertical-align: middle;
}

.roadui_toolbar > p > button {
    outline: none;
    padding: 0 8px;
    border: none;
    margin: 0 5px 0 5px;
    height: 30px;
}

.roadui_toolbar > p > button > i {
    font-size: 16px;
    margin-right: 6px;
    vertical-align: sub;
}

.roadui_toolbar > p > button:hover {
    border-radius: 4px;
}

.roadui_toolbar > p {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-weight: bold;

    /* color: #b3b3b3; */
}

/*对firefox有效*/
@-moz-document url-prefix() {
    .roadui_toolbar button i {
        margin-right: 4px;
        vertical-align: bottom
    }
}

/*显示详情table*/
.roadui_infotable {
    border: none;
    width: 100%;
    border-collapse: collapse;
}

.roadui_infotable > tr > th {
    font-weight: normal;
    padding-right: 5px;
}

.roadui_infotable > tr > td {
    padding: 10px 0 10px 5px;
    text-align: left;
    white-space: pre-line;
    word-break: break-all;
}

/*显示详情table有背景*/
.roadui_infotablebg {
    border: none;
    border-radius: 2px;
    width: 100%;
    border-collapse: separate;
}

.roadui_infotablebg > tr > th {
    font-family: inherit;
    font-weight: normal;
    padding: 12px 15px;
}

.roadui_infotablebg > tr > td {
    font-family: inherit;
    padding: 12px 0 12px 12px;
    text-align: left;
    white-space: pre-line;
    word-break: break-all;
}

/*图标库列表*/
.roadui_iconstextarea {
    opacity: 0;
    width: 1px;
    height: 1px;
}

.roadui_icontab {
    padding-top: 1px;
}

.roadui_iconlist {
    float: left;
    padding: 30px 10px 0 10px;
    margin-left: -1px;
    margin-top: -1px;
    word-break: break-all;
    width: 10%;
    height: 125px;
    text-align: center;
}

.roadui_iconlist_title {
    margin-top: 8px;
}

.roadui_iconlist div i {
    font-size: 36px;
}

.roadui_iconlist:hover {
    cursor: pointer;
}

/*图标选择*/
.roadui_selecticon {
    height: 350px;
    overflow: auto;
    padding: 0;
}

.roadui_selecticon_div {
    height: 290px;
    overflow: auto;
    margin: 0 auto;
    padding: 10px;
}

.roadui_selecticon_icon {
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    text-align: center;
    width: 12.5%;
    height: 52px;
    cursor: pointer;
    font-size: 32px;
}

/*颜色选择控件*/
.roadui_selectcolor {
    padding: 10px;
    overflow: auto;
    width: 335px;
}

.roadui_selectcolor_left {
    float: left;
    border-right: none;
    border-bottom: none;
}

.roadui_selectcolor_right {
    float: right;
    border-right: none;
    border-bottom: none;
}

.roadui_selectcolor_div {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/*拖拽排序*/
.roadui_draggable_item {
    height: 32px;
    line-height: 28px;
    padding-left: 12px;
    border-radius: 4px;
    margin-bottom: 10px;
    user-select: none;
}

.roadui_draggable_item i {
    margin-right: 6px;
}

/*兼任人员显示样式*/
.roadui_organize_parttime {
    margin-left: 5px;
}

/*流程设计*/
.roadui_transfer_left {
    user-select: none;
    float: left;
    overflow: auto;
    padding: 10px;
    border-radius: 4px;
    width: 260px;
    height: 468px;
}

/*流程发起页面*/
.roadui_flowstart_type {
    margin: 0;
}

.roadui_flowstart_flow {
    display: table;
    float: left;
    cursor: pointer;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-left-width: 8px;
    border-left-style: solid;
    box-shadow: 0 0 8px -3px #ccc;
    padding: 10px 12px;
    margin: 15px 15px 15px 0;
    min-height: 67px;
    width: 165px;
}

.roadui_flowstart_flow_div {
    display: table-cell;
    vertical-align: middle;
}

.roadui_flowstart_flow_div i {
    font-size: 18px;
    margin-right: 6px;
    vertical-align: text-bottom;
}

/*流程运行相关样式*/
/*签章样式*/
.roadui_flowrun_sign {
    display: inline;
    vertical-align: -2px;
    height: 32px;
    box-shadow: #fc3939 1px 1px inset;
    user-select: none;
    text-align: center;
    text-shadow: 0 -1px 0 #ff6867;
    border: 3px solid #ff0101;
    font-size: 18px;
    color: #ff0101;
    font-weight: 500;
    border-radius: 4px;
    padding: 1px 4px 1px 4px;
    letter-spacing: 2px;
}

.roadui_flowrun_signimg {
    display: inline;
    vertical-align: -10px;
    max-height: 32px;
    max-width: 80px;
}

/*步骤说明显示样式*/
.roadui_flowrun_stepnote {
    font-size: 18px;
    font-weight: bold;
    padding-left: 3px;
    margin: 15px 0 0 0;
}

/*表单table,不带from,主要用于form/plugins 弹出 */  
.roadui_formtable {
    border: 0;
}

.roadui_formtable tr th {
    padding: 13px 0;
    font-weight: normal;
    text-align: right;
}

.roadui_formtable tr td {
    padding: 13px 0;
}

/*表单table,带from*/
.roadui_formtableant {
    width: 100%;
}

.roadui_formtableant > tr > th {
    color: rgba(0, 0, 0, 0.85);
    padding-bottom: 24px;
    font-weight: normal;
    text-align: right;
}

/*表单必填星号*/
.roadui_star {
    color: red;
    font-weight: bold;
    margin-right: 2px;
}

/*表单运行时table样式*/
.roadui_formruntable {
    border-collapse: collapse;
    border: 0;
}

.roadui_formruntable > tbody > tr > td {
    border: 0;
    padding: 0;
}

.roadui_formruntable > tbody > tr > th {
    font-weight: normal;
    padding: 0;
}

.roadui_formruntable > thead > tr > td {
    border: 0;
    padding: 0;
}

.roadui_formruntable > tbody > tr > td pre {
    font-size: 14px;
}

.roadui_formruntable > tfoot > tr > td label {
    font-size: 14px;
    font-weight: normal;
}

/*上传文件样式*/
.roadui_uploadfile_list {
    display: inline-block;
    margin: 0;
    padding: 2px;
    width: 100px;
    height: 110px;
    overflow: hidden;
    box-shadow: 0 0 8px -3px #ccc;
    border-radius: 4px;
}

.roadui_uploadfile_file {
    height: 80px;
    padding: 5px;
    text-align: center;
}

.roadui_uploadfile_file:hover {
    cursor: pointer;
}

.roadui_uploadfile_size {
    background: rgba(0, 0, 0, 0.1);
    text-align: center;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    border-radius: 4px;
}

.roadui_uploadfile_fileimg {
    height: 100%;
    padding-top: 80px;
    border-radius: 4px;
}

.roadui_uploadfile_sizeimg {
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    border-radius: 4px;
}

/*流程表单意见时的附件列表*/
.roadui_filelist {
    margin: 15px 0 0 0;
}

/*流程表单附件列表*/
.roadui_filelist_link {
    margin: 0 12px 0 0;
    display: inline-block;
    word-break: break-all;
}

.roadui_filelist_linkbr {
    margin: 0;
}

/*表单只读时显示相关样式*/
.roadui_form_pre {
    font-family: inherit;
    white-space: pre-line;
}

.roadui_form_span {
    font-family: inherit;
}

/*显示文档样式*/
.roadui_showdoc_title {
    font-size: 20px;
    font-weight: bold;
    padding-top: 12px;
}

.roadui_showdoc_title1 {
    padding: 18px 0;
}

.roadui_showdoc_contents {
    padding: 24px;
    max-height: 550px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: auto;
}

.roadui_showdoc_files {
    padding: 12px 24px 0 24px;
    word-break: break-all;
    line-height: 25px;
}

/*日历设置*/
.roadui_workdate {
    float: left;
    margin: 30px 40px 0 0;
}

.roadui_workdatetable {
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
    border-radius: 4px;
}

.roadui_workdatetable tr td {
    user-select: none;
    text-align: center;
    width: 42px;
    height: 34px;
}

.roadui_workdatetable tr td:first-child {
    border-left: none 0;
}

.roadui_workdatetable tr:first-child td {
    border-top: none 0;
}

/*应用设计的程序相关样式*/
/*表格中显示图片*/
.roadui_tableimg {
    border-radius: 4px;
}

/*查询后面显示按钮样式*/
.roadui_program_querybutton {
    margin: 0 0 15px 0;
}

/*新行显示查询按钮样式*/
.roadui_program_rowbutton {
    text-align: center;
    margin: 10px 0 15px 0;
}

/*消息框样式*/
.roadui_notification {
    margin-top: 28px;
}

.roadui_notification:hover {
    cursor: pointer;
}

/*消息框样式*/
.roadui_notification_alert {
    margin-top: 28px;
    border-left: 2px solid hsl(10, 86%, 41%);

}

.roadui_notification_alert:hover {
    cursor: pointer;
}

/*移动端样式*/
.roadui_mobile_search_div {
    padding: 12px 8px 0 8px;
}

/*待办页面*/
.roadui_mobile_todo_div {
    border-radius: 4px;
    background-image: linear-gradient(45deg, #007adf 0%, #00ecbc 100%);
    /* background: linear-gradient(45deg, rgba(27,161,233,1), rgba(66,206,246,1)); */
    box-shadow: 0 -1px 10px rgba(168,168,168);
    margin: 20px 8px 0 8px;
    padding: 12px;
}

.roadui_mobile_todo_info {
    color: #f6fff6;
    font-size: 12px;
    margin-top: 6px;
}

/*文档中心*/
.roadui_mobile_doc {
    border-bottom: 1px solid #e8e8e8;
    padding: 15px 0 10px 0;
}

.roadui_mobile_doc_info {
    color: #999;
    font-size: 12px;
    margin-top: 6px;
}

.roadui_mobile_doc_info i {
    vertical-align: -1px;
    margin-right: 5px;
}

/*移动端子表只读时行数据下边框线*/
.roadui_mobile_tablelist {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px dashed #e8e8e8;
}

/*问卷调查*/
/*标题*/
.roadui_vote_title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/*标题下方信息*/
.roadui_vote_titleinfo {
    margin-top: 12px;
    text-align: center;
}

/*问卷div*/
.roadui_vote_div {
    max-height: 580px;
    overflow: auto;
}

/*选题div*/
.roadui_vote_subject_div {
    border-bottom: 1px dashed #e8e8e8;
    margin-top: 12px;
    padding-bottom: 5px;
}

/*选题标题*/
.roadui_vote_subject_title {
    font-size: 14px;
    padding: 5px 0;
}

/*选项*/
.roadui_vote_subject_option {
    margin: 8px 0;
}

/*底部按钮*/
.roadui_vote_button_div {
    padding: 12px 0 0 0;
    text-align: center;
}

/*查看结果用户输入的内容*/
.roadui_vote_result_user {
    margin-top: 12px;
    background: #f8f8f8;
    border-radius: 4px;
    padding: 0 8px 8px 8px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

/*查看选项用户*/
.roadui_vote_result_user1 {
    display: inline-block;
    margin: 8px 8px 0 0;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    background: #fff;
    padding: 1px 8px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

/*匿名*/
.roadui_vote_anonymous {
    font-weight: bold;
    color: #cc0000;
}

.