<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title th:text="'采美365网-'+${pageData.title}"></title>
    <meta http-equiv="keywords" th:content="${pageData.keywords}">
    <meta http-equiv="description" th:content="${pageData.description}">
    <template th:replace="components/head-link"></template>
    <style type="text/css">
        /** PC端 */
        @media screen and (min-width:768px){
            .freePage{width:1184px;margin:0 auto;padding:16px 0;text-align:center;}
            .freePage img{max-width:100%;}
            .freePage table{width:100%;text-align:left}
        }
        /** 移动端 */
        @media screen and (max-width:768px){
            .freePage{width:100vw;margin:0 auto;text-align:center;}
            .freePage img {max-width:100%;height:auto !important;}
            .freePage table{width:100%;text-align:left}
        }
    </style>
</head>
<body>
<!-- 引用头部 -->
<template th:replace="components/header"></template>

<!-- 自由页面 -->
<div id="freePage">

    <div class="freePage" th:utext="${pageData.content}"></div>

</div>

<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
</body>
</html>
