html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
tr {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
header {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
h5 {
	font-family: "Microsoft YaHei";
}
body {
	-ms-overflow-x: hidden;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}
body {
	font: 12px/1.5 "Hiragino Sans GB", "Microsoft YaHei", "ËÎÌå", Arial, Tahoma, Helvetica, Geneva, sans-serif; color: rgb(68, 72, 102); font-size-adjust: none; font-stretch: normal;
}
input {
	font: 12px/1.5 "Hiragino Sans GB", "Microsoft YaHei", "ËÎÌå", Arial, Tahoma, Helvetica, Geneva, sans-serif; color: rgb(68, 72, 102); font-size-adjust: none; font-stretch: normal;
}
textarea {
	font: 12px/1.5 "Hiragino Sans GB", "Microsoft YaHei", "ËÎÌå", Arial, Tahoma, Helvetica, Geneva, sans-serif; color: rgb(68, 72, 102); font-size-adjust: none; font-stretch: normal;
}
select {
	font: 12px/1.5 "Hiragino Sans GB", "Microsoft YaHei", "ËÎÌå", Arial, Tahoma, Helvetica, Geneva, sans-serif; color: rgb(68, 72, 102); font-size-adjust: none; font-stretch: normal;
}
#header {
	margin: 0px auto; width: 100%; min-width: 1263px; background-color: rgb(25, 29, 58);
}
#header a {
	display: block; cursor: pointer;
}
#top {
	margin: 0px auto; width: 1263px; height: 58px;
}
.logo {
	margin: 5px 0px 0px 120px; width: 151px; height: 46px; line-height: 46px; text-indent: -9999px; float: left; background-image: url("../images/yylogo.png");
}
#top ul {
	width: 850px; height: 58px; line-height: 58px; float: right;
}
#top ul li {
	width: 120px; text-align: center; float: left;
}
#top ul li a {
	color: rgb(238, 238, 238); display: block;
}
#top ul li a:hover {
	background: rgb(54, 63, 128);
}
.current {
	background: rgb(54, 63, 128);
}
#banner {
	background: url("http://prgame1.oss-cn-hangzhou.aliyuncs.com/web/yyyx.jpg") no-repeat center; width: 100%; height: 462px;
}
.location {
	margin: 0px auto; padding: 25px 0px 15px; width: 1000px; height: 29px; border-bottom-color: rgb(199, 214, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.location h2.game_t {
	background-position: 0px -94px;
}
.location h2 {
	background: url("game-img/location.png") no-repeat 0px -44px; color: rgb(68, 72, 102); line-height: 29px; padding-left: 30px; font-size: 20px;
}
h6 {
	font-weight: normal;
}
input {
	font-family: inherit; font-size: 12px; font-weight: normal;
}
textarea {
	font-family: inherit; font-size: 12px; font-weight: normal;
}
select {
	font-family: inherit; font-size: 12px; font-weight: normal;
}
button {
	font-family: inherit; font-size: 12px; font-weight: normal;
}
input[type='button'] {
	cursor: pointer;
}
input[type='submit'] {
	cursor: pointer;
}
select {
	cursor: pointer;
}
button {
	cursor: pointer;
}
table {
	width: 100%; border-collapse: collapse; border-spacing: 0;
}
em {
	font-style: normal; font-weight: normal;
}
i {
	font-style: normal; font-weight: normal;
}
b {
	font-style: normal; font-weight: normal;
}
ul {
	list-style: none;
}
img {
	border: currentColor; border-image: none; vertical-align: middle; -ms-interpolation-mode: bicubic;
}
input {
	resize: none;
}
textarea {
	resize: none;
}
select {
	resize: none;
}
.cl::before {
	clear: both; display: table; content: "";
}
.cl::after {
	clear: both; display: table; content: "";
}
.area::before {
	clear: both; display: table; content: "";
}
.area::after {
	clear: both; display: table; content: "";
}
.cl {
	
}
.area {
	
}
a {
	transition:background-color 0.2s linear; color: rgb(68, 72, 102); text-decoration: none; cursor: pointer;
}
a:hover {
	color: rgb(51, 185, 114); text-decoration: none;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.cred {
	color: rgb(204, 0, 0);
}
body {
	background: rgb(255, 255, 255);
}
.area {
	margin: auto; width: 1000px; clear: both;
}
header {
	width: 100%; clear: both; background-color: rgb(25, 29, 58);
}
#top {
	height: 58px;
}
header nav a.current {
	color: rgb(226, 228, 237); background-color: rgb(37, 41, 71);
}
header nav a:hover {
	color: rgb(226, 228, 237);
}
.joinus {
	margin: 12px 20px 0px 0px; border-radius: 3px; border: 1px solid rgb(58, 202, 122); border-image: none; width: 98px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; font-size: 14px; float: right; background-color: rgb(56, 183, 116);
}
.jointo {
	margin: 12px 20px 0px 0px; border-radius: 3px; border: 1px solid rgb(58, 202, 122); border-image: none; width: 98px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 32px; font-size: 14px; float: right; background-color: rgb(56, 183, 116);
}
.jointo {
	color: rgb(255, 255, 255) !important; float: none; display: inline-block;
}
.joinus:hover {
	color: rgb(255, 255, 255); background-color: rgb(43, 163, 100);
}
.jointo:hover {
	color: rgb(255, 255, 255); background-color: rgb(43, 163, 100);
}
#banner {
	width: 100%; clear: both; position: relative; background-color: rgb(25, 29, 58);
}
#banner .bd {
	overflow: hidden;
}
#banner .bd li {
	background-position: top; width: 100%; height: 463px; background-repeat: repeat-x;
}
#banner .intro {
	margin: auto; padding: 158px 0px 0px 540px; width: 460px; position: relative;
}
#banner .intro h2 {
	display: none;
}
.online {
	top: 82px; width: 115px; right: 75px; position: absolute; cursor: pointer;
}
.online dt {
	background: url("game-img/online.png") no-repeat; height: 37px; color: rgb(25, 29, 58); line-height: 37px; padding-left: 17px; font-size: 14px;
}
.online dd {
	padding: 2px 0px 8px 13px; display: none; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; background-color: rgb(255, 255, 255);
}
.online dd a {
	background: url("game-img/online.png") no-repeat 0px -47px; width: 24px; height: 24px; margin-right: 4px; display: inline-block;
}
.online dd a.pt2 {
	background-position: -25px -47px;
}
.online dd a.pt3 {
	background-position: -50px -47px;
}
.online dd a.pt4 {
	background-position: -75px -47px;
}
.online dd a.pt5 {
	background-position: -100px -47px;
}
.onlinehover {
	background-position: -120px 0px;
}
.online:hover dt {
	background-position: -120px 0px;
}
.onlinehover dd {
	display: block;
}
.online:hover dd {
	display: block;
}
#banner .intro p {
	color: rgb(25, 29, 58); line-height: 30px; padding-right: 20px; font-size: 14px;
}
#banner .darkcolor .intro p {
	color: rgb(255, 255, 255);
}
.download {
	
}
.download dt {
	background: url("game-img/download.png") no-repeat 5px 10px; height: 35px; color: rgb(25, 29, 58); line-height: 35px; padding-left: 30px; font-size: 18px; font-weight: bold; margin-bottom: 8px;
}
.download dd {
	height: 106px;
}
.download dd a.downlink {
	background: url("game-img/pad.png") no-repeat 30px 18px rgba(255, 255, 255, 0.7); width: 83px; height: 35px; text-align: center; color: rgb(68, 72, 102); padding-top: 71px; font-size: 14px; margin-right: 1px; float: left;
}
.download dd a.ipad {
	background-position: 30px -182px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
.download dd a.android {
	background-position: 24px -82px;
}
.download dd a.pc {
	background-position: 44px -275px;
}
.download dd a.wphone {
	background-position: 44px -377px;
}
.download dd a.tv {
	background-position: 22px -482px;
}
.download dd .ewm {
	width: 111px; height: 93px; text-align: center; padding-top: 13px; float: left; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: rgba(255, 255, 255, 0.7);
}
.download dd a.downlink:hover {
	background-color: rgb(255, 255, 255);
}
.darkcolor .download dt {
	background-position: 5px -30px; color: rgb(251, 198, 96);
}
.darkcolor .download dd a.downlink {
	background-position: -218px 18px; color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2);
}
.darkcolor .download dd a.downlink:hover {
	background-position: 28px 18px; color: rgb(68, 72, 102); background-color: rgb(224, 223, 243);
}
.darkcolor .download dd a.ipad {
	background-position: -210px -182px;
}
.darkcolor .download dd a.ipad:hover {
	background-position: 30px -182px;
}
.darkcolor .download dd a.android {
	background-position: -218px -82px;
}
.darkcolor .download dd a.android:hover {
	background-position: 24px -82px;
}
.darkcolor .download dd a.pc {
	background-position: -215px -275px;
}
.darkcolor .download dd a.pc:hover {
	background-position: 26px -275px;
}
.darkcolor .download dd a.wphone {
	background-position: -214px -377px;
}
.darkcolor .download dd a.wphone:hover {
	background-position: 26px -377px;
}
.darkcolor .download dd a.tv {
	background-position: -214px -482px;
}
.darkcolor .download dd a.tv:hover {
	background-position: 22px -482px;
}
#b5 .online {
	right: 20px;
}
#b12 .online {
	right: 20px;
}
#b5 .download dd a.downlink {
	background-color: rgba(255, 255, 255, 0.5);
}
#b5 .download dd a.downlink:hover {
	background-color: rgb(255, 255, 255);
}
#banner #b5 .intro p {
	color: rgb(255, 255, 255);
}
#b5 .download dt {
	color: rgb(255, 255, 255);
}
#banner .hd ul {
	left: 50%; width: 135px; bottom: 20px; margin-left: -67px; position: absolute; z-index: 100;
}
#banner .hd ul li {
	border-radius: 6px; width: 12px; height: 12px; text-indent: -9999px; overflow: hidden; margin-right: 15px; float: left; cursor: pointer; opacity: 0.5; background-color: rgb(255, 255, 255);
}
#banner .hd ul li.on {
	opacity: 1;
}
#indexmain {
	background: url("game-img/indexmainbg.jpg") no-repeat bottom rgb(255, 255, 255); width: 100%; padding-bottom: 57px;
}
.indexpro {
	padding-top: 50px; margin-bottom: 35px;
}
.indexpro .bd {
	width: 1000px; height: 200px; overflow: hidden; margin-bottom: 29px;
}
.indexpro .bd li {
	width: 218px; height: 200px; text-align: center; margin-right: 43px; float: left;
}
.indexpro .bd li a {
	width: 218px; height: 200px; color: rgb(68, 72, 102); display: block;
}
.indexpro .bd li h5 {
	padding: 10px 0px 5px; font-size: 14px;
}
.indexpro .bd li p {
	padding-bottom: 10px;
}
.indexpro .bd li p span {
	background: url("game-img/arrow.png") no-repeat right; color: rgb(56, 183, 116); text-transform: uppercase; line-height: 18px; padding-right: 11px; display: inline-block;
}
.indexpro .hd {
	height: 18px; clear: both; border-top-color: rgb(219, 225, 231); border-top-width: 1px; border-top-style: solid;
}
.indexpro .hd ul {
	margin: -6px auto 0px; width: 100px; height: 11px; padding-left: 17px; background-color: rgb(255, 255, 255);
}
.indexpro .hd ul li {
	border-radius: 6px; width: 11px; height: 11px; text-indent: -9999px; overflow: hidden; margin-right: 14px; float: left; cursor: pointer; background-color: rgb(181, 192, 203);
}
.indexpro .hd ul li.on {
	background-color: rgb(47, 188, 113);
}
.indexpro .bd li a:hover h5 {
	transition:background-color 0.5s linear; color: rgb(255, 255, 255); background-color: rgb(56, 183, 116);
}
.indexpro .bd li a:hover p {
	transition:background-color 0.5s linear; color: rgb(255, 255, 255); background-color: rgb(56, 183, 116);
}
.indexpro .bd li a:hover img {
	opacity: 0.8; background-color: rgb(255, 255, 255);
}
.indexpro .bd li a:hover p span {
	color: rgb(255, 255, 255); background-image: url("game-img/arrow_hover.png");
}
.indexnews {
	background: url("game-img/bynewsbg.jpg") no-repeat; width: 500px; height: 310px; float: left;
}
.mtitle {
	padding: 40px 216px 0px 0px; height: 70px;
}
.mtitle .more {
	float: right;
}
.mtitle .more a {
	border-radius: 5px; border: 1px solid rgb(51, 185, 114); border-image: none; width: 64px; height: 26px; text-align: center; color: rgb(48, 189, 114); display: inline-block;
}
.mtitle .more a:hover {
	color: rgb(255, 255, 255); background-color: rgb(51, 185, 114);
}
.mtitle h2 {
	display: none;
}
.mtitle .stit h2 {
	line-height: 34px; font-size: 28px; font-weight: 700; display: block;
}
.stit {
	color: rgb(255, 255, 255); padding-left: 80px; float: left;
}
.indexnewscon {
	padding: 0px 20px;
}
.newslist li {
	padding: 10px 0px; line-height: 29px; font-size: 14px; border-bottom-color: rgb(219, 225, 231); border-bottom-width: 1px; border-bottom-style: solid;
}
.newslist li .time {
	color: rgb(175, 190, 207); font-size: 12px; margin-right: 18px;
}
.indexrecruitment {
	background: url("game-img/byhrbg.jpg") no-repeat; width: 500px; height: 310px; float: right;
}
.indexrecruitment .mtitle .more a {
	border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.indexrecruitment .mtitle .more a:hover {
	color: rgb(47, 188, 113); background-color: rgb(255, 255, 255);
}
.recruit {
	padding: 0px 175px 0px 20px;
}
.recruitlist li {
	padding: 10px 0px; height: 29px; color: rgb(255, 255, 255); line-height: 29px; overflow: hidden; font-size: 14px; border-bottom-color: rgb(111, 222, 163); border-bottom-width: 1px; border-bottom-style: solid; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.recruitlist li a {
	color: rgb(255, 255, 255);
}
.recruitlist li a:hover {
	color: rgb(255, 255, 0);
}
.ftbox {
	width: 100%; height: 60px; clear: both;
}
footer {
	width: 100%; clear: both; background-color: rgb(25, 29, 58);
}
footer nav {
	padding: 20px 0px; color: rgb(108, 110, 126);
}
footer nav a {
	margin: 0px 4px; color: rgb(108, 110, 126);
}
footer nav a:hover {
	color: rgb(247, 248, 255);
}
.copyright {
	float: right;
}
footer .ft {
	color: rgb(108, 110, 126); background-color: rgb(37, 41, 71);
}
.fixed {
	bottom: 0px; position: fixed; z-index: 9999;
}
.homebot {
	padding: 24px 0px;
}
.statement {
	line-height: 24px;
}
.botright {
	width: 265px; float: right;
}
.botewm {
	width: 110px; text-align: center; float: left;
}
.botewm h5 {
	font-weight: normal; margin-top: 8px;
}
.bot110 {
	width: 151px; float: right;
}
.aboutbanner {
	background: url("../pic/aboutbanner.jpg") repeat-x top rgb(255, 250, 244); width: 100%; height: 254px;
}
.newsbanner {
	background: url("../pic/aboutbanner.jpg") repeat-x top rgb(255, 250, 244); width: 100%; height: 254px;
}
.gamebanner {
	background: url("../pic/aboutbanner.jpg") repeat-x top rgb(255, 250, 244); width: 100%; height: 254px;
}
.hrbanner {
	background: url("../pic/aboutbanner.jpg") repeat-x top rgb(255, 250, 244); width: 100%; height: 254px;
}
.joinbanner {
	background: url("../pic/aboutbanner.jpg") repeat-x top rgb(255, 250, 244); width: 100%; height: 254px;
}
.sitemapbanner {
	background: url("../pic/aboutbanner.jpg") repeat-x top rgb(255, 250, 244); width: 100%; height: 254px;
}
.faqbanner {
	background: url("../pic/aboutbanner.jpg") repeat-x top rgb(255, 250, 244); width: 100%; height: 254px;
}
.newsbanner {
	background-image: url("../pic/newsbanner.jpg"); background-color: rgb(5, 169, 57);
}
.gamebanner {
	background-image: url("../pic/gamebanner.jpg"); background-color: rgb(8, 52, 173);
}
.hrbanner {
	height: 515px; background-image: url("../pic/hrbanner.jpg"); background-color: rgb(81, 192, 228);
}
.joinbanner {
	background-image: url("../pic/joinbanner.jpg"); background-color: rgb(47, 193, 242);
}
.sitemapbanner {
	background-image: url("../pic/sitemapbanner.jpg"); background-color: rgb(36, 50, 132);
}
.faqbanner {
	background-image: url("../pic/faqbanner.jpg"); background-color: rgb(248, 248, 248);
}
.location {
	padding: 25px 0px 15px; height: 29px; border-bottom-color: rgb(199, 214, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.location h2 {
	background: url("game-img/location.png") no-repeat 0px -44px; height: 29px; color: rgb(68, 72, 102); line-height: 29px; padding-left: 30px; font-size: 20px;
}
.location h2.news_t {
	background-position: 0px 6px;
}
.location h2.game_t {
	background-position: 0px -94px;
}
.location h2.hr_t {
	background-position: 0px -144px;
}
.location h2.faq_t {
	background-position: 0px -188px;
}
.location h2.faq_det {
	background: none; padding: 15px 0px 0px 20px; height: 90px; font-size: 24px;
}
.location h2.faq_det img {
	margin-right: 20px;
}
.location_faq {
	height: auto;
}
.qlink {
	height: 20px; color: rgb(68, 72, 102); line-height: 20px; margin-top: 4px; float: right;
}
.qlink a {
	vertical-align: middle; display: inline-block;
}
.qlink label {
	vertical-align: middle; display: inline-block;
}
.qlink em {
	background: url("game-img/icon.png") no-repeat 0px -150px; margin: 0px 7px; width: 4px; height: 8px; line-height: 8px; vertical-align: middle; display: inline-block;
}
.qlink a.home {
	background: url("game-img/home.png") no-repeat center 3px; width: 20px; height: 20px;
}
.combox {
	padding-bottom: 40px;
}
.pleft {
	width: 230px; padding-top: 40px; float: left;
}
.catelist li {
	border-bottom-color: rgb(199, 214, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.catelist li a {
	padding: 15px 0px; display: block;
}
.catelist li h3 {
	font-size: 16px;
}
.catelist li em {
	text-transform: uppercase;
}
.catelist li.current a {
	color: rgb(56, 183, 116);
}
.catelist li.current h3 {
	background: url("game-img/arrow.png") no-repeat right;
}
.leftewm {
	padding: 15px 0px; text-align: center;
}
.pright {
	width: 732px; padding-top: 40px; float: right;
}
.about {
	color: rgb(68, 72, 102);
}
.about p {
	line-height: 2.4; text-indent: 28px; font-size: 14px; margin-bottom: 30px;
}
.about p.fsi {
	font-style: italic;
}
.about h2 {
	text-align: center; line-height: 2; font-size: 24px;
}
.about h3 {
	text-align: center; color: rgb(199, 214, 229); font-size: 18px; font-weight: normal; margin-bottom: 15px;
}
.about h5 {
	background: url("game-img/dot.png") no-repeat 0px 4px; padding-left: 17px; margin-left: 28px;
}
.worldmap {
	padding: 20px 0px; margin-bottom: 30px; border-bottom-color: rgb(199, 214, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.gameplat {
	width: 730px; overflow: hidden;
}
.gameplat li {
	width: 180px; text-align: center; margin-top: 20px; float: left;
}
.contact dt {
	line-height: 2; font-size: 24px; font-weight: bold;
}
.contact dt em {
	color: rgb(199, 214, 229); font-size: 18px;
}
.contact dd {
	padding: 10px 0px; margin-bottom: 20px; border-bottom-color: rgb(199, 214, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.contact dd:last-child {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.address li {
	padding-top: 5px; margin-bottom: 15px;
}
.address li .companyname {
	width: 75px; text-align: center; padding-top: 5px; margin-right: 17px; float: left;
}
.address li .companyname h5 {
	font-size: 14px; margin-top: 8px;
}
.address li .companyadd {
	width: 600px; line-height: 24px; font-size: 14px; float: left;
}
.cooper {
	padding-top: 5px; padding-bottom: 20px;
}
.cooper li {
	background: url("game-img/icon.png") no-repeat 0px -194px; padding-left: 18px; font-size: 14px; margin-right: 35px; float: left;
}
.cooper li.email {
	background-position: 0px -244px;
}
.addressmap {
	padding: 8px 0px;
}
.culture li {
	padding-bottom: 60px; margin-bottom: 60px; border-bottom-color: rgb(199, 214, 229); border-bottom-width: 1px; border-bottom-style: solid;
}
.culture li .culicon {
	width: 110px; text-align: center; float: left;
}
.culture li .culicon i {
	background: url("game-img/cul_icon.png") no-repeat; width: 97px; height: 97px; display: inline-block;
}
.culture li .culinfo {
	width: 575px; float: right;
}
.culture li .culinfo h5 {
	font-size: 24px; margin-bottom: 12px;
}
.culture li .culinfo h5 em {
	color: rgb(243, 152, 0); font-size: 18px; font-weight: bold;
}
.culture li .culinfo p {
	line-height: 2; font-size: 14px;
}
.culture li:last-child {
	margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.culture li.cul2 i {
	background-position: 0px -250px;
}
.culture li.cul2 .culinfo h5 em {
	color: rgb(56, 183, 116);
}
.culture li.cul3 i {
	background-position: 0px -500px;
}
.culture li.cul3 .culinfo h5 em {
	color: rgb(102, 114, 202);
}
.culture li.cul4 i {
	background-position: 0px -750px;
}
.culture li.cul4 .culinfo h5 em {
	color: rgb(218, 108, 84);
}
.nleft {
	width: 730px; padding-top: 20px; float: left;
}
.topnews {
	padding-bottom: 20px; margin-bottom: 10px; border-bottom-color: rgb(209, 220, 231); border-bottom-width: 1px; border-bottom-style: solid;
}
.topnews h2 {
	font-size: 14px;
}
.topnews h2 .time {
	background: url("game-img/icon.png") no-repeat 0px -298px; color: rgb(175, 190, 207); padding-left: 24px; font-size: 12px; font-weight: normal; float: right;
}
.topnews h2 label {
	color: rgb(56, 183, 116);
}
.newspic {
	padding: 15px 0px; text-align: center;
}
.summary {
	line-height: 2.2; text-indent: 28px; font-size: 14px;
}
.summary a {
	color: rgb(56, 183, 116);
}
.summary a:hover {
	text-decoration: underline;
}
.nlist li {
	padding: 15px 0px; line-height: 1.8; font-size: 14px;
}
.nlist li em {
	color: rgb(175, 190, 207); font-size: 12px; float: right;
}
.nlist li a {
	font-weight: bold;
}
.nright {
	width: 230px; padding-top: 20px; padding-left: 20px; border-left-color: rgb(219, 225, 231); border-left-width: 1px; border-left-style: solid; float: right;
}
.topiclist li {
	text-align: center; margin-bottom: 30px;
}
.topiclist li h5 {
	font-size: 14px; margin-bottom: 10px;
}
.topiclist li h5 span {
	background: url("game-img/arrow.png") no-repeat right; padding-right: 12px; display: inline-block;
}
.pages {
	padding: 20px; text-align: center; clear: both;
}
.pages a {
	margin: 0px 5px; padding: 2px; color: rgb(56, 183, 116); text-decoration: underline; vertical-align: middle; display: inline-block;
}
.pages a.cur {
	color: rgb(191, 208, 225); text-decoration: none;
}
.pages a.prev {
	background: url("game-img/pagearr.png") no-repeat 4px -14px; width: 16px; height: 16px;
}
.pages a.next {
	background: url("game-img/pagearr.png") no-repeat 4px -14px; width: 16px; height: 16px;
}
.pages a.next {
	background-position: -46px -14px;
}
.pages a.dis.prev {
	background-position: 4px 4px;
}
.pages a.dis.next {
	background-position: -46px 4px;
}
.goback {
	background: url("game-img/goback.png") no-repeat left; height: 29px; color: rgb(56, 183, 116); line-height: 29px; padding-left: 20px; font-size: 16px; font-weight: bold; display: inline-block;
}
.artbox {
	padding: 15px 0px;
}
.artbox h1 {
	text-align: center; font-size: 22px; margin-bottom: 15px;
}
.artbox .art_date {
	text-align: center; margin-bottom: 20px;
}
.artbox .art_date span {
	background: url("game-img/icon.png") no-repeat 0px -298px; color: rgb(175, 190, 207); padding-left: 24px; font-size: 12px; display: inline-block;
}
.artbox p {
	line-height: 2.4; text-indent: 30px; font-size: 14px;
}
.artbox .photo {
	padding: 25px 0px; text-align: center;
}
.artbox p.noin {
	text-indent: 0px;
}
.artbox h5 {
	font-size: 14px; margin-top: 15px; margin-bottom: 15px;
}
.prev_next {
	padding: 10px 0px; clear: both; margin-top: 10px; border-top-color: rgb(209, 220, 231); border-top-width: 1px; border-top-style: solid;
}
.prev_next p {
	padding: 10px 0px; font-size: 14px; font-weight: bold;
}
.prev_next p em {
	color: rgb(175, 190, 207); font-size: 12px; font-weight: normal; float: right;
}
.prev_next p label {
	color: rgb(56, 183, 116);
}
.gleft {
	width: 195px; padding-top: 40px; float: left;
}
.gnavlist li {
	border-bottom-color: rgb(202, 214, 225); border-bottom-width: 1px; border-bottom-style: solid;
}
.gnavlist li.current {
	background: url("game-img/arrow.png") no-repeat right;
}
.gnavlist li.on {
	background: url("game-img/arrow.png") no-repeat right;
}
.gnavlist li a {
	font: 16px/80px Arial; width: 143px; height: 80px; padding-left: 52px; display: block; position: relative; font-size-adjust: none; font-stretch: normal;
}
.gnavlist li a i {
	background: url("game-img/pad.png?v1.002") no-repeat; left: 0px; top: 23px; width: 34px; height: 41px; position: absolute;
}
.gnavlist li a i.android {
	background-position: -4px -97px;
}
.gnavlist li a i.ipad {
	background-position: 0px -199px;
}
.gnavlist li a i.pc {
	background-position: 0px -295px;
}
.gnavlist li a i.tv {
	background-position: 0px -602px;
}
.gnavlist li a i.tv:hover {
	
}
.gnavlist li a i.wphone {
	background-position: 0px -400px;
}
.gnavlist li.current a {
	color: rgb(56, 183, 116);
}
.gnavlist li.on a {
	color: rgb(56, 183, 116);
}
.gnavlist li a:hover i {
	background-position: -125px 0px;
}
.gnavlist li.current a i {
	background-position: -125px 0px;
}
.gnavlist li.on a i {
	background-position: -125px 0px;
}
.gnavlist li a:hover i.android {
	background-position: -124px -97px;
}
.gnavlist li.current a i.android {
	background-position: -124px -97px;
}
.gnavlist li.on a i.android {
	background-position: -124px -97px;
}
.gnavlist li a:hover i.ipad {
	background-position: -121px -199px;
}
.gnavlist li.current a i.ipad {
	background-position: -121px -199px;
}
.gnavlist li.on a i.ipad {
	background-position: -121px -199px;
}
.gnavlist li a:hover i.pc {
	background-position: -120px -295px;
}
.gnavlist li.current a i.pc {
	background-position: -120px -295px;
}
.gnavlist li.on a i.pc {
	background-position: -120px -295px;
}
.gnavlist li a:hover i.wphone {
	background-position: -120px -400px;
}
.gnavlist li.current a i.wphone {
	background-position: -120px -400px;
}
.gnavlist li.on a i.wphone {
	background-position: -120px -400px;
}
.gnavlist li a:hover i.tv {
	background-position: -43px -602px;
}
.gnavlist li.current a i.tv {
	background-position: -43px -602px;
}
.gnavlist li.on a i.tv {
	background-position: -43px -602px;
}
.gright {
	width: 757px; padding-top: 44px; float: right;
}
.gamelistcon {
	width: 757px; overflow: hidden;
}
.gamelist {
	width: 110%;
}
.gamelist li {
	border-radius: 5px; border: 1px solid rgb(202, 214, 225); border-image: none; width: 355px; height: 327px; text-align: center; overflow: hidden; margin-right: 43px; margin-bottom: 42px; float: left; background-color: rgb(247, 247, 247);
}
.gamelist li h3 {
	height: 55px; line-height: 55px; padding-top: 3px; font-size: 16px; font-weight: normal;
}
.gamelist li h3 span {
	background: url("game-img/arrow.png") no-repeat right; color: rgb(56, 183, 116); text-transform: uppercase; padding-right: 14px; font-family: Arial; font-size: 12px; margin-left: 4px;
}
.gamelist li .gamepic {
	margin: 0px auto 20px; width: 331px; height: 195px; overflow: hidden;
}
.gamelist li .gamepic a:hover img {
	opacity: 0.8;
}
.gamelist li .gamelink {
	margin: auto; width: 331px; height: 36px;
}
.gamelist li .gamelink .appstore {
	width: 169px; height: 36px; text-align: center; border-right-color: rgb(199, 214, 229); border-right-width: 1px; border-right-style: solid; float: left;
}
.gamelist li .gamelink .appstore a {
	background: url("game-img/icon.png") no-repeat 0px -347px; height: 36px; line-height: 36px; padding-left: 33px; font-family: Arial; font-size: 14px; vertical-align: top; display: inline-block;
}
.gamelist li .gamelink .android {
	width: 169px; height: 36px; text-align: center; border-right-color: rgb(199, 214, 229); border-right-width: 1px; border-right-style: solid; float: left;
}
.gamelist li .gamelink .android a {
	background: url("game-img/icon.png") no-repeat 0px -547px; height: 36px; line-height: 36px; padding-left: 33px; font-size: 14px; vertical-align: top; display: inline-block;
}
.gamelist li .gamelink .ewmlink {
	width: 161px; height: 36px; float: left; position: relative;
}
.gamelist li .gamelink .ewmlink a {
	background: url("game-img/icon.png") no-repeat 0px -448px; line-height: 36px; padding-left: 40px; font-size: 14px; vertical-align: top; display: inline-block;
}
.gamelist li .gamelink .ewmlink i {
	background: url("game-img/ewmbg.png") no-repeat; left: -29px; width: 142px; height: 146px; text-align: center; bottom: 34px; padding-top: 14px; display: none; position: absolute;
}
.gamelist li .gamelink .ewmlink:hover i {
	display: block;
}
.gamelist li .gamelink .pc {
	font-size: 16px; display: inline-block;
}
.gamelist li .gamelink .pc a {
	background: url("game-img/online.png") no-repeat 0px -47px; width: 24px; height: 24px; margin-left: 4px; vertical-align: middle; display: inline-block;
}
.gamelist li .gamelink .pc a.l2 {
	background-position: -25px -47px;
}
.gamelist li .gamelink .pc a.l3 {
	background-position: -50px -47px;
}
.gamelist li .gamelink .pc a.l4 {
	background-position: -75px -47px;
}
.gamelist li .gamelink .pc a.l5 {
	background-position: -100px -47px;
}
.gamelist li .gamelink .pc a.qpdown {
	background: url("game-img/download-icon.png") no-repeat; width: 26px; height: 26px;
}
.gamelist li:hover {
	background-color: rgb(255, 255, 255);
}
.loadmore {
	text-align: center; clear: both;
}
.loadmore a {
	background: url("game-img/icon.png") no-repeat 49px 29px rgb(56, 183, 116); border-radius: 5px; width: 144px; height: 56px; text-align: left; color: rgb(255, 255, 255); line-height: 56px; padding-left: 69px; font-size: 16px; display: inline-block;
}
.loadmore a:hover {
	color: rgb(255, 255, 255); background-color: rgb(43, 170, 103);
}
.hrtitle {
	padding: 45px 0px; text-align: center;
}
.hrmain {
	background: url("game-img/hrmain.png") no-repeat; width: 1000px; height: 255px; margin-bottom: 56px;
}
.hrbox {
	width: 333px; float: left;
}
a.hlink {
	width: 333px; height: 80px; display: block;
}
.hrcon {
	padding: 12px; height: 120px; color: rgb(255, 255, 255); line-height: 2.3; overflow: hidden; font-size: 14px;
}
.hrcon a {
	color: rgb(255, 255, 255);
}
.hrlist li {
	
}
.hrlist li a {
	background: url("game-img/newsdot.png") no-repeat 0px 10px; color: rgb(255, 255, 255); padding-left: 13px;
}
.hrlist li a:hover {
	background-position: 0px -80px; color: rgb(253, 226, 48);
}
.welfare li {
	width: 33%; float: left;
}
.welfare li a {
	color: rgb(255, 255, 255);
}
.welfare li a:hover {
	color: rgb(255, 255, 0);
}
.hrmore {
	text-align: right; padding-right: 18px; clear: both;
}
.hrmore a {
	background: url("game-img/arrow_hover.png") no-repeat right; color: rgb(255, 255, 255); padding-right: 8px; display: inline-block;
}
.session {
	
}
.session h2 {
	background: url("game-img/icon.png") no-repeat 11px -78px rgb(219, 225, 231); height: 50px; line-height: 50px; padding-left: 28px; font-size: 18px; font-weight: normal;
}
.hdinfo {
	padding: 20px 0px; line-height: 36px; font-size: 14px;
}
.jobinfo {
	padding: 20px 0px;
}
.jobinfo dt {
	font-size: 18px; font-weight: bold;
}
.jobinfo dt em {
	color: rgb(56, 183, 116); font-size: 16px; font-weight: normal;
}
.jobinfo dd {
	padding: 5px 0px 30px; line-height: 30px; font-size: 14px; margin-bottom: 30px; border-bottom-color: rgb(209, 220, 231); border-bottom-width: 1px; border-bottom-style: solid;
}
.jobinfo dd:last-child {
	margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.jobinfo dd a {
	color: rgb(56, 183, 116);
}
.jobinfo dd a:hover {
	text-decoration: underline;
}
.hrtabt {
	width: 730px; overflow: hidden; margin-bottom: 25px;
}
.hrtabt ul {
	width: 110%;
}
.hrtabt li {
	margin-right: 12px; margin-bottom: 10px; float: left;
}
.hrtabt li a {
	width: 173px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; display: inline-block; background-color: rgb(219, 225, 231);
}
.hrtabt li.on a {
	color: rgb(255, 255, 255); background-color: rgb(56, 183, 116);
}
.jointabt li {
	margin-right: 6px;
}
.jointabt li a {
	width: 99px; height: 35px; line-height: 35px; font-size: 14px;
}
.gameintro {
	padding: 40px 0px;
}
.development {
	font: 14px/2.6 "Microsoft YaHei"; padding-left: 10px; font-size-adjust: none; font-stretch: normal;
}
.development dt {
	background: url("game-img/icon.png") no-repeat 0px -80px; padding-left: 20px; font-size: 18px; font-weight: bold;
}
.development dd {
	padding-left: 20px; margin-bottom: 20px;
}
.development .cgreen {
	color: rgb(56, 183, 116); font-weight: bold;
}
.sitemap {
	padding: 50px 0px;
}
.sitemap dl {
	width: 24.9%; text-align: center; line-height: 2.6; font-size: 14px; float: left;
}
.sitemap dl dt {
	font-size: 18px; font-weight: bold;
}
.promain {
	margin-top: -104px; position: relative; z-index: 10; background-color: rgb(255, 255, 255);
}
.promain .location {
	border-bottom-color: rgb(219, 225, 231); position: relative; background-color: rgb(243, 243, 243);
}
.promain .location .goback {
	background: url("game-img/icon.png") no-repeat 35px -23px rgb(56, 183, 116); left: 0px; top: 0px; width: 144px; height: 70px; text-align: center; color: rgb(255, 255, 255); line-height: 70px; padding-left: 30px; font-size: 20px; position: absolute;
}
.promain .qlink {
	padding-right: 20px;
}
.hrabout {
	padding: 10px; line-height: 2; font-size: 14px;
}
.hrabout h5 {
	font-size: 14px; margin-bottom: 10px;
}
.hrabout p {
	text-indent: 30px; margin-bottom: 15px;
}
dl.hrdl dd {
	padding-left: 50px; margin-bottom: 15px;
}
dl.fldl dt {
	font-weight: bold;
}
dl.fldl dd {
	margin-bottom: 15px;
}
.hrabout p.photo {
	text-align: center; text-indent: 0px;
}
.hrabout h3 {
	font-size: 18px; margin-bottom: 15px;
}
.gotop {
	background: url("game-img/top.png") no-repeat 0px -40px; width: 68px; height: 29px; right: 15px; bottom: 75px; position: fixed; z-index: 999;
}
.gotop:hover {
	background-position: 0px 0px;
}
.rightewm {
	top: -11px; width: 176px; text-align: center; right: 0px; position: absolute;
}
.rightewm h5 {
	padding: 5px; font-size: 14px;
}
.qplink {
	margin: auto; width: 1000px; height: 463px; overflow: hidden; display: block;
}
.fcontact {
	padding: 30px 0px 26px; color: rgb(68, 72, 102); overflow: hidden;
}
.fconul {
	width: 105%;
}
.fcontact li {
	border-radius: 3px; width: 320px; height: 134px; text-align: center; margin-right: 20px; float: left; background-color: rgb(241, 241, 241);
}
.fcontact li .fconimg {
	background: url("game-img/faqicon.png") no-repeat; margin: auto; width: 38px; height: 68px; padding-right: 12px;
}
.fcontact li.fconli2 .fconimg {
	background-position: 0px -68px;
}
.fcontact li.fconli3 .fconimg {
	background-position: 0px -136px;
}
.fcontact p {
	line-height: 20px; font-size: 14px;
}
.fcontact h1 {
	line-height: 26px; font-size: 24px; font-weight: normal;
}
.fcontact li img {
	margin-top: 2px; vertical-align: top;
}
.fcontact li a {
	color: rgb(68, 72, 102);
}
.fcontact li a:hover {
	text-decoration: underline;
}
.flist_o {
	width: 999px; overflow: hidden; border-right-color: rgb(219, 225, 231); border-bottom-color: rgb(219, 225, 231); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.flistul {
	width: 105%;
}
.flist {
	color: rgb(68, 72, 102); padding-bottom: 40px;
}
.flist h3.fli_t {
	line-height: 62px; font-size: 14px; font-weight: normal;
}
.flist li {
	width: 249px; height: 150px; text-align: center; border-top-color: rgb(219, 225, 231); border-left-color: rgb(219, 225, 231); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; float: left;
}
.flist a {
	transition:0.2s linear; width: 249px; height: 150px; display: block; background-color: rgb(255, 255, 255);
}
.flist a:hover {
	font-weight: bold; background-color: rgb(241, 241, 241);
}
.flist li.default a {
	cursor: default;
}
.flist .flibox {
	padding-top: 35px;
}
.flist .fliimg img {
	width: 70px; height: 70px;
}
.flibox p {
	color: rgb(68, 72, 102); line-height: 36px; font-size: 14px;
}
.f_detail {
	padding: 20px 0px 0px; overflow: hidden;
}
ul.f_dtab li {
	width: 173px; height: 50px; text-align: center; color: rgb(68, 72, 102); line-height: 50px; font-size: 18px; margin-right: 12px; float: left; cursor: pointer; background-color: rgb(219, 225, 231);
}
ul.f_dtab li.curr {
	color: rgb(255, 255, 255); cursor: default; background-color: rgb(56, 183, 116);
}
.f_dmain {
	padding: 35px 0px 0px; min-height: 400px;
}
.f_dmain li {
	padding-bottom: 30px; font-size: 14px;
}
.f_dmain li h3 {
	background: url("game-img/faq_wen.png") no-repeat 0px 2px; padding: 0px 0px 8px 28px; line-height: 24px; font-size: 18px;
}
.f_dmain li p {
	line-height: 28px;
}
.f_dmain li p a {
	color: rgb(51, 185, 114); text-decoration: underline;
}
.f_dmain li p b {
	font-weight: bold;
}
.f_dtxt {
	display: none;
}
.recruitlist h3 {
	color: rgb(255, 255, 255); font-size: 16px;
}
.indexrecruitment1 li {
	padding: 5px 0px; height: auto; line-height: 20px;
}
.indexrecruitment1 {
	background: url("game-img/byhrbg1.jpg") no-repeat;
}
.hrmain {
	background: url("game-img/hrmain1.png") no-repeat;
}
.hrbox1 p {
	line-height: 19px;
}
.hrbox1 h3 {
	color: rgb(255, 255, 255); line-height: 20px; font-size: 14px;
}
.indexrecruitment2 {
	background: url("game-img/byhrbg3.jpg?v1") no-repeat;
}
.recruitlist li {
	padding: 4px 0px;
}
.indexrecruitment2 h3 {
	color: rgb(255, 255, 255); font-size: 14px;
}
.video_mask {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 1000; cursor: pointer; opacity: 0.6;
}
.video_box {
	background: url("game-img/video_bg.jpg") no-repeat; width: 760px; height: 427px; margin-top: -218px; margin-left: -390px; display: none; position: absolute; z-index: 1005;
}
.cls {
	top: 0px; right: -30px; position: absolute;
}
#banner .boyyapool .intro {
	padding: 200px 0px 0px 540px;
}