﻿<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="shortcut icon" href="favicon.ico" />
    <style>
        * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        body {
            margin: 0 auto;
            /* 主背景色 */
            background: #001c58;
            ;
            font-family: 'Microsoft YaHei';
        }

        #board {
            position: relative;
            margin: 0 auto;
            padding: 28px 0 0 425px;
            top: 150px;
            width: 1000px;
            height: 297px;
            /* 內文 */
            color: #fff;
            font-size: 12px;
        }

            #board #logo {
                display: inline-block;
                width: 290px;
                height: 90px;
                background: url('logo.png') no-repeat center center;
                background-size: contain;
            }

        h2 {
            position: absolute;
            top: 53px;
            left: 728px;
            margin: 0;
            /* 系統維護中 */
            color: #fb0;
            font-size: 28px;
            letter-spacing: 3px;
        }

        h3 {
            position: absolute;
            top: 93px;
            left: 728px;
            margin: 0;
            /* 给您带来不便，敬请谅解！ */
            color: #fff;
            font-size: 14px;
            letter-spacing: 1px;
        }

        #board p {
            line-height: 22px;
        }
        /* 在线客服 & QQ */
        .contact {
            display: inline-block;
            width: 115px;
            height: 40px;
            border: 1px solid #fff;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            cursor: pointer;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
        }

            .contact span {
                display: block;
                font-size: 12px;
                font-weight: normal;
            }

            .contact.chat {
                margin-right: 20px;
                background: #000;
                color: #fff;
            }

            .contact.qq {
                background: #fb0;
                color: #000;
            }
    </style>
    
        
    
     <script>
        window.onload = function () {
            init();
        }

        function httpGet(url) {
            var xmlHttp = new XMLHttpRequest();
            xmlHttp.open("GET", url, false);
            xmlHttp.withCredentials = true;
            xmlHttp.setRequestHeader("Content-Type", "application/json");
            xmlHttp.send(null);
            return xmlHttp.responseText;
        }

        function init() {
            document.getElementById('board').style.background = 'url("' + location.protocol + '//' + location.hostname + '/Web.Portal/_Common/board.png") no-repeat center bottom';
            var conactInfo = httpGet(location.href + 'ContactInfo.txt'),
                conact = JSON.stringify(conactInfo) !== '{}' ? JSON.parse(conactInfo) : {},
                settingInfo = httpGet(location.protocol + '//' + location.hostname + '/Web.Portal/_Common/Settings/Setting.txt'),
                _setting = JSON.stringify(settingInfo) !== '{}' ? JSON.parse(settingInfo) : {},
                service = conact.Live800Link,
                qq = conact.QQ,
                maintainTime = _setting.MaintainTime,
                localMaintainTime = conact.MaintainTime,
                t = new Date,
                e = new Date(t.getFullYear(), t.getMonth(), t.getDate(), t.getHours(), t.getMinutes() >= 30 ? 30 : 0, 0,0),
                n = new Date(e.setTime(e.getTime() + 36e5)),
                defaultTime = n.getFullYear() + "-" + (n.getMonth() + 1) + "-" + n.getDate() + " " + ('0'+n.getHours()).substr(-2) + ":" + ('0'+n.getMinutes()).substr(-2),
                titleName = conact.Title;

            document.getElementById('text').innerHTML = maintainTime || localMaintainTime || defaultTime;
            document.title = titleName;

            if (service === undefined || service === '' || service === null) {
                // 没有时隐藏
                document.querySelector('.contact.chat').style.display = 'none';
            } else {
                document.querySelector('.contact.chat').onclick = function () {
                    window.open(service, '', 'width=588,height=486');
                }
            }

            if (qq === undefined || qq === '' || qq === null) {
                // 没有时隐藏
                document.querySelector('.contact.qq').style.display = 'none';
            } else {
                document.querySelector('.contact.qq').onclick = function () {
                    window.open('http://wpa.qq.com/msgrd?v=3&uin=' + qq + '&site=qq&menu=yes', '_open', 'width=588,height=486');
                }
            }
        }
    </script>

</head>
<body>
    <div id="board">
        <div id="logo"></div>
        <h2>系统维护中...</h2>
        <h3>给您带来不便，敬请谅解！</h3>
        <p>
            各位亲爱的玩家，本系统程序升级，将暂停访问。<br />
            升级之后，玩家将获得更快速更稳定的在线体验，敬请期待。
        </p>
        <p>
            <span>维护时间：</span>
            <span id="text"></span>
            ，有问题请即时联系
        </p>
        <div class="contact chat">在线客服<span>SERVICE</span></div>
        <div class="contact qq">QQ专线<span>QQ SERVICE</span></div>
    </div>
</body>
</html>