@font-face {
    font-family: 'SoukouMincho';
    src: url('font/SoukouMincho.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 4K分辨率背景图片等比例拉伸修复 */
body {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.sub_div {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* 确保所有背景图片都能适应高分辨率显示器 */
*[style*="background"] {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption{margin:0; padding:0; }
img, fieldset, button{border:0; border-style: none;}
img {vertical-align: top;}

html, body {width:100%;height:100%;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}


    
#wrap {
    position:absolute;
    top:0;
    left:0;
    width:100%;
   
    min-height:850px;
    text-align: center;
}
	
	
#bg-video {overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#bg-video video {position: absolute;left: 0;top: 0; width:auto;height: 115%;}
#bg-video .bg-video-cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0);}


ul{
   list-style:none;
   }

li{
   list-style:none; 
   }


.nav-link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 40px;
    font-weight: lighter;
    margin: 0 15px;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #DC9805;
}

.nav-link.active {
    color: #DC9805;
}

.gnb {
    position: fixed;
    top: 40px;
    background: rgba(0, 0, 0, 0.8);
    color: #f1f1f1;
    width: 100%;
    padding: 2px;
    z-index:50;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size:100%; font-family: 'SoukouMincho', serif;
}	

.sub_div {position:relative; top:0; left:0; width:100%; height:56.25vw; text-align: center; z-index:10; margin:0; padding:0;
	font-size:100%; font-family: 'SoukouMincho', serif;overflow: hidden;} /*旃错厡瓿犽Μ氤  */ 	
.sub_div_line {position:relative; top:0; left:0; width:100%;display: flex; justify-content :center;; z-index:10;} /*旃错厡瓿犽Μ氤刜霛检澑 */ 	


.img_topsns {position:absolute; top:110px; left:50%;width:1920px; z-index:100; margin-left: -960px;} /*1氩  SNS */
.img_topcopy {position:absolute; top:80px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*1氩  韥办勾頂 */



/* DMM 靸侂嫧 */
.agree_title {position:absolute; top:510px; left:0px; left:50%; width:730px; z-index:10; margin-left: 90px; font-size:20px; z-index:10;} /*1氩  靷爠鞓堨暯, 鞓ろ攬頉  韮€鞚错媭 */


.agree_left_dmm {position:absolute; top:645px; left:0px; left:50%; width:380px; z-index:10; margin-left: 140px; font-size:40px;   z-index:10;} /*1氩  dmm 膦岆矂韸  */
.agree_left_dmm_text {position:absolute; top:840px; left:0px; left:50%; width:380px; z-index:10; margin-left: 160px; font-size:16px; z-index:10; white-space: nowrap;} /*1氩  dmm 膦  觳错伂氚曥姢 */

.agree_right_dmm {position:absolute; top:645px; left:0px; left:50%; width:200px; z-index:10; margin-left: 560px; font-size:40px;   z-index:10;} /*1氩  dmm 鞖半矂韸  */
.agree_right_dmm_text {position:absolute; top:870px; left:0px; left:50%; width:300px; z-index:10; margin-left: 510px; font-size:14px; z-index:10;} /*1氩  dmm 鞖办勾頂  */


.agree_left_mobile {position:absolute; top:655px; left:0px; left:50%; width:380px; z-index:10; margin-left: 70px; font-size:40px;   z-index:10;} /*1氩  mobile 膦岆矂韸  */
.agree_right_mobile {position:absolute; top:655px; left:0px; left:50%; width:380px; z-index:10; margin-left: 470px; font-size:40px;   z-index:10;} /*1氩  mobile 鞖半矂韸  */


/* DMM 頃橂嫧 */
.agree_left_dmm_m {position:absolute; top:60px; left:0px; left:50%; width:380px; z-index:10; margin-left: -320px; font-size:30px;   z-index:10;} /*8氩  dmm 膦岆矂韸  */
.agree_right_dmm_m {position:absolute; top:60px; left:0px; left:50%; width:200px; z-index:10; margin-left: 120px; font-size:30px;   z-index:10;} /*8氩  dmm 鞖半矂韸  */

.agree_left_mobile_m {position:absolute; top:100px; left:0px; left:50%; width:380px; z-index:10; margin-left: -400px; font-size:30px;   z-index:10;} /*8氩  mobile 膦岆矂韸  */
.agree_right_mobile_m {position:absolute; top:100px; left:0px; left:50%; width:380px; z-index:10; margin-left: 20px; font-size:30px;   z-index:10;} /*8氩  mobile 鞖半矂韸  */




.img_banner {position:absolute;bottom:20px; left:50%;width:1920px; z-index:10; margin-left: -960px;transform-origin: bottom center;} /*2氩  氚半剤 */
.img_banner ul {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
}
.img_banner li {
    display: inline-block;
    margin: 0 20px;
}

.bg_02_character {
    position: absolute;
    bottom: 0;
    left: 49%;
    transform: translateX(-50%);
    z-index: 5;
}

.bg_02_character video {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    background: transparent;
}
.img_thum {position:absolute; bottom:20px; left:50%;width:1920px; z-index:10; margin-left: -960px;padding-bottom: 30px;} /*4氩  鞃鸽劋鞚  */

.img_thum a img {
    transition: transform 0.3s ease;
}
.img_thum a img.selected {
    transform: translateY(-20px);
    transition: transform 0.3s ease;
}

/* 角色头像新样式 */
.character-head-link {
    display: inline-block;
    margin: 0 7.6px; /* 10px * 0.76 = 7.6px，等比例缩小间距 */
    text-decoration: none;
}

.character-head-container {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    transform: scale(0.76); /* 缩放以适应原有设计 */
    transform-origin: center bottom;
    margin-left: -30.72px; /* 256px * (1-0.76) / 2 = 30.72px，补偿缩放后的宽度差异 */
    margin-right: -30.72px;
}

.character-head-bg {
    display: block;
    border: 3px solid transparent; /* 默认透明边框 */
    border-radius: 10px; /* 圆角边框 */
    transition: border-color 0.3s ease; /* 边框颜色过渡动画 */
}

.character-head-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    border: 0;
}

.character-head-container:hover {
    transform: scale(0.76) translateY(-20px);
    transition: transform 0.3s ease;
}

.character-head-container.selected {
    transform: scale(0.76) translateY(-20px) !important;
    transition: transform 0.3s ease;
}

.character-head-container.selected:hover {
    transform: scale(0.76) translateY(-20px) !important;
    transition: transform 0.3s ease;
}

#chbg {
    position: absolute;
    bottom: 0;
    right: 1%;
    z-index: 1; /* 降低层级，只在背景图上层 */
    transform-origin: bottom center;
}

/* PC版角色信息覆盖层 */
.pc-character-info-overlay {
    position: absolute;
    bottom: 30%; /* 距离底部25%，避免遮挡ch_head_big_box */
    left: 45%; /* 水平居中 */
    transform: translateX(-50%); /* 水平居中 */
    z-index: 15;
    pointer-events: none; /* 不阻挡点击事件 */
}

.pc-character-name-card {
    position: relative;
    display: block; /* 改为block，不限制子元素尺寸 */
}

.pc-name-bg {
    height: auto; /* 使用原尺寸 */
    width: auto;
    max-height: none; /* 移除最大高度限制 */
    max-width: none; /* 确保不受任何宽度限制 */
}

.pc-job-icon {
    position: absolute;
    left: 12px; /* 左侧位置 */
    top: 50%;
    transform: translateY(-50%);
    height: auto; /* 使用原尺寸 */
    width: auto;
    object-fit: contain;
}

.pc-character-name {
    position: absolute;
    left: 60px; /* 职业图标右侧位置 */
    right: 18px; /* 右侧边距 */
    top: 50%;
    transform: translateY(-50%);
    font-size: 36px; /* 36号字体大小 */
    font-weight: bold;
    color: #ffffff; /* 白色字体 */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    white-space: nowrap;
    font-family: 'SoukouMincho', serif;
    text-align: center; /* 文本居中 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.ch_league_box {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.ch_league_box ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ch_league_box li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    cursor: pointer;
}

.ch_league_box .league-status {
    position: absolute;
    top: 57%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 15;
}

.ch_league_box .league-item.active .league-status {
    content: url('images/league_on.png');
}

.ch_league_box .league-item:not(.active) .league-status {
    content: url('images/league_off.png');
}


.ch_head_big_box ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ch_head_big_box li {
    display: inline-block;
    margin: 0 20px;
    z-index: 2;
}

/* ch_head_big 点击效果样式 */
.ch_head_big {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.ch_head_big:hover {
    transform: scale(1.05);
}

/* 居中显示效果 */
.ch_head_big img {
    display: block;
    margin: 0 auto;
}

.ch_head_big .main-character-img {
    border: 3px solid white;
    border-radius: 8px;
}

/* ch_head_big 角标样式 */
.ch_head_big {
    position: relative;
}

.ch_head_big .photo_badge {
    position: absolute;
    top: -0%;
    right: -3%;
    width: 6%;
    height: auto;
    z-index: 10;
    scale: 2.1;
}

/* ch_head_big 遮罩层样式 */
.ch_head_big_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.ch_head_big_overlay .overlay-container {
    position: relative;
    display: inline-block;
}

.ch_head_big_overlay img {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
}

.ch_head_big_overlay .close-icon {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10000;
    scale:1.5;
}

.img_voice {position:absolute; top:485px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*4氩  鞚岇劚 */
.img_movie {position:absolute; top:350px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*5氩  鞓侅儊 */
.img_shot {position:absolute; top:340px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*6氩  鞀ろ伂毽办兎 */
.img_line {position:absolute; top:365px; left:50%;width:1200px; height:624px; z-index:10; margin-left: -360px; z-index:10;} /*7氩  霛检澑 */
.img_footer {position:absolute; top:520px; left:0px; left:50%; width:1920px; z-index:10; margin-left: -960px; font-size:30px;   z-index:10;} /*8氩  毵來伂 */

.img_topbtn2 {position:absolute; top:100px; left:50%;width:1920px; z-index:10; margin-left: -960px;} /*8氩  靷爠鞓堨暯氩勴娂*/

.top_reserve_box {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background-color: rgba(0, 0, 0, 0.6); /* 黑色半透明背景，透明度60% */
    border-radius: 15px; /* 圆角 */
    padding: 20px; /* 内边距 */
    transform-origin: bottom center;
}

.top_reserve_box_pc {
    display: inline-block;
    margin-right: 20px;
}

/* 点击跳转按钮的效果 */
.top_reserve_box_pc button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
}

.top_reserve_box_pc button:hover {
    opacity: 0.9;
    transform: scale(1.02);
    transition: all 0.2s ease;
}

.top_reserve_box_pc button img {
    display: block;
    border: none;
}

.top_reserve_box_android {
    display: inline-block;
}

.top_reserve_box_android img {
    margin-bottom: 2px;
}

.top_reserve_box_row1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_reserve_box_row2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.top_reserve_box .agree_left_dmm_text {
    position: static;
    margin: 0;
    width: auto;
    font-size: 16px;
    white-space: nowrap;
}

.top_reserve_box .agree_right_dmm_text {
    position: static;
    margin: 0;
    width: auto;
    font-size: 14px;
}

.top_reserve_box_row3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_reserve {
    position: static;
    transform: none;
}

.top_character_left {
    position: absolute;
    left: 10%;
    bottom: -30%;
    z-index: 9;
}

.top_character_left video {
    width: 507px;
    height: 983px;
    max-width: 507px;
    max-height: 983px;
    object-fit: contain;
    background: transparent;
}

.top_character_right {
    position: absolute;
    right: 10%;
    bottom: -30%;
    z-index: 9;
}

.top_character_right video {
    width: 507px;
    height: 983px;
    max-width: 507px;
    max-height: 983px;
    object-fit: contain;
    background: transparent;
}

.top_title {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
    transform-origin: bottom left;
}


/* .footer_text01 {position:absolute; top:510px; left:0px; left:50%; width:500px; z-index:10; margin-left: -320px; font-size:20px; z-index:10;} 膦岇浮旮€ */
/* .footer_text02 {position:absolute; top:510px; left:0px; left:50%; width:500px; z-index:10; margin-left: 140px; font-size:20px; z-index:10;} 鞖办浮旮€ */
.footer_text03 {position:absolute; top:660px; left:0px; left:50%; width:800px; z-index:10; margin-left: -320px; font-size:20px; z-index:10;} /*欷戩暀旮€ */

.footer_m_text01 {position:absolute; top:540px; left:0px; left:50%; width:500px; z-index:10; margin-left: -320px; font-size:20px; z-index:10;} /*膦岇浮旮€ */
.footer_m_text02 {position:absolute; top:540px; left:0px; left:50%; width:500px; z-index:10; margin-left: -50px; font-size:20px; z-index:10;} /*鞖办浮旮€ */
.footer_m_text03 {position:absolute; top:630px; left:0px; left:50%; width:800px; z-index:10; margin-left: -320px; font-size:20px; z-index:10;} /*欷戩暀旮€ */
.footer_m_text04 {position:absolute; top:950px; left:0px; left:50%; width:1000px; z-index:10; margin-left: -380px; font-size:20px; z-index:10;} /*欷戩暀旮€ 氩勴娂鞎勲灅 */
.footer_m_link01 {position:absolute; top:700px; left:0px; left:50%; width:1000px; z-index:10; margin-left: -500px; font-size:20px; z-index:10;} /*欷戩暀氩勴娂 */



.footer_link01 {position:absolute; top:45%; left:0px; left:50%; width:1920px; z-index:10; margin-left: -960px; font-size:20px; z-index:10;} /*欷戩暀氩勴娂 */
.footer_modal {position:absolute; top:75%; left:0px; left:50%; width:1920px; z-index:10; margin-left: -960px; font-size:30px;   z-index:10000;} /*頃橂嫧 氇嫭 毵來伂 */
.footer_copy {position:absolute; top:85%; left:0px; left:50%; width:1920px; z-index:10; margin-left: -960px; font-size:20px; z-index:10;} /*斓滍晿雼  旃错敿霛检澊韸  */


input.voice_01 {
  background: url("images/voice_01.png") center center / contain no-repeat;
  width: 245px;
  height: 49px;
  border-style: none;
  cursor:pointer;
}
input.voice_02 {
  background: url("images/voice_01.png") center center / contain no-repeat;
  width: 245px;
  height: 49px;
  border-style: none;
  cursor:pointer;
}
input.voice_03 {
  background: url("images/voice_01.png") center center / contain no-repeat;
  width: 245px;
  height: 49px;
  border-style: none;
  cursor:pointer;
}


a.copy:link {color:ffffff; font-size:30px;  text-decoration:none;}
a.copy:visited {color:ffffff; font-size:30px; text-decoration:none;}
a.copy:hover {color:ffffff; font-size:30px; text-decoration:none;}


/* 鞀ろ伂毽办兎 */
	* {margin:0;padding:0;}
	.game_ban input[id*="slide"] {display:none;}
	.game_ban .slidewrap {max-width:1700px;margin:0 auto;}
	.game_ban .slidelist {white-space:nowrap;font-size:0;overflow:hidden;position:relative;}
	.game_ban .slidelist > li {display:inline-block;vertical-align:middle;width:100%;transition:all .5s;}
	.game_ban .slidelist > li > a {display:block;position:relative;}
	.game_ban .slidelist > li > a img {width:100%;}
	.game_ban .slidelist label {position:absolute;z-index:10;top:50%;transform:translateY(-50%);padding:50px;cursor:pointer; width: 100px; height: 100px;}
	.game_ban .slidelist .textbox {position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1.6;text-align:center;}
	.game_ban .slidelist .textbox h3 {font-size:36px;color:#fff;;transform:translateY(30px);transition:all .5s;}
	.game_ban .slidelist .textbox p {font-size:16px;color:#fff;opacity:0;transform:translateY(30px);transition:all .5s;}
	
	/* input鞐  觳错伂霅橂┐ 鞀澕鞚措摐 須臣 */
	.game_ban input[id="slide01"]:checked ~ .slidewrap .slidelist > li {transform:translateX(0%);}
	.game_ban input[id="slide02"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-100%);}
	.game_ban input[id="slide03"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-200%);}
	.game_ban input[id="slide04"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-300%);}
	.game_ban input[id="slide05"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-400%);}
	.game_ban input[id="slide06"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-500%);}
	.game_ban input[id="slide07"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-600%);}
	.game_ban input[id="slide08"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-700%);}
	.game_ban input[id="slide09"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-800%);}
	.game_ban input[id="slide10"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-900%);}

	/* input鞐  觳错伂霅橂┐ 韰嶌姢韸  須臣 */
	.game_ban input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide04"]:checked ~ .slidewrap li:nth-child(4) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide04"]:checked ~ .slidewrap li:nth-child(4) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide05"]:checked ~ .slidewrap li:nth-child(5) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide05"]:checked ~ .slidewrap li:nth-child(5) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide06"]:checked ~ .slidewrap li:nth-child(6) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide06"]:checked ~ .slidewrap li:nth-child(6) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide07"]:checked ~ .slidewrap li:nth-child(7) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide07"]:checked ~ .slidewrap li:nth-child(7) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide08"]:checked ~ .slidewrap li:nth-child(8) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide08"]:checked ~ .slidewrap li:nth-child(8) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide09"]:checked ~ .slidewrap li:nth-child(9) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide09"]:checked ~ .slidewrap li:nth-child(9) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
	.game_ban input[id="slide10"]:checked ~ .slidewrap li:nth-child(10) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
	.game_ban input[id="slide10"]:checked ~ .slidewrap li:nth-child(10) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}

	/* 膦 ,鞖  鞀澕鞚措摐 氩勴娂 */
	.slide-control > div {display:none;}
	.game_ban .left {left:-10px;background:url('images/left.png') center center / 100% no-repeat;}
	.game_ban .right {right:-10px;background:url('images/right.png') center center / 100% no-repeat;}
	.game_ban input[id="slide01"]:checked ~ .slidewrap .slide-control > div:nth-child(1) {display:block;}
	.game_ban input[id="slide02"]:checked ~ .slidewrap .slide-control > div:nth-child(2) {display:block;}
	.game_ban input[id="slide03"]:checked ~ .slidewrap .slide-control > div:nth-child(3) {display:block;}
	.game_ban input[id="slide04"]:checked ~ .slidewrap .slide-control > div:nth-child(4) {display:block;}
	.game_ban input[id="slide05"]:checked ~ .slidewrap .slide-control > div:nth-child(5) {display:block;}
	.game_ban input[id="slide06"]:checked ~ .slidewrap .slide-control > div:nth-child(6) {display:block;}
	.game_ban input[id="slide07"]:checked ~ .slidewrap .slide-control > div:nth-child(7) {display:block;}
	.game_ban input[id="slide08"]:checked ~ .slidewrap .slide-control > div:nth-child(8) {display:block;}
	.game_ban input[id="slide09"]:checked ~ .slidewrap .slide-control > div:nth-child(9) {display:block;}
	.game_ban input[id="slide10"]:checked ~ .slidewrap .slide-control > div:nth-child(10) {display:block;}

	/* 韼橃澊歆  頃橂嫧 鞎勳澊旖  */
	.slide-pagelist {text-align:center;padding:2px;}
	.slide-pagelist > li {display:inline-block;vertical-align:middle;}
	.slide-pagelist > li > label {display:block;padding:14px 14px; border-radius:0px; border:1px solid #311500; box-shadow: 2px 0px 2px 0px rgba(236,129,43,0.67); transform: rotate(45deg); background:#fff; margin:20px 10px;cursor:pointer;}
	.game_ban input[id="slide01"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(1) > label {background:#ec812b;}
	.game_ban input[id="slide02"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(2) > label {background:#ec812b;}
	.game_ban input[id="slide03"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(3) > label {background:#ec812b;}
	.game_ban input[id="slide04"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(4) > label {background:#ec812b;}
	.game_ban input[id="slide05"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(5) > label {background:#ec812b;}
	.game_ban input[id="slide06"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(6) > label {background:#ec812b;}
	.game_ban input[id="slide07"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(7) > label {background:#ec812b;}
	.game_ban input[id="slide08"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(8) > label {background:#ec812b;}
	.game_ban input[id="slide09"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(9) > label {background:#ec812b;}
	.game_ban input[id="slide10"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(10) > label {background:#ec812b;}
/* 鞀ろ伂毽办兎 */


/* os_img 样式 */
.os_img {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
}

/* os_text 样式 */
.os_text_box {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    max-width: 1200px;
    z-index: 20;
    padding-left: 7.5%;
}

.os_text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.os_text li {
    flex: 1;
    max-width: 500px;
    text-align: left;
    font-size: 18px;
    line-height: 1.6;
}

.os_text01 {
    order: 1;
}

.os_text02 {
    order: 2;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .os_text {
        flex-direction: column;
        gap: 30px;
    }
    
    .os_text li {
        max-width: 100%;
        font-size: 16px;
    }
}