* {
    -webkit-user-select: unset;
}


/*html {
    overflow: auto;
}

html ,body{
    overflow: auto;
}*/

body {
    background-color: #ecf0f5;
    margin: 0px;
    padding: 0;
    font-size: medium;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: unset;
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.navbar-fixed-top {
    position: fixed;
    display: block;
    margin: 0px;
    padding: 5px;
    z-index: 3000;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background-color: #00679b;
}

.main-container {
    margin: 0px auto;
    max-width: 900px;
}

.main-content {
    margin: 0px auto;
    max-width: 900px;
}

.main-context {
    background-color: #fff;
    padding: 20px;
    margin: 10px auto;
    margin-top: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    min-height: unset;
    max-width: 980px;
}


.mui-scroll-wrapper {
    overflow-y: scroll;
    overflow-x: scroll;
}

p {
    color: unset;
    margin-bottom: unset;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

label {
    font-weight: normal;
/*    color: #999;*/
}

.grid-9 {
    /*height: 100vh;*/
    /*background-color:#fff;*/

    border-top: dotted 1px #666;
    border-bottom: dotted 1px #666;
    margin: 5px;
    display: grid;
    justify-content: center;
    align-content: center;
    grid-template-columns: 33% 33% 33%;
    grid-template-columns: 25% 25% 25% 25%;
    /* grid-template-rows: 100px 100px 100px;*/
}

.grid-box {
    margin: 0px;
    padding: 2px;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    /*border-radius:5px;*/
    background-color: #ffe;
    display: block;
    text-align: center;
    /* height: 80px;*/
    font-size: 16px;
    color: #000;
}

    .grid-box a {
        color: #000;
    }

    .grid-box img {
        width: 18px;
        height: 18px;
        opacity: 0.6;
        margin-top: 5px;
    }

/* 网页内控制 */




.placeholder {
    margin-left: 5px;
    margin-right: 5px;
}

.weui-msg__title {
    color:#f33 !important;
}

.bidding {
    background-color: #fff;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
}

.negotiate {
    background-color: #fff;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
}

.mates {
    background-color: #fff;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
}

.index-head {
    padding: 5px;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color: #555;
    border-bottom: 1px dotted #999;
}

.index-head a {
    font-size: 16px;
}

.input-row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.input-label {
    padding-left: 0px;
    padding-right: 0px;
    text-align: right;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #555;
}


/* 网页内控制 */


/* detail 信息 */

.title-large {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #1e308f;
    word-spacing: 3px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.data-infor {
    /*margin:10px;*/
    padding: 10px;
    background-color: #ebe594;
    text-align: center;
    font-size: 16px;
    color: #710505;
    font-weight: bolder;
    line-height: 26px;
}

.data-split-title {
    display: block;
    background-color: #f3f3fe;
    padding: 5px;
    padding-left: 20px;
    color: #00679b;
    border-left: solid 5px #00679b;
}

.data-container {
    display: block;
    /*display: table;*/
    /*padding: 5px;*/
    margin: 5px;
    width: 95%;
    border: solid 1px #00679b;
    border-radius: 3px;
    background-color: #fff;
}

.data-items {
    display: table;
    margin: 2px 0px;
    width: 100%;
    border-bottom: 1px dotted #eee;
}

.data-item-lable {
    display: table-cell;
    padding: 3px;
    text-align: right;
    vertical-align: middle;
    width: 25%;
    color: #888;
}

.data-item-data {
    display: table-cell;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    width: 45%;
    color: #222;
}

.data-item-mark {
    display: table-cell;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    width: 30%;
    color: #888;
}

.data-item-data-nomark {
    display: table-cell;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    width: 75%;
    color: #222;
}


/* 主控制区域 */

.data-holder {
    margin: 0px auto;
    margin-top: 10px;
    padding: 20px;
    max-width: 1200px;
    background-color: #fff;
}

.data-list {
    /*padding: 20px;*/
    /*background-color: #CCFFFF;*/
    color: #333399;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 24px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
}

.data-list-border {
    border: solid 1px #ccc;
    border-radius: 5px;
    margin: 20px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgb(0 0 0 / 50%);
    font-size: 16px;
}

.data-list-border-row {
    margin-top: 10px;
    /*display: block;*/
    border-bottom: 1px dashed #00679b;
    border-top: 1px dashed #00679b;
}

.data-list-left {
    width: 60px;
    text-align: center;
    padding: 10px;
    padding-left: 15px;
}

.data-list-left i {
    font-size: 30px;
    color: #333399;
}

.data-list-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    /*border-left: solid 1px #0099CC;*/
    padding: 10px;
}

.data-list-right {
    /*width: 120px;*/
    text-align: center;
    padding: 10px;
}

.data-list-bottom {
    border-top: 1px solid #bbb;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 5px;
    text-align: right;
}

.data-list-bottom-item {
    margin: 5px;
}

.data-list-bottom-infor {
    margin: 5px;
    flex: 1;
    text-align: left;
}

.main-holder {
    margin: 0px auto;
    margin-top: 10px;
    padding: 10px;
    /* background-color: #fff; */
    max-width: 980px;
}

.main-holder-max {
    margin: 0px auto;
    /*margin-top:40px;*/
    line-height: 20px;
    /*    height: calc(100% - 580px);
    overflow: auto;*/
}

    .main-holder-max table {
        padding: 10px;
        border: 1px solid #bbb;
        font-size: 16px;
        word-break: break-all;
        word-wrap: break-word;
        margin: 0px auto;
    }

    .main-holder-max table th {
        text-align: center;
        border: 1px dotted #bbb;
        font-size: 14px;
        padding: 5px;
        line-height: 20px;
        color: #00679b;
        background-color: #eee;
    }

.main-holder-max table td {
    font-size: 14px;
    line-height: 20px;
    padding: 3px;
    border: 1px dotted #bbb;
}
        .main-holder-max table tr {
            background-color:none;
        }

        .main-holder-max table tr:hover {
            background-color: #e1ff97;
        }



.confirm_special {
    /*text-decoration: underline;*/
    color: #CC0000;
    font-weight: bolder;
}


/* Destino 的修正 */

.megamenuToogle-wrapper {
    background: #00679b;
}


/* Destino 的修正 */


/* mui 的 修正 */

button,
input[type=button],
input[type=reset],
input[type=submit] {
    padding: 0px;
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
    border: none;
    border-bottom: 1px solid #bbb;
    height: auto;
    min-height: 30px;
    margin-bottom: 0px;
    padding: 0px;
    font-size: inherit;
    border-radius: 0px;
    
}

select, textarea {
    -webkit-appearance: auto;
}

select {
    font-size: inherit;
    min-height: 30px;
    margin-bottom: 0px;
    padding: 0px;
    padding-left: 5px;
    height: auto;
    border-bottom: solid 1px #bbb !important;
}

textarea {
    border: 1px solid #bbb !important;
    min-height: 30px;
    text-align: left !important;
    background-color: #fff !important;
    margin: 5px auto !important;
    padding: 5px;
    letter-spacing: 2px;
}

.mui-checkbox input[type=checkbox]:before,
.mui-radio input[type=radio]:before {
    font-size: 24px;
}


/* mui 的 修正 */


/* 主控制区域 */


/* 顶部信息区 */

.panel-head-top {
    margin: 0px auto;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #8f007b;
    padding: 10px;
    /*font-size: 14px;*/
    font-weight: bolder;
    text-align: center;
    max-width: 800px;
    /*background-color: #ccc;
    border-radius: 4px;*/
    border-bottom: 2px solid #8f007b;
}

.panel-banner-info {
    background-color: #078ae9;
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    
    padding: 5px 5px 5px 10px;
    z-index: 2000;
    min-height: 50px;

    width: 85%;
    margin: 0px auto;
    margin-top:5px;
}

.main-panel > .panel-banner-info {
    margin-top:0px;
    position: fixed;
    width: calc(100% - 218px);
}

.panel-banner-info > .weui-cell {
    overflow: hidden;
    align-items: center;
}


    @media (max-width: 991px) {


        .main-panel > .panel-banner-info {
            width: 100%
        }
}

.panel-banner-left {
    display: flex;
    padding-right: 10px;
    border-right: 1px solid #fff;
}


.panel-banner-after {
    margin-top:55px;
    height: 10px;
}



.panel-banner-after .weui-flex {
    display: none;
}



/* 顶部信息区 */
            /* 输入框 */

            input::-webkit-input-placeholder {
                /* WebKit browsers */
                color: #ccc;
                font-size: 14px;
            }

            input:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: #ccc;
                font-size: 14px;
            }

            input::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                color: #ccc;
                font-size: 14px;
            }

            input:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                color: #ccc;
                font-size: 14px;
            }

            input {
                border-bottom: 1px solid #bbb;
            }

                input:hover,
                textarea:hover,
                select:hover {
                    border-bottom: 1px solid #00679b !important;
                }

                input:focus,
                textarea:focus,
                select:focus {
                    border-bottom: 1px solid #00679b !important;
                }
            /* 输入框 */
            /* WeUI 补充 - 对应 fix_weui.css */

            .weui-badge-small {
                display: inline-block;
                padding: 2px;
                border-radius: 5px;
                color: #fff;
                line-height: 12px;
                text-align: center;
                font-size: 11px;
                vertical-align: middle;
                background-color: #ccc;
            }

            .weui-flex {
                /*
    margin-top: 10px;
    margin-bottom: 10px;
        */
            }

            .weui-dialog-finder {
                position: relative;
                width: 500px;
                margin: 0px auto;
                top: 150px;
                bottom: 0;
                height: 600px;
                background-color: #fff;
            }

            .weui-dialog-finder-foot {
                position: absolute;
                bottom: 10px;
                width: 100%;
                height: 40px;
            }

            .weui-dialog-finder-title {
                background-color: #0094ff;
                height: 40px;
                line-height: 20px;
                color: #fff;
                padding: 10px;
                font-size: 18px;
            }

            .weui-dialog-finder-result {
                position: relative;
                width: 450px;
                height: 400px;
                margin: 0px auto;
                overflow: auto;
                line-height: 28px;
                margin-top: 20px;
                padding-left: 10px;
            }

            .weui-right-btn-group
            {
                display:flex;align-items:center;justify-content:space-between;            
            }

            .weui-input-right-btn {
                padding: 3px 6px;
                display: inline-block;
                font-size: 14px;
                border: 1px solid #bbb ;
                border-radius: 3px;
                margin-left: 5px;
            }
            
            .panel-banner-info  .weui-input-right-btn
            {
                color: #fff;
            }
            
            button.weui-input-right-btn {
                background-color: transparent;
                outline: 0;
                padding: 5px 7px;
            }

            .panel-banner-info .btn {
                font-size: 14px;
                line-height: 16px;
                margin: 3px;
                padding: 5px;
                color: #f5f245;
            }

.weui-cell__hd {
    min-width: 150px;
    text-align: right;
    padding-right: 3px;
    white-space: nowrap;
    /* font-size: 14px;*/
    color: #999;
    /*flex: 0.5;*/
    word-spacing: 1px;
    letter-spacing: 1px;
}

            .weui-check__label {
                text-align: left;
            }



            .weui-mask {
                opacity: unset;
                visibility: visible;
                z-index: 4800;
            }


            .weui-btn_block {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: 1px;
                border-width: 1px;
                border-radius: 5px;
                cursor: pointer;
            }

            .weui-btn-area {
                padding: 10px;
                padding-left: 50px;
                margin: 0px auto;
                letter-spacing: 2px;
                max-width: 550px;
                text-align: center;
            }



            .weui-btn:hover {
                border: solid 1px #078ae9;
            }

            .weui-dialog-setpara {
                z-index: 5000;
                width: 500px;
                margin: 0px auto;
                margin-top: 120px;
                padding: 0px;
                background-color: #fff;
                border-radius: 5px;
                overflow: hidden;
            }

            .weui-dialog-setpara-title {
                background-color: #888;
                height: 40px;
                line-height: 20px;
                color: #fff;
                padding: 10px;
                font-size: 18px;
            }

            .weui-dialog-setpara-buttomarea {
                width: 450px;
                margin: 0px auto;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .weui-btn {
                font-size: 18px;
                margin-left: 3px;
                margin-right: 3px;
                line-height: 35px;
                width: 98% !important;
                border: solid 1px #fff;
                letter-spacing: 2px;
            }

            .weui-cells {
                background-color: inherit;
                margin: 0px;
            }

                .weui-cells::before {
                    border-top: none;
                }

                .weui-cells::after {
                    border-bottom: none;
                }

            .weui-cells_form {
                padding: 10px 20px 20px 10px;
                max-width: 700px;
                margin: 0px auto;
                background-color: inherit;
                /*border-bottom:solid 1px #ccc;*/
            }


            .weui-cell_select {
                padding: 3px;
                line-height: 28px;
                margin-top: 5px;
            }

                .weui-cell_select:after {
                    content: " ";
                    display: inline-block;
                    height: 6px;
                    width: 6px;
                    border-width: 2px 2px 0 0;
                    border-color: #888;
                    border-style: solid;
                    -webkit-transform: matrix(.71, .71, -.71, .71, 0, 0);
                    transform: matrix(.71, .71, -.71, .71, 0, 0);
                    position: relative;
                    top: -2px;
                    position: absolute;
                    top: 50%;
                    right: 15px;
                    margin-top: -4px;
                }


            .weui-cell {
                line-height: 24px;
                padding: 2px;
                margin-top: 3px;
                align-items: flex-start;
            }

            .weui-cell__bd {
                padding-left: 3px;
                word-break: break-all;
                flex-shrink: 0;
                /*font-size: 14px;*/
            }

            .weui-cell:before {
                content: " ";
                border-top: none;
            }

            .weui-input {
                color: #000;
                height: inherit;
                line-height: inherit;
                font-size: 16px;
                border-bottom: 1px dashed #CC6699 !important;
                background-color: #fff;
            }

            .weui-input-optional {
                color: #333 !important;
                height: inherit;
                line-height: inherit;
                font-size: 16px;
                border-bottom: 1px dashed #99CCFF !important;
            }


            .weui-label {
                width: 180px;
                text-align: right;
                font-size: 14px;
                color: #555;
            }

            .weui-label-form {
                /*    font-size: 14px;
    color: #888;
    margin-bottom: 0px;*/
            }



            .weui-btn-small {
                font-size: 16px !important;
                height: 35px;
                line-height: 35px;
            }

            .weui-btn_primary {
                color: #fff;
            }

            .weui-dialog__bd {
                padding-top: 10px;
                color: #555;
            }

            .weui-dialog__btn_primary {
                color: #00679b;
            }

            .weui-dialog {
                z-index: 5000;
            }

            @media screen and (min-width: 1024px) {
                .weui-dialog {
                    width: 400px;
                    min-width: 400px;
                    z-index: 5000;
                }
            }

            .weui-msg__desc {
                color: #333;
                font-size: 20px;
                line-height: 26px;
            }
            /* WeUI 修正 */

            .split-title-infor {
                margin: 0px auto;
                text-align: center;
                font-size: 16px;
                padding: 15px 5px 5px 5px;
                /*background-color:#067ace;*/
                border-bottom: solid 1px #067ace;
                /*border-top:solid 1px #067ace;*/
                color: #067ace;
            }

            .split-title-infor-grey {
                border-bottom: solid 1px #999;
            }

            .CautionInfor {
                margin: 0px auto;
                text-align: center;
                font-size: 18px;
                color: #d00;
                padding: 10px;
                background-color: #ff6;
            }

            .flex-data-area {
                width: 650px;
                margin: 0px auto;
                padding: 10px;
            }

            .ex-pager-holder {
                width: 650px;
                margin: 0px auto;
                margin-top: 10px;
                margin-bottom: 10px;
                padding: 5px;
                border-top: 1px solid #bbb;
                border-bottom: 1px solid #bbb;
                text-align: center;
                font-size: 14px;
                color: #999;
            }

            .ex-pager-holder-desc {
                font-size: 12px;
                color: #999;
            }

            .main-datas-holder {
                width: 600px;
                margin: 0px auto;
                padding: 10px;
            }

            .main-datas-card {
                border: solid 1px #bbb;
                border-top: solid 5px #bbb;
                border-bottom: solid 5px #bbb;
                border-radius: 5px;
                margin: 10px auto;
                padding: 10px;
                background-color: #fff;
                -webkit-box-shadow: 0 0 5px #ccc;
                -moz-box-shadow: 0 0 5px #ccc;
                box-shadow: 0 0 5px #ccc;
                max-width: 500px;
            }
            

                .main-datas-card a {
                    color: #333;
                }

                .main-datas-card a {
                    display: block;
                }

            .main-datas-card-thin {
                border-top: solid 1px #bbb;
                border-bottom: solid 1px #bbb;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

            .flex-row {
                display: flex;
                display: -webkit-flex;
                flex-direction: row;
            }



            .flex-row-data {
                display: -webkit-flex;
                display: flex;
                flex-direction: row;
                padding: 2px;
                margin: 5px 8px;
                position: relative;
                overflow: hidden;
                align-items: baseline;
            }

            .flex-row-data-left {
                text-align: left;
                width: 100%;
            }

            .flex-row-data-center {
                text-align: center;
                width: 200px;
            }

            .flex-row-data-right {
                text-align: right;
                /*width: 200px;*/
                white-space: nowrap
            }

            .fontsize-big {
                font-size: 20px;
            }

            .fontsize-normal {
                font-size: 16px;
            }

            .fontsize-samll {
                font-size: 14px;
            }

.fontsize-small {
    font-size: 14px;
}

            .fontsize-mini {
                font-size: 12px;
            }

            .fontsize-suppermini {
                font-size: 10px;
            }

            .timeline-holder {
                width: 500px;
                margin: 0px auto;
            }
            /*
 * Component: Timeline
 * -------------------
 */

            .timeline {
                position: relative;
                margin: 0 0 30px 0;
                padding: 0;
                list-style: none;
            }

                .timeline:before {
                    content: '';
                    position: absolute;
                    top: 0px;
                    bottom: 0;
                    width: 4px;
                    background: #ddd;
                    left: 31px;
                    margin: 0;
                    border-radius: 2px;
                }

                .timeline > li {
                    position: relative;
                    margin-right: 10px;
                    margin-bottom: 15px;
                }

                    .timeline > li:before,
                    .timeline > li:after {
                        content: " ";
                        display: table;
                    }

                    .timeline > li:after {
                        clear: both;
                    }

                    .timeline > li > .timeline-item {
                        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
                        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
                        border-radius: 3px;
                        margin-top: 0px;
                        background: #fff;
                        color: #444;
                        margin-left: 60px;
                        margin-right: 15px;
                        padding: 0;
                        position: relative;
                    }

                        .timeline > li > .timeline-item > .time {
                            color: #999;
                            float: right;
                            padding: 10px;
                            font-size: 12px;
                        }

                        .timeline > li > .timeline-item > .timeline-header {
                            margin: 0;
                            color: #555;
                            border-bottom: 1px solid #f4f4f4;
                            padding: 10px;
                            font-size: 14px;
                            line-height: 1.1;
                        }

                            .timeline > li > .timeline-item > .timeline-header > a {
                                font-weight: 600;
                            }

                        .timeline > li > .timeline-item > .timeline-body,
                        .timeline > li > .timeline-item > .timeline-footer {
                            padding: 10px;
                            font-size: 14px;
                        }

                    .timeline > li.time-label > span {
                        font-weight: 600;
                        padding: 5px;
                        display: inline-block;
                        background-color: #fff;
                        border-radius: 4px;
                    }

                    .timeline > li > .fa,
                    .timeline > li > .glyphicon,
                    .timeline > li > .ion {
                        width: 30px;
                        height: 30px;
                        font-size: 15px;
                        line-height: 30px;
                        position: absolute;
                        color: #666;
                        background: #d2d6de;
                        border-radius: 50%;
                        text-align: center;
                        left: 18px;
                        top: 0;
                    }

            .timeline-timelable {
                border-radius: 3px;
                font-size: 12px;
                color: #fff;
                display: inline-block;
                background-color: #abbac3;
                padding: 3px;
            }

            .split-line-holder {
                width: 90%;
                margin: 0px auto;
                line-height: 20px;
                font-size: 14px;
                text-align: center;
            }

            .split-line-holder-line {
                border-top: 1px solid #00679b;
                margin-top: 30px;
                margin-bottom: 5px;
            }

            .split-line-holder-grey {
                border-top: 1px solid #888;
                margin-top: 30px;
                margin-bottom: 5px;
            }

            .split-line-holder-tips {
                position: relative;
                top: -10px;
                padding: 0 10px;
                background-color: #fff;
                color: #00679b;
            }

            .split-line-holder-incard {
                margin: 0px auto;
                padding-left: 5px;
                padding-right: 5px;
                line-height: 20px;
                font-size: 14px;
                text-align: center;
            }

            .split-line-holder-line-incard {
                border-top: 1px solid #bbb;
                margin-top: 5px;
                margin-bottom: 5px;
            }

            .split-line-holder-tips-incard {
                position: relative;
                top: -10px;
                padding: 0 10px;
                background-color: #fff;
                color: #00679b;
            }

            .photoCardTitle {
                font-size: 16px;
                color: #0006af;
                background-color: #e0f490;
            }

            .photoCardUpload {
                text-align: center;
                padding: 10px;
            }

                .photoCardUpload img {
                    max-width: 600px;
                    max-height: 200px;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                }
            /*
.bg-light-blue {
    background-color: #76c4fd !important;
}

.bg-yellow {
    background-color: #ffd800 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}


.bg-darkorange {
    background-color: #b87234 !important;
}

*/


            .checker-button {
                margin: 0px auto;
                margin-top: 20px;
                width: 90%;
                height: 60px;
                line-height: 60px;
                font-size: 22px;
                text-align: center;
                border-radius: 5px;
                border: 1px dotted #aaa;
                display: block;
                box-shadow: 0 2px 2px rgb(0 0 0 / 20%);
            }



            .btn-area-fixedbottom {
                padding: 15px;
                display: block;
                text-align: center;
                max-width: 960px;
                margin: 0px auto;
            }

            .btn-area-flex {
                display: flex;
                display: -webkit-box;
                display: -webkit-flex;
                align-items: center;
                justify-content: center;
                margin-top: 10px;
            }
            /*.btn-area-item-block {
    display: block;
    text-align: center;
}*/

            .btn-area-item {
                margin-left: 10px;
                margin-right: 10px;
                flex: auto;
            }

            .btn-area-item-righ {
                text-align: center;
                width: 500px;
            }

            .btn-area-item-left-small {
                text-align: center;
                width: 100px;
            }

/* 底部/区域操作按钮：白底，边框向内凸起，图标上文字下 */
.under-buttons {
    --ub-ink: #1a2b3c;
    --ub-line: #c5d2de;
    --ub-accent: #0a9b6a;
    --ub-warn: #e67e00;
    --ub-danger: #e03131;
    --ub-info: #1f6feb;
    --ub-muted: #5a6b7c;
    --ub-purple: #7c3aed;
    --ub-violet: #a21caf;
    --ub-cyan: #0891b2;
    --ub-teal: #0d9488;
    --ub-indigo: #4338ca;
    --ub-brown: #a16207;
    --ub-pink: #db2777;
    --ub-darkblue: #1e40af;
    --ub-darkgreen: #15803d;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 8px 0 12px;
    padding: 2px 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
}

.under-buttons > div {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: stretch;
}

.under-buttons > button,
.under-buttons > div > button,
.under-buttons > a,
.under-buttons > div > a {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    min-height: 58px;
    margin: 0;
    padding: 8px 4px 7px;
    border: 1px solid #b8c3ce;
    border-radius: 3px;
    background: #fff;
    color: var(--ub-ink);
    font-size: 15px;
    font-weight: bolder;
    letter-spacing: 2px;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow:
        inset 0 1px 0 #fff,
        inset 1px 0 0 #fff,
        inset 0 -1px 0 rgba(148, 162, 176, 0.42),
        inset -1px 0 0 rgba(148, 162, 176, 0.26);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    -webkit-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.16s ease;
    box-sizing: border-box;
}

.under-buttons > button::before,
.under-buttons > div > button::before,
.under-buttons > a::before,
.under-buttons > div > a::before {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 0;
    pointer-events: none;
    border-radius: 2px;
    border: 1px solid #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 2px 2px rgba(232, 238, 244, 0.95),
        inset 0 -1px 0 rgba(170, 182, 194, 0.28);
}

.under-buttons > button::after,
.under-buttons > div > button::after,
.under-buttons > a::after,
.under-buttons > div > a::after {
    content: "";
    position: absolute;
    inset: 3px;
    z-index: 0;
    pointer-events: none;
    border-radius: 1px;
    border: 1px solid rgba(222, 229, 236, 0.95);
    box-shadow: inset 0 1px 0 #fff;
}

.under-buttons > button > .fa,
.under-buttons > div > button > .fa,
.under-buttons > a > .fa,
.under-buttons > div > a > .fa {
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 1;
    display: block;
    opacity: 1;
}

.under-buttons > button > span,
.under-buttons > div > button > span,
.under-buttons > a > span,
.under-buttons > div > a > span {
    position: relative;
    z-index: 1;
    display: block;
}

.under-buttons > button:hover,
.under-buttons > div > button:hover,
.under-buttons > a:hover,
.under-buttons > div > a:hover {
    background: #f7f9fb;
    text-decoration: none;
}

.under-buttons > button:active,
.under-buttons > div > button:active,
.under-buttons > a:active,
.under-buttons > div > a:active {
    background: #eef2f6;
    box-shadow:
        inset 0 1px 0 rgba(148, 162, 176, 0.35),
        inset 1px 0 0 rgba(148, 162, 176, 0.22),
        inset 0 -1px 0 #fff,
        inset -1px 0 0 #fff;
}

.under-buttons > button.ub-primary,
.under-buttons > div > button.ub-primary,
.under-buttons > a.ub-primary,
.under-buttons > div > a.ub-primary { color: var(--ub-accent); }
.under-buttons > button.ub-info,
.under-buttons > div > button.ub-info,
.under-buttons > a.ub-info,
.under-buttons > div > a.ub-info { color: var(--ub-info); }
.under-buttons > button.ub-warn,
.under-buttons > div > button.ub-warn,
.under-buttons > a.ub-warn,
.under-buttons > div > a.ub-warn { color: var(--ub-warn); }
.under-buttons > button.ub-danger,
.under-buttons > div > button.ub-danger,
.under-buttons > a.ub-danger,
.under-buttons > div > a.ub-danger { color: var(--ub-danger); }
.under-buttons > button.ub-muted,
.under-buttons > div > button.ub-muted,
.under-buttons > a.ub-muted,
.under-buttons > div > a.ub-muted { color: var(--ub-muted); }
.under-buttons > button.ub-purple,
.under-buttons > div > button.ub-purple,
.under-buttons > a.ub-purple,
.under-buttons > div > a.ub-purple { color: var(--ub-purple); }
.under-buttons > button.ub-violet,
.under-buttons > div > button.ub-violet,
.under-buttons > a.ub-violet,
.under-buttons > div > a.ub-violet { color: var(--ub-violet); }
.under-buttons > button.ub-cyan,
.under-buttons > div > button.ub-cyan,
.under-buttons > a.ub-cyan,
.under-buttons > div > a.ub-cyan { color: var(--ub-cyan); }
.under-buttons > button.ub-teal,
.under-buttons > div > button.ub-teal,
.under-buttons > a.ub-teal,
.under-buttons > div > a.ub-teal { color: var(--ub-teal); }
.under-buttons > button.ub-indigo,
.under-buttons > div > button.ub-indigo,
.under-buttons > a.ub-indigo,
.under-buttons > div > a.ub-indigo { color: var(--ub-indigo); }
.under-buttons > button.ub-brown,
.under-buttons > div > button.ub-brown,
.under-buttons > a.ub-brown,
.under-buttons > div > a.ub-brown { color: var(--ub-brown); }
.under-buttons > button.ub-pink,
.under-buttons > div > button.ub-pink,
.under-buttons > a.ub-pink,
.under-buttons > div > a.ub-pink { color: var(--ub-pink); }
.under-buttons > button.ub-darkblue,
.under-buttons > div > button.ub-darkblue,
.under-buttons > a.ub-darkblue,
.under-buttons > div > a.ub-darkblue { color: var(--ub-darkblue); }
.under-buttons > button.ub-darkgreen,
.under-buttons > div > button.ub-darkgreen,
.under-buttons > a.ub-darkgreen,
.under-buttons > div > a.ub-darkgreen { color: var(--ub-darkgreen); }
.under-buttons > button.ub-ink,
.under-buttons > div > button.ub-ink,
.under-buttons > a.ub-ink,
.under-buttons > div > a.ub-ink { color: var(--ub-ink); }

@media (max-width: 420px) {
    .under-buttons {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    .under-buttons > button,
    .under-buttons > div > button,
    .under-buttons > a,
    .under-buttons > div > a {
        min-height: 52px;
        font-size: 14px;
        border-radius: 3px;
    }

    .under-buttons > button > .fa,
    .under-buttons > div > button > .fa,
    .under-buttons > a > .fa,
    .under-buttons > div > a > .fa {
        font-size: 16px;
    }
}

            .btn-lightblue {
                background: #1f60c6;
            }

            .btn-borderblue {
                background: none;
                background-color: #fff ;
                border: 1px solid #08c;
                color: #1352b5 ;
                text-shadow: none;
            }

                .btn-borderblue:hover,
                .btn-borderblue:active,
                .btn-borderblue.hover,
                .btn-borderblue.focus,
                .btn-borderblue:focus,
                .btn-borderblue:hover {
                    background-color: #008dc4 ;
                    color: #fff ;
                    text-shadow: none;
                }

                .btn-borderblue a {
                    color: #1352b5;
                }

            .btn-info a {
                color: #fff;
            }

            .btn-primary a {
                color: #fff;
            }

            .btn-success a {
                color: #fff;
            }

            .btn-warning a {
                color: #fff;
            }

            .btn-danger a {
                color: #fff;
            }

            .btn[disabled],
            .btn.disabled {
                background: none;
            }

            .btn-special {
                margin: 0px;
                padding: 4px 10px;
                font-size: small;
                white-space: nowrap;
                border-radius: 0px;
                border: 1px solid;
                vertical-align: middle;
            }

                .btn-special.focus,
                .btn-special:focus,
                .btn-special:hover {
                    background-color: #ff006e !important;
                    color: #fff;
                }

            .mui-popup-button:first-child {
                color: #CC0000 !important;
            }

            .photoCardTitle {
                font-size: 16px;
                color: #0006af;
                background-color: #e0f490;
            }

            .photoCardUpload {
                text-align: center;
                padding: 10px;
            }

                .photoCardUpload img {
                    max-width: 600px;
                    max-height: 200px;
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                }

                .main-infor {
                    margin: 0px auto;
                    padding: 5px;
                    margin-bottom: 10px;
                    background-color: #8f007b;
                    color: #eee;
                    font-size: 18px;
                    letter-spacing: 2px;
                    line-height: 24px;
                    display: flex;
                    display: -webkit-box;
                    display: -webkit-flex;
                    align-items: center;
                }
                
                .main-infor-right {
                    width: 50px;
                    text-align: center;
                    vertical-align: top;
                }
                
                .main-infor-right i {
                    font-size: 30px;
                }
                
                .main-infor-left {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    flex: 1;
                    text-align: left;
                }

            .mui-popup {
                width: auto !important;
                min-width: 400px;
                max-width: 800px;
            }

            .mui-popup-title {
                color: #990033;
                padding: 10px;
            }

            .mui-popup-text {
                padding: 10px;
                max-height: 300px;
                overflow: auto;
                font-size: 16px !important;
                line-height: 22px;
            }

            .mui-popup-button-bold {
                color: #CC0033;
            }

            .align-center {
                text-align: center;
            }

            .align-right {
                text-align: right;
            }
            /*
   2023-09 新增样式
*/
            .show-flex-area {
                display: flex;
                display: -webkit-box;
                display: -webkit-flex;
            }

            .show-flex-item {
                flex: 1;
                /*padding:5px;*/
            }

            .show-cards {
                margin: 5px;
                background-color: #fff;
                border-radius: 6px;
                padding: 5px;
            }

            .show-cards-border {
                border: solid 1px;
            }

            .show-cards-img-truck {
                background-image: url(img/backgroud_truck.png);
                background-size: 100% 100%;
                background-repeat: no-repeat;
                min-height: 80px;
            }

            .show-cards-img-factory {
                background-image: url(img/backgroud_factory.png);
                background-size: 100% 100%;
                background-repeat: no-repeat;
                min-height: 80px;
            }

            .show-cards-title {
                text-align: left;
                font-size: 20px;
                line-height: 20px;
                margin: 3px;
                /*text-shadow: 0 0 10px white,0 0 20px white,0 0 30px white,0 0 40px white;*/
            }

            .show-cards-alter {
                text-align: center;
                margin: 5px;
                font-size: 24px;
                font-weight: bolder;
            }

            .show-border-buttom-dash {
                border-bottom: 1px dashed #aaa;
            }

            .active {
                color: #C33;
            }

                .active a {
                    color: #C33 !important;
                }


            .form-check-input {
                width: 0px;
                height: 0px;
                border: none;
            }


                .form-check-input:focus {
                    box-shadow: none !important;
                }


            .notification {
                position: fixed;
                top: 50px;
                right: 20px;
                background: #eee;
                border: 1px solid #999;
                box-shadow: 0 5px 5px rgba(0,0,0,0.5);
                padding: 5px;
                border-radius: 4px;
                z-index: 9999;
                min-width: 350px;
                max-width: 550px;
            }

            .notification-title {
                font-weight: bold;
                margin-bottom: 10px;
                padding: 5px;
                background-color: #700808;
                color: #fff;
            }

            .notification-content {
                padding: 10px;
            }

            .notification-buttons {
                margin-top: 10px;
                text-align: right;
            }

                .notification-buttons button {
                    margin-left: 5px;
                    padding: 5px 10px;
                    min-width: 120px;
                }
                
                .row-button {
                    margin: 3px;
                    padding: 3px;
                    overflow: hidden;
                    border-bottom: 1px dashed #999;
                    line-height: 26px;
                    display: block;
                }
    
                    .row-button label {
                        color: #555;
                    }
    
                    .row-button span {
                        color: #66e;
                    }


            @media screen and (max-width: 991px) {
                .sidebar-offcanvas.active {
                    color: #339;
                }

                .sidebar .nav .nav-item .nav-link {
                    color: #339 !important;
                }
            }


            .mui-badge {
                font-size: 12px;
                line-height: 1.2;
                display: inline-block;
                border-radius: 5px;
                position: absolute;
                margin-top: -4px;
                margin-left: -20px;
                background: #c55;
                color: white;
            }


/* 玻璃闪烁动画效果 */
@keyframes glassShine {
    0% {
        transform: translateX(-100%) skewX(-20deg);
    }

    100% {
        transform: translateX(300%) skewX(-20deg);
    }
}

.glass-shine-btn {
    position: relative;
    overflow: hidden;
}

    .glass-shine-btn span {
        position: relative;
        z-index: 2;
    }

    .glass-shine-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: 100%;
        background: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) );
        animation: glassShine 2.5s infinite;
        pointer-events: none;
        z-index: 1;
    }

/* ===== split-panel ===== */
.split-panel {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}

    .split-panel .panel-top,
    .split-panel .panel-bottom {
        position: relative;
        min-height: 0;
        overflow: auto;
        box-sizing: border-box;
        padding: 5px;
    }

    .split-panel .panel-top {
        flex: 0 0 auto;
    }

    .split-panel .panel-bottom {
        flex: 1 1 auto;
    }

    .split-panel .resizer {
        flex: 0 0 8px;
        height: 8px;
        background: #c0c8d4;
        cursor: row-resize;
        touch-action: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s ease;
        z-index: 10;
        user-select: none;
    }

        .split-panel .resizer:hover,
        .split-panel .resizer.active {
            background: #7a8a9e;
        }

    .split-panel .resizer-handle {
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

        .split-panel .resizer-handle .dot {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.7);
        }

    .split-panel .resizer:hover .resizer-handle .dot,
    .split-panel .resizer.active .resizer-handle .dot {
        background: #fff;
    }

.split-panel-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999;
    cursor: row-resize;
    background: transparent;
}

    .split-panel-overlay.active {
        display: block;
    }

@media (max-width: 480px) {
    .split-panel .resizer {
        flex-basis: 6px;
        height: 6px;
    }

    .split-panel .resizer-handle .dot {
        width: 4px;
        height: 4px;
    }
}



.ui-autocomplete {

    border: 1px solid #666;
    background-color: #cbffdb;
    z-index: 5000 !important;
    max-height: 400px;
    max-width: 600px;
    line-height: 28px;
    overflow: auto;

}

.ui-menu-item {
    font-size: 14px !important;
    color: #06427e;
    padding: 4px;
    border-bottom: 1px dashed #ccc;
}