html, body, div, strong, b, span, i, p, h1, h2, h3, h4, h5, h6, em, ol, ul, li, dl, dt, dd, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	outline: 0;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {
	height: 100%;
	width: 100%;
}
a {
	text-decoration: none;
	font-family: "Microsoft Yahei";
	color: #333333;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
	max-height: 100%;
}
ul, on, li {
	list-style: none;
}
body {
	font-family: "microsoft yahei", "Arial";
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.flex {
	display: -o-box;
	display: flex;
}
.flex-box {
	-o-box-flex: 1;
	flex: 1;
}
.flex-box-left-center {
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-o-box-align: center;
	-ms-box-align: center;
	box-align: center;
}
.flex-box-center-left {
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-o-box-pack: center;
	-ms-box-pack: center;
	box-pack: center;
}
.flex-box-center-center {
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-o-box-pack: center;
	-ms-box-pack: center;
	box-pack: center;
	-o-box-align: center;
	-ms-box-align: center;
	box-align: center;
}
.flex-box-right-center {
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-o-box-pack: end;
	-ms-box-pack: end;
	box-pack: end;
	-o-box-align: center;
	-ms-box-align: center;
	box-align: center;
}
.flex-box-center-right {
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	align-items: flex-end;
	-o-box-pack: center;
	-ms-box-pack: center;
	box-pack: center;
	-o-box-align: end;
	-ms-box-align: end;
	box-align: end;
}
.flex-box-right-right {
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	align-items: flex-end;
	-o-box-pack: end;
	-ms-box-pack: end;
	box-pack: end;
	-o-box-align: end;
	-ms-box-align: end;
	box-align: end;
}
@font-face {
	font-family: 'NotoKufiArabic';
	src: url("../font/NotoKufiArabic-Regular.ttf") format("truetype");
}
html, body {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
body, a {
	font-family: "Graphik Web", "Helvetica", "Tahoma", "Arial", "sans-serif";
}
.dn{
	display: none;
}
.arfont {
	font-family: 'NotoKufiArabic', 'Arial';
}
header {
	height: 5.625rem;
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index: 999;
	transition: all 1.6s ease-out;
	-ms-transition: all 1.6s ease-out;
	-moz-transition: all 1.6s ease-out;
	-webkit-transition: all 1.6s ease-out;
	-o-transition: all 1.6s ease-out;
}
header.header {
}
header.header .logo {
}
header.header nav ul li.active a {
	color: #fff;
}
header.header nav ul li a {
}
header.header .lang {
	color: #fff;
}
header.header .lang a {color: #fff;
	
}
header.header .menus:before {
	background: rgba(255, 255, 255, 0.9);
}
header.header .menus a:before {
	background: rgba(255, 255, 255, 0.9);
}
header.header .menus a:after {
	background: rgba(255, 255, 255, 0.9);
}
header{
	height: 5.5625rem;
}
header .logo {
	height: 5.5625rem;
	line-height: 5.5625rem;
}
header nav {
	height: 3.6875rem;
}
header nav ul li {
	height: 5.5625rem;
	line-height: 5.5625rem;
}
header .lang {
	height: 5.5625rem;
	line-height: 5.5625rem;
}
header.header-lang .lang a.active {
	color: #0067ff;
}
header .logo—En,
header .logo {
	float: left;
	width: 20rem;
	height: 5.5625rem;
	text-align: center;
	line-height: 5.5625rem;
	transition: all 1.6s ease-out;
	-ms-transition: all 1.6s ease-out;
	-moz-transition: all 1.6s ease-out;
	-webkit-transition: all 1.6s ease-out;
	-o-transition: all 1.6s ease-out;
}
header .logo—En a{ background:url(../images/logo_EN.png) no-repeat center center;display: block;overflow: hidden;text-indent: -999em;}
header .logo a {
	display: block;
	overflow: hidden;
	background: url(../images/logo.png) no-repeat center center;
	text-indent: -999em;
}
header .lang {
	float: right;
	line-height: 5.5625rem;
	padding-right: 3.75rem;
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.875rem;
	transition: all 1.6s ease-out;
	-ms-transition: all 1.6s ease-out;
	-moz-transition: all 1.6s ease-out;
	-webkit-transition: all 1.6s ease-out;
	-o-transition: all 1.6s ease-out;
}
header .lang a {
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.875rem;
}
header .lang a.active {
	color: #0067ff;
	font-weight: bold;
}
header .lang a.cn {
	font-family: 'Microsoft Yahei', 'Arial';
	font-size: 0.875rem;
}
header .lang a.close-lang {
	display: none;
}
header .lang span {
	padding: 0 0.375rem;
}
header nav {
	float: left;
	height: 5.5625rem;
	line-height: 5.5625rem;
	padding-left:2.25rem;
	transition: all 1.6s ease-out;
	-ms-transition: all 1.6s ease-out;
	-moz-transition: all 1.6s ease-out;
	-webkit-transition: all 1.6s ease-out;
	-o-transition: all 1.6s ease-out;
}
header nav ul li {
	height: 5.5625rem;
	line-height: 5.5625rem;
	float: left;
	position: relative;
	transition: all 1.6s ease-out;
	-ms-transition: all 1.6s ease-out;
	-moz-transition: all 1.6s ease-out;
	-webkit-transition: all 1.6s ease-out;
	-o-transition: all 1.6s ease-out;
}
header nav ul li.active {
	font-weight: bold;
}
header nav ul li.active:before {
	content: "";
	display: block;
	width:5rem;
	height: 0.4rem; background:#0067ff;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-left: -2.5rem;
	margin-top:0.4rem; z-index:-9999;
}
header nav ul li.active a {
	color: #FFFFFF;
}
header nav ul li a {
	display: block;
	padding: 0 2.5rem;
	color: rgba(255, 255, 255, 0.75);
	font-size: 1.125rem;
}
header .menus { color:#fff;
	position: absolute;
	height: 3rem;
	width: 3rem;
	top: 1.3125rem;
	right: 0;
	display: none;
	transition: all 1.6s ease-out;
	-ms-transition: all 1.6s ease-out;
	-moz-transition: all 1.6s ease-out;
	-webkit-transition: all 1.6s ease-out;
	-o-transition: all 1.6s ease-out;
}
header .menus:before {
	content: "";
	height: 0.125rem;
	width: 1.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -0.0625rem;
	margin-left: -0.75rem;
	background: rgba(255, 255, 255, 0.9);
}
header .menus a {
	display: block;
	width: 3rem;
	height: 3rem;
}
header .menus a:before {
	content: "";
	height: 0.125rem;
	width: 1.5rem;
	position: absolute;
	left: 50%;
	margin-left: -0.75rem;
	top: 0.9375rem;
	background: rgba(255, 255, 255, 0.9);
}
header .menus a:after {
	content: "";
	height: 0.125rem;
	width: 1.5rem;
	position: absolute;
	left: 50%;
	margin-left: -0.75rem;
	bottom: 0.9375rem;
	background: rgba(255, 255, 255, 0.9);
}
article {
	height: 100%;
	width: 100%;
	background: #ffffff;
}
article section {
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 9;
}
article section .list {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);/* display: none; */
}
article section .list:first-child {
	display: block;
	padding: 0;
}
article section .list:nth-child(3) {
	background-image: url(../images/index_4.jpg);
}
article section .list .list-content {
	padding-left:16.875rem;
	padding-top: 15.25rem;
	height: 100%;
	width: 100%;
}
article section .list .banner {
	height: 100%;
	width: 100%;
	position: relative;
}
article section .list .slogan {
	height: 100%;
	width: 100%;
	text-align: center;
	color: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
article section .list .slogan:first-child {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
article section .list .slogan-title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 23.125rem;
	margin-top: -11.25rem;
	opacity: 0;
}
article section .list .slogan-title .slogan-text {
	color: #ffffff;
	text-align: center; font-weight:600;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 1;
	opacity: 1;
}
article section .list .slogan-title .first {letter-spacing: 1.25rem; line-height: 1.2;
}
article section .list .slogan-title .second { letter-spacing:1.25rem;
}
article section .list .slogan-title .slogan-text-two {
	font-size: 3.125rem;
	-webkit-transform: translate(0, 240px);
	transform: translate(0, 240px);
	transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	color: rgba(255, 255, 255, 0.8);
}
article section .list .slogan-title .slogan-text-two .one {letter-spacing: 1.25rem;
}
article section .list .slogan-title .slogan-text-one {
	font-size: 6rem;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}
article section .list .slogan-title .slogan-text-one span {
	position: relative;
}
article section .list .slogan-title .slogan-text-one span:before {
	content: "";
	display: block;
	position: absolute;
	top: -0.625rem;
	left: -2.5rem;
	width: 2.5rem;
	height: 2.5rem;
}
article section .list .slogan-title .slogan-text-one span:after {
	content: "";
	display: block;
	position: absolute;
	right: -1.25rem;
	bottom: -0.625rem;
	width: 2.5rem;
	height: 2.5rem;
}
article section .list .slogan-title .slogan-opacity {
	opacity: 0;
	transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}

html[platform="mobile"] article section .list .detail-2,
html[platform="mobile"] article section .list .detail-3,
html[platform="mobile"] article section .list .detail-4,
html[platform="mobile"] article section .list .detail-5,
html[platform="mobile"] article section .list .detail-6 {
	background-size: cover;
}
article section .list .detail-2 {
	background: url(../images/detail_2.jpg) no-repeat center center;
	background-size: cover;
}
article section .list .detail-3 {
	background: url(../images/detail_3.jpg) no-repeat center center;
	background-size: cover;
}
article section .list .detail-4 {
	background: url(../images/detail_4.jpg) no-repeat center center;
	background-size: cover;
}
article section .list .detail-5 {
	background: url(../images/detail_5.jpg) no-repeat center center;
	background-size: cover;
}
article section .list .detail-6 {
	background: url(../images/detail_6.jpg) no-repeat center center;
	background-size: cover;
}

article section .list .slogan-bg1 {
	background: url(../images/index_1.jpg) no-repeat center center;
	background-size: 100% 100%;
}
article section .list .slogan-bg2 {
	background: url(../images/slogan_2.jpg) no-repeat center center;
	background-size: 100% 100%;
}
article section .list .slogan-bg2 .slogan-content p:first-child:after {
	left: 22.1875rem;
}
article section .list .slogan-bg2 .slogan-content p span {
	color: #bffd3a;
}
article section .list .slogan-bg3 {
	background: url(../images/slogan_3.jpg) no-repeat center center;
}
article section .list .slogan-bg3 .slogan-content p:first-child:after {
	left: 30.9375rem;
}
article section .list .slogan-bg3 .slogan-content p span {
	color: #d02e34;
}
article section .list .slogan-content {
	display: inline-block;
	text-align: center;
	color: #ffffff;
	font-size: 1.5rem;
	width: 45rem;
	line-height: 2.625rem;
	padding-top: 20rem;
}
article section .list .slogan-content p:first-child {
	text-transform: uppercase;
	font-size: 5.375rem;
	font-weight: 600;
	margin-bottom: 3.5rem;
	padding-bottom: 0.625rem;
	position: relative;
}
article section .list .slogan-content p:first-child:after {
	content: "";
	display: block;
	position: absolute;
	left: 25.625rem;
	bottom: 0;
	width: 5.625rem;
	border-bottom: 0.25rem solid #ffffff;
	height: 0.25rem;
}
article section .list .slogan-content p:nth-child(2) {
	line-height: 2.625rem;
}
article section .list .slogan-content p span {
	color: #f7941e;
}
article section .list .con-list {
	height: 100%;
	width: 100%;
	position: relative;
}
article section .list .con-list-items {
	padding-left:10.875rem;
	padding-top: 8.25rem;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	overflow: hidden;
}
article section .list .con-list-items .progress {
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
	transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}
article section .list .con-list-active .progress {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
article section .list .con-list-bg1 {
	display: flex;
	flex-direction: column;
	background-image: url(../images/index_2.jpg);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

article section .list .con-list-bg2 {
	background-image: url(../images/index_2_1.jpg);
	padding-left: 0;
	padding-top: 0;
}
.es article section .list .con-list-bg2 {
	background-image: url(../images/esindex_2_1.png);
}
.ja article section .list .con-list-bg2 {
	background-image: url(../images/jaindex_2_1.png);
}
article section .list .con-list-bg2:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18.8125rem;
	height: 50%;
	background: url(../images/itemsbg1.png) no-repeat left top;
	background-size: contain;
	z-index: 1;
}
article section .list .con-list-gamebg0 {
	background-image: url(../images/game_0.jpg);
	background-size: cover; padding-left:10.25rem;
}
article section .list .con-list-gamebg3 {
	background-image: url(../images/game_3.jpg);
	background-size: cover; padding-left:10.25rem;
}
article section .list .con-list-gamebg0 .animate-bottom {
	font-family: "NotoKufiArabic";
	line-height: 1.5;
}
article section .list .con-list-gamebg1 {
	background-image: url(../images/md-pc-bg.jpg);
	background-size: cover;
	padding-left: 10.25rem;
}
article section .list .con-list-gamebg1:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18.8125rem;
	height: 50%;
	background: url(../images/gameprev_0.png?v1) no-repeat left top;
	background-size: contain;
	z-index: 1;
}
article section .list .con-list-gamebg1:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18.8125rem;
	height: 50%;
	background: url(../images/gamenext_0_old.png?v21) no-repeat right bottom;
	background-size: contain;
	z-index: 1;
}
article section .list .con-list-gamebg5 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* background: url(../images/game_1_old.jpg) no-repeat center center; */
	background-image: url(../images/game_1_old.jpg);
	/* background-size:  100% 100%; */
	background-size: cover;
	padding-left:10.25rem;
}
.ar article section .list .con-list-gamebg5 {
	background-image: url(../images/argame_1_old.jpg);
	background-size:  100% 100%;
	/* background-size: cover; */
	padding-right: 16.875rem;
}
article section .list .con-list-gamebg2 {
	background-image: url(../images/game_2.jpg);
	background-size: cover;
	padding-left: 10.25rem;
}
article section .list .con-list-gamebg3 {
	background-image: url(../images/game_3.jpg);
	background-size: cover;
	padding-left:10.25rem;
	padding-top: 13.75rem;
}
article section .list .con-list-gamebg3:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18.8125rem;
	height: 50%;
	background: url(../images/woe-left.png?v1) no-repeat left top;
	background-size: contain;
	z-index: 1;
}
article section .list .con-list-gamebg3 .title {
	text-transform: none;
}
article section .list .con-list-gamebg4 {
	background-image: url(../images/cover-boe.jpg);
	background-size: cover;
	padding-left: 10.25rem;
	padding-top: 16.875rem;
}
article section .list .con-list-gamebg4 .title {
	text-transform: none;
}
article section .list .con-list-gamebg6 {
	background-image: url(../images/cover-sf.jpg);
	background-size: cover;
	padding-left: 16.875rem;
	padding-top: 13.75rem;
}
article section .list .con-list-gamebg6:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18.8125rem;
	height: 50%;
	background: url(../images/gameprev_3.png) no-repeat left top;
	background-size: contain;
	z-index: 1;
}
article section .list .con-list-gamebg6:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 18.8125rem;
	height: 50%;
	background: url(../images/woe-right.png) no-repeat right bottom;
	background-size: contain;
	z-index: 1;
}
article section .list .con-list-gamebg6 .title {
	text-transform: none;
}
article section .list .con-list-gamebg7 {
	background-image: url(../images/sh.jpg);
	background-size: cover;
	padding-left: 10.25rem;
	padding-top: 16.875rem;
}
article section .list .con-list-gamebg-ww {
	position: relative;
	background-image: url(../images/ww.jpg);
	background-size: cover;
	padding-left: 10.25rem;
	padding-top: 16.875rem;
	overflow: hidden;
}
.ar article section .list .con-list-items.con-list-gamebg-ww {
	padding-right: 9rem;
	background: none;
}
.ar article section .list .con-list-gamebg-ww::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background-image: url(../images/game/pc/ww.png);
	background-size: cover;
	transform: rotateY(180deg);
}
article section .list .next {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: block;
	font-size: 2.25rem;
	color: #000000;
	line-height: 3.75rem;
	text-transform: uppercase;
	width: 80px;
	height: 80px;
	background: url("../images/next_2.png") 0 0 / 100% 100%;
	position: fixed;
	right: 0.875rem;
	bottom: 50%;
	z-index: 20;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-animation: next 0.8s linear infinite;
	animation: next 0.8s linear infinite;
}
html[platform="mobile"] article section .list .next {
	width: 55px;
	height: 55px;
}
article section .list .gray-next {
	background-image: url("../images/next_2_gray.png")
}
article section .list .next:hover {
	background-image: url("../images/next_2_hover.png");
}
article section .list .gray-next:hover {
	background-image: url("../images/next_2_gray_hover.png");
}
.ar article section .list .next {
	display: none;
	font-family: 'NotoKufiArabic', 'Arial';
	right: unset;
	left: 0.875rem;
}
article section .list .next.reverse {
	display: none;
	background-image: url("../images/prev_2.png");
}
article section .list .gray-next.reverse {
	background-image: url("../images/prev_2_gray.png");
}
article section .list .next.reverse:hover {
	background-image: url("../images/prev_2_hover.png");
}
article section .list .gray-next.reverse:hover {
	background-image: url("../images/prev_2_gray_hover.png");
}
.ar article section .list .next.reverse {
	display: block;
	-webkit-animation: prev 0.8s linear infinite;
	animation: prev 0.8s linear infinite;
}
article section .list .prev {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: block;
	position: fixed;
	left: 0.875rem;
	bottom: 50%;
	width: 80px;
	height: 80px;
	background: url("../images/prev_2.png") 0 0 / 100% 100%;
	line-height: 2.75rem;
	text-transform: uppercase;
	z-index: 20;
	font-size: 2rem;
	color: #ffffff;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-animation: prev 0.8s linear infinite;
	animation: prev 0.8s linear infinite;
}
html[platform="mobile"] article section .list .prev {
	width: 55px;
	height: 55px;
}
article section .list .gray-prev {
	background-image: url("../images/prev_2_gray.png");
}
article section .list .prev:hover {
	background-image: url("../images/prev_2_hover.png");
}
article section .list .gray-prev:hover {
	background-image: url("../images/prev_2_gray_hover.png");
}
.ar article section .list .prev {
	display: none;
	font-family: 'NotoKufiArabic', 'Arial';
	right: unset;
	right: 0.875rem;
}
article section .list .prev.reverse {
	display: none;
	background-image: url("../images/next_2.png");
}
article section .list .gray-prev.reverse {
	background-image: url("../images/next_2_gray.png");
}
.ar article section .list .prev.reverse {
	display: block;
	-webkit-animation: next 0.8s linear infinite;
	animation: next 0.8s linear infinite;
}
.ar article section .list .prev.reverse:hover {
	background-image: url("../images/next_2_hover.png");
}
.ar article section .list .gray-prev.reverse:hover {
	background-image: url("../images/next_2_gray_hover.png");
}
article section .list .title {
	font-size: 9.375rem;
	text-transform: uppercase;
	line-height: 100%;
	/*margin-bottom: 3rem;*/
	position: relative;
	padding-bottom: 0.75rem;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
article section .list .title-img {
	display: block;
	height:200px;
}
.title-img-show {
	animation: title-img-show 1s;
}
.title_tex h1{ font-size:2.75rem; color:#fff; padding:1.25rem 0;}


@keyframes title-img-show {
 from, to {
 transform-origin: center center;
}
from {
	transform: scale(0, 0);
}
to {
	transform: scale(1, 1);
}
}
article section .list .title .animate-bottom {
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%);
}
/*article section .list .title:after {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    width: 9.8125rem;*/
/*    height: 1px;*/
/*    left: 0.5rem;*/
/*    bottom: 0;*/
/*    border-bottom: 0.25rem solid #f7941e;*/
/*}*/

article section .list .title a {
	display: block;
	position: absolute;
	background: url(../images/go.png) no-repeat right center;
	color: #ffffff;
	font-size: 1.5rem;
	margin-right: -13.625rem;
	right: 0;
	bottom: 2.5rem;
	line-height: 3.8125rem;
	padding-right: 3.375rem;
	text-transform: none;
}
article section .list .title-1 {
	color: #ffffff;
	font-size: 6.75rem;
}
article section .list .title-1:after {
	width: 6.25rem;
}
article section .list .text {
	width: 34.375rem;
	padding-bottom: 5rem;
	overflow: hidden;/*-webkit-transform: translate(-100%, 0);*/
    /*transform: translate(-100%, 0);*/
}
article section .list .text p {
	line-height: 1.5rem;
	font-size: 1rem;
	color: #fff;
	margin-bottom: 0.75rem;
}
article section .list .text-1 p {
	line-height: 1.625rem;
}
article section .list .text-2 p {
	line-height: 1.625rem;
	color: rgba(255, 255, 255, 0.8);
}
article section .list .down li {
	float: left;
}
article section .list .down li a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: block;
	width: 16rem;
	height: 4.875rem;
	text-indent: -999em;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:20rem 5.875rem;
	margin-bottom: 1rem;
}
article section .list .down li a.android {
	background: url(../images/android.png);
	background-size: 100% 100%;
	margin-right: 2.125rem;
}
article section .list .down li a.offical {
	background: url(../images/offical.png);
	background-size: 100% 100%;
	margin-right: 2.125rem;
}
article section .list .down li a.ios {
	background-image: url(../images/ios.png);
	background-size: 100% 100%;
	margin-right: 2.125rem;
}
article section .list .down li a:hover {
	border: 1px solid rgba(255, 255, 255, 0.8);
}
article section .list .down li a:hover.undown {
	background-image: url(../images/androidundown.png);
	cursor: default;
}
article section .list .down li a:active {
	border: 1px solid rgba(255, 255, 255, 0.4);
}
article section .list .animate-opacity {
	opacity: 0;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}
article section .list .enter-to {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 10.75rem;
	height: 3rem;
	border-radius: 3rem;
	display: block;
	text-align: center;
	line-height: 2.875rem;
	color: #ffffff;
	font-size: 1.25rem;
	margin-bottom: 3rem;
	background: url(../images/enter.png) no-repeat #f7941e 7.1875rem center;
	padding-right: 1.625rem;
}
article section .list .enter-to:hover {
	background-color: #fba934;
}
article section .list .enter-to:active {
	background-color: #e58716;
}
article section .list .address {
	line-height: 100%;
	padding-bottom: 1.5rem;
	color: #666666;
}
article section .list .address-url {
	background: url(../images/address.png) no-repeat left top;
	padding-left: 2.5rem;
	line-height: 2.125rem;
	color: #1a1a1a;
}
article section .list .email {
	height:2rem; font-size:1.375rem;
	line-height: 2rem;
	color: #333;
	margin-bottom: 1.5rem;
}
article section .list .phone {
	background: url(../images/phone.png) no-repeat left top;
	padding-left: 2.5rem;
	line-height: 2.125rem;
}
article section .list .copyright {
	position: absolute;
	bottom: 1.25rem;
	left: 6.25rem;
	line-height: 100%;
}
article section .list .copyright p {
	padding-bottom: 1.25rem;
	font-size: 0.75rem;
	color: #999999;
}
article section .list .copyright p a {
	color: #999999;
}
article section .list .copyright p a:hover {
	color: #333333;
}
article section .list .copyright p span {
	padding: 0 0.375rem;
}
article section .list .scroll-down {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: block;
	width: 2rem;
	height: 3rem;
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	margin-left: -1rem;
	border: 2px solid rgba(0, 0, 0, 0.5);
	border-radius: 1rem;
}
article section .list .scroll-down:hover {
	border: 2px solid rgba(0, 0, 0, 0.9);
}
article section .list .scroll-down:hover:before {
	background: rgba(0, 0, 0, 0.9);
}
article section .list .scroll-down:active {
	border: 2px solid rgba(0, 0, 0, 0.7);
	background: rgba(0, 0, 0, 0.5);
}
article section .list .scroll-down:before {
	content: "";
	display: block;
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 0.375rem;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 50%;
	margin-left: -0.1875rem;
	top: 0.875rem;
	-webkit-animation: scrollDown 1s linear infinite;
	animation: scrollDown 1s linear infinite;
}
article section .list .scroll-up {
	background: url(../images/scrollback.png) no-repeat #000000 center center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: block;
	width: 2rem;
	height: 3rem;
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	margin-left: -1rem;
	border: 2px solid rgba(0, 0, 0, 0.5);
	border-radius: 1rem;
	-webkit-animation: scrollUp 1s linear infinite;
	animation: scrollUp 1s linear infinite;
}
article section .list .scroll-up:hover {
	background-color: #4b4b4b;
	border-color: #4b4b4b;
}
article section .list .scroll-up:active {
	background-color: #000000;
	border-color: rgba(0, 0, 0, 0.5);
}
article section .list .scroll-down-1 {
	border: 2px solid rgba(255, 255, 255, 0.6);
}
article section .list .scroll-down-1:before {
	background: rgba(255, 255, 255, 0.6);
}
article section .list .scroll-down-1:hover {
	border: 2px solid rgba(255, 255, 255, 0.9);
}
article section .list .scroll-down-1:hover:before {
	background: rgba(255, 255, 255, 0.9);
}
article section .list .scroll-down-1:active {
	border: 2px solid rgba(255, 255, 255, 0.7);
	background: none;
}
article section .active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
article section .active .title .animate-bottom { color:#fff; font-weight:600; margin-bottom:1rem;
	transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
article section .active .slogan-title {
	-webkit-animation: sloganTitle 1.2s ease-in;
	animation: sloganTitle 1.2s ease-in;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
article section .active .text p {
	transition: all 0.6s linear 0.6s;
	-ms-transition: all 0.6s linear 0.6s;
	-moz-transition: all 0.6s linear 0.6s;
	-webkit-transition: all 0.6s linear 0.6s;
	-o-transition: all 0.6s linear 0.6s;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
article section .active .animate-opacity {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	transition: all 0.4s linear 0.6s;
	-ms-transition: all 0.4s linear 0.6s;
	-moz-transition: all 0.4s linear 0.6s;
	-webkit-transition: all 0.4s linear 0.6s;
	-o-transition: all 0.4s linear 0.6s;
}
article section .list-first-anminate, article section .list-second-anminate {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #e6e6e6;
	z-index: 1;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
article section .list-second-anminate {
	background: #f7941d;
}
article section .list-anminate-up {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
article section .list-down-anminate {
	transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-ms-transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-moz-transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-o-transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}
article section .list-up-anminate {
	transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-ms-transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-moz-transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-o-transition: all 1s cubic-bezier(0.47, 0, 0.745, 0.715);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
article section .progress-left {
	position: absolute;
	height: 100%;
	width: 50%;
	left: 0;
	top: 0;
}
article section .progress-right {
	position: absolute;
	height: 100%;
	width: 50%;
	right: 0;
	top: 0;
}
article section .progress {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 2;
	height: 15rem;
	margin-top: -7.5rem;
	cursor: move;
}
article section .progress .progress-list {
	position: absolute;
	top: 50%;
	margin-top: -0.0625rem;
	left: 11.875rem;
	height: 0.125rem;
	background: #cd7205;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 2;
	cursor: move;
}
article section .progress .progress-list div {
	cursor: move;
}
article section .progress .progress-list li {
	width: 23.75rem;
	float: left;
	position: relative;
	height: 3.75rem;
}
article section .progress .progress-list li a {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	height: 1rem;
	width: 1rem;
	margin-left: -0.4375rem;
	margin-top: -0.4375rem;
	border: 0.125rem solid #cd7205;
	background: #fcd08a;
	border-radius: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
article section .progress .progress-list li.active a {
	height: 1.5rem;
	width: 1.5rem;
	margin-left: -0.75rem;
	margin-top: -0.75rem;
	border: 0.1875rem solid #cd7205;
}
article section .progress .progress-list li.active .info-con {
	background: #d55a00;
	color: #ffffff;
}
article section .progress .progress-list li.active .info-con:before {
	border-bottom: 0.75rem solid #d55a00;
}
article section .progress .progress-list li.res.active .info-con:after {
	border-top: 0.75rem solid #d55a00;
}
article section .progress .progress-list li.res .month {
	position: static;
	top: 0;
}
article section .progress .progress-list li.res .info-con:after {
	content: "";
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	border-left: 0.625rem solid transparent;
	border-right: 0.625rem solid transparent;
	border-top: 0.75rem solid #e2820f;
	bottom: -0.5625rem;
	left: 50%;
	margin-left: -0.625rem;
}
article section .progress .progress-list li.res .info-con:before {
	border: 0 none;
}
article section .progress .progress-list li:first-child {
	width: 11.875rem;
}
article section .progress .progress-list li:first-child .year {
	display: inline-block;
	width: 5rem;
	text-align: center;
	position: relative;
	left: -2.5rem;
}
/*article section .progress .progress-list li:last-child {*/
/*    width: 11.875rem;*/
/*    text-align: right;*/
/*}*/

/*article section .progress .progress-list li:last-child .year {*/
/*    display: inline-block;*/
/*    width: 5rem;*/
/*    text-align: center;*/
/*    position: relative;*/
/*    left: 2.5rem;*/
/*}*/

article section .progress .year {
	color: #73411c;
	font-size: 1.875rem;
	text-align: center;
	line-height: 3.75rem;
}
article section .progress .year:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.75rem;
	height: 0.75rem;
	margin-left: -0.375rem;
	margin-top: -0.375rem;
	border: 0 none;
	background: #cd7205;
	border-radius: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
article section .progress .month {
	color: #73411c;
	font-size: 1.125rem;
	text-align: center;
	line-height: 3rem;
	position: absolute;
	top: -3.125rem;
	width: 100%;
}
article section .progress .info-con {
	position: absolute;
	width: 100%;
	top: 1.875rem;
	background: #e2820f;
	border-radius: 0.625rem;
	line-height: 1.5rem;
	font-size: 1rem;
	padding: 1.25rem 1.5rem;
	color: #3d270c;
}
article section .progress .info-con:before {
	content: "";
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	font-size: 0;
	line-height: 0;
	border-left: 0.625rem solid transparent;
	border-right: 0.625rem solid transparent;
	border-bottom: 0.75rem solid #e2820f;
	top: -0.5625rem;
	left: 50%;
	margin-left: -0.625rem;
}
.loading {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f7941e;
}
.loading .loading-con {
	position: fixed;
	width: 7.5rem;
	height: 7.5rem;
	left: 50%;
	top: 50%;
	margin-left: -3.75rem;
	margin-top: -3.75rem;
	overflow: hidden;
}
.loading .loading-con:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	content: "";
	width: 7.5rem;
	height: 7.5rem;
	position: absolute;
	left: 0;
	top: 0;
	border: 0.75rem solid #ffffff;
	border-radius: 1.1875rem;
}
.loading .loading-con .loading-one, .loading .loading-con .loading-two, .loading .loading-con .loading-three {
	position: absolute;
	top: 1.625rem;
	left: 1.6875rem;
	width: 0.875rem;
	height: 4.25rem;
	background: #FFFFFF;
	overflow: hidden;
}
.loading .loading-con .loading-one span, .loading .loading-con .loading-two span, .loading .loading-con .loading-three span {
	display: block;
	width: 0.875rem;
	height: 4.25rem;
	background: #f7941e;
	-webkit-animation: loadingOne 5s linear infinite;
	animation: loadingOne 5s linear infinite;
}
.loading .loading-con .loading-two {
	left: 3.3125rem;
}
.loading .loading-con .loading-two:before {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	left: 0;
	top: 1.6875rem;
	border-bottom: 0.875rem solid #f7941e;
	border-right: 0.875rem solid transparent;
}
.loading .loading-con .loading-two:after {
	content: "";
	height: 1.6875rem;
	width: 0.875rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #f7941e;
}
.loading .loading-con .loading-two span {
	-webkit-animation: loadingTwo 5s linear infinite;
	animation: loadingTwo 5s linear infinite;
}
.loading .loading-con .loading-three {
	left: 4.9375rem;
}
.loading .loading-con .loading-three:before {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 0.875rem solid #f7941e;
	border-right: 0.875rem solid transparent;
}
.loading .loading-con .loading-three span {
	-webkit-animation: loadingThree 5s linear infinite;
	animation: loadingThree 5s linear infinite;
}
.loading .loading-con .loading-left, .loading .loading-con .loading-top, .loading .loading-con .loading-right, .loading .loading-con .loading-bottom {
	display: block;
	position: absolute;
	width: 0.9375rem;
	height: 7.5rem;
	background: #f7941e;
	left: 0;
	top: 0;
	-webkit-animation: loadingLeft 5s linear infinite;
	animation: loadingLeft 5s linear infinite;
}
.loading .loading-con .loading-top {
	width: 7.5rem;
	height: 0.9375rem;
	-webkit-animation: loadingTop 5s linear infinite;
	animation: loadingTop 5s linear infinite;
}
.loading .loading-con .loading-right {
	left: auto;
	right: 0;
	-webkit-animation: loadingRight 5s linear infinite;
	animation: loadingRight 5s linear infinite;
}
.loading .loading-con .loading-bottom {
	width: 7.5rem;
	height: 0.9375rem;
	top: auto;
	bottom: 0;
	-webkit-animation: loadingBottom 5s linear infinite;
	animation: loadingBottom 5s linear infinite;
}
 @keyframes loadingLeft {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(0, 100%);
 transform: translate(0, 100%);
}
 50% {
 -webkit-transform: translate(0, 100%);
 transform: translate(0, 100%);
}
 60% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes loadingLeft /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(0, 100%);
}
 50% {
 -webkit-transform: translate(0, 100%);
}
 60% {
 -webkit-transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}
 @keyframes loadingTop {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(-100%, 0);
 transform: translate(-100%, 0);
}
 50% {
 -webkit-transform: translate(-100%, 0);
 transform: translate(-100%, 0);
}
 60% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes loadingTop /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(-100%, 0);
}
 50% {
 -webkit-transform: translate(-100%, 0);
}
 60% {
 -webkit-transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}
 @keyframes loadingRight {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(0, -100%);
 transform: translate(0, -100%);
}
 50% {
 -webkit-transform: translate(0, -100%);
 transform: translate(0, -100%);
}
 60% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes loadingRight /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(0, -100%);
}
 50% {
 -webkit-transform: translate(0, -100%);
}
 60% {
 -webkit-transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}
 @keyframes loadingBottom {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(100%, 0);
 transform: translate(100%, 0);
}
 50% {
 -webkit-transform: translate(100%, 0);
 transform: translate(100%, 0);
}
 60% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes loadingBottom /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(100%, 0);
}
 50% {
 -webkit-transform: translate(100%, 0);
}
 60% {
 -webkit-transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}
 @keyframes loadingOne {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 20% {
 -webkit-transform: translate(0, 100%);
 transform: translate(0, 100%);
}
 60% {
 -webkit-transform: translate(0, 100%);
 transform: translate(0, 100%);
}
 70% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes loadingOne /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 0);
}
 10% {
 -webkit-transform: translate(0, 0);
}
 20% {
 -webkit-transform: translate(0, 100%);
}
 60% {
 -webkit-transform: translate(0, 100%);
}
 70% {
 -webkit-transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}
 @keyframes loadingTwo {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 20% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 30% {
 -webkit-transform: translate(0, 100%);
 transform: translate(0, 100%);
}
 70% {
 -webkit-transform: translate(0, 100%);
 transform: translate(0, 100%);
}
 80% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes loadingTwo /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 0);
}
 20% {
 -webkit-transform: translate(0, 0);
}
 30% {
 -webkit-transform: translate(0, 100%);
}
 70% {
 -webkit-transform: translate(0, 100%);
}
 80% {
 -webkit-transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}
 @keyframes loadingThree {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 30% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 40% {
 -webkit-transform: translate(0, 100%);
 transform: translate(0, 100%);
}
 80% {
 -webkit-transform: translate(0, 100%);
 transform: translate(0, 100%);
}
 90% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes loadingThree /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 0);
}
 30% {
 -webkit-transform: translate(0, 0);
}
 40% {
 -webkit-transform: translate(0, 100%);
}
 80% {
 -webkit-transform: translate(0, 100%);
}
 90% {
 -webkit-transform: translate(0, 0);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}
@font-face {
	font-family: 'NotoKufiArabic';
	src: url("../font/NotoKufiArabic-Regular.ttf") format("truetype");
}
.cn {
	font-family: 'Microsoft Yahei', 'Arial';
}
.cn a {
	font-family: 'Microsoft Yahei', 'Arial';
}
.cn .arfont {
	font-family: 'NotoKufiArabic', 'Arial';
}
.cn header .lang {
	font-size: 0.8125rem;
}
.cn header .lang a {
	font-size: 0.875rem;
}
.cn header nav ul li a {
	font-size: 1rem;
}
.cn article section .list .text p {
	font-size: 1rem;
}
.cn article section .list .text-2 {
	width: 28.75rem;
}
.cn article section .list .text-2 p {
	font-size: 0.875rem;
	line-height: 1.625rem;
}
.cn article section .list .title {
	padding-bottom: 0;
	overflow: hidden;
}
.cn article section .list .title .outstory {
	overflow: hidden;
	background: url(../images/ourstory.png) no-repeat left top;
	text-indent: -999em;
	width: 22.4375rem;
	height: 17.3125rem;
}
.cn article section .list .title:after {
	width: 6.375rem;
	left: 0;
}
.cn article section .list .title .contact-us {
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/contactus.png) no-repeat left top;
	width: 16.4375rem;
	height: 17.1875rem;
}
.cn article section .list .title .sudang {
	background: url(../images/sudang.png) no-repeat left top;
	overflow: hidden;
	width: 22.0625rem;
	height: 17.0625rem;
	text-indent: -999em;
	padding-bottom: 1.75rem;
}
.cn article section .list .title .rok {
	padding-bottom: 1.25rem;
}
.cn article section .list .title-1 {
	font-size: 6.875rem;
}
.cn article section .list .enter-to {
	font-size: 1rem;
	background-position: 6.25rem;
	padding-right: 1rem;
}
.cn article section .list .cn-prev {
	overflow: hidden;
	text-indent: -999em;
	height: 10.625rem;
}
.cn article section .list .cn-prev:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 8.5rem;
	height: 6.25rem;
	background: url(../images/sudang.png) no-repeat left top;
	background-size: auto 5.3125rem;
}
.cn article section .list .address {
	background: url(../images/address.png) no-repeat left center;
	padding-left: 3rem;
	padding-bottom: 0;
	margin-bottom: 1.5rem;
	line-height: 1.375rem;
	font-size: 0.875rem;
	color: #666666;
}
.cn article section .list .telphone {
	background: url(../images/phone.png) no-repeat left center;
	padding-left: 3rem;
	margin-bottom: 1.5rem;
	color: #666666;
	line-height: 2.125rem;
}
.cn article section .list .email {
	color: #666666;
	font-weight: normal;
}
.cn article section .list .qq {
	background: url(../images/qq.png) no-repeat left center;
	line-height: 2rem;
	padding-left: 3rem;
	color: #666666;
}
.cn article section .list .addus {
	padding-top: 3.75rem;
}
.cn article section .list .addus a {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: block;
	width: 10rem;
	height: 3rem;
	font-size: 1.25rem;
	text-align: center;
	color: #FFFFFF;
	line-height: 3rem;
	border-radius: 3rem;
	background: url(../images/addus.png) no-repeat #f7941e 1.5rem center;
	padding-left: 1.25rem;
}
.cn article section .list .addus a:hover {
	background-color: #feb220;
}
.cn article section .list .addus a:active {
	background-color: #eb7c05;
}
.cn article section .progress .info-con {
	font-size: 0.875rem;
}
@font-face {
	font-family: 'NotoKufiArabic';
	src: url("../font/NotoKufiArabic-Regular.ttf") format("truetype");
}
.ar div, .ar p, .ar li, .ar a, .ar span {
	text-align: right;
	direction: rtl;
}
.ar .arfont {
	font-family: 'NotoKufiArabic', 'Arial';
}
.ar header.header .logo {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 0 none;
}
.ar header .logo {
	float: right;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-right: 0 none;
}
.ar header nav {
	float: right;
}
.ar header nav ul li {
	float: right;
}
.ar header nav ul li a {
	font-family: 'NotoKufiArabic', 'Arial';
}
.ar header .lang {
	float: left;
	padding-left: 3.75rem;
	padding-right: 0;
}
.ar article section .title {
	font-family: 'NotoKufiArabic', 'Arial';
}
.ar article section .title:after {
	right: 0;
	left: auto;
}
.ar article section .list:nth-child(3) {
	background-image: url(../images/arindex_4.jpg);
}
.ar article section .list .slogan {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.ar article section .list .slogan:first-child {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.ar article section .list .slogan-bg3 {
	background: url(../images/slogan_33.jpg) no-repeat center center;
}
.ar article section .list .con-list-items {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	padding-top: 9.375rem;
	padding-right: 6.25rem;
	/* padding-bottom: 9.375rem; */
	padding-left: 0;
}
.ar article section .list .con-list-items .progress {
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}
.ar article section .list .con-list-active .progress {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
article section .list .title{ padding-bottom:0.75rem;}
.ar article section .list .con-list-bg1 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.ar article section .list .con-list-bg1:after {
	left: 0;
	right: auto;
	background-image: url(../images/aritemsbg.png);
	background-position: left top;
}
.ar article section .list .con-list-bg2 {
	background-image: url(../images/arindex_2_1.jpg);
}
.ar article section .list .con-list-bg2:before {
	left: auto;
	right: 0;
	background-image: url(../images/aritemsbg1.png);
	background-position: right top;
	background-size: auto 100%;
}
.ar article section .list .con-list-gamebg0 {
	background-image: url(../images/argame_0.png);
	background-size: cover;
}
.ar article section .list .con-list-gamebg1 {
	/* -webkit-transform: translate3d(0, 0, 0); */
	background-image: url(../images/argame_1.jpg);
	background-size: cover;
	padding-right: 16.875rem;
}
.ar article section .list .con-list-gamebg1:before {
	right: 0;
	left: auto;
	background-image: url(../images/argameprev_0.png);
	background-position: right top;
}
.ar article section .list .con-list-gamebg1:after {
	left: 0;
	right: auto;
	background-image: url(../images/argamenext_0_old.png?v1);
	background-position: left top;
}
.ar article section .list .con-list-gamebg2 {
	background-image: url(../images/argame_2.jpg);
	padding-right: 16.875rem;
	background-size: cover;
}
.ar article section .list .con-list-gamebg5 {
	padding-right: 16.875rem;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.ar article section .list .con-list-gamebg3 {
	background-image: url(../images/arhayyabg.jpg);
	padding-right: 16.875rem;
}
.ar article section .list .con-list-gamebg3:before {
	background-image: url(../images/woe-right1.png);
	background-position: right top;
	left: auto;
	right: 0;
}
.ar article section .list .con-list-gamebg4 {
	background-image: url(../images/cover-boe-ar.jpg?v1);
	padding-right: 17.25rem;
	background-size: cover;
}
.ar article section .list .con-list-gamebg6 {
	background-image: url(../images/cover-sf-ar.jpg);
	padding-right: 16.875rem;
	background-size: cover;
}
.ar article section .list .con-list-gamebg6:before {
	right: 0;
	left: auto;
	background-image: url(../images/argameprev_2.png?v1);
	background-position: right top;
}
.ar article section .list .con-list-gamebg6:after {
	left: 0;
	right: auto;
	/*background-image: url(../images/argamenext_6.png?v1);*/
	background-image: url(../images/woe-left1.png?v1);
	background-position: left top;
}
.ar article section .list .con-list-gamebg7 {
	background-image: url(../images/game/pc/sh-ar.jpg);
	padding-right: 16.875rem;
	background-size: cover;
}
.ar article section .list .title .animate-bottom {
	line-height: 1.2;
}
.ar article section .list .text {
	font-family: 'NotoKufiArabic', 'Arial';
}
.ar article section .list .text p {
	font-family: 'NotoKufiArabic', 'Arial';
}
.ar article section .list .down li {
	float: right;
}
.ar article section .list .down li a.android {
	background-image: url(../images/arandroid.png);
	margin-left: 2.125rem;
	margin-right: 0;
}
.ar article section .list .down li a.offical {
	background-image: url(../images/offical.png);
	margin-left: 2.125rem;
	margin-right: 0;
}
.ar article section .list .down li a.ios {
	background-image: url(../images/arios.png);
	margin-left: 2.125rem;
	margin-right: 0;
}

.ar article section .list .enter-to {
	font-family: 'NotoKufiArabic', 'Arial';
	background-position: 6.5625rem center;
}
.ar article section .list .list-content {
	padding-top: 9.375rem;
	padding-right: 6.25rem;
	padding-left: 0;
}
.ar article section .list .address {
	font-family: 'NotoKufiArabic', 'Arial';
}
.ar article section .list .copyright {
	right: 6.25rem;
	left: auto;
}
.ar article section .list .copyright p a {
	font-family: 'NotoKufiArabic', 'Arial';
}
.ar article section .list .email {
	background-position: right center;
	padding-right: 2.5rem;
}
.ar article section .progress .progress-list {
	right: 11.875rem;
	left: auto;
}
.ar article section .progress .progress-list li {
	float: right;
}
.ar article section .progress .progress-list li:first-child .year {
	left: auto;
	right: -2.5rem;
}
/*.ar article section .progress .progress-list li:last-child .year {*/
/*    float: left;*/
/*    left: auto;*/
/*    right: 2.5rem;*/
/*}*/

.ar article section .progress .month {
	font-family: 'NotoKufiArabic', 'Arial';
}
.ar article section .progress .year {
	font-family: 'NotoKufiArabic', 'Arial';
}
.ar article section .progress .info-con {
	font-family: 'NotoKufiArabic', 'Arial';
}
@font-face {
	font-family: 'NotoKufiArabic';
	src: url("../font/NotoKufiArabic-Regular.ttf") format("truetype");
}
html.html {
	height: auto;
	overflow: auto;
}
.body {
	background: #f9f9f9;
	overflow: auto;
	height: auto;
}
.body header {
	background: #FFFFFF;
	height: 3.75rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.body header .logo {
	height: 3.75rem;
	line-height: 3.75rem;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.body header .logo a {
	background-image: url(../images/logo2.png);
}
.body header nav {
	height: 3.75rem;
	line-height: 3.75rem;
}
.body header nav ul li {
	height: 3.75rem;
	line-height: 3.75rem;
}
.body header nav ul li a {
	color: rgba(0, 0, 0, 0.75);
}
.body header .lang {
	height: 3.75rem;
	line-height: 3.75rem;
	color: #6d6d6d;
}
.body header .lang a {
	color: #6d6d6d;
}
.body header .lang a.active{
	color:#f7941e;
}
.body header .menus {
	top: 0.375rem;
}
.body header .menus:before {
	background-color: rgba(0, 0, 0, 0.9);
}
.body header .menus a:before {
	background-color: rgba(0, 0, 0, 0.9);
}
.body header .menus a:after {
	background-color: rgba(0, 0, 0, 0.9);
}
.body article {
	background: none;
	height: auto;
}
.body aside {
	width: 50rem;
	margin: 0 auto;
}
.body aside h1 {
	font-size: 1.5rem;
	line-height: 1;
	padding: 8.125rem 0 5rem;
}
.body aside .text-content div {
	position: relative;
	font-size: 0.875rem;
	line-height: 1.5rem;
	color: rgba(0, 0, 0, 0.75);
	margin-bottom: 1.5625rem;
}
.body aside .text-content div:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.25rem;
	width: 0.1875rem;
	height: 0.875rem;
	background: #f7941d;
}
.body aside .text-content div p {
	font-size: 1rem;
	line-height: 1.5rem;
	color: rgba(0, 0, 0, 0.75);
	text-indent: 0rem;
}
.body aside .text-content div p:first-child {
	text-indent: 0.5rem;
}
.body aside .text-content div p strong {
	padding-bottom: 1rem;
	display: inline-block;
	text-indent: 0rem;
}
.body aside .copyright {
	line-height: 100%;
	padding-top: 2.5rem;
}
.body aside .copyright p {
	padding-bottom: 1.25rem;
	font-size: 0.75rem;
	color: #999999;
}
.body aside .copyright p a {
	color: #999999;
}
.body aside .copyright p a:hover {
	color: #333333;
}
.body aside .copyright p span {
	padding: 0 0.375rem;
}
.body-ar div, .body-ar p, .body-ar a, .body-ar span, .body-ar h1 {
	text-align: right;
	direction: rtl;
	font-family: 'NotoKufiArabic', 'Arial';
}
.body-ar header .logo {
	float: right;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 0 none;
}
.body-ar header nav {
	float: right;
}
.body-ar header nav ul li {
	float: right;
}
.body-ar header .lang {
	float: left;
	padding-left: 3.75rem;
	padding-right: 0;
}
.body-ar header .menus {
	right: auto;
	left: 0;
}
.body-ar aside .text-content div:before {
	left: auto;
	right: 0;
}
 @media screen and (max-width: 800px) {
header .logo—En a,
header .logo a {
	background-size: auto 1rem;
	line-height: 3rem;
}
.body header .menus {
	top: 0;
}
}

 @media screen and (orientation: landscape) and (max-width: 1240px) {
article section .list .slogan-bg1,  article section .list .slogan-bg2,  article section .list .slogan-bg3,  article section .list .con-list-bg1,  article section .list .con-list-bg2,  article section .list .con-list-gamebg0,  article section .list .con-list-gamebg1,  article section .list .con-list-gamebg2,  article section .list .con-list-gamebg3,  article section .list:nth-child(3) {
	background-size: 100% 100%;
}
article section .list .slogan-bg1 {
	background-position: 70% center;
}
article section .list .slogan-bg2 {
	background-position: 65% center;
}
article section .list .slogan-bg3 {
	background-position: 20% center;
}
article section .list .con-list-bg2 {
	background-position: 15% center;
}
article section .list .con-list-gamebg0 {
	background-position: 70% center;
}
article section .list .con-list-gamebg1 {
	background-position: 75% center;
}
article section .list .con-list-gamebg2 {
	background-position: 90% center;
}
article section .list .con-list-gamebg3 {
	background-position: 10% center;
}
article section .list:nth-child(3) {
	background-position: 80% center;
}
}
 @media screen and (max-width: 1240px) {
header .logo—En,	 
header .logo {
	width: 13.125rem;
}
header .lang {
	padding-right: 2.25rem;
}
}
 @media screen and (max-width: 1024px) {
article section .list .title-img{ height:120px;}	 
header .logo {
	border-right: 0 none;
}
header.header nav {
	height: auto;
}
header.header nav ul li {
	line-height: normal;
	height: auto;
}
header.header nav ul li.active a {
	color: #FFFFFF;
}
header.header nav ul li a {
	color: rgba(255, 255, 255, 0.75);
}
header .lang {
	height: 100%;
}
header nav {
	height: auto;
}
header nav ul li {
	line-height: normal;
	height: auto;
}
header nav ul li.active a {
	color: #FFFFFF;
}
header nav ul li a {
	color: rgba(255, 255, 255, 0.75);
}
header .menus {
	top: 0.375rem;
}
header .logo {
	border-right: 0 none;
}
header .head-nav {
	display: block;
	position: fixed;
	left: 0;
	height: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 1000;
	padding-top: 3rem;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
	transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
}
header nav {
	padding: 0;
	float: none;
	height: auto;
	line-height: normal;
}
header nav ul li {
	float: none;
	height: auto;
	line-height: normal;
}
header nav ul li a {
	padding: 0;
	text-align: center;
	font-size: 1rem;
	line-height: 3.1;
}
header .lang {
	float: none;
	padding: 0;
	line-height: 3.1;
	padding-top: 1rem;
}
header .lang a {
	display: block;
	text-align: center;
}
header .lang a.close-lang {
	display: block;
	position: absolute;
	width: 2.75rem;
	height: 2.75rem;
	right: 0;
	top: 0;
	background: url(../images/close.png) no-repeat center center;
	background-size: 1rem auto;
}
header .lang span {
	display: none;
}
header .menus {
	display: block;
}
article section .list .slogan-title .slogan-text-one {
	font-size: 3rem;
}
article section .list .slogan-title .slogan-text-one .one {
}
article section .list .slogan-title .slogan-text-one .two {
}
article section .list .slogan-title .slogan-text-two {
	font-size: 2rem;
	-webkit-transform: translate(0, 180px);
	transform: translate(0, 180px);
}
article section .list .con-list-items {
	padding-left: 2.25rem;
	padding-top: 6rem;
}
article section .list .list-content {
	padding-left: 2.25rem;
	padding-top: 6rem;
}
article section .list .down li a {
	height: 3rem;
	width: 10.125rem;
	background-size: auto 3rem;
}
article section .list .con-list-bg1:after {
	height: 33%;
	background-size: auto 100%;
}
article section .list .con-list-bg2:before {
	height: 42%;
	background-size: auto 100%;
}
article section .list .con-list-bg2:after {
	height: 33%;
	background-size: auto 100%;
}
article section .list .con-list-gamebg1 {
	padding-left: 10.5rem;
}
article section .list .con-list-gamebg1:before {
	height: 33%;
	background-size: auto 100%;
}
article section .list .con-list-gamebg1:after {
	height: 33%;
	background-size: auto 100%;
}
article section .list .con-list-gamebg2 {
}
article section .list .con-list-gamebg3 {
}
article section .list .con-list-gamebg3:before {
	height: 33%;
	background-size: auto 100%;
}
article section .list .title {
	font-size:5rem;
}
article section .list .title-1 {
	font-size: 5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 3rem;
}
article section .list .enter-to {
	height: 2.5rem;
	line-height: 2.5rem;
	width: 9.375rem;
	font-size: 1rem;
	margin-bottom: 2rem;
}
article section .list .text {
	width: 80%;
	padding-bottom: 1.5rem;
}
article section .list .text p {
	font-size:1.2rem;
}
article section .list .copyright {
	left: 2.25rem;
}
article section .progress .info-con {
	font-size: 0.875rem;
	padding: 1rem 0.75rem;
	line-height: 1.5;
}
article section .progress .year {
	font-size: 1.5rem;
	line-height: 2;
}
article section .progress .progress-list li {
	width: 17.5rem;
}
}
 @media screen and (max-width: 800px) {
.body header {
	height: 3rem;
}
header .logo—En,
header .logo {
	height: 3rem;
	border-left: 0 none;
	border-right: 0 none;
}
.body aside {
	width: 100%;
	padding: 0 1rem;
}
.body aside h1 {
	padding: 6rem 0 2rem;
}
.body aside .text-content div p {
	font-size: 0.875rem;
}
.body aside .text-content div:before {
	height: 0.75rem;
	top: 0.375rem;
}
}
 @media screen and (max-width: 768px) {
.product-view__desc p{ padding-bottom:2rem;
    font-size:1.25rem;
    color:#fff;
    line-height:1.25rem !important;
}		 
.cn article section .list .cn-prev {
	height: 9rem;
}
.cn article section .list .con-list-gamebg2 {
	padding-left: 10rem;
}
article section .list .con-list-bg1{ background-position:80% center;}
header {
	height:4rem;
}
header .logo—En a,
header .logo a{line-height:4rem;
	background-size: auto 2.2rem;
	height:4rem;
	width: 12.375rem;
	border-right: 0 none;
}

header .menus {
	top: 0;
}
header .menus {
	top: 0;
}
article section .list .slogan-title {
	height: 10.3125rem;
	margin-top: -5.125rem;
}
article section .list .slogan-title .slogan-text-one {
	font-size:2.8rem;
}
article section .list .slogan-title .slogan-text-one span {
}
article section .list .slogan-title .slogan-text-one span:before {
	top: -0.625rem;
	left: -0.9375rem;
	width: 0.875rem;
	height: 0.875rem;
}
article section .list .slogan-title .slogan-text-one span:after {
	right: -0.625rem;
	bottom: -0.625rem;
	width: 0.875rem;
	height: 0.875rem;
}
article section .list .slogan-title .slogan-text-one .one {letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-one .two {letter-spacing:0.5rem;
}


article section .list .slogan-title .slogan-text-three .one {letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-three .two {letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-two {
	font-size:2rem;
	-webkit-transform: translate(0, 120px);
	transform: translate(0, 120px);
}
article section .list .slogan-title .slogan-text-two .one {letter-spacing:0.5rem;
}
article section .list .slogan-title .first {letter-spacing: 0.5rem;
}
article section .list .slogan-title .second {letter-spacing: 0.5rem;
}

.title_tex h1{ font-size:2rem;}
article section .list .title {
	font-size: 5.5rem;
	line-height: 1.8;
	padding-bottom: 0.1875rem;
	margin-bottom: 1rem;
}
article section .list .title:after {
	width: 4.125rem;
	border-bottom: 0.125rem solid #f7941e;
	left: 0;
}
article section .list .text p {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 0.5rem;
}
article section .list .con-list-items {
	padding-left: 2.25rem;
	padding-top:8rem;
}
article section .list .con-list-gamebg1 {
	padding-left: 8.75rem;
}
article section .list .con-list-gamebg2 {
}
article section .list .con-list-gamebg2 .title {
	line-height: 1;
}
article section .list .con-list-gamebg3 {
	padding-left: 10rem;
}
article section .list .list-content {
	padding-left: 2.25rem;
	padding-top: 6rem;
}
article section .list .con-list-gamebg5, article section .list .con-list-gamebg7{ background-position:75% center;}
article section .list .scroll-down {
	bottom: 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.6);
	width: 1.75rem;
	height: 2.75rem;
	margin-left: -1rem;
	border-radius: 0.875rem;
}
article section .list .copyright {
	left: 2.25rem;
	bottom: 0.625rem;
}
article section .list .copyright p {
	font-size: 0.625rem;
}
article section .list .address {
	font-size: 1rem;
}
article section .list .address-url {
	font-size: 1rem;
	line-height: 1.1;
}
article section .list .email {
	font-size: 1.25rem;
}
article section .list .phone {
	font-size: 1rem;
}
article section .progress .info-con {
	font-size: 0.875rem;
}
article section .progress .year {
	font-size: 1.5rem;
	line-height: 2;
}
article section .progress .progress-list li {
	width: 17.5rem;
}
}
 @media screen and (max-width: 414px) {
article section .list .slogan-title {
	height: 10.3125rem;
	margin-top: -4.125rem;
}
article section .list .slogan-title .slogan-text-one {
	font-size:2rem;
}
article section .list .slogan-title .slogan-text-one span:before {
	top: -0.625rem;
	left: -0.9375rem;
	width: 0.875rem;
	height: 0.875rem;
}
article section .list .slogan-title .slogan-text-one span:after {
	right: -0.625rem;
	bottom: -0.625rem;
	width: 0.875rem;
	height: 0.875rem;
}
article section .list .slogan-title .slogan-text-one .one {letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-one .two {letter-spacing:0.5rem;
}


article section .list .slogan-title .slogan-text-three .one {letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-three .two {letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-two {
	font-size:1.375rem;
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
}
article section .list .slogan-title .slogan-text-two .one {letter-spacing:0.5rem;
}
article section .list .slogan-title .first {letter-spacing: 0.5rem;
}
article section .list .slogan-title .second {letter-spacing: 0.5rem;
}
article section .list .title-img { height:100px;}
article section .list .title {
	font-size: 3.75rem;
	margin-bottom: 1rem;
	line-height: 1.5;
	padding-bottom: 0.25rem;
}
article section .list .title:after {
	width: 3.75rem;
	left: 0.25rem;
}
article section .list .title .hayya {
	font-size: 2.25rem;
	line-height: 1.2;
	padding-bottom: 0.625rem;
}
article section .list .title-1 {
	font-size: 2rem;
	line-height: 1.2;
}
article section .list .title-1:after {
	width: 1.875rem;
}
article section .list .title-1 .animate-bottom {
	line-height: 1.2;
}
article section .list .con-list-gamebg0 .title-1 .animate-bottom {
	line-height: 1.5;
}
article section .list .con-list-items {
	padding-left: 1.125rem;
	padding-top: 5rem;
}
article section .list .list-content {
	padding-left: 1.125rem;
	padding-top: 5rem;
}
article section .list .enter-to {
	height: 2rem;
	width: 6.75rem;
	background-position: 5rem center;
	background-size: 0.75rem auto;
	font-size: 0.875rem;
	line-height: 2rem;
	padding-right: 1rem;
}

article section .list .con-list-bg1:after,  article section .list .con-list-bg2:after,  article section .list .con-list-bg3:after,  article section .list .con-list-bg4:after,  article section .list .con-list-bg5:after,  article section .list .con-list-bg6:after,  article section .list .con-list-bg7:after,  article section .list .con-list-bg8:after,  article section .list .con-list-bg9:after,  article section .list .con-list-bg10:after {
	height: 20%;
}
article section .list .con-list-gamebg1,  article section .list .con-list-gamebg2,  article section .list .con-list-gamebg3,  article section .list .con-list-gamebg4,  article section .list .con-list-gamebg5,  article section .list .con-list-gamebg6,  article section .list .con-list-gamebg7,  article section .list .con-list-gamebg8,  article section .list .con-list-gamebg9,  article section .list .con-list-gamebg10,  article section .list .con-list-gamebg-ww{
	padding-left: 2.25rem; background-position:65% center;
}
article section .list .con-list-gamebg1:after {
	height: 20%;
}
article section .list .con-list-gamebg2 {
}
article section .list .con-list-gamebg2:before {
	height: 20%;
}
article section .list .con-list-gamebg2:after {
	height: 20%;
}
article section .list .con-list-gamebg2 .prev {
	padding-bottom: 1.75rem;
	background-size: auto 1.5rem;
}
article section .list .con-list-gamebg3 {
	padding-left: 6.25rem;
}
article section .list .con-list-gamebg3:before {
	height: 20%;
}
article section .list .con-list-gamebg3 .prev {
	padding-bottom: 1.75rem;
	background-size: auto 1.5rem;
}
article section .list .down li a {
	width: 9.25rem;
	height: 2.75rem;
	/* background-size: auto 2.75rem; */
}
article section .list .down li a.android {
}
article section .list .text p {
	font-size: 0.8rem;
	line-height: 1.25rem;
}
header .logo—En a,
header .logo a {
    line-height: 3rem; height:3rem;
    background-size: auto 2rem; width:10rem;
}
article section .progress .info-con {
	font-size: 0.75rem;
}
article section .list .con-list-bg1{ background-position:65% center;}
article section .list .email{ font-size:0.75rem;}
}
 @media screen and (max-width: 375px) {
header .logo—En a,	 
header .logo a{background-size: auto 1.8rem; height:3rem; line-height:3rem; width:9rem;}
article section .list .title-img { height:100px;}
article section .list .con-list-gamebg3 .title-1:after {
width: 2rem;
}

article section .list .slogan-title {
	height: 10.3125rem;
	margin-top: -5.125rem;
}
article section .list .slogan-title .first {letter-spacing: 0.5rem; line-height: 1.2;
}
article section .list .slogan-title .second { letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-two {
	font-size: 1.3rem;
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
	transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	color: rgba(255, 255, 255, 0.8);
}
article section .list .slogan-title .slogan-text-two .one {letter-spacing: 0.5rem;
}
article section .list .slogan-title .slogan-text-one {
	font-size: 2rem;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
}
article section .list .down li a {
	height: 2.5rem;
	width: 8.4375rem;
	background-size: auto 2.5rem;
}
article section .list .title {
	font-size: 3rem;
}
article section .list .title:after {
	width: 2.5rem;
	left: 0;
}
article section .list .title-1 {
	font-size: 1.5rem;
	padding-bottom: 0;
	line-height: 1.2;
}
article section .list .title-1:after {
	width: 1rem;
}
article section .list .title-1 .animate-bottom {
	line-height: 1.2;
}
article section .list .con-list-gamebg0 .title-1 .animate-bottom {
	line-height: 1.5;
}
article section .list .text {
	width: 85%;
}
article section .list .text-2 {
	padding-bottom: 0.75rem;
}
article section .list .enter-to {
	margin-bottom: 1.5rem;
}
article section .list .address {
	padding-top: 0.625rem;
	font-size: 0.8125rem;
	padding-bottom: 1rem;
}
article section .list .address-url {
	font-size: 0.8125rem;
	background-size: 1.375rem auto;
	padding-left: 1.5rem;
	padding-top: 0;
}
article section .list .email {
	font-size: 0.8125rem;
	background-size: auto 1rem;
	margin-bottom: 0.875rem;
}
article section .list .phone {
	font-size: 0.8125rem;
	background-size: 1.375rem auto;
	background-position: left center;
	padding-left: 1.5rem;
}
}
 @media screen and (max-height: 480px) {
article section .list .con-list-items {
	padding-top: 4.5rem;
	padding-left: 1rem;
}
article section .list .title {
	font-size: 2.25rem;
	line-height: 1;
}
article section .list .title:after {
	width: 2rem;
}
article section .list .text {
	width: 90%;
	padding-bottom: 0.75rem;
}
article section .list .text p {
	font-size: 0.75rem;
}
article section .list .con-list-gamebg1 {
	padding-left: 7.5rem;
}
article section .list .con-list-gamebg2 {
}
article section .list .con-list-gamebg3 {
	padding-left: 7.5rem;
}
article section .list .con-list-bg2:before {
	height: 52%;
}
article section .list .enter-to {
	height: 2rem;
	width: 6.75rem;
	background-position: 5rem center;
	background-size: 0.75rem auto;
	font-size: 14px;
	line-height: 2rem;
	margin-bottom: 1rem;
}
article section .list .down li a {
	width: 9.25rem;
	height: 2.75rem;
	background-size: auto 2.75rem;
}
article section .list .list-content {
	padding-top: 4.5rem;
	padding-left: 1rem;
}
article section .list .address {
	font-size: 0.75rem;
	padding-bottom: 1rem;
	padding-top: 0.5rem;
}
article section .list .address-url {
	padding-top: 0;
	background-size: 1.25rem auto;
	font-size: 0.75rem;
	padding-right: 1rem;
}
article section .list .email {
	font-size: 0.75rem;
	background-size: auto 1rem;
	padding-right: 1rem;
}
article section .list .phone {
	font-size: 0.75rem;
	background-size: 1.25rem auto;
	padding-right: 1rem;
}
article section .list .copyright {
	left: 1rem;
	bottom: 0;
}
article section .list .copyright p {
	padding-bottom: 0.5rem;
	font-size: 0.625rem;
}
}
 @media screen and (max-width: 320px) {
header .logo—En a,
header .logo a { background-size: auto 1.8rem;}
.title_tex h1{ font-size:1.4rem; padding:0.5rem 0;}	 
article section .list .title-img { height:80px;}
article section .list .title {
	font-size: 2rem;
}
article section .list .title:after {
	width: 1.75rem;
	left: 0;
}
article section .list .title-1 {
	font-size: 1.375rem;
}
article section .list .title-1:after {
	width: 1.125rem;
}
article section .list .con-list-items {
	padding-left: 0.75rem;
	padding-top: 3.75rem;
}
article section .list .slogan-title .slogan-text-one{}
article section .list .list-content {
	padding-left: 0.75rem;
	padding-top: 4.5rem;
}
article section .list .con-list-gamebg1 {
	padding-left: 5.625rem;
}
article section .list .con-list-gamebg2 {
}
article section .list .con-list-gamebg3 {
	padding-left: 5.625rem;
}
article section .list .con-list-bg2:before {
	height: 42%;
}
article section .list .enter-to {
	font-size: 0.75rem;
}
article section .list .text {
	width: 95%;
}
article section .list .down li a {
	height: 2.25rem;
	width: 7.5625rem;
	background-size: auto 2.25rem;
}
article section .list .enter-to {
	margin-bottom: 1rem;
}
article section .list .copyright {
	left: 0.75rem;
}
article section .list .copyright p {
	padding-bottom: 0.5rem;
}

article section .list .slogan-title {
	height: 10.3125rem;
	margin-top: -4.125rem;
}
article section .list .slogan-title .slogan-text-one {
	font-size:1.8rem;
}
article section .list .slogan-title .slogan-text-one span:before {
	top: -0.625rem;
	left: -0.9375rem;
	width: 0.875rem;
	height: 0.875rem;
}
article section .list .slogan-title .slogan-text-one span:after {
	right: -0.625rem;
	bottom: -0.625rem;
	width: 0.875rem;
	height: 0.875rem;
}
article section .list .slogan-title .slogan-text-one .one {letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-one .two {letter-spacing:0.5rem;
}


article section .list .slogan-title .slogan-text-three .one {letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-three .two {letter-spacing:0.5rem;
}
article section .list .slogan-title .slogan-text-two {
	font-size:1rem;
	-webkit-transform: translate(0, 80px);
	transform: translate(0, 80px);
}
article section .list .slogan-title .slogan-text-two .one {letter-spacing:0.5rem;
}
article section .list .slogan-title .first {letter-spacing: 0.5rem;
}
article section .list .slogan-title .second {letter-spacing: 0.5rem;
}


}
 @media screen and (max-height: 375px) {
article section .list .con-list-items {
	padding-top: 3.75rem;
}
article section .list .title-1 {
	font-size: 1.625rem;
	line-height: 1;
}
article section .list .title-1:after {
	width: 1.5rem;
}
article section .list .enter-to {
	width: 6rem;
	background-position: 4.5rem center;
	padding-right: 0.75rem;
}
article section .list .down li a {
	height: 2.25rem;
	width: 7.5625rem;
	background-size: auto 2.25rem;
}

}
 @media screen and (max-height: 320px) {
header nav ul li a {
	line-height: 2.4;
}
header .lang {
	padding-bottom: 0.5rem;
}
header .lang a {
	line-height: 2.4;
}
article section .list .title {
	font-size: 1.5rem;
	line-height: 1;
	margin-bottom: 0.5rem;
}
article section .list .title:after {
	width: 1.375rem;
}
article section .list .title-1 {
	font-size: 1.125rem;
}
article section .list .title-1:after {
	width: 1.125rem;
}
article section .list .text {
	width: 98%;
	padding-bottom: 0;
}
article section .list .enter-to {
	margin-bottom: 0.5rem;
}
}
 @media screen and (orientation: landscape) and (min-width: 1920px) {
article section .list .slogan-bg1,  article section .list .slogan-bg2,  article section .list .slogan-bg3,  article section .list .con-list-bg1,  article section .list .con-list-bg2,  article section .list .con-list-gamebg0,  article section .list .con-list-gamebg1,  article section .list .con-list-gamebg2,  article section .list .con-list-gamebg3,  article section .list:nth-child(3) {
	background-size: cover;
}
}
 @media screen and (orientation: landscape) and (min-width: 1920px) and (min-height: 1080px) {
article section .list .con-list-bg1:after,  article section .list .con-list-gamebg0:after,  article section .list .con-list-gamebg1:after,  article section .list .con-list-gamebg2:after,  article section .list .con-list-bg2:before,  article section .list .con-list-gamebg1:before,  article section .list .con-list-gamebg2:before,  article section .list .con-list-gamebg3:before {
	background-size: contain;
}
}
 @media screen and (orientation: portrait) and (min-height: 1080px) {
article section .list .slogan-bg1,  article section .list .slogan-bg2,  article section .list .slogan-bg3,  article section .list .con-list-bg1,  article section .list .con-list-bg2,  article section .list .con-list-gamebg0,  article section .list .con-list-gamebg1,  article section .list .con-list-gamebg2,  article section .list .con-list-gamebg3,  article section .list:nth-child(3) {
	background-size: cover;
}
article section .list .con-list-bg1:after,  article section .list .con-list-gamebg0:after,  article section .list .con-list-gamebg1:after,  article section .list .con-list-gamebg2:after,  article section .list .con-list-bg2:before,  article section .list .con-list-gamebg1:before,  article section .list .con-list-gamebg2:before,  article section .list .con-list-gamebg3:before {
	background-size: contain;
}
}
 
 @media screen and (max-width: 414px) {
.title_tex h1{ font-size:1.8rem; padding:0.5rem;}		 
.cn article section .list .title .outstory {
	width: 11.25rem;
	height: 9.3125rem;
	background-size: 11.25rem auto;
	background-position: left 0.5rem;
}
.cn article section .list .title .sudang {
	width: 10.9375rem;
	height: 8.75rem;
	background-size: 10.9375rem auto;
	padding-bottom: 0.75rem;
}
.cn article section .list .title .contact-us {
	background-size: 8.25rem auto;
	height: 8.75rem;
	width: 8.25rem;
}
.cn article section .list .title .rok {
	font-size: 2.25rem;
	line-height: 1.2;
	padding-bottom: 0.625rem;
}
.cn article section .list .title:after {
	width: 3.75rem;
}
.cn article section .list .title-1:after {
	width: 2rem;
}
.cn article section .list .text p {
	font-size:1rem;
}
.cn article section .list .text-2 {
	width: 90%;
}
.cn article section .list .text-2 p {
	font-size: 0.875rem;
	line-height: 1.4;
}
.cn article section .list .cn-prev {
	height: 4.25rem;
	padding-right: 1rem;
	padding-bottom: 3rem;
	background-size: auto 1.5rem;
}
.cn article section .list .cn-prev:before {
	background-size: auto 2.25rem;
}
.cn article section .list .con-list-gamebg2 {
}
.cn article section .list .enter-to {
	background-position: 4.375rem center;
	font-size: 0.875rem;
}
.cn article section .list .list-content:after {
	width: 3.75rem;
}
.cn article section .list .address {
	font-size: 0.75rem;
	line-height: 1.2;
	background-size: auto 1.75rem;
	padding-left: 2rem;
	margin-bottom: 1rem;
	padding-top: 0;
}
.cn article section .list .telphone {
	font-size: 0.75rem;
	background-size: auto 1.75rem;
	padding-left: 2rem;
	margin-bottom: 1rem;
}
.cn article section .list .email {
	font-size: 0.75rem;
	background-size: auto 1.125rem;
	margin-bottom: 1rem;
	line-height: 2;
}
.cn article section .list .qq {
	font-size: 0.75rem;
	background-size: auto 1.5rem;
	padding-left: 2rem;
}
.cn article section .list .addus {
	padding-top: 1rem;
}
.cn article section .list .addus a {
	height: 2rem;
	width: 7.5rem;
	font-size: 1rem;
	background-size: 0.875rem auto;
	line-height: 2rem;
	background-position: 1.25rem center;
}
.cn article section .list .copyright {
	left: 1.125rem;
	font-size: 0.75rem;
}
.cn article section .list .copyright p {
	padding-bottom: 0.25rem;
}
}

 @media screen and (max-width: 320px) {
.cn article section .list .title {
	margin-bottom: 1.25rem;
}
.cn article section .list .title .outstory {
	width: 8.75rem;
	height: 7.5rem;
	background-size: 8.75rem auto;
	background-position: left 0.5rem;
}
.cn article section .list .title .sudang {
	width: 8.75rem;
	height: 6.875rem;
	background-size: 8.75rem auto;
	padding-bottom: 0.75rem;
}
.cn article section .list .title .contact-us {
	background-size: 7.5rem auto;
	height: 8.5rem;
	width: 7.5rem;
}
.cn article section .list .title .rok {
	font-size: 2rem;
	line-height: 1;
	padding-bottom: 0.375rem;
}
.cn article section .list .title:after {
	width: 3rem;
}
.cn article section .list .address {
	margin-bottom: 0.5rem;
}
.cn article section .list .telphone {
	margin-bottom: 0.5rem;
}
.cn article section .list .email {
	margin-bottom: 0.5rem;
}
.cn article section .copyright {
	left: 1.125rem;
	font-size: 0.75rem;
}
}
 @media screen and (max-height: 480px) {
.cn article section .list .title {
	margin-bottom: 1rem;
	line-height: 1;
}
.cn article section .list .title .outstory {
	width: 8.75rem;
	height: 7.5rem;
	background-size: 8.75rem auto;
	background-position: left 0.5rem;
}
.cn article section .list .title .sudang {
	width: 7.5rem;
	height: 5.875rem;
	background-size: 7.5rem auto;
	padding-bottom: 0.75rem;
}
.cn article section .list .title .contact-us {
	background-size: 5.625rem auto;
	height: 6.25rem;
	width: 5.625rem;
}
.cn article section .list .title .rok {
	font-size: 1.75rem;
	line-height: 1;
	padding-bottom: 0.625rem;
}
.cn article section .list .title:after {
	width: 2.5rem;
}
.cn article section .list .list-content {
	padding-top: 3.75rem;
}
.cn article section .list .list-content .title {
	margin-bottom: 0.5rem;
}
.cn article section .list .text {
	width: 80%;
}
.cn article section .list .text p {
	font-size: 0.875rem;
	line-height: 1.4;
}
.cn article section .list .text-2 {
	width: 80%;
}
.cn article section .list .cn-prev {
	height: 4.25rem;
	padding-right: 1rem;
	padding-bottom: 3rem;
	background-size: auto 1.5rem;
}
.cn article section .list .cn-prev:before {
	background-size: auto 2.25rem;
}
.cn article section .list .con-list-gamebg2 {
}
.cn article section .list .enter-to {
	background-position: 4.375rem center;
	font-size: 0.875rem;
}
.cn article section .list .address {
	font-size: 0.75rem;
	line-height: 1.2;
	background-size: auto 1.75rem;
	padding-left: 2rem;
	margin-bottom: 0.5rem;
	padding-top: 0;
}
.cn article section .list .telphone {
	font-size: 0.75rem;
	background-size: auto 1.75rem;
	padding-left: 2rem;
	margin-bottom: 0.5rem;
}
.cn article section .list .email {
	font-size: 0.75rem;
	background-size: auto 1.125rem;
	margin-bottom: 0.5rem;
}
.cn article section .list .qq {
	font-size: 0.75rem;
	background-size: auto 1.5rem;
	padding-left: 2rem;
}
.cn article section .list .addus {
	padding-top: 0.5rem;
}
.cn article section .list .addus a {
	height: 2rem;
	width: 7.5rem;
	font-size: 0.875rem;
	background-size: 0.875rem auto;
	line-height: 2rem;
	background-position: 1rem center;
}
.cn article section .progress .info-con {
	font-size: 0.8125rem;
}
.cn article section .progress .year {
	font-size: 1.125rem;
}
}
 @media screen and (max-height: 375px) {
.cn article section .list .title .outstory {
	width: 6rem;
	height: 5.25rem;
	background-size: 6rem auto;
	background-position: left 0.5rem;
}
.cn article section .list .title .sudang {
	width: 6rem;
	height: 4.75rem;
	background-size: 6rem auto;
	padding-bottom: 0.5rem;
}
.cn article section .list .title .contact-us {
	background-size: 5rem auto;
	height: 5.25rem;
	width: 5rem;
}
.cn article section .list .title .rok {
	font-size: 1.75rem;
	line-height: 1;
	padding-bottom: 0.625rem;
}
.cn article section .list .title:after {
	width: 2.5rem;
}
.cn article section .list .text p {
	font-size: 0.75rem;
	line-height: 1.4;
}
.cn article section .list .text-2 p {
	font-size: 0.75rem;
	line-height: 1.4;
}
.cn article section .list .enter-to {
	background-position: 4.375rem center;
	font-size: 0.875rem;
}
.cn article section .list .address {
	font-size: 0.75rem;
	line-height: 1.2;
	background-size: auto 1.75rem;
	padding-left: 2rem;
	margin-bottom: 0.25rem;
	padding-top: 0;
}
.cn article section .list .telphone {
	font-size: 0.75rem;
	background-size: auto 1.75rem;
	padding-left: 2rem;
	margin-bottom: 0.25rem;
}
.cn article section .list .email {
	font-size: 0.75rem;
	background-size: auto 1.125rem;
	margin-bottom: 0.25rem;
}
.cn article section .list .qq {
	font-size: 0.75rem;
	background-size: auto 1.5rem;
	padding-left: 2rem;
}
.cn article section .list .addus {
	padding-top: 0.5rem;
}
.cn article section .list .addus a {
	height: 2rem;
	width: 7.5rem;
	font-size: 0.875rem;
	background-size: 0.875rem auto;
	line-height: 2rem;
	background-position: 1rem center;
}
}
 @media screen and (max-height: 320px) {
.cn article section .list .title {
	margin-bottom: 0.5rem;
}
.cn article section .list .title .contact-us {
	background-size: 3.75rem auto;
	height: 4rem;
	width: 3.75rem;
}
.cn article section .list .text-2 {
	width: 95%;
}
.cn article section .list .address {
	line-height: 1;
	background-size: auto 1.375rem;
	margin-bottom: 0;
}
.cn article section .list .telphone {
	background-size: auto 1.375rem;
	margin-bottom: 0;
}
.cn article section .list .email {
	background-size: auto 1rem;
	margin-bottom: 0;
}
.cn article section .list .qq {
	background-size: auto 1.25rem;
}
.cn article section .list .addus {
	padding-top: 0;
}
.cn article section .list .addus a {
	height: 1.625rem;
	width: 6rem;
	font-size: 0.75rem;
	background-size: 0.75rem auto;
	line-height: 1.625rem;
	background-position: 0.75rem center;
}
}
 @media screen and (orientation: portrait) {
.ar article section .list .con-list-bg2 {
	background-position: 80% center;
}
.ar article section .list .con-list-gamebg0 {
	background-position: 30% center;
}
.ar article section .list .con-list-gamebg1 {
	background-position: 30% center;
}
.ar article section .list .con-list-gamebg2 {
	background-position: 10% center;
}
.ar article section .list .con-list-gamebg3 {
	background-position: 70% center;
}
.ar article section .list:nth-child(3) {
	background-position: 20% center;
}
}
 @media screen and (orientation: landscape) and (max-width: 1240px) {
.ar article section .list .con-list-bg2 {
	background-position: 80% center;
}
.ar article section .list .con-list-gamebg0 {
	background-position: 70% center;
}
.ar article section .list .con-list-gamebg1 {
	background-position: 30% center;
}
.ar article section .list .con-list-gamebg2 {
	background-position: 10% center;
}
.ar article section .list .con-list-gamebg3 {
	background-position: 70% center;
}
.ar article section .list:nth-child(3) {
	background-position: 20% center;
}
.ar header nav ul li a {
	padding: 0 2rem;
}
.ar header .lang {
	padding-left: 2.25rem;
}
}
 @media screen and (max-width: 1024px) {
.body header nav {
	height: auto;
	line-height: auto;
}
.body header nav ul li {
	height: auto;
	line-height: auto;
}
.body header nav ul li a {
	color: rgba(255, 255, 255, 0.75);
	line-height: 3.1;
}
.body header .lang a {
	line-height: 3.1;
}
.body-ar header .head-nav {
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}
.body-ar header nav {
	float: none;
}
.body-ar header nav ul {
	float: none;
}
.body-ar header nav ul li {
	float: none;
}
.body-ar header nav ul li a {
	text-align: center;
}
.body-ar header .lang {
	float: none;
	padding-left: 0;
	line-height: auto;
	height: auto;
}
.body-ar header .lang a {
	line-height: 3.1;
}
.body-ar header .lang a.close-lang {
	right: auto;
	left: 0;
}
}
 @keyframes next {
 0% {
 -webkit-transform: translate(0, 50%);
 transform: translate(0, 50%);
}
 50% {
 -webkit-transform: translate(10px, 50%);
 transform: translate(10px, 50%);
}
 100% {
 -webkit-transform: translate(0, 50%);
 transform: translate(0, 50%);
}
}
 @-webkit-keyframes next /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 50%);
}
 50% {
 -webkit-transform: translate(10px, 50%);
}
 100% {
 -webkit-transform: translate(0, 50%);
}
}
 @keyframes prev {
 0% {
 -webkit-transform: translate(0, 50%);
 transform: translate(0, 50%);
}
 50% {
 -webkit-transform: translate(-10px, 50%);
 transform: translate(-10px, 50%);
}
 100% {
 -webkit-transform: translate(0, 50%);
 transform: translate(0, 50%);
}
}
 @-webkit-keyframes prev /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 50%);
}
 50% {
 -webkit-transform: translate(-10px, 50%);
}
 100% {
 -webkit-transform: translate(0, 50%);
}
}
 @keyframes scrollDown {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, -5px);
 transform: translate(0, -5px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes scrollDown /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 0);
}
 50% {
 -webkit-transform: translate(0, -5px);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}
 @keyframes scrollUp {
 0% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 25% {
 -webkit-transform: translate(0, 5px);
 transform: translate(0, 5px);
}
 50% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
 75% {
 -webkit-transform: translate(0, -5px);
 transform: translate(0, -5px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
 @-webkit-keyframes scrollUp /* Safari end Chrome */ {
 0% {
 -webkit-transform: translate(0, 0);
}
 25% {
 -webkit-transform: translate(0, 5px);
}
 50% {
 -webkit-transform: translate(0, 0);
}
 75% {
 -webkit-transform: translate(0, -5px);
}
 100% {
 -webkit-transform: translate(0, 0);
}
}
 @keyframes sloganTitle {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes sloganTitle /* Safari end Chrome */ {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @media screen and (orientation: portrait) {
article section .list .slogan-bg1,  article section .list .slogan-bg2,  article section .list .slogan-bg3,  article section .list .con-list-bg1,  article section .list .con-list-bg2,  article section .list .con-list-gamebg0,  article section .list .con-list-gamebg1,  article section .list .con-list-gamebg2,  article section .list .con-list-gamebg3,  article section .list:nth-child(3) {
	background-size: auto 100%;
}
article section .list .slogan-bg1 {
	background-position: 70% center;
}
article section .list .slogan-bg2 {
	background-position: 65% center;
}
article section .list .slogan-bg3 {
	background-position: 20% center;
}
article section .list .con-list-bg2 {
	background-position: 15% center;
}
article section .list .con-list-gamebg0 {
	background-position: 70% center;
}
article section .list .con-list-gamebg1 {
	background-position: 75% center;
}
article section .list .con-list-gamebg2 {
	background-position: 90% center;
}
article section .list .con-list-gamebg3 {
	background-position: 10% center;
}
article section .list:nth-child(3) {
	background-position: 80% center;
}
}
 @media screen and (max-width: 1024px) {
.body-ar header .logo {
	border-left: 0 none;
}
.ar header.header .logo {
	border-left: 0 none;
}
.ar header .menus {
	right: auto;
	left: 0;
}
.ar header .logo {
	border-left: 0 none;
}
.ar header .head-nav {
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}
.ar header nav {
	float: none;
}
.ar header nav ul li {
	float: none;
}
.ar header nav ul li a {
	text-align: center;
}
.ar header .lang {
	padding-left: 0;
	float: none;
}
.ar header .lang a.close-lang {
	right: auto;
	left: 0;
}
.ar article section .list .con-list-items {
	padding-right: 2.25rem;
	padding-top:10rem;
}
.ar article section .list .list-content {
	padding-right: 2.25rem;
	padding-top: 6rem;
}
.ar article section .list .con-list-gamebg1 {
	padding-right: 13.125rem;
}
.ar article section .list .con-list-gamebg2 {
	padding-right: 13.125rem;
}
.ar article section .list .con-list-gamebg3 {
	padding-right: 11.25rem;
}
.ar article section .list .con-list-gamebg3 .text {
	width: 60%;
}
.ar article section .list .down li a.android {
	margin-left: 1rem;
	margin-right: 0;
}
.ar article section .list .copyright {
	right: 2.25rem;
}
}
@media screen and (max-height: 768px) and (max-width: 1024px) {
.cn article section .list .title {
	margin-bottom: 2rem;
}
.cn article section .list .title .outstory {
	width: 11.25rem;
	height: 9.3125rem;
	background-size: 11.25rem auto;
	background-position: left 0.5rem;
}
.cn article section .list .title .sudang {
	width: 10.9375rem;
	height: 8.75rem;
	background-size: 10.9375rem auto;
	padding-bottom: 0.75rem;
}
.cn article section .list .title .contact-us {
	background-size: 8.25rem auto;
	height: 8.75rem;
	width: 8.25rem;
}
.cn article section .list .title .rok {
	font-size: 2.25rem;
	line-height: 1.2;
	padding-bottom: 0.625rem;
}
.cn article section .list .title:after {
	width: 3.75rem;
}
}
 @media screen and (max-width: 414px) {
.ar article section .list .enter-to {
	background-position: 4.5rem center;
}
.ar article section .list .con-list-gamebg1 {
	padding-right: 5rem;
}
.ar article section .list .con-list-gamebg2 {
	padding-right: 5rem;
}
.ar article section .list .con-list-gamebg3 {
	padding-right: 5rem;
}
.ar article section .list .con-list-gamebg3 .text {
	width: 90%;
}
.ar article section .list .con-list-gamebg3 .title {
	font-size: 2.5rem;
}
}
 @media screen and (max-width: 320px) {
.ar article section .list .con-list-items {
	padding-right: 0.75rem;
	padding-top: 4.5rem;
}
.ar article section .list .list-content {
	padding-right: 0.75rem;
	padding-top: 4.5rem;
}
.ar article section .list .con-list-gamebg1 {
	padding-right: 4.375rem;
}
.ar article section .list .con-list-gamebg2 {
	padding-right: 4.375rem;
}
.ar article section .list .con-list-gamebg3 {
	padding-right: 4.375rem;
}
.ar article section .list .copyright {
	right: 0.75rem;
}
}
 @media screen and (max-height: 480px) {
.ar article section .list .con-list-items {
	padding-right: 0.75rem;
	padding-top: 4.5rem;
}
.ar article section .list .list-content {
	padding-right: 0.75rem;
	padding-top: 4.5rem;
}
.ar article section .list .con-list-gamebg3 {
	padding-right: 6.25rem;
}
.ar article section .list .con-list-gamebg3 .text {
	width: 90%;
}
.ar article section .list .con-list-gamebg3 .title {
	font-size: 2.25rem;
}
.ar article section .list .con-list-gamebg1 {
	padding-top: 5.625rem;
	padding-right: 3.75rem;
}
.ar article section .list .con-list-gamebg2 {
	padding-top: 5.625rem;
	padding-right: 3.75rem;
}
.ar article section .list .copyright {
	right: 0.75rem;
}
.ar article section .list .enter-to {
	background-position: 4rem center;
}
}

 .pr{ position:relative;}
.footer{ position:absolute; right:30px; bottom:30px; font-size:16px; color:#999;}