* { font: 'Microsoft YaHei'; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-stretch: normal; font-size: 9pt; font-family: Arial, "Helvetica", "Microsoft YaHei"; }

a { color: Black; text-decoration: none; }

    a:hover { color: Red; text-decoration: underline; }

.textbox03 { border: #878787 1px solid; padding: 4px 3px; font: Verdana, Geneva, sans-serif,宋体; line-height: 14px; background-color: #fff; height: auto; font-size: 14px; font-weight: bold; width: 190px; }

.txt01 { font: Verdana, Geneva, sans-serif,宋体; padding: 3px 2px 2px 2px; border-width: 1px; border-color: #ddd; color: #000; }

.footer { text-align: center; color: #15428B; margin: 0px; padding: 0px; line-height: 23px; font-weight: bold; }

.head a { color: White; text-decoration: underline; }

.easyui-accordion ul { list-style-type: none; margin: 0px; padding: 10px; }

    .easyui-accordion ul li { padding: 0px; }

        .easyui-accordion ul li a { line-height: 24px; color: #E8E8E8; }

        .easyui-accordion ul li div { margin: 2px 0px; padding: 5px; padding-left: 20px; }

        .easyui-accordion ul li:hover { background: #0092dc; cursor: pointer; }

            .easyui-accordion ul li:hover a { color: #FFF; }

        .easyui-accordion ul li div.selected { background: #0092dc; cursor: default; color: #FFF; }

            .easyui-accordion ul li div.selected a { color: #FFF; font-weight: bold; }



.icon { background: url(../images/tabicons.png) no-repeat; width: 18px; line-height: 18px; display: inline-block; }

.icon-sys { background-position: 0px -200px; }

.icon-set { background-position: -380px -200px; }

.icon-add { background-position: -20px 0px; }

.icon-add1 { background: url('icon/edit_add.png') no-repeat; }

.icon-nav { background-position: -100px -20px; }

.icon-users { background-position: -100px -480px; }

.icon-role { background-position: -360px -200px; }

.icon-set { background-position: -380px -200px; }

.icon-log { background-position: -380px -80px; }

.icon-delete16 { background: url('icon/delete.gif') no-repeat; width: 18px; line-height: 18px; display: inline-block; }

.icon-delete { background-position: -140px -120px; }

.icon-delete2 { background-position: -340px -40px; }

.icon-edit { background-position: -380px -320px; }

.icon-magic { background-position: 0px -500px; }

.icon-database { background-position: -20px -140px; }

.icon-expand { background: url('/images/coll2.gif') no-repeat; }

.icon-collapse { background: url('/images/coll3.gif') no-repeat; }

.icon-Distribution { background-position: -0px -220px; }

.icon-Pass { background-position: -380px -220px; }

.icon-Browse { background-position: -60px -260px; }

.icoItem { cursor: pointer; float: left; }

.index_menu { width: 100%; background-position: center; background-repeat: no-repeat; display: table; }

.index-title { display: block; padding: 5px 20px; font-size: 17px; letter-spacing: 1px; color: #34495e; }

    .index-title hr { border: 1px solid; border-radius: 2px; }

.index_menu div { width: 50px; height: 60px; float: left; cursor: pointer; text-align: center; color: #6699CC; }

    .index_menu div:hover { color: #FFF; }

#divRest td { border-bottom: 1px #C1CDCD dashed; }

.GetChildMenu div { width: 70px; height: 100px; margin: 8px; float: left; cursor: pointer; text-align: center; color: #000; }

.edit_table td { padding: 4px; border-right: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; color: Black; }

.edit_table { border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; width: 100%; border-collapse: collapse; }

.easyui-textbox { padding: 10px; }

.edit_table tr > td:first-child, .edit_table tr > td:nth-child(3) { text-align: right; padding-right: 2%; }

.not_null { color: red; }

.ico_size { width: 15px; display: block; float: left; }

.ico_size_menu { width: 15px; }

.window-header .panel-title { color: Black; }

.window-header { border-bottom: 1px solid #d4d4d4; }

.dialog-button .l-btn-icon { top: 55%; font-size: 9pt; }

.datagrid { border: 1px solid #ddd; }

#btabs a { padding: 7px 10px; letter-spacing: 1px; }

    #btabs a:hover { background-color: #0092dc; color: #FFF; text-decoration: none; }

.Required { color: Red; padding: 2px; }

.textbox-text { height: 28px !important; line-height: 28px !important; }

.textbox-addon a { height: 28px !important; }

.state_blue { color: blue; }

.state_green { color: green; }

.state_red { color: red; }

.index_menu i { font-size: 30pt; color: #0099FF; }

.panlMenuItem { float: left; padding: 10px; text-align: center; margin: 10px; cursor: pointer; border-radius: 10px; position: relative; }

    .panlMenuItem:hover { background-color: rgb(48, 165, 255); color: #FFF; }

        .panlMenuItem:hover i { color: #FFF; }

    .panlMenuItem .bedg { border-radius: 50%; background-color: #FF6A6A; color: #FFF; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; line-height: 20px; }

.red { color: red; }

.green { color: green; }

.index-tab .item { width: 23%; height: 6vw; float: left; padding: 0px 1%; margin: 10px 0px; }

    .index-tab .item .content { width: 80%; height: 4vw; color: #FFF; position: relative; padding: 5% 10%; }

        .index-tab .item .content h1 { font-size: 22px; margin: 0px; }

        .index-tab .item .content p { font-size: 22px; margin: 0px; }

        .index-tab .item .content i { font-size: 40px; position: absolute; right: 10%; top: 30%; }

.index-tab { width: 100%; display: table; }

    .index-tab .item:first-child .content { background-color: #30a5ff; }

    .index-tab .item:nth-child(2) .content { background-color: #1abc9c; }

    .index-tab .item:nth-child(3) .content { background-color: #fabe28; }

    .index-tab .item:nth-child(4) .content { background-color: #9cd159; }

    .index-tab .item:nth-child(5) .content { background-color: #f24e4e; }

    .index-tab .item:nth-child(6) .content { background-color: #e6aa63; }

    .index-tab .item:nth-child(7) .content { background-color: cadetblue; }
    .index-tab .item:nth-child(8) .content { background-color: #45c133; }
    .index-tab .item:nth-child(9) .content { background-color: #3c91bd; }
    .index-tab .item:nth-child(10) .content { background-color: #50ca42; }
    .index-tab .item:nth-child(11) .content { background-color: #6c8ed4; }
    .index-tab .item:nth-child(12) .content { background-color: #61c48b; }

.echarts { width: 98%; display: table; margin: 10px auto; }

    .echarts .eleft { float: left; width: 49%; height: 30vw; background-color: #d4d4d4; }

    .echarts .eright { float: left; width: 49%; height: 30vw; background-color: #d4d4d4; margin-left: 2%; }

.top-menu p { float: right; margin: 0px; margin-right: 20px; }

.iorder { width: 98%; margin: 10px auto; display: table; }

    .iorder a { font-size: 22px; background-color: #0092dc; color: #FFF; padding: 10px 20px; border-radius: 10px; margin-right: 10px; color: #FFF; text-decoration: none; }


.etitle { font-size: 16px; line-height: 32px; width: 100%; display: block; }


.wrapper { width: 50%; position: absolute; left: 300px; top: 0; }
    .wrapper input { display: none; }
    .wrapper:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; }
    .wrapper .btn2 { width: 24px; float: right; height: 24px; position: relative; z-index: 3; padding-top: 10px; display: none; }
.tooltip { border: none; background-color: unset; }
.wrapper input { height: 100%; width: 50%; border-radius: var(--border-radius); cursor: pointer; position: absolute; z-index: 5; opacity: 0; right: 0; }
    .wrapper input:checked ~ .btn2 { -webkit-animation: plus-animation .5s ease-out forwards; animation: plus-animation .5s ease-out forwards; }

.wrapper p { padding: 5px 0; margin: 5px 0; }
    .wrapper p a:hover { color: #0049db; font-weight: bold; }

@keyframes stretch-animation {
    0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    10% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    30% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.05, 0.95); transform: scale(1.05, 0.95); }
    100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}

.easyui-accordion ul li a { padding-left: 10px; }
    .easyui-accordion ul li a:hover { text-decoration: none; }

@media (max-width: 1150px) {
    .wrapper .tooltip { display: none!important; text-align: center; width: 50px; height: auto; border-radius: 0 0 10px 10px; position: absolute; background: #333; z-index: 9; padding: 15px; box-shadow: 0 10px 30px rgba(65, 72, 86, 0.05); opacity: 0; top: 50px; right: 0; justify-content: space-around; -webkit-box-align: center; align-items: center; -webkit-transition: opacity .15s ease-in, top .15s ease-in, width .15s ease-in; transition: opacity .15s ease-in, top .15s ease-in, width .15s ease-in; }
    .wrapper input:checked ~ .tooltip { display: inline!important; width: 110px; height: auto; -webkit-animation: stretch-animation 1s ease-out forwards .15s; animation: stretch-animation 1s ease-out forwards .15s; top: 50px; opacity: 1; right: -10px; min-width: 110px; }
    .wrapper input, .wrapper .btn2 { display: block; }
    .head { padding-right: 50px !important; }
    #yijicaidan { display: block; padding: 0 !important; }
    .wrapper { position: absolute; z-index: 999; left: auto; right: 10px; width: 50px; }
    #yijicaidan .xuanzhong { border: 0 !important; line-height: 50px !important; height: 50px !important; }
    #yijicaidan li { padding: 0 15px !important; }
}

@media (max-width: 800px) {
    .index-tab .item { width: 98%; height: 24vw; margin: 5px auto; }
        .index-tab .item .content { height: 14vw; }
    .echarts .eleft { width: 100%; height: 60vw; }
    .echarts .eright { width: 100%; height: 60vw; margin: 0px; }
    .ititle { }
        .ititle img { width: 100px; }
        .ititle font { display: none; }
    .top-menu { height: 60px !important; line-height: 30px !important; font-size: 14px !important; }
        .top-menu a, .top-menu span { font-size: 14px !important; text-decoration: none; padding-top: 5px; }
        .top-menu p { font-size: 14px !important; }
    .iorder a { display: block; margin: 10px auto; font-size: 16px; padding: 5px 10px; }
}

@media (max-width: 500px) {
    .ititle { display: none; }
        .ititle img { width: 70px; padding-top: 5px; }
    #mainPanle { overflow-x: scroll !important; }
    .wrapper { top: 5px; }
}

.panel-body-noborder { -webkit-overflow-scrolling: touch; overflow-y: hidden !important; }

#btabs { min-height: 28px; line-height: 28px; }

#distpicker select, #distpicker2 select { padding: 5px; border-radius: 3px; border-color: rgb(212, 212, 212); max-width: 110px; }

.clearbtn { background: #00b7ee; color: #fff; text-align: center; border-radius: 3px; overflow: hidden; line-height: 36px; border: 0px; width: 78px; display: inline-block; cursor: pointer; position: absolute; top: 4px; left: 90px; }

#clearfile { background: #00b7ee; color: #fff; text-align: center; border-radius: 3px; overflow: hidden; line-height: 36px; border: 0px; width: 78px; display: inline-block; cursor: pointer; position: absolute; top: 4px; left: 90px; }

.clearbtns { background: #00b7ee; color: #fff; text-align: center; border-radius: 3px; overflow: hidden; line-height: 36px; border: 0px; width: 78px; display: inline-block; cursor: pointer; position: absolute; top: 4px; left: 90px; }

#btabs .combo-arrow { padding: 0px 10px !important; }

.accordion-body .unread { padding: 2px 5px; background-color: Red; color: #FFF; border-radius: 10px; margin-left: 5px; }

.customtable { border: 1px solid #ddd; }

    .customtable table { width: 100%; margin: 0px auto; border-collapse: collapse; }

        .customtable table td, .customtable table th { border-width: 0 1px 1px 0; border: 1px dotted #ccc; text-align: center; height: 25px; }

        .customtable table th { background-color: #F2F2F2; background: -webkit-linear-gradient(top,#ffffff 0,#F2F2F2 100%); background: -moz-linear-gradient(top,#ffffff 0,#F2F2F2 100%); background: -o-linear-gradient(top,#ffffff 0,#F2F2F2 100%); background: linear-gradient(to bottom,#ffffff 0,#F2F2F2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#F2F2F2,GradientType=0); }

    .customtable .caozuo button { border: 0px; background-color: transparent; }

        .customtable .caozuo button:hover { color: #0094ff; cursor: pointer; }

    .customtable .btabs { background: #dfe3ec; }

    .customtable tr:hover { background-color: #dfe3ec; }
.item-imsge { display: inline-block; float: left; position: relative; margin-right: 5px; }
    .item-imsge i { position: absolute; top: 0px; right: 0px; cursor: pointer; background-color: #0092dc; border-radius: 50%; color: #FFF; font-size: 16px; padding: 1px 3px 2px 3px; }
.textarea { border: 1px solid #D4D4D4; background-color: #fff; border-radius: 5px; outline: none; }
    .textarea:focus { border: 1px solid #979797; }