/* - - - - - - - - - 各浏览器样式默认值标准化 - - - - - - - - -*/
html,
body,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
p,
blockquote,
pre,
a,
address,
code,
del,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label{margin: 0; padding: 0; border: 0; font-style: inherit; font-family: inherit; vertical-align: baseline;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
audio,
video{margin: 0; padding: 0; display: block;}
html{-webkit-text-size-adjust: none;}
img{border: none; vertical-align: middle;}
input,
select,
button{padding: 0; margin: 0; outline: none; font-family: inherit; vertical-align: middle;}
textarea{font-family: inherit; padding: 0; margin: 0;}
button{cursor: pointer;}
html{overflow-x: hidden;}
body{font-size: 12px; min-width: 1280px; background: #000;; font-family: 'Microsoft YaHei'; position: relative; overflow: hidden;}
ul,
ol{list-style-type: none;}
h1{font-size: 24px;}
h2{font-size: 18px;}
h3,
h4{font-size: 14px;}
h5{font-size: 12px;}
i,
em,
address{font-style: normal;}
a{text-decoration: none; color: #4f4f4f;}
a:hover{text-decoration: none; transition: color 200ms linear 0s, background-color 200ms linear 0s, border-color 200ms linear 0s;}
/*鼠标悬停时*/
a:active{}
/*点击与释放时*/
a:visited{}
/* 访问过 */
/* - - - - - - - - - 常用类样式 - - - - - - - - -*/
.photo img,
.photo_fullsize img{display: block; width: 100%; height: 100%;}
/*图片全尺寸*/
.no_bor{border: none !important;}
/*无边框*/
.no_bg{background: none !important;}
/*无背景*/
.clear{display: block; height: 0; line-height: 0; overflow: hidden; clear: both; font-size: 0;}
/*清除浮动*/
.clear_::after{content: ""; display: block; clear: both; height: 0; line-height: 0; overflow: hidden;}
/*清除浮动*/
.center{margin: 0 auto; width: 1280px;}
.border_top,
.border_right,
.border_bottom,
.border_left{overflow: hidden; line-height: 0; position: absolute; background: #2a5abe;}
.border_top{left: 50%; top: 0; height: 4px;}
.border_right{top: 50%; right: 0; width: 4px;}
.border_bottom{left: 50%; bottom: 0; height: 4px;}
.border_left{top: 50%; left: 0; width: 4px;}

/*.container1{width:32.22958749rem;height:auto;margin:0 auto;}*/
/*.container1 .div_scroll{float:left;width:100%;height:15.210526315789474rem;overflow:auto;}*/
/*.container1 .scroll_container{position:relative;overflow:hidden;}*/
/*.container1 .scroll_absolute{position:absolute;}*/
/*.container1 .scroll_vertical_bar{width:0.631578947368421rem;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;}*/
/*.container1 .scroll_track{position:relative;border-radius:0.5263157894736842rem;background:url(../images/line_y.gif) repeat-y center top;}*/
/*.container1 .scroll_drag{position:relative;top:0;left:0;border-top:none;border-bottom:none;cursor:pointer;background-color:#4a3d2c;border-radius:1.0526315789473684rem;}*/
/*.container1 .scroll_arrow{text-indent:-1052.6315789473683rem;cursor:pointer;display:block;}*/
.Scroll_box {
    /*height: auto; */
    /*max-height: 85vh; */
    /*overflow-y: auto; */
    height: 100%; /* 确保滚动区域可以扩展到父容器的高度 */
    max-height: none; /* 移除可能的 max-height 限制 */
}

/*.container1 {*/
/*    width: 1320px;*/
/*    max-width: 2000px; */
/*    margin: 0 auto;*/
/*    height: auto;*/
/*    max-height: 85vh; */
/*    overflow-y: auto; */
/*}*/
.container1 {
    width: 80%;
    max-width: 1800px;
    height: auto;
    margin: 0 auto;
    overflow-y: auto; 
}
.container1 .div_scroll {
    float: left;
    width: 100%;
    max-height: 85vh; /* 使用视口高度百分比 */
    overflow: auto;
}

.container1 .scroll_container {
    position: relative;
    overflow: hidden;
}

.container1 .scroll_absolute {
    position: absolute;
}

.container1 .scroll_vertical_bar {
    width: 2%; /* 使用百分比宽度 */
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.container1 .scroll_track {
    position: relative;
    border-radius: 0.5rem; /* 调整为 rem */
    background: url(../images/line_y.gif) repeat-y center top;
}

.container1 .scroll_drag {
    position: relative;
    top: 0;
    left: 0;
    border-top: none;
    border-bottom: none;
    cursor: pointer;
    background-color: #4a3d2c;
    border-radius: 1rem; /* 调整为 rem */
}

.container1 .scroll_arrow {
    text-indent: -100rem; /* 隐藏文本 */
    cursor: pointer;
    display: block;
}
/* 针对宽度大于1920px的屏幕 */
@media only screen and (min-width: 1920px) {
    .container1 {
        width: 70%; /* 进一步缩小相对宽度以适应更宽的屏幕 */
        max-width: 1800px; /* 增加最大宽度 */
    }
    .container1 .div_scroll {
        max-height: 80vh; /* 减少视口高度的使用 */
    }
    .Rgames {
        width: 25%; /* 允许更多元素展示 */
    }
}

/* 针对宽度大于2560px的超高分辨率屏幕 */
@media only screen and (min-width: 2560px) {
    #Gamecontent {
        min-height: 990px; /* 高分辨率下增加高度 */
    }
    .container1 {
        width: 60%; /* 更进一步缩小相对宽度 */
        max-width: 2200px; /* 增加最大宽度 */
    }
    .container1 .div_scroll {
        max-height: 75vh; /* 进一步减少视口高度 */
    }
    .Rgames {
        width: 22%; /* 调整宽度以显示更多内容 */
        height: auto; /* 自适应高度 */
        margin-left: 1rem;
        margin-right: 1rem;
        
    }

    .Rgames .photo,
    .Rgames .gamebtn {
        width: 20rem; /* 增加照片和按钮宽度 */
    }

    .Rgames .title {
        width: 18rem; /* 增加标题区域宽度 */
    }

    .Rgames .list {
        width: 19rem; /* 增加列表区域宽度 */
    }

    .Rgames .title .list_title {
        font-size: 1.4rem; /* 调整字体大小 */
    }

    .Rgames .title .list_right {
        font-size: 0.9rem; /* 调整字体大小 */
    }
}

/* 针对宽度大于3840px (4K)的屏幕 */
@media only screen and (min-width: 3840px) {
    .container1 {
        width: 50%; /* 调整相对宽度 */
        max-width: 2500px; /* 进一步增加最大宽度 */
    }
    .container1 .div_scroll {
        max-height: 70vh;
    }
    .Rgames {
        width: 15%; /* 在超高分辨率下展示更多元素 */
    }
}



.clear {
    clear: both;
}
/*.GameVer {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*    gap: 1rem; */
/*}*/