﻿/* IE11 禁用清除按钮（叉号） */
input::-ms-clear {
    display: none;
}
/* IE11 禁用显示密码按钮（小眼睛） */
input::-ms-reveal {
    display: none;
}


body::-webkit-scrollbar {
    display: none;
}
/*body::-webkit-scrollbar {
    width: 8px;
    height: 12px;
}*/

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(0,0,0,.2);
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 0;
    background: rgba(0,0,0,.2);
}

/*金二搜索栏是否显示样式--start*/
.collapse_icon {
    text-align: left;
    height: 20px;
    line-height: 20px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    padding: 3px 0 0 10px;
    color: #666;
}

    .collapse_icon img {
        margin-left: 4px;
        width: 15px;
        height: 15px;
        cursor: pointer;
    }
/*金二搜索栏是否显示样式--end*/

/*table滚动条样式*/

.layui-table-body::-webkit-scrollbar {
    width: 8px;
    height: 12px;
}

.layui-table-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(0,0,0,.2);
}

.layui-table-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 0;
    background: rgba(0,0,0,.2);
}

/*弹出层滚动条样式*/
.layui-layer-dialog::-webkit-scrollbar {
    width: 8px;
    height: 12px;
}

.layui-layer-dialog::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(0,0,0,.2);
}

.layui-layer-dialog::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 0;
    background: rgba(0,0,0,.2);
}

/**
 *  Input框红色*号
 */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #FF0000;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #FF0000;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #FF0000;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FF0000;
}

/*表格复选框统一风格*/
.layui-table-sort {
    width:20px;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #1296db !important;
    background-color: #1296db;
    color: #fff;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #1296db
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1296db;
}

.layui-table, .layui-table-view {
    margin: 0;
    background: #fff;
}

.layui-table-tool-panel {
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.layui-colla-content {
    line-height: 12px;
    padding-top: 0;
}

/*.layui-table-cell {
    height: 19px;
    line-height: 20px;
}*/


/*列表table单元格过长，显示下三角，单元格内空格不合并*/
.layui-table-cell {
    white-space: pre;
}
.layui-table-tips .layui-layer-content .layui-table-tips-main {
    white-space: pre;
}
/*.layui-table-cell {
    white-space: normal;
}*/
.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
    margin-top: 1px;
    height: 16px;
    width: 16px;
}

.layui-colla-title {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #666;
}

.layui-table td, .layui-table th {
    font-size: 12px;
}

.layui-table tbody tr:hover, .layui-table-click, .layui-table-hover, .layui-table-mend, .layui-table-patch{
    background-color: #E2F2FF;
}

.layui-table-tool {
    background-color: #fff;
    padding: 10px;
}

/*label样式*/
.layui-lb {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;
    color: #666;
    padding-right: 7px;
    /*background-color:#f2f2f2;*/
}


/*按钮下拉*/
.layui-import {
    padding: 0 10px;
    /*line-height: 30px;*/
    white-space: nowrap;
    text-align: center;
    /*border: none;*/
    cursor: pointer;
    vertical-align: middle;
    /*position: relative;*/
    z-index:998;
    /* z-index: 19891011; */
}

.layui-btn-container .layui-import {
    border: 1px solid #c9c9c9;
}

.layui-import-item {
    z-index: 19891010;
    position: absolute;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.012), 0 0 8px rgba(102, 175, 233, 0.6);
    margin-top: 5px;
    margin-left: -18px;
    border-radius: 3px;
    display: none;
    color: #000;
}

    .layui-import-item > dd {
        padding: 8px 18px;
        z-index: 999999999999999999;
    }

        .layui-import-item > dd:hover {
            background-color: #f2f2f2;
            z-index: 999999999999999999;
        }

        .layui-import-item > dd > a {
            color: #000;
            text-decoration: none;
            z-index: 999999999999999999;
        }

.layui-layer-content::-webkit-scrollbar {
    display: none;
}

.layer-sel-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 12px;
    padding-right: 12px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    background-color: #1E9FFF;
    color: #fff;
}

.layer-acmp-btn {
    text-align:right;
    padding:10px;
    border-bottom:none !important;
}

.header-btn .layui-btn {
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}

.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    background-color: #FBFBFB !important;
    color: #C9C9C9 !important;
}

/*下拉框滚动条样式修改*/
.combo-panel::-webkit-scrollbar {
    width: 3px;
}

.combo-panel::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: rgba(0,0,0,.2);
}

.combo-panel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    border-radius: 0;
    background: rgba(0,0,0,.2);
}

.layui-input, .layui-select, .layui-textarea {
    height: 100%;
    border: 0;
    padding-left: 4px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.layui-row > div > .layui-btn {
    height: 31px;
    line-height: 31px;
}

.panel {
    z-index: 99999999 !important;
}

.panel-body {
    color: #666;
    border: 1px solid #e5e6e7;
}

.combo-arrow {
    background: url(../images/combo_arrow.png) no-repeat center center;
    background-color: #fff;
}

.combobox-item, .combobox-group, .combobox-stick {
    font-size: 12px;
    padding-left: 10px;
}

.combobox-item {
    display:flex;
}

.layui-btn-primary:hover {
    border-color: #1296db;
}

.layui-btn-disabled:hover {
    border-color: #e6e6e6;
}

button.header-btn:hover {
    border-color: #1296db;
}

.layui-btn-group .header-btn, .header-btn {
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}

.button-show {
    background-color: #EEEEEE !important;
    color: #c9c9c9 !important;
    cursor: not-allowed;
}

/*.h {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #666;
}*/

/*只读*/
.layui-input[readonly] {
    background-color: #f2f2f2;
}

.layui-table-view .layui-form-radio > i {
    font-size: 16px;
}

.textbox-readonly, .textbox-readonly .validatebox-readonly, .textbox-readonly .combo-arrow {
    background-color: #f2f2f2;
    height:100%;
}

/*导入div 添加disable 禁用*/
.disabled {
    pointer-events: none;
}

.btn-row {
    text-align: right;
    padding-top: 20px
}

    .btn-row .layui-btn {
        height: 36px;
        line-height: 36px;
        padding: 0 14px;
    }


/*小黄条*/
div.tooltip.tooltip-left {
    display: none !important;
    color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
    background-color: rgba(0,0,0,0) !important;
}

/*=====================*/

/*查看回执最新样式*/
.layui-form-radio * {
    font-size: 16px;
}

.layui-form-radio {
    margin: 0 0 0 0;
    font-size: 16px;
    line-height: 22px;
}

#ReceiptView > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
    margin-top: 0;
}

.layui-form-radio + p {
    width: 100%;
    padding-left: 19px;
    color: #595959;
    border-left: 1px solid #AEAEAE;
    height: 45px;
    margin-left: 10px;
}

    .layui-form-radio + p:last-child {
        border-left: none;
        height: 0;
        margin-left: 0;
        padding-left: 29px;
    }

.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #1296db;
}

.Receipt-title {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

.layui-form > button {
    margin-bottom: 15px;
    border-radius: 5px;
}

.layui-form .ReceiptStatus {
    width: 25%;
    border: 1px solid #AEAEAE;
    border-right: none;
    position: relative;
}

    .layui-form .ReceiptStatus > div:first-child, .layui-form .ReceiptDetails > div:first-child {
        border-bottom: 1px solid #AEAEAE;
        padding: 15px 0 15px 0;
    }



.layui-form .ReceiptDetails {
    width: 75%;
    border: 1px solid #AEAEAE;
}

/*==================================*/

/*按钮悬停弹出提示信息*/
.tip {
    display: inline-block;
    position: relative;
}

    .tip:before, .tip:after {
        opacity: 0; /*透明度为完全透明*/
        position: absolute;
        z-index: 1000; /*设为最上层*/
        /*鼠标放上元素上时的动画，鼠标放上后效果在.tip-*:hover:before, .tip-*:hover:after中设置;
            0.3s:规定完成过渡效果需要多少秒或毫秒,ease:规定慢速开始，然后变快，然后慢速结束的过渡效果*/
        transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        
    }
    .tip:before {
        content: '';
        border: 6px solid #facf4e;
        border-top-color:transparent;
        border-left-color:transparent;
        border-right-color:transparent;
    }
    .tip:after {
        content: attr(data-tip); /*后去要提示的文本*/
        padding: 5px 10px;
        white-space: nowrap; /*强制不换行*/
        background-color: #facf4e;
        color: #000;
        border-radius: 5px;
    }

    .tip:hover:before, .tip:hover:after {
        opacity: 1; /*鼠标放上时透明度为完全显示*/
        z-index: 1000;
    }

.tip-bottom:before {
    top: 100%;
    left: 50%;
    /*border-bottom-color: rgba(0, 0, 0, 0.8);*/
    margin-left: -3px;
    margin-top: -9px;
}

.tip-bottom:after {
    top: 100%;
    left: 50%;
    margin-left: -6px;
    margin-top: 3px;
}

.tip-bottom:hover:before {
    margin-top: -3px;
}

.tip-bottom:hover:after {
    margin-top: 9px;
}

/* .layui-table-tool {
    height:50px;
} */

/*红色tips*/
.redTips {
    color: red;
    font-size: 13px;
    padding-left: 20px;
    float: left;
    width: 70%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}


/*自定义按钮样式*/

.layui-self-btn {
    height: 26px !important;
    line-height: 26px !important;
    border: none;
    background-color: transparent;
    color: #1296db;
    padding: 0 !important;
}

/*抽屉式弹框—开始*/
.slider {
    position: fixed;
    top: 0;
    right: -75%;
    width: 70%;
    height:calc(100% - 20px);
    background: #fff;
    z-index: 1000;
    transition: all 0.5s ease-in-out;
    padding: 10px 15px;
}

    .slider > div.trigger span {
        font-weight: bold;
        font-size: 14px;
        color: #666;
        overflow: hidden;
    }

.open {
    right: 0;
}

.close {
    right: -75%;
}

.shade {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.3);
    display: none;
    z-index: 999;
}

.fold {
    display: none;
    /*transition: all 0.5s ease-in-out;*/
}

.unfold {
    display: block;
    /*transition: all 0.5s ease-in-out;*/
}

.trigger {
    margin-bottom: 10px;
}

    .trigger .layui-icon {
        cursor: pointer;
    }

/*抽屉式弹框—结束*/
/*自定义form css样式*/
.define-form .layui-form-radio * {
    font-size: 13px;
}

.define-form .layui-row .layui-col-sm5, .define-form .layui-row .layui-col-xs5,
.define-form .layui-row .layui-col-sm7, .define-form .layui-row .layui-col-xs7 {
    height: 30px;
}

.define-form .textbox, .define-form .combo-arrow {
    height: 30px !important;
}

    .define-form .textbox .textbox-text {
        height: 30px !important;
        line-height: 30px !important;
    }

.circleChart_text {
    color:#fff !important;
}


/*媒体查询*/
@media screen and (max-width: 1440px) {
    .layui-table-view .layui-table td, .layui-table-view .layui-table th {
        padding: 0 !important;
    }

     div.layui-row > div > .layui-btn {
        height:28px;
        line-height: 28px;
        padding: 0 10px;
        font-size: 12px;
    }

    .redTips {
        width:60%
    }
}

@media screen and (max-width: 1190px) {
    .redTips {
        width: 50%
    }

    .layui-form-radio * {
        font-size: 15px;
    }

    .layui-form .ReceiptStatus > div:nth-child(2) {
        padding: 15px 30px;
    }

    .layui-form-radio + p {
        height: 30px;
    }

        .layui-form-radio + p:last-child {
            height: 0;
        }

    .layui-form .ReceiptStatus > div:first-child, .layui-form .ReceiptDetails > div:first-child {
        padding: 10px;
    }

    .layui-form-radio + p {
        font-size: 12px;
    }

    .layui-form > button {
        margin-bottom: 10px;
    }

    .layui-table-view .layui-table td, .layui-table-view .layui-table th {
        padding: 0 !important;
    }
}

@media screen and (max-width: 1118px) {
    .redTips {
        width: 45%
    }

    .layui-btn-sm {
        height: 24px;
        line-height: 24px;
    }

    .layui-form-radio * {
        font-size: 12px;
    }

    .layui-form .ReceiptStatus > div:nth-child(2) {
        padding: 10px 20px;
    }

    .layui-form-radio + p {
        height: 28px;
        font-size: 12px;
        margin-left: 7px;
    }

        .layui-form-radio + p:last-child {
            height: 0;
            margin-left: 0;
            padding-left: 22px;
        }

    .layui-form .ReceiptStatus > div:first-child, .layui-form .ReceiptDetails > div:first-child {
        padding: 5px;
    }

    .layui-form-radio > i {
        font-size: 15px;
    }

    .layui-form-radio {
        line-height: 12px;
    }

    .layui-form > button {
        margin-bottom: 5px;
    }
    
    #ReceiptView {
        padding: 10px 15px !important;
    }

    .layui-table-view .layui-table td, .layui-table-view .layui-table th {
        padding: 0 !important;
    }
}


@media screen and (max-width: 800px) {
    .redTips {
        width: 40%
    }
}

.lg-combobox-requestbg + span input {
    background-color: #fff7d9
}

    .lg-combobox-requestbg + span input[readonly] {
        background-color: #f2f2f2;
    }


input.lg-combobox-requestbg {
    background-color: #fff7d9;
}

    input.lg-combobox-requestbg[readonly] {
        background-color: #f2f2f2;
    }

    /*多选扩展下拉框*/
    .xm-select-parent {
        height: 100%;
        width: 100%;
    }
    
    .xm-select-title {
        height: 30px !important;
        line-height: 30px;
    }
    
    .xm-select-parent .xm-select {
        min-height: 30px;
        padding: 0 !important;
    }
    
    .xm-select-parent .xm-input {
        border-radius: 0;
        border: 0;
        height: 27px !important;
    }
    
    .xm-cz-group {
        max-width: 300px !important;
    }
    
    .xm-iconfont {
        font-size: 14px;
    }
    
    .xm-select-parent .xm-form-select dl .xm-select-tips, .xm-form-checkbox > span {
        font-size: 12px;
    }
    
    .xm-form-checkbox > span {
        padding-right: 25px;
    }
    
    .xm-unselect .xm-form-checkbox {
        color: #1296db;
    }
    
    .xm-select-parent .xm-select-title div.xm-select-label > span {
        background-color: #1296db;
    }
    
    div[xm-select-skin] .xm-select-title div.xm-select-label > span {
        border-color: #1296db;
    }
    
    .xm-form-checkbox > i {
        border-color: #f2f2f2;
        height: 13px;
        width: 13px;
    }
    
    .xm-select-parent dl dd.xm-select-this div i {
        font-size: 14px;
    }
    
    .xm-form-checkbox > i:hover {
        border-color: #1296db
    }
    
    .xm-select-parent dl dd.xm-select-this div i {
        color: #1296db;
    }
    
    .xm-select-parent .xm-form-select dl dd {
        height: 32px;
        line-height: 32px;
    }
    
    .xm-select-parent .xm-form-select dl dd, .xm-select-parent .xm-form-select dl dt {
        line-height: 32px;
    }
    
    .xm-cz:hover {
        color: #1296db;
    }
    
    /* .xm-select-tips {
        display: none;
    } */
    
    div.xm-input.xm-select > div > span:nth-child(1) {
        padding-right: 20px;
    }
    
    /*多选下拉框内滚动条样式*/
    .xm-select-dl::-webkit-scrollbar {
        width: 3px;
    }
    
    .xm-select-dl::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        background: rgba(0,0,0,.2);
    }
    
    .xm-select-dl::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
        border-radius: 0;
        background: rgba(0,0,0,.2);
    }


   