body{margin:0;background:#fff;overflow-x:hidden;}
#app{overflow-x:hidden;}
.globalNavigation__logo__btn{padding-left:10px;}

.header{padding-bottom:120px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/jd-bg.jpg) no-repeat top center;min-height:900px;padding-top:140px;overflow:hidden;}
				.header .tiebg-wrap{width:100%;display:flex;align-items:center;justify-content: center;}
				.header .tiebg-wrap .tiebg{width:1920px;right:-100%;position:relative; transition:right 0.5s;}
				.header .tiebg-wrap.active .tiebg{right:0}
				.header-bar{width:1280px;position:absolute;top:140px;left:calc(50% - 640px)}
				.header-bar .gamelogo{position:absolute;top:-160px;right:0px;width:750px;transform:scale(0,0);}
				.header-bar .gamelogo.animation{animation:logopopup 0.8s ease-in-out forwards;}
				.header-bar .gamelogo>img{width:100%;}
				
				
				.header-bar .slogon{white-space:nowrap;position:absolute;top:100px;left:0;line-height:1.5;color:#fff;font-size:100px;font-weight:bold;width:600px;opacity:0;transform:translateX(-50px);transition:all 0.5s}
				.header-bar .slogon.animation{opacity:1;transform:translateX(0);}
				.header-bar .slogon span{padding-left:30px;padding-right:30px;position:relative;}
				.header-bar .slogon span:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/left_q.png);}
				.header-bar .slogon span:after{content:"";position:absolute;bottom:0;right:0;width:50px;height:50px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/right_q.png)}
				
				.header-bar .slogon a{display:block;border:2px solid #fff;padding:5px 10px; background-image: linear-gradient(to right,#a50dd4, #682bc6);font-size:20px;color:#fff;width:160px;text-decoration:none;border-radius:10px;margin-right:10px;text-align:center;}
				
				.header-wrap{width:1280px;margin:50px auto;position:relative;padding-left:50px;}
				.header-wrap .top-video{width:550px;position:relative;z-index:1;transform:scale(0,0); margin: 0 auto;}
				.header-wrap .top-video.animation{animation:logopopup 0.8s ease-in-out forwards;transform:rotate(20deg);}
				.header-wrap .top-video a{cursor:pointer;width:100px;height:100px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/play.png);background-size:contain;display:block;position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);}
				.header-wrap .top-video a:hover{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/play_o.png);background-size:contain;}
				.header-wrap .top-video:before{content:"";background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/top_c1.png) no-repeat;background-size:contain;width:526px;height:495px;position:absolute;left:-420px;top:-100px;z-index:-1;}
				.header-wrap .top-video:after{content:"";background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/top_c3.png) no-repeat;width:657px;height:378px;position:absolute;right:-500px;top:-50px;z-index:-1;}
				.header-wrap .top-video img{width:100%;border:5px solid #fff;box-shadow: 0 0 10px #000;}
				.header-wrap .top-video video{width:100%;height:100%;border:5px solid #fff;box-shadow: 0 0 10px #000;}
				
.oes-model,.model{width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;z-index:999;display:none;align-items:center;justify-content:center;}
.oes-model.show,.model.show{display:flex;}
.oes-model .model-wrap{width:80%;max-width:800px;position:relative;height:100%;display: flex;align-items: center; justify-content: center;}
.oes-model .model-wrap .model-close{width:30px;height:30px;background:url(//cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/oes/oes-close.png) no-repeat top center;background-size:100%;position:absolute;top:calc(15% + 40px);right:0;cursor:pointer;z-index:3;}
.oes-model#oes-1 .model-wrap .model-content{background:#140337;width: 100%;border:2px solid #fff;border-radius:20px;padding:120px 0 20px;height:70%;position:relative;transform: translateY(80px); box-sizing: border-box;}
.oes-model#oes-1 .model-wrap .model-content:before{content:"";position:fixed;width:1100px;height:284px;top:-150px;left:50%;transform:translateX(-50%);background:url(//cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/oes/c1-title.png?1) no-repeat top center;background-size:100%;}
.oes-model#oes-1 .model-wrap .model-content .model-content-wrap{width:100%;height:100%;overflow:auto;}
.oes-model#oes-1 .model-wrap .model-content img{width:100%;}
.oes-model#oes-2 .model-wrap .model-content{background:#140337;width: 100%;border:2px solid #fff;border-radius:20px;padding:120px 0 20px;height:70%;position:relative;transform: translateY(80px); box-sizing: border-box;}
.oes-model#oes-2 .model-wrap .model-content:before{content:"";position:fixed;width:1100px;height:260px;top:-150px;left:50%;transform:translateX(-50%);background:url(//cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/oes/c2-title.png) no-repeat top center;background-size:100%;}
.oes-model#oes-2 .model-wrap .model-content .model-content-wrap{width:100%;height:100%;overflow:auto;}
.oes-model#oes-2 .model-wrap .model-content img{width:100%;}
.oes-model#oes-3 .model-wrap{width:60%;max-width:900px;}
.oes-model#oes-3 .model-wrap .model-close{right:10%;top:calc(50% - 380px);}
.oes-model#oes-3 .model-wrap .model-content{ box-sizing: border-box;}
.oes-model#oes-3 .model-wrap .model-content img{width:100%;}
.oes-model#oes-4 .model-wrap{width:60%;max-width:900px;}
.oes-model#oes-4 .model-wrap .model-close{right:10%;top:calc(50% - 380px);}
.oes-model#oes-4 .model-wrap .model-content{ box-sizing: border-box;}
.oes-model#oes-4 .model-wrap .model-content img{width:100%;}
.oes-model#oes-5 .model-wrap .model-content{background:#140337;width: 100%;border:2px solid #fff;border-radius:20px;padding:80px 0 20px;height:70%;position:relative;transform: translateY(80px); box-sizing: border-box;}
.oes-model#oes-5 .model-wrap .model-content:before{content:"";position:fixed;width:1100px;height:240px;top:-150px;left:50%;transform:translateX(-50%);background:url(//cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/oes/c5-title.png?2) no-repeat top center;background-size:100%;}
.oes-model#oes-5 .model-wrap .model-content .model-content-wrap{width:100%;height:100%;overflow:auto;}
.oes-model#oes-5 .model-wrap .model-content img{width:100%;}
.oes-model#oes-5 .model-wrap .model-content .question-wrap{background:#5d31c4;border-radius:20px;padding: 20px 20px 20px 200px;width:80%;margin:20px auto;box-sizing:border-box;position:relative;}
.oes-model#oes-5 .model-wrap .model-content .question-wrap h3{font-size:28px;font-weight:bold;color:#fff;text-align:center;margin:10px 0;}
.oes-model#oes-5 .model-wrap .model-content .question-wrap textarea{width:100%;height:100px;font-size:18px;box-sizing: border-box;}
.oes-model#oes-5 .model-wrap .model-content .question-wrap:before{position:absolute;left:-80px;top:50%;transform:translateY(-50%);content:"";background:url(//cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/oes/c5-inner.png) no-repeat top center;background-size:100%;width:300px;height:400px;}
.oes-model#oes-5 .model-wrap .model-content .question-wrap .validcode{color:#fff;width:100%;display:flex;align-items:center;justify-content:center;margin:10px 0;}
.oes-model#oes-5 .model-wrap .model-content .question-wrap .validcode input{height:20px;font-size:18px;width:100px;}
.model .model-content{width:80%;position:relative;display: flex;align-items: center;}
.model .model-content .model-detail{width:100%;}
.model .model-content img{width:100%;}
.model .model-content video{width:100%;}
.model .model-content .model-close{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/close.png);width:30px;height:30px;background-size:cover;top:-30px;right:-30px;position:absolute;}
.request-wrap{padding-top:100px;width:800px;height:500px;margin:0 auto;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/requestbg.jpg) no-repeat top center;background-size:contain;}
.request-wrap .request-inner{background:#363636;width:600px;min-height:200px;margin:0 auto;padding:20px 10px;}
.request-wrap .request-inner p{color:#fff;font-size:16px;text-align:center;}
.request-wrap .request-inner span{color:#fff;font-size:14px;text-align:center;display:block;}
.request-wrap .request-inner .r-form{display:flex;align-items:center;justify-content:center;flex-wrap: wrap;}
.request-wrap .request-inner .r-form input{width:250px;text-align:center;margin:5px 2px;height:30px;}
.request-wrap .request-inner .r-form button{background:#f5189a;height:40px;width:200px;border:none;color:#fff;margin:10px 0;}
.c-l{width:31px;height:47px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/gp_left.png) no-repeat;background-size:100%;cursor:pointer;}
.c-l:hover{transform:translateX(-2px)}
.c-r{width:31px;height:47px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/gp_right.png) no-repeat;background-size:100%;cursor:pointer;}
.c-r:hover{transform:translateX(2px)}
h2{text-align:center;color:#fff;font-size:30px;padding:10px 0;display:block;line-height:50px;}
h2:before{width:100px;height:1px;background:#fff;content:"";display:block;margin:0 auto;}
h2:after{width:100px;height:1px;background:#fff;content:"";display:block;margin:0 auto;}
h2.black{color:#000;}
h2.black:before{background:#000;}
h2.black:after{background:#000;}
h2.red{color:#e91083;font-size:40px;}
.globalNavigation{background:#000;height:50px;}
.oes{background:#000;overflow:hidden;position:relative;z-index: 2;}
.top-hero{background:url(//cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/oes/bg-1.png) no-repeat top center;width:100%;height:1300px;position:relative;z-index:2;padding-top:0;box-sizing:border-box;}
.top-hero .video-wrap{width:650px;background:#000;height:366px;margin:0 auto;position: relative;transform:scale(1.2,1.2);opacity:0;transition:all 0.5s 0.3s; border: 10px solid #fff;box-shadow: 0 0 10px #999;}
.top-hero.show .video-wrap{transform:scale(1,1);opacity:1}
.top-hero .video-wrap video{width:100%;height:100%;}
.top-hero .game-logo{transform:scale(0,0) translateX(-8%);opacity:0;transition:all 0.5s ease;}
.top-hero.show .game-logo{transform:scale(1,1) translateX(-8%);opacity:1}
.top-hero .event-info{width:1200px;margin:0 auto;padding-top: 50px;text-align:center;}
.top-hero .event-info .sub-title{margin-top:-290px;position:relative;transform:scale(1.5,1.5);opacity:0;transition:all 0.5s 0.3s ;}
.top-hero.show .event-info .sub-title{transform:scale(1,1);opacity:1}
.top-hero .event-info .top-ad{margin-top:50px;margin-left:0;}
.top-hero .video-wrap a{cursor:pointer;width:100px;height:100px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/play.png);background-size:contain;display:block;position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);}
.top-hero .video-wrap a:hover{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/play_o.png);background-size:contain;}
	

.sales{position:absolute;bottom:0;left:0;width:100%;z-index:3;padding-bottom:30px;}
.sales .sales-pic{width:1000px;margin:0 auto 30px;transform:scale(0,0);}
.sales .sales-pic.animation{animation:logopopup 0.8s ease-in-out forwards;}
.sales .sales-pic img{width:100%;}
.sales a{}
.header2:after{content:"";position:absolute;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/NS-logo.png) no-repeat top left;width:142px;height:180px;top:-20px;right:calc(50% - 800px);}



	.slogon{position:relative;width:738px;opacity:0;margin:0 auto;top:-50px;padding-left:100px;transition:all 0.5s;pointer-events:none;}
	.slogon.animation{opacity:1;animation:jump 0.8s ease-in-out forwards;}

    


	
	a.demo,.oes-model#oes-5 .model-wrap .model-content .question-wrap button{display:block;border:2px solid #fff;line-height:46px;font-weight:bold;background:linear-gradient(#e813ad, #fd693b);font-size:16px;color:#fff;width:200px;height:50px;text-decoration:none;border-radius:25px;margin-right:10px;text-align:center;margin:0 auto;margin-top:-50px;cursor:pointer;position: relative; z-index: 2;}
	a.demo:hover,.oes-model#oes-5 .model-wrap .model-content .question-wrap button:hover{background:#7806d2;}
	
	.oes-model#oes-5 .model-wrap .model-content .question-wrap button{margin:20px auto 0;}
	.oes-btn{margin:50px auto !important;}

.jun23{background:url(//cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/oes/bg-2.jpg?2) no-repeat center top;padding-top:240px;padding-bottom:60px;overflow:hidden;position:relative;z-index:1;margin-top:-240px}

.jun23 .jun23-wrap{width:1280px;margin:0 auto;text-align:center;padding-top:50px;position:relative;}
.jun23 .jun23-wrap .child_title{margin:0 auto;}
.jun23 .jun23-wrap .e1{margin:0 auto;position:relative;display:block;z-index:5;;pointer-events: none;transform:scale(0,0);}
.jun23 .jun23-wrap .e1.show{animation:logopopup 0.8s ease-in-out forwards;}
.jun23 .jun23-wrap .e1 .e-pic{display:block;padding-top:180px;z-index:2;position:relative;pointer-events: none;}
.jun23 .jun23-wrap .e1 a{position:absolute;display:block;top:0;left:50%;transform:rotate(0) translateX(-40%);z-index:1;pointer-events: auto;}
.jun23 .jun23-wrap .e1 a:hover{transform:rotate(-10deg) translateX(-40%);}
.jun23 .jun23-wrap .e2{position:absolute;display:block;z-index:4;right:600px;top:500px;transform:scale(0,0);pointer-events: none;transition:all 0.5s ease;}
.jun23 .jun23-wrap .e2.show{transform:scale(1,1);right:780px;top:200px;}
.jun23 .jun23-wrap .e2 .e-pic{display:block;padding-top:0;z-index:2;position:relative;pointer-events: none;}
.jun23 .jun23-wrap .e2 a{position:absolute;display:block;top:-70px;left:-220px;transform:rotate(0);z-index:1;pointer-events: auto;}
.jun23 .jun23-wrap .e2 a:hover{transform:rotate(-10deg);}
.jun23 .jun23-wrap .e3{position:absolute;display:block;z-index:4;left:600px;top:500px;transform:scale(0,0);pointer-events: none;transition:all 0.5s ease;}
.jun23 .jun23-wrap .e3.show{transform:scale(1,1);left:780px;top:200px;}
.jun23 .jun23-wrap .e3 .e-pic{display:block;padding-top:0;z-index:2;position:relative;pointer-events: none;}
.jun23 .jun23-wrap .e3 a{position:absolute;display:block;top:180px;left:180px;transform:rotate(0);z-index:1;pointer-events: auto;}
.jun23 .jun23-wrap .e3 a:hover{transform:rotate(-10deg);}
.jun23 .jun23-wrap .e4{position:absolute;display:block;z-index:4;right:600px;bottom:500px;transform:scale(0,0);pointer-events: none;transition:all 0.5s ease;}
.jun23 .jun23-wrap .e4.show{transform:scale(1,1);right:600px;bottom:100px;}
.jun23 .jun23-wrap .e4 .e-pic{display:block;padding-top:0;z-index:1;position:relative;pointer-events: none;}
.jun23 .jun23-wrap .e4 a{position:absolute;display:block;top:220px;left:-180px;transform:rotate(0);z-index:2;pointer-events: auto;}
.jun23 .jun23-wrap .e4 a:hover{transform:rotate(10deg);}
.jun23 .jun23-wrap .e5{position:absolute;display:block;z-index:4;left:600px;bottom:500px;transform:scale(0,0);pointer-events: none;transition:all 0.5s ease;}
.jun23 .jun23-wrap .e5.show{transform:scale(1,1);left:750px;bottom:30px;}
.jun23 .jun23-wrap .e5 .e-pic{display:block;padding-top:0;z-index:2;position:relative;pointer-events: none;}
.jun23 .jun23-wrap .e5 a{position:absolute;display:block;top:-130px;left:160px;transform:rotate(0);z-index:1;pointer-events: auto;}
.jun23 .jun23-wrap .e5 a:hover{transform:rotate(10deg);}




.intro{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/info_bg.png) no-repeat top center;min-height:700px;margin-top:-155px;padding-top:75px;overflow:hidden;position:relative;}
.sc-list {width:110%;overflow-x:hidden;margin-left:-5%;}
.sc-list ul{position:relative;}
.sc-list li{display:inline-block;width:540px;padding:0 5px;box-sizing:border-box;font-size:0;}
.sc-list li>div{overflow:hidden;}
.sc-list li img{width:100%;transition:transform 0.5s }
.sc-list li img:hover{width:100%;transform:scale(1.1,1.1)}
#sc-list-3{z-index:4}
.intro .intro-info{width:1280px;margin:0 auto;position:relative;padding-bottom:200px;}
.intro .intro-info:after{content:"";opacity:0;position:absolute;top:-50px;right:-120px;width:300px;height:500px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/info_03_s.png) no-repeat center;background-size:contain;transition:all 0.8s}
.intro .intro-info.showpic:after{opacity:1;top:-100px;}

.intro .intro-info .intro-content{}
.intro .intro-info .intro-content .intro-content-cover{width:25%;margin-left:-50px;display:inline-block;vertical-align:middle;}
.intro .intro-info .intro-content .intro-content-cover img{width:100%;}
.intro .intro-info .intro-content p{width:75%;color:#fff;font-size:20px;margin-left:20px;padding-right:100px;display:inline-block;vertical-align:middle;box-sizing:border-box;}
.intro .intro-info .intro-content p span{display:inline;font-size:16px;color:#afadb2;margin-right:20px;}
.intro .intro-info .intro-feature{font-size:0;padding:0;}
.intro .intro-info .intro-feature li{display:inline-block;width:50%;font-size:16px;color:#fff;padding:5px;box-sizing:border-box;vertical-align:top;}
.intro .intro-info .intro-feature li>div{background:rgba(0,0,0,0.2);padding:0 10px;}
.intro .intro-info .intro-feature li>div>img{display:inline-block;vertical-align:middle;width:30%;box-sizing:border-box;}
.intro .intro-info .intro-feature li>div>p{display:inline-block;vertical-align:middle;width:70%;box-sizing:border-box;}
.intro .intro-info .intro-feature li span{display:block;font-size:14px;color:#afadb2;}
.songlist{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/songlist-bg_01.png) no-repeat top center,url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/songlist-bg_02.jpg) no-repeat 0 162px;min-height:700px;margin-top:-180px;padding-top:75px;overflow:hidden;position:relative;}
.songlist .song-info{width:1280px;margin:0 auto;position:relative;padding-bottom:200px;}
.songlist .song-info>p{color:#000;font-size:20px;padding-left:150px;padding-right:100px;}
.songlist .song-info:after{content:"";opacity:0;position:absolute;top:-220px;left:-120px;width:300px;height:500px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/songlist_c.png) no-repeat center;background-size:contain;transition:all 0.8s}
.songlist .song-info.showpic:after{opacity:1;left:-70px;}
.songlist-wrap{margin-top:50px;position:relative;}
.songlist-wrap ul.hot{display:flex;align-items:center;justify-content:center; flex-wrap: wrap;padding-left: 0;}
.songlist-wrap ul.hot li{width:20%;padding:20px;box-sizing:border-box;list-style-type:none;position:relative;opacity:0;}
.songlist .song-info.showpic .songlist-wrap ul.hot li{opacity:1;transition: all 1.2s ease;visibility:visible;webkit-transition: all 1.2s ease;}
.songlist-wrap ul.hot li img{width:100%;box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);transition: -webkit-transform .25s ease-in-out, -webkit-transform-origin .25s ease-in-out;transition: transform .25s ease-in-out, transform-origin .25s ease-in-out;transition: transform .25s ease-in-out, transform-origin .25s ease-in-out, -webkit-transform .25s ease-in-out, -webkit-transform-origin .25s ease-in-out;}
.songlist-wrap ul.hot li img:hover{-webkit-transform-origin: 50% 50% !important;transform-origin: 50% 50% !important;-webkit-transform: rotate(0) scale(1.1) !important;transform: rotate(0) scale(1.1) !important;}
.songlist-wrap ul.hot li h3{margin:5px 0;margin-bottom:2px;font-size:26px;}
.songlist-wrap ul.hot li p{margin:0;font-size:18px;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(2){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(3){-webkit-transition-delay:0.2s;transition-delay:0.2s;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(4){-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(5){-webkit-transition-delay:0.4s;transition-delay:0.4s;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(6){-webkit-transition-delay:0.5s;transition-delay:0.5s;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(7){-webkit-transition-delay:0.6s;transition-delay:0.6s;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(8){-webkit-transition-delay:0.7s;transition-delay:0.7s;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(9){-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.songlist .song-info.showpic .songlist-wrap ul.hot li:nth-child(10){-webkit-transition-delay:0.9s;transition-delay:0.9s;}
.songlist-wrap ul.hot li:nth-child(1),.songlist-wrap ul.hot li:nth-child(6){transform:translateY(25px)}
.songlist-wrap ul.hot li:nth-child(1) img,.songlist-wrap ul.hot li:nth-child(6) img{transform:rotate(4deg);}
.songlist-wrap ul.hot li:nth-child(3),.songlist-wrap ul.hot li:nth-child(8){transform:translateY(20px)}
.songlist-wrap ul.hot li:nth-child(3) img,.songlist-wrap ul.hot li:nth-child(8) img{transform:rotate(-5deg);}
.songlist-wrap ul.hot li:nth-child(4),.songlist-wrap ul.hot li:nth-child(9){transform:translateY(-30px)}
.songlist-wrap ul.hot li:nth-child(4) img,.songlist-wrap ul.hot li:nth-child(9) img{transform:rotate(4deg);}
.songlist-wrap ul.hot li:nth-child(5),.songlist-wrap ul.hot li:nth-child(10){transform:translateY(15px)}


.songlist-wrap .other{width:1100px;margin: 0 auto;margin-top:100px;padding-left: 100px;overflow:hidden;opacity:0;transition:opacity,padding-left 1s;}
.songlist-wrap .other.showpic{opacity:1;padding-left: 0;}
.songlist-wrap .other ul{padding: 0;display:flex;align-items:center;justify-content:center;flex-wrap: wrap;width:1400px;transition:transform 0.5s}
.songlist-wrap .other li{width:350px;padding:5px 10px;box-sizing:border-box;list-style-type:none;}
.songlist-wrap .other li h3{margin:5px 0;margin-bottom:2px;display:inline;font-size:22px}
.songlist-wrap .other li p{margin:0;font-size:12px;}
.songlist-wrap .controller{display:flex;align-items:center;justify-content:center;opacity:0;transition:all 1s;margin: 0 auto;}
.songlist-wrap .controller.showpic{opacity:1;}
.songlist-wrap .controller .dot-wrap{margin-left:100px;margin-right:100px;display:flex;align-items:center;justify-content:center;}
.songlist-wrap .controller .dot-wrap .dot{width:18px;height:18px;background:#fff;border-radius:50%;margin:0 10px;}
.songlist-wrap .controller .dot-wrap .dot.active{background:#f8a008;}
.moresong{position:absolute;right:-100px;bottom:-90px;transition:all 1s;opacity:0;cursor:pointer;}
.moresong.showpic{right:0;opacity:1;}

.jdu{background: url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/jdu-bg.png) no-repeat top center;min-height:700px;margin-top:-180px;padding-top:70px;overflow:hidden;padding-bottom:180px;position:relative;pointer-events: none;}
.jdu .jdu-wrap{width:1280px;margin:0 auto;margin-top:100px;}
.jdu .jdu-wrap>p{font-size:24px;font-weight:bold;color:#fff;display:block;position:relative;padding-top:20px;opacity:0;transition:all 1s;text-align:center;}
.jdu.showpic .jdu-wrap>p{opacity:1;}
.jdu .jdu-wrap>p span{display:block;font-size:18px;line-height:1.3;font-weight:normal}
.jdu .jdu-wrap>ul{padding:0 50px;font-size:0;position:relative;opacity:0;transform:translateY(20px);transition:all 1s;transition-delay:0.5s}
.jdu.showpic .jdu-wrap>ul{opacity:1;transform:translateY(0);}
.jdu .jdu-wrap>ul li{display:inline-block;width:22%;vertical-align:top;text-align:center;padding:0 35px;box-sizing:border-box;}
.jdu .jdu-wrap>ul li.jdu-ico{width:34%;padding:0;}
.jdu .jdu-wrap>ul li.jdu-ico img{width:100%;}
.jdu .jdu-wrap>ul li p{color:#fff;font-size:18px;margin-top:-20px;}
.jdu .jdu-wrap .lastest-title{text-align:center;margin-top:50px;}
.jdu .jdu-wrap .no-product{display:block;margin:0 auto;width:60%;}
.jdu .jdu-wrap ul.latest{display:flex;align-items:center;justify-content:center; flex-wrap: wrap;padding-left: 0;}
.jdu .jdu-wrap ul.latest li{width:20%;padding:20px;box-sizing:border-box;list-style-type:none;position:relative;}
.jdu .jdu-wrap ul.latest li img{width:100%;box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);transition: -webkit-transform .25s ease-in-out, -webkit-transform-origin .25s ease-in-out;transition: transform .25s ease-in-out, transform-origin .25s ease-in-out;transition: transform .25s ease-in-out, transform-origin .25s ease-in-out, -webkit-transform .25s ease-in-out, -webkit-transform-origin .25s ease-in-out;}
.jdu .jdu-wrap ul.latest li img:hover{-webkit-transform-origin: 50% 50% !important;transform-origin: 50% 50% !important;-webkit-transform: rotate(0) scale(1.1) !important;transform: rotate(0) scale(1.1) !important;}
.jdu .jdu-wrap ul.latest li h3{margin:5px 0;margin-bottom:2px;color:#fff;}
.jdu .jdu-wrap ul.latest li p{margin:0;font-size:12px;color:#fff;}
.jdu .jdu-wrap ul.latest li:nth-child(1),.jdu .jdu-wrap ul.latest li:nth-child(6){transform:translateY(25px)}
.jdu .jdu-wrap ul.latest li:nth-child(1) img,.jdu .jdu-wrap ul.latest li:nth-child(6) img{transform:rotate(4deg);}
.jdu .jdu-wrap ul.latest li:nth-child(3),.jdu .jdu-wrap ul.latest li:nth-child(8){transform:translateY(20px)}
.jdu .jdu-wrap ul.latest li:nth-child(3) img,.jdu .jdu-wrap ul.latest li:nth-child(8) img{transform:rotate(-5deg);}
.jdu .jdu-wrap ul.latest li:nth-child(4),.jdu .jdu-wrap ul.latest li:nth-child(9){transform:translateY(-30px)}
.jdu .jdu-wrap ul.latest li:nth-child(4) img,.jdu .jdu-wrap ul.latest li:nth-child(9) img{transform:rotate(4deg);}
.jdu .jdu-wrap ul.latest li:nth-child(5),.jdu .jdu-wrap ul.latest li:nth-child(10){transform:translateY(15px)}
.jdu .jdu-wrap .video-wrap{display:flex;align-items:center;justify-content:center;opacity:0;transition:all 1s;}
.jdu.showpic .jdu-wrap .video-wrap{opacity:1;}
.jdu .jdu-wrap .video-wrap .video{width:500px;z-index:1;margin:0 10px;margin-top:50px;position:relative;}
.jdu .jdu-wrap .video-wrap .video video{width:100%;border: 4px solid #fff;}
.jdu .jdu-wrap .video-wrap .video a{cursor:pointer;width:100px;height:100px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/play.png);background-size:contain;display:block;position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);pointer-events:auto;}
.jdu .jdu-wrap .video-wrap .video a:hover{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/play_o.png);background-size:contain;}


.mini-program{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/mp-bg.png) no-repeat top center;background-size:cover;margin-top:-180px;padding-top:70px;overflow:hidden;position:relative;padding-bottom:200px;}
.mini-program .mp-wrap{width:1280px;margin:0 auto;margin-top:100px;z-index: 1;position: relative;}
.mini-program .mp-wrap>p{color:#fff;font-size:20px;text-align:center;}
.mini-program:after{content:"";position:absolute;bottom:0px;right:-30vw;width:28vw;height:75vw;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/mp_right_cloud.png) no-repeat  bottom right;background-size:contain;transition:all 1s}
.mini-program.showpic:after{right:0px;}
.mini-program ul{font-size:0;padding:0;opacity:0;transition:opacity 1s}
.mini-program.showpic ul{opacity:1;}
.mini-program ul li{display:inline-block;width:17.5%;padding:0 0.3%;box-sizing:border-box;}
.mini-program ul li img{width:100%;}
.mini-program ul li p{text-align:center;width:100%;display:block;border-radius:15px;height:30px;background:#fff;color:#ff4777;font-size:20px;font-weight:bold;line-height:30px;}
.mini-program ul li:nth-child(3){width:63.5%;}
.mini-program .mp_code{text-align:center;margin-bottom:-130px;}

.new-video{z-index: 1;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/news-bg2.png) no-repeat top center;background-size:cover;margin-top:-180px;padding-top:70px;position:relative;padding-bottom:200px;overflow-y:visible;}
.new-video:before{content:"";position:absolute;bottom:0px;left:-30vw;width:30vw;height:80vw;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/media_left.png) no-repeat  bottom left;background-size:contain;transition:all 1s;}
.new-video:after{content:"";position:absolute;bottom:0px;right:-25vw;width:25vw;height:70vw;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/media_right.png) no-repeat  bottom right;background-size:contain;transition:all 1s;}
.new-video.showpic:before{left:0px;}
.new-video.showpic:after{right:0px;}
.new-video .video-wrap{display:flex;align-items:center;justify-content:center;}
.new-video .video-wrap .video{width:500px;z-index:1;margin:0 10px;margin-top:50px;position:relative;}
.new-video .video-wrap .video img{width:100%;border: 4px solid #fff;border-radius: 20px;}
.new-video .video-wrap .video a{cursor:pointer;width:100px;height:100px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/play.png);background-size:contain;display:block;position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);}
.new-video .video-wrap .video a:hover{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/play_o.png);background-size:contain;}

.two-qr{width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;z-index: 2;position: relative;}
.two-qr img.dy{width:330px;margin-right:50px;transform:translateX(-100px);transition:all 1s;opacity:0;transition-delay:0.5s}
.two-qr img.wc{width:330px;transform:translateX(100px);transition:all 1s;opacity:0;transition-delay:0.5s}
.new-video.showpic .two-qr img.dy{transform:translateX(0);opacity:1;}
.new-video.showpic .two-qr img.wc{transform:translateX(0);opacity:1;}


.buy{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/songlist-bg_02.jpg) no-repeat top center;padding-bottom: 150px;padding-top:50px;position:relative;}
.buy .buy-wrap{width:1280px;margin:0 auto;margin-top:0px;font-size:0;}
.buy .buy-wrap .buy-box{display:inline-block;width:30%;vertical-align:top}
.buy .buy-wrap .buy-info{display:inline-block;width:70%;vertical-align:top;text-align:center;}
.buy .buy-wrap .buy-info p{font-size:16px;color:#000;}
.buy .buy-wrap .buy-info a{margin:20px 10px;}

.qrpart{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/qr_bg.jpg) no-repeat top center;background-size:cover;min-height:400px;padding-top:70px;overflow:hidden;position:relative;padding-bottom:100px;}
.qrpart .qrpart-wrap{width:1280px;margin:0 auto;margin-top:50px;font-size:0;padding:0}
.qrpart .qrpart-wrap li{width:33.3%;display:inline-block;list-style-type:none;text-align:center;position:relative;}
.qrpart .qrpart-wrap li img{width:60%;z-index:1;position:relative;}
.qrpart .qrpart-wrap li:nth-child(2):before{content:"";position:absolute;top:-100px;left:-150px;width:300px;height:500px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/qr_l.png) no-repeat center;z-index:0}
.qrpart .qrpart-wrap li:nth-child(2):after{content:"";position:absolute;top:-100px;right:-150px;width:300px;height:500px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/qr_r.png) no-repeat center;z-index:0}

.news{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/news_bg.png) no-repeat top center;background-size:cover;min-height:400px;margin-top:-180px;padding-top:70px;overflow:hidden;position:relative;padding-bottom:100px;}
.news .news-wrap{width:1280px;margin:0 auto;margin-top:100px;}
.news .news-wrap .newslist{display:flex;align-items:center;justify-content:center;padding:0}
.news .news-wrap .newslist li{width:30%;margin:20px 10px;z-index:1;position:relative;}
.news .news-wrap .newslist li .item{display:block;padding:5px;background:#fff;text-decoration:none;}
.news .news-wrap .newslist li .item h3{color:#f20c89;font-size:20px;margin:0;padding:0 10px;}
.news .news-wrap .newslist li .item img{width:100%;}
.news .news-wrap .newslist li .item span{font-size:16px;color:#000;padding:0 10px;}
.news .news-wrap .newslist li .item p{font-size:16px;color:#000;padding:0 10px;margin:5px 0;}
.news .news-wrap .newslist li .item button{color:#fff;font-size:18px;width:100%;height:40px;border:none;background-image: linear-gradient(to right,#a50dd4, #682bc6);}

.news:before{content:"";opacity:0;position:absolute;bottom:0px;left:0px;width:632px;height:519px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/news_06.png) no-repeat left;z-index:0;transition:all 2s}
.news:after{content:"";opacity:0;position:absolute;top:0px;right:0px;width:100%;height:100%;background: url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/news_03.png) no-repeat top right;transition:all 2s;
    -webkit-mask-image: url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/news_bg.png);
    -webkit-mask-size: cover;
    -webkit-mask-position: top center;z-index:0;}

.showindesk{display:block !important;}
.hideindesk{display:none !important;}
.rowshow{display:inline !important;}
.columnshow{display:none !important;}
.news.showpic:before{opacity:1;}
.news.showpic:after{opacity:1;}
@media (max-width: 1600px) {
		.top-hero{background-size:130%;width:100%;height:85vw;position:relative;padding-top:0;}
		.top-hero .event-info{width:95%;}
		.top-hero .event-info .game-logo{width:65%;display:block;margin:0 auto;}
		.top-hero .event-info .top-ad{margin-top:3vw;width:30vw;}
		.top-hero a{bottom: auto;top:40vw;}
		.top-hero .event-info .sub-title{margin-top:-16vw;}
		.top-hero .event-info .sub-title img{width:40vw;}
		.top-hero .video-wrap {width: 40vw;height: 22.5vw; border: 0.5vw solid #fff;}
		.oes-model#oes-3 .model-wrap .model-close {top: calc(50% - 25vw);}
		.oes-model#oes-4 .model-wrap .model-close {top: calc(50% - 25vw);}
		
		.sales .sales-pic{width:63vw;}
		
		.jun23 {background-size:130%;padding-top: 20vw;padding-bottom: 10vw;margin-top: -20vw;}
		.jun23 .jun23-wrap{padding-top:3vw;width:80%;}
		.jun23 .jun23-wrap > img{width:50vw;}
		
		.jun23 .jun23-wrap .e1 .e-pic{padding-top:10vw;}
		.jun23 .jun23-wrap .e1 .e-pic img{width:20vw;}

		.jun23 .jun23-wrap .e1 a img{width:19vw;}
		.jun23 .jun23-wrap .e2{right:40vw;top:40vw;}
		.jun23 .jun23-wrap .e2.show{right:49vw;top:13vw;}
		.jun23 .jun23-wrap .e2 .e-pic img{width:15vw;}
		.jun23 .jun23-wrap .e2 a{top:-5vw;left:-13vw;}
		.jun23 .jun23-wrap .e2 a img{width:18vw;}
		.jun23 .jun23-wrap .e3{left:40vw;top:40vw;}
		.jun23 .jun23-wrap .e3.show{left:48vw;top:13vw;}
		.jun23 .jun23-wrap .e3 .e-pic img{width:20vw;}
		.jun23 .jun23-wrap .e3 a{top:10vw;left:12vw;}
		.jun23 .jun23-wrap .e3 a img{width:18vw;}

		.jun23 .jun23-wrap .e4{right:10vw;bottom:20vw;}
		.jun23 .jun23-wrap .e4.show{right:35vw;bottom:2vw;}
		.jun23 .jun23-wrap .e4 .e-pic img{width:40vw;}
        .jun23 .jun23-wrap .e4 a{top:15vw;left:-9vw;}
        .jun23 .jun23-wrap .e4 a img{width:23vw;}
		
		.jun23 .jun23-wrap .e5{left:20vw;bottom:20vw;}
		.jun23 .jun23-wrap .e5.show{left:45vw;bottom:0vw;}
		.jun23 .jun23-wrap .e5 .e-pic img{width:20vw;}
		.jun23 .jun23-wrap .e5 a{top:-7vw;left:11vw;}
		.jun23 .jun23-wrap .e5 a img{width:20vw;}
		
		a.demo{margin-top:-4vw;}
	
		
}		
@media (max-width: 1280px) {
				.model .model-content{width:90%;}
				
               .header-bar .gamelogo{top: -100px;right:80px;width:620px;}
				   .header-bar .slogon {width: 50vw;left: auto;right: 45%;font-size:8vw;}
				   .header-wrap {width: 100%; padding-left: 0;}
				   .header-wrap .top-video {margin: 0 auto;}

                
                .intro{padding-top:75px;background-size:cover;}
                .intro .intro-info{width:80%;}
                .intro .intro-info .intro-content .intro-content-cover{width:300px;margin:0 auto;display:block;}
                .intro .intro-info .intro-content p{padding-right:0;margin-left:0;width:100%;}
                .intro .intro-info .intro-feature li>div{}
                .intro .intro-info .intro-feature li>div>img{display:block;margin:0 auto;width:200px;}
                .intro .intro-info .intro-feature li>div>p{width:100%;}
                
                
                .songlist .song-info{width:80%;padding-bottom:150px;}
                .songlist .song-info>p {padding-left:100px;padding-right: 0;}
                .songlist .song-info:after {left: -120px;}
                .songlist-wrap ul.hot li{width:33.3%;}
                .songlist-wrap ul.hot li p{}
                .songlist-wrap .other{width:100%;margin-top:5vw;}
                .songlist-wrap .other li {width:50%;}
                .songlist-wrap .other li p{font-size:1.2vw;display:block;margin:0}
                .moresong{position:relative;display: block;text-align: center;bottom: 0px;}
                
                
                
                .jdu .jdu-wrap{width:90%;}
                .jdu .jdu-wrap>p {font-size:16px;position: relative;padding-right: 0;padding-left: 0;}
                .jdu .jdu-wrap>p:after {top: 0px;left:10%;width: 80%;height: 500px;}
                .jdu .jdu-wrap .lastest-title {margin-top: 100px;}
                .jdu .jdu-wrap ul{width:80%;margin:0 auto;}
                .jdu .jdu-wrap>ul {width:100%;padding:0;}
                .jdu .jdu-wrap>ul li {padding:0 2vw;}
                .jdu .jdu-wrap ul.latest li{width:33.3%;}
                
                .mini-program .mp-wrap {width:100%;}
                .mini-program ul li p {font-size:1.8vw;}
                .new-video{padding-top: 150px;}
                .new-video:before{width:50%;height:100%;background: url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/media_left.png) no-repeat bottom left;background-size:contain;}
                .new-video:after{width:50%;height:100%;background: url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/media_right.png) no-repeat bottom right;background-size:contain;}
                .new-video .video-wrap {flex-direction:column;margin: 0 auto;width:60%;}
                .new-video .video-wrap .video {width:100%;margin-top:50px;}
                .two-qr{width:90%;}
                .buy{padding-bottom:200px;}
                .buy .buy-wrap{width:90%;}
                .buy .buy-wrap .buy-box {width: 40%;}
                .buy .buy-wrap .buy-box img {width: 90%;}
                .buy .buy-wrap .buy-info {width: 60%;}
                .buy .buy-wrap .buy-info a {display: block;}
                
                .qrpart {margin-top: 0vw;padding-top: 0;padding-bottom: 40vw;}
                .qrpart .qrpart-wrap { width: 90%;margin-top: 10vw;}
                .qrpart .qrpart-wrap li { width: 50%;display:block;margin:5vw auto}
                .qrpart .qrpart-wrap li img {width: 100%}
                .news{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/news_bg.png) no-repeat top right;background-size:cover;}
                .news .news-wrap {width: 90%;}
                .news .news-wrap .newslist {flex-direction:column;}
                .news .news-wrap .newslist li {width: 50%;display:block;margin: 20px 10px;}
                .news:after {-webkit-mask-position: top right;}
                .news:before{}
}
@media (max-width: 1000px) {
	.rowshow{display:none !important;}
    .columnshow{display:inline !important;}
	.oes-model#oes-1 .model-wrap .model-content:before {width: 80vw;height:20vw;top: -10vw;}
	.oes-model#oes-1 .model-wrap .model-content{padding: 10vw 0 2vw;}
	.oes-model#oes-2 .model-wrap .model-content:before {width: 80vw;height:20vw;top: -10vw;}
	.oes-model#oes-2 .model-wrap .model-content{padding: 10vw 0 2vw;}
	.oes-model#oes-3 .model-wrap,.oes-model#oes-4 .model-wrap {width: 70%;}
	.oes-model#oes-5 .model-wrap .model-content:before {width: 80vw;height:20vw;top: -10vw;}
	.oes-model#oes-5 .model-wrap .model-content{padding: 10vw 0 2vw;}
	.oes-model#oes-3 .model-wrap .model-close {top: calc(50% - 30vw);}
	.oes-model#oes-4 .model-wrap .model-close {top: calc(50% - 30vw);}
	.oes-model#oes-5 .model-wrap .model-content .question-wrap{padding: 2vw 2vw 2vw 12vw;}
	.oes-model#oes-5 .model-wrap .model-content .question-wrap h3 {font-size: 20px;margin: 10px 0;}
	.oes-model#oes-5 .model-wrap .model-content .question-wrap:before{left: -8vw;width: 20vw;height: 30vw;}
}
@media (max-width: 900px) {
	a.demo{line-height:36px;width:150px;height:40px;}
	.oes-model#oes-5 .model-wrap .model-content .question-wrap button{line-height:36px;width:150px;height:40px;}
}
@media (max-width: 640px) {
	 .header{padding-top:70vw;min-height:170vw;padding-bottom: 0;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/jd-bg_mobile.jpg) no-repeat top center;background-size:cover;background-position-y: -10vw;}
					.header-bar{width:100%;top:95vw;left:0}
					.header-bar .gamelogo{top:-85vw;right:0;width:100%;}
					.header-bar .slogon{position:absolute;top:-5vw;left:0;line-height: 2;font-size:10vw;width:100%;padding:0 3vw;box-sizing:border-box;text-align:center;}
					.header-bar .slogon a{padding:5px 10px; font-size:5vw;color:#fff;width:35vw;border-radius:10px;margin:0 auto;text-align:center;}
					.header-wrap{width:100%;padding-left:0;top: -40vw;}
					.header-wrap .top-video{width:90%;margin:0 auto;}
					.header-wrap .top-video:before{display:none;}
					.header-wrap .top-video:after{display:none;}
					.header .tiebg-wrap .tiebg{height:60vw;}
	.oes-model .model-wrap .model-close{top: calc(15% - 40px);}
	.oes-model#oes-1 .model-wrap .model-content,.oes-model#oes-2 .model-wrap .model-content,.oes-model#oes-5 .model-wrap .model-content{transform:translateY(0);}
	.oes-model#oes-3 .model-wrap,.oes-model#oes-4 .model-wrap {width: 100%;}
	.oes-model#oes-3 .model-wrap .model-close {top: calc(50% - 47vw);}
	.oes-model#oes-4 .model-wrap .model-close {top: calc(50% - 47vw);}
	
	.oes-model#oes-5 .model-wrap .model-content .question-wrap{padding: 2vw;width:90%;}
	.oes-model#oes-5 .model-wrap .model-content .question-wrap h3 {font-size: 4vw;margin:2vw 0;}
	.oes-model#oes-5 .model-wrap .model-content .question-wrap:before{left: -8vw;width: 20vw;height: 30vw;bottom: -10vw;left:-4vw;top:auto;transform: translateY(0);}
	.oes-model#oes-5 .model-wrap .model-content .question-wrap .validcode{font-size:3vw;}
	.oes-model#oes-5 .model-wrap .model-content .question-wrap .validcode img{width:20vw;}
    .top-hero{background-size:250%;height:115vw;padding-top:0;height: 160vw;}
	.top-hero .event-info {padding-top: 2vw;}
	.top-hero .event-info .game-logo {width: 100%;}
	.top-hero .game-logo{transform:scale(0,0) translateX(0);}
	.top-hero.show .game-logo{transform:scale(1,1) translateX(0);opacity:1}
	.top-hero .event-info .sub-title img {width: 80vw;}
	.top-hero .video-wrap {width: 88vw;height: 50vw;margin-top:2vw;border: 2vw solid #fff;}
	


	
	
	.jun23{margin-top: -31vw;padding-top: 31vw;background-size:250%;height: 250vw;}
	
	.jun23 .jun23-wrap > img{width:100%;}
	
	.jun23 .jun23-wrap {width:100%;}
	.jun23 .jun23-wrap .e1 .e-pic {padding-top: 25vw;}
	.jun23 .jun23-wrap .e1 .e-pic img {width: 40vw;}
	.jun23 .jun23-wrap .e1 a {left: 57vw;top:4vw;}
	.jun23 .jun23-wrap .e1 a:hover{transform:rotate(10deg) translateX(-40%);}
	.jun23 .jun23-wrap .e1 a img {width: 45vw;}
	.jun23 .jun23-wrap .e2 {right: 40vw;top: 55vw;}
	.jun23 .jun23-wrap .e2.show {right: 56vw;top: 48vw;}
	.jun23 .jun23-wrap .e2 .e-pic img {width: 30vw;}
	.jun23 .jun23-wrap .e2 a{transform: rotate(30deg);top: -28vw;left: -11vw;}
	.jun23 .jun23-wrap .e2 a:hover{transform:rotate(40deg);}
	.jun23 .jun23-wrap .e2 a img {width: 36vw;}
	.jun23 .jun23-wrap .e3.show {left: 63vw; top: 65vw;}
	.jun23 .jun23-wrap .e3 .e-pic img {width: 35vw;}
	.jun23 .jun23-wrap .e3 a{z-index:2;top: 30vw; left: -2vw;}
	.jun23 .jun23-wrap .e3 a:hover{transform:rotate(10deg);}
	.jun23 .jun23-wrap .e3 a img {width: 38vw;}
	
	.jun23 .jun23-wrap .e4.show {right: 22vw; bottom: -22vw;z-index:8}
	.jun23 .jun23-wrap .e4 .e-pic img {width: 65vw;}
	.jun23 .jun23-wrap .e4 a{z-index:2;top: 35vw; left: -8vw;}
	.jun23 .jun23-wrap .e4 a:hover{transform:rotate(10deg);}
	.jun23 .jun23-wrap .e4 a img {width:42vw;}
	
	.jun23 .jun23-wrap .e5.show {left: 52vw; bottom: -40vw;z-index:9}
	.jun23 .jun23-wrap .e5 .e-pic img {width: 43vw;}
	.jun23 .jun23-wrap .e5 a{z-index:2;top: 35vw; left: -8vw;}
	.jun23 .jun23-wrap .e5 a:hover{transform:rotate(-10deg);}
	.jun23 .jun23-wrap .e5 a img {width:42vw;}
	
	
	.jun23 .jun23-wrap .event-wrap {padding-top:15vw;}

	.jun23 .jun23-wrap .event-wrap:before{width:100vw;height:45vw;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/jun23/title-m.png) no-repeat center top;background-size:100%;top:-30vw;left:50%;transform:translateX(-50%);}	

	.jun23 .jun23-wrap .event-wrap .e-exp p {font-size: 16px;}
	.jun23 .jun23-wrap .know-more .qr-may{top: -64vw; width: 50vw;height: 50vw;}
	.jun23 .jun23-wrap .know-more .qr-may p {font-size: 3vw;}
	
	.sales {padding-bottom: 2vw;}
	.sales .sales-pic {width: 100%;margin: 0 auto;}
	
	.request-wrap{padding-top:20vw;width:90vw;height:150vw;margin:0 auto;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/requestbg.jpg) no-repeat top center;background-size:cover;box-sizing:border-box;}
    .request-wrap .request-inner{background:#363636;width:80%;min-height:100vw;margin:0 auto;padding:20px 5vw;}
    .request-wrap .request-inner p{color:#fff;font-size:16px;text-align:center;}
    .request-wrap .request-inner span{color:#fff;font-size:14px;text-align:center;display:block;}
    .request-wrap .request-inner .r-form{display:flex;align-items:center;justify-content:center;flex-wrap: wrap;}
    .request-wrap .request-inner .r-form input{width:250px;text-align:center;margin:5px 2px;height:30px;}
    .request-wrap .request-inner .r-form button{background:#f5189a;height:40px;width:200px;border:none;color:#fff;margin:10px 0;}
    .sc-list ul{position:relative;margin:2vw;}
    .model .model-content{height:80%;overflow:auto;width:100%;}
    .model .model-content .model-close{width:8vw;height:8vw;top:4vw;right:4vw;position:fixed}
   
    .gamelogo{width:70vw;margin:0 auto;position:relative;top:-10vw;pointer-events:none;}
    .slogon{width:90%;padding:0 2vw;box-sizing:border-box;text-align:center;top:-20vw;}
     a.demo{top:-4vw;}
    .slogon a{padding:5px 10px; font-size:5vw;color:#fff;width:35vw;border-radius:10px;margin:0 auto;text-align:center;}
	

    
    .intro .intro-info{width:90%;}
    .intro .intro-info .intro-content{flex-direction:column;}
    .intro .intro-info .intro-content p{font-size:4vw;padding-right:0;margin-left:0;}
	.intro .intro-info .intro-feature li>div>img{width:100%;}
    .intro .intro-info:after{display:none;}
    .intro .intro-info.showpic:after {opacity: 1;top: auto;bottom:16vw;}
    
    .songlist {padding-bottom: 30vw;}
    .songlist .song-info{width:90%;padding-bottom: 30vw;}
    .songlist .song-info>p {font-size:4vw;padding-left:0;padding-right: 0;}
    .songlist .song-info:after {top: -25vw;left: -15px;width: 50vw;height: 50vw;}
    
    .songlist-wrap ul.hot li{width:50%;}
    .songlist-wrap ul.hot li h3{font-size:4.5vw;text-align: center;white-space: nowrap;}
    .songlist-wrap ul.hot li p{font-size:3vw;text-align: center;}
    .songlist-wrap .other{width:100%;margin-top:5vw;}
    .songlist-wrap .other li {width:50%;}
    .songlist-wrap .other li p{font-size:2vw;display:block;margin:0}
    .songlist-wrap .other li h3 {font-size:3vw;text-align: center;}
    .songlist-wrap .controller{width:100%;}
    .songlist-wrap .controller .dot-wrap {margin-left: 20px;margin-right: 20px;}
    .moresong{position:relative;right:0;bottom:0;}
    .moresong img{width:100%;}
    
    .jdu .jdu-wrap{width:90%;}
    .jdu .jdu-wrap>p {font-size:4vw;position: relative;padding-right: 0;padding-left: 0;}
    .jdu .jdu-wrap>p:after {top: 0;right: 0;left:0;width: 100%;height: 90vw;}
    .jdu .jdu-wrap .lastest-title {margin-top: 20vw;margin-bottom: 10vw;}
    .jdu .jdu-wrap ul{width:100%;}
    .jdu .jdu-wrap ul.latest li{width:50%;}
    .jdu .jdu-wrap .no-product{width:100%;}
    .jdu .jdu-wrap>ul li{width:33.3%;padding-top:50vw;}
	.jdu .jdu-wrap>ul li>img{width:100%;}
	.jdu .jdu-wrap>ul li p {font-size: 16px;text-align: left;}
    .jdu .jdu-wrap>ul li.jdu-ico{width:100%;padding:0;position:absolute;top:0;left:0;}
    .mini-program:after{right:-56vw;width:56vw;height:150vw;}
    .mini-program{background-size:cover;padding-bottom:52vw;}
    .mini-program .mp-wrap{width:90%}
    .mini-program ul li{width:50%;}
    .mini-program ul li:nth-child(3){width:100%;}
    .mini-program ul li p {font-size:3vw;}
    .mini-program .mp_code img{width:100%;}
				
                .new-video{margin-top:-38vw;}
                .new-video:before{width:50%;height:100%;background: url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/media_left.png) no-repeat bottom center;background-size:contain;}
                .new-video:after{width:50%;height:100%;background: url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/media_right.png) no-repeat bottom center;background-size:contain;}
                .new-video .video-wrap {flex-direction:column;margin: 0 auto;width:90%;}
                .new-video .video-wrap .video {width:100%;margin-top:10vw;}
                
                .two-qr img.dy{width:47vw;margin-right:5vw;}
                .two-qr img.wc{width:47vw;}
                
                .buy .buy-wrap{width:90%;padding-bottom: 10vw;}
                .buy .buy-wrap .buy-box {display:block; width: 60%;margin:0 auto;}
                .buy .buy-wrap .buy-box img{width:100%;}
                .buy .buy-wrap .buy-info {display:block;width: 80%;margin:0 auto;text-align: center;}
                .buy .buy-wrap .buy-info p {font-size: 4vw;}
                .buy .buy-wrap .buy-info a {display: block;}
                h2.red {font-size: 10vw;}
                .qrpart {margin-top: 0vw;padding-top: 0;padding-bottom: 40vw;}
                .qrpart .qrpart-wrap { width: 90%;margin-top: 10vw;}
                .qrpart .qrpart-wrap li { width: 50%;display:block;margin:5vw auto}
                .qrpart .qrpart-wrap li img {width: 100%}
                .news{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/gamezone/jdc/news_bg.png) no-repeat top right;background-size:cover;}
                .news .news-wrap {width: 90%;}
                .news .news-wrap .newslist {flex-direction:column;}
                .news .news-wrap .newslist li {width: 100%;display:block;margin: 20px 10px;}
                .news:after {width: 70%;height: 55vw;background-size: contain;-webkit-mask-position: top right;}
                .news:before{width: 70%;height: 55vw;background-size: contain;}
                .showindesk{display:none !important;}
                .hideindesk{display:block !important;}
}
@keyframes logopopup {
    0% {
        transform:scale(0,0);
    }
    60% {
        transform:scale(1.2,1.2);
    }
    80% {
        transform:scale(0.9,0.9);
    }
    100% {
        transform:scale(1,1);
    }
}
@keyframes jump {
  0% {
    transform:scale(0,0) translate(0,100px);
  }
  60% {
    transform:scale(1.2,1.2) translate(0,-50px);
  }
  80% {
    transform:scale(0.9,0.9)  translate(0,20px);
  }
  100% {
    transform:scale(1,1) translate(0,0);
  }
}
.footer{background-color:#000;width:100%;color:#999999;text-align:center;padding:30px 0;}
.footer a {color: #fff;text-decoration: none;}
.wxwb{padding: 40px 0 20px;border-bottom: solid 1px #404040;border-top: solid 1px #404040;background-color:#000;margin:0 30px;}
.wxwb ul{text-align:center;font-size:0;}
.wxwb li{line-height:50px;margin-right:40px;margin-left:40px;margin-bottom:20px;text-align:left;position:relative;}
.qr-code{width:200px;text-align:center;display:block;position:absolute;bottom:0px;left:-75px;padding:20px 0;padding-bottom:55px;background-color:#cdcdcd;display:none;border-radius: 20px;z-index:1}

.qr-code img{width:90%;}

.dedicated-page-link h2{font-size:16px;line-height:30px;font-weight:bold;color:#fff;margin:0;padding-top:10px;}
.dedicated-page-link a{white-space:nowrap;font-size:12px;padding-right:10px;}
.dedicated-page-link a:before{content:"*";font-size:16px;}

.socialbtn .social-ico{width:50px;height:auto;z-index:9;position:relative;}
.wb-icon{background:#454545 url(http://cdn.hommk.com/pcgame/ubi2015/img/u2019/wb_ico.png) no-repeat;background-position: 95% 50%;width:100%;font-size:14px;}
.wx-icon{background:#454545 url(http://cdn.hommk.com/pcgame/ubi2015/img/u2019/wx_ico.png) no-repeat;background-position: 95% 50%;width:100%;font-size:14px;}
.bili-icon{background:#454545 url(http://cdn.hommk.com/pcgame/ubi2015/img/u2019/bili_ico.png) no-repeat;background-position: 95% 50%;width:100%;font-size:14px;}