@charset "utf-8";
/*清除浮动*/
.clear { clear: both !important; }
/* Start 四边外边距 */
.q-mt-5 { margin-top: 5px !important; }
.q-mt-10 { margin-top: 10px !important; }
.q-mt-20 { margin-top: 20px !important; }
.q-mt-30 { margin-top: 30px !important; }
.q-mt-40 { margin-top: 40px !important; }
.q-mt-50 { margin-top: 50px !important; }
.q-mt-100 { margin-top: 100px !important; }

.q-ml-5 { margin-left: 5px !important; }
.q-ml-10 { margin-left: 10px !important; }
.q-ml-20 { margin-left: 20px !important; }
.q-ml-30 { margin-left: 30px !important; }
.q-ml-40 { margin-left: 40px !important; }
.q-ml-50 { margin-left: 50px !important; }
.q-ml-100 { margin-left: 100px !important; }


.q-mb-5 { margin-bottom: 5px !important; }
.q-mb-10 { margin-bottom: 10px !important; }
.q-mb-20 { margin-bottom: 20px !important; }
.q-mb-30 { margin-bottom: 30px !important; }
.q-mb-40 { margin-bottom: 40px !important; }
.q-mb-50 { margin-bottom: 50px !important; }
.q-mb-100 { margin-bottom: 100px !important; }


.q-mr-5 { margin-right: 5px !important; }
.q-mr-10 { margin-right: 10px !important; }
.q-mr-20 { margin-right: 20px !important; }
.q-mr-30 { margin-right: 30px !important; }
.q-mr-40 { margin-right: 40px !important; }
.q-mr-50 { margin-right: 50px !important; }
.q-mr-100 { margin-right: 100px !important; }
/* End 四边外边距 */

/* Start 四边内边距 */
.q-pt-5 { padding-top: 5px !important; }
.q-pt-10 { padding-top: 10px !important; }
.q-pt-20 { padding-top: 20px !important; }
.q-pt-30 { padding-top: 30px !important; }
.q-pt-40 { padding-top: 40px !important; }
.q-pt-50 { padding-top: 50px !important; }
.q-pt-100 { padding-top: 100px !important; }

.q-pl-5 { padding-left: 5px !important; }
.q-pl-10 { padding-left: 10px !important; }
.q-pl-20 { padding-left: 20px !important; }
.q-pl-30 { padding-left: 30px !important; }
.q-pl-40 { padding-left: 40px !important; }
.q-pl-50 { padding-left: 50px !important; }
.q-pl-100 { padding-left: 100px !important; }


.q-pb-5 { padding-bottom: 5px !important; }
.q-pb-10 { padding-bottom: 10px !important; }
.q-pb-20 { padding-bottom: 20px !important; }
.q-pb-30 { padding-bottom: 30px !important; }
.q-pb-40 { padding-bottom: 40px !important; }
.q-pb-50 { padding-bottom: 50px !important; }
.q-pb-100 { padding-bottom: 100px !important; }


.q-pr-5 { padding-right: 5px !important; }
.q-pr-10 { padding-right: 10px !important; }
.q-pr-20 { padding-right: 20px !important; }
.q-pr-30 { padding-right: 30px !important; }
.q-pr-40 { padding-right: 40px !important; }
.q-pr-50 { padding-right: 50px !important; }
.q-pr-100 { padding-right: 100px !important; }
/* End 四边内边距 */

/* 字体大小 */
.f-sm { font-size: 12px !important; }
.f-md { font-size: 18px !important; }
.f-lg { font-size: 26px !important; }
.f-llg { font-size: 36px !important; }
/*字体加粗*/
.f-b { font-weight: bold}
/*圆角*/
.br-5 { border-radius: 5px; }
/* 内边距 */
.padding-no { padding: 0px !important; }
.padding-sm { padding: 5px !important; }
.padding-md { padding: 10px !important; }
.padding-lg { padding: 20px !important; }

/* 外边距 */
.margin-sm { margin: 5px !important; }
.margin-md { margin: 10px !important; }
.margin-lg { margin: 20px !important; }

/* 常规颜色 */
.q-info { color: #3388FF !important; }
.q-primary { color: #009688 !important; }
.q-success { color: #259b24 !important; }
.q-error { color: #F76260 !important; }
.q-danger { color: #ff1026 !important; }
.q-gray { color: #999999 !important; }
.q-white { color: #ffffff !important; }
.q-black { color: #000000 !important; }
.q-red { color: #FF1026 !important; }

/* 常规背景色 */
.q-bgc-info { background-color: #3388FF !important; }
.q-bgc-primary { background-color: #009688 !important; }
.q-bgc-success { background-color: #259b24 !important; }
.q-bgc-error { background-color: #F76260 !important; }
.q-bgc-danger { background-color: #ff4081 !important; }
.q-bgc-gray { background-color: #999999 !important; }
.q-bgc-white { background-color: #ffffff !important; }
.q-bgc-cyan { background-color: #3ec319 !important; }
.q-bgc-gra { background-color: #f2f2f2 !important; }

/* 对齐 */
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.inline { display: inline !important; }
.pull-right { float: right !important; }
.width-full { width: 100% !important; }

/* 边框 */
.q-border { border: 1px solid #eee !important; }
.q-border-top { border-top:1px solid #eee !important; }
.q-border-bottom { border-bottom:1px solid #eee !important; }
/* 在规定的宽高内进行元素的绘制，input等元素如果不设置会走出父容器的边缘 */
.q-border-box {
    box-sizing: border-box;
}
/* Start 角标 */
.q-mark,.q-mark-small {
    width: 80px;
    height: 80px;
    color: #fff;
    position: absolute;
    transform: rotateZ(-45deg);
    text-align: center;
}

.q-mark:after,.q-mark-small:after {
    content: '';
    border-width: 40px;
    width: 0;
    border-style: dashed dashed solid dashed;
    display: block;
    position: absolute;
    top: -60px;
    z-index: -2;
}
.q-mark-info:after{
    border-color: transparent transparent #3388FF transparent !important;
}
.q-mark-primary:after{
    border-color: transparent transparent #009688 transparent !important;
}
.q-mark-success:after{
    border-color: transparent transparent #259b24 transparent !important;
}
.q-mark-error:after{
    border-color: transparent transparent #F76260 transparent !important;
}
.q-mark-danger:after{
    border-color: transparent transparent #ff4081 transparent !important;
}
.q-mark-gray:after{
    border-color: transparent transparent #999999 transparent !important;
}

.q-mark:before {
    content: '';
    border-width: 20px;
    width: 0;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    display: block;
    position: absolute;
    top: -41px;
    z-index: -1;
    right: 20px;
}
/* End 角标 */
/* Start BootStrap 分页 */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #009688;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #009688;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #009688;
    border-color: #009688;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/* End BootStrap 分页 */

/* Start 表格 */
.q-table {
    width: 100%;
    background-color: #fff;
    color: #666;
    margin: 10px 0;
    border-collapse: collapse;
}
.q-table td {
    border: 1px solid #e6e6e6;
    position: relative;
    padding: 3px;
    min-height: 20px;
    line-height: 20px;
    font-size: 12px;
    display: table-cell;
    vertical-align: inherit;
}
.q-table-no-border {
    border-width:0px !important;
}
.q-table-no-border td {
    border-width:0px !important;
}
/* End 表格 */
.q-hr,.q-hr-dashed,.q-hr-dotted {
    height:1px;
    border:none;
    border-top:1px solid #DDDDDD
}
.q-hr-dashed {
    border-top:1px dashed #DDDDDD
}
.q-hr-dotted {
    border-top:1px dotted #DDDDDD
}
.q-nowrap {
    white-space:nowrap !important;
}
/* 自适应表格 */
.q-table-item
{
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}
/*table{border:0; border-collapse:collapse;}*/
/*table td,table th{border:1px solid #999; padding:.5em 1em}*/
/*添加IOS下滚动条*/
.q-table-item::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.q-table-item::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}
.q-table-item th {
    text-align: center!important;
    font-weight: bolder!important;
    white-space: nowrap!important;
}
/* 左侧导航 */
.icon-sm {
    width: 22px;
}

/* 顶部导航背景 */
.layui-nav .layui-this {
}
/* 导航 */
.q-nav-bottom {
    border-bottom:2px solid #009688;
}
/* 按钮 */
.layui-btn-success {
    background-color:#259b24;
}
/* 错误提示框 */
.q-quote {
    border-left: 5px solid #ff6600;
    color: #ff6600
}

.q-btn-text {
    width: 200px;
    height: 80px;
    font-size: 14px;
    line-height: 150%;
}

.layui-layout-admin .layui-body {
    bottom: 0;
}
/* 单据新增 */
.q-invoice {
    width: 100%;
    box-sizing: border-box;
}
.q-invoice tr:hover {
    background-color: transparent !important;
}
.q-invoice h2 {
    width: 600px;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    letter-spacing: 8px;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 10px;
}
.q-invoice h2 span {
    font-size: 14px;
    letter-spacing: 2px;
}

/* 小 input */
.q-input-sm {
    padding: 3px !important;
    line-height: 20px !important;
    height: 30px !important;
    /*line-height: 20px;*/
}
.q-line-height-md {
    line-height: 200% !important;
}

.layui-input-inline-md {
    width: 350px !important;
}

.vertical{
    vertical-align:middle !important;
}

input[readonly]:not(.layui-unselect){
    background-color: #efefef;
}
input[disabled]{
    background-color: #efefef;
}
@media screen and (max-width: 450px) {
    .layui-input-inline-md {
        width: auto !important;
    }
}