@import "media.css";
* {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float:right;
}
.main {
	width: 1000px;
	margin: 0 auto;
}
#jdkfjio{
	right:calc(50% - 1440px / 2 );
	left:auto!important;
}
.usage {
	margin-bottom: 20px;
	padding: 14px;
	background-color: #efefef;
}
.usage h3{
	margin-bottom: 6px;
}


pre {
	background-color: #dadada;
	padding: 8px 10px;
	border-radius: 4px;
	color: #333;
}
.foot{
	height: 500px;
	background-color: #fcfcfc;
}
.fr-show{
	width: 459px;
	height: 68px;
	background: #FFC107;
	border-radius: 6px 6px 0px 0px;
	line-height: 68px;
	text-align: center;
	font-size: 24px;
	font-weight: bolder;
}
.nav-box{
	width: 100%;
	padding: 0 40px;
	height: 670px;
	overflow: auto;
}
.nav-box img{
	width: 100%;
	height: 285px;
}
.nav-box-text{
	width: 100%;
	height: 137px;
	background: #F8F8F8;
	margin-top: -10px;
	padding-top: 20px;
	padding-left: 24px;
	padding-right: 24px;
	color: #333;
}
.nav-box-text p{
	margin-bottom: 19px;
	font-size: 24px;
}
.nav-box-text span{
	font-size: 16px;
}
.nav-box::-webkit-scrollbar { width: 6px; }
.nav-box::-webkit-scrollbar-track { background: #f6f6f6; }
.nav-box::-webkit-scrollbar-thumb { border-radius: 4rem; background: #91127C; }
.demo li {
	/*margin-bottom: 20px;*/
	/*height: 600px;*/
	/*background-color: #efefef;*/
	/*border: 1px solid #dbdbdb;*/
	/*font-size: 100px;*/
	/*color: #fff;*/
}
.demo li p{
	width: 100%;
	font-size: 30px;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.demo li p:first-child{
	border-bottom: 1px solid #ddd;
}
.demo li img{
	width: 951px;
	/*height: 635px;*/
	margin-bottom: 21px;
}
.demo {
	overflow: hidden;
}

.fl {
	width: 951px;
	height: 100%;
}

.fr {
	width: 459px;
	box-shadow: 0px 10px 20px 0px rgba(202, 202, 202, 0.25);
	border-radius: 0px 0px 6px 6px;
}
.nav{
	display: flex;
	height: 101px;
	width: 100%;
	align-items: center;
	font-size: 22px;
	justify-content: center;
}
.nav-item {
	display: block;
	margin-right: 20px;
	padding-bottom: 10px;
}

.nav-item.active {
	border-bottom: 4px solid #91127C;
}
.ys{text-align: center}
.ys a{padding: 10px;line-height: 30px;color: #393939;font-weight: 600}
.fl-tab{
	width: 948px;
	height: 66px;
	background: #F8F8F8;
	display: flex;
	margin-bottom: 40px;
}
.fl-tab p{
	flex:1;
	height: 66px;
	border-radius: 6px 6px 0px 0px;
	line-height: 66px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
}
.fl-active{
	background: #FFC107;
	font-weight: bolder;
}
.aa{
	display: none;
}
.ideas{
	font-size: 22px;
	margin-bottom: 70px;
}
.btn{
	width: 480px;
	height: 70px;
	margin: 73px auto 80px;
	text-align: center;
	line-height: 70px;
	font-size: 24px;
	background:#FEC107;
}