* {
    margin: 0;
    padding: 0;
    border: none;
}

body {
    font: lighter 12px/150% Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
    /*background:url(../images/body_bg.png) repeat;*/
}

form,
ul,
ol,
li,
a,
input,
p,
em,
label,
select,
textarea,
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
    font-style: normal;
    font-size: 12px;
}

h1,
h2,
h3,
h4 {
    font-weight: bold;
}

a {
    color: #333;
    text-decoration: none;
    hide-focus: expression(this.hideFocus=true);
}

a:hover {
    /*color: #ff3600;*/
    text-decoration: none;
}
/*===============================MainFrame=========================*/
/*header*/
/*.header {
    width: 100%;
    min-width: 1180px;
    background: #aa0000 url(../images/header_bg.png) no-repeat left top;
    clear: both;
}

.header_top, .header_icon {
    padding: 0 40px;
    overflow: hidden;
}

.header_icon {
    padding-bottom: 5px;
}

.header .slide {
    width: 76px;
    height: 29px;
    line-height: 26px;
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    text-indent: 8px;
    background: url(../images/top.png) no-repeat left -31px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 0;
}

    .header .slide:hover {
        color: #fffc00;
    }

.header .slide2 {
    background: url(../images/top.png) no-repeat left top;
}

.header .logo {
    width: 131px;
    height: 33px;
    margin-top: 3px;
    float: left;
    background: url(../images/logo.png) no-repeat;
}*/
.nav-down-menu {
    background: #2882b6;
    position: absolute;
    width: 180px;
    z-index: 10000;
    right: 40px;
    top: 42px;
    border-width: 1px;
    border-style: solid;
    border-color: #2882b6;
}
.nav-down-menu ul li a {
    margin: 5px 6px;
    display: block;
    text-decoration: none;
    padding: 5px;
    border-radius: 2px;
}
.nav-down-menu li a:hover {
    color: #fff;
    background: #2882b6;
}
.nav-down-menu-header {
    padding: 5px 10px;
    height: 35px;
    border-bottom: 1px solid #5694c9;
    margin-bottom: 10px;
}
.nav-down-menu-ul li a {
    color: #fff;
}
.nav-down-menu-ul li a:hover {
    color: #0d8aee;
    background-color: #e3f2fd;
}
.nav-down-menu-footer {
    /*height: 30px;*/
    line-height: 20px;
    text-align: center;
    border-top: 1px solid #5694c9;
    margin-top: 10px;
}

.system_text {
    color: #fff;
    text-align: right;
    float: right;
    padding-top: 12px;
    font-weight: bold;
    color: #ddd;
}

.system_text a {
    font-weight: lighter;
    color: #fff;
}

.system_text a:hover {
    color: #e6fb00;
}

/*.header .line {
    width: 100%;
    clear: both;
    height: 2px;
    overflow: hidden;
    background: url(../images/line_03.png) repeat-x;
    margin-top: 3px;
}

    .header .line span {
        width: 63px;
        height: 2px;
        float: left;
        background: url(../images/line_02.png) no-repeat;
    }

.header_icon li {
    float: left;
    display: inline;
    margin: 4px 1% 0 0;
}

    .header_icon li a {
        width: 79px;
        height: 65px;
        line-height: 16px;
        display: inline-block;
        color: #ffc0b7;
        text-align: center;
        cursor: pointer;
        background: url(../images/icon_01.png) no-repeat -88px top;
    }

        .header_icon li a.visited, .header_icon li a:hover {
            background-position: left top;
            color: #fff;
        }

    .header_icon li i {
        width: 79px;
        height: 44px;
        background: url(../images/icon_01.png) no-repeat;
        display: block;
    }

        .header_icon li i.icon_01 {
            background-position: 2px -81px;
        }

        .header_icon li i.icon_02 {
            background-position: 2px -160px;
        }

        .header_icon li i.icon_03 {
            background-position: 2px -233px;
        }

        .header_icon li i.icon_04 {
            background-position: 2px -310px;
        }

        .header_icon li i.icon_05 {
            background-position: 2px -381px;
        }

        .header_icon li i.icon_11 {
            background-position: 2px -453px;
        }

        .header_icon li i.icon_06 {
            background-position: -87px -81px;
        }

        .header_icon li i.icon_07 {
            background-position: -87px -160px;
        }

        .header_icon li i.icon_08 {
            background-position: -87px -233px;
        }

        .header_icon li i.icon_09 {
            background-position: -87px -307px;
        }

        .header_icon li i.icon_10 {
            background-position: -87px -382px;
        }*/

.main {
    width: 100%;
    clear: both;
    overflow: hidden;
}
/*==main_left==*/
.main_left {
    width: 204px;
    float: left;
    margin-right: 14px;
}

.left_top {
    width: 204px;
    height: 9px;
    background: url(../images/left_nav.png) no-repeat left top;
    clear: both;
    overflow: hidden;
}

.left_con {
    width: 204px;
    clear: both;
    padding-bottom: 5000px;
    margin-bottom: -5000px;
    background: url(../images/left_nav_bg.png) repeat-y left top;
}

.left_con ul {
    width: 190px;
    padding-left: 5px;
}

.left_con li {
    width: 190px;
    margin: 0 auto;
    clear: both;
}

.left_con li a {
    width: 190px;
    clear: both;
    height: 36px;
    line-height: 32px;
    display: block;
    color: #f6e6e6;
    background: url(../images/left_nav.png) no-repeat -5px -45px;
    cursor: pointer;
}

.left_con li a.visited a,
.left_con li a:hover {
    background-position: -215px -45px;
    color: #f6e6e6;
}

.left_con li.first a {
    background-position: -5px -9px;
}

.left_con li.first a.visited,
.left_con li.first a:hover {
    background-position: -215px -9px;
}

.left_con li.last a {
    background-position: -5px -81px;
}

.left_con li.last a.visited,
.left_con li.last a:hover {
    background-position: -215px -81px;
}

.left_con li i {
    padding-left: 28px;
    height: 36px;
    display: block;
    float: left;
    background: url(../images/circle.png) no-repeat 15px center;
}
/*==main_right==*/
.main_right {
    background: #fff;
    overflow: hidden;
    height: 100%;
    *position: relative;
}

.left {
    color: #73777a;
}
.right a {
    color: #73777a;
}

.query {
    min-width: 980px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    background: #f9f9f9;
}

.query a {
    float: left;
    display: block;
    margin-right: 15px;
    /*padding-left: 20px;
        background: url(../images/tip.png) no-repeat left 9px;*/
    font-weight: lighter;
}

.query a.help {
    background-position: left -47px;
}

/*=====form=====*/
.grid_mainGrid {
    /* width: 100%; */
    /* padding: 10px; */
    box-sizing: border-box;
}

.form {
    clear: both;
    min-width: 950px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.form ul {
    clear: both;
    width: 100%;
    overflow: hidden;
}

.form li {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    min-height: 26px;
}

.form li:last-child {
    margin-top: 8px;
    margin-right: 0;
}

.form select {
    height: 26px;
}

.form .input {
    border: 1px solid #ddd;
    float: left;
    height: 24px;
    line-height: 17px;
    padding: 3px 5px;
    border-radius: 2px;
}

.form li label,
.form .form_text {
    float: left;
    width: 100px;
    text-align: right;
    margin-right: 12px;
    height: 22px;
    line-height: 22px;
}

.form .search_btn {
    padding-left: 15px;
    padding: 0 5px;
    height: 28px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    float: left;
    margin-left: 8px;
}

.form .search_btn:hover {
    background-position: left -85px;
    color: #fff !important;
}

.form .search_btn span {
    height: 30px;
    display: inline-block;
}

.form .search_btn:hover span {
    background-position: right -125px;
}

.red_button {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    min-width: 50px;
    padding:  0 10px;
    background-color: #1D74FF;
    border-color: #1D74FF;
}

.red_button:hover {
    background-position: left -85px;
}

.red_button span {
    /* padding-right: 15px;
    height: 30px;
    display: inline-block;
    background: url(../images/search_btn.png) no-repeat right -41px; */
}

.red_button:hover span {
    background-position: right -125px;
}
/*一行两列*/
.div_1_2 {
    width: 700px;
    height: auto;
}

.ul_1_2 {
    margin: 0;
    padding: 0;
}

.ul_1_2 li {
    width: 320px;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ul_1_2 li > label {
    width: 100px;
}

.bottom_btn {
    width: 900px;
    clear: both;
    text-align: center;
    margin-top: 20px;
}

.bottom_btn .button {
    display: inline-block;
    margin-right: 20px;
}

.form .brand {
    overflow: hidden;
    margin-top: 20px;
}

.form .brand ol {
    overflow: hidden;
}

.form .brand li {
    padding-bottom: 8px;
}

.main-tools + .tablePanel {
    padding-right: 0px;
    padding-left: 0px;
}

.internal_notes {
    width: 100%;
    margin: 15px auto;
}

.internal_notes .tablePanel {
    padding: 0;
}

.internal_notes .datagrid-wrap {
    border-left: 1px solid #ddd;
}

.groupnametitle {
    position: relative;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    font-size: 14px;
    padding-left: 25px;
    background: #f7f8fa;
    margin-top: 10px;
}
.groupnametitle::before {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    display: block;
    content: "";
    width: 8px;
    height: 4px;
    border-radius: 3px;
    background: #1D74FF;
    transition: all 0.5s;
}
.groupnametitle2::before {
    width: 3px;
    height: 14px;
    border-radius: 3px;
}

.groupnametitle:hover {
    background-position: 9px -93px;
    color: #e50000;
}

.groupnametitle2 {
    background-position: 9px top;
}

.groupnametitle2:hover {
    background-position: 9px -62px;
}

.groupnamepanel {
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
}

.tablePanel .groupnamepanel ul.row1 li {
    font-size: 0;
    min-width: 340px;
}

/* .tablePanel .groupnamepanel label.column {
    min-width: 110px;
} */

.tablePanel .user-row li > div {
    margin-left: 80px;
}

.form .focus,
.focus {
    border-color: #ff5a00;
}
/*=====grid=====*/
.grid_header {
    height: 38px;
    padding-top: 10px;
    clear: both;
    z-index: 9999;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.grid_head {
    /* height: 24px;
    padding: 6px;
    background: url(../images/grid_bg.png) repeat-x;
    clear: both;
    z-index: 9999; */
    margin:10px auto;
}

.main_right .grid_header {
    width: 100%;
}

.main-tools.grid_header {
    min-width: 200px;
}

/*.main-tools {
    padding: 4px;
    padding-top: 6px;
}*/

.icon_btn a {
    padding: 2px 5px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    color: #ffffff;
    background-color: #1D74FF;
    border: 1px solid #1D74FF;
    margin-top: 3px;
    margin-right: 10px;
    border-radius: 2px;
}
.grid_header.icon_btn a i{
    display: none;
}

.icon_btn a.none {
    padding-left: 8px;
    display: inline-block;
    margin-right: 8px;
    height: 24px;
    line-height: 22px;
    *line-height: 24px;
    background: none;
}

.icon_btn a.more {
    padding-left: 8px;
    display: inline-block;
    margin-right: 8px;
    height: 24px;
    line-height: 22px;
    *line-height: 24px;
    background-image: none;
}

.icon_btn a i.icon_batch {
    background: url(../images/icon/batch.png) no-repeat left center;
}

.icon_btn a i.icon_disabled {
    background: url(../images/icon/circle.png) no-repeat left center;
}

.icon_btn a i.icon_switch {
    background: url(../images/icon/switch.png) no-repeat left center;
}

.icon_btn a i.icon_switch_ok {
    background: url(../images/icon/switch_ok.png) no-repeat left center;
}

.icon_btn a:hover {
    background-position: left -61px;
}

.icon_btn a span {
    /* padding-right: 8px; */
    display: inline-block;
    cursor: pointer;
    height: 24px;
    /* background: url(../images/grid_btn.png) no-repeat right -30px; */
}

.icon_btn a.none span {
    padding-right: 8px;
    display: inline-block;
    cursor: pointer;
    height: 24px;
    background: none;
}

.icon_btn a:hover span {
    background-position: right -91px;
}

.icon_btn a i {
    /*width: 18px;*/
    line-height: 24px;
    margin-right: 3px;
    height: 24px;
    display: inline-block;
    float: left;
}
/*icons*/
.icon_btn a i.icon_delete {
    background: url(../images/icon/delete.png) no-repeat left center;
}

.icon_btn a i.icon_import {
    background: url(../images/icon/import.png) no-repeat left center;
}

.icon_btn a i.icon_export {
    background: url(../images/icon/export.png) no-repeat left center;
}

.icon_btn a i.icon_add {
    background: url(../images/icon/add.png) no-repeat left center;
}

.icon_btn a i.icon_edit {
    background: url(../images/icon/edit.png) no-repeat left center;
}

.icon_btn a i.icon_save {
    background: url(../images/icon/save.png) no-repeat left center;
    width: 18px;
}

.icon_btn a i.icon_newhelp {
    background: url(../images/icon/newhelp.png) no-repeat left center;
    width: 24px;
    background-size: 100%;
}

.icon_btn a i.icon_marketing {
    background: url(../images/icon/marketing.png) no-repeat left center;
}

.icon_btn a i.icon_remove {
    background: url(../images/icon/remove.png) no-repeat left center;
}

.icon_btn a i.icon_folder {
    background: url(../images/icon/folder.png) no-repeat left center;
}

.icon_btn a i.icon_folderopen {
    background: url(../images/icon/folderopen.png) no-repeat left center;
}

.icon_btn a i.icon_ok {
    background: url(../images/icon/ok.png) no-repeat left center;
}

.icon_btn a i.icon_no {
    background: url(../images/icon/no.png) no-repeat left center;
}

.icon_btn a i.icon_reload {
    background: url(../images/icon/reload.png) no-repeat left center;
}

.icon_btn a i.icon_wait {
    background: url(../images/icon/wait.gif) no-repeat left center;
}

.icon_btn a i.icon_close {
    background: url(../images/icon/upgrade.png) no-repeat left center;
    width: 18px;
}

.icon_btn a i.icon_cancel {
    background: url(../images/icon/cancel.png) no-repeat left center;
}

.icon_btn a i.icon_download {
    background: url(../images/icon/download.png) no-repeat left center;
}

.icon_btn a i.icon_upload {
    background: url(../images/icon/upload.png) no-repeat left center;
}

.icon_btn a i.icon_node {
    background: url(../images/icon/node.png) no-repeat left center;
}

.icon_btn a i.icon_search {
    background: url(../images/icon/search.png) no-repeat left center;
}

.icon_btn a i.icon_printer {
    background: url(../images/icon/print_fh.png) no-repeat left center;
}

.icon_btn a i.icon_help {
    background: url(../images/icon/help.png) no-repeat left center;
    display: none;
}

.icon_btn a i.icon_redo {
    background: url(../images/icon/redo.png) no-repeat left center;
}

.icon_btn a i.icon_undo {
    background: url(../images/icon/undo.png) no-repeat left center;
}

.icon_btn a i.icon_zoomin {
    background: url(../images/icon/zoomin.png) no-repeat left center;
}

.icon_btn a i.icon_zoomout {
    background: url(../images/icon/zoomout.png) no-repeat left center;
}

.icon_btn a i.icon_lock {
    background: url(../images/icon/lock.png) no-repeat left center;
}

.icon_btn a i.icon_unlock {
    background: url(../images/icon/unlock.png) no-repeat left center;
}

.icon_btn a i.icon_split {
    background: url(../images/icon/split.png) no-repeat left center;
}

.icon_btn a i.icon_user {
    background: url(../images/icon/user.png) no-repeat left center;
}

.icon_btn a i.icon_downgrade {
    background: url(../images/icon/downgrade.png) no-repeat left center;
}

.icon_btn a i.icon_upgrade {
    background: url(../images/icon/upgrade.png) no-repeat left center;
}

.icon_btn a i.icon_setting {
    background: url(../images/icon/setting.png) no-repeat left center;
}

.icon_btn a i.icon_copy {
    background: url(../images/icon/copy.png) no-repeat left center;
}

.icon_btn a i.icon_submit {
    background: url(../images/icon/submit.png) no-repeat left center;
}

.icon_btn a i.icon_goods {
    background: url(../images/icon/goods.png) no-repeat left center;
}

.icon_btn a i.icon_logistics {
    background: url(../images/icon/logistics.png) no-repeat left center;
}

.icon_btn a i.icon_gathering {
    background: url(../images/icon/gathering.png) no-repeat left center;
}

.icon_btn a i.icon_audit {
    background: url(../images/icon/audit.png) no-repeat left center;
}

.icon_btn a i.icon_refuse {
    background: url(../images/icon/refuse.png) no-repeat left center;
}

.icon_btn a i.icon_payment {
    background: url(../images/icon/payment.png) no-repeat left center;
}
/*===add icon 6.24===*/
.icon_btn a i.icon_order_verify {
    background: url(../images/icon/order_verify.png) no-repeat left center;
}

.icon_btn a i.icon_order_intercept {
    background: url(../images/icon/order_intercept.png) no-repeat left center;
}

.icon_edit_address {
    background: url(../images/icon/edit_address.png) no-repeat left center;
}

.icon_btn a i.icon_edit_money {
    background: url(../images/icon/edit_money.png) no-repeat left center;
}

.icon_btn a i.icon_print_wl {
    background: url(../images/icon/print_wl.png) no-repeat left center;
}

.icon_btn a i.icon_print_fh {
    background: url(../images/icon/print_fh.png) no-repeat left center;
}

.icon_btn a i.icon_scan-in {
    background: url(../images/icon/scan-in.png) no-repeat left center;
}

.icon_btn a i.icon_switch_sh {
    background: url(../images/icon/switch_sh.png) no-repeat left center;
}

.icon_btn a i.icon_hand-match {
    background: url(../images/icon/hand-match.png) no-repeat left center;
}

.icon_btn a i.icon_auto-match {
    background: url(../images/icon/auto-match.png) no-repeat left center;
}

.icon_btn a i.icon_order-TblInvoice {
    background: url(../images/icon/order-TblInvoice.png) no-repeat left center;
}

.icon_btn a i.icon_black-number {
    background: url(../images/icon/black-number.png) no-repeat left center;
}
/*=====add 7.5=====*/
.icon_btn a i.icon_intercept-recover {
    background: url(../images/icon/intercept-recover.png) no-repeat left center;
}

.icon_btn a i.icon_track-order-end {
    background: url(../images/icon/track-order-end.png) no-repeat left center;
}

.icon_btn a i.icon_Manual-merge {
    background: url(../images/icon/Manual-merge.png) no-repeat left center;
}

.icon_btn a i.icon_Quick-return-order {
    background: url(../images/icon/Quick-return-order.png) no-repeat left center;
}

.icon_btn a i.icon_Virtual-warehousing {
    background: url(../images/icon/Virtual-warehousing.png) no-repeat left center;
}

.icon_btn a i.icon_Scan-inbound {
    background: url(../images/icon/Scan-inbound.png) no-repeat left center;
}

.icon_btn a i.icon_Quick-return {
    background: url(../images/icon/Quick-return.png) no-repeat left center;
}

.icon_btn a i.icon_Forced-store {
    background: url(../images/icon/Forced-store.png) no-repeat left center;
}

.icon_btn a i.icon_refund-payment {
    background: url(../images/icon/refund-payment.png) no-repeat left center;
}

.icon_dataPermission {
    background: url(../images/icon/hand-match.png) no-repeat left center;
    display: inline-block;
    height: 16px;
    width: 16px;
}
/*=====grid_tab=====*/
.grid_tab {
    height: 30px;
    width: 100%;
    padding: 6px 6px 0 6px;
    background: #e6e6e3;
    clear: both;
    margin-bottom: 1px;
}

.grid_tab2 {
    min-width: 200px;
}

.grid_tab li {
    height: 30px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    float: left;
    margin-right: 12px;
    padding-left: 13px;
    display: inline-block;
}

.grid_tab li:hover {
    color: #ff0;
}

.grid_tab li.visited {
    background: url(../images/grid_tab.png) no-repeat left top;
    line-height: 30px;
    /*color: #0068a8;*/
}

.grid_tab li span {
    display: inline-block;
    padding-right: 13px;
    height: 30px;
}

.grid_tab li.visited span {
    background: url(../images/grid_tab.png) no-repeat right -141px;
}
/*=====empower=====*/
.new_close {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    background: url(../images/close.png) no-repeat;
    text-indent: -9999px;
}
/*.empower .box{width:494px; border:3px solid #b49c92; margin:0 auto; overflow:hidden; background:#f4f4f4;}*/
.empower {
    background: #fff;
    overflow: hidden;
}

.empower h3 {
    height: 26px;
    line-height: 22px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background: #b49c92;
    text-indent: 15px;
}

.empower ul {
    width: 454px;
    clear: both;
    padding: 10px 20px;
    margin: 0 auto;
}

.empower li {
    width: 100%;
    float: left;
    margin-bottom: 12px;
}

.empower li.center {
    background: none;
    text-align: center;
}

.empower li label {
    width: 100px;
    text-align: right;
    float: left;
    line-height: 24px;
    margin-right: 3px;
}

.empower .input {
    border: 1px solid #ccc;
    float: left;
    height: 16px;
    line-height: 16px;
    width: 230px;
    padding: 3px 5px;
    background: #fff;
}

.empower .img {
    margin-left: 105px;
}

.iframs-modal.empower .modal-form .row1 li > .combo {
    width: 238px !important;
}

.empower .combo-text {
    width: 210px !important;
}

.empower ~ .combo-p {
    width: 238px !important;
}

.empower .search_btn:hover {
    background-position: left -1px;
}

.empower .search_btn span {
    display: inline-block;
    background: #1D74FF;
}

.empower .search_btn:hover span {
    background-position: right -41px;
}
/*===============popup===============*/
.popup {
    width: 500px;
    border: 1px solid #8daad5;
    position: absolute;
    left: 50%;
    margin-left: -230px;
    top: 100px;
}

.new_close {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    background: url(../images/close.png) no-repeat;
    text-indent: -9999px;
    z-index: 100;
}

.popup .box {
    width: 494px;
    border: 3px solid #e0eaff;
    margin: 0 auto;
    overflow: hidden;
    background: #f4f4f4;
    padding-bottom: 10px;
}

.popup h3 {
    height: 26px;
    line-height: 22px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background: #b49c92;
    text-indent: 15px;
}

.popup_tab {
    border-bottom: 1px solid #a9b7c9;
    width: 94%;
    margin: 0 auto;
    clear: both;
    height: 26px;
}

.popup_tab ul {
    margin-top: 1px;
}

.popup_tab li {
    padding-left: 16px;
    display: inline-block;
    float: left;
    white-space: nowrap;
    margin-right: 8px;
    height: 27px;
    line-height: 25px;
    background: url(../images/alert_tab.png) no-repeat left top;
}

.popup_tab li.visited {
    background-position: left -63px;
}

.popup_tab li a {
    padding-right: 16px;
    display: inline-block;
    background: url(../images/alert_tab.png) no-repeat right -31px;
    height: 27px;
}

.popup_tab li.visited a {
    background-position: right -95px;
    cursor: default;
}

.popup_tab_box {
    width: 94%;
    margin: 0 auto;
    clear: both;
    background: #fff;
    border: 1px solid #a9b7c9;
    border-top: none;
    padding-bottom: 15px;
    height: 120px;
    overflow-y: scroll;
}

.popup_tab_box a {
    white-space: nowrap;
    float: left;
    display: block;
    margin: 15px 0 0 15px;
    padding: 5px 10px;
    background: #eee;
}

.popup_tab_box a:hover {
    background: #333;
    color: #fff;
}

.border_none {
    border: none;
}
/*===============================easyUI===========================*/
.spancolumn1 {
    padding: 0 5px 2px 5px;
    width: 180px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

.spancolumn {
    padding: 0 5px 2px 5px;
    width: 190px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

.spancolumn2 {
    padding: 0 5px 2px 5px;
    width: 380px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

.spancolumn3 {
    padding: 0 5px 2px 5px;
    width: 570px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

.spancolumn4 {
    padding: 0 5px 2px 5px;
    width: 760px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

.datagrid-btable a {
    color: #007bda;
}

.datagrid-btable a:hover {
    color: #ff3600;
}

.datagrid-header td,
.datagrid-body td,
.datagrid-footer td {
    border-style: solid;
    border-color: #ddd;
}

.datagrid .datagrid-pager {
    border-width: 0 1px 1px 1px;
    position: relative;
    z-index: 10;
}

.bg_odd {
    background: #f4f4f4 url(../images/bg_odd.png) repeat-x left top;
}

.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
    background-image: -webkit-linear-gradient(#f8faff, #e6eeff);
    background-image: -moz-linear-gradient(#f8faff, #e6eeff);
    background-image: -ms-linear-gradient(#f8faff, #e6eeff);
    background-image: -o-linear-gradient(#f8faff, #e6eeff);
    background-image: linear-gradient(#f8faff, #e6eeff);
    color: #000000;
    cursor: default;
}

.datagrid-row-selected {
    background: #5cb4e0;
    color: #fff;
}

.datagrid-row-selected a {
    color: #fffc00;
}

.datagrid-row-selected a:hover {
    color: #f00;
}

.datagrid-header {
    top: 36px;
}

.tabs li.tabs-selected a.tabs-inner {
    background: #fff;
}

.tooltip {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*background-color: #fff7e4 !important;
    border-color: #ffb478 !important;
    color: #e12f2f !important;*/
}

#mainPanle {
    border-left: none;
}

.grid_detailview .panel-body {
    border-left-width: 1px;
}

.grid_detailview .panel-header {
    /*background: url(../images/portal_title.png) repeat-x left -1px;*/
}

.grid_detailview.grid_mainGrid .panel-title {
    /*color: #08408A;*/
}

.grid_detailview .datagrid-header {
    background-color: #e6eaef;
    background: -webkit-linear-gradient(top, #f8fcff 0, #e6eaef 100%);
    background: -moz-linear-gradient(top, #f8fcff 0, #e6eaef 100%);
    background: -o-linear-gradient(top, #f8fcff 0, #e6eaef 100%);
    background: linear-gradient(to bottom, #f8fcff 0, #e6eaef 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8fcff,endColorstr=#e6eaef,GradientType=0);
}

.datagrid-row-detail {
    padding-top: 15px;
    padding-bottom: 15px;
}

.datagrid-row-detail iframe {
    padding: 0px !important;
}

.grid_detailview .datagrid-row-over,
.grid_detailview .datagrid-header td.datagrid-header-over {
    background-image: -webkit-linear-gradient(#fffaf4, #fff8e1);
    background-image: -moz-linear-gradient(#fffaf4, #fff8e1);
    background-image: -ms-linear-gradient(#fffaf4, #fff8e1);
    background-image: -o-linear-gradient(#fffaf4, #fff8e1);
    background-image: linear-gradient(#fffaf4, #fff8e1);
    color: #000000;
    cursor: default;
}

.spinner-arrow-up,
.spinner-arrow-down {
    cursor: pointer;
}

.icon_btn .combo {
    /*margin-left: 10px;*/
}

.gray-input3 {
    width: 160px;
    border: 1px solid #ddd;
    border-top-color: #999;
    border-left-color: #999;
    height: 16px;
    line-height: 16px;
    padding: 3px 5px;
}

.easyui-tabs {
    margin-top: 0;
}

.datagrid-wrap.panel-body {
    border-color: #fff;
    border: none;
}

.layout-panel.layout-panel-center {
    width: 100%;
    /*min-width: 1000px;*/
    margin-left: -1px; /*减少粗边框*/
}

.index_layout {
    min-width: 1180px;
}

.order_handle .panel-body {
    background: none;
    padding-bottom: 0 !important;
}
/*================order_status==============*/
.order_status {
}

.order_status span {
    /*min-width: 20px;*/
    text-align: center;
    height: 18px;
    line-height: 18px;
    color: #999;
    background: #eee;
    display: inline-block;
    float: left;
    padding: 0 3px;
}

.order_status span.bg_01 {
    background: #14a723;
    color: #fff;
}

.order_status span.bg_02 {
    background: #b22020;
    color: #fff;
}

.order_status span.bg_03 {
    background: #147ac1;
    color: #fff;
}

.order_status span.bg_04 {
    background: #ff4e00;
    color: #fff;
}

.order_status span.bg_05 {
    background: #f00;
    color: #fff;
}

.order_status span.bg_06 {
    background: #0e2d5f;
    color: #fff;
}

.order_status span.bg_07 {
    background: #91b8e7;
    color: #fff;
}

.order_status span.bg_08 {
    background: #ff0000;
    color: #fff;
}

.order_status span.bg_09 {
    background: #db9bdb;
    color: #fff;
}

.order_status span.bg_10 {
    background: #ee6911;
    color: #fff;
}

.order_status span.bg_11 {
    background: #00ff99;
    color: #fff;
}

.order_status span.bg_12 {
    background: #c6ef21;
    color: #fff;
}

.order_status span.bg_13 {
    background: #ffff00;
    color: #fff;
}
.order_status span.bg_14 {
    background: #6a5acd;
    color: #fff;
}
.order_status span.bg_15 {
    background: #40e0d0;
    color: #fff;
}
.order_status span.bg_16 {
    background: #ff0000;
    color: #fff;
}
.order_status span.bg_17 {
    background: #deb887;
    color: #fff;
}
.order_status span.bg_18 {
    background: #ee6911;
    color: #fff;
}
.order_status span.bg_19 {
    color: #ff5a00;
}
/*=====================================*/
.memo1,
.memo2,
.memo3,
.memo4,
.memo5,
.memo0 {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/memo.png) no-repeat right top;
}

.memo4 {
    background-position: right 1px;
}

.memo3 {
    background-position: right -21px;
}

.memo1 {
    background-position: right -45px;
}

.memo5 {
    background-position: right -68px;
}

.memo2 {
    background-position: right -91px;
}

.memo0 {
    background-position: right -121px;
}

.enablebg,
.disablebg {
    display: inline-block;
    width: 60px;
    height: 22px;
    line-height: 22px;
    background: #3cc400;
    color: #fff !important;
    text-align: center;
}

/* .disablebg {
    background: #eee;
    color: #999;
} */

.draggable_help {
    width: 350px;
    height: 300px;
    background: #fff;
    border: 1px solid #3c8dbc;
    position: absolute;
    right: 17px;
    top: 150px;
    z-index: 100000;
    display: none;
}

.draggable_help ul {
    padding: 0;
    margin: 10px;
    height: 240px;
    overflow: hidden;
    clear: both;
}

.draggable_help li {
    width: 100%;
    float: left;
    margin-bottom: 8px;
    height: 22px;
    line-height: 22px;
}

.draggable_help li a {
    color: #353535;
    padding-left: 13px;
    background: url(../images/circle.png) no-repeat left center;
}

.draggable_help li a:hover {
    color: #f50;
}

.help_title {
    background: #3c8dbc;
    color: #fff;
    font-weight: bold;
    padding: 6px 0;
    width: 100%;
    text-align: center;
}

.help_icon {
    width: 83px;
    height: 97px;
    position: absolute;
    left: 10px;
    top: -60px;
    background: url(../images/icon_tips.png) no-repeat left top;
}

.over_hidden {
    overflow: hidden;
}
/*left*/
.mr_l_10 {
    float: left;
    margin-left: 10px;
}
/*right*/
.mr_r_5 {
    margin-right: 5px;
}

.mr_r_15 {
    margin-right: 15px;
}
/*top*/
.mr_t_5 {
    margin-top: 5px;
}

.mr_t_10 {
    margin-top: 8px;
}

.mr_t_20 {
    margin-top: 20px;
}

.pd_t_10 {
    padding-top: 10px;
}

.pd_t_20 {
    padding-top: 20px;
}

.form.pd_t_20 {
    padding-top: 0;
}

.pd_b_15 {
    padding-bottom: 15px;
}

.pd_b_32 {
    padding-bottom: 32px;
}
/*width*/

.width_40 {
    width: 40px;
}

.width_140 {
    width: 148px;
}

.width_160 {
    width: 160px;
}

.width_120 {
    width: 120px;
}

.width_154 {
    width: 154px;
}
/*height*/
.height_610 {
    height: 610px;
}
/*font*/
.red {
    color: #f00;
}

.blue {
    color: #144a93;
}

.black {
    color: #333;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}
/*line-height*/
.line_h_22 {
    line-height: 22px;
}

.line_h_24 {
    line-height: 24px;
}
/*background-color*/
.bg_gray {
    background: #f5f5f5;
}

.bg_highlight {
    background: #fff4d8;
}

.bg_red {
    background: #d70000;
    color: #fff;
}

.bg_yellow {
    background: #f0d700;
    color: #fff;
}

.bg_green {
    background: #2bcb00;
    color: #fff;
}

/**/
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    width: 100%;
    height: 0;
    overflow: hidden;
}
/***********2013-03-28 周碧文****************/
.index_layout {
    width: 100%;
    overflow: hidden;
}

.home-iframe {
    width: 100%;
    height: 100%;
}

.index_navigation .panel-header {
    min-width: 164px;
}

.loading {
    height: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 213px;
    text-align: center;
    background: url("../images/indicator_flower.gif") no-repeat 150px center;
}

.no-data {
    height: 200px;
    margin-top: 60px;
    margin-bottom: 20px;
    line-height: 200px;
    text-align: center;
}

.loading2 {
    height: 32px;
    width: 100%;
    background: url("../images/indicator_flower.gif") no-repeat 150px center;
}

.index_navigation .panel-body {
    min-width: 164px;
}

.main_error {
    border: 1px solid #a9b7c9;
    background: #fff;
    overflow: hidden;
    width: 100%;
    height: 800px;
}

.error-icon {
    float: left;
    width: 40%;
    height: 100%;
    margin-top: 20%;
    background: url(../images/error.jpg) no-repeat top right;
}

.error-msg {
    float: left;
    width: 58%;
    height: 100%;
    margin-top: 28%;
    padding-left: 10px;
    font-size: 36px;
}

.codegenParam {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.cloading-panel {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    overflow-x: hidden;
    position: relative;
}

.cloading {
    position: absolute;
    left: 30%;
    top: 30%;
    background: url(../images/loading.gif) no-repeat 20px center;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left: 60px;
}

.iframe {
    border: 0;
    overflow: auto;
}
/*********系统错误弹出框**********/
.syserror-panel {
    width: 100%;
    overflow: hidden;
}

.syserror-header,
syserror-view,
syserror-details {
    margin-left: 5px;
    margin-right: 30px;
}

.syserror-header {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    height: 50px;
}

.syserror-title {
    font-size: 18px;
    font-weight: 900;
}

.syserror-summarypanel {
    margin-left: 5px;
    margin-right: 5px;
}

.syserror-sumarry {
    width: 100%;
    height: 50px;
    margin-top: 20px;
}

.syserror-view {
    font-size: 12px;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
}

.syserror-view a {
    cursor: pointer;
}

.syserror-view a:hover {
    cursor: pointer;
    color: red;
}

.syserror-details {
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
    height: 155px;
    border: 1px solid #ccc;
}

.syserror-details textarea {
    width: 100%;
    height: 100%;
}
/********系统切换效果**************/
#throbber {
    position: absolute;
    top: 200px;
    left: 45%;
    z-index: 99999999;
}

#throbber .curtain2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #3e4d45;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#throbber .curtain-content {
    background-color: #3e4d45;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 200px;
    min-height: 60px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #000;
    border-radius: 3px;
}

#throbber .curtain-content div.container {
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 8px;
}

#throbber .i_loading {
    background: url(../images/synchronizing.gif) no-repeat;
    display: inline-block;
    margin-top: 8px;
    min-width: 100px;
    height: 20px;
}

#setUpHeader {
    margin-top: 5px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 200;
    margin-bottom: 0px;
    color: #ccc;
}

.noBorder {
    overflow: hidden;
}
/********部件样式*********/
.mainWin {
    width: 100%;
    height: 100%;
    padding-left: 125px;
}

.mainLeft {
    width: 157px;
    height: 448px;
    float: left;
    overflow: hidden;
    border: 1px solid #a9b7c9;
    padding: 4px;
}

.mainRight {
    clear: both;
    width: 830px;
    height: 448px;
    float: left;
    overflow: hidden;
    border: 1px solid #a9b7c9;
    padding: 4px;
}

.mainBox {
    width: 100%;
    height: 200px;
    border: 1px solid #a9b7c9;
}

.mainWin .box {
    display: inline-block;
    margin-top: 15px;
    margin-left: 15px;
    text-align: center;
    position: relative;
    border: 1px solid #ccc;
    width: 460px;
}

.mainWin .item label {
    font-size: 12px;
    text-align: left;
    margin: 0px;
}

.mainWin .item {
    display: inline-block;
}

.mainWin .display-deom {
    width: 460px;
    height: 200px;
    border: 0px;
}

.mainWin .search_btn {
    margin: 5px 0 3px 0;
    text-align: center;
}

.mainWin .noResult {
    line-height: 448px;
    font-size: 24px;
    text-align: center;
}

.mainWin .print-unselected {
    position: absolute;
    left: 40%;
    top: 40%;
    background-color: transparent;
}

.mainWin .print-selected {
    float: right;
    position: absolute;
    width: 100px;
    line-height: 35px;
    height: 35px;
    font-family: "华文行楷";
    font-style: italic;
    font-weight: 200;
    font-size: 24px;
    right: 10px;
    top: 10px;
    color: rgba(255, 0, 0, 0.89);
    background-color: rgba(202, 199, 196, 0);
}

.portal {
    position: relative;
}

.widgetWarn {
    width: 100%;
    height: 100%;
    color: red;
}

.widgetWarn p {
    margin-top: 2px;
    margin-left: 30px;
}

.portal_con {
}

/*==============remark=============*/
ul.remark,
ul.remark li {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-bottom: 12px;
}

ul.remark {
    padding-top: 12px;
}

ul.remark em {
    font-style: normal;
    font-weight: bold;
    width: 80px;
    text-align: right;
    line-height: 16px;
    margin-right: 6px;
    float: left;
}

ul.remark label {
    display: inline-block;
    padding-right: 16px;
    margin-right: 9px;
    background: url(../images/memo.png) no-repeat right top;
}

ul.remark label.memo4 {
    background-position: right 1px;
}

ul.remark label.memo3 {
    background-position: right -21px;
}

ul.remark label.memo1 {
    background-position: right -45px;
}

ul.remark label.memo5 {
    background-position: right -68px;
}

ul.remark label.memo2 {
    background-position: right -91px;
}
ul.remark label.memo0 {
    background-position: right -121px;
}

ul.remark .notice {
    clear: none;
}

.re_textarea {
    width: 624px;
    border: 1px solid #ccc;
    height: 100px;
    overflow: auto;
    padding: 8px;
    font-size: 12px;
}

.save_btn,
.cancel_btn {
    padding-left: 15px;
    height: 30px;
    line-height: 26px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    background: url(../images/search_btn.png) no-repeat left -1px;
    margin-right: 15px;
}

.save_btn:hover,
.cancel_btn {
    background-position: left -85px;
    color: #fff;
}

.save_btn span,
.cancel_btn span,
.cancel_btn:hover span {
    padding-right: 15px;
    height: 30px;
    display: inline-block;
    background: url(../images/search_btn.png) no-repeat right -41px;
}

.save_btn:hover span,
.cancel_btn span {
    background-position: right -125px;
}

.cancel_btn:hover {
    background-position: left -1px;
    color: #fff;
}

.helpcomment {
    font-size: 10px;
}
/*===========span_input===========*/
.span_input {
    width: 148px;
    height: 17px;
    padding: 3px 5px;
    border: 1px solid #ddd;
    border-top-color: #555;
    border-left-color: #555;
    display: inline-block;
}

.span_input input {
    width: 130px;
    height: 17px;
    line-height: 17px;
    border: none;
    background: #fff;
    float: left;
}

.span_input a {
    width: 18px;
    height: 27px;
    display: inline-block;
    cursor: pointer;
}
/*======================Back to top button======================================*/
#back-top {
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 99999;
    min-height: 50px;
}

#back-top a {
    width: 60px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #999;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover {
    color: #000;
}

#back-top span {
    width: 60px;
    height: 56px;
    display: block;
    margin-bottom: 5px;
    background: #ddd url(../images/up-arrow.png) no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top a:hover span {
    background-color: #777;
}

.span-red span {
    color: #144a93;
    padding-left: 5px;
    cursor: pointer;
    line-height: 26px;
}

.span-red span:hover {
    color: #ff3600;
}
/*===============popup===============*/
.popup {
    width: 500px;
    border: 1px solid #8daad5;
    position: absolute;
    left: 50%;
    margin-left: -230px;
    top: 100px;
}

.new_close {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    background: url(../images/close.png) no-repeat;
    text-indent: -9999px;
}

.popup .box {
    width: 494px;
    border: 3px solid #e0eaff;
    margin: 0 auto;
    overflow: hidden;
    background: #f4f4f4;
    padding-bottom: 10px;
}

.popup h3 {
    height: 26px;
    line-height: 22px;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background: #b49c92;
    text-indent: 15px;
}

.popup_tab {
    border-bottom: 1px solid #a9b7c9;
    width: 94%;
    margin: 0 auto;
    clear: both;
    height: 26px;
}

.popup_tab ul {
    margin-top: 1px;
}

.popup_tab li {
    padding-left: 16px;
    display: inline-block;
    float: left;
    white-space: nowrap;
    margin-right: 8px;
    height: 27px;
    line-height: 25px;
    background: url(../images/alert_tab.png) no-repeat left top;
}

.popup_tab li.visited {
    background-position: left -63px;
}

.popup_tab li a {
    padding-right: 16px;
    display: inline-block;
    background: url(../images/alert_tab.png) no-repeat right -31px;
    height: 27px;
}

.popup_tab li.visited a {
    background-position: right -95px;
    cursor: default;
}

/*===============error===============*/
.error_bg {
    width: 805px;
    height: 610px;
    margin: 20px auto;
    clear: both;
    background: url(../images/404-1.png) no-repeat left top;
    overflow: hidden;
}

.error1_bg {
    width: 805px;
    height: 610px;
    margin: 20px auto;
    clear: both;
    background: url(../images/no-permission.png) no-repeat left top;
    overflow: hidden;
}

.error_icon {
    width: 200px;
    margin: 10px auto;
    clear: both;
    height: 100px;
    background: url(../images/error_icon.png) no-repeat;
}

.error_01 {
    background-position: right top;
}

.error_02 {
    background-position: right -115px;
    height: 120px;
}

.error_03 {
    background-position: right -266px;
    height: 116px;
}

.error_text {
    width: 600px;
    clear: both;
    margin: 0 auto;
    margin-top: 310px;
    font-size: 30px;
    line-height: 40px;
    color: #f4f4f4;
    font-weight: bold;
    text-align: center;
}

.error1_text {
    width: 600px;
    clear: both;
    margin: 0 auto;
    margin-top: 300px;
    font-size: 20px;
    line-height: 30px;
    color: #f4f4f4;
    font-weight: bold;
    text-align: center;
}

.error1_text2 {
    width: 600px;
    clear: both;
    margin: 0 auto;
    margin-top: 300px;
    font-size: 12px;
    line-height: 20px;
    color: #f4f4f4;
    font-weight: bold;
    text-align: center;
}

.error_btn {
    text-align: center;
    padding-top: 200px;
}

.error1_btn {
    text-align: center;
    padding-top: 210px;
}
/*===============update password===============*/
.update_password {
    width: 800px;
    margin: 20px auto;
    clear: both;
}

.update_password li {
    width: 800px;
    float: left;
    margin-bottom: 15px;
}

.update_password li label {
    width: 80px;
    display: inline;
    float: left;
    margin-right: 5px;
    text-align: right;
    line-height: 25px;
}

.update_input {
    width: 200px;
    border: 1px solid #ddd;
    border-top-color: #555;
    border-left-color: #555;
    float: left;
    height: 19px;
    line-height: 19px;
    padding: 3px 5px;
}

.span_input {
    width: 160px;
    height: 27px;
    /* line-height: 21px; */
    padding: 0;
    border: 1px solid #d7d8d9;
    border-top-color: #d7d8d9;
    border-left-color: #d7d8d9;
    display: inline-block;
    float: left;
}
.span_input input {
    width: 137px;
    height: 27px;
    line-height: 27px;
    border: none;
    background: #fff;
    padding-left: 5px;
    float: left;
}

.icon_filter_remove {
    background: url(../images/icon/filter_remove.png) no-repeat left center;
    width: 18px;
    height: 17px;
    display: inline-block;
    cursor: pointer;
}

/*===============educe===============*/
.file-name {
    width: 300px;
    border: 1px solid #ddd;
    border-top-color: #555;
    border-left-color: #555;
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 2px 4px;
}

.file-type-select {
    width: 150px;
    height: 24px;
}

.file-type-text {
    width: 140px;
    border: 1px solid #ddd;
    border-top-color: #555;
    border-left-color: #555;
    height: 18px;
    line-height: 18px;
    padding: 2px 4px;
    margin-left: 10px;
}

/*************文件上传*/
.fileSystem-ul {
    text-align: center;
}

.fileSystem-container {
    display: inline-block;
    min-height: 26px;
}

.fileSystem-btn {
    position: relative;
    display: inline-block;
}

.fileSystem-file {
    position: absolute;
    right: 0px;
    left: 10px;
    top: 0;
    z-index: 1;
    border: 0 none;
    filter: alpha(opacity=0);
    opacity: 0;
    margin: 0px;
    width: 60px;
    height: 25px;
}

.fileSystem-input {
    width: 200px;
    border: 1px solid red;
    height: 25px;
}
/************活动管理**********/
.buySkus {
    clear: both;
}

.buySku {
    margin-left: 5px;
    float: left;
    display: inline-block;
}
/***************导入***********/
.import {
}

.import-text li {
    margin-left: 50px;
}

.import-table {
    color: red;
}

.import-loading {
    margin-left: 130px;
    margin-top: 30px;
}

.import-item {
    font-size: 14px;
    margin-top: 5px;
}

.template {
    font-size: 16px;
    color: #0024ff;
}

.export {
    width: 486px;
    height: 100%;
    text-align: center;
}

.export-form {
    /* margin-left: 50px; */
}
/********系统错误**********/
.debug-error {
    font-size: 14px;
    color: red;
    padding: 10px;
}

.viewError {
    cursor: pointer;
}
/********弹出窗体头部按钮***********/
.panel-user-tool {
    position: absolute;
    top: -3px;
}

.normItem {
    cursor: pointer;
}
/***********文本框聚焦时边框颜色*************/
.focusBorder {
    /*border-color: #ff5a00;*/
    box-shadow: 0 0 2px 0 #d3d3d3;
}

.tab {
    min-height: 400px;
}
/**********topTip************/
.tip-panel {
    z-index: 99999;
    color: #fbf6f6;
    font-family: YouYuan;
    border-radius: 3px;
    font-weight: 200;
    font-size: 18px;
    left: 100px;
    top: 70px;
    border: 1px solid green;
    background: url("../images/black_tip.png");
    min-height: 60px;
    min-width: 240px;
    *width: 240px;
    position: absolute;
    text-align: center;
}

.tip-header {
    clear: both;
    position: relative;
    height: 20px;
    display: none;
    border-radius: 3px;
}

.tip-body {
    width: 96%;
    margin: 0 auto;
    padding-top: 22px;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
}

.tip_icon_close {
    z-index: 23;
    background: url(../images/close0.png) no-repeat;
    display: inline-block;
    height: 17px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    width: 28px;
}

.tip_icon_close:hover {
    background: url(../images/close2.png);
}
/*********************/
.scroll-frozen {
    margin-top: 0px !important;
    position: fixed !important;
    z-index: 8999;
}
/******************报表中心********************/
.report-contaier {
    width: 100%;
    position: relative;
    height: 500px;
    margin-bottom: 20px;
}

.report-contaier li {
    display: inline-block;
    min-width: 100px !important;
}

.report-contaier-left {
    margin-left: 30px;
}

.report-contaier-right {
    width: 650px;
    margin-top: 20px;
    margin-left: 20px;
}

.report-columns {
    width: 200px;
    height: 466px;
    border: 1px solid #ccc;
}

.report-area {
    width: 630px;
}

.report-area-page,
.report-area-column,
.report-area-row,
.report-area-total {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    margin-right: 10px;
}

.report-area select {
    width: 100%;
    height: 170px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.report-area-page {
    width: 300px;
    display: inline-block;
}

.report-area-column {
    width: 300px;
    display: inline-block;
}

.report-area-row {
    width: 300px;
    display: inline-block;
}

.report-area-total {
    width: 300px;
    display: inline-block;
}

.report-tools {
    width: 100%;
    text-align: center;
}

.report-tools input[type="button"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.report-tools .drop-in {
    background: url("../images/icon/downgrade.png") no-repeat;
}

.report-tools .drop-out {
    background: url("../images/icon/upgrade.png") no-repeat;
}

.report-tools .move-next {
    background: url("../images/icon/download.png") no-repeat;
}

.report-tools .move-before {
    background: url("../images/icon/upload.png") no-repeat;
}
/*************datagrid**************/
.datagrid-cell-selected {
}
/***********index 主页左侧菜单*/
.layout-button-auto {
    background: url("../images/icon/Quick-return-order.png") no-repeat scroll 0 0 transparent;
    width: 16px;
    height: 16px;
}

.layout-button-fixed {
    background: url("../images/icon/Quick-return.png") no-repeat scroll 0 0 transparent;
    width: 16px;
    height: 16px;
}

/* {
    font-size: 12px;
    font-family: Tahoma,Verdana,微软雅黑,新宋体;
}*/

body {
    background: #d2e0f2;
}

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;
}

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

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

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

.third_ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: none;
}

.third_ul li {
    padding-left: 20px;
}

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

.menu-item .icon {
    background: url(../images/icon_nav.png) no-repeat center center;
}*/

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

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

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

.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-delete {
    background-position: -140px -120px;
}

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

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

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

.icon-arrow {
    background: url("../images/arrow.gif") no-repeat right;
}

/***easyui-测试复写样式  首页菜单****/
/*.index_layout .panel-header{background:url(../../top/images/left_nav.png) no-repeat;filter:initial;width:204px;height:9px;}*/
/*****2013-03-18*/
.loading-image {
    background: url(../images/loading.gif) no-repeat;
    display: inline-block;
    /*width: 31px;
    height: 31px;*/
    width: 250px;
    height: 50px;
    line-height: 50px;
}

.loading-text {
    margin-left: 5px;
    line-height: 31px;
}
/************tooltip *****************/
.ttip {
    background: #ccc;
}
/****************sysgrid***************/
* {
    margin: 0;
    padding: 0;
}

body {
    font: 400 12px/150% Arial, Helvetica, sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
    background: #fff;
}

form,
ul,
ol,
li,
a,
p,
em,
label,
select,
textarea,
h1,
h2,
h3,
h4 {
    list-style: none;
    outline: none;
}

a {
    text-decoration: none;
}

.form ul {
    clear: both;
    width: 100%;
    overflow: hidden;
}

.form li {
    float: left;
    margin-right: 20px;
}

.form li label,
.form .form_text {
    float: left;
    width: 120px;
    text-align: right;
    margin-right: 12px;
    height: 29px;
    line-height: 29px;
}

.button-0001 {
    width: 150px;
    height: 30px;
    display: block;
}

.button {
    padding: 0 20px;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    background-color: rgb(224, 236, 255);
    border: 1px solid #91b8e7;
    background: linear-gradient(to bottom, #eff5ff 0px, #e0ecff 100%) repeat-x scroll 0 0 transparent;
    color: #0e2d5f;
    display: inline-block;
}

.button:hover {
    background-color: rgb(255, 255, 255);
    background: linear-gradient(to bottom, #eff5ff 0px, #ffffff 100%) repeat-x scroll 0 0 transparent;
    color: #0e2d5f;
}

.bottom_btn {
    width: 900px;
    clear: both;
    text-align: center;
    margin-top: 20px;
}

.bottom_btn .button {
    display: inline-block;
    margin-right: 20px;
}

.form .brand {
    overflow: hidden;
    margin-top: 20px;
}

.form .brand ol {
    overflow: hidden;
}

.form .brand li {
    padding-bottom: 8px;
}
/*right*/
.mr_r_15 {
    margin-right: 15px;
}

.mr_r_20 {
    margin-right: 15px;
}
/*top*/
.mr_t_5 {
    margin-top: 5px;
}

.mr_t_10 {
    margin-top: 10px;
}

.mr_t_20 {
    margin-top: 20px;
}
/*width*/
.w_80 {
    width: 80px;
}

.w_150 {
    width: 150px;
}

.w_154 {
    width: 154px;
}

.w_294 {
    width: 294px;
}

.w_300 {
    width: 300px;
}

.w_436 {
    width: 436px;
}
/*height*/
.h_100 {
    height: 100px;
}
/*line-height*/
.line_h_22 {
    line-height: 22px;
}

.line_h_24 {
    line-height: 24px;
}
/*color*/
.red {
    color: #f00;
}
/**/
.left {
    float: left;
}

.clear {
    clear: both;
    width: 100%;
    height: 0;
    overflow: hidden;
}
/***通用样式**/
.marginTop-20 {
    margin-top: 20px;
}

.marginTop-60 {
    margin-top: 40px;
}

.width-40 {
    width: 40px;
}

.width-120 {
    width: 120px;
}

.width-140 {
    width: 140px;
}

.width-160 {
    width: 160px;
}

.width-180 {
    width: 180px;
}

.width-200 {
    width: 200px;
}

.width-220 {
    width: 220px;
}

.width-240 {
    width: 120px;
}

.width-280 {
    width: 240px;
}

.width-320 {
    width: 320px;
}

.width-420 {
    width: 420px;
}

.clearboth {
    clear: both;
}

.margin-left-100 {
    margin-left: 100px;
}

.hidden {
    display: none;
}

.text-center {
    text-align: center;
    margin-left: 0 !important;
}

.full-width {
    width: 100%;
}
/***System 表配置*/
.mainPanel {
    padding-bottom: 15px;
    background-color: none;
    height: 100%;
}

.margin-left-50 {
    margin-left: 50px;
}

.mainTable {
    clear: both;
}
.modal-form{
    clear: both;
}

.mainTable input[type="radio"] {
    vertical-align: middle;
}

.tablePanel ul.row {
    margin-top: 5px;
    clear: both;
}

.tablePanel ul.row1 {
    clear: both;
}

.tablePanel ul.row2 {
    margin-top: 5px;
    clear: both;
}

.tablePanel ul.row3 {
    margin-top: 5px;
    clear: both;
}

.tablePanel ul.row1:first-child {
    margin-top: 0px;
    clear: both;
}

.tablePanel ul.row2:first-child {
    margin-top: 0px;
    clear: both;
}

.tablePanel ul.row3:first-child {
    margin-top: 0px;
    clear: both;
}

.tablePanel ul.row:first-child {
    margin-top: 0px;
    clear: both;
}

.tablePanel ul {
    clear: both;
}

.tablePanel ul.row1 li {
    font-size: 0;
    float: left;
    margin-top: 15px;
}

#mainTableForm_70 ul.row1 li {
    min-width: 300px;
}

#mainTableForm_70 label.column {
    min-width: 100px;
}

.tablePanel ul.row1 li.btn {
    min-width: 80px;
}

.tablePanel ul.row2 li {
    float: left;
    margin-top: 15px;
    margin-right: 10px;
    min-width: 300px;
}

.tablePanel ul.row3 li {
    float: left;
    margin-top: 15px;
    margin-right: 10px;
    min-width: 250px;
}

.tablePanel ul.row li {
    float: left;
    margin-top: 15px;
    margin-right: 10px;
    min-width: 250px;
}

.tablePanel ul.row5 li {
    float: left;
    margin-top: 15px;
    margin-right: 10px;
    min-width: 300px;
}

.tablePanel ul.row6 li {
    float: left;
    margin-top: 0px;
    min-width: 320px;
}

.tablePanel ul.row9 li {
    float: left;
    min-width: 310px;
    margin-top: 15px;
}

.tablePanel ul.row7 li {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    min-width: 200px;
}

.tablePanel ul.row7 li.ReceivAddress {
    clear: both;
    width: 100%;
}

.tablePanel ul.row8 li {
    width: 100%;
    margin-top: 10px;
    float: left;
}

.tablePanel ul.row8 label.column {
    vertical-align: top;
}

.tablePanel ul.rowa li {
    width: 100%;
    margin-top: 10px;
    float: left;
}

.tablePanel ul.rowa label.column {
    width: 150px;
    vertical-align: middle;
}

.tablePanel ul.row5 label,
.tablePanel ul.row6 label,
.tablePanel ul.row9 label {
    width: 110px;
}

.gray-input {
    width: 150px;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 16px;
    padding: 3px 5px;
    min-width: 125px;
    margin-left: 2px;
}

.gray-input0 {
    width: 150px;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 16px;
    padding: 3px 5px;
    min-width: 125px;
    margin-left: 2px;
}

.tablePanel .gray-input5 {
    width: 200px;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 16px;
    padding: 3px 5px;
    min-width: 125px;
    margin-left: 2px;
}

.tablePanel .gray-input1 {
    width: 150px;
    border: 1px solid #ddd;
    height: 21px;
    line-height: 21px;
    padding: 3px 5px;
    vertical-align: middle;
}

.tablePanel .gray-input0 {
    width: 150px;
    border: 1px solid #ddd;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    height: 16px;
    line-height: 16px;
    padding: 3px 5px;
    margin-left: 2px;
}

.tablePanel .gray-input2 {
    width: 413px;
    border: 1px solid #ddd;
    height: 24px;
    line-height: 21px;
    padding: 3px 5px;
    min-width: 125px;
    vertical-align: middle;
}

.tablePanel .gray-input3 {
    width: 563px;
    border: 1px solid #ccc;
    height: 24px;
    line-height: 16px;
    padding: 3px 5px;
    min-width: 125px;
    margin-left: 2px;
    vertical-align: middle;
}

.gray-inputmin {
    width: 30px;
    border: 1px solid #ccc;
    height: 16px;
    line-height: 16px;
    padding: 3px 5px;
    margin-left: 2px;
}

.tablePanel label.column {
    min-width: 100px;
    text-align: right;
    display: inline-block;
    color: #555;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    vertical-align: middle;
}

#properties label.column {
    margin-right: 5px;
}

.tablePanel .input-for-label {
    border: 0px;
    border-bottom: 1px solid #aaa;
    margin-left: 2px;
    color: #0e2d5f;
    background-color: transparent;
    padding: 3px 5px;
    height: 16px;
    line-height: 16px;
}

.tablePanel .input[type="checkbox"] {
    margin-left: 5px;
}

.tablePanel {
    /* padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px; */
}
.iframs-modal{

}
.basic_info {
    overflow: hidden;
}

.tablePanel textarea {
    border: 1px solid #ccc;
    min-width: 400px;
    overflow: auto;
    min-height: 50px;
    vertical-align: middle;
    margin-top: 10px;
}

.subTabs {
    clear: both;
}

.subTabs .tab {
    height: 350px;
}

.main-tools {
    padding-top: 9px;
    padding-bottom: 2px;
}

.main-tools a:hover {
    color: white !important;
}

/**--复写easyui combo combo-text等样式*/
.combo {
    height: 27px !important;
    line-height: 27px;
    border: 1px solid #d7d8d9;
    /* border-top-color: #555; */
    /* border-left-color: #555; */
}

.combo-text {
    height: 27px !important;
    padding: 0 0 0 5px !important;
    width: 131px;
}

.combo-arrow {
    background-color: #ddd;
}
/*************报表系统******************/
.analyse-main {
    width: 100%;
    text-align: center;
}

.analyse-panel {
    width: 100%;
    text-align: center;
}

.analyse-p {
    width: 99%;
    margin-top: 10px;
}

.analyse-query-panel .query {
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
}

.analyse-query-list li {
    margin-right: 0px;
}

.analyse-query-list .tabs {
    border: 0px;
}

.analyse-query-list .tabs-header {
    background-color: transparent;
    border: 0px;
    margin: 10px 0px 10px 0px;
}

.analyse-query-list a {
    border: 1px solid #ccc;
    background-color: #ddd;
    display: inline-block;
    margin: 10px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
}

.analyse-child-panel1 {
    width: 99%;
    text-align: center;
    border: 1px solid #ccc;
}

.analyse-child-panel2 {
}

.analyse-child-panel3 {
}

.analyse-child-panel4 {
}

.analyse-total-panel {
    width: 100%;
    clear: both;
    overflow: hidden;
    text-align: center;
}

.analyse-box {
    clear: both;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.analyse-box:first-child {
    border-left: 1px solid #ccc;
}

.box-item {
    float: left;
    width: 120px;
    height: 90px;
    margin: 0px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.box-header {
    height: 30px;
    width: 100%;
}

.analyse-clear {
    width: 0px;
    height: 0px;
    clear: both;
    margin: 0px;
    padding: 0px;
}

.box-body {
}

.box-footer {
}

.box-header-left {
    font-weight: bold;
}

.box-header-right {
    right: 0px;
    width: 20px;
    float: right;
    display: inline-block;
}

.box-header-right .helps {
    float: left;
    display: inline-block;
    height: 24px;
    width: 20px;
    margin: 0px;
    background: url(../images/tip.png) no-repeat left 9px;
    font-weight: lighter;
    cursor: pointer;
    background-position: left -53px;
}

.analyse-chart-map {
    width: 100%;
    height: 400px;
    margin-top: 2px;
}

.analyse-chart1 {
    border: 1px solid #ccc;
    width: 100%;
    height: 200px;
    margin-top: 2px;
}

.analyse-chart2 {
    border: 1px solid #ccc;
    width: 100%;
    height: 200px;
    margin-top: 2px;
}

.analyse-datagrid {
    width: 100%;
    height: 500px;
    margin-top: 0px;
}

.analyse-query-panel .query_btn {
    padding-left: 15px;
    height: 30px;
    line-height: 26px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    clear: both;
    cursor: pointer;
    background: url(../images/search_btn.png) no-repeat left -1px;
    margin-left: 8px;
}

.analyse-query-panel .query_btn:hover {
    background-position: left -85px;
}

.analyse-query-panel .query_btn span {
    padding-right: 15px;
    height: 30px;
    display: inline-block;
    background: url(../images/search_btn.png) no-repeat right -41px;
}

.analyse-query-panel .query_btn:hover span {
    background-position: right -125px;
}
/**********买家排行榜**************/
.analyse-buyer-panel {
    width: 400px;
    float: left;
}

.analyse-buyer-chart-panel {
    width: 600px;
    float: left;
    margin-left: 50px;
}

.analyse-buyer-chart {
    width: 100%;
    height: 400px;
}
/***************售后服务简报*****************/
.analyse-return-barter {
    width: 100%;
    height: 100%;
}

.analyse-rebar-chart {
    width: 100%;
    height: 300px;
}
/******************销售周报**************************/
.analyse-week-panel {
    margin-top: 50px;
}

.analyse-chart-left {
    width: 400px;
    height: 300px;
    float: left;
    margin-left: 100px;
}

.analyse-chart-right {
    width: 400px;
    height: 300px;
    float: left;
    margin-left: 50px;
}

.analyse-week-datagrid {
    height: 200px;
}
/********************销售月报***********************************/
.analyse-month-panel {
    margin-top: 50px;
}
/***************弹出窗体按钮栏悬浮**************************/
.mainPanel .main-tools {
    position: fixed !important;
    width: 100%;
    top: 0px;
    z-index: 9000;
    background: #fff;
}

.mainPanel .tablePanel {
    margin-top: 50px !important;
}
/***********以上这两条样式 在没有全部替换模板生成时，不能删除，如果当所有的页面都已经替换了 可以删除以上两条样式,一下是新的悬浮 兼容旧版本的*******************/
.mainHoverPadding {
    margin-top: 50px;
}

.newMainPanel .tablePanel {
    margin-top: 5px !important;
}
/* #sysMainTools, */
.hoverTools {
    position: fixed !important;
    width: 100%;
    top: 0px;
    z-index: 9000;
}
/*************************菜单加载时等待********************************/
.menu-loading {
    background: url(/content/top/images/icon/wait.gif) no-repeat center 50px;
    height: 100%;
    height: 200px;
}
/*****************禁用按钮***********************/
.icon_btn .disabled {
    display: inline-block;
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(87, 87, 101);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BCB5B5,endColorstr=#F8F8F8,GradientType=0);
    /*border: 1px solid #ccc;*/
    background: linear-gradient(to bottom, #bcb5b5 0px, #f8f8f8 100%) repeat-x scroll 0 0 transparent;
}

.icon_btn .disabled-inner {
    /*color: #999;*/
    color: #b1b4b5;
    display: inline-block;
    background-image: none;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: rgb(87, 87, 101);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BCB5B5,endColorstr=#F8F8F8,GradientType=0);
    background: linear-gradient(to bottom, #bcb5b5 0px, #f8f8f8 100%) repeat-x scroll 0 0 transparent;
}

.icon-checkall {
    background: url(../images/icon/audit.png) no-repeat left center;
}

.icon-checkother {
    background: url(../images/icon/switch_sh.png) no-repeat left center;
}

.loading-columns {
    background: url(/content/top/images/icon/wait.gif) no-repeat 30px center;
    width: 200px;
    height: 50px;
    position: absolute;
    line-height: 50px;
    text-align: center;
    background-color: rgba(204, 204, 204, 0.5);
    border-top-color: #ccc;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    margin-top: 90px;
    margin-right: 50px;
    margin-bottom: 50px;
    margin-left: 60px;
}

.grid_search li {
    min-width: 300px;
}

.grid_search2 li {
    font-size: 0;
    width: 25%;
    margin-right: 0;
}
.grid_search2 li > span{
    font-size: 12px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space:nowrap;
    vertical-align: middle;
    padding-right: 10px;
    text-align: right;
}
.grid_search2 li > input{
    width: calc(100% - 125px) !important;
    vertical-align: middle;

}
.grid_search2 li .combo{
    padding-right: 0;
    width: calc(100% - 114px) !important
}
.grid_search2 li .combo input{
    width: calc(100% - 25px) !important;
}
.account-value {
    font-weight: 900;
}

.account-label {
    font-weight: 900;
}

/*************数据权限分配 检索*****************/
.dataPermsission-header {
    text-align: center;
    font-size: 24px;
    margin-top: 30px;
}

.dataPermission-error,
.dataPermission-noResult {
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
}

.dataPermission-error {
    color: red;
}

.dataPermission-list {
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 30px;
}

.dataPermission-list a {
    cursor: pointer;
}

.dataPermission-list .menus,
.dataPermission-list p {
    margin-top: 15px;
    margin-left: 150px;
}

.dataPermission-list .menus .pmenu {
    margin-top: 15px;
    font-weight: 900;
}

.dataPermission-back {
    text-align: right;
    padding-right: 150px;
    margin-top: 5px;
}

.child-list {
    margin-left: 80px;
}

.child-list .child-pmenu {
    margin-top: 10px;
    font-weight: normal;
}

.dataPermission-panel {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.invoicePanel ul.item {
    margin-top: 10px;
    padding-left: 50px;
}

.invoicePanel textarea {
    width: 250px;
    border: 1px solid #ccc;
    height: 80px;
}

.error-Panel {
    text-align: center;
    width: 100%;
    min-height: 200px;
    margin-top: 10px;
    border: 1px solid #ccc;
}

.error-title {
    background-color: #ccc;
    font-size: 18px;
    line-height: 20px;
}

.error-message {
}

.error-sub {
}

.ann {
    text-align: center;
}

.ann-detail {
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
    height: 400px;
    width: 800px;
}

.ann-item {
    margin-top: 5px;
}

.announcement {
    padding: 10px 0px 0 40px;
}

.ann-title {
    text-align: center;
    font-size: 14px;
    font-family: 黑体;
    margin-top: 15px;
}

.ann-content {
    text-align: center;
    margin: 40px;
    font-size: 12px;
}

.sysResultPanel {
    background-color: #ccc;
}

.sysResultPanel .message {
    font-size: 16px;
    height: 40px;
    line-height: 24px;
    text-align: center;
}

.sysResultPanel .subMessage {
    font-size: 12px;
    height: 40px;
    padding: 10px;
}

.text-icon {
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.text-editor {
    background: url(../images/icon/black-number.png) no-repeat center;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

.datagrid-cell i.icon_cacu {
    background: url(../images/icon/cacu.png) no-repeat left center;
    width: 16px;
    height: 100%;
    display: inline-block;
    cursor: pointer;
}

.icon_nocheck {
    background: url(../images/icon/Virtual-warehousing.png) no-repeat left center;
    width: 16px;
    height: 100%;
    display: inline-block;
    cursor: default;
}

.formtextarea13 {
    width: 573px;
}

.control-image {
    display: inline-block;
    border: 1px solid #ccc;
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: 200px 200px;
}
/**********批量任务*****************/
.batch-render {
    padding: 10px 0px 10px 30px;
    border: 1px solid #f5e298;
    background-color: rgba(240, 233, 181, 0.36);
    margin: 5px;
}

.batch-datagrid {
    width: 100%;
    margin: 0px;
    margin-top: 10px;
}

.task-success {
    height: 40px;
    width: 100%;
    line-height: 40px;
    display: inline-block;
    background: url(../images/task-success.png) no-repeat center;
}

.task-invoking {
    height: 40px;
    width: 100%;
    line-height: 40px;
    display: inline-block;
    background: url(../images/task-ing.gif) no-repeat center;
}

.task-error {
    height: 40px;
    width: 100%;
    line-height: 40px;
    display: inline-block;
    background: url(../images/task-error.png) no-repeat center;
}

.task-ready {
    height: 40px;
    width: 100%;
    line-height: 40px;
    display: inline-block;
    background: url(../images/task-ready.png) no-repeat center;
}

.tip p {
    margin: 3px 0px 0px 15px;
}
/********轻量级弹出面板*****************/
.dialog {
    left: 200px;
    top: 80px;
    width: 800px;
    height: 500px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
}

.dialog-title {
    font-size: 13px;
    font-weight: bold;
    float: left;
    height: 100%;
    padding: 0px 0px 0px 10px;
}

.dialog-header {
    height: 30px;
    line-height: 30px;
    margin-top: 2px;
}

.dialog-tools .dialog-icon {
    float: right;
}

.dialog-tools {
    float: right;
    min-width: 50px;
    padding: 0px 5px 0px 0px;
}

.dialog-body {
    padding: 10px;
    clear: both;
}

.dialog-icon:hover {
    background-color: rgba(233, 228, 228, 0.26);
}

.dialog-icon:active {
    background-color: transparent;
}

.dialog-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.close {
    background: url(../images/icon_close.png) no-repeat center;
    background-size: cover;
}

.shadow {
    box-shadow: #ccc 2px 2px 5px 1px;
}

.flow-container {
    width: 100%;
    height: 100%;
}

.point {
    width: 100px;
    height: 50px;
    font-size: 12px;
    font-family: 微软雅黑;
    padding: 0px 5px 0px 5px;
    margin-top: 20px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    line-height: 50px;
    background-color: rgba(229, 225, 129, 0.74);
    border: 1px solid rgba(129, 110, 49, 0.41);
}

.arrow {
    height: 50px;
    line-height: 50px;
    display: inline-block;
}

.countdown {
    width: 600px;
    height: 300px;
    text-align: center;
    line-height: 300px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/top/images/body_bg.png',sizingMethod='scale');
    margin-left: 450px;
    margin-top: 100px;
    clear: both;
    position: relative;
}

.double11 {
    text-align: center;
    background-image: url("../images/double12.png");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Content/top/images/ie8_double11countdown.png',sizingMethod='scale');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    clear: both;
    margin: 0px;
}

.countdown_label {
    font-size: 32px;
    font-weight: bold;
    color: rgba(237, 54, 54, 0.98);

    text-align: center;
}
.loading-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0px;
    background-color: rgba(210, 203, 203, 0.65);
}

.loading-container {
    width: 200px;
    padding: 5px;
    margin-top: 60px;
    text-align: center;
    border: 1px solid rgba(122, 100, 100, 0.38);
    background: #fff;
}

.loading-text {
    font-size: 12px;
    color: #272525;
    text-align: left;
    padding-left: 16px;
    background: url(../images/loading.gif) no-repeat;
    background-size: 14px 14px;
    background-position: 0px center;
}

.status-list li:before {
    content: "";
    border: 3px solid #f3f3f3;
    background-color: #d9d9d9;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-left: -6px;
    margin-right: 10px;
    float: left;
}
.status-list li {
    min-height: 20px;
    border-left: 1px solid #d9d9d9;
}
.status-list .latest {
    border: none;
}
.status-list .latest:before {
    background-color: #fe4300;
    border-color: #f8e9e4;
}
.l_date {
    font-weight: 700;
    width: 10%;
    display: block;
    float: left;
}
.l_date_hidden {
    font-weight: 700;
    width: 10%;
    display: block;
    float: left;
    visibility: hidden;
}
.l_time {
    width: 10%;
    display: block;
    float: left;
}
.l_text {
    width: 75%;
    display: block;
    float: left;
}
.dropdown-menu-pull-left {
    right: 100%;
    left: auto;
    position: absolute;
    background-color: #2882b6;
    border-radius: 4px;
    margin-top: -25px;
    min-width: 130px;
}
.dropdown-menu-pull-left li i {
    float: right;
}

.element_frame_type {
    width: 45px;
    display: block;
    float: left;
    line-height: 30px;
    text-align: right;
}
.element_frame_value {
    width: 45px;
    display: block;
    float: left;
    text-align: right;
}
/* 2021-1-28  整体样式修改 */
/* 弹框样式修改 */
.iframs-modal .modal-btn {
    background-color: #fff;
    border: none;
    padding: 0;
    padding-top: 5px;
}
.iframs-modal .modal-btn a {
    text-align: center;
    min-width: 50px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #1D74FF;
    background-color: #1D74FF;
    color: #fff;
    border-radius: 2px;
    padding: 0;
}
.iframs-modal .modal-btn a:hover {
    color: #fff;
}
.iframs-modal .modal-btn a:last-child {
    border: 1px solid #1D74FF;
    color: #1D74FF;
    background: transparent;
}
.iframs-modal .newMainPanel .tablePanel {
    margin-top: 0 !important;
    padding: 0;
}
/* form */
.iframs-modal .mainHoverPadding {
    margin-top: 50px;
}

.iframs-modal .modal-form .row1 li > .gray-input1,
.iframs-modal .modal-form .row1 li > .combo {
    width: 180px !important;
    border: 1px solid #d8d8d8;
    background: #fff;
    border-radius: 2px;
    height: 28px !important;
    line-height: 28px;
    padding: 0;
    vertical-align: middle;
}
.iframs-modal .modal-form .row1 label{
    vertical-align: middle;
}
.iframs-modal .modal-form .row1 .combo .combo-text {
    width: calc(100% - 38px) !important;
    padding: 0 10px !important;
    background: #fff;
}
.combo > span.combo-arrow {
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
}
.iframs-modal .layout-panel-west > .panel-body {
    border-left: 1px solid #d3d3d3;
}
.iframs-modal .modal-form .row1 .spinner {
    width: 182px !important;
}
.iframs-modal .modal-form .row1 .spinner input {
    width: calc(180px - 20px) !important;
}
/* 表格样式修改 */
.iframs-modal .datagrid-header-inner {
    background-color: #f4f7f7;
}
.iframs-modal .datagrid-header td {
    background-color: #f4f7f7;
    border-style: solid;
}

.iframs-modal .datagrid-header {
    border: none;
}
.iframs-modal .datagrid-header td {
    border-width: 0 1px 0px 0;
    color: #575757;
}
.iframs-modal .modal-form input[type='checkbox']{
    vertical-align: middle;
    margin-top: -3px;
}
.iframs-modal .modal-form .encrypt-show{
    vertical-align: middle;
    margin-left: 5px;
}
.custom_table .panel{

}
.export-form .combo{
    height: 30px !important;
    line-height: 30px;
}
.export-form .combo .combo-text {
    height: 30px !important;
    line-height: 30px !important;
}
.export-form .combo .combo-arrow{
    height: 30px !important;
}
.fieldset .framelanflag{
    width: 100%;
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    font-weight: bold;
    color: #1D74FF;
    height: 30px;
    line-height: 30px;
}
.icon_btn a{
    text-align: center;
    min-width: 60px;
}
.tablePanel .icon_btn label.column{
    display: none;
}
/* .iframs-modal .icon_btn a:hover{
    color: #fff; */
/* } */
/* form */
/* .mainTable .row1  .gray-input1,.mainTable .row1  .combo.datebox{
    background: transparent;
    min-width: 250px;
} */
.mainTable .row1  .combo.datebox input{
    width: calc(100% - 22px) !important;
}
.mainTable .row1  .icon_btn{
    margin-left: 105px;
}
#ScanForm .ScaninBtn .framelanflag{
    min-width: auto !important;
    font-size: 12px;
    margin: 0;
    font-weight: normal;
    color: #fff;
    height: 24px !important;
    line-height: 22px !important;
}
#ScanForm .icon_btn a{
    padding:0;
}
#ScanForm .icon_btn a i.icon_zoomin{
    display: none;
}