Merge branch 'shibei_master' of http://git.elinkit.com.cn:7070/r/epmet-oper-gov into shibei_master

src/assets/scss/modules/searchNew.scss

@@ -0,0 +1,272 @@
+@import "../c/config";
+@import "../c/function";
+/deep/ .el-table th {
+    color: #ffffff !important;
+    background-color: #0082fb !important;
+}
+.m-info {
+    padding: 0;
+    .wrap {
+        background-image: url(~@/assets/img/shequ/shequ-bg.jpg);
+        background-size: cover;
+        border-radius: 10px;
+        padding: 30px 40px;
+        .logo {
+            margin-bottom: 30px;
+            img {
+                display: block;
+                margin: 0 auto;
+            }
+        }
+        .search-title {
+            font-size: 24px;
+            font-family: PingFang SC;
+            font-weight: bold;
+            color: #333333;
+            margin: 30px 0 20px 0;
+        }
+        .search {
+            margin: 20px 0 80px 0;
+            width: 750px;
+            height: 53px;
+            border: 2px solid #0082fb;
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            background-color: #fff;
+
+            .input {
+                position: relative;
+                .select-show {
+                    border: none;
+                    display: block;
+                    font-size: 16px;
+                    width: 90px;
+                    line-height: 32px;
+                    text-align: center;
+                    color: #0082fb;
+                    cursor: default;
+                }
+
+                input {
+                    margin-left: 20px;
+                    width: 500px;
+                    border: none;
+                    line-height: 24px;
+                    font-size: 18px;
+                    font-family: PingFang SC;
+                    font-weight: 400;
+                    color: #333;
+                    background-color: transparent;
+                }
+
+                .close-btn {
+                    position: absolute;
+                    right: 0;
+                    top: 0;
+                    bottom: 0;
+                    margin: auto 0;
+                    width: 30px;
+                    height: 30px;
+                    background-color: #eee;
+                    border-radius: 100%;
+                    cursor: pointer;
+
+                    img {
+                        display: block;
+                        margin: 8px auto;
+                        width: 14px;
+                        height: 14px;
+                        opacity: 0.3;
+                    }
+                }
+            }
+
+            .btn {
+                margin-left: auto;
+                width: 120px;
+                line-height: 49px;
+                background: #0082fb;
+                border-radius: 0px 6 px 6 px 0px;
+                font-size: 22px;
+                text-align: center;
+                font-family: PingFang SC;
+                font-weight: 500;
+                color: #ffffff;
+                cursor: pointer;
+            }
+        }
+        .header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+
+            .headline {
+                font-size: 24px;
+                font-family: PingFang SC;
+                font-weight: bold;
+                color: #333333;
+            }
+            .notice {
+                width: 85%;
+                line-height: 24px;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+
+                .notice-btn {
+                    width: 50px;
+                    background-color: #3e8ef7;
+                    color: #fff;
+                    text-align: center;
+                    border-radius: 4px;
+                    cursor: pointer;
+                }
+                .notice-list {
+                    // @include toe;
+                    width: calc(100% - 70px);
+                    // height: 24px;
+                    // overflow: hidden;
+                    a {
+                        margin-right: 20px;
+                        cursor: pointer;
+                        color: #999;
+                        &:hover {
+                            color: #3e8ef7;
+                        }
+                    }
+                }
+            }
+        }
+
+        .cnt {
+            display: flex;
+            .chart {
+                width: 520px;
+            }
+            .tb {
+                width: calc(100% - 520px);
+            }
+        }
+    }
+}
+.m-panel {
+    background-color: #fff;
+    border-radius: 10px;
+    padding: 30px 40px;
+
+    .operate {
+        text-align: right;
+    }
+}
+.m-list {
+    .list-title {
+        margin-bottom: 20px;
+        font-size: 24px;
+        font-family: PingFang SC;
+        font-weight: bold;
+        color: #333333;
+    }
+
+    .list-title2 {
+        margin-bottom: 10px;
+        font-size: 16px;
+        font-family: PingFang SC;
+        font-weight: bold;
+        color: #333333;
+    }
+
+    .list {
+        display: flex;
+        flex-wrap: wrap;
+
+        .item {
+            position: relative;
+            margin-right: 46px;
+            margin-bottom: 20px;
+            width: 80px;
+            text-align: center;
+            cursor: pointer;
+
+            .corner-mark {
+                position: absolute;
+                top: -4px;
+                right: -4px;
+                color: #ccc;
+                font-size: 20px;
+                z-index: 1;
+                &.z-on {
+                    color: #0082fb;
+                }
+            }
+
+            .icon {
+                position: relative;
+                display: block;
+                margin: 0 auto;
+                width: 78px;
+                height: 78px;
+
+                &::before {
+                    content: "";
+                    position: absolute;
+                    z-index: 0;
+                    display: block;
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    bottom: 0;
+                    margin: auto;
+                    width: 64px;
+                    height: 64px;
+                    border-radius: 10px;
+                    background-color: #ffffff;
+                }
+
+                img {
+                    position: relative;
+                    width: 78px;
+                    height: 78px;
+                    object-fit: cover;
+                }
+
+                .icon-svg {
+                    position: relative;
+                    display: block;
+                    margin: auto;
+                    width: 78px;
+                    height: 78px;
+                    object-fit: cover;
+                }
+            }
+            p {
+                margin: 0;
+                line-height: 24px;
+                font-size: 16px;
+                font-family: PingFang SC;
+                font-weight: 400;
+                color: #333333;
+            }
+        }
+    }
+}
+
+.m-tb {
+    margin-bottom: 20px;
+}
+
+.m-crumbs {
+    padding: 10px 30px 0;
+    font-size: 16px;
+    a {
+        color: #666;
+        &:hover {
+            color: #094bea;
+        }
+        cursor: pointer;
+    }
+    span {
+        color: #094bea;
+    }
+}