/* styles.css */

/* 全局设置，消除默认的内边距和外边距，并设置盒子模型 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 设置html和body标签的高度和字体 */

/* 电脑端样式，针对宽度大于等于769px的设备 */
@media (min-width: 769px) {
    body {
        position: relative;
        height: 100vh;
    }
    .content {
        margin: 0 auto;
        width: 750px;
        height: 100vh;
        background: #020202;
    }
    .top_box {
        width: 100%;
        height: calc(100% - 206px);
        background: url('https://anxiang-live.oss-cn-beijing.aliyuncs.com/app-images/icon/share_qubeilive_com.png');
        background-size: 100% 100%;
    }
    .bottom_box {
        padding-top: 15px;
    }
    .ios_btn {
        margin: 0 auto;
        width: 144px;
        height: 42px;
        background: url('./ios.png');
        background-size: 100% 100%;
    }
    .Android_btn {
        margin: 0 auto;
        margin-top: 20px;
        width: 144px;
        height: 42px;
        background: url('./Android.png');
        background-size: 100% 100%;
    }
}

/* 移动端样式，针对宽度小于768px的设备 */
@media (max-width: 768px) {
    .content {
        width: 100%;
        height: 100vh;
        background: #020202;
    }
    .top_box {
        width: 100%;
        height: calc(100% - 206px);
        background: url('https://anxiang-live.oss-cn-beijing.aliyuncs.com/app-images/icon/share_qubeilive_com.png');
        background-size: 100% 100%;
    }
    .bottom_box {
        padding-top: 15px;
    }
    .ios_btn {
        margin: 0 auto;
        width: 144px;
        height: 42px;
        background: url('./ios.png');
        background-size: 100% 100%;
    }
    .Android_btn {
        margin: 0 auto;
        margin-top: 20px;
        width: 144px;
        height: 42px;
        background: url('./Android.png');
        background-size: 100% 100%;
    }
}