/*------------------------------------------分页样式----------------------------------------*/
/*分页样式*/
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}
.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#747bf3;background-color:#fff;border:1px solid #4e5bf2}
.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#4e5bf2}
.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.page-item.active .page-link{z-index:3;color:#fff;background-color:#747bf3;border-color:#747bf3}
.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#4e5bf2}
.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}
.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}
.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}

/*------------------------------------------弹出样式----------------------------------------*/

/*
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 * 弹出提醒样式
*/
.jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}
.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}
.jq-toast-wrap.bottom-left{bottom:20px;left:20px}
.jq-toast-wrap.bottom-right{bottom:20px;right:40px}
.jq-toast-wrap.top-left{top:20px;left:20px}
.jq-toast-wrap.top-right{top:20px;right:40px}
.jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}
.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}
.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}
.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}
.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}
.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}
.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red}
.jq-toast-loaded{width:100%}
.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}
.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}
.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}
.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}
.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}

/*弹出提醒-重置样式*/
.jq-toast-single{padding:15px;font-family:Nunito,sans-serif;background-color:#727cf5;font-size:13px;line-height:22px}
.jq-toast-single h2{font-family:Nunito,sans-serif}
.jq-toast-single a{font-size:.875rem}
.jq-toast-single a:hover{color:#fff}
.jq-has-icon{padding:10px 10px 10px 50px}
.close-jq-toast-single{position:absolute;top:-12px;right:-12px;font-size:20px;cursor:pointer;height:32px;width:32px;background:#343a40;color:#f1f3fa;border-radius:50%;text-align:center;line-height:32px}
.jq-toast-loader{height:3px;top:0;border-radius:0}
.jq-icon-primary{background-color:#727cf5;color:#fff;border-color:#727cf5}
.jq-icon-secondary{background-color:#6c757d;color:#fff;border-color:#6c757d}
.jq-icon-success{background-color:#0acf97;color:#fff;border-color:#0acf97}
.jq-icon-info{background-color:#39afd1;color:#fff;border-color:#39afd1}
.jq-icon-warning{background-color:#ffbc00;color:#fff;border-color:#ffbc00}
.jq-icon-danger{background-color:#fa5c7c;color:#fff;border-color:#fa5c7c}
.jq-icon-light{background-color:#e3eaef;color:#fff;border-color:#e3eaef}
.jq-icon-dark{background-color:#313a46;color:#fff;border-color:#313a46}
.jq-icon-error{background-color:#fa5c7c;color:#fff;border-color:#fa5c7c}

/*------------------------------------------文件上传----------------------------------------*/
/*框架*/
.file-cont-bg { width: 98.5%; height: 100%; z-index: 2000; background: #00000065; position: absolute; display: none;}
.file-cont-bg-btn { position: absolute; margin-left: -54px; left: 50%; margin-top: -19px; top: 50%;}
label { cursor: pointer}
.file-show-cent { width: 100%; height: 530px; border-top: 1px solid #dee2e6;}
.cent_l { height: 100%; border-right: 1px solid #dee2e6; box-sizing: border-box;}
.cent_l .img_show_bt { width: 100%; height: 45px; display: block; line-height: 45px; border-bottom: 1px solid #dee2e6; cursor: pointer;}
.cent_l .img_show_bt a { display: block; font-size: 16px;}
.cent_l ul { display: block; width: 100%; padding: 0;}
.cent_l ul li { display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #dee2e6; }
.cent_l ul li a { display: inline-block; cursor: pointer;}
.cent_l ul li i { font-size: 16px;}
.cent_l ul li em { display: none; cursor: pointer;}
.cent_l ul li:hover em { display: inline-block; margin-top: 18px;}
.cent_l ul li.class-cur { color: #727cf5; font-weight: bold;}
.cent_r { height: 100%;}

/*文件列表*/
a {cursor: pointer;}
.cent_r_bg { width: 100%; margin-top: 15px; float: left;}
.cent_r_file { width: 18%; height: 130px; overflow: hidden; margin: 10px 1%; float: left; position: relative;}
.cent_r_file img { display: block; width: 100%; max-height: 100%;}
.cent_r_mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; background: url("../images/icon-ok.png") no-repeat center 35px #313a4675; background-size: 40px; display: none;}
.cent_r_bt { width: 100%; height: 35px; line-height: 35px; position: absolute; bottom: 0; left: 0; color: #fff; background: #00000060;}
.cent_r_bt span { width: 90%; margin-left: 5%; display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.cent_r_bt span b { font-weight: normal;}
.file-page { width: 96%; float: left; position: absolute; bottom: 0;}
.file-page .img_all { float: left; margin-left: 9px; margin-top: 8px;}
.file-page nav { float: right;}
@media only screen and (max-width: 610px) {
    .cent_r_bg { margin-top: 5px;}
    .cent_r_file { width: 23%; height: 105px; margin: 5px 1%; float: left;}
    .cent_r_mask { background: url("../images/icon-ok.png") no-repeat center 30px #313a4675; background-size: 30px; display: none;}
}

/*选择多图*/
.file-list { display: flex; flex-direction: column; width: -webkit-calc(80% - 200px);width: -moz-calc(80% - 200px);width: calc(80% - 200px);}

.filesModal {}
.filesList { float: left; width: 120px; height: 100px; overflow: hidden; margin: 5px; position: relative; border: 1px solid #e9ecef; padding: 3px;}
.filesList input { display: none;}
.filesList img { display: block; width: 100%; height: 100%;}
.filesList i { width: 100%; height: 100%; background: #313a4670; position: absolute; top: -100px; right: 0px; z-index: 100; text-align: center; line-height: 90px;}
.filesList i:before { color: #ffffff;}
.filesList:hover i { top: 0; }

/*选中状态*/
.file_cur .cent_r_mask { display: block;}
.uploaderbg { left: 0; bottom: -600px; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.web-uploader-btn { left: 50% !important; margin-left: -84px !important; width: 168px !important; height: 44px !important;}

/*其他设置*/
/*#fileDelModal { z-index: 2000!important;}*/

/*富文本*/
.editor { min-height: 360px;}

/*表单样式*/
.form-bg { width: 100%; display: flex; padding: 12px 0; border-radius: 5px; }
.form-bg:nth-child(2n) { background: #fbfbfb}
.form-bg .form-label { width: 120px; font-weight: normal; font-size: 15px; margin-right: 20px; margin-bottom: 0; display: flex; align-items: center;flex-direction: row-reverse;}
.form-bg .form-label-editor { align-items: start!important;}
.form-bg .form-input { width: -webkit-calc(80% - 200px);width:-moz-calc(80% - 200px);width:calc(80% - 200px);}

/*弹出，小laber*/
.form-bg-lg { width: 100%; display: flex; padding: 12px 0; border-radius: 5px; }
.form-bg-lg:nth-child(2n) { background: #fbfbfb}
.form-bg-lg .form-label { width: 80px; font-weight: normal; font-size: 15px; margin-right: 20px; margin-bottom: 0; display: flex; align-items: center; text-indent: 15px;}
.form-bg-lg .form-label-editor { align-items: start!important;}
.form-bg-lg .form-input { width: -webkit-calc(80% - 200px);width:-moz-calc(80% - 200px);width:calc(80% - 200px);}
.form-bg-lg .form-input-all { width: -webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);}
.form-bg-md .form-input { width: -webkit-calc(80% - 80px);width:-moz-calc(80% - 80px);width:calc(80% - 80px);}
.form-bg-lg .form-label-sm { font-weight: normal; font-size: 15px; margin-bottom: 0; display: flex; align-items: center; padding: 0 5px;}


/*表单验证*/
.vali-success { border: 1px solid #089e74!important; background-color: #dff5ef!important; -webkit-box-shadow: 0 2px 6px 0 rgba(10,207,151,.5); box-shadow: 0 2px 6px 0 rgba(10,207,151,.5); }
.vali-error { border: 1px solid #fa5c7c!important; background-color: #fde7ec!important; -webkit-box-shadow: 0 2px 6px 0 rgba(250,92,124,.5); box-shadow: 0 2px 6px 0 rgba(250,92,124,.5); }

/*表单提交、等待*/
.form-success { position: fixed; z-index: 99999; width: 100%; height: 100%; background-color: rgba(49, 58, 70, 0.7); top: 0; left: 0; -webkit-transition: opacity .15s linear;transition: opacity .15s linear;}
.form-content { width: 400px; height: 160px; background: #ffffff; border-radius: 5px; margin-top: -100px; margin-left: -230px; position: absolute; top: 50%; left: 50%; padding:20px 30px;}
.form-bt { width: 100%; height: 50px; border-bottom: 1px solid #e4e4e4;}
.form-bt span { display: inline-block; font-size: 18px; padding-left: 35px; background: url("/static/common/base/images/icon-success.png") no-repeat left center; background-size: 30px; color: #0acf97;}
.form-bt p { display: inline-block; font-size: 14px; margin-left: 10px; color: #6a7079; line-height: 50px;}
.form-btn { width: 100%; margin-top: 20px; padding: 0; display: flex; justify-content: space-between;}
.form-btn li { display: block; float: left; text-align: center; font-size: 15px; color: #727cf5; border: 1px solid #b8bdf7;height: 38px;line-height: 37px;border-radius: 5px; padding: 0 5%; cursor: pointer;}
.form-btn li:hover { background: #727cf5; color: #ffffff;}

.form-wait { display: none; position: fixed; z-index: 99999; width: 100%; height: 100%; background-color: rgba(49, 58, 70, 0.7); top: 0; left: 0; -webkit-transition: opacity .15s linear;transition: opacity .15s linear;}
.form-wait-icon { width: 40px; height: 40px; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; position: absolute;}

/*jq分页*/
div.file-page-box{text-align:center;color:#999;}
div.file-page-box a{text-decoration:none}
div.file-page-box a,div.file-page-box span{display:inline-block;box-sizing:border-box}
.current{color:#fff;background:#727cf5;width:30px;height:30px;line-height:30px;border-radius:30px}
.zxfPagenum{color:#666;background:#fff;width:30px;height:30px;line-height:30px;margin:0 5px;border-radius:3px}
.nextpage{margin:0 5px}
.nextbtn,.prebtn,span.disabled{color:#666;background:#fff;width:65px;height:30px;line-height:30px;border-radius:3px}
.zxfinput{width:40px;height:30px;text-align:center;box-sizing:border-box;border:1px solid #e6e6e6;margin:0 6px;border-radius:3px;color:#666}
.zxfokbtn{width:40px;height:30px;line-height:30px;border:1px solid #e6e6e6;margin-left:10px;cursor:pointer;border-radius:3px;background:#fff}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}


/* 表单上方search筛选框 */
#toolbar { margin: 0 10px 0 0; display: flex;}
.buttons-toolbar { display: flex; justify-content: space-between;}
.select-down { width: 120px;}

/*搜索按钮*/
.table-sel-btn-bg { width: 195px; display: flex; flex-wrap: wrap; float: right; justify-content: flex-end;}
.table-sel-btn-bg input, button {}
.table-sel-time { width: 240px; display: flex; margin-right: 5px;}
.table-sel-laydate { width: 201px;}

/*搜索条件*/
.table-sel-bg {width: 100%; height: auto; float: left; padding: 10px; background-color: #F1F3FA; border-radius: 5px; display: flex; flex-wrap: wrap; }
.table-sel-key { width: 240px; display: flex; margin-right: 5px; margin-bottom: 5px;}
.table-sel-key select { margin-right: 2px;}
.table-sel-change button {}
.table-sel-rem { margin-left: 2px; height: 36px; line-height: 12px; margin-top: 1px;}

/*显示隐藏*/
.table-btn-hide { display: none;}
.table-sel-hide { height: 0; padding: 0; overflow: hidden;}

/*tab-修改隐藏显示*/
.modal-footer { z-index: 1040;}
.tab-content>.active { display: block!important; opacity: 1!important; height: auto!important; overflow: hidden;}
.tab-content>.tab-pane { display: block!important; opacity: 0; height: 0; overflow: hidden;}