@charset "utf-8";
body,html{overflow-x: hidden;}
body{background:url(../images/bybg.jpg) repeat-y top center;}
.bg{overflow:hidden;margin-top:-810px;}

.wrap{margin:0 auto;background: url(../images/bg1.jpg) center  810px no-repeat;}
.wrap2{margin:0 auto;background: url(../images/bg2.jpg) center  1244px no-repeat;}
.wrap4{margin:0 auto;background: url(../images/bg4.png) center  2701px no-repeat;}
.header{position:relative;height:800px;width:1200px;margin:0 auto;}
.nyj_logo_bg,.nyj_logo_lk a{top:0;left:80px;}
.slogan{position:absolute;width:441px}
.slogan p{width:100%;overflow:hidden;-webkit-animation:slogan 1s ease-in-out 0s 1 both;animation:slogan 1s ease-in-out 0s 1 both}
.slogan_01{left:136px;top:156px;width:319px}
.slogan_02{right:84px;top:275px;width:404px}
.slogan_01 p{width:274px; height:489px;-webkit-animation:slogan .8s ease-out 0s 1 both;animation:slogan .8s ease-out 0s 1 both; background: url(../images/slogan.png) no-repeat;}
.slogan_02 p{height:142px;-webkit-animation:slogan .8s ease-out 1s 1 both;animation:slogan .8s ease-out 1s 1 both}
@-webkit-keyframes trans_right{from{opacity:0;-webkit-transform:translateX(-30%)}
}
@keyframes trans_right{from{opacity:0;transform:translateX(-30%)}
}
@-webkit-keyframes slogan{0%{width:0}
100%{width:100%}
}
@keyframes slogan{0%{width:0}
100%{width:100%}
}
.role{position:absolute;left:-65px;top:70px;-webkit-animation:trans_right 1s ease-in-out 0s 1 both;animation:trans_right 1s ease-in-out 0s 1 both}
.btn_video{position:absolute;left:458px;top:16px;width:159px;height:159px;cursor:pointer;background:url(../images/video_btn_out.png) no-repeat;-webkit-animation:video_show 1s ease-in-out 1.4s 1 both;animation:video_show 1s ease-in-out 1.4s 1 both}
.btn_video span{display:block;height:100%;cursor:pointer;background:url(../images/video_btn_out.png) no-repeat;/*opacity:0;filter:alpha(opacity=0)*/}
.btn_video:hover span{-webkit-animation:btn_video 1.2s linear 0s 1 both;animation:btn_video 1.2s linear 0s 1 both}
.btn_video ins {width: 92px; height: 92px; background:url(../images/video_btn_cyc.png) no-repeat; display: block; left: 95px; top: 14px; position: absolute;-webkit-animation:rotate360 8s linear 0s both infinite; animation:rotate360 8s linear 0s both infinite;}
.btn_video i {width: 17px; height: 20px; background:url(../images/video_btn_arrow.png) no-repeat; display: block; left: 50%; top: 50%; position: absolute; margin-left: -8px; margin-top: -10px;}
@-webkit-keyframes rotate360{
	to{ -webkit-transform:rotate(360deg);}
}
@keyframes rotate360{
	to{ transform:rotate(360deg);}
}
@-webkit-keyframes btn_video{0%{-webkit-transform:scale(0)}
60%,63%{-webkit-transform:scale(1.2)}
75%,78%{-webkit-transform:scale(.8)}
85%,87%{-webkit-transform:scale(1.1)}
95%,97%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@keyframes video_show{0%{transform:scale(0)}
60%,63%{transform:scale(1.2)}
75%,78%{transform:scale(.8)}
85%,87%{transform:scale(1.1)}
95%,97%{transform:scale(.9)}
100%{transform:scale(1)}
}
@-webkit-keyframes btn_video{50%{opacity:.6}
100%{-webkit-transform:scale(1.3);opacity:0}
}
@keyframes btn_video{50%{opacity:.6}
100%{transform:scale(1.3);opacity:0}
}
.flower{position:absolute;top:0;width:1920px;height:1382px;pointer-events:none; background:url(../../i1.cy.com/nyj/main/20170911/flower.png) no-repeat;-webkit-animation:flower 25s linear 0s infinite;animation:flower 25s linear 0s infinite}
.flower_01{right:-360px}
.flower_02{right:-2280px}
@-webkit-keyframes flower{from{opacity:.5}
to{opacity:1;-webkit-transform:translate(-1920px,30%)}
}
@keyframes flower{from{opacity:.5}
to{opacity:1;transform:translate(-1920px,30%)}
}
.intro{position:absolute;right:104px;top:416px;width:447px;height:42px;cursor:pointer;background-position:0 -392px;-webkit-animation:trans_bottom 1s ease-in-out .5s 1 both;animation:trans_bottom 1s ease-in-out .5s 1 both}
@-webkit-keyframes trans_bottom{from{opacity:0;-webkit-transform:translateY(-100%)}
}
@keyframes trans_bottom{from{opacity:0;transform:translateY(-100%)}
}
@-webkit-keyframes trans_top{from{opacity:0;-webkit-transform:translateY(30%)}
}
@keyframes trans_top{from{opacity:0;transform:translateY(30%)}
}
.download{position:absolute;right:0px;bottom:63px;width:490px;height:168px;}

.header-nav{width:100%;height:70px;background:url(../images/nav_bg.png) top center no-repeat;position:relative;z-index:1000}
.header-nav-main{width:1199px;height:61px;padding-top:8px;margin:0 auto;text-align:center}
.header-nav-main a{color:#fff;font-size:14px;width:100px;height:52px;line-height:52px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;-webkit-transition:color ease-in-out .2s;-moz-transition:color ease-in-out .2s;-ms-transition:color ease-in-out .2s;transition:color ease-in-out .2s;position:relative}
.header-nav-main a.header-logo-a{width:300px;height:55px;margin:0 20px;background:url(../images/toplogo.png) 0 0 no-repeat;margin-top:-5px}
.header-nav-main a:hover,.header-nav-main a.current{text-decoration:none;color:#fcc31d}
.header-nav-main a .arrow{width:0;height:0;border-bottom:10px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;display:block;position:absolute;bottom:0;left:50%;margin-left:-5px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.header-nav-main a .arrow.on{opacity:80;filter:alpha(opacity=8000);opacity:.8;filter:alpha(opacity=80)}

#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;-webkit-animation:trans_top .5s ease-in-out .5s 1 both;animation:trans_top .5s ease-in-out .5s 1 both}
.linkbox.link1 a{background:url(../images/btn1.png) no-repeat left top ;}
.linkbox.link1 a:hover{background:url(../images/btn1-h.png) no-repeat left top ;}
.linkbox.link2{float:left;width:96px;height:168px;margin-left:20px;margin-top:0px;-webkit-animation:trans_top 1s ease-in-out .5s 1 both;animation:trans_top 1s ease-in-out .5s 1 both}
.linkbox.link2 a{background:url(../images/btn2.png) no-repeat left bottom ;}
.linkbox.link2 a:hover{background:url(../images/btn2-h.png) no-repeat left bottom ;}
.linkbox.link3{float:left;width:96px;height:168px;margin-left:20px;-webkit-animation:trans_top 1.5s ease-in-out .5s 1 both;animation:trans_top 1.5s ease-in-out .5s 1 both}
.linkbox.link3 a{background:url(../images/btn3.png) no-repeat left bottom ;}
.linkbox.link3 a:hover{background:url(../images/btn3-h.png) no-repeat left bottom ;}
.linkbox.link4{float:left;width:96px;height:168px;margin-left:20px;-webkit-animation:trans_top 2s ease-in-out .5s 1 both;animation:trans_top 2s ease-in-out .5s 1 both}
.linkbox.link4 a{background:url(../images/btn4.png) no-repeat left bottom ;}
.linkbox.link4 a:hover{background:url(../images/btn4-h.png) no-repeat left bottom ;}

.content{position:relative;z-index:1;overflow:hidden;height:393px;padding-top:50px;width:1200px;margin:0 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:0}
.banner dt span{display:inline-block;width:10px;height:10px;overflow:hidden;margin-right:5px;border-radius:5px;background:#fff;cursor:pointer;opacity:.3;filter:alpha(opacity=30)}
.banner dt span.on{opacity:1;filter:alpha(opacity=100)}
.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: url(../images/news_bg.png) no-repeat; z-index: 10; position: relative; padding: 0 35px;}
.news dt{height:30px;padding:5px 0 8px 0;/*border-bottom:1px solid #c5c8da;*/ padding-top: 16px;}
/*.news dt span{float:left;height:37px;line-height:29px;margin-bottom:-9px;font-size:18px;border-bottom:2px solid #616698;text-align:center;color:#575a77;background:0 0}*/
.news dt span{ background:url(../images/news_tabs.png) no-repeat;float:left; vertical-align:top; width:87px; height:39px; line-height:39px; text-align:center; color:#515476;cursor:pointer; text-indent: -9999px; margin-left:25px;}
.news dt span.tab_01 {background-position: 0 0;}
.news dt span.tab_02 {background-position: -110px 0;}
.news dt span.tab_03 {background-position: -219px 0;}
.news dt span.tab_04 {background-position: -329px 0;}
.news dt span.current{background:url(../images/news_tabs_hover.png) no-repeat; color:#ffffff; }
.news dt span.tab_01.current {background-position: 0 0;}
.news dt span.tab_02.current {background-position: -110px 0;}
.news dt span.tab_03.current {background-position: -219px 0;}
.news dt span.tab_04.current {background-position: -329px 0;}

.news dt a{float:right; font:normal 12px/30px Arial; width: 20px; height: 20px; border-radius: 100%; background: #ff8193; color: #fff; font-size:20px; text-align: center; line-height: 20px; margin-top: 10px;}
.news dd h3{padding:22px 0 10px;text-align:center;width:95%;margin:0 auto;white-space:nowrap;overflow:hidden}
.news dd h3 span{display:inline-block;vertical-align:middle;padding:0 4px;color:#fff;text-align:center;border-radius:4em; font-family:Arial,Helvetica,sans-serif;background:#ff8193;line-height:20px; margin-right: 10px;}
.news dd h3 a{display:inline-block;vertical-align:middle;color:#ff8193;font-size:20px;font-weight:bold}
.news dd a:hover{color:#616698;}
.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 #afb1c0}
.news dd ul h4 em{float:left;color:#24a198;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:#575a77}
.news dd ul h4 strong a.impnews{color:#eb6666;font-weight:bold}
.news dd ul h4 span{float:right;color:#9b9db3}

.news dd ul li {height:35px;line-height:35px;overflow:hidden;border-bottom:1px dotted #afb1c0}
.news dd ul li strong{float:left;color:#6a9ed9;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:#6d7d9a;}
.news dd ul li em a:hover{color: #ff8193;}
.news dd ul li em a.impnews{color:#eb6666;font-weight:bold}
.news dd ul li span{float:right;color:#9b9db3}

.act_btn {width: 100px; height: 100px; position: absolute; right:15px; top: 275px; background-position: -255px -67px;}
.act_btn:hover {-webkit-animation:btn_video 1.2s linear 0s 1 both;animation:btn_video 1.2s linear 0s 1 both;}

.line1{height:36px;overflow:hidden}
.line2{height:72px;overflow:hidden}
.line5{height:216px;overflow:hidden}
.line1 li,.line2 li,.line5 li {*margin-left: -15px;}
/*游戏特色*/
.game{width: 1200px; height: 712px;margin:0 auto;}
.game-con{position: relative; width: 1200px; height: 711px; margin: 0 auto; }
.game-con h2{display:block; position:absolute; top:41px; left:346px; width:510px; height:89px; background: url(../images/game-tit.png) no-repeat;-webkit-animation:trans_bottom 1s ease-in-out .5s 1 both;animation:trans_bottom 1s ease-in-out .5s 1 both}
.live{display:block; position:absolute; top:160px; left:34px; width:756px; height:461px;-webkit-animation:trans_top 1s ease-in-out .5s 1 both;animation:trans_top 1s ease-in-out .5s 1 both}

.feature{position:relative;padding-top:190px; padding-left:41px; height:556px; margin: 0 auto; width: 1159px; }
.feature dt{position: absolute; top:24px; left:50%; width:633px;height:89px;text-indent:-9999px;background-position:0 -712px; margin-left: -316px;}

.partner{position:relative;padding:50px 0}
.partner dt{width:477px;margin:0 auto 20px auto;height:61px;text-indent:-9999px;background-position:0 -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 0 50px 0;text-align:center;z-index:10;font-size:0}
.trigger span{display:inline-block;width:10px;height:10px;overflow:hidden;margin-right:5px;border-radius:5px;background:#000;cursor:pointer;opacity:.3;filter:alpha(opacity=30)}
.trigger span.on{opacity:1;filter:alpha(opacity=100)}
.sidebar{position:fixed;top:75px;right:0px; z-index: 5; height: 809px;}
.sidebar ins {background: url(../images/main_sp.png) no-repeat;}
.sidebar .sub-tips{display: none; position: absolute; bottom: 45px; left: 50%; font-size: 14px; margin-left: -70px;  width: 140px; height: 175px; background: url(../images/tips.png) no-repeat;}
.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: #fff;}
.content,.feature,.partner{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .6s ease-out .2s;transition:all .6s ease-out .2s;opacity:1}
.translate_y{transform:translateY(40px);-webkit-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:0; width:26px; text-align:center; font-size:14px; padding:10px 0; background:#da4e65; cursor:pointer;}


.media_bg {background: url(../images/media_bg.jpg) no-repeat center top; width: 100%; position: relative;}
.media_bg h2 {background: url(../images/item-tit.png) no-repeat; width: 510px; height: 89px; position: absolute; left: 50%; top: 34px; margin-left: -250px; z-index: 20;-webkit-animation:trans_bottom 1s ease-in-out .5s 1 both;animation:trans_bottom 1s ease-in-out .5s 1 both}
.media {width: 1280px;  margin: 0 auto; position: relative; overflow: hidden;}
.media .media_item {padding-top: 112px; width: 1230px;position: relative; min-height: 158px;}
.media .media_item_tabs {/*position: absolute; left: 413px; top: 64px;*/ text-align: center; width: 100%; height: 40px;}
.media .media_item_tabs li {/*float: left; */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: url(../images/media_sp.png) no-repeat 0 -45px; color: #2081ab; }
.media .media_item_tabs li a:hover,.media .media_item_tabs li a.current {background-position: 0 0;}
.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: url(../images/media_sp.png) no-repeat 0 -95px;}
.media ul li {/*float: left; */margin-right: 27px;}