body{
	background-color: #191a1f;
}

nav{
	width: 100%;
	height: 64px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

header{
	margin: 0 120px;
}

nav img{
	width: 115px;
	height: 32px;
	position: relative;
	/* top: 14px; */
}

nav .logo{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.nav-left{
	display: flex;
	align-items: center;
}

.nav-left ul{
	display: flex;
	align-items: center;
	margin-left: 50px;
}

.nav-left ul li{
	width: 70px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.nav-left a{
	color: #fff;
	font-family: "Gilroy,sans-serif";
	letter-spacing:4px;
	transition: all 0.2s;
}

.nav-left a:hover{
	color: #9373EE;
}

.nav-right{
	display: flex;
	align-items: center;
}

.nav-right button{
	width: 78px;
	height: 38px;
	margin: 0 6px;
	border-radius: 4px;
}

.nav-right button a{
	color: #fff;
}

.nav-right button:first-child{
	background: rgba(255, 255, 255, 0.08);
}

.nav-right button:last-child{
	background: #9373ee;
}

.content{
	width: 980px;
	margin: 90px auto 0;
	height: 70vh;
}

.content-back{
	position: absolute;
    top: 97px;
    left: 50%;
    z-index: -1;
    width: 800px;
    height: 600px;
    margin-left: -400px;
    background: radial-gradient(50% 50% at 50% 50%,rgba(82,57,233,.25) 0,rgba(147,115,238,0) 100%);
}

.cont-title{
	font-size: 42px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	line-height: 60px;
}

.cont-title strong{
	color: #9373EE;
}

.content-little{
	color: hsla(0,0%,100%,.85)!important;
	text-align: center;
	font-size: 20px;
	margin-top: 40px;
	line-height: 30px;
}

.down-web{
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.down ul{
	display: flex;
	justify-content: space-between;
	color: hsla(0,0%,100%,.7);
}

.down-button{
	display: flex;
	width: 188px;
	height: 64px;
	background-color: #9373EE;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.4s;
}

.down-button img{
	width: 25px;
	height: 25px;
}

.down-button svg{
	color: #fff;
	margin-left: 20px;
}

.down button{
	background: none;
	display: flex;
	align-items: center;
	font-size: 18px;
	transition: all 0.4s;
}

.down-button a{
	position: relative;
	display: inline-block;
	color: #fff;
	margin-left: 10px;
}

.down-button a::after{
	content: "";
	position: absolute;
	right: -15px;
	top: -6px;
	display: inline-block;
	width: 1px;
	height: 40px;
	background-color: #FFFFFF;
	opacity: .12;
	
}

.down-web .web button{
	width: 188px;
	height: 64px;
	margin-left: 40px;
	border-radius: 6px;
	background: none;
	border: 2px solid #9373EE;
	cursor: pointer;
	transition: all 0.4s;
}

.down-web .web button a{
	transition: all 0.4s;
}

.down-web .web button a{
	color: #fff;
	font-size: 18px;
}

.down ul{
	display: flex;
	width: 80px;
	margin: 10px auto;
}

.down-button:hover{
	background-color: #a68cf1;
}

.web button:hover,
.web button:hover a{
	background: rgba(147,115,238,.04);
    color: #a68cf1;
}

footer{
	margin-top: 60px;
	border-top: 1px solid #27282e;
}

.footer-box{
	background-color: #191A1F;
	margin-top: 120px;
	padding: 80px 0;
	margin: 0 180px;
	border-bottom: 1px solid #27282e;
}

.footer-box{
	display: flex;
	justify-content: space-between;
}

footer img{
	width: 130px;
	height: 40px;
}
footer span{
	color: rgba(255,255,255,0.75);
	font-size: 14px;
	display: inline-block;
	margin: 24px 0;
}

footer .items{
	display: flex;
}

footer .item{
	border:1px solid rgba(255,255,255,0.1);
	margin-right: 20px;
	padding: 4px;
	border-radius: 10px;
}

footer ul li a{
	display: inline-block;
	color: rgba(255,255,255,0.5);
	margin-top: 20px;
	transition: all 0.2s;
}

footer ul li a:hover{
	color: #A68CF1;
}

footer ul li strong{
	color: rgba(255,255,255,0.9);
}

.footer-banquan{
	color: rgba(255,255,255,0.5);
	text-align: center;
	font-weight: 300;
	margin: 60px 0;
}

.footer-banquan a{
	color: rgba(255,255,255,0.5);
	text-align: center;
	font-weight: 300;
	margin: 60px 0;
}