@media screen and (max-width: 768px) {

    /* 菜单显示隐藏 */
    .show {
        display: block !important;
    }

    .hidden {
        display: none !important;
    }


    .title_mp {
        font-size: 12px !important;
    }

    #fboot-left-menu-container {
        display: none;
        z-index: 999;
        position: relative;
    }

    #fboot-left-menu-container>div {
        width: 120px !important;
    }

    .mp_body {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }

    #app-container {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: auto;
    }

    .menu_mp {
        margin-right: 10px;
    }

    .menu_mp>div {
        border: 1px solid;
        margin: 5px 0;
        width: 25px
    }

    .layui-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .layui-header>div:nth-of-type(1) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #index-body>div:nth-of-type(1),
    #index-body>div:nth-of-type(1)>div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #index-body {
        padding: 0;
    }

    .layui-table-view,
    .layui-table-box {
        display: inherit !important;
    }

    .layui-form-label {
        text-align: left;
    }

    .da_mp {
        margin: 0 20px;
    }

    .da_btn_mp {
        margin: 20px 0;
    }

    .layui-table-page {
        overflow-x: scroll;
    }

    .ck_mp {
        width: 60px
    }

    .fb_mp,
    tj_mp {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .info-tab {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .info-tab>ul {
        overflow-x: scroll;
    }

    .mt25>div {
        display: flex;
        flex-direction: column;
    }

    .layui-layer-page {
        width: 98vw !important;
        left: 1vw !important;
    }

    .layui-form-label,
    .layui-form-mid {
        padding: 0 10px !important;
    }

    /* login页 */
    .login-head {
        height: 50px !important;
    }

    .login-content {
        width: 350px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-left {
        display: none;
    }

    .login-head-inner {
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-head-inner>span {
        font-size: 13px;
        margin-top: 0;
    }

    .login-head-inner>a {
        display: none;
    }

    /* 退出按钮 */
    .quit {
        display: block !important;
    }


    /* 采购 */
    .layui-tab-content,
    .layui-card-body {
        padding: 0 !important;
    }


    .pl10 {
        width: 100%;
    }
}





/* 合同 验收 支付 修改 */
.revamp {
    background: url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCADIAMgDASIAAhEBAxEB/8QAGgABAQEBAQEBAAAAAAAAAAAAAAQFBgIDCf/EADEQAAEDAgIJAwQBBQAAAAAAAAABAgMEBRFxEhUhMTNBU2GRBiJREzJC4YEUYqGx0f/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD9UwDxK9Y2K5Gq/DkgHsEOs29NfI1m3pr5AuBDrNvTXyNZt6a+QLgQ6zb018jWbemvkC4EOs29NfI1m3pr5AuBDrNvTXyNZt6a+QLgQ6zb018jWbemvkC4EOs29NfI1m3pr5AuBDrNvTXyNZt6a+QLgQ6zb018jWbemvkC4EOs29NfI1m3pr5AuBDrNvTXyUU1QlQ1VRujguAH2AAAAAQ1tFjjJGm3m1DPN4hraLHGSNNvNqAZ4AAAAAAAAAAAAAAAAAAAGRdfUcVul+kxn15E+5Edgjf5+QNcEVrusN0hV0fte37o13oWgDRtnDfmZxo2zhvzAtAAAAAAABDWUWOMkabebUM83iGtoscZI0282oBngAAAAAAAAAAAAABhX+/pSI6np3Yzrsc9Pw/YC/39KRHU9O7Gddjnp+H7PjZPTqKz+orWaTnJ7Y3cu69zIfb6y2tgrXx7Fdpe5McF5aSHW2q6xXSDSb7ZG/ezmn6A52426ewVTaqlcv0cdi79HsvY6K1XWK6QaTfbI372c0/R7udXT0dI91Rg5iphoL+XY5n0vDJJdPqxtVkLEXS+MF3J/rwB2Bo2zhvzM40bZw35gWgAAAAAAAAACGtoscZI0282oZ5vENbRY4yRpt5tQDPAAAAAAAAAMK/39KRHU9O7Gddjnp+H7AX+/pSI6np3Yzrsc9Pw/Z87BYFjVtVVNxkXaxjuXde4sFgWNW1VU3GRdrGO5d17nQgeZI2yscx7UcxyYKi7lORuVBL6erGVFM/CJy+3Fd39q/KHUV9fFbqdZZV2bkam9y/CHKRx1XqavVzl0Im715MT4TuAiiqvU1dpPXRjbvVPtYnwnc66kpIqKBsUTdFjfK91FJSRUUDYom6LG+V7qfUAaNs4b8zONG2cN+YFoAAAAAAAAAAAACGtoscZI0282oZ5vENbRY4yRpt5tQDPAAAAAZfqK4vt9Cn0naMsjtFF5onNTl7ZPHQ3COWqiV7djvdvTHaju5p+pnrWXWnpGLuRE/ly/wDMDYulliuNM1iIjJI0wjf8dl7AXxyNlY17HI5jkxRU3KfGvr4rdTrLKuzcjU3uX4Q5a33SewVD6eoY50ab2c0X5QQw1PqeuWSRVZC3eqbmp8J3A8xx1XqavVzl0Im715MT4TuddSUkVFA2KJuixvle6ilpYqOFsULEYxOXyfUAAABo2zhvzM40bZw35gWgAAAAAAAAAAAAAAAhraLHGSNNvNqGebxDW0WOMkabebUAzwABw2s0ZepKxzFlRHqrW44dkL1vt0uC4UsOg35YzH/K7DfbaaNkrpEpo9NVxVVbjtK0TBME2IBysfpyvr5WyVs2im5dJ2k7DtyOmpqaOkhbFE1GMbuQ+gAAAAAABo2zhvzM40bZw35gWgAAAAAAAAAAAAAAAAACGtoscZI0282oZ5vENbRY4yRpt5tQDPAAAAAAAAAAA0bZw35mcaNs4b8wLQAAAAAAAAAAAAAAAAAAAAENbRY4yRpt5tQzzeIK2jxxkjTNqAQAAAAAAAAGjbOG/MzjRtnDfmBaAAAAAAAAAAAAAAAAAAAAAAACCtot8kaZtQgN4graLfJGmbUAgAAAAADRtnDfmZxo2zhvzAtAAAAAAAAAAAAAAAAAAAAAAAAAAEFbRb5I0zahAbxBW0W+SNM2oBAAABo2zhvzM40bZw35gWgAAAAAAAAAAAAAAAAAAAAAAAAAAAAIK2i3yRpm1CA3iCtot8kaZtQCA0bZw35mcaNs4b8wLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQVtFvkjTNqHq2cN+ZaeGRNjVytTDSXFQPYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/9k=');
    background-position: center;
    background-size: 115%;
    background-repeat: no-repeat;
}

.r_box {
    position: relative;
    width: 700px;
    margin: 10px 0;
}

.revamp_table {
    display: flex;
    /*flex-direction: column;*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    position: relative;
}

.revamp_table>div {
    width: 350px;
}

.revamp_table>div>label {
    width: 126px;
}
.revamp_table .layui-input-block{
    display: flex;
}
.revamp_table>div>div {
    margin-left: 130px;
}

#contractAtt {
    width: 100%;
}

.fj-li {
    width: 100%;
}
#app-container .layui-form-label{
    width: 120px;
}
#app-container .layui-input-block{
    margin-left: 150px;
}
.revamp_add_ {
    display: block;
    background: url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCADIAMgDASIAAhEBAxEB/8QAGwABAQADAQEBAAAAAAAAAAAAAAUBAgQGAwn/xAAtEAEAAgADBgQHAQEBAAAAAAAAAQIDBBEFEyIxQVEGU3OSEhQWITQ1wbKR8P/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD9UwAHHnMnvNb0jj6x3dgCFyYUs5k95rekcfWO6dyBgAAAAAAAAAAAAa4mJTBpN8S9aUjna06RDNMSuLSLUtF6zytWdYkGQAAAAAXgAAAHHnMnvNb0jj6x3dgCFyYUs5k95rekcfWO6dyBgAAAAAAAAAELxhMxkMGNftOJ/JbeEZmdmYms8sWdP+Q08Yfg4PqfyW3hD9bi+tP+aguAAAAAAvAAAAAAOPOZPea3pHH1ju7AELkwpZzJ7zW9I4+sd07kDAAAAAxa1aV1tMVjvM6NPmsHzsP3QD6D5/NYPnYfug+awfOw/dAIvjD8HB9T+S28IfrcX1p/zV8vFuNh4mSwYpetp3nKs69JbeE8bDw9nYkXvWs72ftM6dIBfHz+awfOw/dB81g+dh+6AfQfP5rB87D90N62i8RNZiYnrAMgAvAAAAAAAAOPOZPea3pHH1ju7AELkwpZzJ7zW9I4+sd07kDAAJXiHZuPtLLYdcC0a0trNJnSJef+mNoeVX3w9qA8V9MbQ8qvvg+mNoeVX3w9qA8DntkZrZ2HW+PSK1tOkTFon7s5LY+a2hhTiYFItSLfDMzaI+//AKV/xh+Dg+p/JbeEP1uL60/5qCN9MbQ8qvvg+mNoeVX3w9qA8V9MbQ8qvvh6Lw/s7G2dlLUxrR8VrfFFYnWKqYAAC8AAAAAAAAAA485k95rekcfWO7sAQuTClnMnvNb0jj6x3TuQMAAAAg+MPwcH1P5Lbwh+txfWn/NWvjD8HB9T+S28IfrcX1p/zUFwAAAAAF4AAAAAAAAAAABx5zJ7zW9I4+sd3YAhcmFLOZPea3pHH1juncgYABK8RbPxdoZKlcGItel/i+HXTWNJbeHshi7PyE0xoit7Xm/wxOun2iP4pgAAAAAALwAAAAAAAAAAAAADjzmT3mt6Rx9Y7uwBC5MKWcye81vSOPrHdO5AwAAAAAAAC8AAAAAAAAAAAAAAAA485k95rekcfWO7sAQuTClnMnvNb0jj6x3TuQMAAAAAAvAAAAAAAAAAAAAAAAAAOPOZPea3pHH1ju7AELkwpZzJ7zW9I4+sd07kDAAAALwAAAAAAAAAAAAAAAAAAADjzmT3mt6Rx9Y7uwBC5MKWcye81vSOPrHdO5AwAC8AAAAAAAAAAAAAAAAAAAAAA485k95rekcfWO7sAQuQo5zJ7zW9I4+sdwHYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/9k=');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.unit {
    width: 230px !important;
}

.tbody_style_h>tr>td {
    padding: 0;
}

.tbody_style_h>tr>td>div {
    height: 40px;
    line-height: 40px;
}

.tbody_style_h>tr>td>span {
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: right;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tbody_style_h>tr>td>div {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content_h {
    width: 900px;
}

.content_h>li {
    display: flex;
}

.content_h>li>span {
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: right;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.o_hidden {
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    position: relative;
}

.table_ {
    table-layout: fixed;
    height: auto;
    line-height: 28px;
}

.table_>thead>tr>th {
    text-align: center;

}

#box_header{
    font-size: 24px;
    margin: 80px auto 60px;
    font-weight: 900;
    text-align: center;
    font-family: STSong;
}
#print{
    font-family: FangSong;
    font-size: 14px;
    margin: 10px 0;
}
#print>table{
    width: 800px;
    margin: 0 auto;
    color: #000;
}
#print>table th,#print>table td{
    border-color: #000;
}
#print>table tr>th{
    text-align: center;
}
@page {
    size: auto;
    /* auto is the initial value */
    margin: 0mm 10mm 0mm 10mm;
    /* this affects the margin in the printer settings 最关键的还是这个*/
}

body {
    margin: 0mm;
    /* this affects the margin on the content before sending to printer */
}

#acceptance-accept-index .layui-table-cell{
    height: auto;
}