|
@@ -1,186 +1,36 @@
|
|
|
-@charset "UTF-8";
|
|
|
-.top-row {
|
|
|
- width: 968px;
|
|
|
- padding: 12px 0 12px 236px;
|
|
|
- margin: 0 auto;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: flex-end;
|
|
|
-}
|
|
|
-
|
|
|
-.top-row .crumbs {
|
|
|
- width: auto;
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.top-row .hot-tip {
|
|
|
- font-size: 12px;
|
|
|
- color: #E15616;
|
|
|
-}
|
|
|
-
|
|
|
-.form-section {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.form-section .form-item {
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- padding-bottom: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-.form-section .form-item .form-label {
|
|
|
- margin-right: 8px;
|
|
|
- font-size: 14px;
|
|
|
- color: #627386;
|
|
|
-}
|
|
|
-
|
|
|
-.form-section .form-item .form-control {
|
|
|
- outline: none;
|
|
|
- width: 210px;
|
|
|
- height: 36px;
|
|
|
- padding: 8px 12px;
|
|
|
- background: #FFFFFF;
|
|
|
- border: 1px solid #B8BFCA;
|
|
|
- border-radius: 2px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.form-section .form-item .form-control::placeholder {
|
|
|
- font-size: 14px;
|
|
|
- color: #9AA5B5;
|
|
|
-}
|
|
|
-
|
|
|
-.form-section .form-item .form-select {
|
|
|
- color: #627386;
|
|
|
-}
|
|
|
-
|
|
|
-.form-section .form-item .form-button {
|
|
|
- height: 36px;
|
|
|
- padding: 0 30px;
|
|
|
- margin-left: 16px;
|
|
|
- font-size: 14px;
|
|
|
- line-height: 36px;
|
|
|
- border-radius: 2px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.form-section .buttons {
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.form-section .form-item .form-button.search {
|
|
|
- color: #FFFFFF;
|
|
|
- background: #E15616;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.form-section .form-item .form-button.add {
|
|
|
- background: #FFE6DC;
|
|
|
- border: 1px solid #E15616;
|
|
|
- color: #E15616;
|
|
|
-}
|
|
|
-
|
|
|
-.navLayout {
|
|
|
- min-height: 500px;
|
|
|
-}
|
|
|
-
|
|
|
-.article-list {
|
|
|
-}
|
|
|
-
|
|
|
-.article-list .row {
|
|
|
- width: 100%;
|
|
|
- padding: 18px 20px 0;
|
|
|
- margin-bottom: 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #fff;
|
|
|
- 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;
|
|
|
-}
|
|
|
-
|
|
|
-.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;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-.article-list .table .option .form-button {
|
|
|
- width: 40px;
|
|
|
- height: 22px;
|
|
|
- margin: 2px 0;
|
|
|
- line-height: 22px;
|
|
|
- text-align: center;
|
|
|
- background: #FFE6DC;
|
|
|
- border: 1px solid #E15616;
|
|
|
- border-radius: 2px;
|
|
|
- font-size: 12px;
|
|
|
- color: #E15616;
|
|
|
- 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;
|
|
|
-}
|
|
|
+@charset "UTF-8";.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}
|
|
|
+.top-row .hot-tip{font-size:12px;color:#E15616}
|
|
|
+.form-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
|
|
|
+.form-section .form-item{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-bottom:18px}
|
|
|
+.form-section .form-item .form-label{margin-right:8px;font-size:14px;color:#627386}
|
|
|
+.form-section .form-item .form-control{outline:none;width:210px;height:36px;padding:8px 12px;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:14px;color:#9AA5B5}
|
|
|
+.form-section .form-item .form-control::-moz-placeholder{font-size:14px;color:#9AA5B5}
|
|
|
+.form-section .form-item .form-control:-ms-input-placeholder{font-size:14px;color:#9AA5B5}
|
|
|
+.form-section .form-item .form-control::-ms-input-placeholder{font-size:14px;color:#9AA5B5}
|
|
|
+.form-section .form-item .form-control::placeholder{font-size:14px;color:#9AA5B5}
|
|
|
+.form-section .form-item .form-select{color:#627386}
|
|
|
+.form-section .form-item .form-button{height:36px;padding:0 30px;margin-left:16px;font-size:14px;line-height:36px;border-radius:2px;cursor:pointer}
|
|
|
+.form-section .buttons{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
|
|
|
+.form-section .form-item .form-button.search{color:#FFFFFF;background:#E15616}
|
|
|
+.form-section .form-item .form-button.add{background:#FFE6DC;border:1px solid #E15616;color:#E15616}
|
|
|
+.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}
|
|
|
+.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{width:40px;height:22px;margin:2px 0;line-height:22px;text-align:center;background:#FFE6DC;border:1px solid #E15616;border-radius:2px;font-size:12px;color:#E15616;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}
|