{% load staticfiles %}

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{#    <meta name="format-detection" content="telephone=no,email=no,address=no">#}
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <title>联系我们</title>

    <style>
{#            index.css#}
        *, :after, :before {
            box-sizing: border-box;
            outline: none;
        }
{#            Body#}
        body {
            color: #333;
            font-family: -apple-system,Arial,Microsoft YaHei,Helvetica Neue,sans-serif;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            background-color: #fff;
        }
        body {
            margin: 0;
        }
{#            A#}
        a {
            color: #000;
            text-decoration: none;
            -webkit-transition: color,.3s;
            transition: color,.3s;
        }
        a {
            background-color: transparent;
        }
{#            Img#}
        img {
            border: 0;
        }
        div {
            line-height: 150%;
        }
        .container {
            position: relative;
            width: 960px;
            margin-left: auto;
            margin-right: auto;
        }
        @media (max-width: 960px) {
            .container {
                width: 100%;
            }
        }
        html, body {
            height: 100%;
            overflow: hidden;
        }
        .container {
            position: relative;
            width: 100%;
            height: 100%;
            padding: 2em .5em;
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
        }
        .logo {
            height: 70px;
        }
        .title {
            font-size: 1.5em;
        }
        .text-center {
            text-align: center;
        }
        @media(max-height: 600px) {
            .logo {
                height: 60px;
            }
            .title {
                font-size: 1.2em;
            }
        }
        .contact {
            padding: 5%;
            text-align: justify;
        }
        .small_size {
            font-size: 13px;
        }
    </style>
</head>
<body>
    <div class="container" >
        <article class="text-center">
            <a href="http://pai.ai">
                <img src="{% static 'pai2/img/paiai_96_96.png' %}" class="logo">
            </a>
            <div class="title">
                <a href="http://pai.ai" class="text-blue">拍爱</a>
            </div>
        </article>
        <div class="content">
            <div class="contact">
                <div><strong>官方微信: </strong><span class="small_size">pai_ai</span></div>
                <div><strong>商务合作: </strong><span class="small_size">partner@pai.ai</span></div>
                <div><strong>用户反馈: </strong><span class="small_size">feedback@pai.ai</span></div>
                <div><strong>公司地址: </strong><span class="small_size">北京市海淀区西八里庄路玲珑商务楼</span></div>
            </div>
        </div>
    </div>
</body>
</html>