html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}
html, body, * {
	font-family:'Microsoft YaHei', '微软雅黑', 'Microsoft JhengHei', '华文细黑', STHeiti, MingLiu
}
html {
	height:100%
}
body {
	height:100%;
	background-color:#161823;
	position:relative;
	min-width:1200px
}
a {
	text-decoration:none
}
.clrfix:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
	font-size:0
}
.header {
	height:100px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:3
}
.header-right {
	float:right;
	margin-right:50px;
	font-size:16px;
	font-weight:500
}
.header-right .header-links {
	list-style:none;
	line-height:75px
}
.header-right .header-links .unmute {
	background-image:url(index/unmute_1bbc0c3.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:22px;
	height:22px;
	cursor:pointer;
	margin-top:16.5px
}
.header-right .header-links .unmute.mute {
	background-image:url(index/mute_acbcfbc.png)
}
.header-right .header-links-item {
	line-height:55px;
	height:55px;
	display:inline-block;
	vertical-align:middle;
	margin-left:25px
}
.header-right .header-links-item.hover {
	position:relative
}
.header-right .header-links-item.hover:after {
	display:inline-block;
	content:'';
	width:8px;
	height:8px;
	background: #f6f6f6 url(./images/subtract_67c835d.png) no-repeat
	margin-left:4px
}
.header-right .header-links-item.hover a {
	cursor:pointer
}
.header-right .header-links-item.hover .menu {
	display:none;
	width:96px;
	padding:8px 0;
	box-sizing:border-box;
	box-shadow:0 0 8px rgba(0, 0, 0, .16), 0 0 2px rgba(0, 0, 0, .12);
	border-radius:4px
}
.header-right .header-links-item.hover .menu>a {
	width:100%;
	height:40px;
	font-size:15px;
	line-height:40px;
	text-align:center;
	display:block;
	color:rgba(0, 0, 0, .9)
}
.header-right .header-links-item.hover .menu>a:hover {
	background:rgba(51, 51, 51, .1)
}
.header-right .header-links-item.hover:hover .menu {
	position:absolute;
	top:51px;
	left:-9px;
	background:#fff;
	display:block
}
.header-right .header-links-item>a {
	color:#fff;
	text-shadow:0 1px 2px rgba(0, 0, 0, .4);
	vertical-align:middle
}
.header-right .header-links-item>img {
	position:relative;
	left:-4px;
	vertical-align:middle
}
.header-right .create-platform-item {
	position:relative
}
.header-right .create-platform-item .create-platform {
	position:absolute;
	background-image:url(index/create-bubble_c2cd9db.png);
	background-position:0 0;
	background-size:cover;
	top:45px;
	left:50%;
	margin-left:-99px;
	height:42px;
	width:198px;
	font-size:14px;
	color:rgba(255, 255, 255, .9);
	text-align:center;
	line-height:20px;
	padding-top:14px;
	box-sizing:border-box
}
.header-right .header-links-item {
	line-height:55px;
	height:55px;
	display:inline-block;
	vertical-align:middle;
	margin-left:25px
}
.header-right .header-links-item.hover {
	position:relative
}
.header-right .header-links-item.hover:after {
	display:inline-block;
	content:'';
	width:8px;
	height:8px;
	background-image:url(subtract_67c835d.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-left:4px
}
.header-right .header-links-item.hover a {
	cursor:pointer
}
.header-right .header-links-item.hover .menu {
	display:none;
	width:96px;
	padding:8px 0;line-height:40px;
	box-sizing:border-box;
	box-shadow:0 0 8px rgba(0, 0, 0, .16), 0 0 2px rgba(0, 0, 0, .12);
	border-radius:4px
}
.header-right .header-links-item.hover .menu>a {
	width:100%;
	height:40px;
	font-size:15px;
	line-height:40px;
	text-align:center;
	display:block;
	color:rgba(0, 0, 0, .9)
}
.header-right .header-links-item.hover .menu>a:hover {
	background:rgba(51, 51, 51, .1)
}
.header-right .header-links-item.hover:hover .menu {
	position:absolute;
	top:51px;
	left:-9px;
	background:#fff;
	display:block
}
.header-right .header-links-item>a {
	color:#fff;
	text-shadow:0 1px 2px rgba(0, 0, 0, .4);
	vertical-align:middle
}
.header-right .header-links-item>img {
	position:relative;
	left:-4px;
	vertical-align:middle
}
.container {
	width:100%;
	margin:0 auto;
	overflow:hidden
}
.footer {
	background-color:#0E0F1A
}
.footer .infomation {
	padding-top:64px;
	padding-bottom:20px;
	font-size:12px;
	color:#FFF;
	text-align:center;
	line-height:2
}
.footer .infomation p {
	opacity:.3
}
.footer .infomation a {
	color:#FFF
}
.footer .infomation .gognan-box {
	padding-top:5px
}
.footer .infomation .gognan-box a {
	display:inline-block;
	text-decoration:none;
	height:20px;
	line-height:20px
}
.footer .infomation .gognan-box a span {
	opacity:.3
}
.footer .infomation .gognan-box img {
	vertical-align:middle;
	margin-right:1px;
	margin-bottom:3px
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
/*nav*/
.htmleaf-demo a {
	color: #fff;
	text-decoration: none;
}
.htmleaf-demo {
	width: 100%;
	padding-bottom: 1.2em;
}
.htmleaf-demo a {
	display: inline-block;
	margin: 0.5em;
	padding: 0.6em 1em;
	border: 3px solid #fff;
	font-weight: 700;
}
.htmleaf-demo a:hover {
	opacity: 0.6;
}
.htmleaf-demo a.current {
	background:#1d7db1;
	color: #fff;
}
/*nav*/
.clearfix {
	display:block;
	clear:both;
	float:none;
}

.video-back {
	display:block;
	padding:200px 0px 0px 0px;
	text-align:center;
}
.video-back h1 {
	display:block;
	text-align:center;
	color:#fff;
	text-shadow:2px 2px 4px #000;
	font-size:50px;
}
.video-back p {
	display:block;
	color:#fff;
	text-shadow:2px 2px 1px #000;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}
.video-back img {
	width:150px;
}
/*!web:page/index/index.less*/
.container {
	width:100%;
	height:100%
}
.bgCover {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover
}
.boxShadow {
	box-shadow:1px 1px 7px 2px rgba(0, 0, 0, .54)
}
.textShadow {
	text-shadow:0 1px 2px rgba(0, 0, 0, .4)
}
.claerFloat::after {
content:'';
display:block;
clear:both
}
.container {
	position:relative
}
.container .video-bg {
	width:100%;
	height:100%
}
.container .video-bg .video-tvc {
	height:100%;
	width:100%;
	object-fit:cover
}
.container .content {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
}
.container .content .header {
	height:auto;
	line-height:75px;
	overflow:inherit
}
.container .content .header-left {
	margin-left:80px;
	margin-top:10px;
	float:left;
	height:55px
}
.container .content .header-left>a {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	height:100%;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.container .content .header-left>img {
	width:90px
}
.container .content .middle {
	width:500px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	margin-top:50px;
	right:500px
}
.container .content .middle .slogan {
	float:right;
	width:450px;
	margin-bottom:50px
}
.container .content .middle .slogan>img {
	width:100%
}
.container .content .middle .btn-list {
	float:right;
	letter-spacing:-4px;
	font-size:0
}
.container .content .middle .btn-list .btn-primary {
	display:inline-block;
	background:transparent;
	border-radius:8px;
	margin-left:10px;
	width:142px;
	height:51px;
	border:1px solid #000;
-webkit-transition:.15s opacity;
transition:.15s opacity;
-webkit-transition-delay:.15s;
transition-delay:.15s;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	box-shadow:1px 1px 7px 2px rgba(0, 0, 0, .54)
}
.container .content .middle .btn-list .btn-hover:hover {
	opacity:.5
}
.container .content .middle .btn-list .btn-link {
	opacity:1;
-webkit-transition:.15s all;
transition:.15s all
}
.container .content .middle .btn-list .btn-link-hide {
	opacity:0
}
.container .content .middle .btn-list .icon-ios {
	width:100%;
	height:100%;
	display:block;
	border-radius:8px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(index/appstore_548e83a.png)
}
.container .content .middle .btn-list .icon-andorid {
	width:100%;
	height:100%;
	display:block;
	border-radius:8px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(index/android_d461475.png)
}
.container .content .middle .btn-list .icon-QRcode {
	float:right;
	position:relative;
	width:50px;
	height:50px;
	background-image:url(index/download_6c60bcd.png)
}
.container .content .middle .btn-list .icon-QRcode>img {
	width:223px;
	position:absolute;
	right:0;
	top:0;
	-webkit-transform:scale(0.23);
	transform:scale(0.23);
	-webkit-transform-origin:top right;
	transform-origin:top right;
	opacity:0;
-webkit-transition:.3s all;
transition:.3s all
}
.container .content .middle .btn-list .icon-QRcode:hover img {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
.container .content .middle .btn-list .icon-QRcode:hover~.btn-primary {
opacity:0
}
.container .content .footer {
	font-size:14px;
	width:100%;
	background:transparent;
	text-align:center;
	position:absolute;
	bottom:10px
}
.container .content .footer .nav-warpper {
	color:#fff;
	text-shadow:0 1px 2px rgba(0, 0, 0, .4);
	margin-bottom:16px
}
.container .content .footer .nav-warpper>a {
	padding:0 5px;
	color:#fff
}
.container .content .footer .feedback-info {
	color:#fff;
	text-shadow:0 1px 2px rgba(0, 0, 0, .4)
}
.container .content .footer .feedback-info>p {
	line-height:25px
}
.container .content .footer .feedback-info .gongan-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.container .content .footer .feedback-info a {
	color:#fff;
}
.container .content .footer .feedback-info .copyright a{display: none}
.hide {
	display:none!important
}