/* Code tidied up by ScrapBook */
body, html { overflow-x: hidden; }
body { background: rgba(0, 0, 0, 0) url("bybg.jpg") repeat-y scroll center top; }
.bg { overflow: hidden; margin-top: -810px; }
.wrap { margin: 0px auto; background: rgba(0, 0, 0, 0) url("bg1.jpg") no-repeat scroll center 810px; }
.wrap2 { margin: 0px auto; background: rgba(0, 0, 0, 0) url("bg2.jpg") no-repeat scroll center 1244px; }
.wrap4 { margin: 0px auto; background: rgba(0, 0, 0, 0) url("bg4.png") no-repeat scroll center 2701px; }
.header { position: relative; height: 800px; width: 1200px; margin: 0px auto; }
.nyj_logo_bg, .nyj_logo_lk a { top: 0px; left: 80px; }
.slogan { position: absolute; width: 441px; }
.slogan p { width: 100%; overflow: hidden; animation: 1s ease-in-out 0s normal both 1 running slogan; }
.slogan_01 { left: 136px; top: 156px; width: 319px; }
.slogan_02 { right: 84px; top: 275px; width: 404px; }
.slogan_01 p { width: 274px; height: 489px; animation: 0.8s ease-out 0s normal both 1 running slogan; background: rgba(0, 0, 0, 0) url("slogan.png") no-repeat scroll 0% 0%; }
.slogan_02 p { height: 142px; animation: 0.8s ease-out 1s normal both 1 running slogan; }
@keyframes trans_right {
0% { opacity: 0; transform: translateX(-30%); }
}
@keyframes trans_right {
0% { opacity: 0; transform: translateX(-30%); }
}
@keyframes slogan {
0% { width: 0px; }
100% { width: 100%; }
}
@keyframes slogan {
0% { width: 0px; }
100% { width: 100%; }
}
.role { position: absolute; left: -65px; top: 70px; animation: 1s ease-in-out 0s normal both 1 running trans_right; }
.btn_video { position: absolute; left: 458px; top: 16px; width: 159px; height: 159px; cursor: pointer; background: rgba(0, 0, 0, 0) url("video_btn_out.png") no-repeat scroll 0% 0%; animation: 1s ease-in-out 1.4s normal both 1 running video_show; }
.btn_video span { display: block; height: 100%; cursor: pointer; background: rgba(0, 0, 0, 0) url("video_btn_out.png") no-repeat scroll 0% 0%; }
.btn_video:hover span { animation: 1.2s linear 0s normal both 1 running btn_video; }
.btn_video ins { width: 92px; height: 92px; background: rgba(0, 0, 0, 0) url("video_btn_cyc.png") no-repeat scroll 0% 0%; display: block; left: 95px; top: 14px; position: absolute; animation: 8s linear 0s normal both infinite running rotate360; }
.btn_video i { width: 17px; height: 20px; background: rgba(0, 0, 0, 0) url("video_btn_arrow.png") no-repeat scroll 0% 0%; display: block; left: 50%; top: 50%; position: absolute; margin-left: -8px; margin-top: -10px; }
@keyframes rotate360 {
100% { transform: rotate(360deg); }
}
@keyframes rotate360 {
100% { transform: rotate(360deg); }
}
@keyframes btn_video {
0% { transform: scale(0); }
60%, 63% { transform: scale(1.2); }
75%, 78% { transform: scale(0.8); }
85%, 87% { transform: scale(1.1); }
95%, 97% { transform: scale(0.9); }
100% { transform: scale(1); }
}
@keyframes video_show {
0% { transform: scale(0); }
60%, 63% { transform: scale(1.2); }
75%, 78% { transform: scale(0.8); }
85%, 87% { transform: scale(1.1); }
95%, 97% { transform: scale(0.9); }
100% { transform: scale(1); }
}
@keyframes btn_video {
50% { opacity: 0.6; }
100% { transform: scale(1.3); opacity: 0; }
}
@keyframes btn_video {
50% { opacity: 0.6; }
100% { transform: scale(1.3); opacity: 0; }
}
.flower { position: absolute; top: 0px; width: 1920px; height: 1382px; pointer-events: none; background: rgba(0, 0, 0, 0) url("flower.png") no-repeat scroll 0% 0%; animation: 25s linear 0s normal none infinite running flower; }
.flower_01 { right: -360px; }
.flower_02 { right: -2280px; }
@keyframes flower {
0% { opacity: 0.5; }
100% { opacity: 1; transform: translate(-1920px, 30%); }
}
@keyframes flower {
0% { opacity: 0.5; }
100% { opacity: 1; transform: translate(-1920px, 30%); }
}
.intro { position: absolute; right: 104px; top: 416px; width: 447px; height: 42px; cursor: pointer; background-position: 0px -392px; animation: 1s ease-in-out 0.5s normal both 1 running trans_bottom; }
@keyframes trans_bottom {
0% { opacity: 0; transform: translateY(-100%); }
}
@keyframes trans_bottom {
0% { opacity: 0; transform: translateY(-100%); }
}
@keyframes trans_top {
0% { opacity: 0; transform: translateY(30%); }
}
@keyframes trans_top {
0% { opacity: 0; transform: translateY(30%); }
}
.download { position: absolute; right: 0px; bottom: 63px; width: 490px; height: 168px; }
.header-nav { width: 100%; height: 70px; background: rgba(0, 0, 0, 0) url("nav_bg.png") no-repeat scroll center top; position: relative; z-index: 1000; }
.header-nav-main { width: 1199px; height: 61px; padding-top: 8px; margin: 0px auto; text-align: center; }
.header-nav-main a { color: rgb(255, 255, 255); font-size: 14px; width: 100px; height: 52px; line-height: 52px; display: inline-block; vertical-align: top; transition: color 0.2s ease-in-out 0s; position: relative; }
.header-nav-main a.header-logo-a { width: 300px; height: 55px; margin: -5px 20px 0px; background: rgba(0, 0, 0, 0) url("toplogo.png") no-repeat scroll 0px 0px; }
.header-nav-main a:hover, .header-nav-main a.current { text-decoration: none; color: rgb(252, 195, 29); }
.header-nav-main a .arrow { width: 0px; height: 0px; border-bottom: 10px solid rgb(0, 0, 0); border-right: 10px solid transparent; border-left: 10px solid transparent; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -5px; opacity: 0; transition: all 0.3s ease 0s; }
.header-nav-main a .arrow.on { opacity: 0.8; }
#quickLink { float: left; width: 1300px; height: 168px; position: absolute; overflow: hidden; z-index: 999999; top: 0px; left: 50%; margin-left: -195px; }
.linkbox a { height: 168px; position: relative; text-indent: -99em; overflow: hidden; display: block; }
.linkbox.link1 { width: 96px; float: left; height: 168px; margin-right: 0px; animation: 0.5s ease-in-out 0.5s normal both 1 running trans_top; }
.linkbox.link1 a { background: rgba(0, 0, 0, 0) url("btn1.png") no-repeat scroll left top; }
.linkbox.link1 a:hover { background: rgba(0, 0, 0, 0) url("btn1-h.png") no-repeat scroll left top; }
.linkbox.link2 { float: left; width: 96px; height: 168px; margin-left: 20px; margin-top: 0px; animation: 1s ease-in-out 0.5s normal both 1 running trans_top; }
.linkbox.link2 a { background: rgba(0, 0, 0, 0) url("btn2.png") no-repeat scroll left bottom; }
.linkbox.link2 a:hover { background: rgba(0, 0, 0, 0) url("btn2-h.png") no-repeat scroll left bottom; }
.linkbox.link3 { float: left; width: 96px; height: 168px; margin-left: 20px; animation: 1.5s ease-in-out 0.5s normal both 1 running trans_top; }
.linkbox.link3 a { background: rgba(0, 0, 0, 0) url("btn3.png") no-repeat scroll left bottom; }
.linkbox.link3 a:hover { background: rgba(0, 0, 0, 0) url("btn3-h.png") no-repeat scroll left bottom; }
.linkbox.link4 { float: left; width: 96px; height: 168px; margin-left: 20px; animation: 2s ease-in-out 0.5s normal both 1 running trans_top; }
.linkbox.link4 a { background: rgba(0, 0, 0, 0) url("btn4.png") no-repeat scroll left bottom; }
.linkbox.link4 a:hover { background: rgba(0, 0, 0, 0) url("btn4-h.png") no-repeat scroll left bottom; }
.content { position: relative; z-index: 1; overflow: hidden; height: 393px; padding-top: 50px; width: 1200px; margin: 0px auto; }
.banner { float: left; position: relative; width: 650px; height: 340px; margin-left: 8px; }
.banner dt { position: absolute; bottom: 20px; left: 30px; z-index: 10; font-size: 0px; }
.banner dt span { display: inline-block; width: 10px; height: 10px; overflow: hidden; margin-right: 5px; border-radius: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; cursor: pointer; opacity: 0.3; }
.banner dt span.on { opacity: 1; }
.banner dd { position: relative; height: 100%; }
.banner dd a { position: absolute; width: 100%; height: 100%; }
.banner dd a img { width: 100%; height: 100%; }
.news { float: left; margin-left: -28px; width: 490px; height: 340px; overflow: hidden; background: rgba(0, 0, 0, 0) url("news_bg.png") no-repeat scroll 0% 0%; z-index: 10; position: relative; padding: 0px 35px; }
.news dt { height: 30px; padding: 16px 0px 8px; }
.news dt span { background: rgba(0, 0, 0, 0) url("news_tabs.png") no-repeat scroll 0% 0%; float: left; vertical-align: top; width: 87px; height: 39px; line-height: 39px; text-align: center; color: rgb(81, 84, 118); cursor: pointer; text-indent: -9999px; margin-left: 25px; }
.news dt span.tab_01 { background-position: 0px 0px; }
.news dt span.tab_02 { background-position: -110px 0px; }
.news dt span.tab_03 { background-position: -219px 0px; }
.news dt span.tab_04 { background-position: -329px 0px; }
.news dt span.current { background: rgba(0, 0, 0, 0) url("news_tabs_hover.png") no-repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.news dt span.tab_01.current { background-position: 0px 0px; }
.news dt span.tab_02.current { background-position: -110px 0px; }
.news dt span.tab_03.current { background-position: -219px 0px; }
.news dt span.tab_04.current { background-position: -329px 0px; }
.news dt a { float: right; font: 20px/20px Arial; width: 20px; height: 20px; border-radius: 100%; background: rgb(255, 129, 147) none repeat scroll 0% 0%; color: rgb(255, 255, 255); text-align: center; margin-top: 10px; }
.news dd h3 { padding: 22px 0px 10px; text-align: center; width: 95%; margin: 0px auto; white-space: nowrap; overflow: hidden; }
.news dd h3 span { display: inline-block; vertical-align: middle; padding: 0px 4px; color: rgb(255, 255, 255); text-align: center; border-radius: 4em; font-family: Arial,Helvetica,sans-serif; background: rgb(255, 129, 147) none repeat scroll 0% 0%; line-height: 20px; margin-right: 10px; }
.news dd h3 a { display: inline-block; vertical-align: middle; color: rgb(255, 129, 147); font-size: 20px; font-weight: bold; }
.news dd a:hover { color: rgb(97, 102, 152); }
.news dd ul { width: 490px; }
.news dd ul li { width: 490px; }
.news dd ul h4 { height: 35px; line-height: 35px; overflow: hidden; border-top: 1px dotted rgb(175, 177, 192); }
.news dd ul h4 em { float: left; color: rgb(36, 161, 152); padding-right: 10px; }
.news dd ul h4 strong { float: left; width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news dd ul h4 strong a { color: rgb(87, 90, 119); }
.news dd ul h4 strong a.impnews { color: rgb(235, 102, 102); font-weight: bold; }
.news dd ul h4 span { float: right; color: rgb(155, 157, 179); }
.news dd ul li { height: 35px; line-height: 35px; overflow: hidden; border-bottom: 1px dotted rgb(175, 177, 192); }
.news dd ul li strong { float: left; color: rgb(106, 158, 217); padding-right: 10px; }
.news dd ul li em { float: left; width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news dd ul li em a { color: rgb(109, 125, 154); }
.news dd ul li em a:hover { color: rgb(255, 129, 147); }
.news dd ul li em a.impnews { color: rgb(235, 102, 102); font-weight: bold; }
.news dd ul li span { float: right; color: rgb(155, 157, 179); }
.act_btn { width: 100px; height: 100px; position: absolute; right: 15px; top: 275px; background-position: -255px -67px; }
.act_btn:hover { animation: 1.2s linear 0s normal both 1 running btn_video; }
.line1 { height: 36px; overflow: hidden; }
.line2 { height: 72px; overflow: hidden; }
.line5 { height: 216px; overflow: hidden; }
.line1 li, .line2 li, .line5 li {  }
.game { width: 1200px; height: 712px; margin: 0px auto; }
.game-con { position: relative; width: 1200px; height: 711px; margin: 0px auto; }
.game-con h2 { display: block; position: absolute; top: 41px; left: 346px; width: 510px; height: 89px; background: rgba(0, 0, 0, 0) url("game-tit.png") no-repeat scroll 0% 0%; animation: 1s ease-in-out 0.5s normal both 1 running trans_bottom; }
.live { display: block; position: absolute; top: 160px; left: 34px; width: 756px; height: 461px; animation: 1s ease-in-out 0.5s normal both 1 running trans_top; }
.feature { position: relative; padding-top: 190px; padding-left: 41px; height: 556px; margin: 0px auto; width: 1159px; }
.feature dt { position: absolute; top: 24px; left: 50%; width: 633px; height: 89px; text-indent: -9999px; background-position: 0px -712px; margin-left: -316px; }
.partner { position: relative; padding: 50px 0px; }
.partner dt { width: 477px; margin: 0px auto 20px; height: 61px; text-indent: -9999px; background-position: 0px -704px; }
.scroll { height: 150px; overflow: hidden; }
.scroll ul li { float: left; width: 190px; padding-right: 12px; }
.scroll ul li img { display: block; width: 100%; margin-bottom: 10px; }
.trigger { padding: 30px 0px 50px; text-align: center; z-index: 10; font-size: 0px; }
.trigger span { display: inline-block; width: 10px; height: 10px; overflow: hidden; margin-right: 5px; border-radius: 5px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; cursor: pointer; opacity: 0.3; }
.trigger span.on { opacity: 1; }
.sidebar { position: fixed; top: 75px; right: 0px; z-index: 5; height: 809px; }
.sidebar ins { background: rgba(0, 0, 0, 0) url("main_sp.png") no-repeat scroll 0% 0%; }
.sidebar .sub-tips { display: none; position: absolute; bottom: 45px; left: 50%; font-size: 14px; margin-left: -70px; width: 140px; height: 175px; background: rgba(0, 0, 0, 0) url("tips.png") no-repeat scroll 0% 0%; }
.sidebar .sidebar .btn_down .sub-tips { bottom: 70px; }
.sidebar .sub-tips img { margin-top: 5px; }
.sidebar .sub-tips label { line-height: 30px; display: block; color: rgb(255, 255, 255); }
.content, .feature, .partner { transform: translateY(0px); transition: all 0.6s ease-out 0.2s; opacity: 1; }
.translate_y { transform: translateY(40px); opacity: 0; }
.btn_top { right: 67px; top: 50%; left: auto; bottom: auto; margin-top: 243px; }
.switch { display: block; position: absolute; left: -12px; top: 0px; width: 26px; text-align: center; font-size: 14px; padding: 10px 0px; background: rgb(218, 78, 101) none repeat scroll 0% 0%; cursor: pointer; }
.media_bg { background: rgba(0, 0, 0, 0) url("media_bg.jpg") no-repeat scroll center top; width: 100%; position: relative; }
.media_bg h2 { background: rgba(0, 0, 0, 0) url("item-tit.png") no-repeat scroll 0% 0%; width: 510px; height: 89px; position: absolute; left: 50%; top: 34px; margin-left: -250px; z-index: 20; animation: 1s ease-in-out 0.5s normal both 1 running trans_bottom; }
.media { width: 1280px; margin: 0px auto; position: relative; overflow: hidden; }
.media .media_item { padding-top: 112px; width: 1230px; position: relative; min-height: 158px; }
.media .media_item_tabs { text-align: center; width: 100%; height: 40px; }
.media .media_item_tabs li { margin-right: 20px; width: 146px; height: 40px; line-height: 40px; text-align: center; display: inline-block; }
.media .media_item_tabs li a { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0) url("media_sp.png") no-repeat scroll 0px -45px; color: rgb(32, 129, 171); }
.media .media_item_tabs li a:hover, .media .media_item_tabs li a.current { background-position: 0px 0px; }
.media .media_item_cont { display: none; margin-top: 50px; }
.media .media_item_cont a { float: left; margin-right: 26px; margin-bottom: 26px; }
.media .media_more { position: absolute; right: 6px; top: 64px; width: 46px; height: 40px; background: rgba(0, 0, 0, 0) url("media_sp.png") no-repeat scroll 0px -95px; }
.media ul li { margin-right: 27px; }