@charset "utf-8";



a:hover,

a {

	color: #333333;

	text-decoration: none;

}



img {

	max-width: 100%;

}



body {

	margin: 0;

	padding: 0;

	min-width: 1300px;

	background-color: #201a1a;

	color: #dd6d00;

	height: 100%;

}



* {

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

}





ul,

li,

p,

h2,

h3,

h4,

h1 {

	list-style: none;

	margin: 0;

	padding: 0;

}



i {

	font-style: normal;

}





.clearfix::after {

	clear: both;

	content: '';

	display: block;

	overflow: hidden;

}



.clearfix {

	zoom: 1;

}





.flex {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

}



.flex_bd {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	flex: 1;

	min-width: 0;

}



.jt-row {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

}



.flex-ac {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

}





.flex-hc {

	-webkit-box-pack: center;

	-moz-justify-content: center;

	-webkit-justify-content: center;

	justify-content: center;

}



/* 主轴两端对齐 */

.flex-zBetween {

	-webkit-box-pack: justify;

	-moz-justify-content: space-between;

	-webkit-justify-content: space-between;

	justify-content: space-between;

}



/* 主轴end对齐 */

.flex-zEnd {

	-webkit-box-pack: end;

	-moz-justify-content: flex-end;

	-webkit-justify-content: flex-end;

	justify-content: flex-end;

}



/* 主轴start对齐 */

.flex-zStart {

	-webkit-box-pack: start;

	-moz-justify-content: flex-start;

	-webkit-justify-content: flex-start;

	justify-content: flex-start;

}





.container {

	padding: 0;

	width: 1200px;

	margin: 0 auto;

}



#Topbar {

    width: 1400px;

}



.bg-warpper {

	background:#201a1a url(../images/bg.png) center top no-repeat;

	height: 100%;

	min-height: 100vh;

}



.bg-warpper1 {

	background:#201a1a url(../images/bg.png) center top no-repeat;

	height: 100%;

	min-height: 100vh;

}



.top-bar {

	height: 130px;

}





.header {

	background-color: rgba(0, 0, 0, 0.26);

	position: fixed;

	left: 0;

	top: 0;

	z-index: 111;

	width: 100%;

	box-shadow: 0 4px 16px rgba(255, 255, 255, 0.46) inset;

}



.navbar {

	padding-top: 40px;

}





.navbar-nav li a {

	font-size: 20px;

	color: #fff;

	line-height: 30px;

	padding: 30px 26px;

	display: block;

}



.navbar-nav li:last-child a {

	padding-right: 0;

}



.navbar-nav li {

	float: left;

}



.pull-left {

	float: left;

}



.pull-right {

	float: left;

}





.logo {

	font-size: 0;

	margin-right: 55px;

	width: 240px;

	padding-top: 15px;

}





.logo a {

	display: block;

}



.footer {

	position: relative;

	z-index: 18;

	background-color: #292323;

	text-align: center;

	padding: 30px 0;

}



.copyright {

	font-size: 14px;

	color: #535353;

	line-height: 26px;

	text-align: center;

}



.footer-tip {

	font-size: 14px;

	color: #888888;

	line-height: 26px;

	text-align: center;

}



.foot-link {

	display: inline-block;

}



.foot-link li {

	float: left;

}



.foot-link li a {

	font-size: 14px;

	color: #888888;

	display: block;

	line-height: 26px;

	padding: 0 25px;

}



.foot-link li.line {

	width: 1px;

	height: 16px;

	margin-top: 5px;

	background-color: #888888;

}



.main-row {

	padding: 70px 0;

}



.main-row>div {

	float: left;

}



.main-aside {

	width: 20%;

	padding-right: 5px;

}



.main-content {

	width: 80%;

	padding-left: 22px;

}



.download-game {

	font-size: 0;

	height: 156px;

}



.aside-btns a {

	display: block;

	margin-top: 6px;

	color: #ffffff;

	font-size: 25px;

	font-weight: bold;

	line-height: 81px;

	text-align: center;

	text-shadow: 0 3px 5px #3d3d3d;

	background-position: center;

	background-repeat: no-repeat;



}

.aside-btns a:hover {

color: #fff;

  text-shadow: 0 0 15px #fff;

  text-transform: uppercase;

  white-space: nowrap;

}

.register {

	background-image: url(../images/btn1.png);

}



.recharge {

	background-image: url(../images/btn2.png);

}



.aside-nav {

	margin-top: 25px;

	background: url(../images/adise.png) no-repeat center;

	min-height: 385px;

	padding: 5px 10px 4px;

}



.aside-navbar li {

	width: 50%;

	float: left;

	text-align: center;

}



.aside-navbar-icon img {

	width: 26px;

	height: 26px;

}



.aside-navbar-icon {

	font-size: 0;

	margin-bottom: 8px;

}



.aside-navbar-txt {

	font-size: 14px;

	line-height: 22px;

	color: #fff;

}



.aside-navbar li a {

	padding: 10px;

	display: block;

}



.player-group li a {

	padding: 8px 0 4px;

	background: url(../images/line.png) no-repeat center top;

}



.aside-navbar-line {

	background: url(../images/v-line.png) no-repeat center;

}



.aside-navbar-line li {

	background: url(../images/line.png) no-repeat center top;

}



.aside-navbar-line li:first-child {

	background-image: unset;

}



.player-group__hd .iconfont {

	color: #b6b6b6;

	font-size: 16px;

}



.player-group__hd {

	margin-right: 8px;

}



.player-group__label {

	font-size: 14px;

	color: #b6b6b6;

	line-height: 22px;

}



.player-group__val {

	font-size: 14px;

	color: #b81d25;

	line-height: 22px;

}



.rank-panel {

	padding: 0 30px;

	background: url(../images/rank-ng.png) no-repeat!important;

	background-size: cover!important;

	min-height: 850px;

	border: 1px solid #8e4c49;

	border-radius: 6px;

}



.rank-panel .panel-head {

	padding: 30px 0;

	background: url(../images/rank.png) no-repeat left center;

}



.rank-panel .panel-head .panel-title {

	font-size: 26px;

	color: #fff;

	font-weight: bold;

	line-height: 37px;

}



.form-cell .select-contral {

	background-color: transparent;

	border: 1px solid #606069;

	color: #fff;

	font-size: 14px;

	padding: 5px 14px;

	border-radius: 15px;

	margin-right: 10px;

	outline: 0;

}



.form-cell {

	font-size: 0;

	margin-bottom: 20px;

}



.select-contral-lg {

	width: 160px;

}



.form-cell .btn {

	font-size: 16px;

	line-height: 28px;

	padding: 0 23px;

	border-radius: 15px;

	margin-left: 10px;

}



.btn-query {

	color: #fff;

	border: 1px solid #eb6877;

	background-image: linear-gradient(to right, #412a28, #843429);

}





.table {

	width: 100%;

}





.table tr th,

.table tr td {

	font-size: 14px;

	line-height: 22px;

	color: #b6b6b6;

	text-align: left;

	font-weight: bold;

	padding: 9px 20px;

}





.table tr th {

	background-color: #35353b;

}



.table tr:nth-child(odd) td {

	background-color: #26262d;

}





.video {

	min-height: 424px;

	position: relative;

}



.video-play {

	position: absolute;

	left: 50%;

	top: 225px;

	width: 82px;

	height: 82px;

	margin-left: -41px;

	cursor: pointer;

}





/* 修改密码 */

.login-panel .panel-head {

	background-image: url(../images/login.png);

}



.login-panel {

	background-image: url(../images/login-bg.png);

}



.login-form-label {

	font-size: 14px;

	color: #b6b6b6;

	line-height: 30px;

	float: left;

	text-align: right;

	min-width: 105px;

	padding-right: 5px;

}



.login-form-block {

	position: relative;

	margin-left: 105px;

	width: 300px;

}



.login-form-block .form-control {

	background-color: transparent;

	border: 1px solid #606069;

	color: #fff;

	font-size: 14px;

	line-height: 18px;

	padding: 5px 14px;

	border-radius: 15px;

	outline: 0;

	width: 100%;

}





.login-form-item {

	margin-bottom: 16px;

}



.yzm {

	position: absolute;

	left: 292px;

	top: 5px;

	font-size: 20px;

	line-height: 30px;

	text-align: center;

	background-color: #ffffff;

	width: 70px;

	border-radius: 15px;

	margin-left: 20px;

}





.yzm span {

	background-image: -webkit-linear-gradient(#16f6fb, #02e1a7);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}



.login-form-btns {

	padding-top: 44px;

}



.login-form-btns .btn {

	font-size: 20px;

	color: #ffffff;

	text-align: center;

	text-shadow: 0 3px 5px #3d3d3d;

	border-radius: 0;

	outline: 0;

	font-weight: bold;

	border: 0;

	padding: 0;

	width: 142px;

	line-height: 46px;

	margin-left: 0;

	background: url(../images/btn3.png) no-repeat center;

}

.login-form-btns .btn:hover {

color: #fff;

  text-shadow: 0 0 15px #fff;

  text-transform: uppercase;

  white-space: nowrap;

}



.login-form-btns .btn+.btn {

	margin-left: 16px;

}





.block-sidebar {

	background: url(../images/sidebar.png) no-repeat center;

	width: 160px;

	min-height: 356px;

	z-index: 111;

	padding: 15px 15px 0;

	position: relative;

}



.fixwp {

	position: fixed;

	right: 26px;

	top: 50%;

	z-index: 999;

}





.fixwp-open {

	text-align: right;

	position: absolute;

	top: 50%;

	width: 100%;

	transform: translateY(50%);

}



.erm {

	background-color: #fff;

	padding: 6px;

	font-size: 0;

}



.erm img {

	width: 118px;

	height: 118px;

}



.add-group {

	font-size: 15px;

	line-height: 30px;

	color: #ffffff;

	text-align: center;

	margin-bottom: 10px;

}



.erm-group li {

	text-align: center;

	font-size: 14px;

	line-height: 22px;

	border-radius: 4px;

	padding: 6px;

	margin-bottom: 12px;

}



.erm-group li .iconfont {

	font-size: 14px;

	margin-right: 5px;

}



.close-btn {

	background-color: transparent;

	border: 1px solid #5a3433;

	font-size: 13px;

	color: #a08c8c;

	line-height: 18px;

	padding: 0 10px;

	margin-bottom: -1px;

}



.close-btn .iconfont {

	font-size: 12px;

	margin-left: 3px;

}



.open-btn {

	color: #333;

	border: 1px solid #ffce05;

	background-color: #ffce05;

	font-size: 13px;

	line-height: 18px;

	padding: 0 10px;

	display: none;

	border-radius: 10px;

}



.open-btn .iconfont {

	font-size: 12px;

	color: #333;

	margin-right: 3px;

}



.erm-foot {

	text-align: center;

	padding-top: 4px;

}







/* 注册账号 */

.register-panel .panel-head {

	background-image: url(../images/register.png);

}



.register-panel {

	background-image: url(../images/resgister-bg.png);

}



.form-tip {

	font-size: 14px;

	color: #b6b6b6;

	line-height: 22px;

	margin-top: 6px;

}





.register-form .login-form-block {

	width: auto;

}





.register-form .login-form-block .form-control {

	width: 300px;

}





.text-warn {

	color: #dd6d00 !important;

}



.agr-label input {

	margin: 0;

	width: 14px;

	height: 14px;

	border: 0;

	outline: 0;

	cursor: pointer;

	margin-right: 6px;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background-color: transparent;

}



.agr-label input::before {

	content: '';

	width: 14px;

	height: 14px;

	display: inline-block;

	background-repeat: no-repeat;

	background-position: center;

	background-image: url(../images/check.png);

}



.agr-label input:checked::before {

	background-image: url(../images/checked.png);

}



.agr-label {

	margin-right: 30px;

	vertical-align: text-top;

	line-height: 1;

}



.agr-label span {

	font-size: 14px;

	color: #b6b6b6;

	line-height: 30px;

}



.login-form-inline>.iconfont {

	font-size: 14px;

	color: #a57e83;

	position: absolute;

	left: 15px;

	top: 50%;

	transform: translateY(-50%);

}



.login-form-inline .form-control {

	padding-left: 30px;

}



.login-form-inline {

	position: relative;

	display: inline-block;

}



.login-form-inline .btn {

	width: 120px;

	padding: 0;

	text-align: center;

}



.register-form .login-form-btns {

	padding: 20px 0 23px;

}





/* 游戏下载 */

.download-panel .panel-head {

	background-image: url(../images/game.png);

}



.download-panel {

	background-image: url(../images/login-bg.png);

}



.download-title {

	font-size: 18px;

	line-height: 22px;

	color: #b6b6b6;

	margin-bottom: 6px;

}



.download-cell__hd {

	padding-left: 25px;

}





.download-tip {

	font-size: 14px;

	color: #dd6d00;

	line-height: 22px;

}



.download-cell__bd .btn {

	display: inline-block;

	color: #FFFFFF;

	font-size: 16px;

	line-height: 22px;

	width: 106px;

	text-align: center;

	padding: 5px 0;

	border-radius: 4px;

	margin-left: 20px;

}



.download-cell {

	padding: 30px 0 20px;

	border-bottom: 1px solid #606069;

}





.download-cells {

	margin-top: -30px;

}





/* 元宝充值 */

.recharge-panel .panel-head {

	background-image: url(../images/recharge.png);

	border-bottom: 2px solid #342f35;

	margin-bottom: 6px;

}



.recharge-panel {

	background-image: url(../images/recharge-bg.png);

}



.recharge-tip {

	font-size: 14px;

	line-height: 22px;

	color: #b81d25;

	text-align: center;

}





.recharge-amount {

	font-size: 14px;

	color: #df8100;

	line-height: 22px;

	text-align: center;

	margin-bottom: 24px;

}



.recharge-way {

	text-align: center;

}



.recharge-way .btn {

	font-size: 14px;

	color: #ffffff;

	line-height: 44px;

	padding: 0 25px;

	border-radius: 23px;

	background-color: transparent;

	border: 1px solid #606069;

}



.recharge-conversion {

	text-align: center;

}



.recharge-conversion .btn {

	font-size: 14px;

	color: #fff;

	border-radius: 4px;

	line-height: 34px;

	padding: 0;

	width: 136px;

	text-align: center;

}



.recharge-flex {

	padding: 32px 0;

	background: url(../images/v-line.png) no-repeat center;

}



.recharge-money {

	text-align: center;

	margin-bottom: 30px;

}



.recharge-money .login-form-btns {

	padding-top: 30px;

}





.main-head-aside {

	width: 253px;

	float: right;

}



.main-head-aside .register {

	background-image: url(../images/btn4.png);

}



.main-head-aside .recharge {

	background-image: url(../images/btn5.png);

}



.main-head-content {

	background-color: #462525;

	padding: 15px;

	width: 941px;

	float: left;

	position: relative;

}



.game-video {

	position: relative;

	height: 250px;

	font-size: 0;

}



.game-video img {

	width: 569px;

	height: 300px;

}



.game-play {

	width: 52px;

	height: 52px;

	border-radius: 50%;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	background-color: rgba(21, 28, 36, 0.5);

	text-align: center;

	padding: 15px;

	line-height: 1;

}





.game-play .iconfont {

	font-size: 22px;

	color: #fff;



}



.video-slide .hd ul li {

	font-size: 16px;

	color: #ffffff;

	position: relative;

	line-height: 50px;

	background-color: rgba(46, 36, 36, 0.8);

	text-align: center;

	margin-right: 3px;

	cursor: pointer;

}



.video-slide .item {

	height: 300px;

	width: 569px;

}





.video-slide .hd ul li.on {

	background-color: #760012;

}





.video-slide .hd ul li.on::before {

	background-color: #b9152f;

}





.video-slide .hd ul li:last-child {

	margin-right: 0;

}



.video-slide .hd ul li::before {

	position: absolute;

	content: '';

	left: 0;

	top: ;

	background-color: #918181;

	height: 2px;

	width: 100%;

}



.video-slide .hd {

	margin-top: -50px;

	position: relative;

	z-index: 11;

}



.video-title {

	font-size: 18px;

	color: #ffffff;

	line-height: 36px;

	margin-top: 14px;

	background: url(../images/circle.png) no-repeat left top;

	padding-left: 22px;

}



.video-zhibo .btn {

	display: inline-block;

	color: #FFFFFF;

	width: 136px;

	text-align: center;

	line-height: 34px;

	border-radius: 4px;

}



.video-content {

	float: right;

	width: 330px;

	z-index: 11;

	position: relative;

}



.video-slide {

	float: left;

}



.anchor {

	border-left: 4px solid #b81d25;

	padding-left: 12px;

}



.anchor-name {

	font-size: 25px;

	color: #b81d25;

	line-height: 30px;

	margin-bottom: 6px;

}



.anchor-signed {

	font-size: 14px;

	line-height: 20px;

	color: #ffffff;

}



.video-zhibo {

	padding-left: 15px;

	margin: 40px 0 57px;

}



.video-person {

	position: absolute;

	right: 0;

	bottom: 0;

	background: #7f5e5e;

	z-index: 1;

	font-size: 0;

	width: 342px;

	height: 330px;

	text-align: right;

	padding-top: 97px;

}



.video-person::after {

	position: absolute;

	content: '';

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: url(../images/person-bg.png) no-repeat;

}





.video-person img {

	z-index: -1px;

}



.pub-panel .panel-title {

	font-size: 26px;

	color: #fff;

	font-weight: bold;

	line-height: 39px;

}



.pub-panel .panel-head {

	background-repeat: no-repeat;

	background-position: left center;

	margin-bottom: 19px;

}



.introduce-panel .panel-head {

	background-image: url(../images/introduction.png);

}



.pub-panel .panel-body {

	background: url(../images/border.png) no-repeat;

	min-height: 322px;

	padding: 1px;

}



.flex-row>div {

	float: left;

	width: 50%;

	padding: 0 10px;

}



.flex-row {

	margin: 0 -10px;

}



.more {

	font-size: 14px;

	color: #b6b6b6;

}



.slide .hd ul li {

	cursor: pointer;

	float: left;

	font-size: 16px;

	color: #b6b6b6;

	line-height: 22px;

	padding: 8px 4px;

	position: relative;

	margin-right: 28px;

}



.slide .hd {

	border-bottom: 1px solid #403d3d;

	margin-bottom: 2px;

}



.slide .hd ul li.on {

	font-size: 18px;

	color: #fff;

}



.slide .hd ul li.on::after {

	position: absolute;

	content: '';

	left: 0;

	bottom: -1px;

	width: 100%;

	height: 2px;

	background-color: #b81d25;

}



.introduce-list a {

	padding: 14px 15px 14px 20px;

}



.introduce-list li {

	border-bottom: 1px solid #47474b;

}



.introduce-list__title {

	font-size: 14px;

	color: #ffffff;

	line-height: 26px;

}



.introduce-list__time {

	font-size: 14px;

	color: #999999;

	line-height: 26px;

}





.introduce-list li:hover {

	background-color: rgba(255, 255, 255, 0.06);

}



.introduce-list li:hover .introduce-list__title {

	color: #b81d25;

}



.introduce-list li:last-child {

	border-bottom: 0;

}



.introduce-slide {

	padding: 7px 12px 0;

	border-radius: 5px;

	background: url(../images/introduce-bg.png) no-repeat center;

}





.major-panel .panel-head {

	background-image: url(../images/major.png);



}





.major-slide {

	padding: 0 12px;

	border-radius: 5px;

}



.major-name {

	font-size: 30px;

	color: #b6b6b6;

	margin-bottom: 25px;

}



.major-info-label {

	color: #d82831;

	font-size: 14px;

	line-height: 23px;

	border: 1px solid #d82831;

	border-radius: 13px;

	padding: 0 11px;

	margin-right: 12px;

}



.major-info-desc {

	font-size: 14px;

	color: #b6b6b6;

	line-height: 25px;

}



.major-info-stars .iconfont {

	font-size: 16px;

	color: #6a6a6a;

	margin-right: 3px;

}



.major-info-stars .iconfont.active {

	color: #ffce05;

}



.major-info-stars {

	font-size: 0;

}





.major-info-list li {

	margin-bottom: 15px;

}



.major-info {

	padding: 73px 12px 24px;

}



.major-slide .hd {

	position: relative;

	z-index: 88;

	margin-bottom: -46px;

	padding-top: 7px;

}

.main-middle-aside {

	float: left;

	width: 20%;

	padding-right: 5px;

}





.main-middle-rt {

	float: right;

	width: 37%;

	padding-left: 2px;

}





.news-list-hd {

	background-color: #29292f;

	text-align: center;

	padding: 10px 15px;

}





.news-list-time {

	font-size: 16px;

	color: #d96900;

	line-height: 22px;

}



.news-list-year {

	font-size: 12px;

	color: #ffffff;

	line-height: 20px;

}



.news-list-title {

	font-size: 15px;

	color: #ffffff;

	line-height: 22px;

}



.news-list-desc {

	font-size: 13px;

	color: #999999;

	line-height: 20px;

}



.news-list-bd {

	padding: 10px 15px;

	background-color: #1a1a1f;

}



.news-list li {

	margin-top: 7px;

}



.main-middle-aside .aside-nav {

	margin-top: 0;

}





.main-middle-swiper {

	width: 43%;

	float: left;

	padding: 0 23px;

}





.game-box-grid {

	padding: 20px 0;

	background-color: #242329;

}



.game-box-tit {

	font-size: 18px;

	color: #ffffff;

	line-height: 33px;

	text-align: center;

}



.game-box-pic {

	font-size: 0;

	width: 227px;

	height: 266px;

}





.game-swiper .swiper-button-next,

.game-swiper .swiper-button-prev {

	background-color: rgba(184, 29, 37, 0.8);

	width: 40px;

	height: 40px;

	border-radius: 50%;

	padding: 0 10px;

}



.game-swiper .swiper-button-next:after,

.game-swiper .swiper-button-prev:after {

	font-size: 12px;

	color: #fff;

}



.game-swiper .swiper-button-next {

	right: -20px;

	justify-content: flex-start;

}



.game-swiper .swiper-button-prev {

	left: -20px;

	justify-content: flex-end;

}



.swiper-slide .hd {

	margin-bottom: 7px;

}



.news-slide .hd {

	margin-bottom: 3px;

}



.main-middle {

	margin-bottom: 40px;

}





.main-head {

	margin-bottom: 40px;

}



.main-warpper {

	padding: 60px 0;

}



.introduce-slide .item {

	height: 274px;

}



.major-slide .item {

	position: relative;

	height: 322px;

}

.major-slide .item .pp-photo{

	position: absolute;

	bottom: 0;

	right: 0;

}



.video-js .vjs-big-play-button {

    width: 3em !important;

    height: 3em !important;

    border-radius: 50% !important;

    line-height: 3em !important;

    text-align: center !important;

    left: 50% !important;

    top: 50% !important;

    margin-left: -1.5em !important;

    margin-top: -1.5em !important;

    background: url(../images/play.png) center no-repeat;

	opacity: .5;

    border: 0;

    outline: 0;

}



.game-video .video-js {

	width: 100%;

	height: 250px;

}

.vjs-poster{

	background-size: cover!important;

}

video {

	object-fit: cover;

}





.navbar-nav li:hover {

    background: url(../images/nav_active.png) center bottom no-repeat;

}

.bg-warpper{

	position: relative;

}

.video-warpper{

	overflow: hidden;

	width: 100%;

	background: url(../images/bg34.jpg) center bottom no-repeat;

	position: relative;

}

.bg-video {

    width: 1920px;

    height: 686px;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -960px;

}

.bg-mask{

	content: '';

	width: 1920px;

	height: 1320px;

	background: url(../images/video_mask.png) no-repeat;

	position: absolute;

	top: 564px;

	left: 50%;

	margin-left: -960px;

	z-index: 1;

}

.bg-video video {

    width: 100%;

    height: 100%;

}

.bg-warpper .main{

	position: relative;

	z-index: 9;

}gba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));

	-webkit-transition: opacity .5s ease,visibility .5s ease;

	-o-transition: opacity .5s ease,visibility .5s ease;

	-moz-transition: opacity .5s ease,visibility .5s ease;

	transition: opacity .5s ease,visibility .5s ease;

}

.bg-video video {

    width: 100%;

    height: 100%;

}

.bg-warpper .main{

	position: relative;

	z-index: 9;

}