body, ul, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    width: 100%;
    overflow: auto;
}

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

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,.2);
}

    ::-webkit-scrollbar-thumb:vertical:active {
        background-color: #EC4E33;
    }

    ::-webkit-scrollbar-thumb:vertical:hover {
        background-color: #EC4E33;
    }

    ::-webkit-scrollbar-thumb:horizontal:active {
        background-color: rgba(0,0,0,.7)
    }

    ::-webkit-scrollbar-thumb:horizontal:hover {
        background-color: rgba(0,0,0,.7)
    }

body {
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    width: 100%;
    height: 100%;
    background-color: #fafafa;
}

body, button, input, select, textarea {
    color: #444;
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
}

textarea {
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    margin-top: 7px;
    color: #444;
    line-height: 23px;
}

select {
    border: 1px solid #E6E6E6;
    padding: 5px;
    padding-left:1px;
    height: 34px;
    line-height: 34px;
}

    select.readonly {
        border-color: #f6f6f6;
    }

.operateButton select {
/*    color: #AFAFAF;*/
    border-color: #fff;
}
/*全局a标签样式*/
a {
    outline: none;
}

    a:active {
        star: expression(this.onFocus=this.blur());
    }

:focus {
    outline: 0;
}


a:hover {
    color: #ff4a00;
    text-decoration: none;
}

a {
    color: #444;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
}

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

img {
    border: none;
}

.search {
    background: url("../images/bullet_magnify.gif") no-repeat;
    background-position: right;
}
/*datagrid中的图片垂直居中*/
.datagrid-cell img {
    vertical-align: bottom;
}


/* z-tree样式 */
.ztree li a {
    border: 1px solid #FFFFFF;
}

    .ztree li a:hover {
        text-decoration: none;
        background-color: #EDEDED;
        border: 1px solid #EDEDED;
    }

        .ztree li a:hover span {
            /*color:#444;*/
        }

    .ztree li a.curSelectedNode span {
        /*color:#444;*/
    }

.Tips {
    color: #aaa7a7;
}

fieldset {
    border: 1px solid #F2F2F2;
    padding: 10px;
    overflow: auto;
}

legend {
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

textarea {
    border: 1px solid #E6E6E6;
}

    textarea.readonly {
        border-color: #f6f6f6;
    }

.textarea {
    padding: 7px;
}

.textarea2 {
    padding: 7px;
    border: 1px solid #8f8f9c;
    /*background-color: #F6F9FC;*/
    transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
}
/*文本框样式*/
.textInput {
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 0px;
    margin: 0;
    border: 1px solid #DFDFEA;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    color: #444;
    background-color: #fff;
}

.textInput2 {
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 0px;
    margin: 0;
    border: 1px solid #8f8f9c;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    color: #444;
    /*background-color: #F6F9FC;*/
    transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
}
/*表单样式*/
.FormLayout {
    background-color: #fafafa;
}

.FormStyle {
    background-color: #FFFFFF;
    border: 1px solid #fafafa;
}

.formTitle {
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    font-size: 22px;
    color: #444;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.Form_Title {
    font-size: 26px;
    font-family: 微软雅黑,Microsoft YaHei;
    font-weight: bold;
    color: #2a2a2a;
}
.readonly .Form_Title {
    color: #2a2a2a;
}
td {
    word-break: break-all;
}

.thead {
    height: 40px;
    line-height: 40px;
    display: block;
    padding-left: 10px;
    color: #3497db;
    text-align: left;
    background-color: #F9FBFF;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    font-size: 14px;
    border-top: 3px solid #3497DB;
}

.formtable tr th {
    height: 34px;
    line-height: 34px;
    padding-left: 30px;
    padding-right: 10px;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    color: #444;
}

.formtable .DataGrid tr th {
    font-weight: bold;
}

.formtable .th {
    text-align: center;
    padding-bottom: 15px;
    font-weight: bold;
    color: #6CA4DD;
    background-color: #ffffff;
    letter-spacing: 5px;
    font-size: 20px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    border-bottom: 5px solid #3296DA;
    padding-bottom: 5px;
}

.formtable .Subth {
    text-align: left;
    padding-bottom: 15px;
    font-weight: bold;
    background-color: #ffffff;
    letter-spacing: 5px;
    font-size: 14px;
    border-bottom: 3px solid #DFDFEA;
    padding-bottom: 5px;
}

.formtable tr td {
    height: 45px;
    line-height: 45px;
    padding-right: 14px;
    _padding-right: 11px;
    text-align: left;
    vertical-align: middle;
}

.toolbarBigDialog .formtable tr td {
    height: 36px;
    line-height: 36px;
    padding-right: 14px;
    _padding-right: 11px;
    text-align: left;
    vertical-align: middle;
}

#toolbar .formtable tr td, #toolbar .formtable tr th {
    height: 38px;
    line-height: 38px;
    padding-right: 14px;
    _padding-right: 11px;
    text-align: left;
    vertical-align: middle;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    font-size: 14px;
}

.operateButton {
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    font-size: 14px;
}

#toolbar .formtable .hRadio {
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    font-size: 14px;
}

#toolbar .formtable .textInput, #toolbar .formtable .textInput2 {
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
}

.formtable .textInput {
    float: left;
    font-size: 14px;
    height: 32px;
    margin: 0;
    border: 1px solid #E6E6E6;
    _border-right: 1px solid #D6DEE3;
    width: 100%;
    _width: 200px;
    border-radius: 0px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
}

.formtable .textInput2 {
    float: left;
    font-size: 14px;
    height: 32px;
    margin: 0;
    border: 1px solid #8f8f9c;
    width: 100%;
    _width: 200px;
    border-radius: 0px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
}

.formtable a.button {
    display: block;
    float: left;
    height: 34px;
    overflow: hidden;
    text-indent: -1000px;
    width: 40px;
    margin-left: -30px;
    background-position: center;
    position: absolute;
    right: 2px;
    top: 5px;
    _right: 16px;
    _top: 2px;
}

    .formtable a.button:hover {
        background-color: #ddd;
    }

.formtable .radioButton {
    vertical-align: middle;
    border: none;
    height: 18px;
    line-height: 18px;
}

.formtable select {
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 5px;
    padding-left:1px;
    border: 1px solid #E6E6E6;
    width: 99%;
    _width: 210px;
    background-color: #ffffff;
}

.formtable .readonly {
    background-color: #f6f6f6;
    cursor: not-allowed;
    _border-right: 1px solid #DCE6F2;
    color: #444;
    border-color: #f6f6f6;
}

.formtable input.readonly {
    _border-right: 1px solid #DCE6F2;
    background: #f6f6f6;
    color: #444;
    border-color: #f6f6f6;
}

.required {
    color: #ff4a00;
}

.formtable .required {
    color: #ff4a00;
}

.formtable textarea {
    border: 1px solid #E6E6E6;
    height: 100%;
    background-color: #ffffff;
}

.formtable .textarea2 {
    padding: 7px;
    border: 1px solid #8f8f9c;
    /*background-color: #F6F9FC;*/
    transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
}
/*遮罩样式*/
/*#mask-msg
{
    BACKGROUND: url(../images/loading.gif) 10px center no-repeat;
         font-family:microsoft yahei;
     font-size:24px;
    }
#mask-msgForIframe{
    BACKGROUND: url(../images/bigloading.gif)  40% center no-repeat;
    }*/

/*DataGrid样式*/
#DataGridDiv {
    /*border-top:10px solid #fff;*/
    background-image: url("../images/datagridBack.png?v=2");
    background-repeat: no-repeat;
    border-bottom: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    /*background-color:#fafafa;*/
    background-color: #fff;
    /*padding:15px;
    padding-top:0;
    border-top:15px solid #fff;*/
}

.operateButton {
    height: 30px;
    line-height: 30px;
    padding: 20px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}

.DataGrid {
    border-collapse: collapse;
    background-color: #ffffff;
    color: #444;
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
}

    .DataGrid a {
        font-size: 14px;
        font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    }

    .DataGrid tr:hover {
        background-color: #EDEDED;
    }

        .DataGrid tr:hover td {
            border-color: #EDEDED;
        }

            .DataGrid tr:hover td .ztree a {
                color: #444;
            }

            .DataGrid tr:hover td.rowNumber {
                color: #999;
            }

    .DataGrid th {
        background-color: #fafafa;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
        color: #55627C;
    }

    .DataGrid td {
        text-align: left;
        height: 30px; /*line-height: 30px;*/
    }

        .DataGrid td div {
            line-height: 23px;
        }

    .DataGrid tr th, .DataGrid tr td {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px; /*border:1px solid #F7F7F7;*/
    }

    .DataGrid tr th {
        height: 26px;
        /*line-height:28px;*/
        color: #515151;
        font-size: 14px;
        font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    }

    .DataGrid .checkBox, .DataGrid .rowNumber {
        text-align: center;
        white-space: nowrap;
    }

    .DataGrid .rowNumber {
        width: 30px;
        font-size: 14px;
        background: none;
    }

    .DataGrid .checkBox {
        background-color: #fff;
    }

    .DataGrid td.rowNumber {
        color: #999;
    }

    .DataGrid .checkBoxTh {
        width: 22px;
    }

    .DataGrid .center {
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
    }

    .DataGrid .OrderNumber {
        text-align: right;
        white-space: nowrap;
        padding-left: 5px;
    }

    .DataGrid .table-row-selected {
        background-color: #EDEDED;
    }

        .DataGrid .table-row-selected td {
            border-color: #EDEDED;
        }
            /*.DataGrid .table-row-selected .rowNumber{color:#fff;}*/
            /*.DataGrid .table-row-selected td a{color:#fff;}*/
            .DataGrid .table-row-selected td a.defaultBtn {
                color: #444;
            }

        .DataGrid .table-row-selected:hover {
            background-color: #EDEDED;
        }
            /*.DataGrid .table-row-selected:hover .rowNumber{color:#fff;}*/
            .DataGrid .table-row-selected:hover td {
                border-color: #EDEDED;
            }

        .DataGrid .table-row-selected .label-Inactive {
            color: #000;
        }

    .DataGrid img {
        vertical-align: middle;
    }

    .DataGrid .even {
        background-color: #fafafa;
    }

    .DataGrid tr th .checkBox {
        background: none;
    }

    .DataGrid select {
        border: 1px solid #dddddd;
        padding: 2px;
        padding-left:1px;
    }

    .DataGrid .textInput {
        height: 21px;
        line-height: 23px;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid #EDEDED;
    }

    .DataGrid .textInput2 {
        height: 21px;
        line-height: 23px;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid #4e8af4;
        color: #436db9;
        transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
    }

    .DataGrid tr th {
        color: #2a2a2a;
        font-size: 14px;
    }

.title {
    background-color: #fafafa;
    height: 31px;
    line-height: 31px;
    padding-left: 10px;
    padding-top: 14px;
    color: #444;
    font-family: "Microsoft YaHei";
    font-size: 18px;
}

.toolbar {
    /*padding:3px;*/
    padding-top: 17px;
    padding-bottom: 7px;
    background: #fafafa;
    overflow: auto;
}

.toolbarBigDialog {
    padding-top: 2px;
    padding-bottom: 2px;
    overflow: hidden;
    background-color: #fff;
    /*-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.04);
            box-shadow: 0 2px 4px rgba(0,0,0,.04);*/
    border-bottom: 1px solid #fafafa;
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
}

.pagination {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    line-height: 35px;
    background: #fafafa;
}

.underline {
    border-top: 1px solid #DCE6F2;
    border-bottom: 1px solid #DCE6F2;
    background-color: #ffffff;
    padding-top: 1px;
}



/*提示信息区域样式*/
.Warning {
/*    color: #F5414A;*/
    background-color: #fffbe6;
    border: 1px solid #ffe58f;
    padding: 10px;
    line-height: 23px;
    border-radius: 1px;
}

.Success {
    color: #fff;
    background-color: #59d557;
    padding: 10px;
    line-height: 23px;
    border-radius: 1px;
}

.Yellow {
    color: #fff;
    background-color: #FFB136;
    padding: 10px;
    line-height: 23px;
    border-radius: 1px;
}

.Blue {
    color: #fff;
    background-color: #5793fe;
    padding: 10px;
    line-height: 23px;
    border-radius: 1px;
}

.black {
    color: #fff;
    background-color: #1E293D;
    padding: 10px;
    line-height: 23px;
    border-radius: 1px;
}
/*Mybtn按钮样式*/
.Mybtn {
    display: inline-block;
    color: #ffffff;
    background: #4ad94a;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    padding: 1px 14px;
    border-radius: 3px;
}

.operateButton .Mybtn {
    padding: 1px 14px;
}

.toolbar .Mybtn {
    padding: 1px 14px;
}

.Mybtn:hover {
    background: #42cb42;
    color: #ffffff;
}
/*lightgreenbtn按钮样式*/
.lightgreenbtn {
    display: inline-block;
    color: #5dc542;
    background: #fff;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    padding: 1px 14px;
    border-radius: 3px;
    border: 1px solid #D1F1CE;
}

.operateButton .lightgreenbtn {
    padding: 1px 14px;
}

.toolbar .lightgreenbtn {
    padding: 1px 14px;
}

.lightgreenbtn:hover {
    background: #E8E8E8;
    border: 1px solid #E8E8E8;
    color: #26b81c;
}
/*默认按钮样式*/
.defaultBtn {
    display: inline-block;
    color: #838383;
    background: #F2F2F2;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    padding: 1px 14px;
    border-radius: 3px;
}

.operateButton .defaultBtn {
    padding: 1px 14px;
}

.toolbar .defaultBtn {
    padding: 1px 14px;
}

.defaultBtn:hover {
    background: #ddd;
    color: #000;
    filter: none;
}


/*黄色按钮样式*/
.yellowBtn {
    display: inline-block;
    color: #ffffff;
    background: #E6A23C;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    padding: 1px 14px;
    border-radius: 3px;
}

.operateButton .yellowBtn {
    padding: 1px 14px;
}

.toolbar .yellowBtn {
    padding: 1px 14px;
}

.yellowBtn:hover {
    color: #ffffff;
    background: #da9733;
}
/*黄按钮样式*/
.yellowlightBtn {
    display: inline-block;
    color: #ffffff;
    /*background: #B8A389;*/
    background: #F2A654;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    padding: 1px 14px;
    border-radius: 3px;
}

.operateButton .yellowlightBtn {
    padding: 1px 14px;
}

.toolbar .yellowlightBtn {
    padding: 1px 14px;
}

.yellowlightBtn:hover {
    color: #ffffff;
    /*background: #96846d;*/
    background: #e46850;
}
/*绿色按钮样式*/
.greenbtn {
    display: inline-block;
    color: #ffffff;
    /*background: #97CA00;*/
    /*background:#97CA00;*/
    background: #4ad94a;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    padding: 1px 14px;
    border-radius: 3px;
}

.operateButton .greenbtn {
    padding: 1px 14px;
}

.toolbar .greenbtn {
    padding: 1px 14px;
}

.greenbtn:hover {
    color: #ffffff;
    background: #42cb42;
}
/*蓝色按钮样式*/
.bluebtn {
    display: inline-block;
    color: #ffffff;
    background: #5793fe;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    padding: 1px 14px;
    border-radius: 3px;
}

.operateButton .bluebtn {
    padding: 1px 14px;
}

.toolbar .bluebtn {
    padding: 1px 14px;
}

.bluebtn:hover {
    color: #ffffff;
    background: #4e8af4;
}
/*红色按钮样式*/
.redBtn {
    display: inline-block;
    color: #ffffff;
    background: #fa692b;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    padding: 1px 14px;
    border-radius: 3px;
}

.operateButton .redBtn {
    padding: 1px 14px;
}

.toolbar .redBtn {
    padding: 1px 14px;
}

.redBtn:hover {
    color: #ffffff;
    background: #ef6125;
}

/*浅红色按钮样式*/
.graybtn {
    display: inline-block;
    color: #444;
    background: #fff;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    padding: 1px 13px;
    border-radius: 3px;
    border: 1px solid #eee;
}

.operateButton .graybtn {
    padding: 1px 14px;
}

.toolbar .graybtn {
    padding: 1px 14px;
}

.graybtn:hover {
    color: #000;
    background: #e8e8e8;
    border-color: #e8e8e8;
}

/*浅红色按钮样式*/
.redlightBtn {
    display: inline-block;
    color: #fff;
    background:#FF6B6B;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
    height: 34px;
    line-height: 34px;
    padding: 1px 14px;
    /*border-radius:20px;*/
    border-radius: 3px;
}

.operateButton .redlightBtn {
    padding: 1px 14px;
}

.toolbar .redlightBtn {
    padding: 1px 14px;
}

.redlightBtn:hover {
    color: #fff;
    background: #f45548;
}

.greenOperateBtn {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding-left: 35px;
    padding-right: 26px;
    color: #ffffff;
    background: #65d94e;
    font-size: 14px;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    border-radius: 2px;
    background-image: url("../images/iconAll/ws/ic_edit.png");
    background-repeat: no-repeat;
    background-position: 15px 7px;
    border-radius: 15px;
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
}

    .greenOperateBtn:hover {
        color: #ffffff;
        background: #5dcd47;
        background-image: url("../images/iconAll/ws/ic_edit.png");
        background-repeat: no-repeat;
        background-position: 15px 7px;
    }

.yellowOperateBtn {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding-left: 35px;
    padding-right: 26px;
    color: #ffffff;
    background: #FFB136;
    font-size: 14px;
    cursor: pointer;
    border: 0px; /* 边框取消 */
    border-radius: 2px;
    background-image: url("../images/iconAll/ws/ic_edit.png");
    background-repeat: no-repeat;
    background-position: 15px 7px;
    border-radius: 15px;
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
}

    .yellowOperateBtn:hover {
        color: #ffffff;
        background: #EDA026;
        background-image: url("../images/iconAll/ws/ic_edit.png");
        background-repeat: no-repeat;
        background-position: 15px 7px;
    }

.label-active {
    display: inline-block;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #65d94e;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
}

.label-Inactive {
    display: inline-block;
    background: #f78d1d;
    background: #E5E5E5;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    color: #444;
    cursor: pointer;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
}

.label-Banned {
    display: inline-block;
    color: #ffffff;
    background: #fe5a28;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 14px;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
}

.label-Pending {
    display: inline-block;
    color: #ffffff;
    background: #f7bb2d;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    white-space: nowrap;
}

a.label-active:hover {
    color: #ffffff;
    background-color: #5acc44;
}

a.label-Inactive:hover {
    color: #000000;
    background-color: #b0b2b5;
}

a.label-Banned:hover {
    color: #ffffff;
    background-color: #ee5020;
}

a.label-Pending:hover {
    color: #ffffff;
    background-color: #eeb326;
}

.leftUnderline {
    background: url("../images/menuUnderline.png");
    background-repeat: repeat-x;
    background-position: bottom;
    height: 5px;
    width: 100%;
    float: left;
}

.righttip {
    background-image: url("../images/righttip.gif");
    background-repeat: no-repeat;
    background-position: right top;
}

.Moduletitle {
    /*border-bottom: 1px solid #f0f1f1;*/
    font-size: 16px;
    padding: 0 0 9px 0;
    color: #2a2a2a;
    font-family: 'Microsoft YaHei','PingFang SC','Hiragino Sans GB';
    font-weight: bold;
}

.shadow {
    position: absolute;
    left: 0;
    top: 48px;
    height: 14px;
    width: 100%;
    background-image: url("../images/shandow.png");
    background-repeat: repeat-x;
    z-index: 800;
}

/*ios手机上滚动问题*/
.dialog-content {
    -webkit-overflow-scrolling: touch;
}


/*返回顶部*/
.goto-top {
    display: block;
    width: 50px;
    height: 50px;
    background: url("../images/to-top.png") no-repeat;
    position: fixed;
    right: 40px;
    bottom: 50px;
    z-index: 23;
    cursor: pointer;
    _display: none;
}

    .goto-top:hover {
        background: url("../images/to-top-hover.png") no-repeat;
    }

.FormBorder {
    border: 1px solid #fafafa;
}

.operateButton .textInput {
    height: 32px;
    line-height: 32px;
    border-color: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.05);
}

.operateButton .textInput2 {
    height: 32px;
    line-height: 32px;
    border-color: #8f8f9c;
    transition: border-color ease-in-out .2s,box-shadow ease-in-out .2s;
}

.operateButton select {
    height: 34px;
    /*line-height:32px;*/
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.05);
}

.placeholder {
    color: #aaa;
}

.button {
    background-color: #E5E5E5;
}

    .button:hover {
        background-color: #D3D3D3;
    }

.messager-button .l-btn .l-btn-left {
    padding: 0;
}

.messager-button .l-btn {
    height: 38px;
    line-height: 38px;
    border-radius: 0;
    background: #F2F2F2;
    border-color: #F2F2F2;
    padding: 0 25px;
    text-align: center;
    color: #838383;
    border-radius: 2px;
    font-size: 14px;
}

    .messager-button .l-btn:hover {
        color: #000;
        background: #e8e8e8;
        border-color: #e8e8e8;
    }

#_my97DP {
    margin-left: -14px;
    margin-top: -5px;
}
/*日历控件在新版浏览器下显示有问题，这里用!important来强制*/
#datePickeriframe {
    height: 360px !important;
}
/*按钮组*/
.btn {
    padding: 6px 25px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    color: #fff;
    background-color: #b8bcc4
}

    .btn:hover {
        background: #d0d2d8
    }

    .btn.btn-default {
        background-color: #fff;
        color: #5dc542;
        border-color: #4ad94a
    }

        .btn.btn-default.active, .btn.btn-default:active {
            background-color: #4ad94a;
            color: #fff;
            border-color: #4ad94a;
            outline: none
        }

        .btn.btn-default:hover {
            background-color: #4ad94a;
            color: #fff
        }

.btn-toolbarGroup {
    margin-left: -5px
}

    .btn-toolbarGroup > .btn, .btn-toolbar > .btn-group {
        margin-left: 5px
    }

    .btn-toolbarGroup .btn-group > .btn {
        float: left
    }

        .btn-toolbarGroup .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .btn-toolbarGroup .btn-group > .btn:not(:first-child):not(:last-child) {
            border-radius: 0
        }

        .btn-toolbarGroup .btn-group > .btn:last-child:not(:first-child) {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .btn-toolbarGroup .btn-group > .btn:first-child {
            margin-left: 0
        }

    .btn-toolbarGroup .btn-group .btn + .btn {
        margin-left: -1px
    }


/*loading*/
#mask-bg {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -100px 0 0 -55px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #59d557;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#mask-bg:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #59d557;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#mask-bg:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #59d557;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.loaderBefore {
    height: 4px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
    overflow: hidden;
    pointer-events: none;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

    .loaderBefore:before {
        display: block;
        position: absolute;
        content: "";
        left: -100%;
        width: 100%;
        height: 4px;
        background-color: #4236DD;
        animation: loadingBF 5s linear infinite;
    }

@keyframes loadingBF {
    from {
        left: -100%;
    }

    to {
        left: 100%;
    }
}


/*删除或刷新按钮*/
.operateButtton {
    float: left;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background-image: url("../images/deleteOrRefresh.png");
    background-position: -48px -24px;
    background-repeat: no-repeat;
}

    .operateButtton:hover {
        background-position: -48px 0;
    }


.helpA img {
    opacity: 0.6;
    filter: Gray;
    -webkit-filter: grayscale(100%);
}

    .helpA img:hover {
        opacity: 1;
        filter: none;
        -webkit-filter: grayscale(0);
    }


/*满单元格输入框样式*/
.formTable td.overflowTD {
    padding: 0 4px;
}

.formTable th.overflowTD {
    padding: 0 4px;
}

.formTable .overflowInput {
    width: 100%;
    border: none;
    height: 27px;
    line-height: 27px;
    margin: -1px -4px;
    padding: 6px 4px;
}

input:disabled {
    -webkit-text-fill-color: #444;
    -webkit-opacity: 1;
}

textarea:disabled {
    -webkit-text-fill-color: #444;
    -webkit-opacity: 1;
}

.layer-anim-close {
    -webkit-animation-name: layer-bounceOut;
    animation-name: layer-bounceOut;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@-webkit-keyframes layer-bounceOut {
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes layer-bounceOut {
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.layui-m-anim {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}

.layui-m-anim-left {
    -webkit-animation-name: layui-m-anim-left;
    animation-name: layui-m-anim-left
}

@-webkit-keyframes layui-m-anim-right {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes layui-m-anim-right {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.layui-m-anim-right {
    -webkit-animation-name: layui-m-anim-right;
    animation-name: layui-m-anim-right
}

@-webkit-keyframes layui-m-anim-lout {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes layui-m-anim-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes layui-m-anim-left {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

/*placeholder 颜色*/
input::-webkit-input-placeholder {
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}


/*页面loading效果*/

.cssload-speeding-wheel {
    width: 31px;
    height: 31px;
    margin: 0 auto;
    border: 2px solid rgba(97,100,193,0.98);
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-spin 425ms infinite linear;
    -o-animation: cssload-spin 425ms infinite linear;
    -ms-animation: cssload-spin 425ms infinite linear;
    -webkit-animation: cssload-spin 425ms infinite linear;
    -moz-animation: cssload-spin 425ms infinite linear;
}



@keyframes cssload-spin {
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.preloader {
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #fff
}

    .preloader .cssload-speeding-wheel {
        position: absolute;
        top: calc(50% - 3.5px);
        left: calc(50% - 3.5px)
    }


.close {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

    .close:hover {
        color: #000;
        opacity: 0.6;
    }


/*按钮点击波浪效果 Wave Effects*/
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        opacity: 0;
        background: rgba(0, 0, 0, .08);
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        pointer-events: none
    }

    .waves-effect.waves-light .waves-ripple {
        background: rgba(255, 255, 255, .4);
        background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
        background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
        background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
        background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
    }

    .waves-effect.waves-classic .waves-ripple {
        background: rgba(0, 0, 0, .2)
    }

    .waves-effect.waves-classic.waves-light .waves-ripple {
        background: rgba(255, 255, 255, .4)
    }

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

    .waves-button,
    .waves-button-input,
    .waves-button:hover,
    .waves-button:visited {
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        border: none;
        outline: 0;
        color: inherit;
        background-color: rgba(0, 0, 0, 0);
        font-size: 1em;
        line-height: 1em;
        text-align: center;
        text-decoration: none;
        z-index: 1
    }

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

    .waves-input-wrapper.waves-button {
        padding: 0
    }

    .waves-input-wrapper .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1
    }

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

    .waves-float:active {
        -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
        box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)
    }

.waves-block {
    display: block
}
.netDiskUpload {
    background-image: url("../CSS/ws/cloud.png");
    background-position:36px 4px;
    background-repeat: no-repeat;
    cursor:pointer;
}
    .netDiskUpload:hover {
        background-color: #E8E8E8;
    }

a.shoucangBtn {
    background-color: #fff;
    text-indent: -10000px;
    background-image: url("../images/shoucang.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    opacity:0.5;
}
    a.shoucangBtn:hover {
        background-color: #fff;
        text-indent: -10000px;
        background-image: url("../images/shoucang.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 30px;
        opacity: 1;
    }
a.shoucangactive {
    background-color: #fff;
    text-indent: -10000px;
    background-image: url("../images/shoucang_active.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    opacity: 0.65;
}
a.shoucangactive:hover{
    background-color: #fff;
    text-indent: -10000px;
    background-image: url("../images/shoucang_active.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    opacity: 1;
}

.dui-spin-first-loading {
    position: relative;
    width: 100%;
    height: 100%;
}

.first-screen-loading-text {
    margin-top: 20px;
}

.dui-spin-first-loading-container {
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px;
    height: 48px;
}

.dui-spin-first-loading-circle {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -webkit-animation: dui-spin-first-loading-rotate 0.8s infinite linear;
    animation: dui-spin-first-loading-rotate 0.8s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dui-spin-first-loading-circle-dark {
    border: 4px solid rgba(0, 0, 0, 0.12);
    border-top-color: rgba(0, 0, 0, 0.32);
}

@keyframes dui-spin-first-loading-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}