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

a.button {
    color: #009ff6;
    font-size: 12px;
}


/* 提示信息 */
.progressInfo {
    position: fixed;
    top: 9px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 99999999;
}

    .progressInfo span {
        z-index: 99999999;
        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: 30px;
        line-height: 30px;
        padding: 0 30px 0 15px;
        border: 1px solid #c3c3c3;
        vertical-align: top;
    }

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

.common-search {
    float: none;
    display: inline-block;
}

/* 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: 9999;
    text-align: center;
}

.divRight .btn-box {
    left: 140px;
    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 {
    position: fixed;
    width: 140px;
    top: 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: 45px;
        line-height: 45px;
        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: 140px;
    overflow-y: scroll;
}

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

    .divRight .operator {
        padding-top: 20px;
        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 20px;*/
        padding: 20px 20px 65px 40px
    }


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


.form-row {
    /*height: 32px;*/
    min-height: 32px;
    line-height: 32px;
    padding: 5px 30px 5px 0;
}

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

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

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

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

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

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

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

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

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

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

    .form-row .form-table-row {
        margin-left: 110px;
        min-height: 32px;
    }

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

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

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

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

    .form-row .form-table-row {
        overflow: hidden;
    }

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


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

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

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

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

.form-row-item-inline {
    width: 50%;
    display: inline-block;
    padding: 5px 50px 5px 25px;
    box-sizing: border-box;
    min-height: 34px;
    line-height: 34px;
}

    .form-row-item-inline .form-lable {
        display: inline-block;
        width: 120px;
        float: left;
    }

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

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

    .form-row-item-inline .form-input {
        margin-left: 120px;
    }

        .form-row-item-inline .form-input input {
            vertical-align: top;
        }

.readme {
    background-color: #f9f9f9;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dedede;
    color: #333;
    padding-left: 10px;
    margin: 20px 0 10px 0;
    font-size: 14px;
}

.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;
    vertical-align: middle;
}


.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: 5px;
}

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

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

.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.layui-icon-about {
    color: #999;
    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;
}

    #upFileList, .upFileList .adviceSize {
        margin-left: 10px;
        font-size: 12px;
        color: #666;
    }

.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: 74px 11px;
        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 li .size {
        font-size: 12px;
        color: #888;
    }

.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;
    height: 34px;
}

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

    .tab-list li.operatorMenu {
        float: right;
        line-height: 32px;
        border-bottom: 2px solid transparent;
    }

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

/* 滚动条 */

/*::-webkit-scrollbar {
    width: 14px
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
    background-color: #b0c0d0
}

    ::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:hover {
        background-color: #8ea0b1
    }*/

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

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

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


/*图片查看器 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-touch-action: none;
    touch-action: none;
    background-color: rgba(0, 0, 0, 0.5);
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-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');
}

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

i.i-logistics {
    background-image: url('../images/i-logistics2.png');
    background-size: 14px;
    /*-moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);*/
}

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; /*隐藏滚动条*/
    }

.layui-table-tool .layui-btn-container {
    overflow: hidden;
}


.cgray {
    color: #c1cbd5 !important
}

/*开关checkbox html控件*/
.switch-checkbox {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
}

    .switch-checkbox input {
        display: none;
    }

    .switch-checkbox .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch-checkbox .slider:before {
            position: absolute;
            content: "";
            height: 19px;
            width: 19px;
            left: 7px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch-checkbox input:checked + .slider {
        background-color: #00cfde;
    }

    .switch-checkbox input:focus + .slider {
        box-shadow: 0 0 1px #00cfde;
    }

    .switch-checkbox input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    /* Rounded sliders */
    .switch-checkbox .slider.round {
        border-radius: 34px;
    }

        .switch-checkbox .slider.round:before {
            border-radius: 50%;
        }
/*开关end*/


.drpDialog .layui-layer-btn {
    border-top: 1px solid #DBDADA;
    padding: 0 40px 10px;
}

    .drpDialog .layui-layer-btn .layui-layer-btn2,
    .drpDialog .layui-layer-btn .layui-layer-btn3,
    .drpDialog .layui-layer-btn .layui-layer-btn4 {
        float: right;
    }

    .drpDialog .layui-layer-btn a {
        margin-top: 0;
    }

.drpTreeDialog .layui-layer-btn {
    padding: 0 15px 12px;
}

.questionDialog .layui-layer-btn {
    border-top: 1px solid #DBDADA;
    padding: 0 40px 10px;
    text-align: center;
}

.shipmentDialog .layui-layer-btn {
    border-top: 1px solid #DBDADA;
    padding: 0 40px 10px;
    text-align: right;
}
.editFeright .layui-layer-btn {
    border-top: 1px solid #DBDADA;
    padding: 0 25px 10px;
    text-align: right;
}
.editFeright .layui-layer-btn .layui-layer-btn0 {
    border-color:#dedede;
background-color:#fff;
color:#333;
}
.editFeright .layui-layer-btn1 {
    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;
        height: auto;
        line-height: 25px;
        /*height: 26px !important;*/
        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, .layui-layer-tips i.layui-layer-TipsL {
    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 .divFilter {
        float: left;
        line-height: 30px;
        margin-right: 20px;
    }

.table-filter {
    display: inline-block;
    padding-right: 20px;
    line-height: 20px;
    height: 20px;
    background: url(../images/table/table-filter.png) right 4px no-repeat;
    cursor: pointer;
}

    .table-filter:hover {
        /*background-position: right -22px;*/
        color: #009ff6;
    }

/*.table-filter:hover + .target_box {
            display: block;
        }*/

.target_box {
    display: none;
    line-height: 12px;
    min-width: 105px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    z-index: 9;
}

    .target_box ul {
        overflow: auto;
    }

    .target_box li {
        position: relative;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 20px;
    }

        .target_box li:hover {
            background-color: #F0F0F0;
        }

            .target_box li:hover a {
                color: #009ff6;
            }

        .target_box li a {
            font-size: 12px;
            display: block;
            padding: 5px 20px 5px 5px;
            text-align: center;
        }

.shadow {
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
}


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

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

    .main-operator .divSearch i {
        position: absolute;
        right: 0;
        top: 0;
        width: 28px;
        height: 28px;
        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;
        }

.batch-operator {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    display: none;
    font-size: 13px;
}

    .batch-operator .layui-btn {
        height: 30px;
        line-height: 30px;
        padding: 0;
        background-color: transparent;
        color: #768696;
        font-size: 13px;
    }

    .batch-operator .btn-close {
        width: 30px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        background-color: transparent;
    }

        .batch-operator .btn-close:hover {
            color: #f33333;
        }

    .batch-operator .selectCount {
        display: inline-block;
        vertical-align: middle;
        padding-right: 30px;
        margin-left: 10px;
        margin-right: 25px;
        position: relative;
        color: #768696;
    }

        .batch-operator .selectCount:after {
            display: inline-block;
            content: " ";
            position: absolute;
            right: 0;
            top: 6px;
            height: 18px;
            border-left: 1px solid #ddd;
        }

        .batch-operator .selectCount em {
            color: #f33333;
            font-style: normal;
            margin: 0 3px;
        }

    .batch-operator .layui-btn + .layui-btn {
        margin-left: 20px;
    }

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

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


* .layui-form-radio > i:hover, * .layui-form-radioed > i, .layui-form-radio input[type=radio]:checked + i {
    color: #409eff;
}

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

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

.layui-table-header th.layui-table-col-special div:last-child, .layui-table-body td.layui-table-col-special div:last-child {
    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-table-header th.layui-table-col-special div.laytable-cell-numbers, .layui-table-body td.layui-table-col-special div.laytable-cell-numbers {
    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;
}

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

.popMenu {
    min-width: 120px;
    position: fixed;
    border: 0px;
    z-index: 10000;
    display: none;
}

.popMenu-div {
    background-color: white;
    border: 1px solid #e9e9e9;
    padding: 7px;
    box-shadow: 2px 3px 5px #e9e9e9;
}

.popMenu-ul {
}

    .popMenu-ul > li {
        line-height: 24px;
        padding: 2px 5px;
        font-size: 14px;
    }

    .popMenu-ul > li {
        line-height: 24px;
        padding: 0px 5px;
        cursor: pointer;
    }

        .popMenu-ul > li:hover {
            background-color: #e1e1e1;
        }

.layui-icon-import {
    background: url(/manager/assets/images/import/import-icon.png) no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
}

.no-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztree li span.button.ico_docu {
    display: none;
}

.ztree .line {
    border-top: none;
}

.layui-treeSelect .ztree * {
    font-size: 13px !important;
}

.layui-treeSelect .ztree li {
    padding: 4px 0 !important;
}

    .layui-treeSelect .ztree li span.button.switch {
        top: 2px !important;
    }

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