/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup{ margin:0; padding:0; border:0;  font-family: "Microsoft Yahei", "PingFang SC", "Helvetica", "Arial", "Wenquanyi Micro Hei", sans-serif; }
html{ -webkit-text-size-adjust:none;}
body{  color:hsla(0, 0%, 89%, 0.815); background-color:#A4655C;}
input,textarea,button{ resize:none;   -webkit-appearance: none;  font-family: 'SourceHanSansCN-Regular';}
img{ border:none; vertical-align:top; max-width:100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#f6f9f9; transition:color 0.3s ease-in;}
a:hover{  outline:none; color:#cab172; text-decoration:none;}
a:focus{outline:none;}
h1,h2{ font-weight:normal;}
input:focus,textarea:focus,button{ outline:none; -webkit-appearance: none;}
em,i{ font-style:normal;}

 
.or{ overflow:hidden;}
.cl{ clear:both;}
.container{ width: 2000px;; margin-left:auto; margin-right:auto;}

.header{ height:97px;}
.logo{ float:left; margin-top:15px;}
.nav{ float:right; display:flex; }
.navitem{ width:150px; text-align: center; line-height: 97px; font-size:18px; height: 97px; position: relative;}
.navitem a.link{position:absolute; left:0; top:0; width:100%; display:block; height:105px; }
.cur::before{ content: ''; position:absolute; left:0; top:0; width:100%; display:block; height:105px;  border-radius:0 0 5px 5px;}
.cur .link{ color:#534c66;border-bottom: #9a6892 4px;}
.other{ width:100%; position:absolute; left:0; top:95px; background-color:#fff; border:1px solid #98d9a4; display: none;}
.other a{ display: block; line-height: 42px; height: 42px; border-bottom:1px solid #98d9a4;}
.navitem:hover .other{ display: block;}

.banner{ height: 628px; background: url('../img/banner.png') no-repeat center top;}
.box{ padding:5px 0;}
.typebox{ height: 600px; width: 1980px; display:flex; justify-content: space-between; margin-top:15px; float: left;border: #534c66 0px solid;}
.tyitem{
    height: 570px;width:980px; float:left;border: #534c66 0px solid;
}
.mkbar{ text-align: center; color:#4e5176;}
.mkbar h2{ font-size:34px;}
.mtbox{height: 794px; background: url('../img/t01.png') no-repeat right 80px; margin-top:30px;}
.mtbox2{height: 901px; background: url('../img/gameDetailx.png') no-repeat left top;}
.mtwz{ font-size:24px; color:#f6f7f9; line-height: 42px;}
.mtleft{ padding-top:300px;}
.mtright{ float:right; text-align: right; padding-top:300px;}
.mtright h2{ padding-bottom:30px;} 

.pagebanner{height: 1524px; background: url('../img/home_top.png') no-repeat center top;}
.pagebanner2{height: 774px; background: url('../img/banner2.png') no-repeat center top;}
.pagebanner3{height: 540px; background: url('../img/banner3.png') no-repeat center top;}
.cont{ padding:50px 150px 20px; text-align: center; line-height: 40px;}


.downtype{display:flex; justify-content: space-between; margin:70px 0; height: auto;}
.downitem{ width:280px; height: 320px; box-sizing: border-box;  padding-top:40px; border-radius:20px; text-align: center; cursor: pointer;}
.downitem h2{ margin-top:40px; font-size:28px; color:#f9f6f5;}
.downitem:hover{ background-color:#914e45f7; }

.footer{ text-align: center; line-height: 42px; padding:30px 0 50px; background-color:#914E45; color:#ffffff;}
.footer a{ color:#ffffff;}
.center_text{
    float:inline-start;
    color:#914e45f7;  size:4px;
    writing-mode: vertical-rl; /* 文本从上到下，从右到左 */
    transform: rotate(360deg); /* 修正文本方向，确保从上到下顺序 */
}