body{
	background: #f8f8e8;
}
li{
	list-style: none;
}
video::-webkit-media-controls-fullscreen-button {
	display: none;
}
video::-webkit-media-controls-play-button {
	display: none;
}
video::-webkit-media-controls-timeline {
	display: none;
}
video::-webkit-media-controls-current-time-display{
	display: none;
}
video::-webkit-media-controls-time-remaining-display {
	display: none;
}
video::-webkit-media-controls-mute-button {
	display: none;
}
video::-webkit-media-controls-toggle-closed-captions-button {
	display: none;
}
video::-webkit-media-controls-volume-slider {
	display: none;
}
video::-webkit-media-controls-enclosure{
	display: none;
}
.top-banner{
	width: 100%;
	height: 480px;
	margin: 0;
	padding: 0;
	background: #f8f8e8;
}
.top-banner .main{
	width: 1200px;
	height: 480px;
	margin: 0 auto;
}
.top-banner .f-l{
	width: 60%;
	height: 480px;
	float: left;
}
.top-banner .f-l .intro{
	width: 650px;
	float: right;
	height: 480px;
}
.top-banner .f-l .intro li{
	width: 100%;
	height: 480px;
}
.top-banner .f-l .intro li.mtitle{
	height: 40px;
	line-height: 40px;
	margin-top: 96px;
	font-size: 36px;
	font-weight: 520;
	text-align: left;
}
.top-banner .f-l .intro li.stitle{
	width: 100%;
	height: 46px;
	line-height: 46px;
	margin: 20px auto 0 auto;
	font-size: 26px;
	text-align: left;
}
.top-banner .f-l .intro li.start{
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 325px auto 0 auto;
}
.top-banner .f-l .intro li.start a{
	display: block;
	float: left;
}
.top-banner .f-l .intro li.start a.inp{
	width: 46%;
	height: 36px;
	border: #000 2px solid;
}
.top-banner .f-l .intro li.start a.btn{
	width: 130px;
	float: left;
	margin-left: 6px;
	border-radius: 25px;
	background-color: #000;
	color: #fff;
	font-size: 16px;
}
.top-banner .f-l .intro li.start a#recharge{
	margin-left:30px;
	background-color: #000;
	color: #fff;
	border: #000 1px solid;
}
.top-banner .f-l .intro li.start a#swap{
	margin-left:30px;
	background-color: #DD837E;
	color: #000;
	border: #000 1px solid;
}
.top-banner .f-l .intro li.start a#innovation{
	margin-left:30px;
	background-color: #F0C358;
	color: #000;
	border: #000 1px solid;
}
.top-banner .f-l .intro li.start input{
	width: 85%;
	height: 16px;
	border: none;
	background: #F2F2F2;
	font-size: 14px;
}
.top-banner .f-l .intro li.reward{
	width: 100%;
	height: 60px;
	margin: 55px auto 0 auto;
}
.top-banner .f-l .intro li.reward a{
	width:25%;
	float: left;
	display: block;
	padding: 0;
	text-align: left;
}
.top-banner .f-l .intro li.reward a span{
	width: 100%;
	float: left;
	line-height: 30px;
}
.top-banner .f-l .intro li.reward a span:first-child{
	font-size: 14px;
}
.top-banner .f-l .intro li.reward a span:last-child{
	font-size: 12px;
	color: #777;
}
.top-banner .f-r{
	width: 40%;
	max-width: 480px;
	height: 480px;
	float: right;
}
.top-banner .f-r img{
	max-width: 436px;
	max-height: 100%;
}
.article-box{
	width: 100%;
	height: 50px;
	background: #fff;
	border-top: #fff 1px solid;
	border-bottom: #fff 2px solid;
}
.article-box .list{
	width: 1120px;
	height: 50px;
	margin: 0 auto;
	font-size: 12px;
}

.article-box .list li{
	height: 50px;
	line-height: 50px;
	text-align: left;
}
.article-box .list .icon{
	width: 40px;
	float: left;
	background: url(../images/icon/index-article.png) no-repeat no-repeat center center;
	background-size: 26px 26px;
}
.article-box .list .title{
	width: 89%;
	float: left;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.article-box .list .more{
	width: 6%;
	float: right;
}
.article-box .list .more span{
	font-size: 12px;
}
.top-market{
	width: 1000px;
	height: 200px;
	margin: 20px auto 0 auto;
	font-size: 12px;
	background-color: #f8f8e8;
}
.top-market div{
	width: 23%;
	height: 160px;
	margin: 20px 1%;
	padding-top: 10px;
	float: left;
	border: #ddd 2px solid;
	border-radius: 8px;
}
.top-market ul {
	width: 100%;
	height: 40px;
	margin: 16px 0 20px 0;
}
.top-market ul:first-child li:first-child{
	width: 16%;
	float: left;
	margin-left: 20px;
}
.top-market ul:first-child li:last-child{
	width: 68%;
	margin-top: 4px;
	float: right;
}
.top-market ul:first-child li:last-child span{
	width: 100%;
	height:25x;
	line-height: 16px;
	text-align: left;
	display: block;
	font-size: 16px;
}
.top-market ul:first-child li:last-child span:last-child{
	height:20px;
	line-height: 20px;
	font-size: 12px;
	color: #777;
}
.top-market ul:first-child li img{
	width: 40px;
}

.top-market ul:last-child li:first-child{
	width: 45%;
	height: 35px;
	float: left;
	margin-left: 20px;
}
.top-market ul:last-child i{
	width: 85%;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-top: 2px;
	border-radius: 25px;
}

.top-market ul:last-child li:first-child span{
	width: 100%;
	height: 18px;
	float: left;
	text-align: left;
	display: block;
}
.top-market ul:last-child li:first-child span:first-child{
	font-size: 14px;
}
.top-market ul:last-child li:last-child{
	width: 40%;
	height: 36px;
	float: right;
	margin-right: 6px;
}
.main-mtitle{
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 26px;
	background: #f8f8e8;
}
.main-stitle{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	background: #f8f8e8;
}
.main-market{
	width: 1000px;
	min-height: 550px;
	margin: 0 auto;
}
.main-market .main{
	width: 100%;
	margin-top: 22px;
	border-radius: 10px;
	border: #000 0px solid;
}
.main-market .main .title{
	width: 92%;
	height: 40px;
	margin: 0 auto;
	border-bottom: #e0e0e0 1px solid;
}
.main-market .main .title li{
	width: 20%;
	float: left;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
.main-market .main .title li:first-child{
	text-align: left;
}
.main-market .main .list{
	width: 92%;
	margin: 0 auto;
}
.main-market .main .list ul{
	width: 100%;
	height: 35px;
	margin-top: 15px;
	margin-bottom: 28px;
	font-size: 12px;
}
.main-market .main .list li{
	margin-top: 4px;
	float: left;
	text-align: left;
}
.main-market .main .list li.icon{
	width: 6%;
	margin: 0 auto;
}
.main-market .main .list li.icon img{
	width: 35px;
}
.main-market .main .list li.pair{
	width: 20%;
	float: left;
}
.main-market .main .list li.pair span{
	width: 100%;
	text-align: left;
	display: block;
	font-size: 14px;
	line-height: 15px;
}
.main-market .main .list li.pair span:last-child{
	font-size: 10px;
	color: #777;
}
.main-market .main .list li.price{
	width: 18%;
}
.main-market .main .list li.vol{
	width: 20%;
}
.main-market .main .list li.chg{
	width: 20%;
}
.main-market .main .list li.kl{
	width: 16%;
}
.main-market .main .list li.chg i{
	width: 55%;
	height: 30px;
	line-height: 30px;
	float: left;
	border-radius: 25px;
	text-align: center;
	font-size: 12px;
}
.main-market .main .list li.kl i{
	width: 60%;
	height: 30px;
	line-height: 30px;
	float: left;
	border-radius: 25px;
	text-align: center;
	font-size: 12px;
	background: #000;
	color: #fff;
}

.main-market .more{
	width: 100%;
	height: 100px;
}
.main-market .more a{
	display: block;
	width: 20%;
	height: 38px;
	line-height: 38px;
	margin: 30px auto;
	color: #fff;
	background-color: #000;
	border-radius: 25px;
	font-size: 12px;
}
.main-system1{
	width: 1000px;
	height: 580px;
	margin: 0 auto;
}
.main-system1 .imgs{
	width: 90%;
	height: 550px;
	margin: 15px auto;
	text-align: center;
}
.main-system1 .imgs img{
	width: 100%;
	max-height: 100%;
}
.main-system2{
	width: 100%;
	height: 420px;
	margin: 0 auto;
	background: #f8f8e8;
}
.main-system2 .main{
	width: 1000px;
	height: 420px;
	margin: 0 auto;
}
.main-system2 .main .imgs{
	width: 50%;
	height: 300px;
	margin-top: 65px;
	float: left;
}
.main-system2 .main .imgs img{
	width: 65%;
	max-height: 100%;
}
.main-system2 .main .text{
	width: 45%;
	height: 300px;
	margin-top: 65px;
	padding-top: 27px;
	float: left;
}
.main-system2 .main .text .main-mtitle{
	margin-left: 20px;
	text-align: left;
}
.main-system2 .main .text .main-stitle{
	margin-left: 20px;
	text-align: left;
	font-size: 14px;
}
.main-system2 .main .qty{
	width: 100%;
}
.main-system2 .main .qty li{
	height: 80px;
	margin-top: 60px;
	float: left;
	margin-left: 20px;
}
.main-system2 .main .qty li:first-child{
	width: 40%;
}
.main-system2 .main .qty li:last-child{
	width: 50%;
}
.main-system2 .main .qty li span{
	width: 100%;
	float: left;
	text-align: left;
}
.main-system2 .main .qty li span:first-child{
	font-size: 24px;
	line-height: 50px;
}
.main-system2 .main .qty li span:last-child{
	font-size: 12px;
	line-height: 20px;
}
.main-system3{
	width: 100%;
	height: 390px;
	margin: 0 auto;
	background: #f8f8e8;
}
.main-system3 .text{
	margin-left: 5%;
}
.main-system4{
	width: 100%;
	height: 420px;
	margin: 0 auto;
	background: #f8f8e8;
}
.main-down{
	width: 100%;
	min-height: 550px;
	margin: 0 auto;
	background: #f8f8e8;
}
.main-down .list{
	max-width: 550px;
	height: 80px;
	margin: 0 auto;
}
.main-down .list li{
	width: 33%;
	height: 80px;
	float: left;
	position: relative;
}
.main-down .list li dl{
	width: 125px;
	height: 125px;
	border: #000 1px solid;
	border-radius: 5px;
	background: #fff;
	padding: 6px;
	text-align: center;
	position: absolute;
	top:70px;
	left:23px;
	display: none;
}
.main-down .list li dl img{
	width: 120px;
}
.main-down .list a{
	width: 160px;
	height: 40px;
	line-height: 40px;
	margin: 28px auto 0 auto;
	display: block;
	font-size: 12px;
	border-radius: 25px;
	text-indent: 1.25rem;
}
.main-down .list a.ios{
	background: url(../images/icon/index-ios.png) #F0C358 no-repeat no-repeat 8px center;
	background-size: 26px 26px;
}
.main-down .list a.and{
	background: url(../images/icon/index-android.png) #000 no-repeat no-repeat 8px center;
	background-size: 26px 26px;
	color: #fff;
}
.main-down .list a.win{
	background: url(../images/icon/index-windows.png) #77CF76 no-repeat no-repeat 8px center;
	background-size: 26px 26px;
}
.main-down .list a.h5{
	border: #000 1px solid;
	background: url(../images/icon/index-qrcode.png) #fff no-repeat no-repeat 12px center;
	background-size: 18px 18px;
}
.main-down .imgs{
	width: 100%;
	height: 550px;
	margin-top: 15px;
	float: left;
}
.main-down .imgs img{
	height: 90%;
}