@charset "UTF-8";
/*修复element-ui字体样式问题*/
.el-icon-arrow-up:before {
    content: "\276F" !important;
}
.el-select__caret {
    transform: rotate(90deg) !important;
}
.el-icon-circle-close:before {
    content: "\2716" !important;
}
@media screen and (min-width: 768px){
.top-row{width:968px;padding:12px 0 12px 236px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.top-row .crumbs{width:auto;padding:0;margin:0}
.hot-tip{font-size:12px;color:#FF5B00;margin-bottom: 8px;}
/*筛选区域*/
.filter-container{ padding-bottom: 16px;}
.filter-container .filter-control{ display: inline-block ; margin-top: 16px; margin-right: 2px;}
.filter-container .filter-control .label { display: inline-block; line-height: 36px; }
.filter-container .filter-control .control { display: inline-block ;}
.filter-container .filter-control .el-input .el-input__inner{ height: 36px; line-height: 34px; border-radius: 2px;}
.filter-container .filter-control .el-input { width: 168px; }
.filter-container .filter-control .el-select .el-input{ width: 128px; }
.filter-container .filter-control .el-select .el-input__inner{ width: 128px; }
.filter-container .filter-control .el-select .el-select__caret{ line-height: 36px }
.filter-container .filter-control .form-button{height:36px;padding:0 30px;margin-left:8px;font-size:14px;line-height:36px;border-radius:2px;cursor:pointer}
.filter-container .filter-control .buttons{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.filter-container .filter-control .form-button.search{color:#FFFFFF;background:#FF5B00}
.filter-container .filter-control .form-button.add{background:#FFE6DC;border:1px solid #FF5B00;color:#FF5B00}
/*筛选区域END*/
.navLayout{min-height:500px}
.article-list{}
.article-list .row{width:100%;padding:18px 20px 0;margin-bottom:16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.07);box-shadow:0px 3px 6px rgba(0,0,0,0.07)}
.article-list .table,.table tr,.table th,.table td{border:0}
.article-list .table{width:100%}
.article-list .table th{font-size:14px;color:#627386;padding-bottom:16px;border-bottom:1px solid #E2E7EF;font-weight: 500;}
.article-list .table td{font-size:12px;color:#22272E;text-align:center}
.article-list .table td{padding:16px 0}
.article-list .table .title,.article-list .table .time,.article-list .table .option{width:100px}
.article-list .table .title{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.article-list .table .reason{display:inline-block;width:14px;height:14px;background:#FF2A2A;color:#fff;border-radius:50%;vertical-align:middle;line-height:14px;text-align:center;margin-left:2px;cursor: help;}
.article-list .table .option .form-button{padding: 0 2px; height:22px;margin:2px 0;line-height:22px;text-align:center;background:#FFE6DC;border:1px solid #FF5B00;border-radius:2px;font-size:12px;color:#FF5B00;cursor:pointer}
.article-list .table .cover{display:inline-block;width:48px;height:48px;border:1px dashed #E2E7EF}
.article-list .state{color:#22272E}
.article-list .state.success{color:#34CC8C}
.article-list .state.warning{color:#F9A94B}
.article-list .state.danger{color:#F94B4B}
.article-list .state.primary{color:#1890F9}
.article-list .pageWrap{width:100% !important}
}

@media screen and (max-width: 768px){
/*.top-row{width:968px;padding:12px 0 12px 236px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}*/
.top-row .crumbs{width:auto;padding:0;margin:0}
.hot-tip{font-size:2.8vw;color:#FF5B00;margin-bottom: 3.2vw}
.form-section .form-item{padding-bottom:18px}
.form-section .form-item .form-label{font-size:3.4vw;color:#627386;margin-bottom: 2.8vw;display: block}
.form-section .form-item:nth-child(1) .form-label,
.form-section .form-item:nth-child(2) .form-label,
.form-section .form-item:nth-child(3) .form-label{display: block;}
.form-section .form-item .form-control{outline:none;width:100%;height:36px;padding:2.2vw 2.8vw;background:#FFFFFF;border:1px solid #B8BFCA;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}
.form-section .form-item .form-control::-webkit-input-placeholder{font-size:3.4vw;color:#9AA5B5}
.form-section .form-item .form-control::-moz-placeholder{font-size:3.4vw;color:#9AA5B5}
.form-section .form-item .form-control:-ms-input-placeholder{font-size:3.4vw;color:#9AA5B5}
.form-section .form-item .form-control::-ms-input-placeholder{font-size:3.4vw;color:#9AA5B5}
.form-section .form-item .form-control::placeholder{font-size:3.4vw;color:#9AA5B5}
.form-section .form-item .form-select{color:#627386}
.form-section .form-item .form-button{height:11.2vw;width: 40vw; font-size:2.8vw;text-align: center; line-height:11.2vw;border-radius:2px;cursor:pointer}
.form-section .buttons{display: flex; justify-content:space-between}
.form-section .form-item .form-button.search{color:#FFFFFF;background:#FF5B00}
.form-section .form-item .form-button.add{background:#FFE6DC;border:1px solid #FF5B00;color:#FF5B00}
.navLayout{min-height:500px}
.article-list{}
.article-list .row{overflow-y: auto; width:100%;padding:4vw 3.4vw 0;margin-bottom:3.8vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.07);box-shadow:0px 3px 6px rgba(0,0,0,0.07)}
.article-list .table,.table tr,.table th,.table td{border:0}
.article-list .table{width:250vw;}
.article-list .table th{font-size:3.4vw;color:#627386;padding-bottom:3.8vw;border-bottom:1px solid #E2E7EF;font-weight: 500;}
.article-list .table td{font-size:2.8vw;color:#22272E;text-align:center}
.article-list .table td{padding:3.8vw 0}
.article-list .table .title,.article-list .table .time,.article-list .table .option{width:100px}
.article-list .table .title{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.article-list .table .reason{display:inline-block;width:14px;height:14px;background:#FF2A2A;color:#fff;border-radius:50%;vertical-align:middle;line-height:14px;text-align:center;margin-left:2px;cursor: help;}
.article-list .table .option .form-button{padding: 0 2px;height:22px;margin:2px 0;line-height:22px;text-align:center;background:#FFE6DC;border:1px solid #FF5B00;border-radius:2px;font-size:2.8vw;color:#FF5B00;cursor:pointer}
.article-list .table .cover{display:inline-block;width:48px;height:48px;border:1px dashed #E2E7EF}
.article-list .state{color:#22272E}
.article-list .state.success{color:#34CC8C}
.article-list .state.warning{color:#F9A94B}
.article-list .state.danger{color:#F94B4B}
.article-list .state.primary{color:#1890F9}
.article-list .pageWrap{width:100% !important}
}