/* 基础样式 */

body {
    background: #fbfbfd;
    color: #3E4352;
}



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

::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(200,203,208);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

a, a:link, a:visited {
    color: #0066c0;
}

    a:hover {
        color: #c45500;
    }

.cor-text {
    color: #3E4352;
}

.cor-bg {
    color: #fff;
}

.cor-active, .cor-hover {
    color: #F08300;
}

.cor-hover-bg {
    color: #f4f7fd;
}

.cor-a {
    color: #0066c0;
}

    .cor-a:hover {
        color: #c45500;
    }

.cor-border {
    border-color: #D3D5DC;
}

*[color="blue"], .blue {
    color: #0066c0;
    padding: 0;
}

*[color="green"], .green {
    color: #08a78a !important; /*#19912d; #52c41a*/
    padding: 0;
}

*[color="red"], .red {
    color: #FF5D5D !important;
}

*[color="yellow"], .yellow {
    color: #FFA003 !important;
}

*[color="gray"], .gray {
}

i.iconfont {
    color: inherit;
}

.text-gray {
}

.s-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.s-a-center {
    align-items: center;
}

.s-flex-grow {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.s-f-left {
    float: left;
}

.s-f-right {
    float: right;
}

.s-clear {
    clear: both;
}

.s-clearfix {
}

    .s-clearfix:after {
        content: "\20";
        display: block;
        height: 0;
        clear: both;
    }

.s-block {
    display: block;
}

.s-show {
    display: block !important;
}

.s-hide, .c-hide {
    display: none !important;
}

.s-hide-def {
    display: none;
}

.s-center, .s-t-center {
    text-align: center !important;
}

.s-t-left {
    text-align: left !important;
}

.s-t-right {
    text-align: right !important;
}

.s-br {
    width: 100%;
    display: block;
    height: 1px;
    background: #D3D5DC;
}

    .s-br .t-text {
        position: relative;
        top: -8px;
        width: auto;
        background-color: #fff;
        padding: 0px 10px;
        color: #D3D5DC;
    }

.s-padding {
    padding: 15px;
}

.s-margin {
    margin: 15px;
}


/* 布局器 */

.w-per-100 {
    width: 100%;
}

.w-per-90 {
    width: 90%;
}

.w-per-80 {
    width: 80%;
}

.w-per-70 {
    width: 70%;
}

.w-per-60 {
    width: 60%;
}

.w-per-50 {
    width: 50%;
}

.w-per-40 {
    width: 40%;
}

.w-per-33 {
    width: 33.33%;
}

.w-per-30 {
    width: 30%;
}

.w-per-20 {
    width: 20%;
}

.w-per-10 {
    width: 10%;
}

.w-per-0 {
    width: 0%;
}

.w-per-95 {
    width: 95%;
}

.w-per-85 {
    width: 85%;
}

.w-per-75 {
    width: 75%;
}

.w-per-65 {
    width: 65%;
}

.w-per-55 {
    width: 55%;
}

.w-per-45 {
    width: 45%;
}

.w-per-35 {
    width: 35%;
}

.w-per-25 {
    width: 25%;
}

.w-per-15 {
    width: 15%;
}

.w-per-5 {
    width: 5%;
}



.width-wrap .w-per-100 {
    width: 100% !important;
}

.width-wrap .w-per-90 {
    width: 90% !important;
}

.width-wrap .w-per-80 {
    width: 80% !important;
}

.width-wrap .w-per-70 {
    width: 70% !important;
}

.width-wrap .w-per-60 {
    width: 60% !important;
}

.width-wrap .w-per-50 {
    width: 50% !important;
}

.width-wrap .w-per-40 {
    width: 40% !important;
}

.width-wrap .w-per-33 {
    width: 33.33% !important;
}

.width-wrap .w-per-30 {
    width: 30% !important;
}

.width-wrap .w-per-20 {
    width: 20% !important;
}

.width-wrap .w-per-10 {
    width: 10% !important;
}

.width-wrap .w-per-0 {
    width: 0% !important;
}

.width-wrap .w-per-95 {
    width: 95% !important;
}

.width-wrap .w-per-85 {
    width: 85% !important;
}

.width-wrap .w-per-75 {
    width: 75% !important;
}

.width-wrap .w-per-65 {
    width: 65% !important;
}

.width-wrap .w-per-55 {
    width: 55% !important;
}

.width-wrap .w-per-45 {
    width: 45% !important;
}

.width-wrap .w-per-35 {
    width: 35% !important;
}

.width-wrap .w-per-25 {
    width: 25% !important;
}

.width-wrap .w-per-15 {
    width: 15% !important;
}

.width-wrap .w-per-5 {
    width: 5% !important;
}

.col-md-wrap {
    width: 100%;
}

    .col-md-wrap:after {
        content: "\20";
        display: block;
        height: 0;
        clear: both;
    }

    .col-md-wrap .col-md-1, .col-md-wrap .col-md-2, .col-md-wrap .col-md-3, .col-md-wrap .col-md-4, .col-md-wrap .col-md-5, .col-md-wrap .col-md-6,
    .col-md-wrap .col-md-7, .col-md-wrap .col-md-8, .col-md-wrap .col-md-9, .col-md-wrap .col-md-10, .col-md-wrap .col-md-11, .col-md-wrap .col-md-12 {
        float: left;
    }

.col-md-12 {
    width: 100%;
}

.col-md-11 {
    width: 91.66666667%;
}

.col-md-10 {
    width: 83.33333333%;
}

.col-md-9 {
    width: 75%;
}

.col-md-8 {
    width: 66.66666667%;
}

.col-md-7 {
    width: 58.33333333%;
}

.col-md-6 {
    width: 50%;
}

.col-md-5 {
    width: 41.66666667%;
}

.col-md-4 {
    width: 33.33333333%;
}

.col-md-3 {
    width: 25%;
}

.col-md-2 {
    width: 16.66666667%;
}

.col-md-1 {
    width: 8.33333333%;
}


/* 布局器-结束 */



.font-size-def {
    font-size: 12px;
}


.checkbox-c-add-label {
    display: inline-block;
}

.checkbox-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

    .checkbox-wrap .checkbox-c, .checkbox-c {
        line-height: 18px;
        height: 18px;
    }

    .checkbox-wrap .checkbox-c {
        margin-right: 20px;
    }

        .checkbox-wrap .checkbox-c label, .checkbox-c label {
            top: -2px;
            position: relative;
            width: 100%;
        }

    .checkbox-wrap table td {
        line-height: 18px;
        height: 18px;
        padding: 3px 0;
    }

/*.tbl-list tr td:hover .text-line {
    overflow: unset;
    display: inline-block!important;
}*/

.text-line {
    width: 100%;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /*行数*/
}

.text-line-1 {
    -webkit-line-clamp: 1; /*行数*/
}

.text-line-2 {
    -webkit-line-clamp: 2; /*行数*/
}

.text-line-3 {
    -webkit-line-clamp: 3; /*行数*/
}

.text-line-4 {
    -webkit-line-clamp: 4; /*行数*/
}

/* 基础样式-结束 */


/* 表格样式-结束 */

.datagrid {
    border-left: 0px solid #D3D5DC;
    border-right: 0px solid #D3D5DC;
    border-bottom: 1px solid #D3D5DC;
    background-color: #fff;
}

    .datagrid th {
        background: #f0f0f0;
        background: #f8f9fd;
        border-top: 1px solid #D3D5DC;
        border-bottom: 1px solid #D3D5DC;
    }

    .datagrid th, .datagrid2 th {
        font-weight: bold;
    }

.datarow td, .datarow1 td {
    border-top: 1px solid #D3D5DC;
}

.datagrid input[type="button"], .datagrid input[type="submit"] {
    height: 22px;
    line-height: 1;
    min-width: 50px;
}

.datagrid input[type="text"], .datagrid input[type="password"], .datagrid select, .datagrid select:focus, .datagrid select:hover, .datagrid select:active, .datagrid textarea, .datagrid .textbox {
    padding: 0px 2px;
    line-height: 1;
    /*  height: 22px;*/
}

.datagrid td img {
    max-height: 36px;
    max-width: 36px;
}

.datagrid td .imgDiv {
    height: 36px;
    width: 36px;
}


/* 表格样式-结束 */




.border-none {
    border-width: 0px !important;
}

.dwscmenu {
    width: auto;
}

.dwscmenuin {
    width: 378px;
}

.dwscmenu ul {
    display: flex;
    flex-wrap: wrap;
}

    .dwscmenu ul li {
        min-width: 49%;
        max-width: 49%;
        width: auto;
        display: flex;
        flex: 1 0 40%;
    }

        .dwscmenu ul li a {
            width: auto;
            height: 24px;
            line-height: 24px;
            text-align: left;
            font-weight: normal;
            padding-left: 10px;
            padding-right: 10px;
            background: #fff;
            margin-bottom: 3px;
            margin-top: 3px;
            margin-right: 6px;
            border-radius: 0px;
            display: inline-block;
            color: #3E4352;
            background: transparent;
            flex: 5;
        }

    .dwscmenu ul > li:hover {
        background: #f2f5fc;
    }

    .dwscmenu ul li a:hover {
        color: #f49e00;
        /*background: #f2f5fc;*/
        text-decoration: none;
    }

    .dwscmenu ul li a.icon-export {
        width: 12px;
        padding: 0;
        height: 12px;
        visibility: hidden;
        background-color: transparent;
        margin: 0;
        margin-left: 6px;
        font-size: 12px;
        line-height: 30px;
        height: 24px;
        text-align: center;
        flex: 1;
    }

    .dwscmenu ul li:hover .icon-export {
        visibility: visible;
    }

.searchtable select {
    height: 32px;
    line-height: 32px;
    width: 100%;
}

.searchtable .daterange-wrap input {
    width: calc(50% - 10px);
}

table.biz_opt {
    background-color: #fff;
}

table.listSearch tr, table.searchtable tr {
    height: 42px;
}

table.biz_opt tr {
}

table.searchtable .stlable {
    padding-right: 5px;
}

/* 表单控件样式 */

input[type="text"], input[type="password"], input[type="number"], select, select:focus, select:hover, select:active, textarea, .textbox {
    padding: 0px 8px;
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    line-height: 32px;
    height: 32px;
    padding: 4px 11px;
    color: #3E4352;
    font-size: 12px;
    line-height: 1.5;
    background-color: #fff;
    background-image: none;
    border: 1px solid #D3D5DC;
    border-radius: 4px;
    transition: all .3s;
    outline: none;
}

    input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:hover, input[type="password"]:focus, textarea:hover, textarea:focus, .textbox:hover, .textbox:focus {
        border-color: #f49e00;
        outline: 0;
        -o-box-shadow: 0 0 0 2px rgb(252,230,204);
        -moz-box-shadow: 0 0 0 2px rgb(252,230,204);
        -webkit-box-shadow: 0 0 0 2px rgb(252,230,204);
        box-shadow: 0 0 0 2px rgb(252,230,204);
    }

    input[type="text"][disabled="disabled"], input[type="number"][disabled="disabled"], input[type="password"][disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"], .textbox[disabled="disabled"] textarea {
        background: #f3f3f3;
        border-color: #D3D5DC;
        box-shadow: none;
    }

        input[type="text"][disabled="disabled"]:hover, input[type="number"][disabled="disabled"]:hover, input[type="password"][disabled="disabled"]:hover, select[disabled="disabled"]:hover, textarea[disabled="disabled"]:hover, .textbox[disabled="disabled"]:hover textarea[disabled="disabled"]:hover {
            background: #f3f3f3;
            border-color: #D3D5DC;
            box-shadow: none;
        }

.textbox {
    border: 1px solid #D3D5DC !important;
}

    .textbox:hover, .textbox:focus, .textbox-focused {
        border-color: #f49e00 !important;
        outline: 0 !important;
        box-shadow: 0 0 0 2px rgb(240 131 0 / 20%) !important;
    }

select option {
    font-size: 13px;
}

select:focus {
    /* outline:1px solid #f49e00;*/
}

/*按钮开始*/
input[type="button"], input[type="submit"], .button, button, .window .dialog-button a.l-btn, .window .messager-button a.l-btn {
    padding: 0px 8px;
    box-sizing: border-box;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    line-height: 32px;
    height: 32px;
    padding: 4px 11px;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #D3D5DC;
    border-radius: 4px;
    transition: all .3s;
    cursor: pointer;
    background-color: rgb(255,251,243);
    border-color: rgb(247,191,121);
    color: #c45500;
    transition: none; /*以下是立体样式*/
    color: #3E4352;
    background-color: #e7e9ec;
    border-radius: 3px;
    border-color: #ADB1B8 #A2A6AC #8D9096;
    border-style: solid;
    border-width: 1px;
    background: #eff1f3;
    background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
    background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
}

    input[type="button"]:hover, input[type="button"]:active, .button:active, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, .window .dialog-button a.l-btn:hover, .window .dialog-button a.l-btn:active, .window .dialog-button a.l-btn:focus, .window .messager-button a.l-btn:hover, .window .messager-button a.l-btn:active, .window .messager-button a.l-btn:focus {
        outline: none;
        color: #fff; /*以下是立体样式*/ /* background: linear-gradient(rgb(249, 207, 111), rgb(246, 189, 66) 80%, rgb(246, 189, 65));     border-color: rgb(240, 194, 70) rgb(235, 188, 60) rgb(191, 154, 59);     border-color: rgb(191,148,42);*/
        color: #3E4352;
        background: #dcdfe3;
        border-color: #a2a6ac #979aa1 #82858a;
    }


    input.primaryUIButton, button.primaryUIButton, a.primaryUIButton, a.primaryUIButton, .window .dialog-button a.primaryUIButton, .window .messager-button a.primaryUIButton {
        color: #3E4352;
        background: none;
        background: linear-gradient(rgb(249, 207, 111), rgb(246, 189, 66) 80%, rgb(246, 189, 65));
        border-color: rgb(240, 194, 70) rgb(235, 188, 60) rgb(191, 154, 59);
        border-color: rgb(191,148,42);
        display: inline-block;
    }

        input.primaryUIButton:hover, input.primaryUIButton:focus, input.primaryUIButton:active, button.primaryUIButton:hover, button.primaryUIButton:focus, button.primaryUIButton:active, a.primaryUIButton:hover, a.primaryUIButton:focus, a.primaryUIButton:active, .window .dialog-button a.primaryUIButton:hover, .window .dialog-button a.primaryUIButton:focus, .window .dialog-button a.primaryUIButton:active, .window .messager-button a.primaryUIButton:hover, .window .messager-button a.primaryUIButton:focus, .window .messager-button a.primaryUIButton:active {
            outline: none;
            color: #3E4352;
            background: linear-gradient(rgb(244, 190, 72), rgb(243, 172, 20));
            border-color: rgb(191,148,42);
        }


        input[type="button"][disabled], .button[disabled], input.primaryUIButton[disabled], input[type="submit"][disabled], button[disabled], .window .dialog-button a.l-btn[disabled], .window .messager-button a.l-btn[disabled] {
            background: rgb(239, 239, 239) !important;
            color: #afafaf !important;
            border-color: #dfdfdf !important;
            cursor: default;
        }



.page-content {
    box-sizing: border-box;
}

    .page-content > .iconbody input[type="button"], .page-content > .iconbody input[type="submit"],
    .footpanel ul li input[type="button"], .footpanel ul li input[type="submit"], .div-fitler-wrap .btn-wrap input[type="button"], .div-fitler-wrap .btn-wrap input[type="submit"], .dialog .dialogmsghead input[type="button"], .dialog .dialogmsghead input[type="submit"], body[ptype="dialog"] table.biz_opt input[type="button"], body[ptype="dialog"] table.biz_opt input[type="submit"], body[ptype="dialog"] .rolesetcnt input[type="button"], .window, .window .window-body .dialog-button input[type="button"], .window .window-body .dialog-button input[type="submit"], .window .dialog-button a.l-btn, .window .messager-button a.l-btn, .a-form-actions button, .a-form-actions input[type="button"], .a-form-actions input[type="submit"], #tdButtons input[type="button"], #tdButtons input[type="submit"], a.primaryButtonSend, input.primaryUIButton, input.def-button {
        min-width: 90px;
    }

        .window .window-body .dialog-button input[type="button"], .window .window-body .dialog-button input[type="submit"],
        .dialog-button input[type="submit"], .dialog-button input[type="button"], .dialog-button .l-btn {
            height: 32px !important;
            line-height: 24px;
        }

.dialog-button .l-btn {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

    .dialog-button .l-btn .l-btn-text {
        font-size: 12px;
        line-height: 30px;
    }

a.primaryButtonSend {
    /* min-width: 90px; */ /* display: inline-block; */
    color: #3E4352 !important;
    color: #3E4352 !important;
    padding: 8px 32px;
    border-radius: 4px;
}



.ActionMenuList, .buttontop .leftbutton .abutton, .buttontop .rightbutton .abutton, .buttontop .rightbutton .primaryUILinkButton, .buttontop .leftbutton .primaryUILinkButton {
    background: none;
    box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #D3D5DC;
    height: 20px;
    line-height: 20px;
    outline: none;
    transition: none; /*以下是立体样式*/
    color: #3E4352;
    background: #e7e9ec;
    border-radius: 3px;
    border-color: #ADB1B8 #A2A6AC #8D9096;
    border-style: solid;
    border-width: 1px;
    background: #eff1f3;
    background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
    background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
}

.buttontop select, .buttontop input[type="text"], .buttontop input[type="number"] {
    height: 24px;
}

.ActionMenuList ul {
    min-width: 90px;
}

    .ActionMenuList ul li:hover {
        background: #edf5ff;
        color: #3E4352;
    }

.ActionMenuList ul, .ActionMenuList:hover span p {
    border-color: #D3D5DC;
    border-color: #ADB1B8 #A2A6AC #8D9096; /*以下是立体样式*/
}

    .ActionMenuList span a, .ActionMenuList ul li a {
        color: #3E4352;
    }
/*.body-list .page-content > .mainmodel .buttontop {
    max-width:100%;
}
.buttontop .rightbutton {
    position: relative;
    right: 24px;
    margin-right: 0;
}*/
.buttontop .rightbutton .primaryUILinkButton, .buttontop .leftbutton .primaryUILinkButton {
    color: #fff;
    background: none;
    background-color: #f49e00;
    border-color: #f4971b;
    color: #3E4352; /*以下是立体样式*/
    background: none;
    background: linear-gradient(rgb(249, 207, 111), rgb(246, 189, 66) 80%, rgb(246, 189, 65));
    border-color: rgb(240, 194, 70) rgb(235, 188, 60) rgb(191, 154, 59);
    border-color: rgb(191,148,42);
}

.buttontop .leftbutton .abutton:hover, .buttontop .rightbutton .abutton:hover {
    color: #fff;
    background: #ffbe41;
    border-color: #f4971b;
    color: #3E4352; /*以下是立体样式*/
    background-color: #dcdfe3;
    border-color: #a2a6ac #979aa1 #82858a;
}

.buttontop .rightbutton .primaryUILinkButton:hover, .buttontop .leftbutton .primaryUILinkButton:hover {
    color: #fff;
    background: #ffbe41;
    border-color: #f4971b;
    color: #3E4352; /*以下是立体样式*/
    background: linear-gradient(rgb(244, 190, 72), rgb(243, 172, 20));
    border-color: rgb(191,148,42);
}

.buttontop input[type="button"], .buttontop input[type="submit"] {
    height: 22px;
    line-height: 22px;
    padding-top: 0;
    margin-left: 7px;
}

.buttontop .leftbutton .checkbox-c {
    float: left;
}
/*按钮结束*/

.mainhrc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


.divCustomCheckBoxList {
    height: 32px !important;
    line-height: 24px;
    position: relative;
}

.div-fitler .item .divCustomCheckBoxList input[type="checkbox"] {
    vertical-align: inherit;
}

.divCustomCheckBoxList .close {
    top: 10px;
}

.DivCheckBoxList {
    display: none;
    border: 1px solid #d9d9d9;
    background-color: White;
    width: 298px;
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    height: auto !important;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: -1px;
    text-align: left;
    z-index: 100;
    min-height: 180px;
    max-height: 420px;
}

    .DivCheckBoxList .DivCheckBoxList-c {
    }

    .DivCheckBoxList input[type="text"] {
        margin-bottom: 10px;
    }

    .DivCheckBoxList input[type="checkbox"] {
        margin: 0 10px;
    }

input[name='ibtnChooseVendorID'] {
    height: 30px;
    line-height: 30px;
}

.div-fitler-wrap {
}

.div-fitler {
}

    .div-fitler .div-fitler-c {
        display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }

    .div-fitler.div-fitler-base .div-fitler-c {
        max-width: 1677px; /*1920宽度标准是1677, 1440标准是1194px;*/
    }

        .div-fitler.div-fitler-base .div-fitler-c.w-per-100 {
            max-width: 1850px;
        }

    .div-fitler .item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        line-height: 32px;
        box-sizing: border-box;
        padding: 4px 8px;
    }



        .div-fitler .item .item-label {
            width: 100px;
            text-align: right;
            padding-right: 6px; /*10px;*/
            box-sizing: border-box;
            line-height: 1.2em;
            align-self: center;
        }

    .div-fitler.div-fitler-base .item-label {
        width: auto;
    }

    .div-fitler .item .item-c {
        width: calc(100% - 100px);
        align-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .div-fitler.div-fitler-more .item .item-c:not(.custom-wrap-1,.vendor-wrap,.custom-wrap-adthree,.width-wrap) .i-select {
        min-width: 100%;
    }

    .div-fitler.div-fitler-base .item .item-c {
        flex-grow: 1;
    }

        .div-fitler.div-fitler-base .item .item-c.daterange-wrap {
            width: 220px;
        }

    /*控件wrap*/
    .div-fitler .daterange-wrap input[type="text"] {
        width: calc(50% - 10px) !important;
    }

    .div-fitler .vendor-wrap input[type="text"] {
        width: 185px !important;
    }

    .div-fitler .vendor-wrap input[type="image"] {
        width: 30px !important;
        height: 31px;
    }

    .div-fitler .custom-wrap-1 > select {
        padding-left: 3px;
        padding-right: 3px;
    }

    .div-fitler .custom-wrap-1 > *:nth-child(1) {
        width: 30% !important;
        border-radius: 4px 0px 0px 4px;
    }

    .div-fitler .custom-wrap-1 > *:nth-child(2) {
        width: 68% !important;
        border-radius: 0px 4px 4px 0px;
    }

    .div-fitler .tip-wrap {
        display: flex;
    }

        .div-fitler .tip-wrap .c-wrap {
            width: calc(100% - 24px);
            display: flex;
            align-items: center;
        }

        .div-fitler .tip-wrap .c-tip {
            width: 20px;
            height: 32px;
            margin-left: 4px;
            background: url(../../App_Themes/images/v2/wenhao@2x.png);
            background-size: 16px;
            background-repeat: no-repeat;
            background-position: center center;
            cursor: pointer;
            text-indent: 40px;
            overflow: hidden;
            display: inline-block;
        }

    .div-fitler .checkbox-wrap {
        padding-top: 5px;
        line-height: 24px;
    }

    .div-fitler .checkbox-list-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .div-fitler .checkbox-list-wrap .checkbox-c {
            margin-right: 60px;
        }


    .div-fitler .custom-wrap-adthree > *:nth-child(1) {
        width: 33% !important;
        max-width: 90px;
    }

    .div-fitler .custom-wrap-adthree > *:nth-child(2) {
        width: 33% !important;
        max-width: 90px;
    }

    .div-fitler .custom-wrap-adthree > *:nth-child(3) {
        width: 180px !important;
    }

.vendor-wrap .icon-close, .no-close .icon-close {
    display: none !important;
}
/*控件wrap-结束*/
.div-fitler.wide-label .item .item-label {
    width: 150px;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
}

.div-fitler.wide-label .item .item-c {
    width: calc(100% - 150px);
}

.div-fitler .item input[type="text"], .div-fitler .item select, .div-fitler .item .item-c select {
    width: 100%;
}

.div-fitler-base .item input[type="text"], .div-fitler-base .item select, .div-fitler-base .item .item-c select {
    width: 220px;
}


.div-fitler .item input[type="checkbox"], .div-fitler .item input[type="radio"] {
    vertical-align: middle;
    align-self: center;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
}

/*其他尺寸*/
.div-fitler .item.mini input[type="text"], .div-fitler .item.mini select {
    width: 60px;
}

.div-fitler .item.small input[type="text"], .div-fitler .item.small select {
    width: 90px;
}

.div-fitler .item.default input[type="text"], .div-fitler .item.default select {
    width: 220px;
}

.div-fitler .item.large input[type="text"], .div-fitler .item.large select {
    width: 560px;
}

.div-fitler .item.mini select, .div-fitler .item.small select {
    padding-left: 3px;
    padding-right: 3px;
}

.div-fitler-more {
    margin: 10px 5px;
    margin-bottom: 5px;
    background-color: #f8f9fd;
    padding: 10px 0px;
    display: none;
}

    .div-fitler-more .item {
        width: 336px;
    }

    .div-fitler-more .item-2x {
        width: 662px;
    }

    .div-fitler-more .item-3x {
        width: 1008px;
    }

    .div-fitler-more .item-4x {
        width: 1344px;
    }

    .div-fitler-more .item-full {
        width: 1344px;
    }

    .div-fitler-more .divCustomCheckBoxList table {
        width: 100% !important;
    }

.div-fitler .DivCheckBoxList {
    width: 220px;
}

.div-fitler .btn-wrap {
}


.div-fitler .a-more {
    overflow: hidden;
    width: 24px;
    word-break: keep-all;
    height: 32px;
    line-height: 32px;
    font-size: 22px;
    margin-left: 5px;
    color: #94979B;
    background: none;
}

    .div-fitler .a-more:hover {
        text-decoration: none;
        color: #c45500;
    }

    .div-fitler .a-more:before {
        margin-right: 5px;
    }

.div-fitler .icon-Reset, .div-fitler .btn-reset {
    font-size: 12px;
    color: #94979B;
    cursor: pointer;
    margin-right: 8px;
    margin-left: 8px;
}

    .div-fitler .icon-Reset:hover, .div-fitler .btn-reset:hover {
        color: #c45500;
    }


.div-fitler .item .item-label, .section .item .item-label {
    color: #5D5F6E;
}

.div-fitler .item, .section .item, .item input[type="text"], .item input[type="password"], .item input[type="number"], .item select, .item select:focus, .item select:hover, .item select:active, .item textarea, .item .textbox {
    color: #16181F;
}

input[type=radio], input[type=checkbox], input[type=radio] + label, input[type=checkbox] + label {
    color: #5D5F6E;
}

.DivCheckBoxList .div-select-item:hover {
    background-color: #edf5ff;
}

.i-select {
    width: 170px;
}

    .i-select.select2-container .select2-choice {
        height: 30px;
        line-height: 30px;
        margin-top: 0px;
    }

.select2-container .select2-choice {
    border-color: #d3d5dc !important;
    background-image: none !important;
}

.select2-dropdown-open .select2-choice {
    background-color: #fff !important;
}

.select2-container:hover .select2-choice, .select2-container-active .select2-choices {
    border-color: #f49e00 !important;
    -o-box-shadow: 0 0 0 2px rgb(252,230,204) !important;
    -moz-box-shadow: 0 0 0 2px rgb(252,230,204) !important;
    -webkit-box-shadow: 0 0 0 2px rgb(252 230 204) !important;
    box-shadow: 0 0 0 2px rgb(252 230 204) !important;
}

.select2-drop-active {
    min-width: 120px;
    border-top: solid 1px #d3d5dc;
}

.select2-container-active .select2-choice {
    box-shadow: none !important;
}

.select2-drop-active, .select2-container-active .select2-choice {
    border-color: #d3d5dc !important;
}

.select2-search input {
    width: 100% !important;
}

.has-close {
    position: relative;
}

    .has-close .close {
        position: absolute;
        right: 12px;
        display: none;
        color: rgba(0,0,0,.25);
        font-size: 12px;
        cursor: pointer;
        transition: .3s;
        vertical-align: 0;
        cursor: pointer;
        text-align: center;
        vertical-align: middle;
        font-size: 18px;
    }

    .has-close.show-close .close {
        display: inline-block;
    }

    .has-close .close:hover {
        color: rgba(0,0,0,.45);
    }

.section-c .has-close .close {
    top: -3px;
    right: 5px;
}

.div-fitler .item-c .close, .t-wrap .close {
    right: 5px;
}

.div-fitler .custom-wrap-1 .close {
    right: 10px;
}

.div-fitler-more .has-close .close {
    right: 5px;
}

.select2-search.has-close .close {
    /* right: 26px;*/
    font-size: 18px;
}

.select2-container .select2-choice .select2-arrow {
    background: none;
    background-image: none;
    border-left: 0px;
}

.select2-results .select2-highlighted {
    background: #f2f5fc;
    color: #f49e00;
}
/* 表单控件样式-结束 */
.topmenu {
    background: #353841;
}

.topmenul {
    width: 155px;
}

/* 内容布局样式 */

.fixedHead {
    left: auto !important;
    right: auto !important; /* margin-left: 12px;*/
}

.page-content {
    padding: 10px;
    padding-top: 0;
}

    .page-content .iconh, .page-content .iconf, .page-content .iconhl, .page-content .iconhr, .page-content .iconfl, .page-content .iconfr {
        background: none;
    }


    .page-content > .iconbody, .page-content > .mainmodel {
        padding: 5px;
        padding-right: 0px;
        -o-box-shadow: 0 2px 12px 0 rgb(235,235,235);
        -moz-box-shadow: 0 2px 12px 0 rgb(235,235,235);
        -webkit-box-shadow: 0 2px 12px 0 rgb(235,235,235);
        box-shadow: 0 2px 12px 0 rgb(235,235,235);
        border-radius: 4px;
        border: 1px solid #ebeef5;
        background-color: #fff;
        transition: .3s;
        box-sizing: border-box;
        margin-bottom: 0px;
    }

    .page-content > .mainmodel {
        padding-left: 8px;
        padding-right: 8px;
    }

        .page-content > .mainmodel .redline, .page-content > .mainmodel .mainf {
            display: none;
        }

    .page-content > .iconbody > div {
        border-left: 0px solid #ccc !important;
        border-right: 0px solid #ccc !important;
    }

    .page-content > .mainmodel {
        margin-top: 0px;
    }


    .page-content > .mainmodel {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

        .page-content > .mainmodel .buttontop {
            margin-top: 3px;
        }

        .page-content > .mainmodel .mainbodypimg {
            border-left: 0px solid transparent;
            border-right: 0px solid transparent;
            border-bottom: 0px solid transparent;
        }

        .page-content > .mainmodel .maindata {
            position: relative;
            padding-bottom: 50px;
            clear: both;
            min-height: 653px;
        }

            .page-content > .mainmodel .maindata .page-wrap {
                position: absolute;
                bottom: 5px;
                right: 10px;
            }

            .page-content > .mainmodel .maindata .tbl-empty-wrap {
                position: absolute;
                width: 300px;
                height: 200px;
                top: 50%;
                margin-top: -132px;
                left: 50%;
                margin-left: -150px;
                box-sizing: border-box;
            }



.mainh {
    border-bottom: 1px solid #D3D5DC;
}

.mainbodypimg {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
}

.mainh, .mainf, .mainhl, .mainhr, .mainfl, .mainfr {
    background: none;
}

.mainbody .buttontop {
    background: #fff;
}

.maindata {
    width: 100%;
    float: none;
    display: block;
    min-height: 300px;
}

    .maindata .mainpage {
        border-top: 0px solid #D3D5DC;
    }

.mainmodel h1 {
    padding-left: 10px;
    color: #3E4352;
    border-left: solid 2px #f49e00;
    margin-left: 0px;
    margin-top: 1px;
    height: 18px;
    line-height: 18px;
}

/* 内容布局样式-结束 */


/* 左侧导航样式 */
.LeftMenuBar {
    width: 180px;
    left: 0px;
    position: relative;
    bottom: 0px;
    overflow-x: hidden;
    top: 50px;
    float: left;
    height: calc(100vh - 53px);
    height: calc(100vh - 65px);
}

.LeftMenuBar-init-min {
    width: 10px !important;
}

.LeftMenuBar .iconmodel {
    height: calc(100vh - 65px);
    height: calc(100vh - 78px);
    overflow-y: auto;
    margin-bottom: 0;
    overflow-x: hidden;
    padding-top: 10px !important;
}

.LeftMenuBar .iconbody > div {
    overflow: inherit !important;
}

.LeftMenuBar .iconbody ul #treeDemo {
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: visible !important;
}

.LeftMenuBar .redline {
    display: none;
    float: none;
}

.LeftMenuBar .menumodel {
    float: none;
    margin-bottom: 0;
}

.LeftMenuBar .iconmodel {
    padding: 0px;
    -o-box-shadow: 0 2px 12px 0 rgb(235,235,235);
    -moz-box-shadow: 0 2px 12px 0 rgb(235,235,235);
    -webkit-box-shadow: 0 2px 12px 0 rgb(235,235,235);
    box-shadow: 0 2px 12px 0 rgb(235,235,235);
    border-radius: 0px 0px 4px 4px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    transition: .3s;
    float: none;
}

.LeftMenuBar .ztree li {
    line-height: 30px;
    border-left: solid 0px transparent;
}

    .LeftMenuBar .ztree li a {
        width: 100%;
    }

        .LeftMenuBar .ztree li a.level0 {
            background: none;
            padding-top: 0px;
            padding-left: 3px;
            height: 32px;
            line-height: 32px;
        }

        .LeftMenuBar .ztree li a:hover, .LeftMenuBar .ztree li a.curSelectedNode {
            background: #f1f7ff; /*#edf5ff;*/
            color: #f6a900;
            background: #f2f5fc;
            color: #f49e00;
        }

        .LeftMenuBar .ztree li a.curSelectedNode {
            border-left: solid 0px #f49e00;
        }

        .LeftMenuBar .ztree li a span {
            font-weight: normal;
            font-size: 12px;
        }

        .LeftMenuBar .ztree li a.curSelectedNode span {
            color: inherit;
        }

.LeftMenuBar .iconbody {
    float: none;
}


    .LeftMenuBar .iconbody > div {
        border-width: 0px !important;
    }

.LeftMenuBar .iconh, .LeftMenuBar .iconf, .LeftMenuBar .iconhl, .LeftMenuBar .iconhr, .LeftMenuBar .iconfl, .LeftMenuBar .iconfr {
    background: none;
    display: none;
}

.LeftMenuBar .ac-icon-toggle-wrap {
    position: fixed;
    top: 33%;
    left: 147px; /*这里与js动态赋值的要匹配*/
    height: 20px;
    border-radius: 15px 0 0 15px;
    background-color: #f2f5fc;
    height: 30px;
    width: 22px;
    box-shadow: 0 2px 12px 0 rgb(235,235,235) inset;
    z-index: 200;
}

    .LeftMenuBar .ac-icon-toggle-wrap .ac-icon-toggle {
        margin-top: 5px;
        margin-left: 5px;
        transition: all .3s;
    }

    .LeftMenuBar .ac-icon-toggle-wrap:hover {
        opacity: 0.85; /* background-color:#f2f5fc; */
    }

.nav-state-hide .LeftMenuBar {
    box-shadow: none;
    cursor: pointer;
}

    .nav-state-hide .LeftMenuBar:hover {
        background-color: #f2f5fc;
        background-color: #efe6d7;
    }

.nav-state-hide .ac-icon-toggle-wrap, .LeftMenuBar.LeftMenuBar-init-min .ac-icon-toggle-wrap {
    /* Rotate div */
    transform: rotate(900deg);
    -ms-transform: rotate(180deg); /* Internet Explorer */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg); /* Opera */
    left: 0;
}

.LeftMenuBar-Categories {
    overflow: auto;
    width: 195px;
    left: 0px;
    top: 53px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 63px;
}

    .LeftMenuBar-Categories .redline {
        display: none;
    }

    .LeftMenuBar-Categories .iconmodel {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }

    .LeftMenuBar-Categories .li-title {
        background: #ffffff !important; /* color: #f6a900; */
        border-bottom: 1px solid rgb(232,232,232);
        margin-top: 0px;
        padding-bottom: 0px;
        -o-box-shadow: 0 2px 12px 0 rgb(235,235,235);
        -moz-box-shadow: 0 2px 12px 0 rgb(235,235,235);
        -webkit-box-shadow: 0 2px 12px 0 rgb(235,235,235);
        box-shadow: 0 2px 12px 0 rgb(235,235,235);
        width: 100%;
        padding-top: 0px;
        height: 36px !important;
        line-height: 36px !important;
    }

        .LeftMenuBar-Categories .li-title > span {
            width: 90px;
            display: inline-block;
            font-size: 105%;
            font-weight: bold;
            line-height: 30px;
            margin-left: 10px;
        }

        .LeftMenuBar-Categories .li-title .productManageIcon {
            margin-left: auto;
        }

    .LeftMenuBar-Categories .LeftMenuBar-c {
        width: 168px;
    }

    .LeftMenuBar-Categories .iconbody {
        border-left: solid 1px rgb(232,232,232);
    }

    .LeftMenuBar-Categories .ztree {
        margin-top: 10px;
        margin-bottom: 5px;
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 130px);
        width: 93%;
    }

        .LeftMenuBar-Categories .ztree li span.button.switch {
            width: 20px;
            height: 20px;
            margin-left: 0px !important;
        }

            .LeftMenuBar-Categories .ztree li span.button.switch.level0 {
                width: 20px;
                height: 20px;
                margin-left: 0px !important;
                margin-top: -3px;
            }

            .LeftMenuBar-Categories .ztree li span.button.switch.level1 {
                width: 20px;
                height: 20px;
                margin-left: 0px !important;
                margin-top: -2px;
            }

            .LeftMenuBar-Categories .ztree li span.button.switch.level2 {
                margin-left: 0px;
            }

    .LeftMenuBar-Categories .iconbody > div {
        border-right: 0px solid #ccc !important;
        border-right: 0px solid #ccc !important;
        height: 100%;
        overflow: hidden;
        padding-right: 3px !important;
        width: 100% !important;
    }

.LeftMenuBar-ad {
    width: 180px;
    height: calc(100vh - 53px);
}

    .LeftMenuBar-ad .LeftMenuBar-c {
        width: 165px;
    }

    .LeftMenuBar-ad .iconmodel .iconbody {
        height: calc(100vh - 138px);
    }

    .LeftMenuBar-ad .iconmodel {
        height: calc(100vh - 78px - 55px);
    }

.LeftMenuBar-Common {
    overflow: auto;
    width: 195px;
    left: 0px;
    top: 53px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 10px;
    height: calc(100vh - 15px);
}

    .LeftMenuBar-Common .redline {
        display: none;
    }

    .LeftMenuBar-Common .li-title {
        background: #ffffff !important; /* color: #f6a900; */
        border-bottom: 1px solid rgb(232,232,232);
        margin-top: 0px;
        padding-bottom: 0px;
        -o-box-shadow: 0 2px 12px 0 rgb(235,235,235);
        -moz-box-shadow: 0 2px 12px 0 rgb(235,235,235);
        -webkit-box-shadow: 0 2px 12px 0 rgb(235,235,235);
        box-shadow: 0 2px 12px 0 rgb(235,235,235);
        width: 184px !important;
        padding-top: 0px;
        height: 36px !important;
        line-height: 36px !important;
    }

    .LeftMenuBar-Common .iconmodel {
        padding-top: 0px !important;
        height: calc(100vh - 15px);
        border-left-width: 0px;
    }

    .LeftMenuBar-Common .li-title > span {
        font-size: 105%;
        font-weight: bold;
        line-height: 30px;
        margin-left: 20px;
    }

    .LeftMenuBar-Common .li-title > span {
        width: 100px;
        display: inline-block;
    }

    .LeftMenuBar-Common .li-title .productManageIcon {
        margin-left: auto;
    }

    .LeftMenuBar-Common > div {
        width: 180px !important;
    }

    .LeftMenuBar-Common .iconbody {
        border-left: solid 1px rgb(232,232,232);
    }

    .LeftMenuBar-Common .ztree {
        margin-top: 10px;
        margin-bottom: 5px;
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 130px);
        width: 93%;
    }

    .LeftMenuBar-Common .iconbody > div {
        border-right: 0px solid #ccc !important;
        border-right: 0px solid #ccc !important;
        height: 100%;
        overflow: hidden;
        padding-right: 3px !important;
        width: 100% !important;
    }




/* 左侧导航样式-结束 */

/* 弹出框样式 */

.dialog {
    -o-box-shadow: 0 2px 12px 0 rgb(197,197,197);
    -moz-box-shadow: 0 2px 12px 0 rgb(197,197,197);
    -webkit-box-shadow: 0 2px 12px 0 rgb(197,197,197);
    box-shadow: 0 2px 12px 0 rgb(197,197,197);
    border-radius: 2px;
    border: 1px solid #ebeef5;
}

.dialogmsghead {
    padding: 10px;
    font-weight: normal;
}

    .dialogmsghead > div:not(.dialogmsghead1), .dialogmsghead .dialog-container {
        overflow-y: auto;
    }

.footpanel {
    padding-top: 0px;
}

    .footpanel ul li {
        height: auto;
        line-height: auto;
    }

body[ptype="dialog"] .footpanel ul, body[ptype="dialog"] .footpanel ul li {
    height: 50px;
    line-height: 50px;
}

/*easyui*/
.datagrid.panel {
    width: 100% !important;
}

.window {
    background: #fff !important;
    background-color: #fff !important;
}

    .window, .window .window-body {
        border-color: #D3D5DC !important;
        -o-box-shadow: 0 2px 12px 0 rgb(235,235,235) !important;
        -moz-box-shadow: 0 2px 12px 0 rgb(235,235,235) !important;
        -webkit-box-shadow: 0 2px 12px 0 rgb(235,235,235) !important;
        box-shadow: 0 2px 12px 0 rgb(235,235,235) !important;
    }

        .window .panel-header, .window .panel-body {
            background: #fff !important;
            background-color: #fff !important;
            border-color: #D3D5DC;
        }

        .window .panel-title {
            padding-left: 10px;
            color: #3E4352;
            line-height: 18px;
            height: 18px;
            font-size: 14px;
            border-left: solid 2px #f49e00;
            margin-left: 5px;
            margin-bottom: 2px;
            margin-top: 2px;
        }

        .window .dialog-button, .window .messager-button {
            border-color: #D3D5DC !important;
            padding-right: 15px;
        }

            .window .dialog-button .l-btn, .window .messager-button .l-btn {
                height: 32px;
                text-align: center;
                background-image: none;
                padding-right: 0;
                padding-left: 0;
            }

            .window .dialog-button a.l-btn span.l-btn-left, .window .messager-button a.l-btn span.l-btn-left {
                background-image: none;
                padding-left: 0;
                padding-right: 0;
                padding-top: 0;
                padding-bottom: 0;
            }


        .window .l-btn:hover {
            border-color: #a2a6ac #979aa1 #82858a;
        }

        .window .l-btn-text {
            color: #3E4352;
            padding: 0 6px;
            margin: 0 0px;
        }

            .window .l-btn-text:hover {
                border-color: #a2a6ac #979aa1 #82858a;
            }

        .window table tr td {
            padding: 8px 0px;
            height: 30px;
            background-color: White;
        }

/*easyui-结束*/

/* 弹出框样式-结束 */


/* 日历控件样式 */
#calendar {
}

    #calendar > div > table {
        border: 1px solid #D3D5DC !important;
    }

        #calendar > div > table > tbody > tr:nth-child(1) {
            background: #f0f0f0 !important;
        }

            #calendar > div > table > tbody > tr:nth-child(1) a {
                color: #0066c0 !important;
            }

#calendar_year a, #calendar_month a {
    color: #86B9D6 !important;
}

#calendar input[type="text"] {
    height: 24px;
    min-width: auto;
    width: auto;
    padding: 4px;
    text-align: center;
    margin-bottom: 5px;
}

#calendar a, #calendar_year a, #calendar_month a {
    font-size: 15px;
}
/* 日历控件样式-结束 */
/*分页控件*/
.page-wrap {
    color: #666666;
    text-align: right;
}

    .page-wrap input[type="button"], .page-wrap input[type="submit"] {
        min-width: 40px;
        height: 22px !important;
        margin-top: 1px;
        line-height: 13px;
    }

    .page-wrap .txt-pager {
        width: 45px !important;
        height: 24px !important;
        text-align: center;
        padding-left: 5px;
        padding-right: 5px;
    }

    .page-wrap .icon-wrap {
        display: inline-block;
    }

        .page-wrap .icon-wrap .s-flex {
            height: 24px;
        }

    .page-wrap a.iconfont {
        font-size: 18px;
        color: #666666;
        text-decoration: none;
        padding: 5px 8px;
        line-height: 12px;
        border: solid 1px #ddd;
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        border-radius: 4px;
        display: inline-block;
        text-align: center;
        margin-right: 5px;
        top: 3px;
        position: relative;
    }

        .page-wrap a.iconfont:last-child {
            margin-right: 0px;
        }

        .page-wrap a.iconfont:hover {
            color: #f49e00;
        }

        .page-wrap a.iconfont.icon-page-previous, .page-wrap a.iconfont.icon-page-next {
            font-size: 12px;
        }

/*分页控件-结束*/




/* 页面重写样式 */
.topmenuc {
    height: 42px;
}

    .topmenuc * {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -o-box-sizing: content-box;
        -ms-box-sizing: content-box;
        box-sizing: content-box;
    }

    .topmenuc a.select:hover, .menupre:hover a.select {
        color: #f49e00 !important;
    }

.tabselected, .tabselected a {
    color: #f49e00 !important;
}

.orangethsku {
    background: rgb(247,191,121) none repeat scroll 0% 0% !important;
    /*border-top: solid 1px rgb(197,154,85) !important;
    border-bottom: solid 1px rgb(197,154,85) !important;*/
}

.orangetdsku {
    background: #fff5e5 none repeat scroll 0% 0% !important;
    border-bottom: solid 1px #ececf6;
}

.datagrid .a-ShowDetails, .datagrid .a-ShowDetails > div {
    display: inline;
}

.listSearch br {
    display: none;
}


table.biz_opt td.header {
    height: 36px;
    background: none;
    background-color: rgb(242,245,250);
}

#customizedtooltipDiv {
    text-align: left;
    min-width: 24px;
}

.badge-action-help {
    margin-left: 5px;
}

.dashboard .column {
    -o-box-shadow: 0 2px 12px 0 rgb(235,235,235);
    -moz-box-shadow: 0 2px 12px 0 rgb(235,235,235);
    -webkit-box-shadow: 0 2px 12px 0 rgb(235,235,235);
    box-shadow: 0 2px 12px 0 rgb(235,235,235);
    border-radius: 10px;
    border: 1px solid #ebeef5;
    background-color: #fff;
    margin-bottom: 10px;
}

    .dashboard .column .dashbbodyin {
        border-left: 0px solid #ccc;
        border-right: 0px solid #ccc;
    }

    .dashboard .column .dashbh, .dashboard .column .dashbf, .dashboard .column .dashbhl, .dashboard .column .dashbhr, .dashboard .column .dashbfl, .dashboard .column .dashbfr {
        background: url(../../App_Themes/images/box/rouGrayBgprofile.gif);
        background: none !important;
        background: #fff;
    }

    .dashboard .column .dashbh {
        height: 40px;
        overflow: hidden;
    }

    .dashboard .column .dashbhlc {
        float: none;
    }

        .dashboard .column .dashbhlc h1 {
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            float: none;
            margin-left: 15px;
            margin-top: 5px;
            color: #515562;
        }



.topmenu .menupre {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
}

    .topmenu .menupre > a.select {
        width: auto;
        margin: 0px auto;
    }

    .topmenu .menupre > a.recommended {
        color: gray;
    }

    .topmenu .menupre > a {
        height: 39px;
        border-bottom: solid 2px transparent;
    }

.topmenuc .menupre.high-light a.select {
    color: #f49e00;
    border-color: #f49e00;
}

.menupre .dwscmenu {
    text-align: left;
}

.tableRecommended tr {
    height: 85px;
}

.tableRecommended td {
    border-bottom: 2px dashed #cfcdcb;
}

.tableRecommended {
    width: 500px;
}

    .tableRecommended .textintro {
        color: #000000;
        font-size: 13px;
        font-family: '微软雅黑';
    }

    .tableRecommended .rebuton {
        font-size: 13px;
    }

    .tableRecommended .texttitle {
        color: #993300;
        font-size: 14px;
        font-weight: bold;
        font-family: '微软雅黑';
    }

.topusername {
    width: 100px;
}

    .topusername .topusertxt {
        color: white;
        padding: 0px 5px;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-top: 1px solid transparent;
        height: 43px;
        line-height: 45px;
        top: 5px;
        text-align: left;
    }

    .topusername:hover .topusertxt {
        background: #fff;
        color: #f49e00;
        border-left: 0px solid #ccc;
        border-right: 0px solid #ccc;
        border-top: 1px solid #ccc;
        line-height: 37px;
    }

    .topusername .topusertxt span {
        float: none;
    }

    .topusername:hover .topusertxt p {
        right: 0;
        top: 42px;
    }

    .topusername .topusertxt .topusertxt-c .t-name {
        word-break: keep-all;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
        flex-grow: 1;
    }

.topmenu {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 888;
}

.topmenuc {
    width: calc(100% - 385px);
    padding-top: 12px;
}

    .topmenuc a {
        word-break: keep-all;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis;
    }

.topright {
    margin-top: 4px;
    margin-right: 30px;
}

.topmenuc .dwscmenuin {
    -o-box-shadow: 0px 10px 20px 0px rgb(235,235,235);
    -moz-box-shadow: 0px 10px 20px 0px rgb(235,235,235);
    -webkit-box-shadow: 0px 10px 20px 0px rgb(235,235,235);
    box-shadow: 0px 10px 20px 0px rgb(235,235,235);
    margin-left: 0px;
    margin-top: 1px;
    border-width: 0px;
}

.topusername:hover .topnav {
    right: -20px;
    left: auto;
    -o-box-shadow: 0px 10px 20px 0px rgb(235,235,235);
    -moz-box-shadow: 0px 10px 20px 0px rgb(235,235,235);
    -webkit-box-shadow: 0px 10px 20px 0px rgb(235,235,235);
    box-shadow: 0px 10px 20px 0px rgb(235,235,235);
    margin-right: 20px;
    top: 49px;
    border-top-color: transparent;
    width: 100px;
    border-width: 0px;
}

    .topusername:hover .topnav .iconfont:before {
        font-size: 17px;
        margin-right: 4px;
        margin-left: -2px;
    }

    .topusername:hover .topnav li a {
        word-break: keep-all;
        overflow: hidden;
        display: inline-block;
        text-overflow: ellipsis; /* width: 100%; */ /* display: block; */
        height: 24px;
        overflow-wrap: break-word;
    }

    .topusername:hover .topnav li:hover {
        background: transparent;
    }

        .topusername:hover .topnav li:hover a {
            background: #f2f5fc;
            color: #f49e00;
            text-decoration: none;
        }

.topmenu .menupre.lastright {
    /*系统设置*/
    width: 40px;
}

    .topmenu .menupre.lastright .icon-setting {
        font-size: 16px;
    }

    .topmenu .menupre.lastright:hover p.dropdownline {
        left: auto;
        right: 149px;
        width: 42px;
    }

    .topmenu .menupre.lastright .dwscmenu {
        right: -150px;
        left: auto;
    }

        .topmenu .menupre.lastright .dwscmenu.single {
            right: -279px;
            right: -109px;
            right: -95px;
        }

    .topmenu .menupre.lastright:hover .dwscmenu.single p.dropdownline {
        right: 278px;
        right: 108px;
        right: 94px;
    }

.topmenu .menupre:hover p.dropdownline {
    height: 8px;
}

.topmenu .menupre.single .dwscmenu h2 {
    display: none;
}

.topmenu .menupre.single .dwscmenu ul {
    padding-top: 10px;
}

.dwscmenu h2 span {
    color: #f49e00;
    border-left: solid 2px #f49e00;
}

.dwscmenu.single .dwscmenuin {
    width: auto;
}

.dwscmenu.single {
    width: auto;
}

    .dwscmenu.single .dwscmenuin {
        width: auto;
    }

    .dwscmenu.single ul, .dwscmenu.single h2 {
        float: none;
    }

    .dwscmenu.single ul {
        flex: 1;
        flex-wrap: nowrap;
        flex-direction: column;
        display: block;
    }

        .dwscmenu.single ul li {
            min-width: auto;
            max-width: inherit;
            width: auto;
            float: none;
            flex: 1;
        }

            .dwscmenu.single ul li a {
                /*width: auto;*/
                min-width: 55px;
                word-break: keep-all;
                /*display: block;*/
                box-sizing: border-box;
                margin-right: 0;
                white-space: nowrap;
                flex-basis: auto;
                background: transparent;
            }

                .dwscmenu.single ul li a.icon-export {
                    min-width: 15px;
                }

.lang-wrap {
    width: fit-content();
    float: right;
    margin-top: 8px;
    margin-right: 0;
    text-align: center;
}

    .lang-wrap a:not(:first-child) {
        margin-left: 20px;
    }

a.lang {
    color: #fff;
    font-size: 22px;
    text-decoration: none;
}

    a.lang:hover {
        color: #f49e00 !important;
    }

/*.InfoTable td input {
    height: inherit !important;
}*/

.InfoTable td select {
    /* height: inherit !important;*/
    margin-top: 2px;
}


#datagrid tbody tr.hoverTr:hover td {
    background-image: none !important;
}

.hoverTr-hide > td {
    padding: 0;
    border: 0px solid #D3D5DC;
}

    .hoverTr-hide > td table {
        margin: 10px;
        width: calc(100% - 20px) !important;
    }

.tbl-empty-wrap {
    padding: 60px 0 0px 0px;
    text-align: center;
    color: #cdd0d3;
}

    .tbl-empty-wrap .icon {
        display: block;
        font-size: 120px;
    }

    .tbl-empty-wrap .text {
        font-size: 24px;
    }

.opt-btn {
    display: block;
    margin-bottom: 10px;
}

.datagrid td .opt-btn {
    clear: both;
}

/* 页面重写样式-结束 */



/* 页面:亚马逊刊登 */

.zhanshi_ul {
    border-bottom: solid 0px #d3d5dc !important;
}

.zhanshi .zhanshi_ul:nth-child(odd) {
    border-bottom: solid 1px #d3d5dc !important;
}

.zhanshi_ul .zhanshi_title {
    width: 800px;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
    color: #3E4352;
    border-left: solid 2px #f49e00;
    margin-left: 10px;
    margin-top: 10px;
    height: 18px;
    line-height: 18px;
    font-weight: normal;
    border-left: solid 0px #f49e00;
    line-height: 22px;
    font-size: 12px;
    color: #666666;
}

.publish_div > ul > li {
    line-height: 42px !important;
}

    .publish_div > ul > li a.translation {
        margin-left: 8px;
    }

.publish_div ul li.select2-search-choice {
    line-height: 18px !important;
}

.zhanshi_ul .form-control, .publish_div .form-control {
    height: 32px !important;
    line-height: 32px !important;
}


/* 页面:FBA Shipments > 创建 */
.wareedit h2 {
    height: 42px !important;
}


.pointsRule .shipmentProcess {
    background-color: #FFAE12 !important;
    border-top: 1px solid #ec8e1d;
    border-bottom: 1px solid #ec8e1d;
}

    .pointsRule .shipmentProcess i {
        border: #ec8e1d 1px solid;
        border-left-width: 0px;
        border-bottom-width: 0px;
    }

    .pointsRule .shipmentProcess span {
        color: #fff;
    }



/* 重置图标*/
.icon-empty {
    font-family: inherit !important;
    background: url("../../App_Themes/images/v2/No data@2x.png");
    background-size: 120px;
    background-repeat: no-repeat;
    width: 120px;
    height: 180px;
    margin: 0px auto;
}

    .icon-empty:before {
        content: "";
    }

.tbl-empty-wrap .text {
    display: none;
}


a.icon-question {
    color: #a3a6a9;
    font-size: 16px;
    margin-left: 8px;
    margin-right: 8px;
}

    a.icon-question:hover {
        text-decoration: none;
        color: #c45500;
    }



.badge-action-help {
    border-radius: 100% !important;
    color: #fff;
    font-size: 11px !important;
    font-weight: bold;
    height: 16px;
    width: 16px;
    padding: 0px 4px 0px 3px;
    text-align: center;
    text-shadow: none !important;
    background-color: #777777;
    line-height: 1; /* min-width: 10px; */
    white-space: nowrap;
    cursor: pointer;
    float: none !important;
    background-color: #fff;
    border: solid 1px #94979B;
    color: #94979B;
    box-sizing: border-box;
}

.ac-opt {
    cursor: pointer; /* text-indent: 400px; */
    overflow: hidden;
    display: inline-block;
    padding: 0;
    word-break: keep-all;
    font-family: "iconfont" !important;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b5b7ba;
    font-size: 20px;
    margin-left: 8px;
    margin-right: 8px;
    width: 20px;
    text-decoration: none;
}

a.customize {
    width: 20px; /* height: 100%; */
    margin-left: 12px;
    margin-right: 12px;
    background: url(../../App_Themes/images/v2/zidingyi@2x.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center 6px;
    cursor: pointer;
    text-indent: 400px;
    overflow: hidden;
    display: inline-block;
    padding: 0;
    word-break: keep-all;
    background-position: center;
}

a.ac-setting {
    cursor: pointer; /* text-indent: 400px; */
    overflow: hidden;
    display: inline-block;
    padding: 0;
    word-break: keep-all;
    font-family: "iconfont" !important;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b5b7ba;
    font-size: 20px;
    margin-left: 8px;
    margin-right: 8px;
    width: 20px;
    text-decoration: none;
}

    a.ac-setting:before {
        content: "\eba0";
    }

.ac-icon {
    width: 20px;
    height: 20px;
    margin-left: 12px;
    margin-right: 12px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    text-indent: 400px;
    overflow: hidden;
    display: inline-block;
    padding: 0;
    word-break: keep-all;
}

    .ac-icon.ac-icon-toggle {
        background-image: url(../../App_Themes/images/v2/left-nav-toggle.png);
        background-size: 13px;
    }

/* 重置图标-结束*/




/* 页面重写样式 */
div.position {
    height: 35px;
}

    div.position ul li {
        height: 35px;
    }

        div.position ul li a {
            height: 35px;
            line-height: 35px !important;
        }

        div.position ul li.tag_on {
            border: solid 1px #D3D5DC;
        }

            div.position ul li.tag_on a {
                height: 35px;
                background: #fff;
                color: #f49e00;
            }

        div.position ul li.tag_off {
            border-bottom: solid 0px #94a6b4;
        }

#tdButtons {
    padding: 10px 10px;
}

.mainmodel {
    background-color: #fff;
    -o-box-shadow: 0 2px 12px 0 rgb(235,235,235);
    -moz-box-shadow: 0 2px 12px 0 rgb(235,235,235);
    -webkit-box-shadow: 0 2px 12px 0 rgb(235,235,235);
    box-shadow: 0 2px 12px 0 rgb(235,235,235);
    border: 1px solid #ebeef5 !important;
    min-width: calc(100% - 2px);
    width: auto;
}


/* 弹出框样式 */

body[ptype="dialog"] {
    background-color: #fff;
}


    body[ptype="dialog"] > form > br {
        display: none;
    }

    body[ptype="dialog"] table.biz_opt td.header {
        display: none;
    }

    body[ptype="dialog"] .biz_opt td {
        padding: 8px 0px;
    }

        body[ptype="dialog"] .biz_opt td table td input[type="text"] {
            margin: 8px 0px;
        }

    body[ptype="dialog"] input[type="text"], body[ptype="dialog"] select, body[ptype="dialog"] select:focus, body[ptype="dialog"] select:hover, body[ptype="dialog"] select:active, body[ptype="dialog"] textarea, body[ptype="dialog"] .textbox {
        width: 220px;
    }

    body[ptype="dialog"] .list input[type="text"], body[ptype="dialog"] .list select, body[ptype="dialog"] .list textarea, body[ptype="dialog"] .list .textbox {
        width: 80%;
    }

.gridtable input[type="text"], .gridtable input[type="number"], .gridtable input[type="textarea"] {
    padding: 4px 2px;
    text-align: center;
}


body[ptype="dialog"] table.biz_opt {
    background-color: #fff;
    border-top: solid 0px #D3D5DC;
    border-bottom: solid 0px #D3D5DC;
    margin-bottom: 10px;
}

body[ptype="dialog"] #tabWriteMain {
    border-width: 0px;
}

    body[ptype="dialog"] #tabWriteMain tr td:nth-child(odd), body[ptype="dialog"] #tblWrite tr td:nth-child(odd) {
        text-align: right !important;
        padding-right: 8px;
    }

body[ptype="dialog"] #tableWrite {
    margin-top: 14px;
}

body[ptype="dialog"] #Table1 {
    border-bottom: solid 0px #D3D5DC;
}

body[ptype="dialog"] .list {
    border-collapse: collapse;
}

    body[ptype="dialog"] .list th {
        background: #f0f0f0;
        background: #f8f9fd;
        border-bottom: 1px solid #D3D5DC;
    }

    body[ptype="dialog"] .list tr td {
        border-top: 1px solid #D3D5DC;
    }

    body[ptype="dialog"] .list tr:nth-child(odd) > td {
        background-color: #f8f9fd;
    }

    body[ptype="dialog"] .list tr.style1:hover > td {
        background-color: #edf5ff;
    }

body[ptype="dialog"] .tabs-container .panel-body-noborder table.biz_opt {
    border-bottom-width: 0px;
}

body[ptype="dialog"] table.rolesetcnt tr td {
    padding: 4px 8px;
}


body[ptype="dialog"] table.rolesetcnt .conditionsList tr[recordid] input, body[ptype="dialog"] table.rolesetcnt .conditionsList tr[recordid] select {
    width: 30%;
}

.dialog_left, .dialog_right, .dialog_top, .dialog_bottom, .dialog_topleft, .dialog_topright, .dialog_bottomleft, .dialog_bottomright {
    display: none;
}

.dialog-iframe-covering {
    background: rgba(200,200,200,0.2);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

    .dialog-iframe-covering .loading-img {
        position: absolute;
        z-index: 999999999;
        width: 32px;
        height: 32px;
        left: 50%;
        top: 50%;
        margin-top: -16px;
        margin-left: -16px;
        position: fixed !important;
        background: url(../../App_Themes/images/lb-load.gif) no-repeat;
        display: block;
    }

.dialoghead {
    background: #fff;
    border-bottom: 1px solid #d8d8d8;
    line-height: 36px;
    height: 36px;
}

.dialog_title {
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    border-left: solid 2px #f49e00;
    padding-left: 8px;
    margin-left: 15px;
    margin-top: 8px;
}

.dialoghead .head-btn {
    cursor: pointer;
    float: right;
    height: auto;
    width: auto;
    margin-right: 8px;
    margin-top: 0;
    color: #3E4352;
}

    .dialoghead .head-btn:hover {
        color: #f49e00;
    }

.dialoghead .dialog_full.icon-fullscreen1 {
    font-size: 13px;
}

.dialoghead .dialog_full.icon-fullscreen2 {
    font-size: 14px;
}

.dialoghead .dialog_close {
    background: none;
    font-size: 18px;
}
/* 弹出框样式-结束 */


/*Tab内容样式*/

.tab-content-product {
    border-left: solid 1px #D3D5DC;
    border-right: solid 1px #D3D5DC;
}

    .tab-content-product table.biz_opt td.header {
        display: none;
    }

    .tab-content-product .biz_opt td, .dialog .biz_opt td {
        padding: 8px 0px;
    }

        .tab-content-product .biz_opt td table td input[type="text"], .dialog .biz_opt td table td input[type="text"] {
            margin: 8px 0px;
        }

    .tab-content-product iframe {
        border: 1px solid #D3D5DC !important;
        border-radius: 4px;
    }

/*Tab内容样式结束*/

.list a {
    color: #0066c0 !important;
}
/* 页面重写样式-结束 */



/*新版样式*/


.datarowsubproduct td {
    background: #f7fbfe !important;
    border-top: 1px solid #d8dedf !important;
}

div.excontent {
    color: #FF5D5D;
}

.datagrid-row-selected {
    background: #e2e2e2 !important;
    color: initial !important;
}

    .datagrid-row-selected td {
        background: #e2e2e2;
    }




/*新版样式*/
.page-content-wrapper {
    left: 180px;
    top: 55px;
    padding-top: 5px;
    /*改成相对布局*/
    left: 0 !important;
    position: relative;
    height: calc(100vh - 66px);
    z-index: 100;
}



/*表格背景*/


.datarow > td, .datarow1 > td {
    background: none;
}

.datarow:nth-child(odd) > td, .datarow1:nth-child(odd) > td, .datagrid-row(odd) > td, .list .style2 td {
    background: none;
    background-color: #ffffff;
}

.datarow:hover > td, .datarow1:hover > td, .datagrid-row:hover > td, .datagrid-nesting tr:nth-child(4n):hover > td {
    background-color: #edf5ff; /*#edf5ff; #e7f1f5*/
}

.datagrid th, .tr-head td, .tr-head th {
    padding: 8px 5px;
}

.datarow > td, .datarow1 > td, .tbl-list tr td {
    background: #ffffff;
    padding: 8px 5px;
}

.tbl-list tr td {
    vertical-align: middle;
}

.tbl-list-left tr td, .tbl-list-left tr th {
    text-align: left;
}

.tbl-list-center tr td, .tbl-list-center tr th {
    text-align: center;
}

.datarow:nth-child(odd) > td, .datarow1:nth-child(odd) > td {
    background-color: #ffffff;
}

/*表格行移上去颜色*/
.datarow:hover > td, .datarow1:hover > td, .list tr:not(.tr-head):not(.tr-total):not(.tr-empty):hover td,
.datagrid-nesting .datarow:nth-child(odd):hover > td, .datagrid-nesting .datarow1:nth-child(odd):hover > td,
.datagrid-nesting tr:nth-child(4n):hover > td, .tr-hover > td {
    background-color: #f4f7fd !important;
    border-color: #ececf6 !important;
}
/*表格行选中颜色*/
.datarow.active > td, .datarow1.active > td, .list tr:not(.tr-head):not(.tr-total):not(.tr-empty).active td,
.datagrid-nesting .datarow:nth-child(odd).active > td, .datagrid-nesting .datarow1:nth-child(odd).active > td,
.datagrid-nesting tr:nth-child(4n).active > td {
    background-color: #f4f7fd !important;
    border-color: #ececf6 !important;
}

/*.datagrid td>*:not(.copy-wrap):not(.text-line), .tbl-list td>*:not(.copy-wrap):not(.text-line) {
    white-space: nowrap;
}*/

.datagrid .td-gray, .tbl-list .td-gray {
    font-size: 10px;
    color: #999;
}

.datagrid .th-width-80, .tbl-list .th-width-80 {
    min-width: 80px;
}

.datagrid .th-checkbox, .tbl-list .th-checkbox {
    width: 28px;
}

.datagrid .th-addition, .tbl-list .th-addition {
    width: 28px;
}

.datagrid .th-image, .tbl-list .th-image {
    width: 42px;
}

.datagrid .th-width-code, .tbl-list .th-width-code {
    min-width: 150px;
}

.datagrid .th-width-nowrap, .tbl-list .th-width-nowrap {
    width: auto !important;
    white-space: nowrap;
}

.datagrid .th-width-asin, .tbl-list .th-width-asin {
    min-width: 110px;
}

.datagrid .th-width-name, .tbl-list .th-width-name {
    min-width: 300px;
}

.datagrid .inboundcode-width, .tbl-list .inboundcode-width {
    min-width: 100px;
    width: 100px;
}

.datagrid .td-width-nowrap, .tbl-list .td-width-nowrap {
    white-space: nowrap;
}

.datagrid .th-min-width-common-80, .tbl-list .th-min-width-common-80 {
    min-width: 80px;
}

.datagrid .th-min-width-common, .tbl-list .th-min-width-common {
    min-width: 100px;
}

.datagrid .th-date, .tbl-list .th-date {
    min-width: 120px;
    width: 120px;
}

.datagrid .th-mini-date, .tbl-list .th-mini-date {
    min-width: 80px;
}

.datagrid .supplier-name-width, .tbl-list .supplier-name-width {
    min-width: 150px;
    width: 150px;
}

.datagrid .contact-width, .tbl-list .contact-width {
    min-width: 100px;
}

.datagrid .state-en-width, .tbl-list .state-en-width {
    min-width: 100px;
}

.datagrid .state-width, .tbl-list .state-width {
    min-width: 45px;
}

.datagrid .remark-width, .tbl-list .remark-width {
    min-width: 100px;
}

.datagrid .th-width-option, .tbl-list .th-width-option {
    min-width: 30px;
}



.datagrid .i-more, .tbl-list .i-more,
.datagrid .ii-more, .tbl-list .ii-more {
    cursor: pointer;
    color: #3E4352;
    border: solid 1px #dde2ee;
    transition: border-color|color .3s;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 14px !important;
    padding: 1px;
    margin: 0;
}

    .datagrid .i-more:hover, .tbl-list .i-more:hover,
    .datagrid .ii-more:hover, .tbl-list .ii-more:hover {
        border: solid 1px #f49e00;
        color: #f49e00;
    }

    .datagrid .i-more.icon-jian, .tbl-list .i-more.icon-jian {
        border: solid 1px #f49e00;
        color: #f49e00;
        font-weight: 600;
    }

.ii-more:hover {
    border: solid 1px #f49e00;
    color: #f49e00;
}


.datagrid .i-more-all, .tbl-list .i-more-all {
    display: block;
}

.th-addition .i-more-all {
    line-height: 14px;
}


.datagrid .s-t-left:not(th,td), .tbl-list .s-t-left:not(th,td), .tbl-list .s-t-center:not(th,td),
.datagrid .s-t-right:not(th,td), .tbl-list .s-t-right:not(th,td), .tbl-list .s-t-center:not(th,td) {
    display: block;
    width: 100%;
}


.datagrid .td_header_middle, .tbl-list .td_header_middle {
    /*  text-align: center;*/
}

.datagrid .td_header_left, .tbl-list .td_header_left {
    /*    text-align: left;*/
}

.datagrid .td_header_right, .tbl-list .td_header_right {
    /*   text-align: right;*/
}

.datagrid .s-money, .tbl-list .s-money {
    text-align: right;
}

.datagrid .img-p, .tbl-list .img-p {
    height: 36px;
    width: 36px;
}

.datagrid .tr-detail > td {
    padding: 0 !important;
}

/*含内嵌表格的表格*/
.datagrid-nesting {
    background: initial;
}

    .datagrid-nesting .datarow:nth-child(odd) > td, .datagrid-nesting .datarow1:nth-child(odd) > td {
        background: initial;
    }

    .datagrid-nesting tr:nth-child(4n) > td {
        background: initial;
    }

    .datagrid-nesting .tbl-nesting {
        margin: 6px;
        width: calc(100% - 6px);
        border: 1px solid #e8e8e8;
        border-collapse: collapse;
        line-height: normal;
        display: none;
    }

        .datagrid-nesting .tbl-nesting tr td, .datagrid-nesting .tbl-nesting tr th {
            padding: 2px;
        }

        .datagrid-nesting .tbl-nesting tr td {
            background: #f8f9fd !important;
            border-bottom: 1px solid #D3D5DC;
        }


/*FBAStoreOutList子项的颜色*/
.tdbackgroundblue th, .tdbackgroundblue td {
    background: #f8f9fd none repeat scroll 0% 0%;
}

/*产品列表子项的颜色*/
.datarowsubproduct td {
    background: #f8f9fd !important;
    border-top: 1px solid #D3D5DC !important;
}

div.excontent {
    color: #FF5D5D;
}

.datagrid2 th {
    font-weight: bold;
}

.tbl-empty-1 {
    border-width: 0;
}

.fixed-button-wrap {
    position: fixed;
    right: 10px;
    bottom: 60px; /*  right: 10px;     bottom: 130px;  */
    z-index: 200;
}

    .fixed-button-wrap .btn {
        opacity: 1;
    }

        .fixed-button-wrap .btn:hover {
            opacity: 0.85;
        }

.btn-suggestion {
    width: 32px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    background: #0066c0;
    border-radius: 16px; /*  -o-box-shadow: 0px 0px 4px 0px rgb(203,209,225);     -moz-box-shadow: 0px 0px 4px 0px rgb(203,209,225);     -webkit-box-shadow: 0px 0px 4px 0px rgb(203,209,225);     box-shadow: 0px 0px 4px 0px rgb(203,209,225);*/
    display: block;
    outline: none;
    color: #fff !important;
    font-weight: bold;
}

    .btn-suggestion:hover {
        text-decoration: none;
        color: #fff !important;
    }

    .btn-suggestion .iconfont {
        color: #f49e00;
        font-size: 14px;
        display: none;
    }

/*下拉框*/
.select2-results {
}

.select2-results {
    max-height: 320px !important;
    max-height: 380px !important;
}

input.labelauty + label {
    padding: 7px 8px !important;
}

    input.labelauty + label > span.labelauty-checked-image {
        margin-right: 6px;
    }


.section-c .has-close.choose_box_fba-wrap .close {
    display: none;
}

.header-question:hover {
    color: #f49e00 !important;
}

.dialog {
    border-radius: 3px;
}

    .dialog .dialog-title {
        height: 40px;
        line-height: 40px;
    }

    .dialog .dialog-content {
        padding: 12px 18px;
        padding: 16px 8px 8px 8px;
    }

    .dialog .dialog-button-wrap {
        padding: 15px 18px 15px 18px;
        text-align: right;
    }

        .dialog .dialog-button-wrap .dialogbutton {
            margin-left: 10px;
            margin-right: 0px;
            min-width: 90px;
        }

    .dialog .dialog-content .title {
        height: 32px;
        line-height: 32px;
        border-bottom: solid 1px #d3d5dc;
    }

        .dialog .dialog-content .title .label {
            font-size: 12px;
            color: #666666;
        }

        .dialog .dialog-content .title .item {
        }

.dialog-btn-ok, .dialog-btn {
    display: none !important;
}

/*复制 剪贴板*/
.copy-wrap {
    position: relative;
    width: 100%;
    display: inline-block;
    padding-top: 0px;
    max-width: 200px;
    word-break: break-all;
}

    .copy-wrap .copy-text {
        position: absolute;
        right: 0;
        top: calc(50% - 8px);
        font-size: 16px;
        height: 16px;
        width: 16px;
        padding: 0;
        margin: 0;
        line-height: 16px;
        opacity: 1;
        cursor: pointer;
        display: none;
        background-color: #fff;
    }

        .copy-wrap .copy-text:hover {
            color: #c45500;
        }

    .copy-wrap:hover .copy-text, .copy-wrap.active .copy-text,
    .datagrid td:hover .copy-text, .datagrid th:hover .copy-text,
    .tbl-list td:hover .copy-text, .tbl-list th:hover .copy-text {
        display: block;
        background-color: #f4f7fd;
        /* right: 0px;*/
    }


.checklist-wrap {
    width: 100%;
}

    .checklist-wrap input[type=radio] + label, .checklist-wrap input[type=checkbox] + label {
    }

.s-rolesetcnt {
    padding-bottom: 100px;
}

.s-footpanel {
    line-height: 32px;
    height: 32px;
    padding-top: 16px;
    padding-bottom: 24px;
}

[v-cloak] {
    display: none;
}
/*新版样式 - 结束*/

.mainmodel {
    padding-top: 0 !important;
}

    .mainmodel .mainh {
        display: none;
    }


.secondaryUIButton, a.secondaryUIButton {
    text-decoration: none;
    color: Black;
    height: 23px;
    padding: 2px 5px;
    border: 1px solid;
    border-color: #d3a63a #bf942a #aa8326;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background: #f3d078;
    background: -moz-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7dfa5),color-stop(100%, #f0c14b));
    background: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -o-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -ms-linear-gradient(top, #f7dfa5, #f0c14b);
    background: linear-gradient(top, #f7dfa5, #f0c14b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dfa5',endColorstr='#f0c14b', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    -moz-box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
}

    .secondaryUIButton:hover {
        border-color: #c79a2c #aa8326 #957321;
        background: #f1c860;
        background: -moz-linear-gradient(top, #f5d78e, #eeb933);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5d78e),color-stop(100%, #eeb933));
        background: -webkit-linear-gradient(top, #f5d78e, #eeb933);
        background: -o-linear-gradient(top, #f5d78e, #eeb933);
        background: -ms-linear-gradient(top, #f5d78e, #eeb933);
        background: linear-gradient(top, #f5d78e, #eeb933);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d78e',endColorstr='#eeb933', GradientType=0);
        *zoom: 1;
    }

    .secondaryUIButton:active {
        border-color: #aa8326 #bf942a #bf942a;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        background-color: #f0c14b;
    }

.a-underActionMenu {
    display: block;
    min-width: 80px;
    text-indent: 10px;
    margin-top: 8px;
    padding: 0;
    text-align: left;
}


/* 表格样式 */

.datagrid {
    border-left: 0px solid #ececf6;
    border-right: 0px solid #ececf6;
    border-bottom: 1px solid #ececf6;
    background-color: #fff;
}

    .datagrid th {
        background: #f0f0f0;
        background: #f8f9fd;
        border-top: 1px solid #ececf6;
        border-bottom: 1px solid #ececf6;
    }

    .datagrid th, .datagrid2 th {
        font-weight: bold;
    }

.datarow td, .datarow1 td {
    border-top: 1px solid #ececf6;
}

.datagrid-nesting .tbl-nesting tr td {
    border-color: #ececf6;
}

.datagrid-nesting .tbl-nesting {
    margin: 0px;
    width: calc(100% - 0px);
    border: 1px solid #e8e8e8;
    border-color: #ececf6;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}

.tbl-nesting th, .tbl-nesting .tr-head td, .tbl-nesting .tr-head th {
    height: 29px;
    padding: 5px 8px !important;
}

.datagrid-nesting .tbl-nesting tr td, .tr-nesting td {
    background: #fafbfc !important;
    color: #6a6e78;
    border-color: #ececf6;
}

/* 表格样式-结束 */


.LeftMenuBar-Categories .li-title > span {
    width: 102px;
}

.LeftMenuBar-Categories .li-title i {
    margin-left: 2px;
    cursor: pointer;
}


.popup-menu-item {
    color: #333333 !important;
}

    .popup-menu-item:hover {
        background-color: rgb(247,248,250);
    }

.main-active-menu {
    background-color: #1f2635;
}

.main-active-popup-menu {
    color: #ffa003 !important;
}

.el-tabs__item.is-active, .el-tabs__item:hover {
    color: #ffa003 !important;
}


.i-star:hover, .el-icon-close:hover, .popup-menu-item:hover, .touxiang, .tabselected, .tabselected a, .select2-results .select2-highlighted,
.div-fitler .a-more:hover, .div-fitler .icon-Reset:hover, .div-fitler .btn-reset:hover, .el-icon-more:hover, .main-top-icon:hover, .no-tip:hover {
    color: #ffa003 !important;
}


.dashbbody .category ul li.active {
    border-bottom-color: #F08300;
    color: #F08300;
}

.div-visit-history .item-wrap .item a:hover, .div-visit-history .item-wrap .item:hover a {
    color: #F08300 !important;
}

.div-visit-history .item-wrap .item:hover {
    color: #F08300;
    background-color: #fff;
    border-color: #F08300;
}

.no-tip:hover {
    color: #ffa003 !important;
}


body input.labelauty:checked + label {
    color: #FFF;
    background-color: #ffa003;
    border: 1px solid #ffa003;
}

body input.labelauty:checked:not([disabled]) + label:hover {
    color: #FFF;
    background-color: #ffa003;
    border: 1px solid #ffa003;
    opacity: 0.85;
}

body input.labelauty:not(:checked):not([disabled]) + label {
    background: #fff;
    border: 1px solid #d9d9d9;
    color: #3E4352;
}

    body input.labelauty:not(:checked):not([disabled]) + label:hover {
        color: #FFF;
        background-color: #ffa003;
        border: 1px solid #ffa003;
        opacity: 0.85;
    }

body .dowebok input.labelauty:checked + label {
    background-color: #fff5e5 !important;
}

    body .dowebok input.labelauty:checked + label:hover {
        background: #ffa003 !important;
    }

.DTFC_RightHeadBlocker.DTFC_Blocker {
    border-bottom: 1px solid #D3D5DC;
    border-top: 1px solid rgb(236,236,246);
    background-color: #fafbfc !important;
}

.DTFC_RightBodyLiner .ActionMenuList ul {
    position: fixed;
    top: auto;
    left: auto;
}

.DTFC_RightBodyLiner .ActionMenuList:hover ul {
    z-index: 888;
}

.DTFC_ScrollWrapper .dataTables_scrollBody {
    min-height: calc(100vh - 210px);
}