﻿* {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
}
.yssj_empty
{
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:24px;
    cursor:pointer;
    background-repeat:no-repeat;
    background-size:contain;
    background-image:url(../images/easyicon.png);
}

    *[hide="1"] {
        display: none;
    }
a:hover {
    color: rgb(0,102,204);
}
.khmenu
{
    background-color:#EEE;
}
sub
{
    font-size:6px;
}
.tablabel
{

}
.tablabel
{
    color:#AAA;
    border-bottom:2px solid #EEE
}
.tablabel[selected="1"]
{
    color:#1890ff;
    border-bottom:2px solid #1890ff;
}

.khmenu div[selected="1"]
{
    color:#1890ff;
    border-left:2px solid #1890ff;
}
.amdiv
{
    -webkit-transition: all 00.2s ease-in-out;
    -moz-transition: all 00.2s ease-in-out;
    -o-transition: all 00.2s ease-in-out;
    transition: all 00.2s ease-in-out;
}
.khmenu div
{
    padding-left:35px;
    color:#AAA;
    margin-bottom:2px;
    background-color:white;
    border-left:2px solid white;
}
*[print_break]
{
    page-break-after: always;
    page-break-inside:avoid;
}
.mmustfill {
    width: 70px;
    flex-shrink: 0;
    text-align: right;
}
.inputdiv {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    color: black;
    padding-right: 15px;
}
.inputdiv::after {
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, -1);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, -1);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 2px;
}
.checkbox_div {
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    background-image: url(img/uncheck.png);
}

    .checkbox_div[checked="1"] {
        background-size: 100% 100%;
        background-image: url(img/checked.png);
    }

.commonbutton {
    background-image: url(img/button.png);
    border: 1px solid #b1dbf7;
}
.funlink {
    height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: blue;
}

*[animate] {
    -webkit-transition: all 00.2s ease-in-out;
    -moz-transition: all 00.2s ease-in-out;
    -o-transition: all 00.2s ease-in-out;
    transition: all 00.2s ease-in-out;
}

*[animate-w] {
    transition:width 0.2s;
    -moz-transition:width 0.2s; /* Firefox 4 */
    -webkit-transition:width 0.2s; /* Safari and Chrome */
    -o-transition:width 0.2s; /* Opera */
}
*[animate-h] {
    transition:height 0.2s;
    -moz-transition:height 0.2s; /* Firefox 4 */
    -webkit-transition:height 0.2s; /* Safari and Chrome */
    -o-transition:height 0.2s; /* Opera */
}
*[animate-o] {
    transition:opacity 0.2s;
    -moz-transition:opacity 0.2s; /* Firefox 4 */
    -webkit-transition:opacity 0.2s; /* Safari and Chrome */
    -o-transition:opacity 0.2s; /* Opera */
}
*[animate-c] {
    transition:color 0.2s;
    -moz-transition:color 0.2s; /* Firefox 4 */
    -webkit-transition:color 0.2s; /* Safari and Chrome */
    -o-transition:color 0.2s; /* Opera */
}
*[roundcorner5]
{
    border-radius:5px;
}
*[roundcorner8]
{
    border-radius:8px;
}
*[roundcorner10]
{
    border-radius:10px;
}
*[image_background]
{
    background-size:100% 100%;
    background-repeat:no-repeat;
}

div {
    outline: none;
}

.toolitem {
    background-image: url(img/button.png);
    border: 1px solid #b1dbf7;
    flex-shrink:0;
}
*[wxbutton]
{
    flex-shrink: 0;
    padding:5px;
    margin-top: 0px;
    margin-right: 5px;
    align-items: center;
    justify-content: center;
    border:1px solid rgb(45, 158, 255);
    color: rgb(45, 158, 255);
    border-radius: 5px;
}
*[wxbutton][disabled]
{
    color:gray;
    border:1px solid gray;
}
BUTTON {
    background-image: url(img/button.png);
    border: 1px solid #b1dbf7;
}

    BUTTON[disabled="1"] {
        border: none;
        opacity: 0.75;
        color: #AAA;
    }

input[type=button]:focus {
    background-image: url(img/button.png);
    border: 1px solid #80d0f8;
}

BUTTON:focus {
    background-image: url(img/button.png);
    border: 1px solid #80d0f8;
}

.commonbuttonover {
    background-image: url(img/button1.png);
    border: 1px solid #b1dbf7;
}

body {
    scrollbar-face-color: #E4E7FC;
    scrollbar-highlight-color: #F8F9FE;
    scrollbar-3dlight-color: #9CB5E2;
    scrollbar-darkshadow-color: #9CB5E2;
    scrollbar-shadow-color: #D9DEF9;
    scrollbar-arrow-color: #6A80BF;
    scrollbar-track-color: #EFF2FE;
}

.formtitle {
    font: 16px "黑体";
}

.biginput {
    font: 16px "黑体";
}


.toolitemover {
    background-image: url(img/button.png);
    border: 1px solid #80d0f8;
    color: black;
    cursor: default;
}

input[type=file] {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input, textarea {
    outline: 0;
    padding: 5px;
    border: 1px solid;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 2px;
    background: #FFF;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.2);
    -webkit-transition: box-shadow, border-color 0.2s ease-in-out;
    -moz-transition: box-shadow, border-color 0.2s ease-in-out;
    -o-transition: box-shadow, border-color 0.2s ease-in-out;
}

    input:hover, input:active, textarea:hover, textarea:active {
        border-color: #AAA;
    }

    input:focus, textarea:focus {
        border-color: #7CBDF0;
        border-color: rgba(82, 168, 236, .75);
        box-shadow: 0 0 8px rgba(82,168,236,.5);
    }

    input:disabled, input.disabled, input[disabled], input.disabled:hover, input[disabled]:hover, input.disabled:active, input[disabled]:active {
        border: none;
        box-shadow: none;
        background-color: transparent;
        color: black;
        cursor: default;
        outline: none;
    }

    div[hide="1"], input[hide="1"], button[hide="1"], div[flex][hide="1"], div[flex-nowrap][hide="1"] {
        display: none;
    }

.listitem:hover {
    background-color: #b1dbf7;
}

.footbar {
    flex-shrink: 0;
    flex-grow: 0;
    border-top: 1px solid #AAA;
}

.deltag {
    color: #2196f3;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

    .deltag::before {
        content: '〤';
    }

.listitem[selected="1"]::before {
    content: '√';
    width: 24px;
    height: 24px;
    font-size: 16px;
    font-weight: 900;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #AAA;
    margin-right: 3px;
    color: white;
}

.listitem[selected="0"] {
    height: 30px;
    line-height: 30px;
}

.listitem[selected="1"] {
    height: 30px;
    line-height: 30px;
    color: white;
    background-color: #4645b1;
}

.listitem[selected="0"]::before {
    content: '√';
    width: 24px;
    height: 24px;
    font-size: 16px;
    font-weight: 900;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #AAA;
    margin-right: 3px;
    color: white;
}

.listitem {
    background-color: white;
    flex-shrink: 0;
    height: 25px;
    width: 100%;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
    word-break: keep-all;
}

.plat_div {
}
.containerwnd {
    border: 1px solid #95c2e0;
}
.image_background
{
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.containercaption {
    border-bottom: 1px solid #95c2e0;
    align-items: center;
    background-color: #6A80BF;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.listdiv {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    color: black;
    width: 100%;
}
.fileitem[img="1"]
{
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
}
.additem
{
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content:center;
    align-items:center;
    border: 1px dashed green;
    padding: 3px 3px 3px 3px;
    position: relative;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.fileitem {
    height: 30px;
    border: 1px dashed green;
    padding: 3px 3px 3px 3px;
    position: relative;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 6px;
    margin-bottom: 6px;
}
div
{
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}
.inputfile {
    padding: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.delfilebtn {
    width: 16px;
    height: 16px;
    line-height: 13px;
    padding-left:2px;
    text-align: center;
    font-weight: 900;
    font-size: 18px;
    color: white;
    background-color: red;
    border-radius: 100%;
    position: absolute;
    top: -8px;
    right: -8px;
}

*[a="1"] {
    color: blue;
    cursor: pointer;
    display:inline-block;
}

    *[a="1"]:hover {
        text-decoration: underline;
    }

.attrdiv {
    width: 100%;
    height: 30px;
    border-bottom: 1px dashed #AAA;
    align-items: center;
    padding: 2px;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: flex;
    background-color: white;
}

.labelvalue {
    word-break: keep-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.inspecteditor {
    width: 100%;
    border: none;
}

button {
    border: 1px solid #6fc2d1;
    background-color: #b1e4f5;
    flex-shrink: 0;
    min-height: 24px;
}
.tagdiv
{
    height:30px;
    line-height:24px;
    background-color:#EEE;
    border:1px solid #AAA;
    padding:3px;
    margin-right:10px;
    margin-top:10px;
    cursor:pointer;
    padding-left:10px;
    padding-right:10px;
}
.tagdiv[selected="1"]
{
    background-color:#80d0f8;
}
.tagdiv2[selected="1"]
{
    background-color:#80d0f8;
}
.tagdiv2
{
    height:30px;
    line-height:24px;
    background-color:#EEE;
    border:1px solid #AAA;
    padding:3px;
    margin-right:3px;
    margin-top:3px;
    width:100%;
    cursor:pointer;
}