@charset "utf-8";

#bgImg {
	width: 100%;
	height: 865px;
	background-color: #717171;
	position: relative;
	margin: 0 auto;
	z-index: 0;
}
.IMG,.IMGO{
	width: 100%;
	height: 865px;
	position: absolute;
	background-size: cover;
	/* transition: z-index 0.5s; */
	z-index: -1;
    transition: opacity 1s ease; /* 过渡效果，1秒钟的渐变 */
	
}
#bgImg .IMG{
	background-image: url('../img/全屏/city.jpg');
}
#bgImg .IMGO{
	background-image: url('../img/slider-2.jpg');
}
#bgImg .img_word{
	width: 60%;
	height: 330px;
	/* margin-top: 330px; */
	z-index: 10;
	position: absolute;
	top:30%;
	left: 20%;
}
#bgImg .img_word h1{
	color: white;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 2px;
}
#bgImg .img_word a{
	color: #FFA600;
	text-decoration: none;
}
#bgImg .img_word .p{
	width: 500px;
	height: 120px;
	margin: 0;
	color: white;
	margin-top: 40px;
	font-size: 14px;
}
#bgImg .img_word .btn{
	width: 120px;
	height: 50px;
	background-color: #FFA600;
	border: none;
	border-radius: 20px;
	font-weight: 600;
	cursor: pointer;
}
#bgImg .button{
	width: 200px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	bottom: 10%;
	left: 20%;
}
#bgImg .button button{
	width: 40px;
	height: 40px;
	background-color: #effffd;
	border: none;
	border-radius: 20px;
	cursor: pointer;
}
#bgImg .button button:hover{
	background-color: #00b400;
	cursor: pointer;
}
/* 新闻 */
#news {
	width: 100%;
	height: 70px;
}

#news .new {
	width: 30%;
	height: 70px;
	background-color: #ffa660;
	float: left;
}

#news #games {
	width: 70%;
	height: 70px;
	background-color: black;
	float: left;
	color: white;
	line-height: 70px;
}

#news #games .font {
	width: 70px;
	height: 40px;
	background-color: #818181;
	/* 需要在行内设置背景颜色 */
	line-height: 40px;
	text-align: center;
	padding: 8px 15px 8px 15px;
	margin-left: 150px;
	font-weight: 800;
	font-family: MiSans-Heavy;
}

#news .new {
	text-align: right;
	line-height: 70px;
	color: white;
	font-weight: 800;
	padding-right: 30px;
	box-sizing: border-box;
}

#news #games .game_font {
	width: 100px;
	height: 70px;
	line-height: 70px;
	color: white;
	margin-left: 30px;
	font-family: MiSans;
}

/* 视屏 */
#video {
	width: 100%;
	margin-top: 100px;
	height: 500px;
	/* background-color: #717171; */
}

#video #videoBox {
	width: 1000px;
	height: 400px;
	background-color: #000000;
	position: relative;
	margin: 0 auto;
}

#video #videoBox .videoBoxes1 {
	width: 250px;
	height: 400px;
	background-color: #242424;
	background-image: url('../img/游戏图标竖版/2.jpg');
	background-size: cover;
	background: to center;
	background-repeat: no-repeat;
	float: left;
}

#video #videoBox .videoBoxes2 {
	width: 250px;
	height: 400px;
	background-color: #242424;
	background-image: url('../img/游戏图标竖版/下载.jpg');
	background-size: cover;
	background: to center;
	background-repeat: no-repeat;
	float: left;
}

#video #videoBox .videoBoxes3 {
	width: 250px;
	height: 400px;
	background-color: #242424;
	background-image: url('../img/游戏图标竖版/3.jpg');
	background-size: cover;
	background: to center;
	background-repeat: no-repeat;
	float: left;
}

#video #videoBox .videoBoxes4 {
	width: 250px;
	height: 400px;
	background-color: #242424;
	background-image: url('../img/游戏图标竖版/4.jpg');
	background-size: cover;
	background: to center;
	background-repeat: no-repeat;
	float: left;
}

#video #videoBox .newB {
	width: 70px;
	height: 30px;
	background-color: #fd5353;
	position: absolute;
	top: 20px;
	left: 15px;
	text-align: center;
	line-height: 30px;
	color: white;
	box-sizing: border-box;
}
.bottom{
	position: absolute;
	bottom: 110px;
}
#video #videoBox .backgroud {
	width: 250px;
	height: 400px;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 20px;
	box-sizing: border-box;
}

#video #videoBox .backgroud .pBox {
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: 0px;
}

#video #videoBox .backgroud p {
	font-size: 12px;
	color: white;
}

/* Recent Games */
.Rgame {
	width: 100%;
	height: 750px;
	background-color: #eef2f6;
	background-image: url(../img/recent-game-bg.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.Rgame .score_num {
	width: 1200px;
	position: relative;
	height: 830px;
	margin: 0 auto;
}

.Rgame .score_num .font_box {
	position: absolute;
	top: 80px;
	left: 550px;
	padding: 8px 25px;
	color: white;
	font-weight: 900px;
}

#font {
	width: 500px;
	height: 160px;
	margin: 0 auto;
	/* background-color: #000000; */
}

.Rgame .score_num #font h1 {
	position: absolute;
	top: 150px;
	left: 475px;
}

.Rgame .score_num #Lbox {
	width: 1100px;
	height: 470px;
	/* background-color:#242424 ; */
}

.Rgame .score_num #Lbox .lboxs {
	width: 340px;
	height: 400px;
	/* background-color: #9bf6b5; */
	float: left;
	margin-left: 20px;
	position: relative;
}

.Rgame .score_num #Lbox #box1 {
	width: 340px;
	height: 200px;
	background-image: url('../img/游戏图片/1.jpg');
	background-size: cover;
}

.Rgame .score_num #Lbox #box2 {
	width: 340px;
	height: 200px;
	background-image: url('../img/游戏图标竖版/renji.jpg');
	background-size: cover;
}

.Rgame .score_num #Lbox #box3 {
	width: 340px;
	height: 200px;
	background-image: url('../img/游戏图标竖版/titanfall.jpg');
	background-size: cover;
}

.Rgame .score_num #Lbox .lboxs .img_one p {
	position: absolute;
	background-color: #fd5353;
	font-weight: 600;
	color: white;
	width: 70px;
	top: 20px;
	left: 20px;
	font-size: 14px;
	height: 35px;
	text-align: center;
	line-height: 35px;
}

.Rgame .score_num #Lbox .lboxs .fontGames {
	width: 340px;
	height: 200px;
	position: absolute;
	top: 200px;
	padding: 30PX;
	box-sizing: border-box;
	background-color: #e7fcff;
}

#imgfacoritO {
	width: 40px;
	height: 40px;
	background-color: #ffa660;
	position: absolute;
	bottom: 0px;
	right: 40px;
	padding: 5px;
	box-sizing: border-box;
}

#imgfacoritT {
	width: 40px;
	height: 40px;
	background-color: #ff557f;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 5px;
	box-sizing: border-box;
}

/* word */
#word {
	width: 100%;
	height: 580px;
	border-top: 1px solid white;
	background-image: url(../img/pattern.png);
}

#word #BoxWord {
	width: 1200px;
	height: 320px;
	margin: 0 auto;
	margin-top: 160px;
	/* background-color: #b0b0b0; */
	position: relative;
}

#word #BoxWord .wordPassag {
	width: 580px;
	height: 320px;
	background-color: #242424;
	float: left;
}

#word #BoxWord .wordPassag .tou {
	width: 137px;
	height: 42px;
	background-color: #ff8000;
	position: absolute;
	top: -42px;
	padding: 20px;
	box-sizing: border-box;
	line-height: 5px;
	color: white;
	font-weight: 800;
	font-size: 14px;
}

#word #BoxWord .wordPassag .Ptou {
	width: 190px;
	height: 42px;
	background-color: #ffaa00;
	position: absolute;
	top: 0;
	box-sizing: border-box;
	line-height: 20px;
	color: black;
	text-align: center;
	font-size: 14px;
	padding: 10px;
	font-weight: 800;
}

#word #BoxWord .wordOf {
	width: 580px;
	height: 278px;
	padding: 30px 20px 30px 20px;
	box-sizing: border-box;
	/* background-color: #ffffff; */
	position: absolute;
	top: 42px;
}

#word #BoxWord .wordOf .Qimg {
	width: 200px;
	height: 200px;
	background-image: url('../img/宣传图/1.jpg');
	background-size: cover;
	background-color: #000000;
	margin: 0;
	float: left;
}

#word #BoxWord .wordOf .Qpassage {
	width: 330px;
	height: 200px;
	/* background-color: #000000; */
	color: white;
	padding-left: 20px;
	box-sizing: border-box;
	float: left;
}

#word #BoxWord .wordOf .Qimg1 {
	width: 200px;
	height: 200px;
	background-image: url('../img/宣传图/2.jpg');
	background-size: cover;
	background-color: #000000;
	margin: 0;
	float: left;
}

#word #BoxWord .wordOf .Qpassage1 {
	width: 330px;
	height: 200px;
	/* background-color: #000000; */
	color: white;
	padding-left: 20px;
	box-sizing: border-box;
	float: left;
}

#word #BoxWord .wordOf .Qpassage p {
	font-size: 16px;
}

/*  */
#newBackground {
	width: 100%;
	height: 830px;
	/* background-color: #818181; */
	background-image: url('../img/review-bg.png');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

#newBackground .score_num {
	width: 1200px;
	position: relative;
	height: 830px;
	margin: 0 auto;
}

#newBackground .score_num .font_box {
	position: absolute;
	top: 80px;
	left: 550px;
	padding: 8px 25px;
	color: white;
	font-weight: 900px;
}

#font {
	width: 500px;
	height: 280px;
	margin: 0 auto;
	/* background-color: #000000; */
}

#newBackground .score_num #font h1 {
	position: absolute;
	color: black;
	top: 150px;
	left: 475px;
}

#newBackground #score_box {
	width: 1200px;
	height: 550px;
	position: absolute;
	padding-left: 20px;
	box-sizing: border-box;
}

#newBackground #score_box .score_Box {
	width: 250px;
	height: 350px;
	background-color: #FFA600;
	float: left;
	margin-left: 30px;
	margin-top: 40px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background: to center;
}

#newBackground #score_box .score_Box .score {
	position: absolute;
	width: 54px;
	height: 54px;
	top: -27px;
	left: 26px;
	box-sizing: border-box;
	padding-top: 15px;
	font-size: 18px;
	border-radius: 50%;
	font-weight: 500;
	color: #fff;
	text-align: center;
	z-index: 1;
	background: #ffb320;
}

#newBackground #score_box .score_Box .intrude {
	text-align: center;
	position: relative;
	top: 380px;
}

#newBackground #score_box .score_Box .intrude h4 {
	color: black;
	margin-bottom: 20px;
}

#newBackground #score_box .score_Box .intrude p {
	color: #747474;
	font-size: 14px;
}