Responsive sites stop running html code

<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <title>抱歉,站点已暂停 Sorry, the site has stopped running.</title>
    <style type="text/css">
    body {
    
    
        color: #aaaaaa;
        /*background-color: #222;*/
        background: #494A5F;
        font-weight: 500;
        font-size: 1.5em;
        font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
    }
    
    div.container {
    
    
        text-align: center;
        margin: 0px;
    }
    
    h1 {
    
    
        font-size: 64px;
        text-align: center;
        font-weight: 300;
        padding: .5em;
        margin: 0;
    }
    
    h2 {
    
    
        font-size: 24px;
        text-align: center;
        font-weight: 300;
        margin: 0;
    }

    
    a {
    
    
        color: #de6b00;
        text-decoration: none;
    }
    
    a:hover {
    
    
        color: #e40505;
    }
    

    
    .spm {
    
    
        margin: 10% auto;
        padding: 20px;
        width: 75%;
        display: block;
        background: #fff;
        box-shadow: 0 1px 3px #d4e6dd;
    }
    
    .spm h3 {
    
    
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
        font-weight: normal;
    }
    
    .spm h3 i {
    
    
        font-size: 18px;
        margin-right: 5px;
    }
    
    .spm h3 span {
    
    
        float: right;
        font-size: 12px;
        font-weight: 400
    }
    
    .spm h3 span i {
    
    
        font-size: 12px;
        margin-right: 0;
    }
    
    .spm h3 span a {
    
    
        color: #888
    }
    
    .spm div,
    .spm p {
    
    
        line-height: 200%;
    }
    
    .spm img {
    
    
        max-width: 100%;
        height: auto;
        width: auto;
        min-width: inherit;
        display: inline
    }
    
    .spm .weburl {
    
    
        float: right;
        font-size: 12px;
        border: 1px #9ad4b7 solid;
        padding: 0 5px;
        height: 20px;
        line-height: 20px;
        border-radius: 4px;
        font-weight: 400;
        overflow: hidden;
        display: block;
        margin-left: 10px
    }
    
    .spm .weburl i {
    
    
        margin-right: 5px;
        font-size: 12px
    }
    
    .spm .weburl a {
    
    
        color: #9ad4b7;
        margin-right: 0
    }
    /**正在出售***/
    
    .sell-head {
    
    
        margin: 10px;
        text-align: center;
        opacity: 1;
        -webkit-transition: all .6s ease-out 0s;
    }
    
    .sell-head-title {
    
    
    position: relative;
    width: auto;
    font-size: 20px;
    text-align: center;
    background:url(data:image/png;base64,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) no-repeat top center; 
    margin: 0 auto;
    padding-top: 130px;
    padding-bottom: 5px;
    }
    
    .sell-head-title:after {
    
    
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #a0ce4e;
        background-image: linear-gradient(to right, #fff 0, #a0ce4e 30%, #a0ce4e 70%, #fff 100%);
        opacity: .6;
        content: ""
    }
    
    .sell-desc {
    
    
        font-size: 16px;
        height: auto;
        text-align: center;
    }
    
    .sell-desc img {
    
    
        float: left;
        width: 25%;
        padding: 0 1% 0 0;
    }
    
    .sell-desc .button {
    
    
        line-height: 70px;
        padding: 9px 22px;
        background-color: #f60;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        font-size: 15px;
        border-radius: 15px;
        cursor: pointer;
    }
    </style>
</head>

<body>
    <div class="spm">
        <div class="container">
            <div class="sell-head clearfix">
                <h2 class="sell-head-title">抱歉，该站点已停止运行。</h2>
                <p class="sell-sub-title">Sorry, the site has stopped running.</p>
            </div>
            <div class="sell-desc">
                <p>请您联系管理员了解详情!</p>
                <p> <a target="_blank" class="button" href="http://www.masuyun.com/">购买服务器</a> <a target="_blank" class="button" href="http://www.yumingku.net/">购买域名</a></p>
            </div>
        </div>
    </div>
</body>
</html>
Responsive sites stop running html code

Guess you like
