html, body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, tr, th, td { margin: 0; padding: 0; }
body { overflow-y: scroll; *overflow-y:auto;background: #fff; -webkit-text-size-adjust:none;}
body, input, textarea, select { font: 18px/1.5 "Hiragino Sans GB", "Microsoft YaHei", "宋体", Arial, Tahoma, Helvetica, Geneva, sans-serif; color: #444866; -webkit-font-size-adjust: none; }
h1, h2, h3, h4, h5, h6 { font-size:1em; margin:0 }
h6 { font-weight: normal; }
input, textarea, select, button { font-size: 18px; font-size:0.375rem  font-weight: normal; font-family: inherit }
input[type="button"], input[type="submit"], select, button { cursor: pointer }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
em, i, b { font-style: normal; font-weight: normal }
/*i {transition:background 0.5s linear 0s}*/
ul { list-style: none; }
img { border: none; vertical-align: middle; -ms-interpolation-mode: bicubic; }
input, textarea, select { resize: none; }
.cl:before, .cl:after, .area:before, .area:after { content: ""; display: table; clear: both; }
.cl, .area { *zoom:1;}
a { text-decoration: none; outline: none; blr:expression(this.onFocus=this.blur());
color: #444866; cursor: pointer; transition: background-color 0.2s linear 0s; }
a:hover { text-decoration: none; color: #33b972; }
.fr { float: right; }
.fl { float: left; }
.cred { color: #c00; }
body { background: #fff }
.area { width: 1000px; margin: auto; clear: both; }
header { width: 100%; clear: both; background-color:#191d3a; }
#top { height: 58px; }
.logo { float: left; width: 225px; }
.logo a { display: block; width: 157px; height: 35px; background: url(logo.png) no-repeat; overflow: hidden; text-indent: -9999px; margin: 10px 0 0 20px; }
header nav>a { float: left; width: 120px; text-align: center; height: 58px; font: 1.166em/58px "Microsoft YaHei", "simhei"; color: #818496; border-left: 1px solid #252947; border-right: 1px solid #252947; margin-right: -1px; }
header nav>a.current { background-color: #252947; color: #e2e4ed; }
header nav>a:hover { color: #e2e4ed; }
.joinus, .jointo { float: right; margin: 12px 20px 0 0; height: 32px; line-height: 2; width: 98px; border: 1px solid #3aca7a; border-radius: 3px; background-color: #38b774; font-size: 1.166em; color: #fff; text-align: center; }
.joinus{line-height:32px;}
.jointo { float: none; display: inline-block; color: #fff!important }
.joinus:hover, .jointo:hover { color: #fff; background-color: #2ba364; }
#banner,#banner1 { width: 100%; clear: both; position: relative; background-color: #191d3a; }
#banner .bd ,#banner1 .bd{ overflow: hidden; }
#banner .bd li,#banner1 .bd li { background-position: center top; background-repeat: repeat-x; height: 460px; width: 100%; }
#banner .intro,#banner1 .intro { width: 460px; padding: 158px 0 0 540px; margin: auto;position:relative; }
#banner .intro h2,#banner1 .intro h2 { display: none; }
.online { position: absolute; right: 0; top: 82px; width: 115px; cursor: pointer; }
.online dt { height: 37px; padding-left: 17px; color: #191d3a; line-height: 37px; font-size: 1.166em; background: url(online.png) no-repeat; }
.online dd { display: none; padding: 2px 0 8px 13px; background-color: #fff; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.online dd a { display: inline-block; width: 24px; height: 24px; background: url(online.png) no-repeat 0 -47px; margin-right: 4px; }/*facebook*/
.online dd a.pt2 { background-position: -25px -47px; }/*qzone*/
.online dd a.pt3 { background-position: -50px -47px; }/*kaixin001*/
.online dd a.pt4 { background-position: -75px -47px; }/*Renren*/
.online dd a.pt5 { background-position: -100px -47px; }/*weibo*/
.onlinehover, .online:hover dt { background-position: -120px 0; }
.onlinehover dd, .online:hover dd { display: block; }
#banner .intro p,#banner1 .intro p { padding-right: 20px; font-size: 1.166em; color: #191d3a; line-height: 30px; }
#banner .darkcolor .intro p,#banner1 .darkcolor .intro p { color: #fff; }
.download { }
.download dt { color: #191d3a; font-size: 18px; font-weight: bold; padding-left: 30px; height: 35px; line-height: 35px; background: url(download.png) no-repeat 5px 10px; margin-bottom: 8px; }
.download dd { height: 106px; }
.download dd a.downlink { float: left; width: 83px; height: 35px; text-align: center; margin-right: 1px; background: url(pad.png) no-repeat 30px 18px; background-color: #fff; background-color: rgba(255,255,255,.7); font-size: 1.166em; color: #444866; padding-top: 71px; }
.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; background-color: #fff; background-color: rgba(255,255,255,.7); float: left; padding-top: 13px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.download dd a.downlink:hover { background-color: #fff; }
.darkcolor .download dt { color: #fbc660; background-position: 5px -30px; }
.darkcolor .download dd a.downlink { background-color: #695abb; background-color: rgba(255,255,255,.2); background-position: -218px 18px; color: #fff; }
.darkcolor .download dd a.downlink:hover { background-color: #e0dff3; color: #444866; background-position: 28px 18px; }
.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, #b12 .online { right: 20px; }
#b5 .download dd a.downlink { background-color: #e3e8ec; background-color: rgba(255,255,255,.5); }
#b5 .download dd a.downlink:hover { background-color: #fff; }
#banner #b5 .intro p, #b5 .download dt,#banner1 #b5 .intro p { color: #fff; }
#banner .hd ul,#banner1 .hd ul { width: 135px; z-index: 10; position: absolute; left: 50%; margin-left: -67px; bottom: 20px; }
#banner .hd ul li,#banner1 .hd ul li { float: left; width: 12px; height: 12px; border-radius: 6px; background-color: #fff; overflow: hidden; text-indent: -9999px; margin-right: 15px; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; }
#banner .hd ul li.on,#banner1 .hd ul li.on { opacity: 1; filter: alpha(opacity=100); }
#indexmain { width: 100%; background: #fff no-repeat center bottom; padding-bottom:0; }
.indexpro { padding-top: 20px; margin-bottom: 0px; }
.indexpro .bd { width: 1000px; overflow: hidden; height: 180px; margin-bottom: 0px; }
.indexpro .bd li { float: left; width: 207px; height: 200px; margin-right: 43px; text-align: center; }
.indexpro .bd li a { color: #444866; display: block; width: 218px; height: 200px; }
.indexpro .bd li h5 { font-size: 1.166em;/* padding: 1% 0 4% 0;*/ margin:0; padding:5px 0 10px 0; }
.indexpro .bd li p { padding-bottom: 10px; }
.indexpro .bd li p span { display: inline-block; padding-right: 11px; background: url(arrow.png) no-repeat right center; line-height: 18px; text-transform: uppercase; color: #38b774; }
.indexpro .hd { border-top: 1px solid #dbe1e7; clear: both; height: 18px; }
.indexpro .hd ul { width: 100px; padding-left: 17px; height: 11px; margin: -6px auto 0; background-color: #fff; }
.indexpro .hd ul li { float: left; width: 11px; height: 11px; margin-right: 1.166em; border-radius: 6px; background-color: #b5c0cb; overflow: hidden; text-indent: -9999px; cursor: pointer; }
.indexpro .hd ul li.on { background-color: #2fbc71; }
.indexpro .bd li a:hover h5, .indexpro .bd li a:hover p { background-color: #38b774; color: #fff; transition: background-color 0.5s linear 0s }
.indexpro .bd li a:hover img { opacity: 0.8; filter: alpha(opacity=80); background-color: #fff; }
.indexpro .bd li a:hover p span { color: #fff; background-image: url(arrow_hover.png); }
.indexnews { float: left; width: 500px; height: 310px; background: url(bynewsbg.jpg) no-repeat 0 -10px; }
.mtitle { padding: 40px 216px 0 0; height: 70px; }
.mtitle .more { float: right; }
.mtitle .more a { display: inline-block; width: 64px; text-align: center; height: 26px; border-radius: 5px; color: #30bd72; border: 1px solid #33b972; }
.mtitle .more a:hover { background-color: #33b972; color: #fff; }
/*.mtitle h2{display: none;}*/
.mtitle .stit h2 { font-size: 28px; display: block; line-height: 34px; font-weight: 700; }
.stit { float: left; padding-left: 80px; color: #fff; }
.indexnewscon { padding: 0 20px; padding-left: 20px; }
.newslist li { border-bottom: 1px solid #dbe1e7; padding: 10px 0; font-size: 1.166em; line-height: 29px; }
.newslist li .time { margin-left: 18px; color: #afbecf; font-size: 12px; }
.indexrecruitment { float: right; width: 500px; height: 310px; background: url(byhrbg.jpg) no-repeat; }
.indexrecruitment .mtitle .more a { border-color: #fff; color: #fff; }
.indexrecruitment .mtitle .more a:hover { background-color: #fff; color: #2fbc71; }
.recruit { padding: 0 175px 0 20px; }
.recruitlist li { border-bottom: 1px solid #6fdea3; padding: 10px 0; font-size: 1.166em; line-height: 29px; height: 29px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }
.recruitlist li a { color: #fff; }
.recruitlist li a:hover { color: #ff0; }
.ftbox { height: 60px; width: 100%; clear: both; }
footer { background-color: #191d3a; width: 100%; clear: both; line-height: 50px; }
footer nav { padding: 15px 0; color: #6c6e7e;}
footer nav a { color: #6c6e7e; margin: 0 4px; }
footer nav a:hover { color: #f7f8ff; }
footer span { vertical-align: middle; }
.copyright { float: right; }
footer .ft { background-color: #252947; color: #6c6e7e; }
.fixed { position: fixed; bottom: 0; z-index: 9999; }
.homebot { padding: 24px 0; }
.statement {/*float: left; width: 710px;*/ line-height: 24px; }
.botright { float: right; width: 265px; }
.botewm { float: left; width: 110px; text-align: center; }
.botewm h5 { margin-top: 8px; font-weight: normal; }
.bot110 { float: right; width: 151px; }
.aboutbanner, .newsbanner, .gamebanner, .hrbanner, .joinbanner, .sitemapbanner, .faqbanner { width: 100%; background: #fffaf4 url(aboutbanner.jpg) repeat-x center top; height: 254px; }
.newsbanner { background-image: url(newsbanner.jpg); background-color: #05A939; }
.gamebanner { background-image: url(gamebanner.jpg); background-color: #0834AD; }
.hrbanner { background-image: url(hrbanner.jpg); height: 515px; background-color: #51c0e4; }
.joinbanner { background-image: url(joinbanner.jpg); background-color: #2fc1f2; }
.sitemapbanner { background-image: url(sitemapbanner.jpg); background-color: #243284; }
.faqbanner { background-image: url(faqbanner.jpg); background-color: #f8f8f8; }
.location, .loca { height: 29px; padding: 25px 0 15px; border-bottom: 1px solid #c7d6e5; }
.location h2, .loca h2 { line-height: 29px; font-size: 20px; color: #444866; padding-left: 30px; height: 29px; background: url(location.png) no-repeat 0 -44px; }
.location h2.news_t, .loca h2.news_t { background-position: 0 6px; }
.location h2.game_t, .loca h2.game_t { background-position: 0 -94px; }
.location h2.hr_t, .loca h2.hr_t { background-position: 0 -144px; }
.location h2.faq_t, .loca h2.faq_t { background-position: 0 -188px; }
.location h2.faq_det, .loca h2.faq_det { background: none; ) no-repeat;
height: 90px; padding: 15px 0 0 20px; font-size: 24px; }
.location h2.faq_det img, .loca h2.faq_det img { margin-right: 20px; }
.location_faq { height: auto; }
.qlink { float: right; line-height: 20px; height: 20px; margin-top: 4px; color: #444866; }
.qlink a, .qlink label { display: inline-block; vertical-align: middle; }
.qlink em { display: inline-block; vertical-align: middle; background: url(icon.png) no-repeat 0 -150px; width: 4px; height: 8px; line-height: 8px; margin: 0 7px; }
.qlink a.home { width: 20px; height: 20px; background: url(home.png) no-repeat center 3px; }
.combox { padding-bottom: 40px; }
.pleft { float: left; width: 230px; padding-top: 40px; }
.catelist li { border-bottom: 1px solid #c7d6e5; }
.catelist li a { display: block; padding: 15px 0; }
.catelist li h3 { font-size: 1.333em; }
.catelist li em { text-transform: uppercase; }
.catelist li.current a { color: #38b774; }
.catelist li.current h3 { background: url(arrow.png) no-repeat right center; }
.leftewm { padding: 15px 0; text-align: center; }
.pright { float: right; width: 732px; padding-top: 40px; }
.about { color: #444866; }
.about p { text-indent: 28px; margin-bottom: 30px; line-height: 2.4; font-size: 1.166em; }
.about p.fsi { font-style: italic; }
.about h2 { text-align: center; font-size: 24px; line-height: 2; }
.about h3 { text-align: center; font-size: 18px; color: #c7d6e5; margin-bottom: 15px; font-weight: normal; }
.about h5 { margin-left: 28px; padding-left: 17px; background: url(dot.png) no-repeat 0 4px; }
.worldmap { padding: 20px 0; border-bottom: 1px solid #c7d6e5; margin-bottom: 30px; }
.worldmap img { width: 730px; }
.gameplat { width: 730px; overflow: hidden; }
.gameplat li { float: left; width: 180px; margin-top: 20px; text-align: center; }
.gameplat li img { width: 127px; height: 45px; }
.contact dt { font-size: 24px; font-weight: bold; line-height: 2; }
.contact dt em { color: #c7d6e5; font-size: 18px; }
.contact dd { padding: 10px 0; border-bottom: 1px solid #c7d6e5; margin-bottom: 20px; }
.contact dd:last-child { border-bottom: 0 none; }
.address li { margin-bottom: 15px; padding-top: 5px; }
.address li .companyname { float: left; width: 75px; text-align: center; margin-right: 17px; padding-top: 5px; }
.address li .companyname h5 { font-size: 1.166em; margin-top: 8px; }
.address li .companyadd { float: left; width: 600px; line-height: 24px; font-size: 1.166em; }
.cooper { padding-bottom: 20px; padding-top: 5px; width: 700px; }
.cooper li { float: left; padding-left: 18px; background: url(icon.png) no-repeat 0 -194px; font-size: 1.166em; width: 300px; margin-bottom: 2px; }
.cooper li.email { background-position: 0 -244px; width: 360px; }
.cooper li.user { background-position: 0 -600px; }
.cooper li.qq { background-position: 0 -640px; }
.addressmap { padding: 8px 0; }
.addressmap img { width: 710px; height: 330px; }
.culture li { margin-bottom: 60px; border-bottom: 1px solid #c7d6e5; padding-bottom: 60px; }
.culture li .culicon { float: left; width: 110px; text-align: center; }
.culture li .culicon i { display: inline-block; width: 97px; height: 97px; background: url(cul_icon.png) no-repeat; }
.culture li .culinfo { float: right; width: 575px; }
.culture li .culinfo h5 { font-size: 24px; margin-bottom: 12px; }
.culture li .culinfo h5 em { color: #f39800; font-size: 18px; font-weight: bold; }
.culture li .culinfo p { font-size: 1.166em; line-height: 2; }
.culture li:last-child { margin-bottom: 0; border-bottom: 0 none; }
.culture li.cul2 i { background-position: 0 -250px; }
.culture li.cul2 .culinfo h5 em { color: #38b774; }
.culture li.cul3 i { background-position: 0 -500px; }
.culture li.cul3 .culinfo h5 em { color: #6672ca; }
.culture li.cul4 i { background-position: 0 -750px; }
.culture li.cul4 .culinfo h5 em { color: #da6c54; }
.nleft { float: left; width: 730px; padding-top: 20px; }
.topnews { border-bottom: 1px solid #d1dce7; padding-bottom: 20px; margin-bottom: 10px; }
.topnews h2 { font-size: 1.166em; }
.topnews h2 .time { padding-left: 24px; color: #afbecf; font-size: 12px; background: url(icon.png) no-repeat 0 -298px; float: right; font-weight: normal; }
.topnews h2 label { color: #38b774; }
.newspic { padding: 15px 0; text-align: center; }
.newspic img { width: 600px; }
.summary { line-height: 2.2; text-indent: 28px; font-size: 1.166em; }
.summary a { color: #38b774; }
.summary a:hover { text-decoration: underline; }
.nlist li { line-height: 1.8; padding: 15px 0; font-size: 1.166em; }
.nlist li em { float: right; color: #afbecf; font-size: 12px; }
.nlist li a { font-weight: bold; }
.nright { float: right; width: 230px; padding-left: 20px; border-left: 1px solid #dbe1e7; padding-top: 20px; }
.topiclist li { text-align: center; margin-bottom: 30px; }
.topiclist li h5 { font-size: 1.166em; margin-bottom: 10px; }
.topiclist li h5 span { display: inline-block; padding-right: 12px; background: url(arrow.png) no-repeat right center; }
.pages { text-align: center; clear: both; padding: 20px; }
.pages a { display: inline-block; margin: 0 5px; padding: 2px; vertical-align: middle; color: #38b774; text-decoration: underline; }
.pages a.cur { color: #bfd0e1; text-decoration: none; }
.pages a.prev, .pages a.next { background: url(pagearr.png) no-repeat 4px -14px; width: 1.333em; height: 1.333em; }
.pages a.next { background-position: -46px -14px; }
.pages a.prev.dis { background-position: 4px 4px; }
.pages a.next.dis { background-position: -46px 4px; }
.goback { padding-left: 20px; height: 29px; display: inline-block; line-height: 29px; font-size: 1.333em; color: #38b774; background: url(goback.png) no-repeat left center; font-weight: bold; }
.artbox { padding: 15px 0; }
.artbox h1 { text-align: center; font-size: 22px; margin-bottom: 15px; }
.artbox .art_date { text-align: center; margin-bottom: 20px; }
.artbox .art_date span { display: inline-block; padding-left: 24px; color: #afbecf; font-size: 12px; background: url(icon.png) no-repeat 0 -298px; }
.artbox p { font-size: 1.166em; text-indent: 30px; line-height: 2.4; }
.artbox .photo { text-align: center; padding: 20px 0; }
.artbox p.noin { text-indent: 0; }
.artbox h5 { margin-bottom: 15px; font-size: 1.166em; margin-top: 15px; }
.prev_next { border-top: 1px solid #d1dce7; padding: 10px 0; margin-top: 10px; clear: both; }
.prev_next p { padding: 10px 0; font-weight: bold; font-size: 1.166em; }
.prev_next p em { float: right; font-weight: normal; font-size: 12px; color: #afbecf; }
.prev_next p label { color: #38b774; }
.gleft { float: left; width: 195px; padding-top: 40px; }
.gnavlist li { border-bottom: 1px solid #cad6e1; }
.gnavlist li.current, .gnavlist li.on { background: url(arrow.png) no-repeat right center; }
.gnavlist li a { display: block; padding-left: 52px; height: 80px; font: 1.333em/80px Arial; width: 143px; position: relative; }
.gnavlist li a i { position: absolute; left: 0; top: 23px; height: 41px; width: 34px; background: url(pad.png?v1.002) no-repeat; }
.gnavlist li a i.android { background-position: -4px -97px; }
.gnavlist li a i.ipad { background-position: 0 -199px; }
.gnavlist li a i.pc { background-position: 0 -295px; }
.gnavlist li a i.tv { background-position: 0 -602px; }
.gnavlist li a i.tv:hover { }
.gnavlist li a i.wphone { background-position: 0 -400px; }
.gnavlist li.current a, .gnavlist li.on a { color: #38b774; }
.gnavlist li a:hover i, .gnavlist li.current a i, .gnavlist li.on a i { background-position: -125px 0; }
.gnavlist li a:hover i.android, .gnavlist li.current a i.android, .gnavlist li.on a i.android { background-position: -124px -97px; }
.gnavlist li a:hover i.ipad, .gnavlist li.current a i.ipad, .gnavlist li.on a i.ipad { background-position: -121px -199px; }
.gnavlist li a:hover i.pc, .gnavlist li.current a i.pc, .gnavlist li.on a i.pc { background-position: -120px -295px; }
.gnavlist li a:hover i.wphone, .gnavlist li.current a i.wphone, .gnavlist li.on a i.wphone { background-position: -120px -400px; }
.gnavlist li a:hover i.tv, .gnavlist li.current a i.tv, .gnavlist li.on a i.tv { background-position: -43px -602px; }
.gright { float: right; width: 757px; padding-top: 44px; }
.gamelistcon { width: 757px; overflow: hidden; }
.gamelist { width: 110%; }
.gamelist li { float: left; margin-bottom: 42px; margin-right: 43px; width: 355px; height: 327px; border: 1px solid #cad6e1; border-radius: 5px; overflow: hidden; text-align: center; background-color: #f7f7f7; }
.gamelist li h3 { height: 55px; padding-top: 3px; line-height: 55px; font-weight: normal; font-size: 1.333em; }
.gamelist li h3 span { padding-right: 1.166em; font-size: 12px; font-family: Arial; color: #38b774; background: url(arrow.png) no-repeat right center; text-transform: uppercase; margin-left: 4px; }
.gamelist li .gamepic { width: 331px; height: 195px; overflow: hidden; margin: 0 auto 20px; }
.gamelist li .gamepic a:hover img { opacity: 0.8; filter: alpha(opacity=80); }
.gamelist li .gamelink { width: 331px; height: 36px; margin: auto; }
.gamelist li .gamelink .appstore { float: left; height: 36px; border-right: 1px solid #c7d6e5; width: 169px; text-align: center; }
.gamelist li .gamelink .appstore a { display: inline-block; vertical-align: top; height: 36px; line-height: 36px; padding-left: 33px; font-size: 1.166em; font-family: Arial; background: url(icon.png) no-repeat 0 -347px; }
.gamelist li .gamelink .android { float: left; height: 36px; border-right: 1px solid #c7d6e5; width: 169px; text-align: center; }
.gamelist li .gamelink .android a { display: inline-block; vertical-align: top; height: 36px; line-height: 36px; padding-left: 33px; font-size: 1.166em; background: url(icon.png) no-repeat 0 -547px; }
.gamelist li .gamelink .ewmlink { float: left; width: 160px; height: 36px; position: relative; }
.gamelist li .gamelink .ewmlink .com a { display: inline-block; vertical-align: top; padding-left: 40px; line-height: 36px; font-size: 1.166em; 
	background: url(icon.png) no-repeat 0 -448px; }
.gamelist li .gamelink .ewmlink i { position: absolute; background: url(ewmbg.png) no-repeat; padding-top:20px;/*padding-top: 1.166em;*/ text-align: center; width: 146px; height: 142px; left: -29px; bottom: 34px; display: none; }
.gamelist li .gamelink .ewmlink:hover i { display: block; }
.gamelist li .gamelink .pc { display: inline-block; font-size: 1.333em; }
.gamelist li .gamelink .pc a { display: inline-block; width: 24px; height: 24px; background: url(online.png) no-repeat 0 -47px; vertical-align: middle; margin-left: 4px; }
.gamelist li .gamelink .pc a.l2 { background-position: -25px -47px }/*qzone*/
.gamelist li .gamelink .pc a.l3 { background-position: -50px -47px; }/*kaixin001*/
.gamelist li .gamelink .pc a.l4 { background-position: -75px -47px }/*Renren*/
.gamelist li .gamelink .pc a.l5 { background-position: -100px -47px; }/*weibo*/
.gamelist li .gamelink .pc a.qpdown { background: url(download-icon.png) no-repeat; width: 26px; height: 26px; }
.gamelist li:hover { background-color: #fff; }
.loadmore { clear: both; text-align: center; }
.loadmore a { display: inline-block; font-size: 1.166em; color: #fff; padding-left: 69px; text-align: left; line-height: 56px; background: url(icon.png) no-repeat 49px 29px; background-color: #38b774; height: 56px; border-radius: 5px; width: 144px; }
.loadmore a:hover { color: #fff; background-color: #2baa67; }
.hrtitle { text-align: center; padding: 45px 0; }
.hrmain { width: 1000px; height: 255px; background: url(hrmain.png) no-repeat; margin-bottom: 56px; }
.hrbox { float: left; width: 333px; }
a.hlink { height: 80px; display: block; width: 333px; }
.hrcon { padding: 12px; overflow: hidden; height: 130px; color: #fff; font-size: 1.166em; line-height: 30px; }
.hrcon a { color: #fff; }
.hrlist li { }
.hrlist li a { color: #fff; padding-left: 13px; background: url(newsdot.png) no-repeat 0 10px; }
.hrlist li a:hover { background-position: 0 -80px; color: #fde230; }
.welfare li { float: left; width: 33%; }
.welfare li a { color: #fff; }
.welfare li a:hover { color: #ff0; }
.hrmore { clear: both; padding-right: 18px; text-align: right; padding-bottom: 10px; }
.hrmore a { display: inline-block; padding-right: 8px; background: url(arrow_hover.png) no-repeat right center; color: #fff; }
.session h2 { height: 50px; padding-left: 28px; line-height: 50px; font-size: 18px; font-weight: normal; background: #dbe1e7 url(icon.png) no-repeat 11px -78px; }
.hdinfo { font-size: 1.166em; line-height: 36px; padding: 20px 0; }
.jobinfo { padding: 20px 0; }
.jobinfo dt { font-weight: bold; font-size: 18px; }
.jobinfo li { border-bottom: 1px solid #d1dce7; margin-bottom: 30px; }
.jobinfo h3 { font-weight: bold; font-size: 18px; margin-bottom: 20px; }
.jobinfo em { font-size: 1.333em; font-weight: normal; color: #38b774; }
.jobinfo .p_content { padding: 5px 0 30px; font-size: 1.166em; line-height: 30px; }
.jobinfo dd { padding: 5px 0 30px; margin-bottom: 30px; border-bottom: 1px solid #d1dce7; font-size: 1.166em; line-height: 30px; }
/*.jobinfo dd:last-child {border-bottom: 0 none; margin-bottom: 0;}*/
.jobinfo dd a { color: #38b774; }
.jobinfo dd a:hover { text-decoration: underline; }
.hrtabt { width: 730px; overflow: hidden; margin-bottom: 25px; }
.hrtabt ul { width: 110%; }
.hrtabt li { float: left; margin-right: 12px; margin-bottom: 10px; }
.hrtabt li a { display: inline-block; width: 173px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background-color: #dbe1e7; }
.hrtabt li.on a { background-color: #38b774; color: #fff; }
.jointabt li { margin-right: 6px; }
.jointabt li a { width: 99px; height: 35px; line-height: 35px; font-size: 1.166em; min-width:;
}
.gameintro { padding: 40px 0 }
.development { font: 1.166em/2.6 "Microsoft YaHei"; padding-left: 10px; }
.development dt { font-size: 18px; font-weight: bold; padding-left: 20px; background: url(icon.png) no-repeat 0 -80px; }
.development dd { padding-left: 20px; margin-bottom: 20px; }
.development .cgreen { font-weight: bold; color: #38b774; }
.sitemap { padding: 50px 0; }
.sitemap dl { float: left; width: 24.9%; text-align: center; line-height: 2.6; font-size: 1.166em; }
.sitemap dl dt { font-size: 18px; font-weight: bold; }
.promain { position: relative; z-index: 10;  background-color: #fff; }
.promain .location { position: relative; background-color: #f3f3f3; border-bottom-color: #dbe1e7; }
.promain .location .goback { width: 144px; height: 70px; text-align: center; line-height: 70px; background: #38b774 url(icon.png) no-repeat 35px -23px; padding-left: 30px; color: #fff; font-size: 20px; position: absolute; left: 0; top: 0 }
.promain .qlink { padding-right: 20px; }
.hrabout { padding: 10px; line-height: 2; font-size: 1.166em; }
.hrabout h5 { margin-bottom: 10px; font-size: 1.166em; }
.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: 0; }
.hrabout h3 { font-size: 18px; margin-bottom: 15px; }
.gotop { position: fixed; right: 15px; bottom: 75px; width: 68px; height: 29px; background: url(top.png) no-repeat 0 -40px; z-index: 999; }
.gotop:hover { background-position: 0 0; }
.rightewm { position: absolute; right: -10px; top: -11px; width: 176px; text-align: center; }
.rightewm h5 { font-size: 1.166em; padding: 5px; }
.qplink { display: block; width: 1000px; height: 463px; margin: auto; overflow: hidden; }
.fcontact { padding: 30px 0 26px 0; overflow: hidden; color: #444866; }
.fconul { width: 105%; }
.fcontact li { float: left; width: 320px; height: 134px; background-color: #f1f1f1; margin-right: 20px; text-align: center; border-radius: 3px; }
.fcontact li .fconimg { width: 38px; height: 68px; background: url(faqicon.png?1002) no-repeat; margin: auto; padding-right: 12px; }
.fcontact li.fconli2 .fconimg { background-position: 0 -202px; width: 60px; }
.fcontact li.fconli3 .fconimg { background-position: 0 -136px; }
.fcontact p { line-height: 20px; font-size: 1.166em; }
.fcontact h1 { line-height: 26px; font-size: 24px; font-weight: normal; }
.fcontact li img { vertical-align: top; margin-top: 2px; }
.fcontact li a { color: #444866; }
.fcontact li a:hover { text-decoration: underline; }
.flist_o { overflow: hidden; border-right: 1px solid #dbe1e7; border-bottom: 1px solid #dbe1e7; width: 999px; }
.flistul { width: 105%; }
.flist { color: #444866; padding-bottom: 40px; }
.flist h3.fli_t { font-weight: normal; font-size: 1.166em; line-height: 62px; }
.flist li { text-align: center; border-top: 1px solid #dbe1e7; border-left: 1px solid #dbe1e7; float: left; width: 249px; height: 150px; }
.flist a { display: block; width: 249px; height: 150px; background-color: #fff; transition: all 0.2s linear 0s; }
.flist a:hover { background-color: #f1f1f1; font-weight: bold; }
.flist li.default a { cursor: default; }
.flist .flibox { padding-top: 35px; }
.flist .fliimg img { width: 70px; height: 70px; }
.flibox p { line-height: 36px; color: #444866; font-size: 1.166em; }
.f_detail { padding: 20px 0 0 0; overflow: hidden; }
ul.f_dtab li { float: left; width: 173px; height: 50px; line-height: 50px; color: #444866; text-align: center; background-color: #dbe1e7; font-size: 18px; margin-right: 12px; cursor: pointer; }
ul.f_dtab li.curr { background-color: #38b774; color: #fff; cursor: default; }
.f_dmain { padding: 35px 0 0 0; min-height: 400px; }
.f_dmain li { padding-bottom: 30px; font-size: 1.166em; }
.f_dmain li h3 { line-height: 24px; padding: 0 0 8px 28px; background: url(faq_wen.png) 0 2px no-repeat; font-size: 18px; }
.f_dmain li p { line-height: 28px; }
.f_dmain li p a { color: #33b972; text-decoration: underline; }
.f_dmain li p b { font-weight: bold; }
.f_dtxt { display: none; }
/* 2014/10/20 by CiciDeng */

.recruitlist h3 { color: #fff; font-size: 1.333em; }
.indexrecruitment1 li { padding: 5px 0; line-height: 20px; height: auto; }
.indexrecruitment1 { background: url(byhrbg1.jpg) no-repeat; }
.hrmain { background: url(hrmain1.png) no-repeat; }
.hrbox1 p { line-height: 20px; }
.hrbox1 h3 { color: #fff; font-size: 1.166em; line-height: 20px; }
.indexrecruitment2 { background: url(byhrbg3.jpg?v1) no-repeat; }
.recruitlist li { padding: 4px 0; }
.indexrecruitment2 h3 { color: #fff; font-size: 1.166em; }
/* 2015/1/28 by CiciDeng */
.video_mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); z-index: 1000; cursor: pointer; display: none; }
.video_box { position: absolute; margin-left: -390px; margin-top: -218px; width: 760px; height: 427px; background: url(video_bg.jpg) no-repeat; z-index: 1005; display: none; }
.cls { position: absolute; right: -30px; top: 0px; }
#banner .boyyapool .intro { padding: 200px 0 0 540px }
/* 2016/3/29 by LiliDeng */
.hiding, .hiding.on { display: none; }
.us_phone, .contact_phone { display: none; }
.m_bottom56 { margin-bottom: 56px; }
.indexpro li img { width: 218px; }

.clear{height:15px;}
.intro{font-size:16px; padding:0 15%;}
.mark{co}