<link rel="stylesheet" class="aplayer-secondary-style-marker" href="APlayer.min.css">* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

@media screen and (min-width:300px) {
    body {
        background: url('bg.jpg');
        background-attachment: fixed;
        background-blend-mode: hard-light;
        zoom: 0.67;
    }
    .container {
        background: url(bg.jpg);
        width: 80%;
        margin: 5% auto;
        padding: 11% 5%;
        background-attachment: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        box-shadow: 0 50px 50px rgba(0, 0, 0, 0.5), 0 0 0 100px rgba(0, 0, 0, 0.1);
    }
    .container h2 {
        text-align: center;
        font-size: 10em;
        line-height: .7em;
        color: #eee;
        margin-top: -80px;
    }
    .container h2 span {
        display: block;
        font-weight: 300;
        letter-spacing: 10px;
        font-size: .3em;
    }
    .countdouwn {
        display: flex;
        margin-top: 0px;
    }
    .countdouwn div {
        position: relative;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        background: #fd8c04;
        color: #333333;
        margin: 0 15px;
        font-size: 3em;
        font-weight: 500;
        border-radius: 8px;
    }
    .countdouwn div:before {
        content: '';
        position: absolute;
        bottom: -35px;
        left: 0;
        width: 100%;
        height: 50px;
        background: #fd8c04;
        color: #333;
        font-size: .55em;
        line-height: 35px;
        font-weight: 300;
    }
    .countdouwn #day:before {
        content: '天';
    }
    .countdouwn #hour:before {
        content: '时';
    }
    .countdouwn #minute:before {
        content: '分';
    }
    .countdouwn #second:before {
        content: '秒';
    }
}