<template>
    <div class="searchBase">
        <el-header class="header">
            <div class="head-title">
                <img src="../../assets/login_bg_01.png" class="bg-01" />
                <img src="../../assets/pc_top_bg_02.png" class="bg-02" />
                <div class="wrapper">
                    <img src="../../assets/pc_logo.png" class="logo" />
                    <!-- <div class="info">
                        <div class="search">
                            <input placeholder="搜索..." v-model="title" />
                            <div class="btn-search">
                                <img src="../../assets/icon_search.png" @click="policyAll()" />
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
        </el-header>
        <el-main>
            <div class="main-content">
                <router-view />
            </div>
        </el-main>
        <Footer></Footer>
    </div>
</template>

<script>
import Footer from '../../components/footer';
export default {
    components: { Footer },
    name: 'searchBase',
    data() {
        return {};
    }
};
</script>
<style lang="less" scoped>
.header {
    height: 220px !important;
    padding: 0;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.06);
    .head-title {
        height: 220px;
        background: linear-gradient(#ffcc72, #fff7ea, #ffffff);
        position: relative;
        .bg-01 {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 154px;
        }
        .bg-02 {
            position: absolute;
            top: 0;
            right: 0;
            width: 580px;
            height: 150px;
        }
        .logo {
            width: 600px;
            height: 82px;
            position: absolute;
            left: 0;
            right: 0;
            top: 64px;
            margin: auto;
        }
        .wrapper {
            width: 1200px;
            margin: 0 auto;
            position: relative;
            height: 100%;
        }
        .info {
            display: flex;
            position: absolute;
            right: 0px;
            bottom: 87px;
            .links {
                a {
                    font-size: 13px;
                    color: #bf1616;
                    cursor: pointer;
                }
            }
            .nav_icon {
                img {
                    width: 30px;
                    height: 30px;
                    margin-left: 16px;
                }
            }
        }
    }
}
.el-main {
    padding: 0;
    background-color: #fff;
    height: 739px;
}
</style>
