/*html,*/
/*body {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/

/*	!* font-size: 0.7vw; *!*/
/*	!* background: -webkit-linear-gradient(100deg, #00040f, #244f8c); *!*/
/*	background-size: auto 100%;*/
/*	background-repeat: no-repeat;*/
/*	user-select: none;*/

/*}*/

/*img {*/
/*	display: block;*/
/*	position: relative;*/
/*	width: 100%;*/
/*	!* image-rendering: -webkit-optimize-contrast;*/
/*	image-rendering: pixelated; *!*/
/*}*/

/*span {*/
/*	display: inline-block;*/
/*}*/

/*select {*/
/*	float: left;*/
/*	width: 10rem;*/
/*	height: 2rem;*/
/*	font-size: 1rem;*/
/*	border: 1px solid #ddd;*/
/*	color: #888;*/
/*	outline: none;*/
/*}*/

/*option {*/

/*	padding: 0 !important;*/
/*}*/

/*input {*/

/*	border: none;*/
/*	outline: none;*/
/*}*/

/*input::-webkit-input-placeholder {*/
/*	color: #ddd;*/
/*}*/

/*input::-webkit-outer-spin-button,*/
/*input::-webkit-inner-spin-button {*/
/*	-webkit-appearance: none;*/
/*}*/

/*input[type="number"] {*/
/*	-moz-appearance: textfield;*/
/*}*/

/*div {*/
/*	position: relative;*/
/*	float: left;*/
/*	width: 100%;*/
/*	box-sizing: border-box;*/
/*}*/


.common-box {
	position: relative;
	width: auto;
	float: left;
	height: auto;
	margin: 20px 1%;
	padding: 0px 20px 20px 20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, 0.9);
}

.common-title {

	position: relative;
	width: 100%;
	color: #555;
	padding: 20px 0;
	font-weight: bold;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

.common-body {
	margin: 20px 0 0 0;

}
.tipbox{
	margin: 1% 1% 0% 1%;
	font-size: 13px;
	color: #ff0000;
}
.bodybox33 {
	width: 33% !important;
	cursor: pointer;
}

.bodybox {
	width: 25%;
	height: auto;
	margin: 10px 0;
	cursor: pointer;
}

.bodybox-topbox {
	width: 100%;
	text-align: center;
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	font-weight: bold;
}

.bodybox-bottombox {
	width: 100%;
	height: 30px;
	font-size: 14px;
	text-align: center;
}

.tiao-allbox {
	width: 48%;
	height: auto;
	background: #fff;
	margin: 1%;
	padding: 0px 20px 20px 20px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, 0.9);
}

.linebox-all {
	width: 100%;
}
.icon-box{
	opacity: 0.6;
	width: 40px;
	margin: 15px auto 0 auto;
	float: none;

}
.line {
	width: 97%;
	margin: auto;
	float: none;
	border-radius: 1212px;
	height: 30px;
	border: 1px solid #55aaff;
	margin: 10px auto 10px auto;
}

.line:nth-child(1) {
	border: 1px solid #ff5500;
	color: #ff5500;
}

.line:nth-child(2) {
	border: 1px solid #ffaa00;
}

.line:nth-child(3) {
	border: 1px solid #55aa00;
	color: #55aa00;
}

.line:nth-child(1) .linebar {
	background: #ffb996;
}

.line:nth-child(2) .linebar {
	background: #ffe2a8;
}

.line:nth-child(3) .linebar {
	background: #bae98a;
}

.line:nth-child(1) .lineindex {
	color: #ff5500!important;

	border: 1px solid #ff5500;
}

.line:nth-child(2) .lineindex {

	color: #ffaa00!important;
	border: 1px solid #ffaa00;
}

.line:nth-child(3) .lineindex {

	color: #55aa00!important;
	border: 1px solid #55aa00;
}


.linename {

	position: absolute;
	z-index: 2;
	width: auto;
	color: #000;
	left: 30px;
	font-size: 13px;
	margin: 5px 0 0 0;
}

.lineindex {
	position: absolute;
	border: 1px solid #55aaff;
	left: -10px;
	text-align: center;
	top: -1px;
color: #55aaff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 1032px;
	z-index: 1;
	background: #fff;
}

.linebar {
	width: 40%;
	height: 100%;
	background: #b6dbff;
	border-radius: 1212px;
}

.line-rightbox {
	width: 40%;
	position: absolute;
	right: 10px;
	font-size: 13px;
	margin: 5px 0 0 0;
	color: #555;
}

.line-rightbox div {
	float: right;
	width: auto;
}

.list-box-all {

	width: 100%;

}

.list-box {
	border-bottom: 1px dashed #ddd;
	height: 50px;
	line-height: 50px;
	font-size: 13px;
}

.listtitle {
	color: #555 !important;
	border-bottom: 1px solid #999;
}

.list-indexbox {
	width: 15%;
	text-align: center;
}

.list-namebox {
	width: 55%;
}

.list-namebox2 {
	width: 25%;
}

.list-schoolename {
	width: 30%;
}

.list-databox {
	width: 30%;
	text-align: right;
	padding: 0 10px 0 0 ;
}

.titlexuhao {
	background: none !important;
	color: #555 !important;
}

.listindex {
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	background: #999;
	border-radius: 123px;
	margin: 12px auto 0 auto;
	float: none;
}

.zanwu{
	display: none;
	text-align: center;
	padding: 10px ;
	margin: 20px 0 0 0;
	color: #999;

}

.listname {

	color: #55aaff;
}

.listname2 {

	color: #555;
}

.list-boxall .list-box:nth-child(1) .list-indexbox .listindex {

	background: #ff5500;
}

.list-boxall .list-box:nth-child(2) .list-indexbox .listindex {

	background: #55aa00;
}

.list-boxall .list-box:nth-child(3) .list-indexbox .listindex {

	background: #55aaff;
}

.tab-select-box {
	position: absolute;
	right: 25px;
	top: 15px;
	height: 35px;
	line-height: 35px;
	border-radius: 5px;
	width: 150px;
	border: 1px solid #55aaff;
	font-size: 12px;
	z-index: 8;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;

	overflow: hidden;
	flex-flow: center;
}


.btn-tab {
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
}

.activebtn {

	background: #55aaff;
	color: #fff;
}

.btnborder {
	border-right: 1px solid #55aaff;
}

.lookbtn {
	width: 30%;
	border: 1px solid #55aaff;
	text-align: center;
	margin: 20px auto 5px auto;
	float: none;
	color: #55aaff;
	border-radius: 234px;
	cursor: pointer;
	padding: 5px 10px;
}


.top-card{

	width: auto;
	height: 80px;
	    margin: 1%;
	    padding:10px;
	    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
	    box-sizing: border-box;
	    background: #fff;
	    border: 1px solid rgba(255, 255, 255, 0.9);
}
.top-leftbox{
	width: 50px;
	height:50px;
	border-radius: 232323px;
	background: #000;
	margin: 3px 0 0 0;
}
.top-leftbox img{
	position: absolute;
	width: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	filter: invert();
	top: 0;

	margin: auto;
}
.top-rightbox{
	width: auto;
	height: 100%;
	margin: 0 0 0 10px;
}
.top-right-topbox{
	margin:10px 0 0 0;
}

.numbox{
	font-weight: bold;
}
.numbox,.numbox-unitybox{


	width: auto;
}
.greenbg{
	background: #55aa00;
}
.orginbg{
	background: #fe6500;
}
.danlansebg{
	background: #3ec9d8;
}
.huangsebg{
	background: #ffaa00;
}
.lansebg{
	background: #00aaff;
}