.videolist{
	scrollbar-track-color:#F5F5F5;
	scrollbar-dark-shadow-color:#F5F5F5;
	scrollbar-base-color:#676e82;
	scrollbar-shadow-color:#676e82;
	border-radius:10px;
}
.videolist::-webkit-scrollbar
{
    width:10px;
    height:10px;
    background-color:transparent;
}
/*定义滚动条轨道
 内阴影+圆角*/
.videolist::-webkit-scrollbar-track
{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
    background-color:#F5F5F5;
	margin:20px;
}
/*定义滑块
 内阴影+圆角*/
.videolist::-webkit-scrollbar-thumb
{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#676e82;
}
.star-player2{display:block;}
#nav-search .star-player{display:none;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:visited, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #4c4c4c;
}
.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  line-height: 0;
  width: 100%;
}

.media img {
  max-width: 100%;
}

.media .scaled, .media iframe, .media video {
  height: 100%;
  width: 100%;
}

.media .scaled {
  background-repeat: no-repeat;
  background-position: 50%;
}

.media .scaled.tofill {
  background-size: cover;
}

.media .scaled.tofit {
  background-size: contain;
}

.Modal {
  position: fixed;
  height: 100%;
  background-color: rgba(40, 35, 31, 0.6);
  z-index: 2000;
  -webkit-animation: modal-in 0.3s ease 1;
  animation: modal-in 0.3s ease 1;
  overflow: auto;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  display: none;
}

.Modal, .Modal-header {
  width: 100%;
  top: 0;
  left: 0;
}

.Modal-header {
  background: #000;
  color: #fff;
  z-index: 100;
  height: 50px;
}

.Modal-body, .Modal-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
}

.Modal-body {
  background-color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  width: 100%;
  z-index: 50;
}

.Modal-body iframe, .Modal-body img, .Modal-body video {
  max-height: 56vw;
  max-width: 100%;
}

.Modal.is-showing {
  display: block;
  opacity: 1;
  pointer-events: all;
}

.Modal.is-showing + .ubibarv2 + .globalNavigation + div {
  display: none;
}

.Modal .container {
  width: 100%;
}

.Modal h2 {
  width: 96%;
  margin: 0 auto;
  font-size: 20px;
  font-size: 1.25rem;
}

.close-button {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 10px;
  top: 50%;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.close-button:after, .close-button:before {
  content: "";
  display: block;
  width: 15px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 17px;
  left: 10px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.close-button:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.close-button:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

body:not(.is-touch) .close-button:hover:after, body:not(.is-touch) .close-button:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.ubi-title {
    width: 100%;
    height: 150px;
    background-color: transparent;
    line-height: 150px;
	text-align:center;
    position: relative;
}
.ubi-title h2 {
	position: relative;
	display:inline;
	color:#333;
	font-size: 30px;
    font-weight: bold;
}
.ubi-title h2:before{
	display:block;
	width:10px;
	height:40px;
	position:absolute;
	left:-30px;
	top:0px;
	background-color:#4647a3;
	transform: skew(-15deg) translateZ(0);
}
.ubi-title h2:after{
	content:"";
	display:block;
	width:120px;
	height:3px;
	position:absolute;
	background-color:#333;
	bottom:-5px;
	left: calc(50% - 60px);
}
.ubi-title2 h2:after{

	display:block;
	width:10px;
	height:40px;
	position:absolute;
	right:-30px;
	top:0px;
	background-color:#4647a3;
	transform: skew(-15deg) translateZ(0);
}
.brand-ubi2019{position:relative;background:url(img/default_bg.jpg) no-repeat;background-size:cover;background-position:center;margin-top:80px;}

.brand-ubi2019 .brandbg {
    position: absolute;
    width: 100%;
    bottom: 4%;
    z-index: 9;
    height: 20%;
}
.brand-ubi2019 .brandbg_hide{width:100%;opacity:0;}
.brandviews .item{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	z-index:0;
}
button.goofficial{
    border: 2px solid #fff;
    color: #fff;
    font-size: 18px;
    width: 220px;
    height: 50px;
	margin:0 auto;
    margin-bottom:10px;
    border-radius: 25px;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
button.gostore{
    border: none;
    background: rgba(0,0,0,0.3);
    color: #fff;
    font-size: 18px;
    width: 220px;
    height: 50px;
    margin: 0px auto;
    border-radius: 25px;
	border:2px solid #fff
}
.brandviews .item.active{
	position: relative;
	z-index:1;
	opacity:1;
	transition:opacity 500ms;
}
.brandviews .item .buttons{position:relative;width:100%;margin-left: 9vw;margin-top: 1vw;}
.brandviews > .item > img,
.brandviews > .item > a > img {
    width:100%
}

.gamebreif{position:absolute;width:60vw;top:57%;left:0;display:none;}
.gamebreif .game-logo{height:20vw;width:30vw;position:absolute;top:-20vw;padding-left:10vw;display:flex;justify-content:center;align-items: center;flex-flow: column;}
.gamebreif .game-logo>img{height:100%;}
.gamebreif-bg{position:relative;left:-4vw;transform: skew(15deg, 0);padding:20px;background: -webkit-linear-gradient(114deg, #ba0c2f 40%, #e4002c 100%);
    background: -ms-linear-gradient(-45deg, #ba0c2f 40%, #e4002c 100%);
    background: linear-gradient(-45deg, #ba0c2f 40%, #e4002c 100%);padding-left:10vw;}
.gamebreif-wrap{transform: skew(-15deg, 0);}
.gamebreif p{margin:0;line-height:1.2;color:#fff; -webkit-font-smoothing: antialiased;text-shadow: 0 4px 18px rgba(0,0,0,.6);}
.gamebreif span{display:block;color:#c4c4c4;font-size:1.3vw;}
.gamebreif p.bh1{font-size:2.6vw;font-weight:bold;}
.gamebreif p.bh2{font-size:3.2vw;font-weight:bold;line-height:1.5;}
.gamebreif .bh3{padding-top:10px;display:flex;}
.gamebreif .bh3>div {
    width: 36px;
    height: 36px;
    background-size: contain;
    background-position: 50%;
    margin-right: 5px;

}


.periphery {
    opacity: 0;
    pointer-events: none;
}
.brand-ubi2019 .brand-controls .left,.brand-controls .right {background-image:none;position:absolute;top: calc(50% - 20px);}
.brand-ubi2019 .brand-controls .left{left:0;padding: 14px 25px;background-color: hsla(0,0%,0%,.3);border-bottom-right-radius: 30px;border-top-right-radius: 30px;transition:background-color 0.5s}
.brand-ubi2019 .brand-controls .left:hover{background-color: hsla(0, 0%, 0%, .6)}
.brand-ubi2019 .brand-controls .left:after{
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.013' height='30'%3E%3Cpath data-name='Subtraction 2' d='M15 30L0 15 15 0l4.013 4.013L8.027 15l10.986 10.987L15 30z' fill='%23fff'/%3E%3C/svg%3E")
}

.brand-ubi2019 .brand-controls .right{right:0;padding: 14px 25px;background-color: hsla(0,0%,0%,.3);border-bottom-left-radius: 30px;border-top-left-radius: 30px;transition:background-color 0.5s}
.brand-ubi2019 .brand-controls .right:hover{background-color: hsla(0, 0%, 0%, .6)}
.brand-ubi2019 .brand-controls .right:after{
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.013' height='30'%3E%3Cpath data-name='Subtraction 4' d='M4.013 0l15 15-15 15L0 25.987 10.986 15 0 4.013 4.013 0z' fill='%23fff'/%3E%3C/svg%3E")
}
.brand-ubi2019 .brand-controls {position:absolute;width:100%;top:45%;bottom:auto;z-index:16;opacity: 1;}

.brand-ubi2019 .carousel-indicators-wrap{}
.brand-ubi2019 .brand-indicators{white-space: nowrap;width:auto;margin-left:0;bottom:3%;margin-left:0;position:absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index:15}
.brand-ubi2019 .brand-indicators ul{width:100%;position:relative;left:0;font-size:0;line-height:0;padding-left: 0;}
.brand-ubi2019 .brand-indicators li{transition:all 0.3s;width:14px;height:14px;text-indent:0; border-radius: 7px;display:inline-block;vertical-align: bottom;text-align:center;position:relative;margin:0 5px;background:#fff;box-shadow: 0 0px 5px #666;}
.brand-ubi2019 .brand-indicators li.active{width:40px;}
.brand-ubi2019 .brand-indicators li img{width:65%;margin:0 auto;transition:width 500ms;position:relative;}
.brand-ubi2019 .brand-indicators li.active img{width:90%;top:-20px;}

 .game-controls {width:100%;z-index:16;opacity: 1; position: relative;height:100px;}
 .game-controls .game-indicators{padding:0;justify-content:center;align-items:center;height:50px;display:flex;}
/*  .game-controls .game-indicators li{width:15px;height:15px;border-radius:50%;background:#ccc;margin:0 10px;} */
 .game-controls .game-indicators li{width:44px;height:7px;border-radius:15%;background:#ccc;margin:0 10px;}
 .game-controls .game-indicators li.active{background:#666;}
 .game-controls:after{clear:both;content:"";display:block;}
 .game-controls .left,.game-controls .right {background-image:none;position:absolute;top: 0;}
 .game-controls .left{left:40%;padding: 14px 25px;background-color:rgba(255,255,255,.4);border-bottom-right-radius: 30px;border-top-right-radius: 30px;transition:background-color 0.5s}
 .game-controls .left{width:36px;height:35px;background:url(../img/19.png) no-repeat}
/*  .game-controls .left:hover{background-color: rgba(255,255,255,1)} */
 .game-controls .left:hover{cursor:pointer}
/*  .game-controls .left:after{ */
/* content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.013' height='30'%3E%3Cpath data-name='Subtraction 2' d='M15 30L0 15 15 0l4.013 4.013L8.027 15l10.986 10.987L15 30z' fill='%2331164d'/%3E%3C/svg%3E"); */
	/* opacity:.3; */
/* } */

 .game-controls .right{right:40%;padding: 14px 25px;background-color: rgba(255,255,255,.4);border-bottom-left-radius: 30px;border-top-left-radius: 30px;transition:background-color 0.5s}
 .game-controls .right{width:36px;height:35px;background:url(../img/18.png) no-repeat}
 .game-controls .right:hover{cursor:pointer}
/*  .game-controls .right:hover{background-color: rgba(255,255,255,1)} */
/*  .game-controls .right:after{ */
/* content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.013' height='30'%3E%3Cpath data-name='Subtraction 4' d='M4.013 0l15 15-15 15L0 25.987 10.986 15 0 4.013 4.013 0z' fill='%2331164d'/%3E%3C/svg%3E"); */
/* 	opacity:.3; */
/* } */


.banner__shadow{
	position: absolute;
    bottom: 0;
    left: 0;
    height: 80px;
    background:rgba(0,0,0,0.3);
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(rgba(0,0,0,0.3)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), rgba(0,0,0,0.3));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), rgba(0,0,0,0.3));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(0,0,0,0.3));
	pointer-events: none;
}

.SlideNav__underline {
    display: block;
    position: absolute;
    bottom: 0;
    left: 16%;
    right: 16%;
    height: 2px;
    opacity: 0;
}
.brand-ubi2019 .brand-indicators li.active .SlideNav__underline{
	opacity: 1;
}
.brand-ubi2019 ul.movetoright2{
	left:100vw;
	transition:all 500ms;
}
.brand-ubi2019 ul.movetoright1{
	left:50vw;
	transition:all 500ms;
}
.brand-ubi2019 ul.movetoleft2{
	left:-100vw;
	transition:all 500ms;
}
.brand-ubi2019 ul.movetoleft1{
	left:-50vw;
	transition:all 500ms;
}
.transferopacity{
	transition:opacity 500ms;
}

.brand-ubi2019 .brand-controls .chevron-left, .brand-controls .icon-prev {
	display:none;
	width:30px;
	height:auto;
}
.brand-ubi2019 .brand-controls .chevron-right, .brand-controls .icon-next {
	display:none;
	width:30px;
	height:auto;
}
.promotion-control .chevron-left, .promotion-control .icon-prev {
	width:30px;
	height:auto;
}
.promotion-control .chevron-right, .promotion-control .icon-next {
	width:30px;
	height:auto;
}

.promotionview{
background:#fff;
position:relative;
padding: 40px 0;
}

.promotionslide .item li{
	width:98%;
	display:inline-block;
	margin:0 1%;

}
.promotionslide .carousel-indicators li{margin:0 5px;display:inline-block;vertical-align: middle;background-color:#dfdfdf;width:12px;height:12px;border:none;}
.promotionslide .carousel-indicators li.active{background-color:#666;border:none;}
.promotionslide .item{padding:0 0.5%;font-size:0;line-height:0;}
.promotionslide .item li img{width:100%}
.promotionslide .carousel-indicators{
	position:relative;
	padding:40px;
	bottom: 0px
}
.promotionslide ul{margin-bottom:0;text-align: center;}

.promotion-control .left,.promotion-control .right {background-image:none;position:absolute;top: calc(50% - 20px);}
.promotion-control .left{left:0;padding: 14px 25px;background-color:rgba(219,219,219,.6);border-bottom-right-radius: 30px;border-top-right-radius: 30px;transition:background-color 0.5s}
.promotion-control .left:hover{background-color:rgb(219,219,219);}
.promotion-control .left:after{
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.013' height='30'%3E%3Cpath data-name='Subtraction 2' d='M15 30L0 15 15 0l4.013 4.013L8.027 15l10.986 10.987L15 30z' fill='%2331164d'/%3E%3C/svg%3E");
	opacity:.3;
}
.promotion-control .right{right:0;padding: 14px 25px;background-color: rgba(219,219,219,.6);border-bottom-left-radius: 30px;border-top-left-radius: 30px;transition:background-color 0.5s}
.promotion-control .right:hover{background-color:rgb(219,219,219);}
.promotion-control .right:after{
content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.013' height='30'%3E%3Cpath data-name='Subtraction 4' d='M4.013 0l15 15-15 15L0 25.987 10.986 15 0 4.013 4.013 0z' fill='%2331164d'/%3E%3C/svg%3E");
	opacity:.3;
}
.promotion-control {position:absolute;width:100%;top:auto;bottom:50px;z-index:2;opacity: 1;}

.newsview{padding-bottom:30px;}
.newsview .ubi-title h2 {color:#333}
.newswrap {width:80%;margin:20px auto;font-size:0;line-height:0}
.newswrap .index-news-bg2{width:100%;display:inline-block;margin-bottom:40px;vertical-align: top;}
.news-pic{background-size:cover;background-position:center;width:100%;display:inline-block;vertical-align: top;}
.news-pic img{width:100%;height:auto;opacity:0;}

.newswrap .index-news{padding:0 10px;width:100%;display:inline-block;position: relative;}
.newswrap .index-news h3 a{color:#000;font-weight:bold;font-size:18px;line-height:1.2}
.newswrap .index-news .news-date{color:#666;font-size:14px;line-height:30px;font-style: italic;}
.newswrap .index-news p{color:#666;font-size:14px;line-height:18px;}
.latestNews__shadow {
    position: absolute;
    bottom: 0;
    height: 70px;
    background: #fff;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.ubimore{display:block;border:none;background:#ffa400;color:#fff;font-size:18px;width:200px;height:50px;margin: 0px auto;border-radius:25px;}

.allgameview{
	/* background-color:#dfdfdf; */
	overflow:hidden;
	padding-bottom:30px;
}
.game-wrap{max-width:1750px;overflow:hidden;margin:0 auto;}
.gamelist{font-size: 0;position:relative;transition:transform 0.5s;}
.game-item{display:inline-block}
.game-item .thumb-pic img{width:100%}
.game-item .thumbnail {
	/* padding:8px; */
    margin: 4px 50px;
	margin-bottom:20px;
	border:none;
	border-radius:0;
	background-color:#fff;
	cursor: pointer;
}
.game-item .thumbnail .caption{background-color:#fff;}
.game-item .thumbnail .caption h3{color:#333;font-weight:bold;}
.game-item .thumbnail .caption p{font-size:12px;color:#666;margin:0}

.platform-ico{display:block;display:flex;margin-top:5px;}
.platform-ico>div{width: 18px;height: 18px;background-size: contain;background-position: 50%;margin-right: 5px;}
.platform-ico .pc-ico{display:inline-block;background:url(img/pc.png) no-repeat;width:30px;height:30px;background-size:cover;}
.platform-ico .cons-ico{display:inline-block;background: url(img/cons.png) no-repeat;width:30px;height:30px;background-size:cover;}
.platform-ico .mobile-ico{display:inline-block;background: url(img/pc.png) no-repeat;width:30px;height:30px;background-size:cover;}
.platform-ico .psp-ico{display:inline-block;background: url(http://cdn.hommk.com/pcgame/ubi2015/img/psp-game-gray.png) no-repeat;width:30px;height:30px;background-size:cover;}
.CardGame__shadow{width:100%;}



.DragScroll {
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch
}

.DragScroll::-webkit-scrollbar {
    display: none
}

.DragScroll ::-moz-selection {
    background: transparent
}

.DragScroll ::selection {
    background: transparent
}

.DragScroll * img {
    pointer-events: none
}

.allvideoview{
    background-color:#000;
    overflow:hidden;
    padding-bottom:50px;
}
.videowrap{
	font-size:0;
	position:relative;
	    width: 100%;
		margin:0 auto;
}
.myvideo{
  cursor: pointer;
}
.leftvideo{
	width:92%;
	position:relative;
	margin:0 auto;
}
.leftvideo img{width:100%}
.leftvideo .v-caption{
	height:15%;
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	background:rgba(0,0,0,0.6);
	font-size:3vw;
	line-height:2.5;
	color:#fff;
	padding-left:3%;
}
.leftvideo:after{
	content:"";
	position:absolute;
	left:calc(50% - 10vw);
	top:calc(50% - 10vw);
	background-image:url("img/play.png");
	background-size:cover;
	width:20vw;
	height:20vw;
}
.rightvideo .v-item .v-caption{
	height:15%;
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	background:rgba(0,0,0,0.6);
	font-size:3vw;
	line-height:2.5;
	color:#fff;
	padding-left:3%;
}
.rightvideo{
	position:relative;
	width:100%;
	padding-right:0;
	background:#000;
}
.rightvideo .videolist{
	width:100%;
}
.rightvideo .v-item{margin:4%;position:relative;display:block;}
.rightvideo .v-item:after{
	content:"";
	position:absolute;
	left:calc(50% - 10vw);
	top:calc(50% - 10vw);
	background-image:url("img/play.png");
	background-size:cover;
	width:20vw;
	height:20vw;
}
.rightvideo .v-item img{width:100%}
@media screen and (min-width: 768px){
	.game-item .thumbnail {
		margin: 4px 8px;
	}
.videowrap{
	    width: 80%;
		margin:0 auto;
}
	.star-player2{display:none !important;}
	#nav-search .star-player{display:inline-block;}

	button.goofficial{
		display: inline-block;
		margin-right:10px;
		width: 180px;
	}
	button.gostore{
		display: inline-block;
		width: 180px;
	}
	.brand-ubi2019 .brand-controls .chevron-left, .brand-controls .icon-prev {
		display:block;
		width:40px;
		height:auto;
	}
	.brand-ubi2019 .brand-controls .chevron-right, .brand-controls .icon-next {
		display:block;
		width:40px;
		height:auto;
	}
	.promotion-control .chevron-left, .promotion-control .icon-prev {
		width:40px;
		height:auto;
	}
	.promotion-control .chevron-right, .promotion-control .icon-next {
		width:40px;
		height:auto;
	}
	.brand-ubi2019 .brand-controls .left{}

    .brand-ubi2019 .brand-controls .right{}


	.SlideNav__underline {
    height: 4px;
	}
    .newswrap {width:640px;}
    .news-pic{width:40%}
    .newswrap .index-news{width:60%}
	.leftvideo{
		width:96%;
		margin:0 auto;
	}
	.rightvideo{
		width:100%;
		margin:0 auto;
	}
	.rightvideo .videolist{
		width:98%;
		margin:1% auto;
	}
	.rightvideo .v-item{margin:1%;display:inline-block;width:48%}
	.leftvideo .v-caption{
		height:10%;
		font-size:2vw;
		line-height:2;
	}
	.rightvideo .v-item .v-caption{
		height:15%;
		font-size:1.6vw;
		line-height:2.5;
	}
	.rightvideo .v-item:after{
		left:calc(50% - 5vw);
		top:calc(50% - 5vw);
		width:10vw;
		height:10vw;
	}
	.leftvideo:after{
		left:calc(50% - 8vw);
		top:calc(50% - 8vw);
		width:16vw;
		height:16vw;
	}
	.brand-ubi2019 ul.movetoright2{
		left:34vw;
		transition:all 500ms;
	}
	.brand-ubi2019 ul.movetoright1{
		left:17vw;
		transition:all 500ms;
	}
	.brand-ubi2019 ul.movetoleft2{
		left:-34vw;
		transition:all 500ms;
	}
	.brand-ubi2019 ul.movetoleft1{
		left:-17vw;
		transition:all 500ms;
	}
	.transferopacity{
		transition:opacity 500ms;
	}
	.brand-ubi2019 .brandbg{bottom:4%;height:auto;}
}

@media screen and (min-width: 992px){
    .newswrap {width:800px;}
	.promotionslide .item li {
		width: 49%;
		display: inline-block;
		margin: 0 0.5%;
	}
}
@media screen and (min-width: 1200px){
    .newswrap {width:1140px;}
    .newswrap .index-news-bg2{width:50%;}
    .news-pic{width:50%}
    .newswrap .index-news{width:50%}
}
@media screen and (max-width: 1200px) {
	.brandviews .item{

		display: flex;
		justify-content: center;
		align-items:center;
	}
	.brandviews .item .buttons{margin-top:10px;margin-left:110px;}
	.brandviews > .item > img,.brandviews > .item > a > img {
		width:auto;
		margin: 0px auto;
		flex-shrink: 0;
		max-height:555px;
	}
	.gamebreif{width:760px;}
	.gamebreif .game-logo{height:240px;width:360px;top:-240px;padding-left:120px;}
	.gamebreif-bg{left:-88px;padding:20px;padding-left:160px;}
	.gamebreif span{display:block;color:#c4c4c4;font-size:16px;}
	.gamebreif p.bh2{font-size:38px;}
}
@media screen and (max-width: 767px) {
	.brand-ubi2019 {margin-top: 50px;}
.promotionview{
padding-top:3vw;
padding-bottom:0;
}
.brand-indicators{
	display:none;
}
.brand-ubi2019 .brand-controls {
    top: 80vw;
}
.brandviews .item {
    display: block;
}
.brandviews > .item > img,
.brandviews > .item > a > img {
   width:100%;
   max-height:none;
}
.gamebreif{position:relative;width: 100%;top:auto;}
.gamebreif-bg {
    left: 0;
    transform: skew(0, 0);
    padding: 5vw;
	padding-bottom:40vw;
}
.gamebreif-wrap {
    transform: skew(0, 0);
}
.gamebreif .game-logo {
    height: 30vw;
    width: 100%;
    position: absolute;
    top: -32vw;
    padding-left: 0;
    display: block;
	text-align: center;
}
.gamebreif span{font-size:4vw;text-align:center;}
.gamebreif p.bh1{font-size:4vw;}
.gamebreif p.bh2{font-size:7vw;text-align:center;}
.gamebreif .bh3{padding-top: 2vw;display:flex;justify-content:center;}
.gamebreif .bh3>div {width: 7vw;height: 7vw;}
.brandviews .item .buttons {left: 0;margin-left:0;text-align: center;position:absolute;bottom:7vw}
}