<!DOCTYPE HTML>
<html>

<head>
    <meta charset="UTF-8">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link rel="icon" href="assets/favicon.ico" type="image/x-icon" />
    <!-- <link rel="stylesheet" href="assets/font/iconfont.css"> -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1339442_jqlprlnkubi.css">
    <style>
        /*公共横向渐变线*/
        .level-line {
            height: 2px;
            width: 100%;
            overflow: hidden;
            position: relative;
        }

        /*渐变渐细线*/
        .level-line::before {
            content: "";
            position: absolute;
            top: -50%;
            bottom: -50%;
            left: -10%;
            right: -10%;
            background: radial-gradient(#29b9f9, transparent, transparent);
        }

        .vertical-line {
            width: 2px;
            height: 100%;
            overflow: hidden;
            position: relative;
        }

        .vertical-line::before {
            content: "";
            position: absolute;
            top: -10%;
            bottom: -10%;
            left: -50%;
            right: -50%;
            background: radial-gradient(#29b9f9, transparent, transparent);
        }
    </style>
</head>

<body>
    <div id="root"></div>
</body>
<style>
    .amap-marker-label {
        background: transparent !important;
        border: none !important;
    }
</style>

</html>