body {
    /* 文档主体 */
    background: #0094ff;
    height: 100%;
    margin: 0;
    padding: 0;
    /*  overflow: hidden; /* 隐藏溢出的内容，确保视频背景覆盖整个屏幕 */
}

/* 去掉超链接，所有状态下的下划线 */
a {
    text-decoration: none;
}

    a:hover,
    a:active,
    a:focus,
    a:visited {
        text-decoration: none;
    }

    /*未访问的链接颜色*/
    body a {
        color: #313030;
    }
        /*访问后的链接颜色*/
        body a:visited {
            color: #313030;
        }











/* 以下是 桌面设备部分样式定义***********************************************************************/

.桌面图标 {
    position: relative;
    width: 75px;
    height: 40px;
    top: 10px;
    left: 10px;
}



.桌面内容 {
    margin: 15%;
    width: 70%;
}
    .桌面内容 div {
        float: left;
        width: 100%;
    }

.桌面证书 {
    font-size: 25px;
}

    .桌面证书 a {
        color: #ffffff;
    }

        .桌面证书 a:hover {
            color: #ff6a00;
        }

.桌面查看 {
    margin-top: 3%;
    font-size: 20px;
}

    .桌面查看 a {
        color: #ffffff;
    }

        .桌面查看 a:hover {
            color: #ff6a00;
        }


.桌面端网点信息 {
    position: fixed;
    bottom: 0px;
    height: 25px;
    margin: 0;
    padding: 5px;
    overflow: hidden; /* 隐藏溢出的内容，确保视频背景覆盖整个屏幕 */
    background: #ffffff;
    background: #ffffff50;
    color: #313030;
    width: calc( 100% - 10px);
    min-width: 1000px;
    font-size: 12px;
    display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

    

.桌面端授权 {
    float: left;
    margin: 0 3px; /* 添加左右外边距 */
    display: inline-block; /* 使元素能够并排显示 */
}

.授权图标 {
    padding-top: 2px;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

    .授权图标 img {
        width: 15px;
        height: 15px;
    }

.桌面端授权子项 {
    float: left;
}






/* 以下是 移动设备部分样式定义***********************************************************************/

.移动图标 {
    position: relative;
    width: 15vw;
    height: 8vw;
    top: 10px;
    left: 10px;
}
.移动内容 {
    width: 70vw;
    margin: 15%;
    margin-top: 15vh;
    font-size: 12vw;
}

   

.移动证书 {
    font-size: 25px;
}

    .移动证书 a {
        color: #ffffff;
    }

        .移动证书 a:hover {
            color: #ff6a00;
        }

.移动查看 {
    margin-top: 5vh;
    font-size: 20px;
}

    .移动查看 a {
        color: #ffffff;
    }

        .移动查看 a:hover {
            color: #ff6a00;
        }




.移动端网点信息 {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 65px;
    top: 100vh;
    margin: 0;
    overflow: hidden; /* 隐藏溢出的内容，确保视频背景覆盖整个屏幕 */
    background: #ffffff;
    background: #ffffff50;
    color: #313030;
    width: 100%;
    font-size: 12px;
}
 

.移动端授权 {
    float: left;
    width: calc(100% - 46%);
    padding-left: 21%;
    padding-right: 21%;
    overflow: hidden; /* 隐藏溢出的内容，确保视频背景覆盖整个屏幕 */
    /* display: inline-block; /* 使元素能够并排显示 */
}

.移动端授权子项 {
    float: left;
}