body {
    font-family: 微软雅黑,"Lucida Grande",Verdana,Lucida,Arial,Helvetica,sans-serif;
    /*font-size: 12px;*/
}

* {
    padding: 0;
    margin: 0;
}

a, span {
    word-break: break-all;
}

.clear {
    clear: both;
}

select:focus {
    outline: none !important;
}

select option:hover {
    outline: none !important;
}

ul {
    list-style-type: none;
}

a {
    font-size: 12px;
    color: #000;
    border: 0;
    text-decoration: none;
    cursor: pointer;
}

input, textarea {
    vertical-align: middle;
    outline: none;
}

table {
    border-collapse: collapse;
}
.btn-details {
  cursor: default !important;
}
/* 提示信息 */
.progressInfo {
    position: fixed;
    top: 9px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 10000;
}

    .progressInfo span {
        z-index: 10000;
        display: inline-block;
        min-width: 80px;
        max-width: 500px;
        line-height: 25px;
        height: 26px;
        padding: 1px 10px 1px 10px;
        color: white;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding-left: 32px;
        background-image: url('../images/NormalIcon/icon-question.png');
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: 10px 5px;
        text-align: left;
    }

        .progressInfo span.bg_Success {
            background-color: #68af02;
        }

        .progressInfo span.bg_Fail {
            background-color: #f53642;
        }

.statusNumber {
    color: #d9eefa;
    position: fixed;
    left: 48%;
    top: 50%;
    font-size: 60px;
    font-family: Arial;
    font-weight: bold;
}

.ym-content {
    padding: 10px 0 0;
    text-align: left;
}
/* end */

.main-general {
    padding-bottom: 15px;
    overflow: hidden;
}

    .main-general .left-navigation {
        float: left;
        background-image: url('../images/i_home.png');
        background-repeat: no-repeat;
        background-position: 0 center;
        background-size: 22px;
        text-indent: 27px;
        height: 30px;
        line-height: 30px;
    }

        .main-general .left-navigation span {
            font-weight: 400;
            font-style: normal;
            font-size: 14px;
            color: #333;
        }

            .main-general .left-navigation span.arrow {
                margin: 0 5px;
            }

.right-search {
    float: right;
    position: relative;
}

    .right-search .search-input {
        width: 185px;
        height: 28px;
        line-height: 28px;
        padding: 0 30px 0 15px;
        border: 1px solid #c3c3c3;
        font-size: 13px;
    }

    .right-search i {
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        background-image: url('../images/i-search.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px;
        cursor: pointer;
    }

/* frame样式 */
.frame-body {
    padding: 20px 25px 0 25px;
}

.frame-app {
    padding: 20px 25px 60px 25px;
}

.flex-container {
    display: flex;
    justify-content: space-between;
}

.flex-box {
    flex: 1;
}

    .flex-box + .flex-box {
        margin-left: 25px;
    }


.line {
    clear: both;
    border-top: 1px solid #dadada;
}


.btn-box {
    margin: 0;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-top: 10px solid #f2f2f2;
    z-index: 999;
    text-align: center;
}

.divRight .btn-box {
    left: 200px;
    right: 0;
}


.ui-widget {
    FONT-SIZE: 1.1em;
    FONT-FAMILY: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

.ui-widget-overlay {
    background-image: none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    border: none;
    background-color: #fff;
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: block;
    font-size: 0;
    right: 10px;
}

.ui-widget-header {
    height: 60px !important;
    line-height: 60px !important;
    border: 1px solid #dadada !important;
    background-color: white !important; /*BORDER-RIGHT: #e78f08 1px solid; BORDER-TOP: #e78f08 1px solid; FONT-WEIGHT: bold; BACKGROUND: url(/Theme/Skin1/jquery-ui/images/ui-bg_gloss-wave_35_f6a828_500x100.png) #f6a828 repeat-x 50% 50%; BORDER-LEFT: #e78f08 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #e78f08 1px solid;*/
}

    .ui-widget-header span {
        font-size: 16px !important;
        color: #333 !important;
        letter-spacing: normal !important;
    }

    .ui-widget-header .ui-icon {
        background-image: url('../jquery-ui/images/close.png') !important;
        background-size: 16px;
    }

.ui-state-focus .ui-icon {
    background-image: url('../jquery-ui/images/close.png') !important;
}

.ui-state-hover {
    background-color: white !important;
}

.ui-widget-content {
    background-color: white; /*BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BACKGROUND: url(/Theme/Skin1/jquery-ui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) #eeeeee repeat-x 50% top; BORDER-LEFT: #dddddd 1px solid; COLOR: #333333; BORDER-BOTTOM: #dddddd 1px solid;*/
}

.operatorDialog-buttonpane .ui-dialog-buttonset {
    float: left !important;
    margin-left: 40px;
}

.operatorDialog-buttonpane .ui-button:first-child, .operatorDialog-buttonpane .ui-button:first-child:hover {
    background-color: #2690E3 !important;
    border-radius: 0 !important;
}

.operatorDialog-buttonpane .ui-button:first-child {
    color: white !important;
}


.operatorDialog-buttonpane .ui-button, .operatorDialog-buttonpane .ui-button:hover {
    background-color: white !important;
    border: 1px solid #dadada !important;
    border-radius: 0 !important;
}

.operatorDialog-buttonpane .ui-button {
    color: #666 !important;
}


    .operatorDialog-buttonpane .ui-button:last-child, .operatorDialog-buttonpane .ui-button:last-child:hover {
        background-color: white !important;
        border: 1px solid #dadada !important;
        border-radius: 0 !important;
    }

.operatorDialog-buttonpane button + button {
    margin-left: 10px;
}

.operatorDialog-buttonpane .ui-button:last-child {
    color: #666 !important;
}

.ui-dialog .ui-dialog-buttonpane-line {
    display: none !important;
}

.fill_bg {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.container {
    overflow: hidden;
    background-color: #d7dee4;
}

.divLeft {
    position: absolute;
    width: 200px;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #d7dee4;
}

    .divLeft .header {
        height: 50px;
        line-height: 50px;
        padding-left: 25px;
        color: #333;
        font-size: 13px;
        font-weight: 700;
    }

    .divLeft .ulMenu li {
        height: 50px;
        line-height: 50px;
        cursor: pointer;
    }

        .divLeft .ulMenu li a {
            display: block;
            padding-left: 40px;
            font-size: 13px;
            color: #333;
        }

        .divLeft .ulMenu li:hover, .divLeft .ulMenu li.active {
            background-color: #fff;
        }

            .divLeft .ulMenu li:hover a, .divLeft .ulMenu li.active a {
                color: #00A5F4;
            }

.divRight {
    background-color: #fff;
    padding: 30px 0 5px 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 200px;
    overflow-y: scroll;
}

    .divRight .header {
        padding: 0 20px 0 40px;
        font-size: 22px;
        color: #333;
        height: 30px;
        line-height: 30px;
    }

    .divRight .operator {
        padding: 20px 30px 0 40px;
        overflow: hidden;
    }

        .divRight .operator .leftAdd {
            float: left;
        }

            .divRight .operator .leftAdd .pm-button {
                font-size: 14px;
                width: 110px;
            }

            .divRight .operator .leftAdd .tip {
                margin-left: 20px;
                color: #333333;
            }

        .divRight .operator .rightSearch {
            float: right;
        }

    .divRight .content {
        padding: 0 20px 65px 40px;
    }

.listTable {
    border-collapse: collapse;
    border: 0;
    display: inline-table;
    width: 100%;
}

    .listTable thead th {
        height: 40px;
        background-color: #f2f2f2;
        text-align: left;
        padding-left: 20px;
        color: #333333;
        font-size: 13px;
        font-weight: normal;
    }

    .listTable tbody td {
        height: 40px;
        text-align: left;
        padding-left: 20px;
        color: #333;
        font-size: 13px;
        border-bottom: 1px solid #e7e7e7;
    }

        .listTable thead th span, .listTable tbody td span {
            color: #333;
            font-size: 13px;
        }

            .listTable tbody td span.l_read:before {
                content: ' ';
                display: inline-block;
                position: relative;
                top: -3px;
                width: 5px;
                height: 5px;
                background-color: #d4d4d4;
                border-radius: 50%;
                margin-right: 5px;
            }

            .listTable tbody td span.l_unread:before {
                content: ' ';
                display: inline-block;
                position: relative;
                top: -3px;
                width: 5px;
                height: 5px;
                background-color: #ff0000;
                border-radius: 50%;
                margin-right: 5px;
            }

            .listTable tbody td span.r_read:after {
                content: ' ';
                display: inline-block;
                position: relative;
                top: -3px;
                left: 5px;
                width: 5px;
                height: 5px;
                background-color: #d4d4d4;
                border-radius: 50%;
            }

            .listTable tbody td span.r_unread:after {
                content: ' ';
                display: inline-block;
                position: relative;
                top: -3px;
                left: 5px;
                width: 5px;
                height: 5px;
                background-color: #ff0000;
                border-radius: 50%;
            }

        .listTable tbody td .btn-operator {
            color: #00A5F4;
            font-size: 13px;
            padding-left: 0;
            margin-right: 10px;
        }

        .listTable tbody td span.line {
            display: inline-block;
            position: relative;
            top: 2px;
            height: 12px;
            border-left: 1px solid #00A5F4;
            margin-right: 10px;
        }

nav {
    margin-top: 20px;
    white-space: nowrap;
}

    nav .pagination {
        text-align: right;
    }

        nav .pagination li {
            display: inline-block;
            font-size: 14px;
            color: #999;
        }

            nav .pagination li:not(:last-child) {
                margin-right: 3px;
            }

            nav .pagination li a {
                display: block;
                text-decoration: none;
                color: #999;
                padding: 0 10px;
                height: 28px;
                line-height: 28px;
                text-align: center;
                background-color: #fff;
                border: 1px solid #dcdcdc;
                transition: .5s;
            }

                nav .pagination li a.click:hover {
                    background-color: #eee;
                }

                nav .pagination li a.click.active {
                    background-color: #ff6a00;
                    border-color: #ff6a00;
                    color: #fff;
                }

            nav .pagination li select {
                border-color: #dcdcdc;
                color: #999;
                margin-left: 5px;
            }

            nav .pagination li span {
                margin-left: 5px;
            }

    nav .paging-count {
        float: left;
        line-height: 28px;
    }

    nav .paging-operate {
        float: right;
        line-height: 28px;
    }

    nav .arrow-prev {
        margin-left: 30px;
    }

    nav .arrow-prev, nav .arrow-next {
        display: inline-block;
        width: 28px;
        height: 28px;
        text-align: center;
        line-height: 26px;
        border: 1px solid #ccc;
        cursor: pointer;
        box-sizing: border-box;
        margin-right: 5px;
    }

.group-box {
    padding-top: 20px;
}

    .group-box .group-header {
        margin-bottom: 10px;
        overflow: hidden;
    }

        .group-box .group-header .group-header-left {
            float: left;
            margin-right: 20px;
            height: 34px;
            line-height: 34px;
            background-image: url('../../assets/images/group-icon.png');
            background-repeat: no-repeat;
            background-position: -9px center;
            padding-left: 35px;
        }

        .group-box .group-header .group-header-nicon {
            background-image: none;
            padding-left: 0;
        }

            .group-box .group-header .group-header-nicon:before {
                content: '|';
                margin-right: 5px;
                font-size: 16px;
                color: #0070cc;
            }

        .group-box .group-header .group-header-left .group-name {
            font-size: 16px;
            color: #0070cc;
        }

        .group-box .group-header .group-header-right {
            height: 34px;
            line-height: 34px;
        }

        .group-box .group-content:after {
            /*font-size: 0;*/
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
    
        .group-box .group-content .group-content-inline {
            float: left;
            /*display: inline-block;*/
            width: 50%;
            vertical-align: top;
        }

        .group-box .group-content .form-row {
            /*height: 32px;*/
            min-height: 32px;
            line-height: 32px;
            padding: 5px 50px 5px 0;
        }

            .group-box .group-content .form-row.row-2 {
                height: 74px;
            }

            .group-box .group-content .form-row.row-3 {
                height: 116px;
            }

            .group-box .group-content .form-row.row-4 {
                height: 158px;
            }

            .group-box .group-content .form-row.row-2 .form-input textarea {
                height: 74px;
            }

            .group-box .group-content .form-row.row-3 .form-input textarea {
                height: 116px;
            }

            .group-box .group-content .form-row.row-4 .form-input textarea {
                height: 158px;
            }

            .group-box .group-content .form-row .form-lable {
                display: inline-block;
                width: 100px;
                float: left;
            }

                .group-box .group-content .form-row .form-lable span {
                    font-size: 14px;
                    color: #333;
                    position: relative;
                    padding-left: 10px;
                    vertical-align: top;
                    white-space: nowrap;
                }

                    .group-box .group-content .form-row .form-lable span.must:before {
                        content: '*';
                        color: #ff0000;
                        font-size: 13px;
                        position: absolute;
                        left: 0;
                    }

            .group-box .group-content .form-row .form-input, .group-box .group-content .form-row .form-table, .group-box .group-content .form-row .form-table-row {
                margin-left: 110px;
                min-height: 32px;
                font-size: 12px;
            }

                .group-box .group-content .form-row .form-input .addLink {
                    background-image: url('../../assets/images/icon-add.png');
                    background-repeat: no-repeat;
                    background-position: 0 center;
                    padding-left: 20px;
                    color: #333;
                    font-size: 13px;
                }

            .group-box .group-content .form-row .form-table {
                background-color: #eef1f8;
                border: 1px solid #dadada;
                box-sizing: border-box;
                overflow: hidden;
            }

                .group-box .group-content .form-row .form-table div {
                    float: left;
                    color: #666666;
                    padding-left: 5px;
                    box-sizing: border-box;
                }

                    .group-box .group-content .form-row .form-table div + div {
                        padding-left: 10px;
                    }

            .group-box .group-content .form-row .form-table-row {
                overflow: hidden;
            }

                .group-box .group-content .form-row .form-table-row + .form-table-row {
                    margin-top: 5px;
                }


                .group-box .group-content .form-row .form-table-row div {
                    float: left;
                }

                    .group-box .group-content .form-row .form-table-row div + div {
                        padding-left: 5px;
                        box-sizing: border-box;
                    }

            .group-box .group-content .form-row .form-row-inline {
                float: left;
                width: 50%;
            }

                .group-box .group-content .form-row .form-row-inline:last-child .form-lable {
                    padding-left: 40px;
                    box-sizing: border-box;
                }

.readme {
    background-color: #f9f9f9;
    height: 43px;
    line-height: 43px;
    border: 1px solid #dedede;
    color: #333;
    padding-left: 10px;
    margin: 20px 30px 10px 40px;
}

.content .pm-row {
    padding: 10px 20px;
}

.content .pm-row-title {
    padding: 0 20px;
    margin-top: 10px;
}

.content .pm-row p, .content .pm-row > span {
    font-size: 13px;
    color: #333;
    margin: 0 10px;
}


.content .pm-row + p.description {
    font-size: 13px;
    color: #a7b8c5;
    padding-left: 44px;
    margin-bottom: 10px;
    margin-top: -10px;
}

.content .pm-label.right {
    margin-left: 10px;
}

.content .pm-label a, .pm-label span {
    font-size: 13px;
}

.content .pm-label + input {
    margin-left: 15px;
}

.content .pm-label a, .pm-label span {
    font-size: 13px;
}

.input-limit {
    display: inline-block;
    margin-left: 15px;
}

i.help {
    margin-left: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('../images/i-help.png') no-repeat center;
    vertical-align: middle;
    cursor: pointer;
}

i.accesory {
    margin-left: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../images/i-accesory.png');
    vertical-align: middle;
    cursor: pointer;
}

.editContainer {
    padding: 15px 30px;
}

.pm-label.input {
    margin-right: 30px;
}

.layui-input-block #upFileList, .layui-input-block .upFileList {
    line-height: 36px;
}

#upFileList, .upFileList {
    font-size: 12px;
}

.uploadify-button-Accesory {
    font-weight: normal;
    background-color: #f2f2f2;
    color: #0080ff;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 5px 20px;
    cursor: pointer;
}

.view-table table {
    width: 100%;
    margin-top: 10px;
}

.view-table td {
    padding-left: 10px;
    height: 40px;
}

.view-table .FieldLabel {
    border-bottom: 1px solid #d9d9d9;
}

    .view-table .FieldLabel span {
        color: #333;
        font-size: 14px;
    }


.view-table .FieldValue {
    border-bottom: 1px solid #d9d9d9;
}

    .view-table .FieldValue span {
        color: #000;
        font-size: 13px;
    }

        .view-table .FieldValue span.tag {
            background-color: #00adff;
            cursor: pointer;
            font-size: 11px;
            height: 20px;
            line-height: 20px;
            color: #fff;
            float: right;
        }


.edit-table {
    margin-top: 40px;
    padding-bottom: 20px;
}

    .edit-table table {
        width: 100%;
    }


    .edit-table td {
        height: 45px;
    }

    .edit-table .FieldLabel span {
        color: #333;
        font-size: 13px;
    }

    .edit-table .FieldValue p {
        width: 700px;
        color: #666;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .edit-table .FieldValue {
        border-bottom: 1px solid #d9d9d9;
        position: relative;
    }

.selectWay li {
    display: inline-block;
    width: 94px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #f2f2f2;
    text-align: center;
    margin-right: 2px;
    cursor: pointer;
}

    .selectWay li.select {
        border: 2px solid #ff0000;
        line-height: 26px;
        background-color: #fff;
        background-image: url('../../assets/images/check.png');
        background-position: 73px 10px;
        background-repeat: no-repeat;
    }

    .selectWay li span {
        color: #333;
    }

    .selectWay li.select span {
        color: #ff0000;
    }

.promotionWay li {
    width: 120px;
}

    .promotionWay li + li {
        margin-left: 8px;
    }

    .promotionWay li.select {
        background-position: 98px 10px;
    }

.edit-table .FieldValue .btn-operator.edit {
    position: absolute;
    margin-right: 10px;
    font-size: 12px;
    color: #666;
    right: 0;
    top: 15px;
}

.divAccesory {
    margin-top: 20px;
}

    .divAccesory > span {
        color: #333;
        font-size: 13px;
        float: left;
        line-height: 30px;
        padding-left: 10px;
    }

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

.accesoryLabel {
    float: left;
    font-size: 13px;
    line-height: 30px;
    background-image: url(../images/i-accesory.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    text-indent: 25px;
}

.accesoryList.list {
    margin-left: 120px;
}

.accesoryList li {
    height: 30px;
    line-height: 30px;
}


.accesoryList .filename {
    color: #333;
    font-size: 13px;
    margin-right: 5px;
}

.accesoryList .size {
    color: #999;
    font-size: 13px;
    margin-right: 10px;
}

.accesoryList .look {
    color: #1aa2b7;
    font-size: 13px;
}


.FieldValue .accesoryList {
    margin-right: 100px;
}

.main-container {
    background-color: #fff;
    padding: 20px;
}

.tab-list {
    margin-bottom: 20px;
}

    .tab-list li.tab {
        display: inline-block;
        margin-right: 30px;
        line-height: 32px;
        border-bottom: 2px solid transparent;
    }

    .tab-list li.operatorMenu {
        float: right;
        line-height: 32px;
    }

    .tab-list li.tab a {
        font-size: 14px;
        color: #333;
    }

    .tab-list li.tab:hover, .tab-list li.active {
        border-color: #0080bd;
    }

        .tab-list li.tab:hover a, .tab-list li.active a {
            color: #0080bd;
        }

.caption {
    border-left: 2px solid #0080BD;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}

    .caption span {
        font-size: 12px;
        color: #0080BD;
        line-height: 30px;
    }

    .caption .pm-button {
        float: right;
    }

.clear {
    clear: both;
}

.editTab {
    text-align: center;
}

    .editTab li {
        display: inline-block;
        margin: 0 40px;
        position: relative;
        line-height: 30px;
    }

        .editTab li a {
            font-size: 16px;
            color: #333333;
        }

        .editTab li .line {
            width: 40px;
            border-top: 2px solid transparent;
            margin: 0 auto;
        }


        .editTab li.active a {
            color: #0070c1;
        }

        .editTab li.active .line {
            border-top-color: #0070c1;
        }

.ui-dialog .ui-dialog-title {
    margin-left: 30px;
}


.pageLoading {
    position: absolute;
    top: 200px;
    background: url(../images/PageLoading_New.png) center 5px no-repeat;
    padding-top: 70px;
    width: 100%;
    text-align: center;
    color: gray;
    z-index: 99999;
}
/* 新品通知 */
.blueBg {
    background-color: rgba(0, 136, 202, 1);
    margin: 0 auto;
    padding: 25px 20px;
    color: white;
}

    .blueBg p {
        font-size: 12px;
        padding-top: 15px;
    }

.part {
    margin-top: 25px;
    word-break: break-all;
}

    .part p:first-child {
        font-size: 16px;
        margin-bottom: 10px;
    }

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

::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

::-webkit-scrollbar-thumb {
    background: #b0c0d0;
    border-radius: 4px
}

.list-body::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px
}

.list-body:hover::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover {
    background: #cdd9e6
}

::-webkit-scrollbar-thumb:active {
    background: #b0c0d0
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-track:hover {
    background: transparent
}

    ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track:active {
        background: transparent
    }



.layui-table-view {
    margin: 0 !important;
}

span.r_read:after {
    content: ' ';
    display: inline-block;
    position: relative;
    top: -3px;
    left: 5px;
    width: 5px;
    height: 5px;
    background-color: #d4d4d4;
    border-radius: 50%;
}

span.r_unread:after {
    content: ' ';
    display: inline-block;
    position: relative;
    top: -3px;
    left: 5px;
    width: 5px;
    height: 5px;
    background-color: #ff0000;
    border-radius: 50%;
}
/* .footer{
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #dfdfdf;
  padding: 25px 0;
  width: 100%;
}
.footer img {
  width: 25px;
  height: 25px;
}
.footer p{
  font-size: 12px;
  color: #999;
} */

/* 地址管理弹出框 */
.rowDZ{
  padding: 5px 5px 5px 0 !important;
}
.form-inputDZ {
  width: 101.9px !important;
}
/*  */
.tips {
  border: 1px solid #dfdfdf;
  padding: 20px 10px;
  margin: 30px 40px 0 40px;
  background-color: #f9f9f9;
}
/* 新增发票弹出框 */
.form-inputFP {
  display: flex;
  align-items: center;
}

.form-input .description {
  font-size: 12px;
  color: #666;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}

.layui-table-cell {
    height: auto !important;
    min-height: 28px;
}

.layui-table tbody td, .layui-table thead th {
    font-size: 12px;
}

/*图片查看器 Start*/
.viewer-container {
    overflow: hidden;
    background-color: rgb(0, 0, 0);
}

.viewer-navbar {
    overflow: hidden;
    background-color: rgb(0, 0, 0);
}

.viewer-canvas {
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.viewer-container {
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.viewer-footer {
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.viewer-player {
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.viewer-button {
    overflow: hidden;
}

.viewer-canvas {
    overflow: hidden;
}

.viewer-container {
    overflow: hidden;
}

.viewer-footer {
    overflow: hidden;
}

.viewer-list {
    overflow: hidden;
}

.viewer-navbar {
    overflow: hidden;
}

.viewer-open {
    overflow: hidden;
}

.viewer-title {
    overflow: hidden;
}

.viewer-toolbar {
    overflow: hidden;
}

    .viewer-toolbar > li {
        overflow: hidden;
    }

.viewer-close::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-flip-horizontal::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-flip-vertical::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-fullscreen-exit::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-fullscreen::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-next::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-one-to-one::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-play::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-prev::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-reset::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-rotate-left::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-rotate-right::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-zoom-in::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-zoom-out::before {
    width: 20px;
    height: 20px;
    color: transparent;
    line-height: 0;
    font-size: 0px;
    display: block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
}

.viewer-zoom-in::before {
    background-position: 0px 0px;
    content: "Zoom In";
}

.viewer-zoom-out::before {
    background-position: -20px 0px;
    content: "Zoom Out";
}

.viewer-one-to-one::before {
    background-position: -40px 0px;
    content: "One to One";
}

.viewer-reset::before {
    background-position: -60px 0px;
    content: "Reset";
}

.viewer-prev::before {
    background-position: -80px 0px;
    content: "Previous";
}

.viewer-play::before {
    background-position: -100px 0px;
    content: "Play";
}

.viewer-next::before {
    background-position: -120px 0px;
    content: "Next";
}

.viewer-rotate-left::before {
    background-position: -140px 0px;
    content: "Rotate Left";
}

.viewer-rotate-right::before {
    background-position: -160px 0px;
    content: "Rotate Right";
}

.viewer-flip-horizontal::before {
    background-position: -180px 0px;
    content: "Flip Horizontal";
}

.viewer-flip-vertical::before {
    background-position: -200px 0px;
    content: "Flip Vertical";
}

.viewer-fullscreen::before {
    background-position: -220px 0px;
    content: "Enter Full Screen";
}

.viewer-fullscreen-exit::before {
    background-position: -240px 0px;
    content: "Exit Full Screen";
}

.viewer-close::before {
    background-position: -260px 0px;
    content: "Close";
}

.viewer-container {
    top: 0px;
    line-height: 0;
    font-size: 0px;
    position: absolute;
    direction: ltr !important;
    -ms-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

    .viewer-container ::selection {
        background-color: transparent;
    }

    .viewer-container::selection {
        background-color: transparent;
    }

    .viewer-container img {
        width: 100%;
        height: auto;
        display: block;
        min-height: 0px !important;
        max-height: none !important;
        min-width: 0px !important;
        max-width: none !important;
    }

.viewer-player {
    display: none;
    position: absolute;
}

.viewer-tooltip {
    display: none;
    position: absolute;
}

.viewer-canvas {
    top: 0px;
    position: absolute;
}

    .viewer-canvas > img {
        margin: 15px auto;
        width: auto;
        height: auto;
        max-width: 90% !important;
    }

.viewer-footer {
    text-align: center;
    position: absolute;
}

.viewer-navbar {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.viewer-list {
    margin: 0px;
    padding: 1px 0px;
    height: 50px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

    .viewer-list > li {
        width: 30px;
        height: 50px;
        color: transparent;
        line-height: 0;
        overflow: hidden;
        font-size: 0px;
        float: left;
        cursor: pointer;
        opacity: 0.5;
    }

        .viewer-list > li + li {
            margin-left: 1px;
        }

    .viewer-list > .viewer-active {
        opacity: 1;
    }

.viewer-player {
    top: 0px;
    cursor: none;
    background-color: rgb(0, 0, 0);
}

    .viewer-player > img {
        left: 0px;
        top: 0px;
        position: absolute;
    }

.viewer-toolbar {
    margin: 0px auto 5px;
    padding: 3px 0px;
    width: 280px;
}

    .viewer-toolbar > li {
        border-radius: 50%;
        width: 24px;
        height: 24px;
        float: left;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.5);
    }

        .viewer-toolbar > li:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .viewer-toolbar > li::before {
            margin: 2px;
        }

        .viewer-toolbar > li + li {
            margin-left: 1px;
        }

    .viewer-toolbar > .viewer-play {
        width: 30px;
        height: 30px;
        margin-top: -3px;
        margin-bottom: -3px;
    }

        .viewer-toolbar > .viewer-play::before {
            margin: 5px;
        }

.viewer-tooltip {
    border-radius: 10px;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 20px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 20px;
    font-size: 12px;
    margin-top: -10px;
    margin-left: -25px;
    background-color: rgba(0, 0, 0, 0.8);
}

.viewer-title {
    margin: 0px 5% 5px;
    color: rgb(204, 204, 204);
    line-height: 1;
    font-size: 12px;
    display: inline-block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    max-width: 90%;
    opacity: 0.8;
}

    .viewer-title:hover {
        opacity: 1;
    }

.viewer-button {
    border-radius: 50%;
    top: -40px;
    width: 80px;
    height: 80px;
    right: -40px;
    position: absolute;
    cursor: pointer;
    background-color: red;
}

    .viewer-button::before {
        left: 15px;
        bottom: 15px;
        position: absolute;
    }

.viewer-fixed {
    position: fixed;
}

.viewer-show {
    display: block;
}

.viewer-hide {
    display: none;
}

.viewer-invisible {
    visibility: hidden;
}

.viewer-move {
    cursor: move;
}

.viewer-fade {
    opacity: 0;
}

.viewer-in {
    opacity: 1;
}

.viewer-transition {
    transition: 0.3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
}

@media all and (max-width:767px) {
    .viewer-hide-xs-down {
        display: none;
    }
}

@media all and (max-width:991px) {
    .viewer-hide-sm-down {
        display: none;
    }
}

@media all and (max-width:1199px) {
    .viewer-hide-md-down {
        display: none;
    }
}

.imgViewContainer {
    margin: 0 auto;
    font-size: 0;
    display: none;
}

    .imgViewContainer li {
        display: inline-block;
        width: 32%;
        margin-left: 1%;
        padding-top: 1%;
    }
/*图片查看器 End*/


[v-cloak] {
    display: none;
}

.red {
    color: #f33333 !important;
}


i.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

i.i-time {
    background-image: url('../images/i-time2.png');
    position: relative;
    top: 1px;
}

i.i-address {
    background-image: url('../images/i-address.png');
}

i.i-logistics {
    background-image: url('../images/i-logistics2.png');
}

div.down, span.down {
    font-size: 12px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-right: 15px;
    background-image: url(../images/i-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}

    span.down a {
    }

.hoverBox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    z-index: 9999;
    padding: 20px;
    max-width: 600px;
    overflow-y: scroll;
}

    .hoverBox::-webkit-scrollbar {
        display: none; /*隐藏滚动条*/
    }

.shipmentDialog .layui-layer-btn {
    border-top: 1px solid #DBDADA;
    padding: 0 40px 10px;
    text-align: right;
}
    .drpDialog .layui-layer-btn {
        border-top: 1px solid #DBDADA;
        padding: 0 40px 10px;
    }
    
        .drpDialog .layui-layer-btn a {
            margin-top: 0;
        }
    
.drpTreeDialog .layui-layer-btn {
    padding: 0 15px 12px;
}
.drpDialog .layui-layer-btn .layui-layer-btn2{
    float: right;
    border-color: #1E9FFF;
    background-color: #1E9FFF;
    color:#fff;
}
.layui-table-click {
    background-color: #fff !important;
}


/* layer msg 样式重写 */
.layui-layer-msg {
    top: 10px !important;
    border: none !important;
    min-width: initial !important;
    background-color: transparent !important;
}

    .layui-layer-msg .layui-layer-content {
        padding: 1px 10px 1px 32px !important;
        background-image: url('../images/NormalIcon/icon-question.png');
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: 10px 5px;
        text-align: left;
        line-height: 25px;
        height: auto;
        color: #fff !important;
        background-color: #68af02 !important;
        border-radius: 5px;
        min-width: 80px !important;
        max-width: 500px !important;
        font-size: 12px !important;
        /*white-space: nowrap;*/
    }

    .layui-layer-msg.error .layui-layer-content {
        background-color: #f53642 !important;
    }

    .layui-layer-msg .layui-layer-ico {
        display: none !important;
    }

/* layer tip */
.layui-layer-tips i.layui-layer-TipsR {
    display: none !important;
}


.layui-form .group-content .layui-form-item:after {
    /*font-size: 0;*/
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.layui-form .group-content .layui-form-item .layui-form-label {
    font-size: 14px;
}

.layui-form .group-content .layui-form-item .layui-inline {
    float: left;
    width: 50%;
    margin-bottom: 0;
    margin-right: 0;
}

.layui-form .group-content .layui-form-item .layui-form-radio .layui-icon {
    font-size: 22px;
}

.layui-form .group-content .layui-input-block {
    /*padding-right: 50px;*/
    margin-right: 50px;
}

.layui-form .group-content .layui-form-label {
    padding: 9px 0;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
}

.layui-form-label.must:before {
    content: '*';
    color: #f00;
    margin-right: 3px;
}

button.layui-btn.btn-submit {
    background-color: #009ff6;
    color: #fff;
    width: 98px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    font-size: 12px;
}

button.layui-btn.btn-cancel {
    background-color: #d6d6d6;
    color: #333;
    width: 98px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    font-size: 12px;
}

.layui-form-select dl {
    max-height: 192px !important;
}

.layui-input-block > i {
    top: 12px !important;
}

.form-row .layui-input-block > i {
    top: 2px !important;
}


.layui-btn-add {
    background-color: #009ff6 !important;
    color: #fff;
    width: 98px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}

.layui-btn-search {
    background-color: #009ff6 !important;
}

.main-operator {
    position: relative;
    /*overflow: hidden;*/
    height: 30px;
    margin-bottom: 10px;
}

    .main-operator .divAdd {
        float: left;
        margin-right: 20px;
    }

    .main-operator .divAdd .layui-btn-add {
        background-color: #009ff6 !important;
        color: #fff;
        width: 98px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        font-size: 12px;
    }

    .main-operator .divAdd .layui-btn.layui-btn-primary {
        background-color: #fff !important;
        color: #555;
        width: 98px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        font-size: 12px;
    }

        .main-operator .divAdd .layui-btn.layui-btn-primary:hover {
            border-color: #009ff6 !important;
        }

    .main-operator .divAdd span.instructions {
        font-size: 12px;
        line-height: 30px;
        vertical-align: top;
        color: #555;
        margin-left: 20px;
    }

    .main-operator .divOther .layui-nav .layui-nav-item {
        line-height: 30px;
    }

    .main-operator .divSearch {
        float: right;
        position: relative;
        width: 230px;
        height: 30px;
        line-height: 26px;
        padding: 0 30px 0 10px;
        border: 1px solid #c3c3c3;
    }

        .main-operator .divSearch .search-input {
            width: 187px;
            height: 16px;
            font-size: 12px;
            border: none;
            border-right: 1px solid #ccc;
        }

        .main-operator .divSearch i {
            position: absolute;
            right: 0;
            top: 0;
            width: 30px;
            height: 30px;
            background-image: url(../images/i-search.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 18px;
            cursor: pointer;
        }

    .main-operator .divTool {
        float: right;
        font-size: 0;
    }

        .main-operator .divTool .layui-inline {
            margin-left: 8px;
            position: relative;
            width: 30px;
            height: 30px;
            padding: 5px;
            line-height: 20px;
            text-align: center;
            color: #333;
            border: 1px solid #ccc;
            cursor: pointer;
            -webkit-transition: .5s all;
            transition: .5s all;
        }

            .main-operator .divTool .layui-inline:hover {
                border: 1px solid #999;
            }

            
.pc13 {
    text-align: center;
    font-size: 13px;
}

.layui-table tbody tr:hover, .layui-table-hover {
    background-color: #f4fbff !important;
}

* .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #409eff !important;
}

* .layui-form-checked[lay-skin=primary] i {
    border-color: #409eff !important;
    background-color: #409eff !important;
}

.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #409eff !important;
}

.layui-transfer-active .layui-btn {
    border-color: #409eff !important;
    background-color: #409eff !important;
}

.layui-transfer-active .layui-btn-disabled {
    background-color: #FBFBFB !important;
    border-color: #e6e6e6 !important;
}

            .fl {
                float: left !important;
            }
            
            .fr {
                float: right !important;
            }
            
            .clearfix:after {
                content: "";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

            .mr35{
                margin-right: 35px;
            }

            
.cgray {
    color: #c1cbd5 !important
}

.layui-table-header th.layui-table-col-special, .layui-table-body td.layui-table-col-special {
    border-right-width: 0;
    border-bottom-width: 0;
}

    .layui-table-header th.layui-table-col-special div, .layui-table-body td.layui-table-col-special div {
        visibility: hidden;
    }

.layui-table-fixed-r.layui-hide {
    display: block !important;
}

.layui-table-fixed-l .layui-table-header th.layui-table-col-special, .layui-table-fixed-l .layui-table-body td.layui-table-col-special,
.layui-table-fixed-r .layui-table-header th.layui-table-col-special, .layui-table-fixed-r .layui-table-body td.layui-table-col-special {
    border-right-width: 1px;
    border-bottom-width: 1px;
}

    .layui-table-fixed-l .layui-table-header th.layui-table-col-special div, .layui-table-fixed-l .layui-table-body td.layui-table-col-special div,
    .layui-table-fixed-r .layui-table-header th.layui-table-col-special div, .layui-table-fixed-r .layui-table-body td.layui-table-col-special div {
        visibility: visible;
    }

    .layui-form-checkbox[lay-skin=primary] span {
        color: #000 !important;
    }

    
.layui-carousel a.link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

    .layui-carousel a.link img {
        width: 100%;
        height: 100%;
    }

    .titleKey:hover {
        color: #009ff6;
        cursor: pointer;
    }
    

    .nodata{
        padding-top: 95px;
        text-align: center;
        background-image: url(../images/noData.png);
        background-position: center 35px;
        background-size: 80px;
        background-repeat: no-repeat;
    }

    .nodata span{
        font-size: 13px;
        color: #999;
        padding-left: 5px;
        letter-spacing: 5px;
        line-height: 24px;
    }

.divSearchItem {
    display: inline-block;
}

    .divSearchItem .layui-form-label {
        width: auto;
        line-height: 13px;
    }

    .divSearchItem .layui-input, .divSearchItem .layui-select, .divSearchItem .layui-textarea {
        height: 30px;
    }

   
.textr {
    text-align: right !important;
}

.textl {
    text-align: left !important;
}

.textc {
    text-align: center !important;
}

.layui-table tbody tr:hover, .layui-table-hover {
    background-color: #f4fbff !important;
}

* .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #409eff;
}

* .layui-form-checked[lay-skin=primary] i, .layui-form-checkbox input[type=checkbox]:checked + i {
    border-color: #409eff !important;
    background-color: #409eff;
}

.layui-form-checkbox input[type=checkbox] {
    display: none !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
} 

/* 隐藏数字文本框的加减按钮 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

   
.layui-disabled, .layui-disabled:hover {
    color: #999 !important;
} 


.link-btn {
    display: inline-block;
    margin-top: 5px;
    padding: 0 24px;
    line-height: 26px;
    height: 28px;
    box-sizing: border-box;
    border: 1px solid #666;
    color: #666;
    font-size: 13px;
}
.link-btn:hover, .link-btn.active {
    border-color: #ff6a00;
    color: #ff6a00;
}
.link-btn.primary {
    border-color: #ff6a00;
    background-color: #ff6a00;
    color: #fff;
}
.link-btn.disabled {
    background-color: #ebecec;
    border-color: #ebecec;
    color: #666;
    cursor: not-allowed;
}


.quickAddContainer .editContainer{
    padding: 10px;
}
@media screen and (max-width: 1366px) {
    .hide-by-screen {
        display: none;
    }
}