@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
a{ font-family: "Microsoft YaHei";}
a:focus{outline:none;}
:focus {outline:none;}

a:hover{color:#fff; text-decoration:none}
.footer-right a,.footer-right a:focus,.footer-right a:active{color:#757575;text-decoration:none}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="checkbox"] + label {
    background: #212121;
    border-bottom: 1px solid #3f3f3f;
    border-left: 1px solid #000;
    border-right: 1px solid #3f3f3f;
    border-top: 1px solid #000;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    height: 27px;
    line-height: 27px;
    line-height: 2.7rem;
    margin: 0;
    padding: 0 10px;
    /*text-transform: uppercase;*/
}
ol, ul {
    list-style: none;
}
img {
		image-rendering:-moz-crisp-edges;
		image-rendering:-o-crisp-edges;
		image-rendering:-webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode:nearest-neighbor;
}
body{min-width:360px; font-family: "Microsoft YaHei";color:#454545;}
a.new:after{content:"New";display:block;width:30px;height:15px;background:#ff0000;color:#fff;margin-left:5px;position:absolute;top:15px;right:0;font-size:5px;line-height:15px;text-align:center;}
.ts-info{
	display:none;
    position: absolute;
    right: 5px;
    top: 75px;
}
.ts-info img.ts-bg{
   width:450px;
}
.ts-info p{
    position: absolute;
    left: 20px;
    top: 50px;
    font-size: 18px;
    line-height: 35px;
    color: #000;
}
.ts-info img.ts-close{
   position: absolute;
   right:20px;
   top:50px;
   cursor:pointer;
}
.loading-screen {
    z-index: 19999;
    background: #000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 750ms ease;
    -moz-transition: -moz-transform 750ms ease;
    -o-transition: -o-transform 750ms ease;
    transition: transform 750ms ease;
    width: 100%;
    z-index: 9999;
}
.loading-screen .loadinglogo.animate {
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: loader 1.75s ease infinite;
    -moz-animation: loader 1.75s ease infinite;
    animation: loader 1.75s ease infinite;
}

@-moz-keyframes loader {
  0% {-moz-transform: scale(0.8);opacity: 0;}
  50% {-moz-transform: scale(1);opacity: 1;}
  60% {-moz-transform: scale(1);opacity: 1;}
  100% {-moz-transform: scale(0.8);opacity: 0;}
}

@-webkit-keyframes loader {
  0% {-webkit-transform: scale(0.8);opacity: 0;}
  50% {-webkit-transform: scale(1);opacity: 1;}
  60% {-webkit-transform: scale(1);opacity: 1;}
  100% {-webkit-transform: scale(0.8);opacity: 0;}
}

@keyframes loader {
  0% {transform: scale(0.8);opacity: 0;}
  50% {transform: scale(1);opacity: 1;}
  60% {transform: scale(1);opacity: 1;}
  100% {transform: scale(0.8);opacity: 0;}
}

/*@font-face {
  font-family: 'ubisoft-icons';
  src: url("../fonts/ubisoft-icons.eot");
  src: url("../fonts/ubisoft-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/ubisoft-icons.svg#ubisoft-icons") format("svg"), url("../fonts/ubisoft-icons.ttf") format("truetype"), url("../fonts/ubisoft-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}*/
@font-face {
  font-family: 'ubisoft-icons';
  src: url("//www.ubisoft.com.cn/stylesheets/fonts/ubisoft-icons.eot");
  src: url("//www.ubisoft.com.cn/stylesheets/fonts/ubisoft-icons.eot?#iefix") format("embedded-opentype"), url("//www.ubisoft.com.cn/stylesheets/fonts/ubisoft-icons.svg#ubisoft-icons") format("svg"), url("//www.ubisoft.com.cn/stylesheets/fonts/ubisoft-icons.ttf") format("truetype"), url("//www.ubisoft.com.cn/stylesheets/fonts/ubisoft-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.loading-screen .loadinglogo {
    background: url("//cdn.hommk.com/pcgame/ubi2015/img/ubi-mark.svg") no-repeat 0 0;
    background-size: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.loadinglogo {
    height: 200px;
    left: 50%;
    margin: -75px 0 0 -85px;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 200px;
}

.container-fluid{padding-right: 0px;padding-left: 0px;}
.navbar-ubi2015 {background: #121212 url(http://cdn.hommk.com/pcgame/ubi2015/img/nav_bg.jpg) repeat-x; z-index:1050px;}
.logo {width:247px;height:80px;background:url(http://cdn.hommk.com/pcgame/ubi2015/img/logo.jpg) no-repeat center;display:block}

.navbar-toggle-ubi2015 {margin-right:140px;}
.navbar>a{font-weight:bold;}
.navbar-inverse .navbar-nav > li > a {padding-top:30px;padding-bottom:30px;}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:visited,.navbar-inverse .navbar-nav > .active > a:hover{background-color:#3e61ad;}
.navbar-nav > .dropdown > button{background:none;border:none;position:absolute;right:0px;top:0px; color:#fff;font-size:14px; height:50px;padding:0 8px;}
.navbar-nav {margin: 0px -15px;}
.goaccount-btn {display:none;}
.ubi-title{width:100%;height:50px;background-color:#3e61ad;color:#fff;font-size:18px;line-height:50px;position:relative}
.more{width:30%;background-color:#252525;float:right;padding-left:20px;height:50px;}
.more:hover{background-color:#363636; text-decoration:none;}

.row{margin:0px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}
h1.italic{font-style: italic;}
section { background: #fff;padding:20px;}
section header{margin-bottom:20px;}



#nav-search{position:absolute;right:0;top:0;}
#nav-search .star-player{display: inline-block;padding: 0 10px;padding-left:30px;position:relative}
#nav-search .star-player:before{position:absolute;display:block;content:"";left:0;top:-3px;background:url(img/star_icon.png);width:25px;height:25px;}

#nav-search .uplay{height:80px;display:inline-block;padding:20px 10px;background:#666;vertical-align: middle;}
#nav-search .uplay img{width: auto;padding-top:9px;}
.navbar-inverse .navbar-nav .uplay2{display:none;}
#nav-search .nav-search-container{display: inline-block;vertical-align: middle;}
#nav-search .nav-search-container a.action .search-text {
    display: none;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 14px 0 6px;
    line-height: 16px;
}
#nav-search a.action{height:50px;display:block;opacity: 0.8;color:#fff;font-size:18px;line-height:50px;}

#nav-search .nav-search-container a.action span {
    padding: 0 15px;
    font-size: 22px;
    display: inline;
    top: 5px;
}

#nav-search .nav-search-results-container {
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
}
#nav-search .nav-search-container input {
    border: 1px solid #bbbbbb;
    border-top: 0;
    height: 46px;
    padding-right: 0;
    width: 100%;
    position: absolute;
    top: 50px;
    right: 0;
    background-color: #efefef;
    color: black;

}
#nav-search.open .nav-search-results-container {
    display: block;
}
#nav-search .nav-search-results {
    background-color: #000;
    display: none;
    overflow-y: auto;
    padding: 13px 0;
    position: absolute;
    top: 95px;
    right: 0;
    width: 100%;
    z-index: 15;
    -webkit-backface-visibility: hidden;
}
#nav-search .nav-search-results li {
    color: rgba(255, 255, 255, 0.7);
    padding: 12px 15px;
    position: relative;
    width: 100%;
}
#nav-search .nav-search-results li:hover {
  background-color: #2c2c2c;
}
#nav-search .nav-search-results li.go-to-page {
    display: block;
}
#nav-search .nav-search-results li.go-to-page a:after {
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    content: ' ';
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #6b6b6b;
    margin-top: -3px;
    position: absolute;
    right: 20px;
    top: 50%;
    text-transform: none;
}

.userinfo{text-align:center;padding-left:45px;}
.userinfo:hover {background-color:#5c5c5c;color:#fff;}
.userinfo a{color:#fff;}
a.login{text-align:center;padding:0 40px;}
a.login:hover {background-color:#5c5c5c;color:#fff;}
a.login:focus {color:#fff;}
.hideme{display:none;}

.thumbnail > img, .thumbnail a > img{width:100%;}
.moremedia{width:100%;height:100%;display:block;background-color:#3e61ad;color:#fff;display:block;}
.moremedia-txt{top:40%;width:30%;border-bottom: 1px solid #fff;border-top: 1px solid #fff;position:relative;margin:0 auto; text-align:center;font-size:40px;white-space:nowrap;}

.ubi-btn{height:50px;width:100%;display:inline-block;color:#fff;font-size:18px;line-height:50px;padding-left:20px;margin-top:10px;}
.ubi-btn:hover{color:#fff; text-decoration:none}
/*circle*/
.top-wrap{position:relative;}
.circle-wrap {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-linear-gradient(-115deg, #202c40 0%, #4c6081 100%);
    background: -ms-linear-gradient(-45deg, #202c40 0%, #4c6081 100%);
    background: linear-gradient(-45deg, #202c40 0%, #4c6081 100%);
    color: #fff;
    display: table;
    height: 225px;
    text-align: center;
    width: 100%;
}
.circle {
	display:table-cell;
    font-size: 35px;
    font-size: 3.5rem;
    vertical-align: middle;
	padding:45px 30px;
}

.circle-btn, .circle-btn-large {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    padding:30px 0px;
    position: relative;
    text-align: center;
    height: 78px;
    width: 78px;
}
	.circle>h1 {
		font-size:48px;
		line-height:60px;
		font-weight:bold;
	}
	.circle>h3 {
		font-size:14px;
		line-height:20px;
	}
	.circle >.h4, .circle-btn-large >.h4 {
	      font-size: 16px;color:#3e61ad;
}
/*foot*/
.footer{background-color:#000;width:100%;color:#999999;text-align:center;padding:30px 0;}
.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;}

/*language*/
.btn-arrow.white.arrow-up:after{
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    content: ' ';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid white;
}
.btn-arrow.white.arrow-down:after {
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    content: ' ';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid white;
}
.btn-arrow.arrow-up:after, .btn-arrow.arrow-down:after, .btn-arrow.arrow-both:after, .btn-arrow.arrow-right:after, .btn-arrow.arrow-both:before {
    content: "";
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -3px;
}
h3.btn-arrow.arrow-up:after, h3.btn-arrow.arrow-down:after, .h3.btn-arrow.arrow-up:after, .h3.btn-arrow.arrow-down:after {
    top: -4px;
}
.language-selector {
  font-family: "din-condensed-web", "Helvetica", Arial, sans-serif;
  padding:30px 0 0 0 ;
}
.language-selector  .h3{  font-size:16px;}
 .language-selector .mobile-header {
  background: #222121;
  /* Old browsers */
  background: -moz-linear-gradient(top, #222121 0%, #0f0f0f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222121), color-stop(100%, #0f0f0f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #222121 0%, #0f0f0f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #222121 0%, #0f0f0f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #222121 0%, #0f0f0f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #222121 0%, #0f0f0f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222121', endColorstr='#0f0f0f',GradientType=0 );
  /* IE6-9 */
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 3%;
  text-align: center;
  text-transform: uppercase;
  padding: 1em;
  width: 100%;
}
.language-selector .mobile-header button {
  display: inline-block;
  left: 10px;
  position: absolute;
  top: 15px;
    background: url('http://cdn.hommk.com/pcgame/ubi2015/img/sprite-global-mobile-s798f8a5286.png') no-repeat 0 -71px;
  height: 20px;
  width: 24px;
  border:none;
}
.language-selector .mobile-header button span {
  color: #d3d3d3;
  font-size: 24px;
  font-size: 2.4rem;
}

.language-selector h3, .language-selector a {
  color: rgba(211, 211, 211, 0.7);
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 18px;
  line-height: 1.8rem;
  font-style: normal;
  text-align: left;
  text-transform: uppercase;
  -webkit-transition: color 150ms ease;
  -moz-transition: color 150ms ease;
  -o-transition: color 150ms ease;
  transition: color 150ms ease;
}
.language-selector .selected a {
  color: lightgrey;
}
.language-selector h3 {
  color: lightgrey;
  background: #353535;
  /* Old browsers */
  background: -moz-linear-gradient(top, #484848 0%, #353535 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(100%, #353535));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #484848 0%, #353535 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #484848 0%, #353535 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #484848 0%, #353535 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #484848 0%, #353535 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#353535',GradientType=0 );
  /* IE6-9 */
  cursor: pointer;
  padding: 1.2em;
}
.language-selector .btn-arrow {
  background: #353535;
  /* Old browsers */
  background: -moz-linear-gradient(top, #484848 0%, #353535 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484848), color-stop(100%, #353535));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #484848 0%, #353535 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #484848 0%, #353535 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #484848 0%, #353535 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #484848 0%, #353535 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#353535',GradientType=0 );
  /* IE6-9 */
  border: none;
  display: inline-block;
  padding: 0.5em;
  color: #999;
  -webkit-transition: background 150ms ease, color 150ms ease, background-color 150ms ease;
  -moz-transition: background 150ms ease, color 150ms ease, background-color 150ms ease;
  -o-transition: background 150ms ease, color 150ms ease, background-color 150ms ease;
  transition: background 150ms ease, color 150ms ease, background-color 150ms ease;
}
.language-selector .btn-arrow:hover {
  color: #d3d3d3;
  background-color: #5C5C5C;
}
.language-selector .btn-arrow span {
  display: inline-block;
  margin-right: 5px;
}
.language-selector .btn-arrow.arrow-down {
  background: none;
  background-color: #1e1e1e;
}

.language-selector .btn-arrow.arrow-down:hover:after {
  border-top: 4px solid #d3d3d3;
}

.language-selector .btn-arrow.arrow-up:hover:after {
  border-bottom: 4px solid #d3d3d3;
}

.language-selector .lang-regions {
  background: #000;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  z-index: 500;
}

.language-selector .lang-regions .regions-container {
  width: 100%;
}

.language-selector .lang-regions.closed {
  display: none;
}

.language-selector .region-col {
  width: 100%;
}

.language-selector .region-col .countries-container {
  overflow: hidden;
}

.language-selector .region-col.closed .countries-container {
  height: 0;
}
.language-selector .region-col.closed h3 {
  background: #252525;
  border-bottom: 1px solid #454545;
  margin-bottom: 0px;
}
.language-selector .region-col:last-child.closed h3 {
  border: 0;
}
.language-selector .region-col h3 span {
  background: url('http://cdn.hommk.com/pcgame/ubi2015/img/sprite-global-mobile-s798f8a5286.png') no-repeat 0 -121px;
  height: 12px;
  width: 12px;
  display: block;
  float: right;
}
.language-selector .region-col.closed h3 span {
  background: url('http://cdn.hommk.com/pcgame/ubi2015/img/sprite-global-mobile-s798f8a5286.png') no-repeat 0 -109px;
  height: 12px;
  width: 12px;
}
.language-selector .countries{
  padding-left:0;
}
.language-selector .countries li.selected {
  background: #454545;
  margin-top: -1px;
}
.language-selector .countries li {
  padding: 0 1em;
  -webkit-transition: background-color 150ms ease, color 150ms ease;
  -moz-transition: background-color 150ms ease, color 150ms ease;
  -o-transition: background-color 150ms ease, color 150ms ease;
  transition: background-color 150ms ease, color 150ms ease;

}
.language-selector .countries li:hover {
  color: #d3d3d3;
  background-color: #454545;
}
.language-selector .countries li a {
  border-bottom: 1px solid #454545;
  padding: 1.2em;
  position: relative;
}
.language-selector .countries li a span {
  display: inline-block;
  margin-right: 5px;
}
.language-selector .countries li:last-child a {
  border: none;
}
.language-selector [class*="flag-"] {
  background-image: url('http://cdn.hommk.com/pcgame/ubi2015/img/flags.jpg');
  background-repeat: no-repeat;
  height: 11px;
  width: 16px;
}
.language-selector .flag-australia {
  background-position: 0 0;
}
.language-selector .flag-japan {
  background-position: 0 -209px;
}
.language-selector .flag-austria {
  background-position: 0 -165px;
}
.language-selector .flag-belgium {
  background-position: 0 -242px;
}
.language-selector .flag-denmark {
  background-position: 0 -99px;
}
.language-selector .flag-finland {
  background-position: 0 -77px;
}
.language-selector .flag-france {
  background-position: 0 -231px;
}
.language-selector .flag-germany {
  background-position: 0 -88px;
}
.language-selector .flag-italy {
  background-position: 0 -176px;
}
.language-selector .flag-netherlands {
  background-position: 0 -143px;
}
.language-selector .flag-norway {
  background-position: 0 -55px;
}
.language-selector .flag-poland {
  background-position: 0 -220px;
}
.language-selector .flag-russia {
  background-position: 0 -154px;
}
.language-selector .flag-spain {
  background-position: 0 -121px;
}
.language-selector .flag-sweden {
  background-position: 0 -66px;
}
.language-selector .flag-switzerland {
  background-position: 0 -187px;
}
.language-selector .flag-uk {
  background-position: 0 -11px;
}
.language-selector .flag-canada {
  background-position: 0 -44px;
}
.language-selector .flag-mexico {
  background-position: 0 -132px;
}
.language-selector .flag-us {
  background-position: 0 -33px;
}
.language-selector .flag-brazil {
  background-position: 0 -22px;
}
.language-selector .flag-algeria {
  background-position: 0 -110px;
}
.language-selector .flag-morocco {
  background-position: 0 -198px;
}
.language-selector .flag-china {
  background-position: 0 -253px;
}
/*end language*/
.foot-link{padding: 30px 0 0;}
.foot-link li{display:inline-block;}
.foot-link li:after {content: "/"; margin: 0 5px;}
.foot-link li:last-child:after {content: "";}
.foot-link a{color:#999999; text-decoration:none;}
.foot-link a:hover{color:#fff; text-decoration:none;}


.copyright{padding:10px 0;}

.mask-btn:hover{opacity:0.7;}
/* .thumbnail:hover{opacity:0.7;} */

.modal-header {
    background:#d3d3d3;
    height: 50px;
	border: none;
}
.modal-content {border-radius: 0px;}
.modal.in .modal-dialog {
	-ms-transform: none;
    -moz-transform: none;
}
#videoModal .modal-content {width:100%;padding-top:60%;background-color:#000;}
#videoModal .modal-content.mp4_video {width:100%;padding-top:0;line-height:0;}
#videoModal .modal-content>embed{position: absolute;top: 0; visibility:visible;}
#videoModal .modal-content>video{width:100%;}
/*contact us*/
.contactus-wrap{width:85%;margin:30px auto;}
.contactus-img{display:inline-block;width:30%; vertical-align:middle;}
.contactus-img>img{width:100%;}
.contactus-content{display:inline-block;width:65%; vertical-align:middle;}
.contactus-content>h3{color:#3e61ad;font-size:18px;font-weight:bold;}
.contactus-content>p{font-size:12px;}
.contactus-content>p>span{color:#f00;}
@media(min-width:1440px){
	h3, .h3 { font-size: 18px;}
}
@media(min-width:1280px){
	h3, .h3 { font-size: 16px;}
}
@media (min-width: 992px) and (max-width: 1279px) {
	h3, .h3 { font-size: 18px;}
}
@media (min-width: 768px) {
    .navbar-nav-ubi2015 {}
    .navbar-nav-ubi2015  .dropdown .dropdown-menu{position:fixed;top:80px;width:100%; height:50px; border-radius: 0px; border: none; text-align:center;background-color:rgba(255,255,255,0.7);padding: 0px;  margin: 0px; }
    .navbar-nav-ubi2015  .dropdown .dropdown-menu li{display:inline-block;}
    .navbar-nav-ubi2015  .dropdown .dropdown-menu li a{line-height:50px;margin:0px; padding:0px 30px;color:#4c4c4c;font-weight:bold; letter-spacing:1px;}
    .navbar-nav-ubi2015  .dropdown .dropdown-menu li a:hover{color:#fff;background-color:#3e61ad;}




    #nav-search .nav-search-container a.action .search-text {
    display: inline;
}
#nav-search .nav-search-container a.action span {
    padding: 0 12px;
}
#nav-search .nav-search-results-container {
  display: none;
    position: absolute;
    min-width: 320px;
    top: 0;
    left: auto;
    right: 0;
}
	.show-mobile-only{display:none !important;}
	.wxwb li{display:inline-block;}
	.wb-icon{width:280px;}
	.wx-icon{width:280px;}
	/*modal*/
	#videoModal .modal-dialog {width:60%; }
             #picModal .modal-dialog {width:80%; }
	.modal-dialog {width: 90%;}
	.modal-header .close {
    	height: 50px;
    	width: 60px;
    	background: url('http://cdn.hommk.com/pcgame/ubi2015/img/sprite-global.png') no-repeat 0 -133px;
   		left: auto;
    	margin: -15px -60px 0 0;
    	opacity: 1;
    	overflow: hidden;
   	 	position: absolute;
    	text-align: left;
    	text-indent: -100px;
    	right: 0;
	}
	.modal-header .close:hover {
    height: 50px;
    width: 60px;
    background: url('http://cdn.hommk.com/pcgame/ubi2015/img/sprite-global.png') no-repeat 0 -183px;
  }
  /*language*/
 .language-selector .mobile-header {
    display: none;
  }
  .language-selector h3 {
    background: none;
    border-bottom: 1px solid #454545;
    cursor: default;
    padding: 0 0 3px;
  }
  .language-selector .lang-regions {
    background: none;
    height: auto;
    left: auto;
    top: auto;
    position: absolute;
    overflow: auto;
  }
  .language-selector .lang-regions .regions-container {
    background: #1e1e1e;
    display: table;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0 15px 20px;
    width: 95%;
  }
  .language-selector .region-col {
    display: table-cell;
    padding-right: 20px;
    width: auto;
  }
  .language-selector .region-col .countries-container {
    overflow: visible;
    padding: 2px 0 0;
  }
  .language-selector .region-col.closed .countries-container {
    height: auto;
  }
  .language-selector .region-col.closed h3 {
    background: none;
  }
  .language-selector .region-col:last-child.closed h3 {
    border-bottom: 1px solid #454545;
  }
  .language-selector .region-col h3 span {
    display: none;
  }
  .language-selector .countries {
    margin-top: 0.4rem;
   padding-left:0;
  }
  .language-selector .countries li {
    margin: 0 0 6px -2px;
    width: 98%;
    padding: 0 2px;
  }
  .language-selector .countries li.selected {
    margin-top: 0;
    padding: .3rem;
  }
  .language-selector .countries li a {
    border: none;
    padding: 0 0 0 21px;
    position: relative;
  }
  .language-selector .countries li a span {
    margin: 0;
    position: absolute;
    top: 3px;
    left: 0;
  }
  .language-selector .countries.double {
    width: 100%;
  }
/*end language*/
}
@media (min-width: 992px) {
	.show-tablet-only{display:none !important;}
	.navbar-collapse>ul>li{width:100px;text-align:center;}
            .userinfo {position:absolute;right:0px;top:0px;width:220px;height:50px;background: #666666 url(http://cdn.hommk.com/pcgame/ubi2015/img/login_ico2.png?2) no-repeat;padding-top:0px;background-position:8px 6px;color:#fff;line-height:50px;}
            .userinfo a{float:left;}
            .userinfo span.userinfo-name{position:relative;display:block;width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
	a.login {position:absolute;right:0px;top:0px;width:220px;height:50px;background: #666666 url(http://cdn.hommk.com/pcgame/ubi2015/img/login_ico2.png?2) no-repeat;padding-top:0px;background-position:8px 6px;color:#fff;line-height:50px;}
	.top-wrap{overflow:hidden;}
	.circle-wrap {
   		border-radius: 50%;
    	height: 308px;
    	opacity: 0;
    	position: relative;
    	-webkit-transform: scale(1.1);
    	-moz-transform: scale(1.1);
    	-ms-transform: scale(1.1);
    	-o-transform: scale(1.1);
    	transform: scale(1.1);
    	width: 308px;
	}
	.circle-wrap.showme {
    	opacity: 1;
    	-webkit-transform: scale(1);
    	-moz-transform: scale(1);
    	-ms-transform: scale(1);
   		-o-transform: scale(1);
    	transform: scale(1);
    	-webkit-transition: all 750ms 0;
    	-webkit-transition-delay: ease;
    	-moz-transition: all 750ms 0 ease;
    	-o-transition: all 750ms 0 ease;
    	transition: all 750ms 0 ease;
	}
	.circle {
   		 padding: 0px 30px;
	}
	.circle button, .circle a {
    	bottom: 69px;
		cursor: pointer;
    	display: block;
    	left: 50%;
    	margin-left: -39px;
    	position: absolute;
	}
	.hero-more {
		background-color: #3e61ad;
		color:#fff;
		bottom: 0px;
    	cursor: pointer;
    	display: block;
    	height: 20px;
    	line-height: 20px;
   	 	position: absolute;
   	 	text-align: center;
    	-moz-transition: opacity 250ms ease;
    	-ms-transition: opacity 250ms ease;
    	-webkit-transition: opacity 250ms ease;
    	transition: opacity 250ms ease;
    	width: 100%;
	}
	.circle .icons {
   		 left: 50%;
   		 position: absolute;
    	top: 94px;
	}
	.modal-dialog {width: 670px;}

}
@media (max-width: 991px) {
              .goaccount-btn {display:block;position:absolute;right:0px;top:0px;width:60px;height:50px;}
	.hide-on-tablet{display:none !important;}
	.circle-btn{
		padding:18px 0px;
    	height: 50px;
    	width: 50px;
	}
	h3, .h3 { font-size: 16px;}
	.nav>li>a{padding: 15px 30px;}
            .userinfo {position:absolute;right:0px;top:0px;width:60px;height:50px; padding:0; background: #666666 url(http://cdn.hommk.com/pcgame/ubi2015/img/login_ico.png) no-repeat;text-indent:-9999px;background-position:8px 8px;color:#fff}
            a.login {position:absolute;right:0px;top:0px;width:60px;height:50px; padding:0; background: #666666 url(http://cdn.hommk.com/pcgame/ubi2015/img/login_ico.png) no-repeat;text-indent:-9999px;background-position:8px 8px;color:#fff}

            .hero-more{display:none;}

}
@media (max-width: 767px) {
	a.new:after{right:20px;font-size:2vw;}
    #nav-search .uplay{height:50px;padding: 5px 10px;}
    .navbar-inverse .navbar-nav .uplay2{display:block;}
             .navbar-inverse .navbar-nav>li{border-bottom:solid 1px rgba(255,255,255,0.3);}
             .navbar-inverse .navbar-nav .dropdown-menu{background:#252525; border-top:solid 1px rgba(255,255,255,0.3);}
             .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{background:#3e61ad; }
             .navbar-inverse .navbar-nav .open .dropdown-menu > li >a{color:#fff;text-indent: 2em;}
             .navbar-inverse .navbar-nav > .dropdown > button{right:25px;font-size:18px;}
	.moremedia-txt{font-size:24px;}
	.circle-btn {padding:10px 0px;height: 35px;width: 35px;}
	.hide-on-mobile{display:none !important;}
	.modal-dialog {margin:0px;}
            #myModal .modal-dialog{height:100%;background:#fff}
            #myModal .modal-content {border:none;box-shadow:none}
	.modal-header .close {
    	height: 50px;
    	width: 60px;
    	background: url('http://cdn.hommk.com/pcgame/ubi2015/img/sprite-global.png') no-repeat 0 -133px;
   		left: auto;
    	margin: -15px 0px 0 0;
    	opacity: 1;
    	overflow: hidden;
   	 	position: absolute;
    	text-align: left;
    	text-indent: -100px;
    	right: 0;
	}
	.modal-header .close:hover {
    height: 50px;
    width: 60px;
    background: url('http://cdn.hommk.com/pcgame/ubi2015/img/sprite-global.png') no-repeat 0 -183px;
  	}
  	.modal-header {
	  text-align:center;
    	background:#000000;
		color:#fff;
   	 height: 50px;
	}
}
/*.navbar ul{height: 50px;position: absolute;top: 50%;width: 400px;left: 50%;margin: -25px 0px 0px -200px;}*/
.shopico{position:relative;}
.shopico:after{position:relative;content:"";display:inline-block;top:-2px;left:3px;width:21px;height:17px;background:url(https://cdn.hommk.com/pcgame/ubi2015/img/u2019/shop_icon.png) no-repeat; vertical-align:middle;}

.productFeed__item__platforms__Switch {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-labelledby='switch-icon' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-1 -1 18 18'%3E%3Cpath d='M10.807 0l-.715.006H8.867v14.891h2.549a3.814 3.814 0 003.764-3.8V3.812A3.814 3.814 0 0011.416 0zM3.765 0A3.814 3.814 0 00.001 3.8v7.285a3.814 3.814 0 003.764 3.812h3.523V.006H4.375V0zm.047 1.23H6.06v12.439H3.855c-1.952-.178-2.549-1.318-2.628-2.878V4.419h1.139v.065A1.4 1.4 0 104.378 3.22a1.4 1.4 0 00-2.008 1.2H1.229v-.294c.074-1.559.659-2.7 2.586-2.9zm8.018 5.462A1.508 1.508 0 1110.322 8.2a1.5 1.5 0 011.507-1.508z' fill='%23999'/%3E%3C/svg%3E");
}
.productFeed__item__platforms__XBOXONE {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-labelledby='xbox-icon' viewBox='0 0 24 24' width='15' height='15' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M21 12a8.972 8.972 0 00-3.12-6.804 15.055 15.055 0 00-3.728 2.788c.033.035.066.064.098.1 2.79 3.01 5.333 7.298 4.91 9.353A8.949 8.949 0 0021 12zM12.444 5.967a9.658 9.658 0 014.44-1.52 8.964 8.964 0 00-9.312-.277c.493.425 2.128.585 4.113 1.8a.723.723 0 00.759-.003zM9.875 8.083c.035-.036.07-.068.104-.104a21.354 21.354 0 00-2.93-2.372 1.392 1.392 0 00-1.126-.232A8.983 8.983 0 005.06 17.73c-.773-1.91 1.858-6.504 4.815-9.647zM12.063 9.896c-2.972 2.63-7.108 6.55-6.474 8.416a8.979 8.979 0 0013.032-.23c.364-1.965-3.567-5.503-6.558-8.186z'/%3E%3C/svg%3E");
}
.productFeed__item__platforms__PS4 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-labelledby='ps4-icon' width='15' height='15' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M53.459 85l-13.737-5.889V15s29.854 5.016 33.963 17.445c4.11 12.43-2.295 20.481-4.543 20.717-6.273.654-8.652-3.271-8.652-3.271V29.828l-6.814-2.835L53.459 85zm3.57-8.832v7.521s32.341-10.467 37.1-14.5c4.76-4.035-11.141-14.064-19.686-12.104 0 0-9.078.441-17.308 4.034-.077.032 0 6.759 0 6.759l20.875-4.904 7.356 3.271-28.337 9.923zm-20.768-.545s-4.218 2.18-13.628 2.07c-9.41-.11-17.74-2.727-17.632-8.395.108-5.67 15.576-11.885 31.152-14.502v7.959l-16.549 4.361s-2.833 3.602.974 3.707c8.653.242 15.792-2.072 15.792-2.072l-.109 6.872z'/%3E%3C/svg%3E");
}
.productFeed__item__platforms__PC {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-labelledby='pc-icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='15' height='15' fill='%23999'%3E%3Cpath d='M3 11.93V6.41l6.8-.92v6.45zm7.93-6.61L20 4v7.93h-9.07zM20 13.07V21l-9.06-1.28v-6.65zM9.8 19.58L3 18.65v-5.58h6.8z'/%3E%3C/svg%3E");
}
.productFeed__item__platforms__IOS {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='svg2811' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 708.66 870.32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23999}%3C/style%3E%3C/defs%3E%3Cg id='g186'%3E%3Cpath id='path188' class='cls-1' d='M592 462.74c-1-110.14 89.95-163 94.06-165.59-51.19-74.87-130.83-85.15-159.25-86.33-67.74-6.86-132.24 39.87-166.58 39.87s-87.43-38.88-143.59-37.79C142.7 214 74.63 255.85 36.57 322-40.17 455.12 17 652.41 91.69 760.47c36.58 52.82 80.14 112.33 137.4 110.14 55.18-2.2 76-35.65 142.61-35.65s85.35 35.65 143.65 34.61c59.29-1.16 96.92-54 133.23-107 41.91-61.32 59.24-120.67 60.23-123.8-1.32-.55-115.63-44.37-116.83-176.07' transform='translate(-.15 -.35)'/%3E%3C/g%3E%3Cpath id='path190' class='cls-1' d='M482.44 139.34c30.39-36.81 50.9-88 45.25-139-43.77 1.76-96.76 29.18-128.19 66-28.13 32.52-52.82 84.66-46.13 134.6 48.82 3.78 98.68-24.85 129.07-61.6' transform='translate(-.15 -.35)'/%3E%3C/svg%3E") no-repeat;
}
.productFeed__item__platforms__Android {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 934.62 1100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23999}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M172.16 831.69c0 49.89 47.18 47.18 47.18 47.18h64.35v154.94c0 62.6 63.44 63.48 63.44 63.48 68.94.88 68-58.9 68-58.9V881.58h108.74v152.23s2.75 66.19 66.19 66.19 66.11-66.19 66.11-66.19V877h66.19c34.5 0 43.52-43.52 43.52-43.52V345H172.16zM934.45 690.3V409.78c0-9.54-.43-64.82-64.79-64.82s-64.35 64.36-64.35 64.36v278.24c0 19 1.83 63.26 68.65 63.26s60.49-60.52 60.49-60.52zM129.14 409.78c0-9.54-.43-64.82-64.78-64.82S0 409.32 0 409.32v278.24c0 19 1.76 63.26 68.58 63.26s60.56-60.52 60.56-60.52zM612.8 93.24l51.26-76c8.73-12.24-2.18-15.19-2.18-15.19-7.25-5.8-13 4.37-13 4.37l-53.26 79.21a338.67 338.67 0 00-250.46-.74C329.11 61.84 287.7 2.41 284.75.61c-3.59-2.18-8.66 2.18-8.66 2.18-9.37 7.26-5.09 10.85-5.09 10.85l54.15 80c-82.94 40.21-142.09 114.78-153.64 206h594.15C754.61 208.08 696 133.38 612.8 93.24zM342.56 220a33.1 33.1 0 1133.16-33.13A33.16 33.16 0 01342.56 220zm254.33 0a33.1 33.1 0 1133.16-33.13A33.1 33.1 0 01596.89 220z'/%3E%3C/svg%3E") no-repeat;
}
.productFeed__item__platforms__Switch.white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-labelledby='switch-icon' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='-1 -1 18 18'%3E%3Cpath d='M10.807 0l-.715.006H8.867v14.891h2.549a3.814 3.814 0 003.764-3.8V3.812A3.814 3.814 0 0011.416 0zM3.765 0A3.814 3.814 0 00.001 3.8v7.285a3.814 3.814 0 003.764 3.812h3.523V.006H4.375V0zm.047 1.23H6.06v12.439H3.855c-1.952-.178-2.549-1.318-2.628-2.878V4.419h1.139v.065A1.4 1.4 0 104.378 3.22a1.4 1.4 0 00-2.008 1.2H1.229v-.294c.074-1.559.659-2.7 2.586-2.9zm8.018 5.462A1.508 1.508 0 1110.322 8.2a1.5 1.5 0 011.507-1.508z' fill='%23fff'/%3E%3C/svg%3E");
}
.productFeed__item__platforms__XBOXONE.white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-labelledby='xbox-icon' viewBox='0 0 24 24' width='15' height='15' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M21 12a8.972 8.972 0 00-3.12-6.804 15.055 15.055 0 00-3.728 2.788c.033.035.066.064.098.1 2.79 3.01 5.333 7.298 4.91 9.353A8.949 8.949 0 0021 12zM12.444 5.967a9.658 9.658 0 014.44-1.52 8.964 8.964 0 00-9.312-.277c.493.425 2.128.585 4.113 1.8a.723.723 0 00.759-.003zM9.875 8.083c.035-.036.07-.068.104-.104a21.354 21.354 0 00-2.93-2.372 1.392 1.392 0 00-1.126-.232A8.983 8.983 0 005.06 17.73c-.773-1.91 1.858-6.504 4.815-9.647zM12.063 9.896c-2.972 2.63-7.108 6.55-6.474 8.416a8.979 8.979 0 0013.032-.23c.364-1.965-3.567-5.503-6.558-8.186z'/%3E%3C/svg%3E");
}
.productFeed__item__platforms__PS4.white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-labelledby='ps4-icon' width='15' height='15' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M53.459 85l-13.737-5.889V15s29.854 5.016 33.963 17.445c4.11 12.43-2.295 20.481-4.543 20.717-6.273.654-8.652-3.271-8.652-3.271V29.828l-6.814-2.835L53.459 85zm3.57-8.832v7.521s32.341-10.467 37.1-14.5c4.76-4.035-11.141-14.064-19.686-12.104 0 0-9.078.441-17.308 4.034-.077.032 0 6.759 0 6.759l20.875-4.904 7.356 3.271-28.337 9.923zm-20.768-.545s-4.218 2.18-13.628 2.07c-9.41-.11-17.74-2.727-17.632-8.395.108-5.67 15.576-11.885 31.152-14.502v7.959l-16.549 4.361s-2.833 3.602.974 3.707c8.653.242 15.792-2.072 15.792-2.072l-.109 6.872z'/%3E%3C/svg%3E");
}
.productFeed__item__platforms__PC.white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-labelledby='pc-icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='15' height='15' fill='%23fff'%3E%3Cpath d='M3 11.93V6.41l6.8-.92v6.45zm7.93-6.61L20 4v7.93h-9.07zM20 13.07V21l-9.06-1.28v-6.65zM9.8 19.58L3 18.65v-5.58h6.8z'/%3E%3C/svg%3E");
}
.productFeed__item__platforms__IOS.white {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='svg2811' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 708.66 870.32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff}%3C/style%3E%3C/defs%3E%3Cg id='g186'%3E%3Cpath id='path188' class='cls-1' d='M592 462.74c-1-110.14 89.95-163 94.06-165.59-51.19-74.87-130.83-85.15-159.25-86.33-67.74-6.86-132.24 39.87-166.58 39.87s-87.43-38.88-143.59-37.79C142.7 214 74.63 255.85 36.57 322-40.17 455.12 17 652.41 91.69 760.47c36.58 52.82 80.14 112.33 137.4 110.14 55.18-2.2 76-35.65 142.61-35.65s85.35 35.65 143.65 34.61c59.29-1.16 96.92-54 133.23-107 41.91-61.32 59.24-120.67 60.23-123.8-1.32-.55-115.63-44.37-116.83-176.07' transform='translate(-.15 -.35)'/%3E%3C/g%3E%3Cpath id='path190' class='cls-1' d='M482.44 139.34c30.39-36.81 50.9-88 45.25-139-43.77 1.76-96.76 29.18-128.19 66-28.13 32.52-52.82 84.66-46.13 134.6 48.82 3.78 98.68-24.85 129.07-61.6' transform='translate(-.15 -.35)'/%3E%3C/svg%3E") no-repeat;
}
.productFeed__item__platforms__Android.white {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 934.62 1100'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M172.16 831.69c0 49.89 47.18 47.18 47.18 47.18h64.35v154.94c0 62.6 63.44 63.48 63.44 63.48 68.94.88 68-58.9 68-58.9V881.58h108.74v152.23s2.75 66.19 66.19 66.19 66.11-66.19 66.11-66.19V877h66.19c34.5 0 43.52-43.52 43.52-43.52V345H172.16zM934.45 690.3V409.78c0-9.54-.43-64.82-64.79-64.82s-64.35 64.36-64.35 64.36v278.24c0 19 1.83 63.26 68.65 63.26s60.49-60.52 60.49-60.52zM129.14 409.78c0-9.54-.43-64.82-64.78-64.82S0 409.32 0 409.32v278.24c0 19 1.76 63.26 68.58 63.26s60.56-60.52 60.56-60.52zM612.8 93.24l51.26-76c8.73-12.24-2.18-15.19-2.18-15.19-7.25-5.8-13 4.37-13 4.37l-53.26 79.21a338.67 338.67 0 00-250.46-.74C329.11 61.84 287.7 2.41 284.75.61c-3.59-2.18-8.66 2.18-8.66 2.18-9.37 7.26-5.09 10.85-5.09 10.85l54.15 80c-82.94 40.21-142.09 114.78-153.64 206h594.15C754.61 208.08 696 133.38 612.8 93.24zM342.56 220a33.1 33.1 0 1133.16-33.13A33.16 33.16 0 01342.56 220zm254.33 0a33.1 33.1 0 1133.16-33.13A33.1 33.1 0 01596.89 220z'/%3E%3C/svg%3E") no-repeat;
}


.mobilesupport{
	position:fixed;
	top:80px;
	left:50%;
	background:rgb(105,105,105,0.8);
	z-index:999;
	padding:10px;
	font-size:0;
	width:380px;
	display:none;
}
.mobilesupport img{width:40%;display:inline-block;vertical-align:middle;}
.mobilesupport .qr-exp{width:60%;display:inline-block;font-size:16px;color:#fff;vertical-align:middle;padding:0 10px;text-shadow: 0 4px 18px rgba(0,0,0,.6);}
.mobilesupport .close-button{position:absolute;right:10px;top:15px;}

@media (max-width: 767px) {
.logo {height: 50px;margin-left:20px;}
.mobilesupport{left:0;width:100%;top:50px;}
.ts-info {top: 45px;right:2%;}
.ts-info img.ts-bg {padding-left:2%;width: 100%;max-width:450px;}
.wxwb li {
    line-height: 50px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 20%;
    display: inline-block;
}
}
@media (max-width: 450px) {
.ts-info p {left: 5vw;top: 10vw;font-size: 4.2vw;}
.ts-info img.ts-close {right: 3vw;top: 10vw;width:10vw;}
}