@charset "utf-8";/** * form-common.css * 表单封装 —— 原子化工具类 & 表单专属样式 * Tailwind 命名风格，用到的才定义 */
@font-face {
    font-family: iconsfont;
    src: url(../font/icons-font.woff) format("woff"),url(../font/icons-font.woff) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal
}
/* ========== 公共样式 ========= */
.f-fl{float: left;}
.f-fr{float: right;}
.h-42{height:42px;}
.leading-42{line-height:42px;}
.border{border: 1px solid #ddd;}
.rounded-4{border-radius:4px;}
.relative{position: relative;}
.absoult{position:absolute;}
.hidden{display: none;}
.block{display: block;}
.inline-block{display: inline-block;}
/* =======必填字段提示=========== */
.is-required:before{content:"*";color:#ff0000;margin-right:4px;}
/* ========== 表单错误状态 ========== */
.form-el.is-error{border-color:#ff0000;}
.field-error{display:none;color:#f56c6c;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0;}
/* ========== 文件上传列表 ========== */
[class*=" icon-"],[class^=icon-]{font-family:iconsfont !important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.upload-list{list-style:none;padding:0;margin:8px 0 0;}
.upload-list li{font-size:14px;color:#333;}
.upload-list .file-del{margin-left:10px;color:#c80000;cursor:pointer;font-size:12px;}
.icon-upload-success::before{content:"\e720";color:#00aab2;cursor: pointer;}
.icon-upload-document::before{content:"\e785";color:#00aab2;}
.icon-close:before{content:"\e6db";}
.upload-list-item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;line-height:1.8;margin-top:5px;position:relative;width:100%;}
.upload-list-name{color:#606266;display:block;padding-right:40px;overflow:hidden;padding-left:4px;border-radius:4px;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;}
.upload-list-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none;}
.upload-list-item.is-success .upload-list-status-label{display: block;}
.upload-list-item.is-success:hover .upload-list-status-label{display: none;}
.upload-list-item:hover .upload-list-name{background-color:#f5f7fa;cursor:pointer;}
.upload-list-item .icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:#606266;}
.upload-list-item:hover .icon-close{opacity:1;display: inline-block;}
/* ========== 拖拽上传高亮 ========== */
.upload-drop-active{outline:2px dashed #c80000;outline-offset:-2px;}
/* ========== 图片预览 ========== */
.upload-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;clear:both;}
.upload-preview .preview-item{position:relative;width:100px;height:100px;border:1px solid #ddd;border-radius:4px;overflow:hidden;}
.upload-preview .preview-item img{width:100%;height:100%;object-fit:cover;}
.upload-preview .preview-del{position:absolute;top:2px;right:2px;width:20px;height:20px;line-height:18px;text-align:center;background:rgba(0,0,0,0.5);color:#fff;border-radius:50%;cursor:pointer;font-size:12px;}
/* ========== 按钮禁用状态 ========== */
.ipt_disabled{opacity:0.6;cursor:not-allowed !important;}


.row-group{width:100%;}
.col-group{position:relative;}
.form-el:focus{border-color:#00aab2;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,170,178,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,170,178,.6);}



/* ========== 响应式 ========== */
/*pad md*/
@media screen and (max-width:991px){.container{width:100%;padding:0 15px;}
/* 补充 is-report.css 未覆盖的宽度类 */
 .report-form-box .w-62b,.report-form-box .w-170{width:100%;}
}
/*phone sm*/
@media screen and (max-width:767px){}
/*small xs*/
@media screen and (max-width:638px){}
@media print{}