/* leftsead */

#leftsead{width:131px;height:143px;position:fixed;top:258px;left:56px;z-index: 9999;cursor: pointer;}

@font-face {
	/* font-properties */
	font-family: Montserrat-Light;
	src:url('../evaluationfont/montserrat-light-webfont.woff'),
	url('../evaluationfont/Montserrat-Light.otf'),
	url('../evaluationfont/montserrat-light-webfont.eot'); /* IE9 */
}

*{
	font-family: Montserrat-Light !important;

}

#leftsead li{width:199px;height:60px;}

#leftsead li img{float:right;}

#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}

#leftsead li a .shows{display:block;width: 295px;}

#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}

#leftsead li a.youhui .hides{display:none;position:absolute;right:190px;top:2px;}


.index-1 {
	border-radius: 5px;
	border: solid 1px #FFFFFF;
	padding: 8px 20px;
	margin-left: -30%;
}

.index-2 {
	border-radius: 5px;
	border: solid 1px #000000;
	padding: 8px 20px;
	margin-right: 2%;
}

.index-3 {

	position: absolute;
	margin-top: -34%;
	margin-left: 32%;
	height: 55px;
	background-color: #FFFFFF;

	width: 40%;
	font-size: 16px;
	z-index: 999;
	
}




.index-4 {
	text-align: right;
	position: relative;
}

.index-5 {
	position: absolute;
	text-align: right;
	width: 100%;
	margin-top: 1.5%;
	margin-left: -16%;
	cursor: pointer;
}

.index-6 {
	display: inline-block;
	margin-bottom: 8px;
}

.index-7 {
	font-size: 24px;
	color: #000000;
	display: inline-block;
}

.index-8 {
	text-align: center;
	margin-top: 9%;
	margin-bottom: 7%;
}

.index-9 {
	display: inline-block;
	background-color: #ffffff;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.35);
	padding: 41px 85px;
	margin-right: 9%;
	cursor: pointer;
}

.index-10 {
	padding-top: 3%;
	font-size: 24px;
	color: #000000;
}

.index-11 {
	display: inline-block;
	background-color: #ffffff;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.35);
	padding: 41px 85px;
	cursor: pointer;
}

.index-12 {
	display: inline-block;
	background-color: #ffffff;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.35);
	padding: 41px 85px;
	margin-left: 9%;
	cursor: pointer;
}

.index-13 {
	text-align: center;
	background-color: #1F2022;
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 12%;
	bottom: 0;
}

.index-14 {
	text-align: center;
	margin-top: 2%;
}

.index-15 {
	border: solid 3px #020202;
	font-size: 30px;
	padding: 15px;
	
}

.index-16 {
	width: 100%;

}

.index-18 {
	background: #000000;
	
	position: absolute;
	margin-top: -3%;
	padding: 5px 115px;
	
}

.index-19{
	color: #FFFFFF;
	margin-left: -105px;
}

.index-21 {
	background: #FFFFFF;
	position: absolute;
	padding: 25px 22px;
	border-radius: 5px;
	right:40px;
	width: 286px;
	display: none;
}
#username i{
	bottom: -3px;
	position: absolute;
	left: 122px;
}
.userdata{
	display: flex;
	align-items: center;
}
.personalMenu{
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	cursor: pointer;
	margin: 0px -5px;
}
.personalMenu:hover{
	background-color: rgb(240,240,245);
}
.personalMenu .iconfont{
	margin: 0px 5px;
}
.line{
	background: black;
	width: 100%;
	height: 0.6px;
	left: 150px;
	margin: 10px -5px;
}

.left_avatarimg img{
	width: 60px;
	height: 60px;
	border-radius: 50px;
}
.left_avatarimg i{
	position: absolute;
	left: 51px;
	top: 40px;
}
.right_userinfo{
	margin-left: 10px;
}
.right_userinfo p{
	margin: 0;
}

.index-22 {
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 8px;
}

.index-23 {
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 8px 16px;
}

.index-30{
	margin-top: -33.4%;
	margin-left: 69%;
	position: absolute;
	z-index: 999;
	cursor: pointer;
}

.index-before1{
	position: absolute;
	margin-top: -39%;
	margin-left: 26%;
	z-index: 0;
}

.index-before2{
	position: absolute;
	margin-top: -35.8%;
	margin-left: 33%;
}

.index-before3{
	position: absolute;
	margin-top: -12%;
	left: 49%;
}

.index-before4{
	position: absolute;
	margin-top: -9%;
	left: 47%;
	color: #ffffff;
}

.index-40{
	max-width: 119px;
	margin-top: -10%;
	margin-left: -13%;
	position: absolute;
}

.index-41{
	margin-top: -3%;
	margin-left: -20%;
}

.index-42{
	max-width: 119px;
	margin-top: -8.6%;
	margin-left: 6%;
	position: absolute;
}

.index-43{
	margin-top: -1.5%;
	margin-left: 18%;
}

.index-44{
	border: 1px solid;
	width: 11%;
	margin: 12px auto;
	margin-top: 2%;
	border-radius: 8px;
	padding: 5px;
}

.index-50{
	text-align: center;
	margin-top: 43px;
}

.index-51{
	text-align: right;
	margin-top: 53px;
	margin-right: 43px;
}

/*
@media (min-width: 768px){  }
@media (min-width: 992px){  }
@media (min-width: 1200){  }*/

@media (min-width: 992px){
	.index-15 {
		border: solid 3px #020202;
		font-size: 25px;
		padding: 15px;

	}
}

@media screen and (min-width:1400px)  {
	.index-51 {
		text-align: right;
		margin-top: 53px;
		margin-right: -65px;
	}

	｝


@media (min-width: 1200px) {
	.index-15 {
		border: solid 3px #020202;
		font-size: 25px;
		padding: 15px;

	}

	.index-51 {
		text-align: right;
		margin-top: 53px;
		margin-right: 38px;
	}

	｝





@media screen and (max-width: 1680px) {
	.index-5 {
		position: absolute;
		text-align: right;
		width: 100%;
		margin-top: 1.5%;
		margin-left: -10%;
		cursor: pointer;
	}

	.index-30{
		margin-top: -33.3%;
		margin-left: 69%;
		position: absolute;
		z-index: 999;
		cursor: pointer;
	}

	.index-21 {
	background: #FFFFFF;
	position: absolute;
	padding: 25px 22px;
	margin-left: -13%;
	display: none;
  }	

  .index-before3{
	position: absolute;
	margin-top: -8%;
	left: 49%;
  }

.index-before4{
	position: absolute;
	margin-top: -5%;
	left: 47%;
	color: #ffffff;
}
	
 .index-before2{
	position: absolute;
	margin-top: -36%;
	margin-left: 33%;
}

	.index-40{
		max-width: 119px;
		margin-top: -10%;
		margin-left: -13%;
		position: absolute;
	}

	.index-41{
		margin-top: -2%;
		margin-left: -19%;
	}

	.index-42{
		max-width: 119px;
		margin-top: -9.6%;
		margin-left: 6%;
		position: absolute;
	}

	.index-43{
		margin-top: -1.5%;
		margin-left: 19%;
	}

	.index-44{
		border: 1px solid;
		width: 11%;
		margin: 12px auto;
		margin-top: 2%;
		border-radius: 8px;
		padding: 5px;
	}

}


@media screen and (max-width: 1400px) {


	.index-9 {
		padding: 33px 60px;
	}
	.index-11 {
		padding: 33px 60px;
	}
	.index-12 {
		padding: 33px 60px;
	}
	.index-16 {
		width: 300px;
		height: 250px;
	}
	.index-5 {
		position: absolute;
		text-align: right;
		width: 100%;
		margin-top: 1.5%;
		margin-left: -11%;
		cursor: pointer;
	}
	
	.index-18 {
	background: #000000;
	
	position: absolute;
	margin-top: -3%;
	padding: 0px 105px;
	
  }
	
  .index-21 {
	background: #FFFFFF;
	position: absolute;
	padding: 25px 22px;
	margin-left: -13%;
	display: none;
  }	

  .index-before1{
	position: absolute;
	margin-top: -40%;
	margin-left: 25%;
	z-index: 0;
}
	.index-before2{
	position: absolute;
	margin-top: -36.5%;
	margin-left: 33%;
}	
	
	.index-before3{
	position: absolute;
	margin-top: -9%;
	left: 49%;
  }
	
	.index-before4{
	position: absolute;
	margin-top: -5%;
	left: 46.5%;
	color: #ffffff;
}

	/*.index-15{*/
		/*border: solid 3px #020202;*/
		/*width: 17%;*/
		/*margin: 0 auto;*/
		/*font-size: 27px;*/
		/*padding: 15px;*/
	/*}*/

	.index-17{
		width: 70%;
	}

	.index-10{
		padding-top: 3%;
		font-size: 17px;
		color: #000000;
	}

	.index-30{
		margin-top: -33.2%;
		margin-left: 68%;
		position: absolute;
		z-index: 999;
		cursor: pointer;
	}

	.index-40{
		max-width: 102px;
		margin-top: -10%;
		margin-left: -13%;
		position: absolute;
	}

	.index-42{
		max-width: 102px;
		margin-top: -10%;
		margin-left: 6%;
		position: absolute;
	}

	.index-43 {
		margin-top: -1.9%;
		margin-left: 19%;
	}

}


@media screen and (max-width: 1366px) {
	.index-9 {
		padding: 33px 60px;
	}
	.index-11 {
		padding: 33px 60px;
	}
	.index-12 {
		padding: 33px 60px;
	}
	.index-16 {
		width: 300px;
		height: 250px;
	}
	.index-5 {
		position: absolute;
		text-align: right;
		width: 100%;
		margin-top: 1.5%;
		margin-left: -10%;
		cursor: pointer;
	}
	
	.index-21 {
	background: #FFFFFF;
	position: absolute;
	padding: 25px 22px;
	margin-left: -13%;
	display: none;
  }
/*.index-15{*/
	/*border: solid 3px #020202;*/
	/*width: 17%;*/
	/*margin: 0 auto;*/
	/*font-size: 26px;*/
	/*padding: 15px;*/
/*}*/

.index-17{
	width: 65%;
}

.index-10{
	padding-top: 3%;
	font-size: 17px;
	color: #000000;
}

	.index-30{
		margin-top: -33.2%;
		margin-left: 68%;
		position: absolute;
		z-index: 999;
		cursor: pointer;
	}
	.index-44{
		border: 1px solid;
		width: 13%;
		margin: 12px auto;
		margin-top: 2%;
		border-radius: 8px;
		padding: 5px;
	}

}

@media screen and (max-width: 1280px) {
	.index-9 {
		padding: 33px 60px;
	}
	.index-11 {
		padding: 33px 60px;
	}
	.index-12 {
		padding: 33px 60px;
	}
	.index-16 {
		width: 300px;
		height: 250px;
	}
	.index-5 {
		position: absolute;
		text-align: right;
		width: 100%;
		margin-top: 1.5%;
		margin-left: -8%;
		cursor: pointer;
	}
	
	.index-21 {
	background: #FFFFFF;
	position: absolute;
	padding: 25px 22px;
	margin-left: -14%;
	display: none;
 }

 .index-before1{
	position: absolute;
	margin-top: -40%;
	margin-left: 21%;
	z-index: 0;
}
/*.index-15{*/
	/*border: solid 3px #020202;*/
	/*width: 17%;*/
	/*margin: 0 auto;*/
	/*font-size: 24px;*/
	/*padding: 15px;*/
/*}*/

.index-17{
	width: 62%;
}

.index-10{
	padding-top: 3%;
	font-size: 15px;
	color: #000000;

}

	.index-40{
		max-width: 102px;
		margin-top: -10%;
		margin-left: -13%;
		position: absolute;
	}

	.index-41{
		margin-top: -1%;
		margin-left: -19%;
	}

	.index-42{
		max-width: 102px;
		margin-top: -11%;
		margin-left: 6%;
		position: absolute;
	}

	.index-43{
		margin-top: -1.9%;
		margin-left: 19%;
	}

	.index-44{
		border: 1px solid;
		width: 13%;
		margin: 12px auto;
		margin-top: 2%;
		border-radius: 8px;
		padding: 5px;
	}


	

}



@media screen and (max-width: 1024px) {

	.index-41{
		margin-top: -1%;
		margin-left: -18%;
	}

	.index-43{
		margin-top: -2.3%;
		margin-left: 20%;
	}

	.index-40{
		max-width: 85px;
		margin-top: -10%;
		margin-left: -13%;
		position: absolute;
	}

	.index-42{
		max-width: 85px;
		margin-top: -11.4%;
		margin-left: 6%;
		position: absolute;
	}

	*{
		font-size: 13px !important;
	}
	.index-9 {
		padding: 5px 32px;
	}
	.index-11 {
		padding: 5px 32px;
	}
	.index-12 {
		padding: 5px 32px;
	}
	.index-16 {
	width: 300px;
	height: 250px;
   }
   
   .index-17 {
	width: 55%;
	
}

.index-5 {
	position: absolute;
	text-align: right;
	width: 100%;
	margin-top: 4.5%;
	margin-left: -6%;
	cursor: pointer;
}

/*.index-15 {*/
	/*padding: 9px;*/
	/*font-size: 19px;*/
/*}*/

.index-18 {
	background: #000000;
	
	position: absolute;
	margin-top: -4%;
	padding: 5px 95px;
	
  }

.index-19{
	color: #FFFFFF;
	margin-left: -81px;
}

.index-21 {
	background: #FFFFFF;
	position: absolute;
	padding: 25px 22px;
	margin-left: -18%;
	display: none;
}

.index-before1{
	position: absolute;
    margin-top: -38%;
    margin-left: 21%;
    z-index: 0;
    width: 27%;
}

.index-before2{
	position: absolute;
	margin-top: -37.5%;
	margin-left: 33%;
}	

.index-before3{
	position: absolute;
	margin-top: -9%;
	left: 49%;
	width: 4%;
  }

.index-before4{
	position: absolute;
	margin-top: -5%;
	left: 45.5%;
	color: #ffffff;
}

.index-10{
	padding-top: 3%;
	font-size: 15px;
	color: #000000;
}

	.index-30{
		margin-top: -21%;
		margin-left: 67%;
		position: absolute;
		z-index: 999;
		cursor: pointer;
	}

}
/*@media (max-width: 991px){  }
 * 
@media (max-width: 767px){  }*/