body{
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
}
/* 1s */
a{
   text-decoration: none;
}
.box1{
    width: 100%;
    height: 566px;
    background-image: url(../img/bg1.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
   
}
.line{
    line-height: 70px;
}

.logo a img{
    width: 107px;
    height: 70px;
}

.box1 div a{
    color: #f5b04e;
}

.xiazai{
    z-index: 100;
}
.xiazai img{
    width: 300px;
    height:76px;
    z-index: 100;
}
.text{
    text-align: center;
    color: #fff;
    margin-top: 206px;
}
.font1-2{
    margin-bottom: 10px;
    font-size: 20px;
    padding-bottom: 20px;
}
.font1{
    margin-bottom: 10px;
    font-size: 50px;
    padding-left:15px ;
    padding-right: 15px;
    padding-top: 15px;
    
}
.blank{
    width: 600px;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    background-color: #000;
    opacity: 0.8;
}

/* 1e */
/* 2s */

.box2{
    background-image: url(../img/bg2.png);
    background-repeat: no-repeat;
    width:100%;
    height: 734px;
}
.demo-tab-body>div{display: none;}
.box2{
    margin: 0 auto;
}
.c2{
    display: flex;
    gap: 20px;
    justify-content: center;
 
}
.layui-btn-primary{
    border: none;
}
.layui-btn{
    width: 212px;
    height: 212px;
    cursor: pointer;
    filter: brightness(100%);
    transition: filter 0.3s ease;
    text-align: center;
}
.content12{
    width: 800px;
    height: 500px;
    background-image: linear-gradient(to right, #e2f9f1, #fff, #d4f1f6); 
    text-align: center;
    z-index: 10;
}
.title2{
    font-weight: 550;
    font-size: 25px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding-top:10px ;
    padding-bottom: 10px;
}
.xgt img{
    width: 800px;
    margin-top: 10px;
    height: 415px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 10px silver;
}


/* 2e */
/* 3s */
.box3{
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
    background-color: #fff;
}
.zc{
    width: 345px;
    height: 45px;
    margin:0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.zc img{
    width: 100%;
    height: 100%;
}
.b1 {
    width: 266px;
    height: 230px;
    background-color: #e1f9d3;
    border: 2px solid #c9f7c7;
    text-align: center;
    margin: 0 auto;
}
.b1 a{
    color: #000;
}
.b1 a img{
    width: 264px;
    height: 168px;
}
.game-name{
    text-align: center;
    line-height: 35px;
}
.more{
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    width: 50px;
    height: 30px;
    line-height: 30px;
    background-color: rgb(201, 247, 199);
    border-radius: 10px;
    border:1px solid #c9f7c7;
    cursor: pointer;
    

}
.extra-game {
    display: none;
}
.more:hover{
    filter: brightness(80%);
}
/* 3e */
/* 4e  */
.box4{
    background-image: url(../img/bg4.jpg);
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 363px;
    color: #fff;
}
.xiazai2 img{
    width: 300px;
    height:76px;
}
.wenz{
    font-size: 40px;
    padding-top: 80px;
    padding-bottom: 30px;
}
.wenz2{
    font-size: 30px;
}
.xiazai2{
    margin-top: 30px;
    z-index: 10;
}
/* 4s  */
/* foot */
.g-footer {
	margin-bottom: 0;
    margin-left: 5%;
	background: #282d35;
	color: #6e7c80;
	font-size: 13px
}
.g-footer .g-inner {
	padding-top: 30px;
	height: 100%
}

.g-footer p {
	font-size: 12px;
	margin-bottom: 3px
}

.g-footer .link {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #32373f;
	width: 720px;
	color: #a5b9bf
}

.g-footer .link a:after {
	background: #32373f
}

.legal-ico {
	overflow: hidden;
	text-align: center
}

.legal-ico a {
	float: left;
	margin-left: 5px;
	padding: 10px 1.5em 10px 52px;
	background: #2f343c url(../img/legal-ico.png) no-repeat;
	text-align: left;
	line-height: 16px;
	font-size: 12px;
	color: #69767b;
	border-radius: 30px
}

.legal-ico a:hover {
	text-decoration: none
}

.legal-ico .i1 {
	background-position: 10px 0
}

.legal-ico .i2 {
	background-position: 10px -52px
}

.legal-ico .i3 {
	background-position: 10px -104px
}
.clearfix:after,.clearfix:before,.g-parse:before,.g-parse:after,.g-inner:before,.g-inner:after,.m-prod-wrapper ul:before,.m-prod-wrapper ul:after {
	content: '';
	clear: both;
	display: table
}
.fr{
    float:left;
}

.foot{
    background: #282d35;
}
.link a,.clearfix .fl p a{
    color: #fff;
}