body {
		/*background-image: url("https://njaimi.com/images/index_bg.jpg");*/
	   margin-bottom: 0;
       margin: 0;
       margin-top:0;
       margin-left:0;
       margin-right: 0;
       margin-bottom:0;
       margin: 0; padding: 0;
	}

	.div {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

	}

	.row {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.input {
		padding: 10px 10px;
		width: 1010px;
		height: 30px;
		border-radius: 5px;
		font-size: 18px;
		color: #f41e3d;
		border: 1px solid #f41e3d;
		outline: none;
	}
	
.flex-container {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
 
.flex-container li {
  box-sizing: border-box;
  width: 15%;
   /*border: 1px solid #FFF;
 background-color: #ededed;*/
  border-radius: 5px;
  margin-top:5px;
}
.app_img{
    width:185px;
    height:220px;
    border-radius:3px
}
.appname {
  color: #000;
  font-size: 15px;
  display: block;
  font-weight:600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  opacity: .7;
}
.app_info{
    width: 99%;
    font-size: 14px;
    color:#777777;
}


 
.flex-containers {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
 
.flex-containers li {
  box-sizing: border-box;
  width: 30%;
   /*border: 1px solid #FFF;
 background-color: #ededed;*/
  border-radius: 5px;
  margin-top:5px;
}
.app_imgs{
    width:118px;
    height:150px;
    border-radius:3px
}
.appnames {
  color: #000;
  font-size: 14px;
  display: block;
  font-weight:600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  opacity: .7;
}
.app_infos{
    width: 99%;
    font-size: 14px;
    color:#777777;
}



@media (max-width: 768px) {
   
	    .input {
		border: 1px solid #f41e3d;
		outline: none;
	}
  }
	.submits {
		width: 120px;
		height: 52px;
		padding: 10px;
		margin-left: -8px;
		border: none;
		outline: none;
		/*border-radius: 5px;*/
		background: #f41e3d;
		color: #FFF;
		font-size: 1em;
		box-shadow: 0.1px 2px 8px 4px rgba(0, 0, 0, 0.05);
	}
    .inputline{
        margin-top:8%
    }
    .inputlines{
        margin-top:1%
    }
    .listtop{
       margin-top:-50px;
    }
    .like{
	    width: 60%;
	    padding-left:36px;
		margin-top: 10px;
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
    }
	input:-moz-placeholder,
	textarea:-moz-placeholder {
		color: #feb4bf;
	}

	input:-ms-input-placeholder,
	textarea:-ms-input-placeholder {
		color: #feb4bf;
	}

	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {
		color: #feb4bf;
	}

	a {
		color: #000
	}

	p {
		color: #000
	}
  .infotext{
      font-weight:400;font-size:13px;margin-top:20px;color:#9D9D9D
  }
	@media (max-width: 600px) {
	    
	    .infotext{
	       padding:0 20px;font-size:13px;margin-top:15px;color:#9D9D9D
  }
		
		 .listtop{
       margin-top:-30px;
    }
.inputline{
        margin-top:10%
    }
    .inputlines{
        margin-top:1%
    }
		.row {
			display: flex;
			flex-direction: row;
			align-items: center;
		}

		.input {
			padding: 10px 10px;
			border: 2px solid #f41e3d;
			width: 100%;
			height: 27px;
			border-radius: 10px 0 0 10px;
			font-size: 18px;
			color: #f41e3d;
			outline: none;
			box-shadow: 0.1px 2px 8px 4px rgba(0, 0, 0, 0.05);
		}

		.submits {
			margin-left: -5px;
			width: 60px;
			height: 51px;
			border: none;
			outline: none;
			border-radius: 0 10px 10px 0;
			background: #f41e3d;
			color: #FFF;
			font-size: 1em;
			box-shadow: 0.1px 2px 8px 4px rgba(0, 0, 0, 0.05);
		}

		input:-moz-placeholder,
		textarea:-moz-placeholder {
			color: #feb4bf;
		}

		input:-ms-input-placeholder,
		textarea:-ms-input-placeholder {
			color: #feb4bf;
		}

		input::-webkit-input-placeholder,
		textarea::-webkit-input-placeholder {
			color: #feb4bf;
		}

		a {
			color: #000
		}

		p {
			color: #000
		}
	}


	.list {
		width: 100%;
		margin: 10px;
		padding: 15px 15px;
		border-radius: 8px;
		margin-top: 10px;
	}

	.listdiv {
		display: flex;
		flex-direction: column;
		flex: 1;
	}

	.listimage {
		width: 130px;
		height: 160px;
		margin-right: 22px;
		background-color: #EEEEEE;
		border-radius: 5px;

	}

	.info {
		color: #333333;
		font-size: 14px;
		display: block;
		margin-top: 6px;
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		opacity: .7;
	}

	.pic {
		width: 100px;
		height: 120px;
		border-radius: 5px;
	}
    .picwidth{
        max-width: 100px;
    }
	.name {
		color: #f41e3d;
		font-weight: 700;
	}

	.tag {
		color: #7B7B7B;
		font-size: 14px;
		margin-top: 6px;
		flex: 1;
		opacity: .7;
	}
    .bottom{
	    border-bottom:1px dashed #E1E1E1;padding:5px 0;margin-bottom:10px
	}
	.sm{
	    width: 48%;margin:10px;background-color:#EFEFEF;padding:30px 10px;border-radius:5px;color:#767676;font-size:14px
	}
	@media (max-width: 600px) {
	    
	    .sm{
	    width: 90%;margin:10px;background-color:#EFEFEF;padding:10px 10px;border-radius:5px;color:#767676;font-size:14px
	}
	

	.listdiv {
		display: flex;
		flex-direction: column;
		flex: 1;
	}

	.listimage {
		width: 130px;
		height: 160px;
		margin-right: 22px;
		background-color: #EEEEEE;
		border-radius: 5px;

	}
    .picwidth{
        max-width: 90px;
    }
    .pic {
        margin-top:3px;
		width: 90px;
		height: 110px;
		border-radius: 5px;
	}
	.info {
		color: #333333;
		font-size: 14px;
		display: block;
		margin-top: 6px;
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		opacity: .7;
	}

	

	.name {
		color: #f41e3d;
		font-weight: 700;
	}

	.tag {
		color: #7B7B7B;
		font-size: 12px;
		margin-top: 6px;
		display: flex;
		flex: 1;
		opacity: .7;
	}
	
	.bottom{
	    border-bottom:1px dashed #E1E1E1;padding:5px 0;margin-bottom:10px
	}
}


.plays{
    width: 100%;
    height: 830px;
    
}

.vodclass{
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	}
.indextagarr{
	padding: 6px 6px;
	border-radius:5px;
	color: #7B7B7B;
	display: block;
	font-size: 14px;
	border: none;
    cursor: pointer;
    outline: none;
    transition: background-color 0.1s; /* 平滑过渡颜色变化 */
	}
.caidan{
    background-color: rgba(0,0,0,1);
	padding: 6px 6px;
	border-radius:5px;
	margin-left: 5px;
	color: #FFFFFF;
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	border: none;
    cursor: pointer;
    outline: none;
    transition: background-color 0.1s; /* 平滑过渡颜色变化 */
	}	
.tagarr{
    background-color: #222222;
    padding:0 3px;
	border-radius:5px;
	margin-left: 2px;
	color: #7B7B7B;
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	border: none;
    cursor: pointer;
    outline: none;
    transition: background-color 0.1s; /* 平滑过渡颜色变化 */
	}
  
@media (max-width: 767px) {
    .list {
		width: 92%;
		margin: 10px;
		padding: 15px 15px;
		border-radius: 8px;
		margin-top: 10px;
	}
    .input {
			padding: 10px 10px;
			border: 2px solid #f41e3d;
			width: 100%;
			height: 27px;
			border-radius: 10px 0 0 10px;
			font-size: 18px;
			color: #f41e3d;
			outline: none;
			box-shadow: 0.1px 2px 8px 4px rgba(0, 0, 0, 0.05);
		}

		.submits {
			margin-left: -5px;
			width: 160px;
			height: 51px;
			border: none;
			outline: none;
			border-radius: 0 10px 10px 0;
			background: #f41e3d;
			color: #FFF;
			font-size: 1em;
			box-shadow: 0.1px 2px 8px 4px rgba(0, 0, 0, 0.05);
		}
    .div {
		margin: 3px;

		}
  .plays{
    width: 100%;
    height: 240px;
}  

	
	.vodclass{
	    padding: 0 3px;
		margin-top: 10px;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
	}
	.like{
	    width: 95%;
	    margin-left:-20px;
		margin-top: 10px;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
    }
	.tagarr{
		padding: 0 2px;
		border-radius:2px;
		color: #A1A1A2;
		display: block;
		margin-bottom: 8px;
		font-size: 14px;
	}
	
}

a {
  color: #000; 
  text-decoration: none; 
  transition: color 0.5s ease;
}
.indextagarr:hover{
    color:  #f41e3d; 
}
.name:hover {
  color:  #c125fa; 
}
a:hover {
  color:  #f41e3d; 
}

.alink{
    color:#7B7B7B
}
.alink:hover {
  background-color: #f41e3d; 
  color:  #FFFFFF; 
}
.clink{
    color:#F5F5F5;
}
.clink:hover {
  background-color: #f41e3d; 
  color:  #FF0; 
}