<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        /*公用类的样式*/

        *,
        li,
        ul,
        dl,
        dt,
        dd,
        h1,
        h2,
        h3,
        p {
            margin: 0;
            padding: 0;
        }

        li,
        ol,
        ul,
        dl,
        dt,
        dd {
            list-style: none;
            list-style-type: none
        }

        a,
        h1,
        img,
        p {
            border: 0
        }

        cite,
        em,
        i {
            font-style: normal;
        }

        input:focus {
            outline: none;
        }

        a {
            color: #666;
            text-decoration: none;
        }

        a:hover {
            text-decoration: none;
        }
        /*鼠标悬停时*/

        .clearfix {
            display: block
        }

        * html .clearfix {
            height: 1%
        }

        .clearfix:after {
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            content: '\20'
        }

        .mt10 {
            margin-top: 10px;
        }

        .mt20 {
            margin-top: 20px
        }

        .mt30 {
            margin-top: 30px
        }

        .blue {
            color: #00b9ef
        }

        .red {
            color: red
        }

        .oran {
            color: #ff7b1a
        }

        .clear {
            clear: both
        }

        .center {
            text-align: center
        }

        .none {
            display: none
        }

        .fl {
            float: left;
        }

        .fr {
            float: right
        }

        .mid {
            float: left
        }

        .pd10 {
            padding: 10px
        }

        body {
            font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'Microsoft YaHei', u9ed1u4f53, Arial, sans-serif;
            font-size: 16px;
        }

        .article-title {
            text-align: center;
        }

        .wrapper {
            width: 1000px;
            margin: 0 auto;
            padding: 30px 0
        }

        .wrapper .article-no-indent {
            font-weight: bold;
            margin-top: 10px;
        }

        .wrapper li {
            text-indent: 30px;
            margin-top: 10px;
            line-height: 23px;
        }

        .wrapper dl.banish-info dd {
            text-indent: 43px;
        }

        .footer {
            text-align: center;
            margin-top: 20px;
        }
        /*手机响应式处理*/

        @media only screen and (max-width: 600px) {
            body {
                font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'Microsoft YaHei', u9ed1u4f53, Arial, sans-serif;
                font-size: 14px;
            }
            .article-title {
                text-align: center;
            }
            .wrapper {
                width: auto;
                margin: 0;
                padding: 10px
            }
            .wrapper .article-no-indent {
                font-weight: bold;
                margin-top: 10px;
            }
            .wrapper li {
                text-indent: 20px;
                margin-top: 10px;
                line-height: 20px;
            }
            .wrapper dl.banish-info dd {
                text-indent: 33px;
            }
            .footer {
                text-align: center;
                margin-top: 10px;
            }
        }

        .xieian {
            font-weight: bold;
            text-decoration: underline
        }
    </style>
    <title>${treaty.configName!}</title>
</head>
<body>
    <div class="wrapper">
        <h2 class="article-title">${treaty.configName!}</h2>
        ${treaty.configValue!}
    </div>

</body>
</html>