/*全局*/
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    /*background-color: #45494d;*/
}

/*顶部Logo与菜单*/
.topMenu0 {
    width: 100vw;
    height: 5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background-color: white;*/
}

/*.topMenu0 img {*/
/*    width: calc(181 / 1920 * 100vw); !* 根据需要调整 Logo 大小 *!*/
/*    height: calc(47 / 1920 * 100vw); !* 根据需要调整 Logo 大小 *!*/
/*    display: flex;*/
/*    margin-left: 10vw;*/
/*}*/

.Logo-Name {
    display: flex;
    margin-left: 10vw;
    font-size: 2vw;
    font-weight: bold;
}

.nav-buttons {
    display: flex;
    gap: 2.5vw;
    margin-right: 4vw;
}

.nav-button1 {
    background-image: url('顶部导航/选中菜单/蓝框1.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    font-size: calc(27 / 1920 * 100vw);
    width: calc(113 / 1920 * 100vw);
    height: calc(54 / 1920 * 100vw);
    justify-content: center;
    align-items: center;
    color: white; /* 确保文字颜色适合背景 */
    text-decoration: none; /* 移除超链接下划线 */
}

.nav-button2 {
    background-image: url('顶部导航/选中菜单/蓝框2.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    font-size: calc(27 / 1920 * 100vw);
    width: calc(113 / 1920 * 100vw);
    height: calc(54 / 1920 * 100vw);
    justify-content: center;
    align-items: center;
    color: white; /* 确保文字颜色适合背景 */
    text-decoration: none; /* 移除超链接下划线 */
}

.nav-button3 {
    background-image: url('顶部导航/选中菜单/蓝框3.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    font-size: calc(27 / 1920 * 100vw);
    width: calc(166 / 1920 * 100vw);
    height: calc(54 / 1920 * 100vw);
    justify-content: center;
    align-items: center;
    color: white; /* 确保文字颜色适合背景 */
    text-decoration: none; /* 移除超链接下划线 */
}

/*游戏Play分栏*/
.playShow {
    width: 100vw;
    height: calc(827 / 1920 * 100vw);
    background-image: url('沙滩背景.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.welcome {
    width: 100vw;
    height: calc(1163 / 1920 * 100vw);
    background-image: url('背景4.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/*欢迎分栏*/
.welcome-title {
    position: relative;
    text-align: center;
}

.welcome-text1 {
    position: relative;
    margin: 0;
    top: 1.5vw;
    font-weight: bold;
    font-size: 3.5vw;
}

.welcome-text2 {
    position: relative;
    margin: 0;
    top: 2.5vw;
    font-size: 1.5vw;
    color: darkolivegreen;
    font-weight: bold;
}

.swiper1-bg {
    background-image: url('产品1/大图1/图片1/图片阴影.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(1468 / 1920 * 100vw);
    height: calc(867 / 1920 * 100vw);
    top: 7.5vw;
    position: relative;
}

.swiper.mySwiper .swiper-slide img {
    width: calc(1339 / 1920 * 100vw);
    height: calc(744 / 1920 * 100vw);
    position: relative;
}

.swiper.mySwiper2 .swiper-slide img {
    width: calc(1148 / 1920 * 100vw);
    height: calc(637 / 1920 * 100vw);
    position: relative;
}

.children-sit {
    background-image: url('纸飞机的人.png');
    background-repeat: no-repeat;
    background-size: cover;
    float: right; /* 浮动到右侧 */
    width: calc(780 / 1920 * 100vw);
    height: calc(593 / 1920 * 100vw);
    position: absolute; /* 绝对定位 */
    top: 3.5vw; /* 靠顶部 */
    right: 0; /* 靠右侧 */
}

.gameIntroduction {
    width: 100vw;
    height: 30.72916vw;
    background-image: url('背景3.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.intro-content {
    background-image: url('产品1/图标介绍1/图标介绍背景.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(1590 / 1920 * 100vw);
    height: calc(411 / 1920 * 100vw);
    position: relative;
    left: 17.5vw;
    top: 4.7vw;
    display: flex;
    align-items: center;
}

.intro-content .gameIcon {
    background-image: url('产品1/图标介绍1/图标1.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(303 / 1920 * 100vw);
    height: calc(303 / 1920 * 100vw);
    display: inline-block;
    margin-left: 2.8vw;
}

.game-content {
    width: 45vw;
    height: 20vw;
    display: flex;
    flex-direction: column;
}

.game-content .gameTitle {
    font-size: 2.2vw;
    margin-left: 3vw;
    margin-top: 2.2vw;
    font-weight: bold;
}

.intro-content .gameShortDesc {
    font-size: 1.2vw;
    margin-left: 3vw;
    margin-top: -1.5vw;
    color: dimgrey;
    font-weight: bold;
}

.intro-content .gameLongDesc {
    font-size: 1vw;
    margin-top: -0.5vw;
    margin-left: 3vw;
    color: dimgrey;
}

.gameLink {
    display: flex;
    gap: 2.5vw;
    margin-right: 3vw;
}

.googleStoreLink {
    background-image: url('产品1/图标介绍1/谷歌商店图标.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0vw;
    margin-left: 3vw;
    width: calc(141 / 1920 * 100vw);
    height: calc(42 / 1920 * 100vw);
}

.appStoreLink {
    background-image: url('产品1/图标介绍1/苹果商店图标.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0vw;
    margin-left: 0vw;
    width: calc(125 / 1920 * 100vw);
    height: calc(42 / 1920 * 100vw);
}

.gameMore {
    background-image: url('产品1/图标介绍1/查看更多框.png');
    background-repeat: no-repeat;
    background-size: contain; /* 背景图按比例包含 */
    width: calc(138 / 1920 * 100vw);
    height: calc(31 / 1920 * 100vw);
    text-align: center; /* 文本水平居中 */
    /*line-height: 1vw; !* 文本垂直居中 *!*/
    vertical-align: middle; /* 垂直对齐方式 */
    float: right;
    margin-left: -7.3vw;
    margin-top: 13.3vw;
}

.gameMore p {
    font-size: 1vw;
    position: absolute; /* 绝对定位 */
    transform: translate(1.1vw, -0.9vw); /* 使用transform属性偏移元素 */
    color: white;
}

.gameDetail {
    width: 100vw;
    height: calc(1201 / 1920 * 100vw);
    background-image: url('背景2.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.swiper2-bg {
    background-image: url('产品1/图层 3.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(1311 / 1920 * 100vw);
    height: calc(803 / 1920 * 100vw);
    left: 0vw;
    top: 1.8vw;
    position: relative;
}

.gameBottom {
    width: 100vw;
    height: calc(1081 / 1920 * 100vw);
    background-image: url('背景.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.company-info {
    background-image: url('介绍/关于、联系/公司介绍背景.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 10vw;
    float: left; /* 浮动定位 */
    width: calc(1656 / 1920 * 100vw);
    height: calc(636 / 1920 * 100vw);
    position: relative;
    margin-left: 0vw;
    display: flex; /* 新增，使用 flex 布局 */
    top:5vw;
}

.company-left {
    display: inline-block;
    margin-left: 1.5vw;
    width: 50vw;
}

.company-left-h1 {
    font-size: 2.5vw;
    margin-left: 5.65vw;
    font-weight: bold;
}

.company-left-h2 {
    font-size: 1.5vw;
    margin-top: -1.2vw;
    margin-left: 5.65vw;
    font-weight: bold;
}

.company-left-h3 {
    font-size: 1.3vw;
    color: white;
    margin-left: 1.5vw;
}

.item-star {
    background-image: url('介绍/关于、联系/星1.png');
    background-repeat: no-repeat;
    background-size: cover;
    float: left; /* 浮动定位 */
    width: calc(38 / 1920 * 100vw);
    height: calc(38 / 1920 * 100vw);
    position: absolute;
    margin-left: 1.3vw;
}

.item-word {
    margin-left: 4.2vw;
}


.company-right {
    display: inline-block;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.1vw; /* 调整 item 之间的间距 */
    width: 30%;
    margin-left: 5vw;
    margin-top: 2vw;
}

.company-right-item {
    flex-direction: column;
    margin: 0.1vw 0.3vw; /* 调整每个 item 的上下间距 */
}

.company-right-item img {
    width: calc(165 / 1920 * 100vw);
    height: calc(165 / 1920 * 100vw);
}

.company-right-item .game-title {
    font-size: 1vw; /* 根据需要调整字体大小 */
    height: 1vw;
    margin-top: -0.05vw;
    margin-bottom: -1.7vw;
    color: white;
}

.company-right-item .more-button {
    font-size: 0.6vw; /* 根据需要调整字体大小 */
    color: white; /* 按钮文字颜色 */
    text-align: center;
    text-decoration: none; /* 移除链接下划线 */
    cursor: pointer;

    background-image: url('介绍/其他/框1.png');
    background-repeat: no-repeat;
    background-size: contain; /* 确保背景图覆盖整个按钮区域 */

    width: calc(98 / 1920 * 100vw);
    height: calc(22 / 1920 * 100vw);

    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0; /* 移除内边距 */

    margin-top: 2.6vw;
}

.page-footer {
    /*background-image: url('页脚/页脚背景.png');*/
    background-color: #45494d;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: calc(90 / 1920 * 100vw);
    position: relative; /* 绝对定位 */
    top:-0.05vw;
}

.footer-line1 {
    margin-left: 5vw;
    display: flex;
    position: relative;
    height: 2.8vw;
    margin-bottom: 0vw;
}

.footer-h1 {
    font-size: 1vw;
    position: relative;
    /*margin-top: 3.5vw;*/
    /*top:0.5vw;*/
    margin-left: 10vw;
    color: darkgray;
    top:1.8vw;
    margin-right: -4vw;
    /*margin-bottom: 2vw;*/
}

.footer-buttons {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    top: 1vw;
    left: -18.4vw;
    float: right;
    width: 15vw;
}

.footer-button1 {
    background-image: url('页脚/邮件图标.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(54 / 1920 * 100vw);
    height: calc(54 / 1920 * 100vw);
    justify-content: center;
    align-items: center;
    color: white; /* 确保文字颜色适合背景 */
    text-decoration: none; /* 移除超链接下划线 */
}

.footer-button2 {
    background-image: url('页脚/脸书图标.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(54 / 1920 * 100vw);
    height: calc(54 / 1920 * 100vw);
    justify-content: center;
    align-items: center;
    color: white; /* 确保文字颜色适合背景 */
    text-decoration: none; /* 移除超链接下划线 */
}

.footer-button3 {
    background-image: url('页脚/推特图标.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(54 / 1920 * 100vw);
    height: calc(54 / 1920 * 100vw);
}

/*.footer-line-img {*/
/*    background-image: url('页脚/分界线.png');*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    width: calc(1255 / 1920 * 100vw);*/
/*    height: calc(4 / 1920 * 100vw);*/
/*    left: 15vw;*/
/*    position: relative;*/
/*}*/

/*.footer-h2 {*/
/*    font-size: 1vw;*/
/*    position: relative;*/
/*    margin-left: 49.2vw;*/
/*    margin-top: 0.5vw;*/
/*    color: dimgrey;*/
/*}*/