@media only screen and (max-width: 900px) {
	/* For mobile phones: */
	.sift span{
		width: 100% !important;
		margin-left: 0% !important;
	}
	.sift{
		width: auto !important;
	}
	.page{
		width:90% !important;
		margin-left: 0% !important;
	}
}
.box_S,.type1003{
	color: #ffc547 !important;
}
.box_A,.type1002{
	color: #bc4cd4 !important;
}
.box_B,.type1001{
	color: #4271ea !important;
}
.box_C,.type1000{
	color: #ffffff !important;
}
.class1
			{
				margin-top: 10px;
				width: 100%;
				position: relative;
			}
			.page 
				{

				height: 70vh;
				/* border: 1px solid red; */
				/* margin:0px 300px 0px; */
				margin-left: 17.5%;
				 width: 65%; 
				 border-radius: 5px;

				/*background:rgba(118, 118, 118, 0.7);*/
				background: rgba(0, 0, 0, 0.65);
				overflow-y: scroll;
				
				}
.page::-webkit-scrollbar {/*滚动条整体样式*/
	width: 15px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.page::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #b7b7b7;
}
.page::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	opacity: 0.75;
}
			.seek{
				margin:10px auto;
				/* width: 600px; */
				width: 50%;
				text-align: center;
				height: 50px;
				line-height: 50px;
				/* text-align: center; */
				/* background-color: azure; */
				position: relative;
			}

			.seek .biu
			{
				/* width: 600px; */
				width: 100%;
				height: 35px;
				box-sizing: border-box;
		
				border-radius: 35px;
				border: 1px solid black;
				position: relative;
				padding-left:1%;
				padding-top: 5px;
				padding-bottom: 5px;
				vertical-align: middle;
				
			}

			.page ul 
			{
				display: flex;
				justify-content: space-around;
				flex-wrap: wrap;
				
				list-style: none;
			}

			.page li
			{
				/*height: 270px;*/
				margin-top:5px;
				width: 180px;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				/* border: 2px solid red; */
				/*background:rgba(170, 255, 255, 0.7);*/
				background-color: #1f1f1f;
				margin-bottom: 10px;
				border-radius: 20px;
			}
			.page .theme{
				/*display: inline-block;*/
				width: 180px;
				height: 120px;
				/*margin: 10px auto;!* 外边距 *!*/
				line-height: 40px;
				text-align: center;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;/* 超出隐藏 */
				color: #929ab8;/* 主题颜色 */
				 /*border: 1px solid yellow ;*/
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
			}
			.page .theme img{
				width: 180px;
				height:120px;
			}
			.page .content {
				display: block;
				white-space: pre-wrap;
				word-wrap: break-word;
				word-break: normal;
				width: 45%;
				text-align: center;
				/*color: #ebd3d6;*/
				color: white;
				font-weight: bold;
				font-size: 15px;
				margin: 10px 0px;

			}
			.page .content_header {
				display: block;
				white-space: pre-wrap;
				word-wrap: break-word;
				word-break: normal;
				width: 100%;
				text-align: center;
				color:#ebd3d6;
				font-weight: bold;
				font-size: 15px;
				margin: 10px 0px;
			}
			
			
			.seek .icon-chongwutubiao18/* 搜索图标 */
			{
				
				position: absolute;
				left: calc(100% - 50px);
				/*transform: translateX(-140%);*/
				display:block;
				float: right;
				width: 30px;
				height: 30px;
				font-size: 30px;
				/*color: #ffbdfa;*/
				top:11px;
				text-align: center;
				line-height: 30px;
			}
			.seek .icon-chongwutubiao18:hover
			{
				border-radius: 20px;
				background-color: #aaffff;
			}
			input[type=text]:focus
			{
				border: 1px solid red;
			-webkit-transition:all linear .1s;
			-moz-transition:all linear .1s;
			transition:all linear .1s;
			outline:none;
			border-color:rgba(137, 52, 255, 0.7);
			-webkit-box-shadow:0 0 8px rgba(170, 170, 255, 0.5);
			-moz-box-shadow:0 0 8px rgba(178, 135, 226, 0.5);
			box-shadow:0 0 8px rgba(170, 170, 255, 0.5);
			}
			
			.sift
			{
				
				/* border: 1px solid red; */
				width: 20%;
				/* height: 30px; */
				line-height: 50px;
				float: left;
				margin: 0px auto 0px;
				border-radius: 50px;
				font-size: 0px;
				text-align: center;
				padding: 2px 0px;
				cursor: pointer;
			}
			.sift span
			{
				background-color: #fff;
				display: block;
				margin-left: 73%;
				width: 27%;
				overflow: hidden;
				margin-top: 2px;
				/* border: 1px solid red; */
				line-height: 30px;
				text-align: center;
				color: #aaaaff;
				font-size: 16px;
				border-top-left-radius:50px;
				
				border-bottom-left-radius:50px;
			}

			.sift .current
			{
				color: white;
				border: 1px solid red;
			-webkit-transition:all linear .1s;
			-moz-transition:all linear .1s;
			transition:all linear .1s;
			outline:none;
			/*background:linear-gradient(45deg,rgba(170, 170, 255, 0.6),rgba(255, 170, 255, 0.6));*/
				background: linear-gradient(45deg,rgb(10 10 10 / 60%),rgb(83 110 209 / 60%));
			/*border-color:rgba(145, 108, 255, 0.7);*/
				border-color: black;
			-webkit-box-shadow:0 0 8px rgba(170, 170, 255, 0.5);
			-moz-box-shadow:0 0 8px rgba(178, 135, 226, 0.5);
			box-shadow:0 0 8px rgba(170, 170, 255, 0.5);
			}
			.paginate {
				/* width: 800px; */

				width: auto;
				/*height: 30px;*/
				margin:10px auto;
				text-align: center;
				font-size: 0;
				 /*border: 1px solid black;*/
			}
			.paginate a,.paginate span{
				background-color: #fff;
				display: inline-block;
				height: 40px;
				text-decoration: none;
				line-height: 40px;
				color: black;
				/* padding: 0 2px; */
				width: 40px;
				font-size: 14px;
				margin: 0px 2px;
				overflow: hidden;
				border-radius: 20%;
				vertical-align: middle;
				cursor: pointer;
			}
			.page ul a
			{
				display: block;
				text-decoration: none;
				/* border: 1px solid black ; */
				height: 200px;
				margin-bottom: 10px;
			}
			.paginate .aaaa/* 分页 */
			{
				/*background-color: #f8b8cc;*/
				/*background-color: #f6dd8a;*/
				/*color: black;*/
				background: linear-gradient(45deg,rgb(10 10 10 / 100%),rgb(83 110 209 / 100%));
				color: white;
			}

			.paginate span:hover
			{
				/*background-color: #75b7f3;*/
				background: linear-gradient(45deg,rgb(10 10 10 / 60%),rgb(83 110 209 / 60%));
				color: white;
			}