*{padding:0;margin:0;border:0;}
	body{font-size:0;font-family: "Microsoft Yahei",Arial;}
	h2{margin-top:0;font-weight:bold;font-size:30px;}
	.bg{background:#fbfaf6;color:#67453c}
	.nav{height:50px;background: #121212 url(http://cdn.hommk.com/pcgame/ubi2015/img/nav_bg.jpg) repeat-x;}
	.nav .logo {width: 247px;height: 50px;background: url(http://cdn.hommk.com/pcgame/ubi2015/img/logo.jpg) no-repeat;display: block;}
	.hero-mouse-scrolldown {
    position: absolute;
    width: 100%;
    bottom: 5%;
    text-align: center;
    display: block;
}
.icon-mouse-scrolldown {
    position: absolute;
    margin-left: -30px;
    bottom: 0px;
    -webkit-animation: mouse 1s ease 0s infinite;
    animation: mouse 1s ease 0s infinite;
	width:50px;
}

	.qr{z-index:998;position:fixed;bottom:100px;right:50px;width:200px;top:auto;}
	.qr img{width:100%;}
	.hero_project{background:url(https://cdn.hommk.com/pcgame/ubi2015/img/events/po21/1.jpg) top center;height:898px;background-size:cover;position:relative;}
	.hero_project .logo{position:absolute;top:20px;left:20px;}
	.hero_project .logo img{width:189px;}
	.intro{background:#d1e5e6 url(https://cdn.hommk.com/pcgame/ubi2015/img/events/po21/intro4_bg.jpg) bottom center no-repeat;position:relative;padding-bottom:60px;}
	.intro2{background:#d1e5e6 url(https://cdn.hommk.com/pcgame/ubi2015/img/events/po21/intro3_bg.jpg) top center no-repeat;position:relative;padding:60px;display:flex;justify-content:center;font-size:20px;}

	
	.intro-wrap{width:1100px;margin:0 auto;}
	.intro .intro-wrap .project-menu{width:100%;padding-top:30px;padding-bottom:30px;}
	.intro .intro-wrap .project-menu li{width:25%;display:inline-block;position:relative;cursor:pointer;vertical-align: middle;} 
	.intro .intro-wrap .project-menu li a{display:block;text-decoration:none;width:95%;margin:0 auto;border:2px solid #4f342b;color:#6d574a;font-size:18px;line-height:1.5;text-align:center;font-weight:bold;padding:3px;height:100px;}
	.intro .intro-wrap .project-menu li a span{border:1px solid #4f342b;display:block;padding:5px;height: 100%;}
	.intro .intro-wrap .project-menu li.active{cursor:default;}
	.intro .intro-wrap .project-menu li.active a,.intro .intro-wrap .project-menu li:hover a{background:#4f342b;color:#fff;}
	.intro .intro-wrap .project-menu li.active a span,.intro .intro-wrap .project-menu li:hover a span{border:1px solid #fbfaf6;color:#fff;}
	.intro .intro-wrap .project-menu li .location{z-index:1;position:absolute;left:20%;width:60%;display:block;top:40%;height:45px;line-height:45px;text-align:center;color:#fff;border-radius:20px;vertical-align:middle;font-size:20px;color:#785400;font-weight:bold}
	.intro .intro-wrap .project-menu li.active .location{color:#fff;}
	.intro .intro-wrap .project-menu li .location .loc-img{width:45px;vertical-align:top;}
	.intro .intro-wrap .intro-txt{padding-bottom:40px;position:relative;}
	.intro .intro-wrap 
	.intro.cn .intro-wrap .intro-txt h2{width: 300px;
    margin: 20px auto;}
	.intro.cn .intro-media{display:inline-block;width:50%;padding:1.5%;background:url("https://cdn.hommk.com/pcgame/ubi2015/img/events/ugp2020/media_bg1.png"),url("https://cdn.hommk.com/pcgame/ubi2015/img/events/ugp2020/media_bg2.png");background-repeat:no-repeat,no-repeat;background-position:left,right;background-size:contain;vertical-align:middle;}
	.intro.cn .intro-media video{width:100%;}
	.intro.cn .intro-media img{width:100%;}
	.intro.cn p{display:inline-block;width:50%;vertical-align:middle;padding:2%;}
	.intro-txt h2{text-align:center;line-height:50px;
    margin: 20px auto;}
	.intro-wrap  strong{font-size:20px;line-height:1.3;font-weight:bold;margin-bottom:10px;display:block;}
	.intro-wrap  p{font-size:18px;line-height:1.3;margin-bottom:30px;}

	.intro2 a.more{display:block;text-decoration:none;width:250px;background:#4f342b;color:#fff;font-size:24px;text-align:center;font-weight:bold;padding:3px;}
	.intro2 a.more span{border:1px solid #fbfaf6;display:block;padding:5px;height:100%;}
	.intro2 a.more:hover{background:#c04041;}
	
	.intro2 a.back{text-decoration:none;width:120px;border:2px solid #4f342b;color:#6d574a;font-size:18px;line-height:1.5;text-align:center;padding:3px;display:block;}
    .intro2 a.back span{border:1px solid #4f342b;display:block;padding:5px;height:100%;}
	.intro2 a.back:hover{background:#4f342b;color:#fff;}
	.intro2 a.back:hover span{border:1px solid #fbfaf6;}
    
	.footer{background-color:#000;width:100%;color:#999999;text-align:center;padding:30px 0;}
	.footer a {color: #fff;text-decoration: none;}
	.copyright p{font-size:14px;}
	.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;}
	
	.showInDesktop{display:initial;}
	.showInMobile{display:none;}

	@media (max-width: 1280px) {
		.hero_project{height:800px;}
		.hero_project .logo img{width:100px;}
		.map h2{left:30vw;width:40vw;}
		.voice .b-p{width:50%;}
		.icon-mouse-scrolldown {margin-left: -30px;width:50px;}
	}
	@media (max-width: 1100px) {
			.intro .intro-wrap .project-menu li a{font-size:1.8vw;line-height:1.5;padding:3px;height:auto;}
		.intro-wrap{width:95%;}
	}
	@media (max-width: 767px) {
	.hero_project{height:600px;}
    .hero_project .logo img{width:80px;}
	.intro .intro-wrap .project-menu{padding-top:3vw;padding-bottom:3vw;}
	.intro .intro-wrap .project-menu li{width:50%;margin-bottom:2vw;}
	.intro .intro-wrap .project-menu li a{width:96%;font-size:2.5vw;}
	.intro .intro-wrap .intro-txt h2{width: 200px;margin: 0px auto 20px;}
	.icon-mouse-scrolldown {margin-left: -24px;width:40px;}
	}
	@media (max-width: 640px) {
		.hero_project{height:130vw;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/events/po21/1_m.jpg) top center;background-size:cover;}
		.qr{position:absolute;top:80vw;left:4vw;width:30vw;bottom:auto;}
		.hero_project .logo img{width:30vw;}
		.intro .intro-wrap .project-menu li a{font-size:3.5vw;}
	    .intro .intro-wrap .intro-item{width:100%;}
		.intro .intro-wrap .intro-txt p{font-weight:normal;font-size: 4vw;}
		.intro-wrap p {font-size: 4vw;font-weight:normal;}

		.intro2{padding:3vw;}
		.intro2 a.more{width:auto;font-size:5vw;}
	
	    .intro2 a.back{width:auto;font-size:4vw;}

		.voice .b-p{width:90%;}
		.showInDesktop{display:none;}
		.showInMobile{display:initial;}
		.icon-mouse-scrolldown {margin-left: -17px;width:30px;}
		.intro a.back {
			position: relative;
			font-size: 4vw;
			top:0;
		}
		
	}
	@keyframes mouse {
  /* line 127, ../../../workspace/styles/games/_games-base.scss */
  0% {
    transform: translate3d(0px, 0px, 0px);
  }

  /* line 128, ../../../workspace/styles/games/_games-base.scss */
  50% {
    transform: translate3d(0px, -10px, 0px);
  }

  /* line 129, ../../../workspace/styles/games/_games-base.scss */
  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}