html,
body {
    height: 100%;
    background-size: cover;
}

button{
	cursor: pointer !important;
}

.winui-task-item,
.winui-tilebox-head,
.winui-desktop-item *,
.fs12 * {
    font-size: 12px;
}

.winui-scroll-y {
    overflow-x: hidden;
    height: 100%;
    width: 100%;
}

.winui-window-body {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.txtcenter {
    text-align: center;
}

.txtleft {
    text-align: left;
}

.tips {
    color: #ff6a00;
    margin-top: 50px;
}


/*任务栏模式*/

.taskbarInTop .winui-taskbar {
    top: 0;
}

.taskbarInBottom .winui-taskbar {
    bottom: 0;
}

.taskbarInTop .winui-start {
    top: 40px;
}

.taskbarInBottom .winui-start {
    bottom: 30px;
}

.taskbarInTop .winui-console {
    top: 40px;
    bottom: 0;
}

.taskbarInBottom .winui-console {
    top: 0;
    bottom: 30px;
}
/*按钮*/

.winui-btn {
    font-size: 12px;
    border-radius: 0;
    border: 1px solid #ADADAD;
    background-color: #E1E1E1;
    color: #000;
    height: 28px;
    line-height: 28px;
    padding: 0 30px;
    cursor: default;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    outline: none;
    transition: border-color .2s cubic-bezier(.65, .05, .35, .5);
    box-sizing: border-box;
}

    .winui-btn:hover {
        background-color: #E5F1FB;
        border: 1px solid #0078D7;
        color: #000;
    }

    .winui-btn + .winui-btn {
        margin-left: 8px;
    }


/*开关*/

.winui-switch .layui-form-switch {
    margin-top: 0;
    height: 20px;
    line-height: 22px;
    padding: 0 3px;
    /*background-color: #0063B1;*/
    /*border-color: #0063B1;*/
    cursor: default;
}

.layui-input-inline.winui-switch .layui-form-switch,
.layui-input-block.winui-switch .layui-form-switch {
    margin-top: 8px;
}

.winui-switch .layui-form-switch:hover {
    /*background-color: #4C91C8;
    border-color: #4C91C8;*/
}

.winui-switch .layui-form-switch:not(.layui-form-onswitch) {
    /*关闭状态*/
    border: 1px solid #000 !important;
    background-color: #fff !important;
}

.winui-switch .layui-form-switch em {
    right: 3px;
    color: #444 !important;
}

.winui-switch .layui-form-switch i {
    width: 12px;
    height: 12px;
    top: 4px;
    left: 4px;
    background-color: #444;
}

.winui-switch .layui-form-onswitch em {
    left: 1px;
    color: #fff !important;
}

.winui-switch .layui-form-onswitch i {
    left: 32px;
    background-color: #fff;
}


/*单选*/

.winui-radio .layui-form-radioed,
.winui-radio .layui-form-radio {
    cursor: default;
}

    .winui-radio .layui-form-radioed i,
    .winui-radio .layui-form-radio i:hover {
        /*color: #0063B1;*/
    }

.winui-tile {
    float: left;
    margin: 2px;
    text-align: center;
    position: relative;
    /*background: #0063B1;*/
    color: #fff;
}

    .winui-tile:hover {
        -moz-box-shadow: inset 0 0 0 2px #ddd;
        -webkit-box-shadow: inset 0 0 0 2px #ddd;
        box-shadow: inset 0 0 0 2px #ddd;
    }

    .winui-tile i {
        font-size: 32px;
    }

    .winui-tile img {
        max-height: 50px;
        max-width: 50px;
        margin-bottom: 10px;
    }

    .winui-tile p {
        cursor: default;
    }

    .winui-tile span {
        font-size: 12px;
        position: absolute;
        bottom: 5px;
        left: 10px;
        line-height: normal;
        cursor: default;
    }

.winui-tile-normal {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.winui-tile-long {
    width: 204px;
    height: 100px;
    line-height: 100px;
}


/*********************************************************************/


/*桌面*/

.winui-desktop {
    position: fixed;
    left: 0;
    right: 0;
    margin-top: 50px;
}

.taskbarInBottom .winui-desktop {
    top: 0;
    bottom: 30px;
}

.taskbarInTop .winui-desktop {
    top: 40px;
    bottom: 0;
}

.winui-desktop-item {
    width: 70px;
    height: 95px;
    padding-top: 5px;
    position: absolute;
    color: #fff;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.00);
    overflow: hidden;
    padding-bottom: 4px;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
}

.winui-desktop-item:hover {
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: rgba(239, 255, 236, 0.25);
}

.winui-desktop-item.winui-this {
    border: 1px solid rgba(221, 221, 221, .8);
    background-color: rgba(255, 255, 255, .3);
    overflow: visible;
}

.winui-desktop-item > .winui-icon {
    height: 50px;
    text-align: center;
    margin-bottom: 6px;
}

.winui-desktop-item > .winui-icon-font {
    line-height: 70px;
    width: 50px;
    margin-left: 9px;
    border-radius: 5px;
}

.winui-desktop-item > .winui-icon-img {
    line-height: 56px;
}

.winui-desktop-item > .winui-icon-img > img {
    max-width: 45px;
    max-height: 45px;
}

.winui-desktop-item > .winui-icon-font > i {
    font-size: 38px;
}

.winui-desktop-item > p {
    line-height: 16px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    /*字母数字换行*/
    word-wrap: break-word;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	text-shadow: 0px 0px 0px #fff, 0px 0px 2px #000, 0px 0px 4px #000;
}

/*********************************************************************/


/*任务栏*/

.winui-taskbar {
    width: 100vw;
    height: 30px;
    position: fixed;
    bottom: 0;
    z-index: 99980000;
}

.winui-taskbar > * {
    display: inline-block;
}


/*开始按钮*/

.winui-taskbar-start {
    width: 48px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    position: absolute;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
    cursor: pointer;
}

.winui-taskbar-start:hover {
    color: #1E91EA;
}


/*开始按钮选中*/

.winui-taskbar-start.winui-this {
    /*background: #004275;*/
}

.winui-taskbar-start i {
    font-size: 18px;
}


/*任务栏任务*/

.winui-taskbar-task {
    position: absolute;
    left: 1px;
    right: 200px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    overflow: hidden;
    width: calc(100% - 250px);
    height: 30px;
}

.winui-taskbar-task .winui-task-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    margin-right: 5px;
}

.winui-taskbar-task .winui-task-item:last-child {
    margin-right: 0;
}

.winui-taskbar-task .winui-task-item:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 41px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    pointer-events: none;
    border: none;
    border-radius: 0;
    border-bottom: 3px solid rgba(255, 255, 255, 0.5);
}

.winui-taskbar-task .winui-task-item.winui-this {
    /*任务Item选中样式*/
}

.winui-taskbar-task .winui-task-item.winui-this:hover {
    /*任务Item选中悬浮样式*/
    /*background-color: #195583;*/
}

.winui-taskbar-task-name{
	height: 30px;
	width: 60px;
	color: white;
    left: 48px;
    position: absolute;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color: red;
}

.winui-taskbar-task-name div{
    width: 17px;
    height: 17px;
    border: 2px solid red;
    border-radius: 17px;
    line-height: 17px;
    margin-top: 5px;
    margin-left: 5px;
}


/*任务栏时间*/
.winui-taskbar-time {
    width: 75px;
    height: 30px;
    cursor: default;
    padding-top: 3px;
    position: absolute;
    right: 85px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
}

.winui-taskbar-time p {
    line-height: 13px;
    text-align: center;
    color: white;
    font-size: 11px;
}


/*任务栏控制中心*/

.winui-taskbar-console {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 55px;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
}

.winui-taskbar-console.winui-this {
    background-color: rgba(255, 255, 255, 0.05);
}

.winui-taskbar-console i {
    font-size: 18px;
    color: #fff;
}


/*任务栏显示桌面按钮*/

.winui-taskbar-desktop {
    width: 4px;
    height: 40px;
    position: absolute;
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}


/*任务栏统一悬浮样式*/

.winui-taskbar-start:hover,
.winui-taskbar-task .winui-task-item:hover,
.winui-taskbar-time:hover,
.winui-taskbar-console:hover,
.winui-taskbar-desktop:hover {
    /*background: #194260;*/
}


/*任务项和菜单项右键菜单*/

.task-contextmenu,
.menu-contextmenu {
    width: 140px;
    padding: 8px 0;
    background: white;
    color: black;
    position: fixed;
    z-index: 201704011157;
    box-sizing: border-box;
    border-radius: 5px;
}

.task-contextmenu li,
.menu-contextmenu li {
    line-height: 30px;
    padding: 0 10px;
    font-size: 13px;
    cursor: default;
    padding-left: 38px;
    cursor: pointer;
}

.task-contextmenu li:hover,
.menu-contextmenu li:hover {
    background: #91C9F7;
}

.task-contextmenu li i,
.menu-contextmenu li i {
    font-size: 14px;
    margin-right: 10px;
    margin-left: -28px;
}

/*左面应用右键菜单*/
.app-contextmenu {
    width: 140px;
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #dcf0ff;
    z-index: 201704011157;
    box-sizing: border-box;
    background-color: white;
    position: fixed;
    -moz-box-shadow: 2px 2px 1px #353535;
    -webkit-box-shadow: 2px 2px 1px #353535;
    box-shadow: 2px 2px 1px #353535;
    display:none;
}

.app-contextmenu li {
    line-height: 30px;
    font-size: 12px;
    cursor: pointer;
    padding-left: 28px;
    padding-right: 10px;
    position: relative;
}

.app-contextmenu li:hover {
    background-color: #91C9F7;
}

.app-contextmenu li i {
    position: absolute;
    left: 5px;
    top: 3px;
    font-size: 14px;
    line-height: 24px;
}


/*开始菜单*/

.winui-start {
    position: fixed;
    /*background: #004275;*/
    width: 975px;
    height: 60vh;
    z-index: 201704011157;
}

.winui-start > * {
    float: left;
}

.winui-start.winui-start-size-sm {
    width: 640px;
}

.winui-start.winui-start-size-sm .winui-start-right {
    width: 320px;
}

.winui-start.winui-start-size-sm .winui-start-right .winui-nav-tile {
    width: 320px;
}

.winui-start.winui-start-size-xs {
    width: 308px;
}

.winui-start.winui-start-size-xs .winui-start-right {
    width: 0;
}
/*开始菜单滚动条样式*/

.winui-start .layui-side-scroll {
    width: 100%;
}

.winui-start .layui-side-scroll::-webkit-scrollbar {
    /*滚动条整体*/
    width: 12px;
}

.winui-start .layui-side-scroll::-webkit-scrollbar-thumb,
.winui-message .layui-side-scroll::-webkit-scrollbar-thumb {
    /*滚动条滑块背景色*/
  /*background-color: #47779C;*/
    background-color: rgba(255, 255, 255, 0.2);
}

.winui-start .layui-side-scroll::-webkit-scrollbar-thumb:vertical:hover,
.winui-message .layui-side-scroll::-webkit-scrollbar-thumb:vertical:hover {
    /*滚动条滑块悬浮背景色*/
/*background-color: #7599B5;*/
    background-color: rgba(255, 255, 255, 0.4);
}

.winui-start .layui-side-scroll::-webkit-scrollbar-thumb:vertical:active,
.winui-message .layui-side-scroll::-webkit-scrollbar-thumb:vertical:active {
    /*滚动条滑块按住背景色*/
/*background-color: #A3BBCD;*/
    background-color: rgba(255, 255, 255, 0.6);
}

.winui-start .layui-side-scroll::-webkit-scrollbar-track,
.winui-start .layui-side-scroll::-webkit-scrollbar-corner {
    /*滚动条轨道和边角*/
 /*background-color: #195583;*/
}

/*开始菜单——END——*/


/*开始菜单左边部分*/
.winui-start-left {
    width: 48px;
    height: 100%;
    position: absolute;
    zoom: 1;
    z-index: 50;
    background-color:rgba(0, 0, 0, 0.3);
    white-space: nowrap;
    overflow: hidden;
}

.winui-start-left .winui-start-item {
    width: 210px;
    height: 48px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.3s, top 0.3s, left 0.3s, border 0.3s, background-color 0.3s;
    white-space: nowrap;
    overflow: hidden;
}

.winui-start-left .winui-start-item:hover {
    /*background: #195583;*/
}

.winui-start-left .winui-start-item i {
    line-height: 48px;
    width: 48px;
    height: 48px;
    color: #fff;
    font-size: 18px;
    display: block;
    float: left;
}

.winui-start-left .winui-start-item span {
    float: left;
    line-height: 48px;
    color: white;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(1) {
    bottom: 0;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(2) {
    bottom: 48px;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(3) {
    bottom: 96px;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(4) {
    bottom: 144px;
}

.winui-start-left .winui-start-item.bottom:nth-last-child(5),
.winui-start-left .winui-start-item.bottom:nth-last-child(6),
.winui-start-left .winui-start-item.bottom:nth-last-child(7),
.winui-start-left .winui-start-item.bottom:nth-last-child(8) {
    display: none;
}

.leftbtnhovertext {
    background: #2b2b2b;
    padding: 5px 10px;
    z-index: 201704011158;
    position: fixed;
    color: #fff;
    font-size: 12px;
    border: 1px solid #696969;
}


/*开始菜单左边部分END*/


/*********************************************************************************************************/


/*开始菜单中间部分*/

.winui-start-center {
    width: 260px;
    height: 100%;
    position: relative;
    margin-left: 55px;
}

/*开始菜单中间导航样式*/
.winui-start-center .layui-nav-tree {
    /*导航DIV样式*/
    width: 248px;
    background-color: initial;
}

.winui-start-center .layui-nav-tree * {
    /*导航字体大小*/
    font-size: 12px;
}

.winui-start-center .layui-nav-tree a {
    /*导航下所有a表情鼠标样式改为默认*/
    cursor: default;
    line-height: 36px;
}

.winui-start-center .layui-nav-tree .layui-nav-itemed .layui-nav-child {
    /*展开的子项div背景*/
    background-color: initial !important;
}

.winui-start-center .layui-nav-tree .layui-nav-child dd.layui-this,
.winui-start-center .layui-nav-tree .layui-this,
.winui-start-center .layui-nav-tree .layui-this > a,
.winui-start-center .layui-nav-tree .layui-this > a:hover {
    /*导航选中背景*/
    background-color: initial;
}

.winui-start-center .layui-nav-tree .layui-nav-item {
    /*导航项li样式*/
    line-height: 35px;
}

.winui-start-center .layui-nav-tree .layui-nav-item a {
    /*导航项a样式*/
    height: 35px;
    color: #fff;
    padding: 0 17px;
}

.winui-start-center .layui-nav-tree .layui-nav-item a:hover,
.winui-start-center .layui-nav-tree .layui-nav-child dd.layui-this a:hover {
    /*导航项悬浮背景*/
    /*background-color: #195583;*/
}

.winui-start-center .layui-nav-tree .layui-nav-itemed > a {
    /*一级菜单展开背景*/
    background-color: initial !important;
}

.winui-start-center .layui-nav-tree .layui-nav-itemed > a:hover {
    /*一级菜单展开悬浮背景*/
  /*background-color: #195583 !important;*/
}

.winui-start-center .layui-nav-tree .layui-nav-child a {
    /*二级导航*/
    padding-left: 27px;
    line-height: 35px;
}

.winui-start-center .layui-nav-tree .layui-nav-child dd.layui-this a {
    /*二级导航选中样式*/
    background-color: inherit;
}

.winui-start-center .layui-nav-tree .layui-nav-more {
    border-color: #fff transparent transparent;
    top: 15px;
}

.winui-start-center .layui-nav-tree .layui-nav-itemed .layui-nav-more {
    border-color: transparent transparent #fff;
    top: 9px;
}


/*菜单图标*/

.winui-start-center .layui-nav-tree .winui-menu-icon {
    position: relative;
    top: 2px;
    float: left;
    height: 31px;
    width: 31px;
    /*background-color: #0063B1;*/
    text-align: center;
}

            .winui-start-center .layui-nav-tree .winui-menu-icon i {
                font-size: 18px;
            }

            .winui-start-center .layui-nav-tree .winui-menu-icon img {
                position: relative;
                top: 3px;
                width: 25px;
                height: 25px;
                vertical-align: initial;
            }

        .winui-start-center .layui-nav-tree .winui-menu-name {
            padding-left: 5px;
        }

        .winui-start-center .layui-nav-tree .layui-nav-bar {
            display: none;
        }
/*开始菜单中间部分*/
/***********************************************************************************************/
/*开始菜单右边部分*/
.winui-start-right {
    width: 652px;
    height: 100%;
    position: relative;
}

    .winui-start-right .layui-side-scroll {
        width: 100%;
    }

.winui-nav-tile {
    width: 640px;
    overflow-y: auto;
}


/*瓷贴盒子*/

.winui-tilebox {
    width: 308px;
    height: 450px;
    margin: 5px;
    overflow: hidden;
}

    .winui-tilebox:nth-child(2n+1) {
        float: left;
    }

    .winui-tilebox:nth-child(2n) {
        float: right;
    }


/*瓷贴盒子body*/

.winui-tilebox-body {
    margin: -2px;
    overflow-y: auto;
}

.winui-tilebox-head {
    height: 34px;
    margin-bottom: 2px;
    line-height: 34px;
    color: white;
}


/*控制中心*/

.winui-console {
    width: 398px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 40px;
    z-index: 201704011157;
}

    .winui-console h1:first-child {
        line-height: 50px;
        font-size: 15px;
        font-weight: 600;
        padding-left: 12px;
        color: #fff;
        cursor: default;
    }

    .winui-console .winui-message {
        position: absolute;
        top: 50px;
        bottom: 192px;
        padding-left: 12px;
        padding-right: 14px;
        width: 372px;
    }

        .winui-console .winui-message .layui-side-scroll {
            width: 100%;
        }

        .winui-console .winui-message .winui-message-item {
            color: #fff;
            padding: 10px 15px;
            background-color: rgba(255, 255, 255, 0.10);
            margin-bottom: 10px;
            width: 322px;
        }

            .winui-console .winui-message .winui-message-item:active {
                -moz-transform: scale(.98,.98);
                -webkit-transform: scale(.98,.98);
                -o-transform: scale(.98,.98);
            }

            .winui-console .winui-message .winui-message-item:last-child {
                margin-bottom: 0;
            }

            .winui-console .winui-message .winui-message-item h2 {
                font-size: 15px;
                font-weight: 600;
            }

            .winui-console .winui-message .winui-message-item .content {
                font-size: 14px;
                color: #ddd
            }

    .winui-console .winui-shortcut {
        position: absolute;
        bottom: 12px;
        padding-left: 12px;
        padding-right: 14px;
        overflow-y: hidden;
        height: 162px;
        -moz-transition: height .5s;
        -o-transition: height .5s;
        -webkit-transition: height .5s;
        transition: height .5s;
    }

        .winui-console .winui-shortcut.extend {
            height: 300px;
        }

        .winui-console .winui-shortcut > h2 > .extend-switch {
            font-size: 12px;
            cursor: default;
            color: #ddd;
        }

            .winui-console .winui-shortcut > h2 > .extend-switch:hover {
                color: #fff;
            }

        .winui-console .winui-shortcut .winui-shortcut-item {
            color: #fff;
            height: 65px;
            width: 90px;
            display: inline-block;
            margin-top: 4px;
            padding: 4px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            font-size: 20px;
            border: 2px solid rgba(0, 0, 0, 0.00);
        }

            .winui-console .winui-shortcut .winui-shortcut-item:hover {
                border: 2px solid rgba(255, 255, 255, 0.4);
            }

            .winui-console .winui-shortcut .winui-shortcut-item span {
                position: absolute;
                left: 4px;
                bottom: 4px;
                font-size: 12px;
            }
/********************************************************************************/
/*window窗口样式*/
.winui-window {
    overflow: hidden;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.winui-window .layui-layer-title {
    /*background-color: #0063B1;*/
    border-radius: 0;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #fff;
    cursor: move;
    border-bottom: none;
}

.winui-window .layui-layer-setwin {
    /*最大最小关闭按钮DIV*/
    top: 0;
    right: 0;
    line-height: 34px;
}

.winui-window .layui-layer-setwin a {
    height: 34px;
    width: 48px;
    margin: 0;
}

.winui-window .layui-layer-setwin a:hover {
    /*background-color: #0078D7;*/
    background-color: rgba(255, 255, 255, 0.15);
}

.winui-window .layui-layer-setwin .layui-layer-close:hover {
    background-color: #E81123;
    opacity: 1;
}

.winui-window .layui-layer-setwin .layui-layer-min{
	cursor: pointer;
}

.winui-window .layui-layer-setwin .layui-layer-min cite {
    /*最小化按钮*/
    background-color: #fff;
    left: 17px;
    cursor: default;
}

.winui-window .layui-layer-setwin .layui-layer-min:hover cite {
    background-color: #fff;
}

.winui-window .layui-layer-ico {
    background: none;
    position: relative;
    cursor: pointer;
}

.winui-window .layui-layer-ico i {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 16px;
    color: #fff;
}

/*************************************************************************************/


/*窗口通用布局*/


/*winui-tab*/

.winui-tab {
    position: relative;
    overflow: auto;
}
.winui-tab .winui-tab-left {
    position: absolute;
    width: 18%;
    height: 100%;
    font-size: 15px;
    float: left;
    border-right: 1px solid #ddd;
    margin-left: -1px;    
    background: #f9f9f9;
    color: #666;
}

.winui-tab .winui-tab-left .winui-tab-title {
    padding: 0 10px;
    color: #666666;
    font-weight: 800;
    font-size: 28px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 2px;
}

.winui-tab .winui-tab-left .winui-tab-nav li {
    line-height: 40px;
    padding: 0 15px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 15px;
    color: #666;
}

.winui-tab .winui-tab-left .winui-tab-nav li:hover {
    background-color: #E6E6E6;
}

.winui-tab .winui-tab-left .winui-tab-nav li.winui-this {
    padding-left: 10px;
    border-left: 5px solid;
    /*border-color:#0063B1;*/
  /*color: #0063B1;*/
}

.winui-tab .winui-tab-left .winui-tab-nav li > i {
    margin-right: 10px;
}

.winui-tab .winui-tab-right {
    position: absolute;
    float: left;
    right: 0;
    height: 100%;
    font-size: 15px;
    width: 82%;
}

.winui-tab .winui-tab-right .winui-tab-content {
    padding: 10px;
}

.winui-tab-item.winui-this {
    display: block;
}

.winui-tab-item {
    display: none;
}


/*工具条*/

.winui-toolbar {
    padding: 5px;
    background-color: #F5F6F7;
}

    .winui-toolbar * {
        font-size: 13px;
    }

.winui-toolbtn {
    padding: 8px 10px;
    border: none;
    background-color: transparent;
    border: 1px solid transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .winui-toolbtn i {
        padding-right: 5px;
        color: #0063B1;
    }

    .winui-toolbtn:hover {
        background-color: #E8EFF7;
        border: 1px solid #A4CEF9;
    }


/*窗口通用布局END*/


/*************************************************************************************/


/** 滚动条 **/

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button:vertical {
    display: none;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
    background-color: #e2e2e2;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0, 0, 0, .3);
}

    ::-webkit-scrollbar-thumb:vertical:hover {
        background-color: rgba(0, 0, 0, .35);
    }

    ::-webkit-scrollbar-thumb:vertical:active {
        background-color: rgba(0, 0, 0, .38);
    }


/*layer皮肤*/

body .layer-ext-winconfirm {
    min-width: 360px;
    border-radius: 0;
}

    body .layer-ext-winconfirm .layui-layer-title {
        /*background-color: #0063B1;*/
        border-radius: 0;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        color: #fff;
        cursor: default !important;
        border-bottom: none;
        padding-left: 10px;
    }

    body .layer-ext-winconfirm .layui-layer-setwin {
        line-height: 28px;
        top: 0;
        right: 0;
    }

        body .layer-ext-winconfirm .layui-layer-setwin .layui-layer-ico {
            background: none;
            position: relative;
        }

            body .layer-ext-winconfirm .layui-layer-setwin .layui-layer-ico i {
                position: absolute;
                width: 16px;
                height: 16px;
                top: 1px;
                left: 8px;
                color: #fff;
            }

        body .layer-ext-winconfirm .layui-layer-setwin .layui-layer-close:hover {
            background-color: #E81123;
            opacity: 1;
        }

        body .layer-ext-winconfirm .layui-layer-setwin a {
            height: 28px;
            width: 32px;
            margin: 0;
            cursor: default;
        }

    body .layer-ext-winconfirm .layui-layer-btn {
        padding-right: 8px;
        padding-bottom: 10px;
    }

        body .layer-ext-winconfirm .layui-layer-btn > a {
            font-size: 12px;
            border-radius: 0;
            border: 1px solid #ADADAD;
            background-color: #E1E1E1;
            color: #000;
            height: 28px;
            line-height: 28px;
            padding: 0 30px;
            cursor: default;
            white-space: nowrap;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            outline: none;
            transition: border-color .2s cubic-bezier(.65, .05, .35, .5);
            box-sizing: border-box;
        }

            body .layer-ext-winconfirm .layui-layer-btn > a:first-child {
                border: 1px solid #0078D7;
            }

            body .layer-ext-winconfirm .layui-layer-btn > a:hover {
                background-color: #E5F1FB;
                border: 1px solid #0078D7;
                color: #000;
            }

    body .layer-ext-winconfirm .layui-layer-content {
        min-height: 50px;
    }


/****************************************颜色*********************************************/

:root {
    --taskbar-color: #002D4F;
    --start-color: #004275;
    --navhover-color: #195583;
    --tile-color: #0063B1;
    --taskbar-btnhover-color: #194260;
    --start-btn-color: #1E91EA;
}

/* 第一排 */
.winui-color11 {
    --taskbar-color: #805E00;
    --start-color: #BA8900;
    --navhover-color: #C19519;
    --tile-color: #FFB900;
    --taskbar-btnhover-color: #8C6E19;
    --start-btn-color: #FFD35C;
}

.winui-color12 {
    --taskbar-color: #733F00;
    --start-color: #B36200;
    --navhover-color: #BA7119;
    --tile-color: #FF8C00;
    --taskbar-btnhover-color: #815219;
    --start-btn-color: #FFAF4C;
}

.winui-color13 {
    --taskbar-color: #9C311A;
    --start-color: #D04122;
    --navhover-color: #D55438;
    --tile-color: #F7630C;
    --taskbar-btnhover-color: #A64530;
    --start-btn-color: #F86342;
}

.winui-color14 {
    --taskbar-color: #722D09;
    --start-color: #953B0C;
    --navhover-color: #9F4E24;
    --tile-color: #CA5010;
    --taskbar-btnhover-color: #804221;
    --start-btn-color: #E86F2E;
}

.winui-color15 {
    --taskbar-color: #661C01;
    --start-color: #9C2B02;
    --navhover-color: #A6401B;
    --tile-color: #DA3B01;
    --taskbar-btnhover-color: #75321A;
    --start-btn-color: #E76B3E;
}

.winui-color16 {
    --taskbar-color: #662C22;
    --start-color: #9E4434;
    --navhover-color: #A85648;
    --tile-color: #EF6950;
    --taskbar-btnhover-color: #754138;
    --start-btn-color: #FA9482;
}

.winui-color17 {
    --taskbar-color: #751D1F;
    --start-color: #992629;
    --navhover-color: #A33B3E;
    --tile-color: #D13438;
    --taskbar-btnhover-color: #833335;
    --start-btn-color: #FF6469;
}

.winui-color18 {
    --taskbar-color: #801212;
    --start-color: #B82A2A;
    --navhover-color: #BF3F3F;
    --tile-color: #FF4343;
    --taskbar-btnhover-color: #8C2929;
    --start-btn-color: #FF8383;
}


/* 第二排 */

.winui-color21 {
    --taskbar-color: #6E1018;
    --start-color: #9E212C;
    --navhover-color: #A83741;
    --tile-color: #E74856;
    --taskbar-btnhover-color: #7D2830;
    --start-btn-color: #F7838D;
}

.winui-color22 {
    --taskbar-color: #6E0009;
    --start-color: #99000D;
    --navhover-color: #A31925;
    --tile-color: #E81123;
    --taskbar-btnhover-color: #7D1A22;
    --start-btn-color: #F05965;
}

.winui-color23 {
    --taskbar-color: #880037;
    --start-color: #AC0046;
    --navhover-color: #B41958;
    --tile-color: #EA005E;
    --taskbar-btnhover-color: #941A4B;
    --start-btn-color: #F75294;
}

.winui-color24 {
    --taskbar-color: #69002C;
    --start-color: #8C003A;
    --navhover-color: #97194D;
    --tile-color: #C30052;
    --taskbar-btnhover-color: #781A42;
    --start-btn-color: #F74A92;
}

.winui-color25 {
    --taskbar-color: #700045;
    --start-color: #A30065;
    --navhover-color: #AC1974;
    --tile-color: #E3008C;
    --taskbar-btnhover-color: #7F1A58;
    --start-btn-color: #F75CBC;
}

.winui-color26 {
    --taskbar-color: #66003F;
    --start-color: #8A0055;
    --navhover-color: #951966;
    --tile-color: #BF0077;
    --taskbar-btnhover-color: #761A53;
    --start-btn-color: #C84898;
}

.winui-color27 {
    --taskbar-color: #631D5B;
    --start-color: #8C2981;
    --navhover-color: #973E8D;
    --tile-color: #C239B3;
    --taskbar-btnhover-color: #6D3166;
    --start-btn-color: #CF62C3;
}

.winui-color28 {
    --taskbar-color: #500047;
    --start-color: #700063;
    --navhover-color: #7E1972;
    --tile-color: #9A0089;
    --taskbar-btnhover-color: #5D1955;
    --start-btn-color: #CB3DBB;
}


/* 第三排 */

.winui-color31 {
    --taskbar-color: #004275;
    --start-color: #005A9E;
    --navhover-color: #196AA8;
    --tile-color: #0078D7;
    --taskbar-btnhover-color: #195583;
    --start-btn-color: #429CE3;
}

.winui-color32 {
    --taskbar-color: #002D4F;
    --start-color: #004275;
    --navhover-color: #195583;
    --tile-color: #0063B1;
    --taskbar-btnhover-color: #194260;
    --start-btn-color: #1E91EA;
}

.winui-color33 {
    --taskbar-color: #565582;
    --start-color: #6F6DA8;
    --navhover-color: #7D7BB1;
    --tile-color: #8E8CD8;
    --taskbar-btnhover-color: #67668E;
    --start-btn-color: #ABA9E8;
}

.winui-color34 {
    --taskbar-color: #2D2B61;
    --start-color: #4F4D9E;
    --navhover-color: #605EA8;
    --tile-color: #6B69D6;
    --taskbar-btnhover-color: #424070;
    --start-btn-color: #8987E4;
}

.winui-color35 {
    --taskbar-color: #3C2759;
    --start-color: #5B3E83;
    --navhover-color: #6B518F;
    --tile-color: #8764B8;
    --taskbar-btnhover-color: #4F3C69;
    --start-btn-color: #A882DD;
}

.winui-color36 {
    --taskbar-color: #372254;
    --start-color: #4E3078;
    --navhover-color: #5F4485;
    --tile-color: #744DA9;
    --taskbar-btnhover-color: #4B3865;
    --start-btn-color: #8F6BC0;
}

.winui-color37 {
    --taskbar-color: #512059;
    --start-color: #7D3189;
    --navhover-color: #8A4595;
    --tile-color: #B146C2;
    --taskbar-btnhover-color: #623669;
    --start-btn-color: #CC7BD9;
}

.winui-color38 {
    --taskbar-color: #470C4F;
    --start-color: #62116E;
    --navhover-color: #71287C;
    --tile-color: #881798;
    --taskbar-btnhover-color: #592460;
    --start-btn-color: #D157E2;
}


/* 第四排 */

.winui-color41 {
    --taskbar-color: #004B5C;
    --start-color: #006B83;
    --navhover-color: #197A8F;
    --tile-color: #0099BC;
    --taskbar-btnhover-color: #195D6C;
    --start-btn-color: #48D2F2;
}

.winui-color42 {
    --taskbar-color: #0E4357;
    --start-color: #215D73;
    --navhover-color: #376D81;
    --tile-color: #2D7D9A;
    --taskbar-btnhover-color: #265567;
    --start-btn-color: #4DACCF;
}

.winui-color43 {
    --taskbar-color: #004A4F;
    --start-color: #007C85;
    --navhover-color: #198991;
    --tile-color: #00B7C3;
    --taskbar-btnhover-color: #195C60;
    --start-btn-color: #5CDCE6;
}

.winui-color44 {
    --taskbar-color: #00393B;
    --start-color: #005659;
    --navhover-color: #196769;
    --tile-color: #038387;
    --taskbar-btnhover-color: #194C4E;
    --start-btn-color: #37A9AD;
}

.winui-color45 {
    --taskbar-color: #004A3E;
    --start-color: #00826C;
    --navhover-color: #198E7A;
    --tile-color: #00B294;
    --taskbar-btnhover-color: #195C51;
    --start-btn-color: #32E3C5;
}

.winui-color46 {
    --taskbar-color: #004037;
    --start-color: #005E52;
    --navhover-color: #196E63;
    --tile-color: #018574;
    --taskbar-btnhover-color: #19534B;
    --start-btn-color: #00B39B;
}

.winui-color47 {
    --taskbar-color: #00522A;
    --start-color: #008746;
    --navhover-color: #199358;
    --tile-color: #00CC6A;
    --taskbar-btnhover-color: #19633F;
    --start-btn-color: #68E3A8;
}

.winui-color48 {
    --taskbar-color: #08421E;
    --start-color: #0B5C2A;
    --navhover-color: #236C3F;
    --tile-color: #10893E;
    --taskbar-btnhover-color: #205534;
    --start-btn-color: #3DAD68;
}


/* 第五排 */

.winui-color51 {
    --taskbar-color: #393636;
    --start-color: #5F5B5A;
    --navhover-color: #6F6B6A;
    --tile-color: #7A7574;
    --taskbar-btnhover-color: #4C4A4A;
    --start-btn-color: #A7A09F;
}

.winui-color52 {
    --taskbar-color: #2B2A29;
    --start-color: #3E3C3B;
    --navhover-color: #514F4E;
    --tile-color: #5D5A58;
    --taskbar-btnhover-color: #403F3E;
    --start-btn-color: #878380;
}

.winui-color53 {
    --taskbar-color: #37404F;
    --start-color: #4F5C6E;
    --navhover-color: #606C7C;
    --tile-color: #68768A;
    --taskbar-btnhover-color: #4B5360;
    --start-btn-color: #7F90A8;
}

.winui-color54 {
    --taskbar-color: #262F3B;
    --start-color: #3B4452;
    --navhover-color: #4E5663;
    --tile-color: #515C6B;
    --taskbar-btnhover-color: #3B434E;
    --start-btn-color: #6E7D91;
}

.winui-color55 {
    --taskbar-color: #293A36;
    --start-color: #3A544E;
    --navhover-color: #4D655F;
    --tile-color: #567C73;
    --taskbar-btnhover-color: #3E4D4A;
    --start-btn-color: #76A297;
}

.winui-color56 {
    --taskbar-color: #23332F;
    --start-color: #334A44;
    --navhover-color: #475C56;
    --tile-color: #486860;
    --taskbar-btnhover-color: #394743;
    --start-btn-color: #688F85;
}

.winui-color57 {
    --taskbar-color: #244001;
    --start-color: #355E03;
    --navhover-color: #496E1C;
    --tile-color: #498205;
    --taskbar-btnhover-color: #39531A;
    --start-btn-color: #79AB3C;
}

.winui-color58 {
    --taskbar-color: #094209;
    --start-color: #0C5C0C;
    --navhover-color: #246C24;
    --tile-color: #107C10;
    --taskbar-btnhover-color: #215521;
    --start-btn-color: #3D9C3D;
}

.winui-color59 {
    --taskbar-color: RGB(7, 16, 24);
    --start-color: RGB(16, 35, 33);
    --navhover-color: RGB(39, 54, 31);
    --tile-color: RGB(191, 211, 180);
    --taskbar-btnhover-color: RGB(56, 77, 45);
    --start-btn-color: RGB(63, 86, 50);
}


/* 第六排 */


/*任务栏颜色*/

.winui-taskbar {
    background: rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.15);
}


/*开始菜单*/
.winui-start,
/*控制中心*/
.winui-console,
/*开始按钮选中*/
.winui-taskbar-start.winui-this{
	background-color: var(--start-color) !important;
}
/*任务项选中*/
.winui-taskbar-task .winui-task-item.winui-this{
	background: rgba(255,255,255,0.3);
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0));
}

/*任务项选中悬浮*/
.winui-taskbar-task .winui-task-item.winui-this:hover{
	background: rgba(255,255,255,0.3);
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0));
}

/*滚动条轨道和边角*/
.winui-start .layui-side-scroll::-webkit-scrollbar-track,
.winui-start .layui-side-scroll::-webkit-scrollbar-corner,
.winui-message .layui-side-scroll::-webkit-scrollbar-track,
.winui-message .layui-side-scroll::-webkit-scrollbar-corner,
/*导航项悬浮*/
.winui-start-center .layui-nav-tree .layui-nav-item a:hover,
.winui-start-center .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
/*一级菜单展开悬浮*/
.winui-start-center .layui-nav-tree .layui-nav-itemed > a:hover,
/*开始菜单左边按钮悬浮*/
.winui-start-left .winui-start-item:hover {
    background-color: var(--navhover-color) !important;
}


/*磁贴*/
.winui-tile,
/*开关*/
.winui-switch .layui-form-switch,
/*菜单图标*/
.winui-start-center .layui-nav-tree .winui-menu-icon,
/*控制中心快捷菜单*/
.winui-console .winui-shortcut .winui-shortcut-item,
.winui-window .layui-layer-title,
body .layer-ext-winconfirm .layui-layer-title {
    background-color: var(--tile-color) !important;
}

.winui-switch .layui-form-switch {
    border-color: var(--tile-color) !important;
}

.winui-tab .winui-tab-left .winui-tab-nav li.winui-this {
    border-color: var(--tile-color) !important;
}

.winui-radio .layui-form-radioed i,
.winui-radio .layui-form-radio i:hover,
.winui-tab .winui-tab-left .winui-tab-nav li.winui-this,
.winui-tab .winui-tab-left .winui-tab-nav li.winui-this i,
.winui-toolbtn i {
    color: var(--tile-color) !important;
}


/*任务栏统一悬浮样式*/

.winui-taskbar-start:hover,
.winui-taskbar-time:hover,
.winui-taskbar-console:hover,
.winui-taskbar-desktop:hover {
    background-color: var(--taskbar-btnhover-color) !important;
}

.winui-taskbar-task .winui-task-item:hover{
	background: rgba(255,255,255,0.3);
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0));
}

/*开始按钮图标*/
.winui-taskbar-start:hover {
    color: var(--start-btn-color) !important;
}

/*表格复选框*/
.layui-form-checked[lay-skin="primary"] i {
    border-color: var(--tile-color) !important;
    background-color: var(--tile-color) !important;
}

.layui-form-checkbox[lay-skin="primary"]:hover i {
    border-color: var(--tile-color) !important;
}
/*分页*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--start-btn-color) !important;
}

.layui-laypage a:hover {
    color: var(--start-btn-color) !important;
}
/****************************************颜色END*********************************************/


/*****************************************动画***********************************************/

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-name: slideInRight;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-name: slideOutRight;
}

@keyframes minisize0 {
    from {
        opacity: 1;
    }

    to {
        top: 80vh;
        left: 10vw;
        width: 10vw;
        height: 10vh;
        opacity: 0;
    }
}

.anim-minisize0 {
    -moz-animation: .3s minisize0;
    -o-animation: .3s minisize0;
    -webkit-animation: .3s minisize0;
    animation: .3s minisize0;
}
/****************************************动画END*********************************************/


/*******************************************自定义样式start********************************************/

.photo-img{
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/***非表格分页加载插件start***/
.row-model{
	margin-left: 0px;
	margin-right: 0px;
}

.pageInput{
	height: 26px !important;
    width: 40px !important;
    border: 1px solid gainsboro;
    border-radius: 3px;
    text-align: center;
}

.pagination a, .pagination span {
    padding: 0px;
    height: 40px;
    line-height: 38px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 5px !important;
    font-weight: 700;
    display: inline-block;
}

.pagination>li>a, .pagination>li>span{
	padding: 10px 12px;
}

.pageBtn{
	padding: 0px !important;
}
/***非表格分页加载插件end***/

/***图片上传样式start***/
.fileUploadContent .box{
    border: solid thin #DDDDDD;
    min-height: 200px;
    min-width: 200px;
    margin-top: 10px;
}

.fileUploadContent .fileItem{
    border: solid thin #DDDDDD;
    width: 150px;
    height: 215px;
    display: inline-block;
    margin: 10px;
    text-align: center;
    border-radius: 5px;
    vertical-align:top;
}

.fileUploadContent .fileItem .imgShow{
    width: 140px;
    height: 140px;
    margin: 5px auto;
    text-align: center;
}

.fileUploadContent .fileItem .imgShow i{
    font-size: 120px;
    position: relative;
    top:-30px;
    z-index: 2;
}

.fileUploadContent .fileItem .imgShow img{
    width: 100%;
    height: 100%;
}

.fileUploadContent .fileItem .imgShow .fileType{
    color: #FFFFFF;
    font-size: 20px;;
    position: relative;
    top:81px;
    z-index: 3;
    left: -18px;
}

.fileUploadContent .fileItem .progress{
    height: 10px;
    width: 100%;
}

.fileUploadContent .fileItem .progress>.progress_inner{
    background-color: #0099FF;
    width: 0%;
    height: 10px;
    border-radius: 10px;
}

.fileUploadContent .fileItem .progress .error{
    background-color: red;
}

.fileUploadContent .fileItem .status{
    font-size: 15px;
    text-align: center;
}

.fileUploadContent .fileItem .status i{
    display: block;
    float: left;
    padding: 2px 5px;
    color: red;
    margin-left: 3px;
    border-radius: 5px;;
    font-size: 15px;
    cursor: pointer;
}

.fileUploadContent .fileItem .fileName{
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    clear: both;
    padding: 2px 2px;
}

.fileUploadContent .uploadBts {
    text-align: left;
    height: 40px
}

.fileUploadContent .uploadBts>div{
    float: left;
    margin-right: 15px;
}

.fileUploadContent .uploadBts>div .selectFileBt{
    border: none;
    background-color: #0099FF;
    color: #FFFFFF;
    padding: 10px;
    font-size: 15px;
    border-radius: 5px;
    cursor: pointer;
}

.fileUploadContent .uploadBts>div .selectFileBt:hover{
    color: #DDDDDD;
}

.fileUploadContent .uploadBts>div i{
    font-size: 35px;
    color: #0099FF;
    cursor: pointer;

}

.fileUploadContent .subberProgress{
    padding: 5px;
    display: none;
}

.fileUploadContent .subberProgress .progress{
    border:solid thin #0099FF;
    height: 20px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.fileUploadContent .subberProgress .progress>div{
    background-color: #0099FF;
    width: 0%;
    height: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    text-align: center;
    color: #FFFFFF;
    transition: width 0.5s;
    -moz-transition: width 0.5s;	/* Firefox 4 */
    -webkit-transition: width 0.5s;	/* Safari 和 Chrome */
    -o-transition: width 0.5s;	/* Opera */
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
}
/***图片上传样式end***/

/***系统icon样式start***/

.item{
	padding-top: 10px;
	height: 140px;
}

.icon-item{
	text-align: center;
}

.icon-item>i{
    height: 60px;
    width: 60px;
    font-size: 50px;
}

.icon-class{
	height: 30px;
}

.icon-item>span{
}

.icon-item>div{
	text-align: center;
	margin-top: 10px;
}

/***系统icon样式end***/

/***系统桌面背景图片样式start***/

.pic-item{
	border: 1px solid #ddd;
    width: 140px;
    height: 115px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.pic-item:HOVER{
	border: 1px solid #63acff;
}

.pic-item-div-top{
	text-align: center;
	width: 120px;
    height: 70px;
    margin: 10px;
    text-align: center;
    overflow: hidden;
}

.win-bg-pic{
    max-width: 100%;
    height: 100%;
}

.pic-item-div>div{
	text-align: center;
}

/***系统桌面背景图片样式end***/


/***common start***/
.noMation{
	text-align: center;
}

.red{
    color: #fb5553;
}

.yl{
	margin-top: 8px;
    margin-left: 8px;
}
/***common end***/

/***showmode start***/

.pagination{
	width: 100%;
}

.ali{
	float: left;
    width: 35px;
    height: 35px;
}

.ali>.geraltTb_{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
}

.ali>.pageBtn{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
    font-size: 12px;
    color: grey;
}

.ali>.geraltTb_pager{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
}

.ali>.page_btn{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
    color: black;
}

.ali>.page_btn_dis{
	padding: 0px !important;
	height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #d2d2d2;
}

.pageBtn{
	width: 300px !important;
}

#skippage{
    height: 26px !important;
    line-height: 26px !important;
    border: 1px solid gainsboro;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    font-weight: 100;
}

#showFormshowFoot{
	margin-top: 20px;
}

.pagec>ul{
	text-align: center;
	margin-top: 20px;
}

/***showmode end***/

/*** 上传 start ***/
.upload,.upload li {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.upload {
	border: 1px solid #d7d7d7;
	padding: 2px 2px 2px 2px;
	zoom: 1;
	position: relative;
	width: 100%;
	background-color: #fff
}

.upload:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.upload .item {
    width: 60px;
    height: 60px;
	float: left;
	margin: 0 5px 0px 0;
	background: #f8f8f8;
	position: relative;
	border-radius: 4px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #d7d7d7;
	overflow: hidden
}

.upload .item .filename {
	font-size: 12px;
	width: 90%;
	left: 5%;
	position: absolute;
	top: 70%;
	line-height: 1.3em;
	height: 2.6em;
	overflow: hidden;
	text-align: center
}

.upload .item.error {
	border-color: #f20
}

.upload .item.error::after {
	content: "";
	background: rgba(255,255,255,.8);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	display: block;
	line-height: 100%;
	text-align: center
}

.upload .item.error::before {
	content: attr(data-error);
	position: absolute;
	padding: 10px;
	z-index: 10;
	display: block;
	font-size: 12px;
	color: #f20;
	top: 0
}

.upload .item svg.icon {
	position: absolute;
	height: 40%;
	top: 20%;
	left: 0;
	width: 100%
}

.upload .item svg.progress {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50%
}

.upload .item .progressnum {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 50%;
	margin-top: -20px;
	background: rgba(17,89,164,.5)
}

.upload .item.add svg {
	top: 30%
}

.upload .item.success::after {
	position: absolute;
	background: rgba(0,0,0,.6);
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	transition: all .3s
}

.upload .item.success:hover::after {
	opacity: 1
}

.upload .item.success svg.delete,.upload .item.success svg.look {
	position: absolute;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	color: #fff;
	z-index: 10;
	transition: all .3s;
	cursor: pointer
}

.upload .item.success svg.delete {
	margin-left: -35px;
	height: 26px;
	margin-top: -14px;
	left: -30px
}

.upload .item.success svg.look {
	margin-left: 10px;
	left: 105%
}

.upload .item.success:hover svg.delete {
	margin-left: -35px;
	left: 50%;
	height: 26px;
	margin-top: -14px;
	transition: all .3s
}

.upload .item.success:hover svg.look {
	margin-left: 10px;
	left: 50%;
	transition: all .3s
}

.upload .item.delete {
	opacity: .2;
	transition: all .3s
}

.upload input[type=file] {
	display: none
}

.upload.multiple.empty {
    height: 60px;
	width: 100%
}

.upload.multiple.empty .add {
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	height: 36px;
	background: 0;
	border: 0;
	left: 0;
	overflow: inherit
}

.upload.multiple.empty .add::after {
	content: "选择";
	width: 20%;
    top: 10px;
	position: absolute;
	height: 36px;
	background: #0e90d2;
	left: 40%;
	/*margin-left: -90px;*/
	display: block;
	z-index: 9;
	visibility: visible;
	text-align: center;
	color: #fff;
	line-height: 36px;
	font-size: 14px;
	border: 0;
	border-radius: 0
}

.upload.multiple.empty .add:hover::after {
	background-color: #0a70c2
}

.upload.multiple.empty .add svg {
	display: none
}

/*.upload.multiple.empty .add::before {
	!*content: "点击此处选择文件,最多可以上传 "attr(data-num) " 个" attr(data-type) "格式文件";*!
	content: "点击此处选择文件";
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -30px;
	font-size: 12px;
	margin-top: 14px;
	left: 0;
	color: #999;
	white-space: nowrap
}*/

.upload.one {
    width: 70px;
    height: 70px;
	padding: 0
}

.upload.one li {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0
}

.upload.one li.add svg {
	opacity: 0;
	transition: all .3s;
	margin-top: -30px
}

.upload.one li.add:hover svg {
	opacity: 1;
	transition: all .3s
}

.upload.one.empty li.add svg {
	opacity: 1;
	transition: all .3s
}

.upload.one .item {
	border: 0;
	border-radius: 0
}

.upload.one .add {
	position: absolute;
	top: 30px;
	right: 0;
	left: 0;
	background: 0
}

.upload.one .item.success svg.delete,.upload.one .item.success svg.look {
	top: 0;
	margin-top: 5px
}

.upload.one .item.success svg.look {
	margin-top: 3px
}

.upload.dragenter {
	border: 2px dashed #d7d7d7;
	box-shadow: 0 1px 5px rgba(0,0,0,.7);
	display: table
}

.upload.dragenter::after {
	content: "";
	background: rgba(255,255,255,.9);
	z-index: 998;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	display: table-cell;
	visibility: visible
}

.upload.dragenter::before {
	content: "将文件拖到这里上传";
	position: absolute;
	width: 100%;
	top: 50%;
	z-index: 999;
	width: 100%;
	text-align: center;
	margin-top: -12px;
	color: #999
}

.upload.one li.add svg{
	margin-top: unset;
}
.upload.one .add{
	top: 20%;
}

/*** 上传 end ***/

.cursor{
	cursor: pointer;
}

.icon-drawer {
    width: 35px;
    height: 35px;
    margin: 0px auto;
    overflow: hidden;
    padding: 0px 4px 6px 4px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.19);
    border-radius: 5px;
}

.icon-drawer-icon{
	width: 16px;
    height: 16px;
    float: left;
    margin-top: 3px;
    margin-left: 1px;
    line-height: 17px;
    border-radius: 3px;
}

.icon-drawer-icon img{
	width: 100%;
	max-height: 100%;
}

.title-icon{
	width: 16px;
    height: 16px;
    float: left;
    margin-top: 7px;
    line-height: 16px;
}

.win-title-class{
	margin-left: 5px;
}

.icon-child{
	display: none;
}

/*** 颜色选择器开始 ***/
.layui-colorpicker {
	width: 26px;
	height: 26px;
	border: 1px solid #e6e6e6;
	padding: 5px;
	border-radius: 2px;
	line-height: 24px;
	display: inline-block;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s
}

.layui-colorpicker:hover {
	border-color: #d2d2d2
}

.layui-colorpicker.layui-colorpicker-lg {
	width: 34px;
	height: 34px;
	line-height: 32px
}

.layui-colorpicker.layui-colorpicker-sm {
	width: 24px;
	height: 24px;
	line-height: 22px
}

.layui-colorpicker.layui-colorpicker-xs {
	width: 22px;
	height: 22px;
	line-height: 20px
}

.layui-colorpicker-trigger-bgcolor {
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
	border-radius: 2px
}

.layui-colorpicker-trigger-span {
	display: block;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 2px;
	text-align: center
}

.layui-colorpicker-trigger-i {
	display: inline-block;
	color: #FFF;
	font-size: 12px
}

.layui-colorpicker-trigger-i.layui-icon-close {
	color: #999
}

.layui-colorpicker-main {
	position: absolute;
	z-index: 66666666;
	width: 280px;
	padding: 7px;
	background: #FFF;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.layui-colorpicker-main-wrapper {
	height: 180px;
	position: relative
}

.layui-colorpicker-basis {
	width: 260px;
	height: 100%;
	position: relative
}

.layui-colorpicker-basis-white {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #FFF, hsla(0, 0%, 100%, 0))
}

.layui-colorpicker-basis-black {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, #000, transparent)
}

.layui-colorpicker-basis-cursor {
	width: 10px;
	height: 10px;
	border: 1px solid #FFF;
	border-radius: 50%;
	position: absolute;
	top: -3px;
	right: -3px;
	cursor: pointer
}

.layui-colorpicker-side {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
	background: linear-gradient(red, #FF0, #0F0, #0FF, #00F, #F0F, red)
}

.layui-colorpicker-side-slider {
	width: 100%;
	height: 5px;
	box-shadow: 0 0 1px #888;
	box-sizing: border-box;
	background: #FFF;
	border-radius: 1px;
	border: 1px solid #f0f0f0;
	cursor: pointer;
	position: absolute;
	left: 0
}

.layui-colorpicker-main-alpha {
	display: none;
	height: 12px;
	margin-top: 7px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.layui-colorpicker-alpha-bgcolor {
	height: 100%;
	position: relative
}

.layui-colorpicker-alpha-slider {
	width: 5px;
	height: 100%;
	box-shadow: 0 0 1px #888;
	box-sizing: border-box;
	background: #FFF;
	border-radius: 1px;
	border: 1px solid #f0f0f0;
	cursor: pointer;
	position: absolute;
	top: 0
}

.layui-colorpicker-main-pre {
	padding-top: 7px;
	font-size: 0
}

.layui-colorpicker-pre {
	width: 20px;
	height: 20px;
	border-radius: 2px;
	display: inline-block;
	margin-left: 6px;
	margin-bottom: 7px;
	cursor: pointer
}

.layui-colorpicker-pre:nth-child(11n+1) {
	margin-left: 0
}

.layui-colorpicker-pre-isalpha {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.layui-colorpicker-pre.layui-this {
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, .15)
}

.layui-colorpicker-pre>div {
	height: 100%;
	border-radius: 2px
}

.layui-colorpicker-main-input {
	text-align: right;
	padding-top: 7px
}

.layui-colorpicker-main-input .layui-btn-container .layui-btn {
	margin: 0 0 0 10px
}

.layui-colorpicker-main-input div.layui-inline {
	float: left;
	margin-right: 10px;
	font-size: 14px
}

.layui-colorpicker-main-input input.layui-input {
	width: 150px;
	height: 30px;
	color: #666
}
/*** 颜色选择器结束 ***/

/*** 滑块开始 ***/
.layui-slider {
	height: 4px;
	background: #e2e2e2;
	border-radius: 3px;
	position: relative;
	cursor: pointer
}

.layui-slider-bar {
	border-radius: 3px;
	position: absolute;
	height: 100%
}

.layui-slider-step {
	position: absolute;
	top: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #FFF;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.layui-slider-wrap {
	width: 36px;
	height: 36px;
	position: absolute;
	top: -16px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
	text-align: center
}

.layui-slider-wrap-btn {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #FFF;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	transition: .3s
}

.layui-slider-wrap:after {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.layui-slider-wrap-btn .layui-slider-hover,
.layui-slider-wrap-btn:hover {
	transform: scale(1.2)
}

.layui-slider-wrap-btn .layui-disabled:hover {
	transform: scale(1)!important
}

.layui-slider-tips {
	position: absolute;
	top: -42px;
	z-index: 66666666;
	white-space: nowrap;
	display: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #FFF;
	background: #000;
	border-radius: 3px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px
}

.layui-slider-tips:after {
	content: '';
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: solid;
	border-color: #000 transparent transparent
}

.layui-slider-input {
	width: 70px;
	height: 32px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	font-size: 16px;
	line-height: 32px;
	position: absolute;
	right: 0;
	top: -15px
}

.layui-slider-input-btn {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	border-left: 1px solid #d2d2d2
}

.layui-slider-input-btn i {
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 50%;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #999
}

.layui-slider-input-btn i:first-child {
	top: 0;
	border-bottom: 1px solid #d2d2d2
}

.layui-slider-input-txt {
	height: 100%;
	font-size: 14px
}

.layui-slider-input-txt input {
	height: 100%;
	border: none
}

.layui-slider-input-btn i:hover {
	color: #009688
}

.layui-slider-vertical {
	width: 4px;
	margin-left: 34px
}

.layui-slider-vertical .layui-slider-bar {
	width: 4px
}

.layui-slider-vertical .layui-slider-step {
	top: auto;
	left: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.layui-slider-vertical .layui-slider-wrap {
	top: auto;
	left: -16px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.layui-slider-vertical .layui-slider-tips {
	top: auto;
	left: 2px
}

@media \0screen {
	.layui-slider-wrap-btn {
		margin-left: -20px
	}
	.layui-slider-vertical .layui-slider-wrap-btn {
		margin-left: 0;
		margin-bottom: -20px
	}
	.layui-slider-vertical .layui-slider-tips {
		margin-left: -8px
	}
	.layui-slider>span {
		margin-left: 8px
	}
}

.layui-auxiliar-moving {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	z-index: 9999999999
}
/*** 滑块结束 ***/

.layui-form-item{
	clear: none;
}

/*** 小程序页面管理start ***/
.smpro{
    height: calc(100vh - 45px);
}

.hei-100-per{
	height: 100%;
	margin-top: 0px;
    margin-bottom: 0px;
}

.left-menu{
	border-right: 2px solid gainsboro;
    height: 100%;
}

.center-content{
	height: 100%;
}

.right-menu{
	border-left: 2px solid gainsboro;
	height: 100%;
}

.blue{
	color: blue;
    margin-left: 10px;
}

.tab__item{
    background-color: rgb(248,248,248);
    height: calc(100vh - 105px);
}

.page__bd li{
	background-color: white;
    margin-top: 10px;
}

.page__bd li.js_show .weui-flex {
	opacity:.4
}

.page__bd li.js_show .page__category {
	height:auto
}

.page__bd li.js_show .page__category-content {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
    padding-left: 20px;
}

.page__category-content>a{
    font-size: 15px !important;
    padding-bottom: 5px;
}

.page__category-content>a>.weui-cell__bd{
	height: 30px;
}

.page__bd li:first-child {
	margin-top:0
}

.page__category {
	height:0;
	overflow:hidden
}

.page__category-content {
	opacity:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:.3s;
	transition:.3s
}

.weui-flex {
	padding: 10px 20px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-webkit-transition:.3s;
	transition:.3s
}

.weui-cells {
	margin-top:0
}

.weui-cells:after,.page.home .weui-cells:before {
	display:none
}

 .weui-cell {
	padding-left:20px;
	padding-right:20px
}

.weui-cell:before {
	left:20px;
	right:20px
}

#groupTitle{
	float: right;
}

#memberList>div{
	padding: 10px;
}

.member-list>div>.layui-card{
	background-color: white;
	width: 100%;
    height: 110px;
    overflow: hidden;
}

.layui-col-space10>* {
    padding: 5px;
}

.member-list-div{
	height: calc(100vh - 140px);
}

.sec-clsss{
    background-color: rgba(0,0,0,0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.54);
}

.sec-clsss .layui-layer-title{
	background-color: rgba(0, 0, 0, 0);
	margin-left: 10px;
    margin-right: 10px;
    color: #fff;
    padding-left: 0px;
}

.sec-clsss .layui-layer-setwin a{
	background-color: white;
    border-radius: 10px;
    padding-right: -8px;
    background-position-x: 2px;
    background-position-y: -39px;
}

.sec-clsss .layui-layer-content{
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sec-clsss-btn{
    float: left !important;
    position: relative !important;
}

.right{
	text-align: right;
}

.ver-center{
	align-items: Center;
    padding-top: 8px;
    min-height: 32px;
}

.padding-l-r-10{
	padding-left: 10px;
	padding-right: 10px;
}

/* 样式1 */
.iphone {
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #999, 0 0 30px 0px rgba(0, 0, 0, 0.7);
    border: 5px solid #d9dbdc;
    background: #f8f8f8;
    padding: 15px;
    border-radius: 50px;
    height: 100%;
    position: relative;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.iphone-top {
    padding: 5px 80px 20px;
    position: relative;
}
.iphone-top .speaker {
    display: block;
    width: 70px;
    height: 6px;
    margin: 0 auto;
    border-radius: 6px;
    background: #292728;
}
.iphone-top .camera {
    display: block;
    margin: 0 auto;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-bottom: 13px;
    background: #333;
}
.iphone-top .sensor {
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    background: #333;
    margin-top: -5px;
    border-radius: 50%;
}
.iphone .top-bar, .iphone .bottom-bar {
    display: block;
    width: 100%;
    height: 15px;
    border-left: 5px solid #BBB;
    border-right: 5px solid #BBB;
    position: absolute;
    left: -5px;
}
.iphone .top-bar {
    top: 65px;
}
.iphone .bottom-bar {
    bottom: 65px;
}
.iphone-screen {
    background: white;
    border: 1px solid #fff;
    overflow: auto;
    height: calc(100vh - 25px);
    width: 100%;
    margin: 0 auto;
    border: 2px solid gainsboro;
    border-radius: 3px;
}
.iphone-screen .check-item:HOVER{
	border: 1px #357ebd dashed;
}
.check-item-shoose{
	border: 1px #d9534f dashed;
}
.check-item-operation{
    text-align: right;
    width: 100%;
    position: absolute;
    z-index: 999999;
}
.check-item-operation button{
    width: 25px;
    height: 25px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    margin-left: 2px;
}
.iphone-screen img {
    width: 100%;
}
.iphone .buttons .on-off, .iphone .buttons .up, .iphone .buttons .down, .iphone .buttons .sleep {
    display: block;
    background: #CCC;
    position: absolute;
    border-radius: 2px 0px 0px 2px;
}
.iphone .buttons .on-off {
    height: 40px;
    width: 3px;
    top: 100px;
    left: -8px;
}
.iphone .buttons .up, .iphone .buttons .down, .iphone .buttons .sleep {
    height: 60px;
    width: 5px;
    left: -10px;
}
.iphone .buttons .up {
    top: 170px;
}
.iphone .buttons .down {
    top: 250px;
}
.iphone .buttons .sleep {
    left: auto;
    right: -10px;
    top: 170px;
    border-radius: 0px 2px 2px 0px;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.tab-btn-mar-left-3{
	margin-left: 3px !important;
}

.page-li{
    width: 100%;
    height: 80px;
    line-height: 25px;
    background-color: ghostwhite;
    margin-top: 10px;
   	background: rgba(0.5,0.3,0.2,0.1) none repeat scroll !important;
}

.file-content{
	font-size: 10px;
    color: darkgoldenrod;
    font-family: monospace;
    margin-left: 20px;
}

.page-li:HOVER{
	cursor: pointer;
	border: 1px #357ebd dashed;
}

.code-model-li{
    width: 100%;
    height: 105px;
    line-height: 25px;
    background-color: ghostwhite;
    margin-top: 10px;
}

.padd-le-ri{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
}

/*** 小程序页面管理end ***/

/*** 带滚动条的表格end ***/
.custom-table>tbody{
	display:block;
    height:400px;
    overflow-y:scroll;
    overflow-x: hidden; 
}

.custom-table>thead>tr{
	display:table;
    width:100%;
    table-layout:fixed;
}

.custom-table>tbody>tr{
	display:table;
    width:100%;
    table-layout:fixed;
}

.custom-table>thead{
	width: calc(100% - 0.5em);
}
/*** 带滚动条的表格end ***/

/*** 代码生成器样式start ***/
.cm-s-eclipse{height: 100% !important;}
.cm-s-eclipse span.cm-meta { color: #FF1717; }
.cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
.cm-s-eclipse span.cm-atom { color: #219; }
.cm-s-eclipse span.cm-number { color: #164; }
.cm-s-eclipse span.cm-def { color: #00f; }
.cm-s-eclipse span.cm-variable { color: black; }
.cm-s-eclipse span.cm-variable-2 { color: #0000C0; }
.cm-s-eclipse span.cm-variable-3, .cm-s-eclipse span.cm-type { color: #0000C0; }
.cm-s-eclipse span.cm-property { color: black; }
.cm-s-eclipse span.cm-operator { color: black; }
.cm-s-eclipse span.cm-comment { color: #3F7F5F; }
.cm-s-eclipse span.cm-string { color: #2A00FF; }
.cm-s-eclipse span.cm-string-2 { color: #f50; }
.cm-s-eclipse span.cm-qualifier { color: #555; }
.cm-s-eclipse span.cm-builtin { color: #30a; }
.cm-s-eclipse span.cm-bracket { color: #cc7; }
.cm-s-eclipse span.cm-tag { color: #170; }
.cm-s-eclipse span.cm-attribute { color: #00c; }
.cm-s-eclipse span.cm-link { color: #219; }
.cm-s-eclipse span.cm-error { color: #f00; }
.cm-s-eclipse .CodeMirror-activeline-background { background: #e8f2ff; }
.cm-s-eclipse .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }

.cm-s-icecoder { color: #666; background: #1d1d1b; }
.cm-s-icecoder span.cm-keyword { color: #eee; font-weight:bold; }  /* off-white 1 */
.cm-s-icecoder span.cm-atom { color: #e1c76e; }                    /* yellow */
.cm-s-icecoder span.cm-number { color: #6cb5d9; }                  /* blue */
.cm-s-icecoder span.cm-def { color: #b9ca4a; }                     /* green */
.cm-s-icecoder span.cm-variable { color: #6cb5d9; }                /* blue */
.cm-s-icecoder span.cm-variable-2 { color: #cc1e5c; }              /* pink */
.cm-s-icecoder span.cm-variable-3, .cm-s-icecoder span.cm-type { color: #f9602c; } /* orange */
.cm-s-icecoder span.cm-property { color: #eee; }                   /* off-white 1 */
.cm-s-icecoder span.cm-operator { color: #9179bb; }                /* purple */
.cm-s-icecoder span.cm-comment { color: #97a3aa; }                 /* grey-blue */
.cm-s-icecoder span.cm-string { color: #b9ca4a; }                  /* green */
.cm-s-icecoder span.cm-string-2 { color: #6cb5d9; }                /* blue */
.cm-s-icecoder span.cm-meta { color: #555; }                       /* grey */
.cm-s-icecoder span.cm-qualifier { color: #555; }                  /* grey */
.cm-s-icecoder span.cm-builtin { color: #214e7b; }                 /* bright blue */
.cm-s-icecoder span.cm-bracket { color: #cc7; }                    /* grey-yellow */
.cm-s-icecoder span.cm-tag { color: #e8e8e8; }                     /* off-white 2 */
.cm-s-icecoder span.cm-attribute { color: #099; }                  /* teal */
.cm-s-icecoder span.cm-header { color: #6a0d6a; }                  /* purple-pink */
.cm-s-icecoder span.cm-quote { color: #186718; }                   /* dark green */
.cm-s-icecoder span.cm-hr { color: #888; }                         /* mid-grey */
.cm-s-icecoder span.cm-link { color: #e1c76e; }                    /* yellow */
.cm-s-icecoder span.cm-error { color: #d00; }                      /* red */
.cm-s-icecoder .CodeMirror-cursor { border-left: 1px solid white; }
.cm-s-icecoder div.CodeMirror-selected { color: #fff; background: #037; }
.cm-s-icecoder .CodeMirror-gutters { background: #1d1d1b; min-width: 41px; border-right: 0; }
.cm-s-icecoder .CodeMirror-linenumber { color: #555; cursor: default; }
.cm-s-icecoder .CodeMirror-matchingbracket { color: #fff !important; background: #555 !important; }
.cm-s-icecoder .CodeMirror-activeline-background { background: #000; }

/*** 代码生成器样式end ***/

/*** 个人中心样式start ***/
/** layuiAdmin.std-v1.2.1 LPPL License By http://www.layui.com/admin/ */
.layadmin-panel-selection {
	width: 768px;
	margin: 30px auto
}

.layadmin-panel-selection .layui-panel-window {
	padding: 30px 50px;
	border-top-color: #ddd;
	text-align: center
}

.layadmin-panel-selection .layui-panel-window h2 {
	padding-bottom: 15px;
	font-size: 18px
}

.layadmin-panel-selection .layui-panel-window ul {
	margin-top: 15px;
	text-align: left
}

.layadmin-homepage-panel .text-center,.layadmin-maillist-fluid .layadmin-text-center {
	text-align: center
}

.layadmin-panel-selection .layui-btn-container {
	margin-top: 30px
}

.layadmin-panel-selection .layui-btn-container .layui-btn {
	width: 100%
}

.layadmin-maillist-fluid .layadmin-contact-box {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #e7eaec;
	overflow: hidden
}

.layadmin-maillist-fluid .layadmin-text-center img {
	max-width: 80%;
	border-radius: 50%;
	margin-top: 5px
}

.layadmin-maillist-fluid .layadmin-font-blod {
	font-weight: 600
}

.layadmin-maillist-fluid .layadmin-maillist-img {
	margin-top: 5px
}

.layadmin-maillist-fluid .layadmin-title {
	margin: 5px 0 10px
}

.layadmin-maillist-fluid .layadmin-textimg {
	line-height: 25px;
	margin-bottom: 10px
}

.layadmin-maillist-fluid .layadmin-address {
	line-height: 1.5;
	margin-bottom: 20px
}

.layadmin-maillist-fluid .layadmin-padding-left20 {
	padding-left: 20px
}

.layadmin-homepage-shadow {
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #e7ecf3
}

.layadmin-homepage-panel {
	margin-bottom: 15px
}

.layadmin-homepage-information {
	padding: 15px;
	border-bottom: 1px solid #e9e9e9
}

.layadmin-homepage-pad-ver {
	padding-top: 15px;
	padding-bottom: 15px
}

.layadmin-homepage-pad-img {
	box-shadow: 0 0 0 4px rgba(0,0,0,.1);
	border-radius: 50%
}

.layadmin-homepage-font {
	font-weight: 600;
	color: #2b425b;
	font-size: 1.2em
}

.layadmin-homepage-min-font {
	margin: 5px 0 10px;
	font-size: .9em;
	color: #afb9c3
}

.layadmin-homepage-pad-ver i {
	line-height: 1.1em;
	font-size: 1.3em;
	vertical-align: middle;
	cursor: pointer;
	background-color: transparent;
	color: inherit;
	padding: 6px 12px
}

.layadmin-homepage-pad-ver a:hover {
	background: #5FB878;
	color: #fff
}

.layadmin-homepage-about {
	padding: 15px;
	font-weight: 600;
	color: #2b425b
}

.layadmin-homepage-list-group {
	font-size: .9em;
	line-height: 1.25;
	margin-bottom: 5px
}

.layadmin-homepage-list-group li {
	padding: 5px 15px;
	border: 1px solid transparent;
	margin-bottom: -1px;
	border-width: 1px 0;
	border-radius: 0;
	background-color: transparent;
	color: inherit
}

.layadmin-homepage-list-group li i {
	font-size: 1.333em;
	line-height: 1.095em;
	vertical-align: middle;
	margin-right: 4px
}

.layadmin-homepage-list-group li a.color {
	color: #337ab7
}

.layadmin-homepage-pad-hor {
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 15px;
	color: #758697;
	text-indent: 20px
}

.layadmin-homepage-list-inline {
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 20px
}

.layadmin-homepage-list-inline a {
	display: inline-block
}

.layadmin-homepage-list-inline .layui-btn {
	font-size: .9em;
	line-height: 1.42857;
	vertical-align: middle;
	height: auto;
	padding: 4px 7px;
	margin: 0 10px 10px 0
}

.layadmin-homepage-text-center {
	text-align: center;
	margin-bottom: 15px
}

.layadmin-homepage-padding15 {
	padding: 15px;
	margin-bottom: 15px
}

.layadmin-homepage-padding8 {
	padding: 0 8px
}

.layadmin-homepage-paddingmb {
	margin: 0 -7.5px
}

.layadmin-homepage-content {
	margin-left: 15px;
	padding: 0
}

.layadmin-homepage-content .new-section-xs {
	margin: 12px 0;
	color: inherit;
	border: 0!important;
	height: 0;
	box-sizing: content-box
}

.layadmin-homepage-content .h4 {
	font-size: 16px;
	font-weight: 600;
	color: #2b425b
}

.layadmin-homepage-content small {
	color: #afb9c3
}

.layadmin-homepage-text-center .layui-icon {
	color: #FFB800;
	padding-right: 5px
}

.layadmin-homepage-padding15 .layui-col-sm5 a {
	font-size: 11px;
	height: auto;
	line-height: 1.5;
	padding: 5px 10px;
	float: right
}

.layadmin-homepage-padding15 .layui-btn-normal {
	margin: 0 15px
}

.layadmin-homepage-list-imgtxt .layui-col-sm10,.layadmin-homepage-list-imgtxt .layui-col-sm2 {
	background: 0 0
}

.layadmin-homepage-list-imgtxt .panel-body {
	padding: 15px 20px 25px;
	overflow: hidden;
	margin-bottom: 15px
}

.layadmin-homepage-list-imgtxt .panel-body .media-left {
	display: block;
	float: left;
	vertical-align: top;
	padding-right: 10px
}

.layadmin-homepage-list-imgtxt .panel-body .media-left img {
	border-radius: 50%
}

.layadmin-homepage-list-imgtxt .media-body {
	width: auto;
	display: block;
	overflow: hidden
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm {
	padding-bottom: 15px
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm p:first-child {
	padding-bottom: 5px
}

.layadmin-homepage-list-imgtxt .media-body .min-font {
	margin-bottom: 10px
}

.layadmin-homepage-list-imgtxt .media-body .min-font .layui-breadcrumb a {
	font-size: 11px
}

.layui-breadcrumb span[lay-separator] {
	margin: 0 5px
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm .fontColor a {
	font-weight: 600;
	color: #337ab7
}

.layadmin-homepage-list-imgtxt .media-body .pad-btm .fontColor span {
	color: #758697;
	font-weight: 600
}

.layadmin-homepage-list-imgtxt .media-body .h-img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-top: 10px
}

.layadmin-homepage-list-imgtxt .img-xs {
	width: 32px;
	height: 32px;
	border-radius: 50%
}

.layadmin-homepage-list-imgtxt .media-body .media {
	margin-top: 15px;
	overflow: hidden
}

.layadmin-homepage-list-imgtxt .media-body .media .media-right {
	float: right;
	padding-top: 10px
}

.layadmin-homepage-list-imgtxt .media-body .media .media-right .list-inline {
	margin-bottom: 10px
}

.layadmin-homepage-list-imgtxt .media-body .media .list-inline li {
	padding: 0 5px;
	display: inline-block
}

.layadmin-homepage-list-imgtxt .media-body .media .media-right .list-inline li span {
	font-weight: 600
}

.layadmin-homepage-list-imgtxt .media-body .media .media-left {
	display: block;
	overflow: hidden;
	width: auto
}

.layadmin-homepage-list-imgtxt .media-body .media .media-left .font-blod {
	font-weight: 700;
	color: #758697
}

.layadmin-homepage-list-imgtxt .media-body .media-list {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #e9e9e9
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-item {
	padding-bottom: 15px;
	margin-top: 15px
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-item-left {
	display: inline-block;
	padding-right: 10px;
	margin-bottom: 5px
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-item-left img {
	display: block;
	float: left
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-text {
	overflow: hidden;
	width: auto;
	display: inline-block
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-text a {
	margin-right: 10px;
	font-weight: 600;
	display: inline-block
}

.layadmin-homepage-list-imgtxt .media-body .media-list .media-text div:nth-child(2) {
	margin-top: 5px
}

.layadmin-homepage-list-imgtxt .media-body .media-list .layui-btn {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	padding: 0 20px;
	margin-bottom: 10px
}

.homepage-top .layui-card-body img {
	width: 100%
}

.homepage-top .layui-card-body .margin-top10 {
	margin-top: 10px
}

.homepage-top .layui-card-body .layui-btn {
	width: 100%;
	display: block
}

.homepage-top {
	padding-bottom: 20px
}

.layadmin-privateletterlist-item {
	position: relative;
	display: block;
	padding: 10px 15px
}

.homepage-bottom .layui-card-body {
	padding: 0
}

.homepage-bottom .layui-card-body img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-top: 10px
}

.homepage-bottom .layui-card-body .meida-left {
	display: table-cell;
	padding-right: 10px
}

.homepage-bottom .layui-card-body .meida-right {
	display: table-cell;
	vertical-align: top
}

.homepage-bottom .layui-card-body a:hover {
	background: #F2F2F2
}

.homepage-bottom .layui-card-body {
	background: #fff
}

.layui-card-header .panel-title .layui-icon {
	position: relative;
	left: 0;
	right: 0
}

.layadmin-cmdlist-fluid {
	padding-bottom: 60px
}

.cmdlist-container {
	background: #fff;
	border: 1px solid transparent
}

.cmdlist-container:hover {
	border: 1px solid #e8e8e8
}

.cmdlist-container img {
	width: 100%
}

.cmdlist-text {
	padding: 20px
}

.cmdlist-text .info {
	height: 40px;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	overflow: hidden;
	color: #666;
	margin-bottom: 10px
}

.cmdlist-text .price {
	font-size: 14px
}

.cmdlist-text .price b {
	margin-right: 20px
}

.cmdlist-text .price p {
	display: inline-block
}

.cmdlist-text .flow {
	text-align: right;
	float: right
}

#demo0 {
	text-align: center
}

.layadmin-message-fluid .layui-col-md12 {
	background: #fff;
	height: auto;
	padding-bottom: 50px
}

.layadmin-message-fluid .layui-input-block {
	margin-left: 0
}

.layadmin-message-fluid .layui-form {
	padding: 45px 40px 0
}

.layadmin-message-fluid .layui-form-label {
	text-align: left;
	font-size: 18px;
	padding-left: 10px
}

.layadmin-message-fluid .layui-textarea {
	min-height: 100px;
	font-size: 16px
}

.layadmin-message-fluid .layui-input-right {
	float: right
}

.layadmin-messag-icon {
	overflow: hidden;
	float: left;
	margin-top: 4px
}

.layadmin-messag-icon .layui-icon {
	font-size: 24px;
	line-height: 30px;
	margin-right: 15px;
	color: #C4CBCF
}

.message-content {
	padding: 0 40px
}

.message-content .media-body {
	margin-bottom: 60px
}

.message-content .media-body .pad-btm {
	padding-bottom: 0
}

.message-content .media-left {
	float: left;
	margin-right: 10px
}

.message-content .media-left img {
	border-radius: 50%
}

.message-text {
	padding-top: 10px
}

.message-content-btn {
	text-align: center
}

.message-content .layui-btn {
	height: auto;
	line-height: 26px;
	padding: 5px 30px;
	font-size: 16px
}

.layadmin-serach-main .layui-card-header {
	height: auto;
	line-height: 24px;
	padding: 15px
}

.layadmin-serach-list {
	margin-bottom: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #f6f6f6
}

.layadmin-serach-list h3 {
	padding: 10px 0
}

.layadmin-serach-list h3 .layui-badge {
	top: -2px
}

.layadmin-serach-list p {
	color: #666
}

.layadmin-serach-list li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	clear: both
}

.layui-serachlist-cover {
	float: left;
	margin-right: 15px
}

.layui-serachlist-cover img {
	width: 90px;
	height: 90px
}

.layadmin-caller {
	background: #fff;
	padding: 30px
}

.layadmin-caller em {
	font-style: normal
}

.layadmin-caller .caller-fl {
	float: left
}

.layadmin-caller .caller-fr {
	float: right
}

.layadmin-caller .caller-seach {
	position: relative;
	padding-bottom: 40px
}

.layadmin-caller .caller-seach .caller-icon {
	font-size: 18px;
	position: absolute;
	top: 9px
}

.layadmin-caller .caller-seach-icon {
	left: 6px
}

.layadmin-caller .caller-dump-icon {
	right: 6px;
	cursor: pointer
}

.layadmin-caller .caller-pl32 {
	padding: 0 32px
}

.layadmin-caller .caller-tab {
	margin: 0
}

.layadmin-caller .caller-contar {
	padding-bottom: 20px
}

.layadmin-caller .caller-contar .caller-item {
	padding: 25px 0;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0
}

.layadmin-caller .caller-contar .caller-item .caller-main {
	margin-left: 20px
}

.layadmin-caller .caller-contar .caller-item .caller-main p {
	line-height: 100%;
	padding: 8px 0
}

.layadmin-caller .caller-contar .caller-item .caller-main p:first-child {
	padding-top: 0
}

.layadmin-caller .caller-contar .caller-item .caller-main em {
	margin-left: 5px
}

.layadmin-caller .caller-contar .caller-item .caller-main .caller-adds i {
	padding-right: 5px;
	margin: 0
}

.layadmin-caller .caller-contar .caller-item .caller-main .caller-adds {
	padding-bottom: 12px
}

.layadmin-caller .caller-contar .caller-iconset i {
	margin: 0 5px
}

.layadmin-caller .caller-contar .caller-iconset i:first-child {
	margin-left: 0
}

.layadmin-caller .caller-contar button {
	margin-top: 22px
}

.layadmin-caller .caller-contar .caller-img {
	width: 40px;
	height: 40px;
	border-radius: 100%
}

/*** 个人中心样式end ***/

.layui-this li{
	height: 100px;
    text-align: center;
    background-color: ghostwhite;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.layui-this li a h3{
	font-size: 21px;
    margin-top: 20px;
}

/*** 流程图样式start ***/
.lct-toolBar{
	position: absolute;
	z-index: 10;
	height: 35px;
	border-bottom: 1px solid gainsboro;
}

.lct-toolBar ul{
	height: 100%;
	width: 100%;
	margin-left: 10px;
}

.lct-toolBar ul li{
	height: 100%;
	line-height: 100%;
	width: 35px;
    float: left;
}

.lct-toolBar ul li button{
	height: 100%;
	line-height: 100%;
	width: 100%;
	border: 0px;
}

.coverModel{
	margin-top: 35px;
}


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1542985580470'); /* IE9*/
  src: url('iconfont.eot?t=1542985580470#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAATAAAsAAAAAByQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8k0iFY21hcAAAAYAAAABcAAABlM3eNVNnbHlmAAAB3AAAANgAAADopAxsYGhlYWQAAAK0AAAAMQAAADYUXLTUaGhlYQAAAugAAAAgAAAAJAjgBIFobXR4AAADCAAAABAAAAAQEQH//WxvY2EAAAMYAAAACgAAAAoAigAmbWF4cAAAAyQAAAAfAAAAIAEPADpuYW1lAAADRAAAAUUAAAJtPlT+fXBvc3QAAASMAAAAMwAAAEi3GinzeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkcWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeyTwLZm7438AQw9zA0AgUZgTJAQD6YwyTeJztkMENgDAMAy9tQQgxAt0A8WKT/ngxfdYoacIYWLpYdn4GJiAbh1FAHoSh21rxPrN6Xzgtz+ZC0qqtd9A93CT2W9wzyWzm1+b3+lIeewVjW62B9y0gvYUsESZ4nGNgZGD4v5f5MLMzAxsDAyO7OCMQMh+apv7ntQKzqDqzkwaUxQAECLXMQI44ozrzIoU/cxSYnUAkSP7/3//1rCzMDQy6QI4eozofo6gYGzsfo7IakzoQsTEB2exscox2jPaMZkLmcoziYkLiRmbmdoysDIxqkrLKjLJaEjZqzilqug2V6/cbcQlzcYob6YtwSypNyTKNUTLsa7fPUAuWY5SSVGMEalCfZCIhysXI3X2IUZyd/1/ZQTUHYUkDYTFDJZ+JjFH8XD9rj/w7y6mhnXIVADeUMVl4nGNgZGBgAOKQvdpc8fw2Xxm4WRhA4IacRQ6M/v/3fz0rC3MDkMvBwAQSBQANBQo7AAAAeJxjYGRgYG7438AQw8rw/+//P6wsDEARFMACAKC9BmoEAAAABAAAAAQBAAAFAP/9AAAAAAAWACYAdAAAeJxjYGRgYGBh0GMA0QwMTEDMBYQMDP/BfAYADUsBSgB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICFkYmRmZGFkZWBLz8vVTcnE0gkFhXll7OAmGyFpRWZiXkMDACdqwnoAA==') format('woff'),
  url('iconfont.ttf?t=1542985580470') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1542985580470#iconfont') format('svg'); /* iOS 4.1- */
}

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

.icon-one-line-arrow:before { content: "\e61c"; }
.icon-line:before { content: "\e653"; }
.icon-quxian:before { content: "\e61d"; }

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1543110763663'); /* IE9*/
  src: url('iconfont.eot?t=1543110763663#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWAAAsAAAAACCwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8d0gdY21hcAAAAYAAAABeAAABnLN9GtxnbHlmAAAB4AAAAZgAAAHcZqOybmhlYWQAAAN4AAAALAAAADYTXoaeaGhlYQAAA6QAAAAcAAAAJAfeA4VobXR4AAADwAAAAA4AAAAQEAAAAGxvY2EAAAPQAAAACgAAAAoBBAA2bWF4cAAAA9wAAAAfAAAAIAEUAIRuYW1lAAAD/AAAAUUAAAJtPlT+fXBvc3QAAAVEAAAAOgAAAFHQeYYUeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMT7TZm7438AQw9zA0AAUZgTJAQDgawwPeJztkEEOgDAIBAeppjEe+o96ND7Iky/vNypQDz7CJUNgQzgsMANq7EYCuRFcl7kSvrKGnzhtz1YTNGml1d6/U0jiIsc0+WdZ+LVFP95NPbWBZ9zKIHKtA/QB3voSGgAAeJxtjcFOGlEUhs+9E2BBNNUOoomi3AE1Yc7AECKBuXOHGXHTF2gs+AZdVAlxoSZDG6Nv4HJIkO5JE8vKuGnShDcxbtnBpHdm0ZX/ybn5c8537g8UpJQX+gcUSAEU82t5Ilt5WfiKvwgUb/HM6f3ygX6SWMxmqIjZNADSFYIkkU8goRDOSZqkw3n4RlSiLl8JJTQM/06n02epyWQCyfh+RmewCQgefIavcCkz2f6BrFr9qC5IdSMrS00lU6tEYdGrbmRzpBrtavsHhhwaJIIFreZIRK7Sd7ns/4+SqXgYZRQjMBMlHVHaGbkOKxSY03p8GrlCkxLuqPNl6Njttu0Mfw1bvN3mreFpdzxgxaLmj3+PB1qhoA3GndNA8GPPFsEkcLjncSf4md8WTNOYYIeHmn2iMXsnTNR0IZ3QLdPApn3LLUSzYqDFb+0mGib1K1jq+Rc6ViqoX/i9klFeXplnlrgTVtc0u5a4t3lXcmUsfbs5L2FZmvPr2HxQscG/W019a/3jpt7/YTVQ3cvs6X3X5Q3chX/MzG3WeJxjYGRgYADiaxeKlOP5bb4ycLMwgMANBcVsZJqFgek0kOJgYALxAPzFB894nGNgZGBgbvjfwBDDwgACQJKRARWwAABHCgJteJxjYWBgYEHCAACwABEAAAAAAAAAFgA2AO4AAHicY2BkYGBgYahgYGMAASYg5gJCBob/YD4DABT4AZkAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAhZGJkZmRhZGVgTc5IzEvPQ2IKzLz0nkzUvPSczIhHF32ktL8ytLEPAYGABuaDdsAAA==') format('woff'),
  url('iconfont.ttf?t=1543110763663') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1543110763663#iconfont') format('svg'); /* iOS 4.1- */
}

.icon-changfangxing:before { content: "\e601"; }
.icon-tuoyuan:before { content: "\e62b"; }

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1543114806922'); /* IE9*/
  src: url('iconfont.eot?t=1543114806922#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAPkAAsAAAAABigAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8gUf9Y21hcAAAAYAAAABLAAABcOcztctnbHlmAAABzAAAADAAAAAwwqMQ/2hlYWQAAAH8AAAALQAAADYTXqX+aGhlYQAAAiwAAAAcAAAAJAfeA4NobXR4AAACSAAAAAgAAAAICAAAAGxvY2EAAAJQAAAABgAAAAYAGAAAbWF4cAAAAlgAAAAeAAAAIAEOABRuYW1lAAACeAAAAUUAAAJtPlT+fXBvc3QAAAPAAAAAIQAAADQTJd3aeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByecT/jZm7438AQw9zA0AAUZgTJAQDe3Qv5eJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf8b9/z+MBPJZwCQDIxvDKOABkzJQHjisIJiBEQBD0AmVAAACAAAAAAMVApUAAwAHAAAlCQIhFzcnAgD+7AEUART+CuLi4mwBFAEU/uzi4uIAAHicY2BkYGAAYufbC1fE89t8ZeBmYQCBGwqGZsg0CwPTVCDFwcAE4gEA+d0HewAAAHicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAGAAAeJxjYGRgYGBi4ABiBjCLgYELCBkY/oP5DAAJdgEjAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYErJzMvvQKIdZ0YGAAhjwPvAAAA') format('woff'),
  url('iconfont.ttf?t=1543114806922') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1543114806922#iconfont') format('svg'); /* iOS 4.1- */
}

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

.s-line{
	width: 5px !important;
    font-size: 20px;
    color: gainsboro;
    padding-top: 6px;
}


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1543114437517'); /* IE9*/
  src: url('iconfont.eot?t=1543114437517#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAARcAAsAAAAABqgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9VkjSY21hcAAAAYAAAABLAAABcOgIuEpnbHlmAAABzAAAAKsAAACsKBuqg2hlYWQAAAJ4AAAALAAAADYTXqMIaGhlYQAAAqQAAAAcAAAAJAfeA4NobXR4AAACwAAAAAgAAAAICAAAAGxvY2EAAALIAAAABgAAAAYAVgAAbWF4cAAAAtAAAAAeAAAAIAENAEJuYW1lAAAC8AAAAUUAAAJtPlT+fXBvc3QAAAQ4AAAAJAAAADeqY1hQeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByePXj2gLnhfwNDDHMDQwNQmBEkBwAANA2jeJxjYGBgZWBgYAZiHSBmYWBgDGFgZAABP6AoI1icmYELLM7CoARWwwISf/bg/38YCeSzgEkGRjaGUcADJmWgPHBYQTADIwBMyAzpAHicY2BkAALmPUyNDKYMDIzM7OJ8jOxApKSmrscIQcpq7GxAyMcoamxixyRuJiYuxyguJi5mbGRuZm7HaM68x+hzFYuIgIiaILOUqJACr4i2kKKftoayvLSOnKRYvJCejbKujwSHqrSUtJqGsa6CjIA4OyMLo9Z6Jl4jaQUlRlFFaXcNC08RVTVGIT5ZXW/nSgWx9FJ7RsZwT+kIHU0JRTUZPWlTMQYADoQXYQB4nGNgZGBgAGK3hSU74/ltvjJwszCAwA0F/aPINAsDUyOQ4mBgAvEAA9kILnicY2BkYGBu+N/AEMPCAAJAkpEBFTABAEcIAmsEAAAABAAAAAAAAAAAVgAAeJxjYGRgYGBiMGMA0SAWAwMXEDIw/AfzGQAN3QFQAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICJkYmRmYG3sLQiMzEvC4hL8ksZGAA2DQWz') format('woff'),
  url('iconfont.ttf?t=1543114437517') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1543114437517#iconfont') format('svg'); /* iOS 4.1- */
}

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


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1543117035527'); /* IE9*/
  src: url('iconfont.eot?t=1543117035527#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAARsAAsAAAAABsAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8q0llY21hcAAAAYAAAABWAAABhmXc0TdnbHlmAAAB2AAAAJgAAACY8ToyeGhlYWQAAAJwAAAALQAAADYVh7eZaGhlYQAAAqAAAAAeAAAAJAoHBv9obXR4AAACwAAAAAwAAAAMD3sAAGxvY2EAAALMAAAACAAAAAgALgBMbWF4cAAAAtQAAAAfAAAAIAEOACNuYW1lAAAC9AAAAUUAAAJtPlT+fXBvc3QAAAQ8AAAALwAAAEe9YBHeeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk1WScwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByemT7zYm7438AQw9zA0AAUZgTJAQD0mwyMeJztkMERgCAMBDeAPBwL8eHXJqjAl+XTBl6CduHNbC65wCfAAmRxiAJ2Y7gupRZ5Zo28xJsqN1I/exsDPpdMuypP/s8qv7ao+zslv9Yk+jbBHshfD0IAAAABAAAAAAPAApIAFgAANy4BNjcBPgEfAQE+AR4BBwEOAS8BAQZqERgBDAE5Cx4NpAEXDCAaAQv+zwsgDaf+4gxvARkhDAEkCgEKiwEzDQEXIA3+rwwCCo7+9AsAAAEAAAAABikCxgAKAAABJxcJAhcJAhcGKPtn/r/+4/4vLAGlAR0BbWQCwwNr/r8BHf4wLQGk/uMBbWYAeJxjYGRgYADimjO9j+P5bb4ycLMwgMANBcvXyDSbJtMxIMXBwATiAQAuUgmiAAAAeJxjYGRgYG7438AQw17NAARsmgyMDKiAGQBWjQMVAAAEAAAABAAAAAd7AAAAAAAAAC4ATHicY2BkYGBgZhBnANEMDExAzAWEDAz/wXwGAArxATIAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAmZGJkZmRhYG9KiO1IjMxTxhKZwFxSX6pbnJ+QSUDAwCz7QsGAA==') format('woff'),
  url('iconfont.ttf?t=1543117035527') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1543117035527#iconfont') format('svg'); /* iOS 4.1- */
}

.icon-zhexian:before { content: "\e64a"; }
.icon-zhexianjiantou-copy:before { content: "\e635"; }



/*** 流程图样式end ***/

/*** 折叠面板列表样式start ***/

/*** 折叠面板列表样式end ***/

.mar-left-5px{
	margin-left: 4.22222%;
}

.hr-title{
	font-size: 15px;
    font-style: oblique;
    color: #6379bb;
	margin: 10px 0px 0px 10px;
}

.talk-btn{
	height: 30px !important;
	background-color: rgba(0,0,0,0) !important;
    border: 0px !important;
    box-shadow: 1px 1px 50px rgba(0,0,0,0) !important;
    z-index: 99980001 !important;
}

.talk-mabal{
	margin-bottom: 40px!important;
	z-index: 99980001 !important;
}

.layui-history-right-menu{
	z-index: 99980002 !important;
}

.qq_32{
	height: 20px !important;
	width: 20px !important;
}

.talk-btn .layui-layer-content{
	overflow: hidden !important;
    padding: 0 !important;
    padding-top: 5px !important;
}

.state-new{
	color: blue !important;
}

.state-up{
	color: green !important;
}

.state-down{
	color: red !important;
}

.state-error{
	color: orange !important;
}

.zzc{
	width:100%;
    height:100%;
    background-color:#000;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    opacity:0.3;
    /*兼容IE8及以下版本浏览器*/
    filter: alpha(opacity=30);
}

#tools{
	width: 100%;
}
#tools .tools_tabs{
	overflow: auto;
	zoom: 1;
	/* height: 25px; */
}
#tools .tools_tabs ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#tools_wrap{
	position: fixed;
    top: 0px;
    z-index: 999;
    width: 100%;
    background-color: white;
}

#tools .tools_tabs_left{
	float: left;
	padding-left: 65px;
	margin: 0px;
}
#tools .tools_tabs .tools_tabs_left ul li{
	float: left;
	padding: 3px 40px;
	font-family: "新宋体";
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	text-decoration: none;
	border-top: 3px solid transparent;
	color: #333333;
	letter-spacing:2px;
	margin-left:1px;
	margin-top:1px;
	cursor: pointer;
}
#tools .tools_tabs .tools_tabs_left ul li:hover{
	border-top: 3px solid #9AC600;
	background: #E8EBEE;
} 
#tools .tools_tabs .tools_tabs_left ul li.current{
	border-top: 3px solid #9AC600;
	background: #F7F7F7;
}
#tools .tools_tabs_right{
	float: right;
	padding-right: 20px;
}
#tools .tools_tabs .tools_tabs_right ul li{
	float: left;
	padding: 5px 8px;
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #333333;
}
#tools .tools_tabs .tools_tabs_left ul li:hover{
	
}

/** 定义工具栏样式  **/
.tools_tab_div{
	display: none;
}
#tools_tab1{
	/* width: 950px; */
	float:left;
	overflow: auto;
	position: relative;
}
#tools .tools_contents{
	background: #F7F7F7;
	border-bottom: 1px solid #BCBCBC;
	overflow: auto;
	position: relative;
	zoom:1;
	height: 100px;
}
.tools_item{
	float: left;
	border-right: 1px dashed #C7C7C7;
	overflow: auto;
	display: inline;
}
#toolsBashQu{
	width: 370px;
}
#toolsChenQu{
	width: 251px;
}
#toolsEvent{
	width: 131px;
}
.tools_contents .toolbars{
	background: #F7F7F7;
	overflow: auto;
	zoom: 1;
	padding-right: 5px;
}
.tools_contents .tooltext{
	height: 20px;
	background: #F1F2F4;
	font-size: 12px;
	font-family: "新宋体";
	color: #707781;
	line-height: 20px;
	text-align: center;
	padding:3px 0px;
	border-top: 1px dashed #C7C7C7;
	width: 100%;
}
.toolbars ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
}
.toolbars ul li{
	float:left;
	margin: 5px 5px;
	padding: 0px;
	display: inline;
	*width: 50px;
	/* border: 1px solid #cc3333; */
}
.toolbars ul li .dwToolbar_icon{
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	width: 50px;
	height: 60px;
	margin: 0px;
	display:block;
	padding: 0px;
}
.toolbars ul li .dwQuTypeModel{
	display: none;
}
/* 工具栏单选题 */
#radioQuModel .dwToolbar_icon{
	background-position: -0px -6px;
}
#radioQuModel:hover .dwToolbar_icon,#radioQuModel.hover .dwToolbar_icon{
	background-position: -0px -74px;
}

#checkboxQuModel .dwToolbar_icon{
	background-position: -57px -6px;
}
#checkboxQuModel:hover .dwToolbar_icon,#checkboxQuModel.hover .dwToolbar_icon{
	background-position: -57px -74px;
}

#fillblankQuModel .dwToolbar_icon{
	background-position: -113px -6px;
}
#fillblankQuModel:hover .dwToolbar_icon,#fillblankQuModel.hover .dwToolbar_icon{
	background-position: -113px -74px;
}

#scoreQuModel .dwToolbar_icon{
	background-position: -170px -6px;
}
#scoreQuModel:hover .dwToolbar_icon,#scoreQuModel.hover .dwToolbar_icon{
	background-position: -170px -74px;
}

#orderQuModel .dwToolbar_icon{
	background-position: -227px -6px;
}
#orderQuModel:hover .dwToolbar_icon,#orderQuModel.hover .dwToolbar_icon{
	background-position: -227px -74px;
}

#pageQuModel .dwToolbar_icon{
	background-position: -283px -6px;
}
#pageQuModel:hover .dwToolbar_icon,#pageQuModel.hover .dwToolbar_icon{
	background-position: -283px -74px;
}

#paragraphQuModel .dwToolbar_icon{
	background-position: -340px -6px;
}
#paragraphQuModel:hover .dwToolbar_icon,#paragraphQuModel.hover .dwToolbar_icon{
	background-position: -340px -74px;
}

#mfillblankQuModel .dwToolbar_icon{
	background-position: -397px -6px;
}
#mfillblankQuModel:hover .dwToolbar_icon,#mfillblankQuModel.hover .dwToolbar_icon{
	background-position: -397px -74px;
}
/** 矩阵题 **/
#chenRadioQuModel .dwToolbar_icon{
	background-position: -454px -6px;
}
#chenRadioQuModel:hover .dwToolbar_icon,#chenRadioQuModel.hover .dwToolbar_icon{
	background-position: -454px -74px;
}

#chenCheckboxQuModel .dwToolbar_icon{
	background-position: -510px -6px;
}
#chenCheckboxQuModel:hover .dwToolbar_icon,#chenCheckboxQuModel.hover .dwToolbar_icon{
	background-position: -510px -74px;
}

#chenScoreQuModel .dwToolbar_icon{
	background-position: -567px -6px;
}
#chenScoreQuModel:hover .dwToolbar_icon,#chenScoreQuModel.hover .dwToolbar_icon{
	background-position: -567px -74px;
}

#chenFillblankQuModel .dwToolbar_icon{
	background-position: -624px -6px;
}
#chenFillblankQuModel:hover .dwToolbar_icon,#chenFillblankQuModel.hover .dwToolbar_icon{
	background-position: -624px -74px;
}

#exportToolbar .dwToolbar_icon{
	background-position: -680px -6px;
}
#exportToolbar:hover .dwToolbar_icon,#exportToolbar.hover .dwToolbar_icon{
	background-position: -680px -74px;
}

#logicToolbar .dwToolbar_icon{
	background-position: -737px -6px;
}
#logicToolbar:hover .dwToolbar_icon,#logicToolbar.hover .dwToolbar_icon{
	background-position: -737px -74px;
}

#qubankToolbar .dwToolbar_icon{
	background-position: -794px -6px;
}
#qubankToolbar:hover .dwToolbar_icon,#qubankToolbar.hover .dwToolbar_icon{
	background-position: -794px -74px;
}

#surveyAttrSetToolbar .dwToolbar_icon{
	background-position: -680px -250px;
}
#surveyAttrSetToolbar:hover .dwToolbar_icon,#surveyAttrSetToolbar.hover .dwToolbar_icon{
	background-position: -680px -320px;
}

#surveyStyleEditToolbar .dwToolbar_icon{
	background-position: -738px -250px;
}
#surveyStyleEditToolbar:hover .dwToolbar_icon,#surveyStyleEditToolbar.hover .dwToolbar_icon{
	background-position: -738px -320px;
}

/**更多题型**/
#userNameQuModel .dwToolbar_icon{
	background-position: -113px -250px;
}
#userNameQuModel:hover .dwToolbar_icon,#userNameQuModel.hover .dwToolbar_icon{
	background-position: -113px -320px;
}

#phoneNoQuModel .dwToolbar_icon{
	background-position: -56px -250px;
}
#phoneNoQuModel:hover .dwToolbar_icon,#phoneNoQuModel.hover .dwToolbar_icon{
	background-position: -56px -320px;
}

#addressQuModel .dwToolbar_icon{
	background-position: -170px -250px;
}
#addressQuModel:hover .dwToolbar_icon,#addressQuModel.hover .dwToolbar_icon{
	background-position: -170px -320px;
}

#birthdayQuModel .dwToolbar_icon{
	background-position: -283px -250px;
}
#birthdayQuModel:hover .dwToolbar_icon,#birthdayQuModel.hover .dwToolbar_icon{
	background-position: -283px -320px;
}

#emailQuModel .dwToolbar_icon{
	background-position: -0px -250px;
}
#emailQuModel:hover .dwToolbar_icon,#emailQuModel.hover .dwToolbar_icon{
	background-position: -0px -320px;
}

#genderQuModel .dwToolbar_icon{
	background-position: -568px -250px;
}
#genderQuModel:hover .dwToolbar_icon,#genderQuModel.hover .dwToolbar_icon{
	background-position: -568px -320px;
}
#educationQuModel .dwToolbar_icon{
	background-position: -398px -250px;
}
#educationQuModel:hover .dwToolbar_icon,#educationQuModel.hover .dwToolbar_icon{
	background-position: -398px -320px;
}
#companyQuModel .dwToolbar_icon{
	background-position: -343px -250px;
}
#companyQuModel:hover .dwToolbar_icon,#companyQuModel.hover .dwToolbar_icon{
	background-position: -343px -320px;
}
#cityQuModel .dwToolbar_icon{
	background-position: -455px -250px;
}
#cityQuModel:hover .dwToolbar_icon,#cityQuModel.hover .dwToolbar_icon{
	background-position: -455px -320px;
}
#maritalQuModel .dwToolbar_icon{
	background-position: -229px -250px;
}
#maritalQuModel:hover .dwToolbar_icon,#maritalQuModel.hover .dwToolbar_icon{
	background-position: -229px -320px;
}
#salaryQuModel .dwToolbar_icon{
	background-position: -511px -250px;
}
#salaryQuModel:hover .dwToolbar_icon,#salaryQuModel.hover .dwToolbar_icon{
	background-position: -511px -320px;
}
#dateQuModel .dwToolbar_icon{
	background-position: -630px -250px;
}
#dateQuModel:hover .dwToolbar_icon,#dateQuModel.hover .dwToolbar_icon{
	background-position: -630px -320px;
}

#publishBtn .dwToolbar_icon{
	width:70px;
	height:39px;
	background-position: -0px -145px;
}
#publishBtn:hover .dwToolbar_icon,#publishBtn.hover .dwToolbar_icon{
	width:70px;
	height:39px;
	background-position: -0px -199px;
}

#saveBtn .dwToolbar_icon{
	width:70px;
	height:39px;
	background-position: -90px -145px;
}
#saveBtn:hover .dwToolbar_icon,#saveBtn.hover .dwToolbar_icon{
	width:70px;
	height:39px;
	background-position: -90px -200px;
}

#previewBtn .dwToolbar_icon{
	width:70px;
	height:39px;
	background-position: -180px -145px;
}
#previewBtn:hover .dwToolbar_icon,#previewBtn.hover .dwToolbar_icon{
	width:70px;
	height:39px;
	background-position: -180px -199px;
}
#saveＭodelBtn .dwToolbar_icon{
	width:70px;
	height:39px;
	background-position: -0px -199px;
}
#saveＭodelBtn:hover .dwToolbar_icon,#saveＭodelBtn.hover .dwToolbar_icon{
	width:70px;
	height:39px;
	background-position: -0px -199px;
}

#toolsPubBtn{
	position:absolute;
	*position: relative;
	display:inline;
	z-index: 300;
	right:0px;
	float:right;
	background: none;
}
#toolsPubBtn .toolbars{
	background: none;
}
#dw_body_left{
	width: 190px;
	height: 600px;
	border: 1px solid #c8c9cc;
	border-left:none;
	background: #FAFAFA;
	position: fixed;
	float:left;
	left: 0px;
	top:190px;
	z-index: 1;
    display: none;
}
#dwBodyLeftContent{
	padding-top: 10px;
	color: #333;
}
#dwBodyLeftContent h2 {
	background: url(/static/editor/img/catalog-h1-icon_72e0d273.png) 0 9px no-repeat;
	margin-bottom: 5px;
	margin-top: 5px;
}
#dwBodyLeftContent h2, #dwBodyLeftContent h3 {
	font-size: 14px;
	font-family:"微软雅黑";
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0px;
	width: 160px;
}
#dwBodyLeftContent h3 {
	padding: 0 8px 0 25px;
	background: url(/static/editor/img/catalog-h2-icon_ddc25a3d.png) 12px 11px no-repeat;
}
#dwBodyLeftContent a {
	text-decoration: none;
	display: inline-block;
	padding:0px 5px;
	color: #707781;
	width: 170px;
}
#dwBodyLeftContent a:hover{
	background: #F1F2F4;
	color: #4c6c99;
}
#dw_body_right{
	width: 190px;
	height: 600px;
	border: 1px solid #c8c9cc;
	background: #FAFAFA;
	border-right: none;
	position: fixed;
	right: 0px;
	top:190px;
	z-index: 1;
	float: right;
}
#dw_body{
	margin-top: 135px;
	padding-bottom: 40px;
}
#dw_body .dw_body_title{
	background: #F0F1F4;
	border-bottom:1px solid #DDE1E7;
	padding: 8px 10px;
	color: #333;
	font-family:"新宋体";
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
	letter-spacing:2px;
}
#dw_body_content{
	background:white;
	width: 780px;
	margin: 0px auto;
	border: 1px solid #c8c9cc;
	/* height: 600px; */
	position: relative;
	z-index: 50;
}
/* 编辑内容区 */
#dwSurveyTitle{
	margin: 0px 50px;
	margin-top: 10px;
}
#dwSurveyName{
	text-align: center;
	outline-style: none;
	font-weight: none;
	font-family:"微软雅黑";
	font-size: 21px;
	letter-spacing:1px;
	color:#222222;
	cursor:text;
	overflow: auto;
	width: 680px;
	padding: 5px;
	overflow: auto;
}
#dwSurveyNote{
	/* border: 1px solid transparent; */
	margin: 5px 50px;
}
#dwSurveyNote:hover{
	background: #FDF9CD;
}
#dwSurveyNote.click{
	border: 1px solid #98C5C3;
	background: #FDF9CD;
}
#dwSurveyNote.click #dwSurveyNoteTools{
	display: inline;
}
#dwSurveyNoteTools{
	position: absolute;
	width: 80px;
	height: 25px;
	/* background: #DDE1E7;
	background: #D4E0E0; */
	border: 1px solid #98C5C3;
	right: 35px;
	margin-top: -27px;
	display: none;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	color: #5D5D5D;
}
#dwSurveyNoteTools:hover{
	background: #98C5C3;
	color: #333333;
}
#dwSurveyNoteEdit{
	font-size: 16px;
	outline-style: none;
	/* text-indent: 2em; */
	line-height: 1.4em;
	color: #333333;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	cursor: text;
	font-family: "微软雅黑";
	overflow: auto;
	max-width: 720px;
	width:680px;
	min-height: 30px;
}
.editAble{
	outline-style: none;
	color: #333333;
	font-family: "微软雅黑";
	vertical-align: middle;
	cursor: text;
	display: inline-block;
	max-width: 750px;
	table-layout: fixed;
	word-break: break-all;
}
.editAble:hover,.quCoItemUlLi.hover .editAble{
	background: #FDF9CD;
}
.editAble img,.editAble embed,.editAble object,
#dwComEditContent img,#dwComEditContent embed,#dwComEditContent object{
	max-width:95%;
}
.quDragBody{
	border: 1px solid #299995;
	background: white;
	filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
	-moz-opacity:0.8; /*Firefox私有，透明度50%*/
	opacity:0.8;/*其他，透明度50%*/
	width: 800px;
	cursor: move! important;
}
.sortActiveclass{
	border: 1px solid #C9C9C9;
	background: #FAFAFA;
}
#dwSurveyQuContentAppUl{
	list-style: none;
	padding-bottom: 200px;
}
/**题目开始**/
.surveyQuItemBody{
	/* margin:0px;
	padding:0px;
	overflow: auto; */
}
#defaultAppQuObj.hover {
 	border: 1px solid transparent;
 	background: none;
 	border-left: none;
	border-right: none;
}
.surveyQuItem{
	overflow: auto;
	margin-top: 0px;
	border: 1px solid transparent;
	/* border: 1px solid #C9C9C9; */
	border-left: none;
	border-right: none;
	background: white;
}
.surveyQuItemBody .initLine{
	width: 100%;
	height: 8px;
	background: #299995;
	/* visibility: hidden; */
	display: none;
}
.surveyQuItemBody.showLine .initLine{
	visibility: visible;
}
.surveyQuItemBody.hover .surveyQuItem{
/* 	background: #FAFAFA; */
	border: 1px solid #C9C9C9;
	border: 1px solid transparent;
	border-left: none;
	border-right: none;
}
/**jquery ui sort 实现  上面是老的实现 **/
#dwSurveyQuContentAppUl li{
	border-top: 1px dashed transparent;
	border-bottom: 1px dashed transparent;
}
#dwSurveyQuContentAppUl li.showLine{
/* 显示线条的方式*/
	width: 100%;
	height: 60px;
	/* border-top:1px solid #299995;
	border-bottom:1px solid #299995; */
	background: #F1F2F4;
	border-top: 1px dashed #C7C7C7;
	border-bottom: 1px dashed #C7C7C7;
}
/**题目功能区**/
/** 题目左边 设置，逻辑，删除 **/
.surveyQuItemLeftTools{
	float: left;
	width: 40px;
	text-align: center;
	margin-top: 5px;
}
.surveyQuItemLeftToolsUl{
	padding: 0px;
	margin: 0px auto;
	list-style: none;
	/* display: none; */
	visibility: hidden;
}
.surveyQuItemLeftToolsUl li{
	margin: 5px auto;
	font-size: 12px;
	color: #5D5D5D;
	padding: 0px;
	cursor: pointer;
	width: 40px;
}
.surveyQuItemLeftToolsUl li .dwQuIcon{
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	width: 23px;
	height: 23px;
	margin: 0px auto;
}
li.dwQuMove{
	cursor: move;
}
li.dwQuMove .dwQuIcon{
	background-position: -336px -153px;
}
li.dwQuSet .dwQuIcon{
	background-position: -280px -153px;
}
li.dwQuLogic .dwQuIcon{
	background-position: -279px -178px;
}
li.dwQuDelete .dwQuIcon{
	background-position: -277px -205px;
}
li.dwQuLogic  .dwQuIcon  .quLogicInfo{
	position:absolute;
	text-align: right;
	font-size: 8px;
	margin-left: 20px;
	margin-top: -4px;
	font-family: "微软雅黑";
	background: #E0761A;
	border-radius: 2px;
	padding:0px;
	width:12px;
	color: white;
	text-align: center;
}
/**如果有逻辑题，显示的提示**/
.quLogicData{
	position: absolute;
	background: white;
	right: 5px;
	margin-top: 5px;
	cursor: pointer;
	display: none;
}
.quLogicData .dwQuIcon{
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	background-position: -279px -178px;
	width: 23px;
	height: 23px;
	float: left;
}
.quLogicData .quLogicInfo{
	float: left;
	background: #C2BAA7;
	color: white;
	font-weight:bold;
	text-align: center;
	padding: 2px 0px;
	width: 16px;
	border-radius: 2px;
}
/** 题目右边上移、下移  **/
.surveyQuItemRightTools{
	position: absolute;
	background: white;
	border: 1px solid #98C5C3;
	border:none;
	right: -23px;
	margin-top: 40px;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	color: #5D5D5D;
	display: none;
}
.surveyQuItemRightToolsUl{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.surveyQuItemRightToolsUl li{
	font-size: 12px;
	margin:0px;
}
.surveyQuItemRightToolsUl li .dwQuIcon{
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	width: 23px;
	height: 23px;
}
.surveyQuItemRightToolsUl li.questionUp .dwQuIcon{
	background-position:-471px -150px;
}
.surveyQuItemRightToolsUl li.questionDown .dwQuIcon{
	background-position:-437px  -150px;
}

/** 题目内容区 **/
.surveyQuItem .surveyQuItemContent{
	float: left;
	padding-left: 10px;
	border-left: 1px solid transparent;
	min-height: 100px;
	width: 700px;
}
.surveyQuItemBody.hover .surveyQuItemContent{
 	border-left: 1px solid #DDE1E7;
 	border-left: 1px solid transparent;
}
.surveyQuItemContent{
	padding: 2px 25px;
	/* padding-bottom: 20px;
	cursor: move; */
}
.surveyQuItemContent .quCoTitle{
	font-size: 16px;
	color: rgb(51, 51, 51);
	font-family: "微软雅黑";
	line-height: 1.4em;
	overflow: auto;
}
.quCoNum{
	
}
.quCoTitle .quCoNum{
	float: left;
	padding: 5px 0px ;
}
.quCoTitle .quCoTitleEdit{
	float: left;
	padding: 5px 3px ;
	width: 600px;
	cursor: text;
	table-layout:fixed; word-break: break-all;
}
.surveyQuItemContent .quCoItem{
	margin-top: 0px;
	margin-left: 10px;
}
.surveyQuItemContent .quCoItem ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	
	font-size: 14px;
	display: inline-block;
	width: 100%;
}
.surveyQuItemContent .quCoItem ul li{
	margin: 8px 5px;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #333333;
	line-height: 1.4em;
	/* cursor: move; */
	overflow: hidden;
	display: list-item;
}
.surveyQuItemContent .quCoItem ul.transverse li{
	float: left;
}
.quInputCase,.quItemInputCase{
	display: none;
}
.surveyQuItemContent .quCoItem ul li label{
	vertical-align: middle;
	cursor: text;
	
	display: inline-block;
	max-width: 600px;
	table-layout:fixed; word-break: break-all;
}
/**按列的形式显示选项，使用表格**/
.surveyQuItemContent .quCoItem table.tableQuColItem{
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.surveyQuItemContent .quCoItem table.tableQuColItem tr td{
	vertical-align: middle;
	padding:5px 0px;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #333333;
	line-height: 1.4em;
}
.surveyQuItemContent .quCoItem table.tableQuColItem tr td label{
	padding:3px 0px;
	vertical-align: middle;
	cursor: text;
	
	display: inline-block;
	max-width: 600px;
	table-layout:fixed; word-break: break-all;
}

.surveyQuItemContent .quCoBottomTools{
	visibility: hidden;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	overflow: auto;
}
.surveyQuItemContent .quCoBottomTools ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.surveyQuItemContent .quCoBottomTools ul li{
	float: left;
	/* padding: 3px 8px; */
	padding:0px;
	margin: 0px auto;
	cursor: pointer;
	font-family: "微软雅黑";
	font-size: 12px;
	text-align: center;
	width: 40px;
}
.surveyQuItemContent .quCoBottomTools ul li .dwQuIcon{
	/* background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat; */
	width: 25px;
	height: 25px;
	margin: 0px auto;
}
li.addOption .dwQuIcon,li.addColumnOption .dwQuIcon,li.addRowOption .dwQuIcon{
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	background-position: -620px -153px;
}
li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption .dwQuIcon{
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	background-position: -658px -153px;
}
.surveyQuItemContent .quCoBottomTools ul li:hover{
	/* background: #D6DCE4; */
}
/** 移入时显示左右功能按钮 **/
.surveyQuItemBody.hover .surveyQuItemLeftToolsUl,
.surveyQuItemBody.hover .quCoBottomTools,
.surveyQuItemBody.hover .quCoRightTools{
	visibility: visible;
}
.surveyQuItemBody.hover .surveyQuItemRightTools,.surveyQuItemBody.hover .quCoRightTools{
	display: inline;
}

.editMenuRoot {
	position: absolute;
	width:100px;
	right: 100px;
}
.editMenuRoot .editMenuBtn{
	width: 30px;
	height: 32px;
	background: #E0E6E9;
	border: 1px solid #98C5C3;
	margin-left: -1px;
	float: right;
}
.editMenuRoot .editMenuList{
	width: 120px;
	height: 100px;
	margin-top:30px;
}
.editMenuRoot .editMenuList ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.editMenuRoot .editMenuList ul li{
	font: 12px;
	background: #E0E6E9;
	padding: 5px;
	border: 1px solid #98C5C3;
}
/** 公共编辑 **/
#dwCommonEditRoot{
	position: absolute;
	display: none;
	z-index: 102;
}
#dwCommonEditRoot .dwCommonEdit{
	border: 1px solid #98C5C3;
	background: #FDF9CD;
	position: absolute;
}
.dwCommonEdit .dwComEditMenuUl{
	position:absolute;
	background: white;
	border: 1px solid #98C5C3;
	padding: 0px;
	margin: 0px;
	display: none;
}
.dwCommonEdit .dwComEditMenuUl li{
	list-style: none;
	padding: 5px;
	margin: 0px;
	font-size: 12px;
	color: #333333;
}
.dwCommonEdit .dwComEditMenuUl li a{
	color: #333333;
	text-decoration: none;
	font-size: 12px;
}
.dwCommonEdit .dwComEditOptionUl{
	position:absolute;
	background: white;
	border: 1px solid #98C5C3;
	padding: 0px;
	margin: 0px;
	display: none;
	list-style: none;
	right: 0px;
	top:-28px;
}
.dwCommonEdit .dwComEditOptionUl li{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	color: #333333;
	float: left;
	cursor: pointer;
}
.dwComEditOptionUl li .dwQuIcon{
	width: 30px;
	height: 26px;
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
}
.dwComEditOptionUl li.dwOptionUp .dwQuIcon{
	background-position:-468px -150px;
}
.dwComEditOptionUl li.dwOptionDown .dwQuIcon{
	background-position:-433px -150px;
}
.dwComEditOptionUl li.dwOptionDel .dwQuIcon{
	background-position:-494px -150px;
}

.dwCommonEdit .dwComEditMenuBtn{
	position: absolute;
	right: -32px;
	top:-1px;
	border: 1px solid #98C5C3;
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	cursor: pointer;
	background-color: #DBE5F1;
}
#dwComEditContent{
	outline-style: none;
	color: #333333;
	font-family: "微软雅黑";
	line-height: 1.4em;
	
	table-layout:fixed; word-break: break-all;
}
/** 问卷标题 **/
#dwCommonEditRoot.svyName #dwComEditContent{
	text-align: center;
	outline-style: none;
	font-weight: none;
	font-size: 21px;
	letter-spacing:1px;
	color:#222222;
	cursor:text;
	padding-top:2px;
	padding-bottom:1px; 
	line-height:1.4em;
	overflow: auto;
}
#dwCommonEditRoot.svyName .dwComEditMenuBtn{
	width: 30px;
	height: 32px;
	background-position:-392px -150px;
}
#dwCommonEditRoot.svyName .dwComEditMenuUl{
	margin-top:32px;
	right:-32px;
}
/** 问卷欢迎语编辑 **/
#dwCommonEditRoot.svyNoteEdit #dwComEditContent{
	font-size: 16px;
	outline-style: none;
	/* text-indent: 2em; */
	line-height: 1.4em;
	color: #333333;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: text;
	font-family: "微软雅黑";
}
#dwCommonEditRoot.svyNoteEdit .dwComEditMenuBtn{
	width: 30px;
	height: 32px;
	background-position:-392px -150px;
}
#dwCommonEditRoot.svyNoteEdit .dwComEditMenuUl{
	margin-top:32px;
	right:-32px;
}
/** 编辑题目标题时样式  **/
#dwCommonEditRoot.quEdit .dwCommonEdit{
	width:600px;
	padding: 0px;
}
#dwCommonEditRoot.quEdit .dwComEditMenuUl{
	margin-top:32px;
	right:-32px;
}
#dwCommonEditRoot.quEdit .dwComEditMenuBtn{
	width: 30px;
	height: 32px;
	background-position:-392px -150px;
}
#dwCommonEditRoot.quEdit  #dwComEditContent{
	padding: 5px;
	font-size: 16px;
}
#dwCommonEditRoot.quEdit .dwComEditOptionUl{
	display: none;
}

/**编辑题目选项是样式**/
#dwCommonEditRoot.quOptionEdit .dwCommonEdit{
	width: 200px;
	padding:0px 0px 0px 0px;
}
#dwCommonEditRoot.quOptionEdit .dwComEditMenuUl{
	margin-top:23px;
	right:-25px;
}
#dwCommonEditRoot.quOptionEdit  .dwComEditOptionUl{
	
}
#dwCommonEditRoot.quOptionEdit .dwComEditMenuBtn{
	width: 23px;
	height: 23px;
	right: -25px;
	background-position:-392px -183px;
}
#dwCommonEditRoot.quOptionEdit  #dwComEditContent{
	padding: 2px 0px;
	font-size: 14px;
}
#dwCommonEditRoot.quOptionEdit .dwComEditOptionUl{
	display: inline;
}
/**input menu菜单 **/
#dwCommonInputMenuRoot{
	position: absolute;
	display: none;
	z-index: 102;
}
#dwCommonInputMenuRoot .dwCommonInputMenu{
	background: #FDF9CD;
	position: absolute;
}
.dwCommonInputMenu .dwComEditMenuUl{
	display: none;
}
.dwCommonInputMenu .dwComEditMenuBtn{
	position: absolute;
	border: 1px solid #98C5C3;
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	cursor: pointer;
	background-color: #DBE5F1;
}
.dwCommonInputMenu .dwComEditMenuBtn{
	width: 23px;
	height: 28px;
	background-position:-392px -179px;
}

/** 弹出窗口代码 **/
#dwCommonDialog{
	position: absolute;
	z-index: 99;
	top: 200px;
	left: 200px;
	background: #FAFAFA;
	display: none;
	min-width: 504px;
}
#dwCommonDialog .dwCommonRefIcon{
	position: absolute;
	font-size: 30px!important;
	z-index: 99;
	width: 30px;
	border-bottom: none!important;
	top: 7px;
}
.dwCommonRefIcon .dwCommonRefIcon1{
	border-width: 7px;
	z-index: 3;
	left: 1px;
	font: 0px/9999px serif;
	overflow: hidden;
	position: absolute;
	width: 0px;
	height: 0px;
	color: inherit;
}
.dwCommonRefIcon .dwCommonRefIcon2{
	border-width: 7px;
	font: 0px/9999px serif;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	width: 0px;
	height: 0px;
	color: inherit;
}
#dwCommonDialog .dwCommonRefIcon.left{
	left: -14px;
}
.dwCommonRefIcon.left .dwCommonRefIcon1{
	border-style: dashed solid dashed dashed;
	border-color: transparent #EFEFEF transparent transparent;
}
.dwCommonRefIcon.left .dwCommonRefIcon2{
	border-style: dashed solid dashed dashed;
	border-color: transparent #0D75AD transparent transparent;
}
#dwCommonDialog .dwCommonRefIcon.right{
	right: -30px;	
}
.dwCommonRefIcon.right .dwCommonRefIcon1{
	left: -1px;
	border-color: transparent transparent transparent rgb(239, 239, 239);
	border-style: dashed dashed dashed solid;
}
.dwCommonRefIcon.right .dwCommonRefIcon2{
	border-color: transparent transparent transparent rgb(84, 139, 167);
	border-style: dashed dashed dashed solid;
}

#dwCommonDialog .dwCommonDialogBody{
	border: 1px solid #62A3C6;
	/* width: 500px;
	height: 300px; */
	box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
}
.dwCommonDialogBody .dwCommonDialogTitle{
	height: 28px;
	line-height: 28px;
	color: #808080;
	font-size: 14px;
	font-weight: bold;
	padding: 0 8px;
	background: #EFEFEF;
}
.dwCommonDialogBody .closeDialog{
	float:right;
	width: 28px;
	height: 28px;
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	background-position:-494px -150px;
	cursor: pointer;
}
.modelHtml,.dialogContentModel{
	display: none;
}

.dwQuFormSetDialog{
	width: 450px;
	padding: 0px 30px;
}
.dwQuFormSetDialog ul{
	list-style: none;
	padding: 10px 0px;
	padding-bottom:0px;
	margin: 0px;
}
.dwQuFormSetDialog ul li{
	font-size: 14px;
	color: #333333;
	font-family: "微软雅黑";
	padding: 2px 5px;
	margin: 2px;
}
.dwQuFormSetDialog ul li select,.dwQuFormSetDialog ul li input{
	padding: 5px;
	color: #333333;
	border: 1px solid #98C5C3;
}
.dwQuDialogBtnCon{
	padding: 0px;
	padding-bottom: 8px;
	overflow: auto;
}
.quDialogBtn{
	background: #4AB048;
	color: white;
	font-size: 16px;
	padding: 8px 15px;
	border: none;
	outline: none;
	cursor: pointer;
	float: right;
}
.quDialogBtn-1{
	background-color: #869686;
}
.quDialogBtn:hover{
	background: #0AA5A0;
}
/** 批量添加选项 **/
.dwQuAddMore{
	padding: 0px 30px;
	margin: 0px;
	overflow: auto;
}
.dwQuAddMore textarea{
	padding: 5px;
	color: #333333;
	border: 1px solid #98C5C3;
	outline: none;
	width:430px;
	height: 150px;
	margin-bottom: 10px;
}
.dwQuDialogCon{
	display: none;
}
.dwQuAddMore .dwQuTextSpan{
	font-size:12px;
	color:#333;
	padding:5px;
	margin-top: 10px;
}
/**逻辑设置弹出窗口**/
.dwQuDialogLogic{
	padding: 0px 30px;
	margin: 0px;
	overflow: auto;	
}
.dwQuDialogLogicTitle{
	font-size: 12px;
	line-height: 1.4em;
	color: #213E5E;
	margin-top: 15px;
}
.dwQuDialogLogic table{
	font-size: 14px;
	color: #333;
	font-family: "微软雅黑";
}
.dwQuDialogLogic table tr td{
	padding: 0px 2px;
}
.dwQuDialogLogic select{
	width: 160px;
	height: 30px;
	border: 1px #77a5b4 solid;
	padding: 2px;
	vertical-align: middle;
	outline: none;
}
.dwQuDialogBotEvent{
	padding: 2px;
}
.dwQuDialogAddLogic{
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.dwQuDialogAddLogic .dwQuIcon{
		width: 25px;
		height: 25px;
		margin: 0px auto;
		background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
		background-position: -620px -153px;
}
.dialogRemoveLogic{
		width: 23px;
		height: 23px;
		margin: 0px auto;
		background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
		background-position: -690px -152px;
		cursor: pointer;
}
.dwQuDialogLoad{
	width: 450px;
	padding-top:80px;
	padding-bottom:80px;
	text-align: center;
}
.dwQuDialogLoad img{
	
}
#modelUIDialogContent{
	padding: 10px 20px;
}
#modelUIDialogContent input{
	outline: none;
}
#modelUIDialogContent select{
	outline: none;
}
/** 选项设置  **/
.quOptionFillContentLi,.quOptionFillRequiredLi{
	display: none;
}
.optionInpText{
	padding:5px;
	margin-left:5px;
	margin-top:5px;
}

.surveyQuItemBody.hover .quFillblankItem .dwFbMenuBtn{
/* 	display: inline; */
}
.quCoItemUlLi.hover .quFillblankItem .dwFbMenuBtn{
	display: inline;
}
.quFillblankItem{
	position: relative;
}
.quFillblankItem .dwFbMenuBtn{
	position: absolute;
	border: 1px solid #98C5C3;
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat;
	cursor: pointer;
	background-color: #DBE5F1;
	display: none;
	width: 23px;
	height: 27px;
	background-position:-392px -179px;
	margin-left: -1px;
}
/**评分题**/
.quCoItemTable{
	color: #333333;
	font-family: "微软雅黑";
	font-size: 12px;
}
.quCoItemTableTd{
	padding: 5px;
}
.scoreNumTable {
	border: 1px solid #DDE1E7;
	width: 300px;
	margin-top: 2px;
	background: url("../../../images/piont_lv.png");
	background-repeat: repeat;
}
.scoreNumTable tr td{
	text-align: center;
	font-size: 12px;
	padding: 0px;
	border: solid 1px white;
	cursor: pointer;
}
.quOptionEditTd .editAble{
	width: 100%;
	font-size: 14px;
}
/** 排序题 **/
.quOrderByLeft{
	float: left;
	width: 300px;
	overflow: auto;
}
.quOrderByLeft ul li{
	margin: 0px! important;
	padding: 7px 5px;
}
.quOrderByLeft .quCoOptionEdit{
	width: 280px;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
}
.quOrderByRight{
	float: left;
	overflow: auto;
}
.quOrderByTable{
	border-collapse: collapse;
	border-spacing: 0;
	width: 330px;
}
.quOrderByTable tr td{
	padding: 8px;
	border: 1px solid #dbdbdb;
}
.quOrderByTable tr td.quOrderyTableTd{
	background: #efefef;
	color: #666666;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	padding: 8px;
	border: 1px solid #dbdbdb;
	width: 30px;
}
/**分页题*/
.pageQuContent{
	text-align: right;
	padding: 8px 15px;
	font-family: "微软雅黑";
	line-height: 1.4em;
	color: #666666;
	font-size: 14px;
	/* border-top: 2px solid #BCBCBC; */
}
.pageBorderTop{
	margin:0px 10px;
	border-top: 3px solid transparent;
	border-top: 3px solid #D6DCE4;
}
.pageBorderTop.nohover{
	border-top: 3px solid #D6DCE4;
}
/**多项填空题**/
.mFillblankTable{
	
}
.mFillblankTable tr td{
	padding: 5px 8px;
	vertical-align: middle;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #333333;
	line-height: 1.4em;
}
.mFillblankTable tr td .editAble{
	width: 100%;
}
.mFillblankTable .mFillblankTableEditTd{
}
/**jquery ui dialog**/
.ui-icon-closethick {
	background: transparent url("../../../images/toolbar.png") 0px 0px no-repeat! important;
	background-position: -502px -155px! important;
}
#editDialogCenter{
    width: 678px;
    border-bottom: 1px solid #c8c9cc;
    overflow: hidden;
    margin: auto;
    padding-top: 3px;
    background-color: #fff;
    text-align: left;
}
#dialogUeBottom{
	padding: 5px 10px;
}

/**矩陈题**/
.quCoItemLeftChenTableDiv{
	float: left;
	overflow: auto;
}
table.quCoChenTable{
	padding: 0px;
	margin: 0px;
	width: 650px;
	border: 1px solid #dddddd;
	border-collapse: separate;
	border-left: 0;
	border-spacing: 0;
}
table.quCoChenTable tr td{
	vertical-align: middle;
	padding:3px 0px;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #333333;
	line-height: 1.4em;
	text-align: center;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}

table.quCoChenTable tr td label{
	padding:3px 0px;
	vertical-align: middle;
	cursor: text;
	display: inline-block;
	max-width: 600px;
	table-layout:fixed; word-break: break-all;
	width: 100%;
}

.surveyQuItemContent .quCoRightTools{
	visibility: hidden;
	overflow: auto;
	float: right;
	padding: 0px;
}
.surveyQuItemContent .quCoRightTools ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-top: 12px;
}
.surveyQuItemContent .quCoRightTools ul li{
	padding:0px;
	margin: 8px auto;
	cursor: pointer;
	font-family: "微软雅黑";
	font-size: 12px;
	text-align: center;
}
.surveyQuItemContent .quCoRightTools ul li .dwQuIcon{
	width: 25px;
	height: 25px;
	margin: 0px auto;
}
.surveyQuItemContent .quCoRightTools ul li.addMoreOption{
	margin-left: 2px;
}
.contactsFieldLi{
	display: none;
}

select option{
	padding: 5px;
}
.inputSytle_1{
	border: 1px solid #cececf;
	outline: none;
	height: 17px;
	padding: 4px 6px;
	font-size: 12px;
}
.tabbarDialog{
	position: fixed;
	z-index:200;
	border:1px solid #c0c0c0;
	background: white;
	top:40px;
	padding: 15px;
	line-height: 1.4em;
	font-family: "微软雅黑";
	color: #444;
	filter:alpha(opacity=92); /*IE滤镜，透明度50%*/
	-moz-opacity:0.92; /*Firefox私有，透明度50%*/
	opacity:0.92;/*其他，透明度50%*/
}
.tabbarDialog_1{
	background: white;
	padding: 5px 10px;
	line-height: 1.2em;
	font-family: "微软雅黑";
	font-size:14px;
	color: #444;
}
.p_DialogContent{
	margin: 5px;
}
.p_DialogContentTitle{
	font-size: 16px;
	padding: 5px;
	color: gray;
}
.p_DialogContentRoot{
	padding: 5px;
	padding-left: 10px;
}
.p_DialogContentItem{
	padding: 3px;
}
.tabbarDialogContent{
	visibility: visible;
}

.sbtn24{
	background: url(../../../images/btn24.png) no-repeat 999px 999px;
	width: 88px;
	height: 30px;
	color: #777;
	background-position: 0 -240px;
	font-size: 12px;
	border: 0;
	cursor: pointer;
	display: inline-block;
	zoom: 1;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";
}
.sbtn24{
	margin-left: 10px;
	letter-spacing: 3px;
}
.sbtn24_0{
	background-position: 0 -200px;
	color: #fff;
}
.sbtn24_1{
	color: #333333;
}
.sbtn24_0:hover{
	background-position: -98px -200px;
}
.sbtn24_1:hover{
	background-position: -98px -240px;
}

.footer-copyright{
	margin-top:20px;
	width: 100%;
	height: 30px;
	text-align: center;
}

/**  单选样式***/
.dwQuOptionItemContent .dwRedioStyle {
  background: transparent url(../../../images/answer-icon-1.png) no-repeat center top;
  vertical-align: middle;
  height: 20px;
  width: 22px;
  background-position: -2px -6px;
}
.dwQuOptionItemContent .dwRedioStyle.checked{
  background-position: -2px -31px;
}

/**多选样式**/
.dwQuOptionItemContent .dwCheckboxStyle {
  background: transparent url(../../../images/answer-icon-1.png) no-repeat center top;
  vertical-align: middle;
  height: 22px;
  width: 22px;
  background-position: -2px -60px;
}
.dwQuOptionItemContent .dwCheckboxStyle.checked{
  background-position: -2px -87px;
}

.dwQuOptionItemContent input[type='radio'], .dwQuOptionItemContent input[type='checkbox'] {
    display: none;
}

.ui-progressbar .ui-progressbar-value {
    margin: 0px;
}
.progressbarDiv .ui-progressbar-value {
    background: #83AE00! important;
    border: none;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

#dwBody{
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#dwBodyContent{
	margin: 0px auto;
	background: white;
}

.surveyCollectTop{
	padding: 15px 30px;
	font-family: "微软雅黑";
	border-bottom:1px solid #EEEEEE;
}

.surveyCollectTitle{
	font-size: 23px;
	font-size:1.8em;
	letter-spacing: 3px;
	color: #6b6b6b;
}

.surveyCollectInfoDiv{
	font-size: 14px;
	line-height: 1.4em;
	padding: 5px;
	margin-top: 10px;
	color: #9b9a9a;
}

.surveyCollectInfoLeft{
	
}

.surveyCollectInfoRight{
	float: right;
}

.collectInfoSpan{
	color: #9b9a9a;
}

.surveyCollectMiddle{
	overflow: auto;
}

.surveyCollectTitleDiv{
	
}

.surveyCollectMiddleTab{
	font-family: "微软雅黑";
	border: 1px solid #d4d4d4;
	border: none;
	background: #f5f5f5;
}
.scmTabRight{
	float: right;
	margin-top: 5px;
}

.sbtn25_2{
	background-position: -123px -333px;
	color: #6d6d6d;
	width: 110px;
	height: 40px;
	line-height: 36px;
}

.sbtn25{
	background: url(../../../images/dw-icons1-24.png) no-repeat 999px 999px;
	width: 108px;
	height: 33px;
	color: white;
	font-size: 13px;
	border: 0;
	cursor: pointer;
	display: inline-block;
	zoom: 1;
	letter-spacing: 1px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
	font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";
}

.r-qu-body-title{
	line-height: 26px;
	padding: 4px 0;
}

.r-qu-body-title, .r-qu-body-title p, .r-qu-body-title span{
	color: #625F5F! important;
	font: 14px/20px "Microsoft Yahei","微软雅黑","SimSun","宋体","Arial Narrow",HELVETICA;
	font-size: 20px;
	display: inline-block;
}

.quCoTitleText{
	display: inline-block;
}

.surveyResultQu{
	margin-bottom:15px;
	background: rgb(245, 245, 245);
  	padding: 10px 5px;
	
}

.r-qu-body-content{
	padding-left: 10px;
	color: #6c6c6c;
	font: 12px/20px "Microsoft Yahei","微软雅黑","SimSun","宋体","Arial Narrow",HELVETICA;
}
.r-qu-body-title{
	line-height: 26px;
	padding: 4px 0;
}
.r-qu-body-title, .r-qu-body-title p, .r-qu-body-title span{
	color: #625F5F! important;
	font: 14px/20px "Microsoft Yahei","微软雅黑","SimSun","宋体","Arial Narrow",HELVETICA;
	font-size: 20px;
	display: inline-block;
}

.r-qu-body-title .quCoNum {
    float: left;
    padding-left: 8px;
}

.reportPic{
	padding: 10px;
	margin-top: 10px;
}

.dw_btn026{
	display: inline-block;
	font-size: 12px;
	font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";
	border: 1px solid #D5D5D5;
	padding: 3px 12px;
	color: #434242;
	letter-spacing: 2px;
	background-color: #f7f7f7;
	border: 1px solid transparent;
}

.dw_btn026.active,a.dw_btn026:hover{
	background: #599FD1;
	border: 1px solid #599FD1;
	color: white;
	background: #FEFFFF;
    border: 1px solid transparent;
    color: rgb(27, 5, 5);
}

.suQuTable {
    border: 1px solid #c5b6b6! important;
    width: 100%;
}

.suQuTable tr td{
	height: 30px! important;
	font-size: 16px;
	border-bottom: 1px dashed #dad5d5;
}

.ui-corner-all,.ui-corner-left{
	 -moz-border-radius: 0px; 
	 -webkit-border-radius: 0px; 
	 -khtml-border-radius: 0px; 
	 border-radius: 0px;
	 border: none;
}
.progressbarDiv{
	background: #E8E8E8;
	height: 15px! important;
    box-shadow: none! important;
}

.messageSpan{
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 200px;
    font-size: 25px;
    font-family: serif;
}

.winui-load-mation{
	width: 100%;
	height: 100%;
    background-color: RGB(0, 0, 0);
    z-index: 1000000000;
    position: relative;
}

.winui-load-mation-box{
	margin: auto !important;
	position: absolute;
    top: 25%;
    left: 0;
    right: 0;
}

.winui-load{
    text-align: center;
    width: 100%;
}

.load-title{
	width: 100%;
    height: 60px;
    text-align: center;
}

.load-title font{
	color: white;
    font-size: 34px;
    font-family: cursive;
}

.load-wait{
	width: 100%;
    height: 40px;
    text-align: center;
}

.load-wait font{
	color: white;
    font-size: 18px;
    font-family: cursive;
}

.page-load{
	width: 100%;
	height: 100%;
	top: 0;
    left: 0;
    position: fixed;
    background-color: aqua;
}

.page-icon{
    width: 100%;
    text-align: center;
    margin-top: 9%;
}

.page-icon-title{
	font-size: 66px;
}

.page-icon-load{
	width: 100%;
    text-align: center;
    margin-top: 25px;
    color: white;
}

.page-icon-title-load{
	
}

.page-load font{
	
}

.browser-optrare{
    min-height: 36px;
    padding-top: 3px;
    text-align: left;
    padding-left: 20px;
    min-width: 50px;
    width: 4%;
    float: left;
}

.browser-input-serach{
	width: 80%;
	float: left;
	min-height: 36px;
	padding-top: 5px;
}

.browser-input-serach-icon{
	position: absolute;
    top: 9px;
    font-size: 22px;
    right: 16%;
    color: darkgray;
    cursor: pointer;
}

.browser-icon{
	font-size: 17px;
    margin-top: 7px;
    color: RGB(90, 99, 104);
    cursor: pointer;
}

.browser-input{
    line-height: 30px;
    height: 30px;
    border-radius: 25px !important;
    width: 100%;
    padding-left: 15px;
    padding-right: 60px;
}

.browser-content{
	margin:auto 0px;
    height: calc(100vh - 36px);
}

.browser-content iframe{
	width: 100%;
	height: 100%;
}

.win-bg-vague{
	-webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);    
    filter: blur(10px);
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    background-color: gainsboro;
    opacity: 0.5;
}

.win-bg-img{
	width: 100%;
	height: 100%;
	position: absolute;
}

.slider-custom{
	width: 200px;
    padding-top: 15px;
}

.slider-custom .layui-slider-input{
	margin-top: 15px;
}

.ul-context-menu {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	padding: 5px 0;
	min-width: 80px;
	margin: 0;
	display: none;
	font-family: "微软雅黑";
	font-size: 14px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	box-sizing: border-box;
	border-radius: 4px;
	-ms-box-shadow: 0 10px 80px rgba(0,0,0,0.4);
	-o-box-shadow: 0 10px 80px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.4);
    box-shadow: 0 10px 80px rgba(0,0,0,0.4);
}

/*父列表 第一类样式*/
.ul-context-menu .ui-context-menu-item {
	margin: 0;
	padding: 0;
	height: 30px;
}

.ul-context-menu .ui-context-menu-item a {
	display: block;
	padding: 0 10px;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.ul-context-menu .ui-context-menu-item a:hover {
	text-decoration: none;
	color: #262626;
}

.ul-context-menu .ui-context-menu-item a i{
	width: 12px;
    height: 12px;
}

.ul-context-menu .ui-context-menu-item a .menu-right{
    float: right;
    line-height: 30px;
    width: 12px;
    height: 12px;
}

.ul-context-menu .ui-context-menu-item a span{
	margin-left: 10px;
}

.ul-context-menu .ui-context-menu-item .icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: sub;
	border: 0;
}

/*父列表 第二类样式*/
.ul-context-menu .ui-context-mouse-menu-item {
	margin: 0;
	padding: 0;
	height: 30px;
}

.ul-context-menu .ui-context-mouse-menu-item a {
	display: block;
	padding: 0 10px;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.ul-context-menu .ui-context-mouse-menu-item a:hover {
	text-decoration: none;
	color: #262626;
}

.ul-context-menu .ui-context-mouse-menu-item a i{
	width: 12px;
    height: 12px;
}

.ul-context-menu .ui-context-mouse-menu-item a .menu-right{
    float: right;
    line-height: 30px;
}

.ul-context-menu .ui-context-mouse-menu-item a span{
	margin-left: 10px;
}

.ul-context-menu .ui-context-mouse-menu-item .icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: sub;
	border: 0;
}

/*子列表*/
.child-context-menu {
	list-style: none;
	position: relative;
	top: -30px;
	z-index: 9999;
	padding: 5px 0;
	min-width: 80px;
	margin: 0;
	display: none;
	font-family: "微软雅黑";
	font-size: 14px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.child-context-menu .ui-context-menu-item {
	margin: 0;
	padding: 0;
}

.child-context-menu .ui-context-menu-item a {
	display: block;
	padding: 0 10px;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.child-context-menu .ui-context-menu-item a:hover {
	text-decoration: none;
	color: #262626;
}

.child-context-menu .ui-context-menu-item a i{
	width: 12px;
    height: 12px;
}

.child-context-menu .ui-context-menu-item a .menu-right{
    float: right;
    line-height: 30px;
    width: 12px;
    height: 12px;
}

.child-context-menu .ui-context-menu-item a span{
	margin-left: 10px;
}

.child-context-menu .ui-context-menu-item .icon {
	width: 16px;
	height: 16px;
	margin-right: 8px;
	vertical-align: sub;
	border: 0;
}

.notice-remove{
	margin-right: 50px;
	float: right;
	cursor: pointer;
}

.notice-item-remove{
	margin-right: 50px;
	float: right;
	cursor: pointer;
}

.task-item-icon-box{
    width: 40px !important;
    padding: 3px 5px !important;
}

.title-icon-big{
	width: 25px;
    height: 25px;
    border-radius: 15px;
    font-size: 20px;
    line-height: 25px;
    margin-left: 3px;
}

.win-boxs{
	width: 260px;
	min-height: 75px;
	background-color: dimgrey;
    float: right;
    bottom: 50px;
    position: absolute;
    right: 10px;
    border: 1px solid #aaa;
    background-color: rgba(0,0,0,0.4);
    filter: Alpha(opacity=40);
    zoom:1;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.left-hide-menu{
	width: 20px;
	height: 100%;
    min-height: 75px;
    float: left;
    border: 1px solid white;
    position: absolute;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    cursor: pointer;
    padding: 0px 0;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    text-align: center;
}

.left-hide-menu>i{
    color: white;
    font-size: 20px;
}

.win-box-title{
	height: 35px;
	width: calc(100% - 40px);
    border-bottom: 1px solid white;
    margin-left: 30px;
    margin-right: 10px;
    float: left;
}

.win-box-title span{
	line-height: 35px;
    padding-left: 5px;
    color: white;
}

.win-box-title-edit, .win-box-title-edit-close{
	color: cornflowerblue;
    float: right;
    line-height: 35px;
    cursor: pointer;
}

.win-box-title-edit:HOVER, .win-box-title-edit-close:HOVER{
	color: white;
}

.win-box-title-edit-close{
	display: none;
}

.win-box-del{
	background-color: red;
    color: white;
    height: 15px;
    width: 15px;
    font-size: 12px;
    text-align: center;
    border-radius: 15px;
    float: right;
    line-height: 14px;
    margin-top: -5px;
    margin-right: -5px;
    display: none;
}

.win-box-content{
	width: 250px;
	min-height: 40px;
	overflow-y: scroll;
    max-height: 200px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    float: left;
}

.win-box{
	width: 50px;
	height: 35px;
	background-color: dimgrey;
    background-color: rgba(0,0,0,0.6);
    filter: Alpha(opacity=60);
    border: 1px solid #040c0d;
    cursor: pointer;
    float: left;
    margin-left: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.win-box:HOVER {
	border: 2px solid #00ffff;
	width: 48px;
	height: 33px;
}

.win-box-check{
	border: 2px solid #00ffff;
	width: 48px;
	height: 33px;
}

.win-box-btn{
    width: 45px;
    height: 30px;
    background-color: rgba(0,0,0,0.1);
    filter: Alpha(opacity=10);
    border: 1px solid #040c0d;
    cursor: pointer;
    float: left;
    margin-left: 6px;
    margin-top: 8px;
    margin-bottom: 5px;
    text-align: center;
}

.win-box-btn:HOVER {
	border: 1px solid #00ffff;
}

.win-box-btn-add{
    color: white;
    font-size: 18px;
    margin-top: 5px;
}

.login-html{
	overflow: hidden;
}

.login-body{
	background-color: #1d90d4  !important;
	/**-webkit-animation: cloud_three 100s linear infinite;*/
    -moz-animation: cloud_three 100s linear infinite;
    -o-animation: cloud_three 100s linear infinite;
    /**animation: cloud_three 100s linear infinite;*/
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.detail {
    background-color: #ffffff;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #dddddd;
}

.optreat-box{
	width: 100%;
	height: 100%;
    position: absolute;
}

.optreat-win{
	width: 100%;
	height: 100%;
    position: absolute;
}

.optreat-schedule{
	width: 100%;
	height: 100%;
    position: absolute;
    z-index: 99999900;
    display: none;
}

.schedule-write{
	width: calc(100% - 60px);
	margin-left: 30px;
	height: calc(100% - 70px);
	margin-top: 50px;
}

.optreat-filewrite{
	width: 100%;
	height: 100%;
    position: absolute;
    z-index: 99999900;
    display: none;
}

.win-file-switch{
    position: absolute;
    width: 100%;
    height: 40px;
    color: #ddd;
    margin-top: 0px;
    background-color: rgba(190,190,190,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-bottom: 1px solid #ddd;
    border-bottom-color: transparent;
}

.show-hide-menu{
    float: left;
    height: 15px;
    border: 2px solid ghostwhite;
    width: 30px;
    margin-left: calc(50% - 16px);
    text-align: center;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top: 0px;
    cursor: pointer;
}

.show-hide-menu i{
    color: ghostwhite;
    line-height: 10px;
}

.sys-logo{
	height: 100%;
    width: 200px;
    float: left;
}

.sys-logo .menu-logo{
	padding: 0px !important;
	width: 200px;
	background: rgba(255,255,255,0.3);
    color: white;
    margin-top: -2px;
}

.sys-logo .menu-logo img{
	max-width: calc(100% - 20px);
    padding: 0 10px;
}

.switch-menu{
	height: 100%;
    width: calc(100% - 400px);
    float: left;
    white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.switch-menu::-webkit-scrollbar{
	display:none;
}

.switch-menu .win-10-menu,
.sys-logo .win-10-menu{
    text-align: center;
    line-height: 40px;
    margin-left: 6px;
    cursor: pointer;
    padding: 0px 0.3em;
    border-top: none;
    border-bottom: none;
    outline: none;
    display: inline-block;
    margin-left: -1px;
    font-size: 14px;
    border: 1px solid #5074be;
    border-color: rgba(190,190,190,0.1);
}

.switch-menu .win-10-menu:HOVER{
	background: rgba(255,255,255,0.3);
}

.win-10-menu font{
	text-shadow: 0px 0px 0px #fff, 0px 0px 4px #000;
	padding: 0px 1.2em;
}

.win-10-menu font i{
	margin-right: 6px;
}

.switch-menu-scoolor{
	height: 100%;
	width: 30px;
	float: left;
	margin-left: 5px;
	display: none;
}

.switch-menu-scoolor .scoolor-btn{
	width: 40%;
	height: 80%;
	float: left;
	margin-top: 10%;
	border: 1px solid gainsboro;
	margin-left: calc(10% - 2px);
	cursor: pointer;
	text-align: center;
}

.switch-menu-scoolor .scoolor-btn:FIRST-CHILD{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.switch-menu-scoolor .scoolor-btn:last-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.switch-menu-scoolor .scoolor-btn i{
	line-height: 34px;
}

.switch-checked{
	background: rgba(255,255,255,0.3);
	color: white;
}

.user-main-mation{
	height: 100%;
	width: 160px;
	float: right;
}

.user-main-mation .layui-nav{
    padding: 0px 1.2em;
    height: 100%;
    background-color: rgba(190,190,190,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-bottom: 1px solid #ddd;
    border-bottom-color: transparent;
    width: 100%;
}

.user-main-mation .layui-nav li{
	line-height: 40px;
	width: 100%;
}

.user-main-mation .layui-nav li a{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user-main-mation .layui-nav li .layui-nav-child{
	top: 40px;
}

.user-main-mation .layui-nav li .layui-nav-child dd a{
    font-size: 1.1em;
    font-weight: inherit;
    color: #666;
}

.user-main-mation .layui-nav li .layui-nav-child dd a i{
	padding-right: 10px;
}

.file-write{
	width: calc(100% - 60px);
	margin-left: 30px;
	height: calc(100% - 70px);
	margin-top: 50px;
}

.file-write-left{
	width: 15%;
	height: 100%;
	float: left;
	border: 1px solid white;
	border-radius: 8px;
	background-color: rgba(255,255,255,0.7);
}

.left-title{
	width: 100%;
	height: 35px;
	background-color: rgba(255,255,255,1);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	
}

.left-title font{
    line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
    font-family: 宋体;
}

.left-content{
	width: 100%;
	height: calc(100% - 35px);
	float: left;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.file-ul{
	width: 100%;
	height: auto;
}

.file-child-ul{
	width: calc(100% - 10px);
	height: auto;
	display: none;
	padding: 0 0 0 10px;
	float: left;
}

.file-li{
    list-style: none;
    width: 100%;
    float: left;
}

.file-div{
	width: 100%;
    height: 100%;
    float: left;
}

/* 目录图标 加号，减号，文件 */
.file-type-icon{
	width: 10%;
    float: left;
    height: 100%;
    line-height: 100%;
    text-align: center;
    cursor: pointer;
}

.file-type-icon i{
	line-height: 35px;
}

/* 目录标题 */
.file-title-name{
    width: 60%;
    float: left;
    height: 100%;
    line-height: 100%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-title-name font{
	line-height: 35px;
    font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;;
    font-weight: 500;
}

/* 目录附件 */
.file-enclosure{
	width: 15%;
    float: left;
    height: 100%;
    line-height: 100%;
    cursor: pointer;
}

.file-enclosure i{
    float: left;
    width: 50%;
    height: 100%;
    line-height: 35px;
}

.file-enclosure font{
    float: left;
    width: 50%;
    height: 100%;
    line-height: 35px;
}

/* 分享 */
.file-share{
	width: 15%;
    float: left;
    height: 100%;
    line-height: 100%;
    cursor: pointer;
}

.file-share i{
    float: left;
    width: 50%;
    height: 100%;
    line-height: 35px;
}

.file-share font{
    float: left;
    width: 50%;
    height: 100%;
    line-height: 35px;
}




.file-write-right{
	width: calc(85% - 14px);
	margin-left: 10px;
	height: 100%;
	float: left;
	border: 1px solid white;
	border-radius: 8px;
	background-color: rgba(255,255,255,0.7);
}

.right-title{
	width: 100%;
	height: 35px;
	background-color: rgba(255,255,255,1);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	
}

.right-title font{
	line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
    font-family: 宋体;
}

.right-content{
	width: 100%;
	height: calc(100% - 35px);
	float: left;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.scheduleCalendar{
    width: 50%;
    margin-left: 1%;
    height: calc(100% - 20px);
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px;
    float: left;
}

.scheduleTitle{
	width: 100%;
    height: 40px;
    background-color: rgba(255,255,255,1);
    float: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.scheduleTitle font{
    height: 100%;
    line-height: 40px;
    padding-left: 10px;
    float: left;
}

.scheduleContent{
	float: left;
	width: 100%;
	height: calc(100% - 40px);
}

.left-schedule{
	width: 24%;
    height: calc(100% - 20px);
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px;
    float: left;
}

.right-schedule{
	width: 24%;
    height: calc(100% - 20px);
    margin-left: 1%;
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px;
    float: left;
}

.schedule-close{
    float: right;
    line-height: 40px;
    margin-right: 10px;
    cursor: pointer;
}

.scheduleIntroduce{
	float: left;
	height: 100%;
	margin-left: 10px;
}

.introduce-item{
	width: auto;
	float: left;
}

.introduce-item font{
	line-height: 40px;
	padding-left: 6px;
}

.introduce-color1{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #63B8FF;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.introduce-color2{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #CD69C9;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.introduce-color3{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #54FF9F;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.introduce-color4{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #FF0000;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.introduce-color5{
	width: 10px;
	height: 10px;
	float: left;
	background-color: #ADADAD;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 5px;
}

.schedule-search{
	float: left;
    width: calc(100% - 10px);
	height: 125px;
	margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.schedule-search label{
	padding: 5px !important;
	width: 70px !important;
	background-color: rgb(255, 255, 255, 0) !important;
	border-width: 0px !important;
}

.schedule-search .layui-input-block{
	margin-left: 70px;
}

.schedule-search input{
	height: 30px;
	padding-left: 5px!important;
}

.schedule-all-list{
	float: left;
	width: 100%;
	height: calc(100% - 175px);
}

.schedule-list{
	float: left;
	width: 100%;
	height: calc(40% - 40px);
}

.schedule-list .layui-timeline{
	height: 100%;
    overflow-y: auto;
}

.schedule-detail{
	float: left;
	width: 100%;
	height: calc(60% - 40px);
	overflow-y: auto;
}

.schedule-all-list .layui-collapse{
    background-color: rgba(255, 255, 255, 0.7);
    margin-left: 10px;
    margin-right: 10px;
    height: 100%;
    overflow-y: auto;
}

.schedule-all-list .layui-collapse .layui-colla-item .layui-colla-content{
	padding-left: 35px;
    padding-right: 35px;
}

.layui-timeline .layui-timeline-item .layui-timeline-content{
	cursor: pointer;
}

.scheduleTitle button{
	float: right;
	margin-top: 5px;
    margin-right: 10px;
}

.add-schedule-mation{
	z-index: 99999901 !important;
}

.update-password-html{
	z-index: 99980002 !important;
}

.msg-skin-message{
	z-index: 99999901 !important;
}

.top-message-mation{
	z-index: 99999901 !important;
}

.schedule-item-color{
	width: 10px;
	height: 10px;
	float: right;
    border-radius: 5px;
    margin-top: 5px;
}

.schedule-list .layui-timeline{
    padding-left: 35px;
    padding-right: 35px;
}

.schrdule-del{
	float: right;
	display: none;
}

.schrdule-del:HOVER{
	color: red;
}

.layui-timeline-content:HOVER .schrdule-del{
	display: block;
}

.alone-title{
	text-align: center;
}

.context-menu-line{
	height: 0px;
    border: 1px solid gainsboro;
}

.win-left-right-menu{
	border: 1px solid gainsboro;
}

.app-store-item{
	border: 2px solid gainsboro;
    padding-bottom: 10px;
    width: calc(25% - 24px);
    margin-left: 20px;
    border-radius: 5px;
    float: left;
    height: 200px;
}

.app-store-item-content{
    width: calc(100% - 20px);
    margin-left: 10px;
	height: 165px;
	margin-top: 10px;
	background: -webkit-gradient(linear,left top,right top,from(#D3DFE8),to(#EDF1F4));
	float: left;
}

.app-store-item-top{
	height: 100%;
    cursor: pointer;
    overflow: hidden;
}

.app-store-pic{
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
    margin: 0 auto;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
}

.app-store-item-center{
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
    width: calc(100% - 20px);
    margin-left: 10px;
    float: left;
}

.app-store-item-center p{
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
    font-family: "Microsoft YaHei",arial;
}

.app-store-item-bottom{
    width: calc(100% - 20px);
    margin-left: 10px;
    height: 165px;
    margin-top: 10px;
    float: none;
    cursor: pointer;
}

.app-store-item-bottom-zz{
	background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.app-store-item-bottom-card{
	width: calc(100% - 20px);
    margin-left: 10px;
    height: 165px;
    margin-top: -165px;
    float: none;
    cursor: pointer;
    text-align: center;
    padding: 10px;
}

.sysExperience{
    margin-top: -50px;
    display: block;
    width: 45%;
    height: 35px;
    font-size: 1em;
    float: left;
}

.aysnMenu{
	margin-top: -50px;
    display: block;
    background-image: -webkit-gradient(linear,left top,right top,from(#17e66c),to(#10c55b));
    background-image: -webkit-linear-gradient(left,#17e66c,#10c55b);
    background-image: linear-gradient(to right,#17e66c,#10c55b);
    width: 45%;
    height: 35px;
    font-size: 1em;
    float: right;
}
 
.sysWinType{
	height: 45px;
    line-height: 45px;
    border: 2px solid gainsboro;
    font-size: 14px;
    cursor: pointer;
}

.store-cat-item{
	line-height: 26px;
    padding: 15px 0 0;
    float: left;
    width: 100%;
}

.store-cat-item span {
    float: left;
    font-size: 13px;
}

.store-cat-item ul {
    vertical-align: top;
    float: left;
    width: calc(100% - 120px);
}

.store-cat-item ul li {
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    float: left;
}

.store-cat-item ul li a{
	color: darkgray;
}

#sysFirstType li a:HOVER{
	color: RGB(17, 202, 94);
}

#sysFirstType .active a{
	color: RGB(17, 202, 94);
}

#sysSecondType li a:HOVER{
	color: RGB(17, 202, 94);
}

#sysSecondType .active a{
	color: RGB(17, 202, 94);
}

.showgrid-active{
	background-color: var(--start-btn-color) !important;
    color: white !important;
}

.childWindow-title-input-box{
	width: 70%;
    height: 30px;
    display: none;
}

.childWindow-title-input-box>input{
	height: 100%;
    margin-top: 5px;
    width: 200px;
    background-color: transparent;
    color: white;
    float: left;
}

.childWindow-title-input-box>button{
	float: left;
	margin-top: 5px;
    margin-left: 10px;
}

.power-box{
	
}

.power-box>input{
	width: 200px;
    float: left;
}

.list-form-search{
	height: 28px;
	line-height: 28px;
}

.product-list {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 520px;
    background: #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.15);
    overflow-y: auto;
    overflow-x: hidden;
}

.product-list .active{
	background-color: RGB(94, 186, 120);
}

.product-list .active a{
	color: white;
}

.product-list dl dd {
    display: inline-block;
    font-size: 16px;
    color: #666;
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    line-height: 60px;
    width: 100%;
}

.product-list dl dd a {
    display: block;
    line-height: 32px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 10px;
    padding-right: 10px;
    font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif !important;
    font-size: 14px;
}

.contentDiv{
	left: 30px;
    top: -40px;
}

.contentDiv img{
	max-width: 100% !important;
}

.common-footer {
    color: #eee;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: calc(100% - 20px);
    background: #444;
    background: rgba(0,0,0,0.2);
    padding: 10px;
}

.light-app-left{
    height: 100%;
    width: 160px;
    position: fixed;
    left: 0;
    background: #fff;
    border-right: 1px solid #f1f1f1;
}

.light-app-left .app-title span{
	text-align: left;
    color: #666;
    font-weight: 400;
    margin: 0;
    padding: 10px 0px 10px 20px;
    font-size: 28px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 2px;
}

.light-app-left .setting a.selected {
    background: #ddd;
    color: #000;
    border-left: 5px solid #EA533F;
    padding-left: 10px;
}

.light-app-left .setting a {
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    box-sizing: border-box;
    text-indent: 8px;
    color: #666;
    display: block;
    overflow: hidden;
    cursor: pointer;
    text-transform: capitalize;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 15px;
}

.light-app-right{
    height: calc(100% - 40px);
    width: calc(100% - 200px);
    float: right;
    padding: 20px;
}

.light-app-right .h1{
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    font-weight: 400;
    color: #666;
    margin: 0;
    font-size: 22px;
    font-family: "Helvetica Neue", "Helvetica", "Microsoft Yahei", "微软雅黑", "Lantinghei SC", "STXihei", "WenQuanYi Micro Hei", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

.light-app-right .app-list{
    margin-top: 10px;
    margin-right: -15px;
    padding: 10px 0 40px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.light-app-right .app-list .flex-empty{
	margin: 0 15px 20px 0;
    width: 140px;
    height: 1px;
}

.light-app-right .app-list .app-li{
    list-style: none;
    cursor: pointer;
    text-align: center;
    float: left;
    margin: 0 15px 20px 0;
    width: 140px;
    height: 200px;
    color: #2196F3;
    position: relative;
    -webkit-transition: 0.16s all;
    -moz-transition: 0.16s all;
    -o-transition: 0.16s all;
    -ms-transition: 0.16s all;
    transition: 0.16s all;
    border-radius: 4px;
    background: none;
    border: 1px solid #dee5e7;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.light-app-right .app-list .app-li:HOVER{
	background:#fff;
	box-shadow:0px 20px 100px rgba(0,0,0,0.1), 0px 20px 30px rgba(0,0,0,0.05);
}

.light-app-right .app-list .app-li .icon{
	height: 90px;
    background-color: rgba(0,0,0,0.01);
    background-image: linear-gradient(to bottom,#def 0,#fff 100%);
    border-radius: 4px;
    line-height: 80px;
}

.light-app-right .app-list .app-li .icon img{
	max-width: 100%;
    max-height: 100%;
    width: 72px;
    border-radius: 10%;
}

.light-app-right .app-list .app-li .text{
	height: 50px;
}

.light-app-right .app-list .app-li .text .name{
	color: #444;
    font-weight: 800;
    margin: 10px 5px 0;
    max-height: 32px;
    overflow: hidden;
}

.light-app-right .app-list .app-li .text .copyright{
    color: #aaa;
    max-height: 32px;
    overflow: hidden;
}

.light-app-right .app-list .app-li .btn-group{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.light-app-right .app-list .app-li .btn-group .btn{
	float: none;
    width: 80px;
    height: 22px;
    padding-left: 0;
    padding-right: 0;
}

.input-icon{
	position: absolute;
	top:8px;
	right: 8px;
	cursor: pointer;
	color: gray;
    height: 16px;
    width: 16px;
}

.sel-people-list{
	width: calc(50% - 25px);
	float: left;
	height: 100%;
	padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
}

.sel-people-list .sel-people-item{
    width: 100%;
    float: left;
    height: 20px;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.sel-people-list .sel-people-item .sel-people-item-title{
	width: 40%;
    height: 20px;
    line-height: 20px;
    float: left;
    font: 14px Microsoft YaHei,Helvetica;
}

.sel-people-list .sel-people-item .sel-people-item-title img{
	margin-right: 5px;
}

.sel-people-list .sel-people-item .sel-people-item-email{
	width: 60%;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 12px;
    color: grey;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sel-people-list .sel-people-item:HOVER{
	background-color: gainsboro;
}

.sel-people-list .active{
	background-color: gainsboro;
}

.enclosure-sel-list{
	margin-top: 35px;
}

.notice-title-click{
	color: cornflowerblue;
	cursor: pointer;
}

.notice-title-click:HOVER{
    text-decoration: underline;
}

.mask-req-str{
	width: 100%;
	height: 100%;
	position: absolute;
    z-index: 100;
    top: 0px;
    background: rgba(255, 255, 255, 0.3);
}

.mask-req-str .cent{
    position: absolute;
    top: calc(50% - 50px);
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.mask-req-str .cent i{
    font-size: 40px;
    color: darkgray;
}

.mask-req-str .cent font{
	color: darkgray;
}

@-webkit-keyframes cloud_three {
	0% {
	left:0
}
100% {
	left:-200%
}
}@-moz-keyframes cloud_three {
	0% {
	left:0
}
100% {
	left:-200%
}
}@keyframes cloud_three {
	0% {
	left:0
}
100% {
	left:-200%
}

/*******************************************自定义样式end********************************************/