<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** ********** è¯¥cssæ˜¯testDevelop.cssåœ¨pageDevelopé¡µé¢çš„è¡¥å……ä¸Žä¿®æ”¹ ********** */

/** å¸ƒå±€æ¨¡å—3ä¿®æ”¹ S */
.mode3&gt;div&gt;p{
  width: 5em;
}
/** å¸ƒå±€æ¨¡å—3ä¿®æ”¹ E */

/** å¸ƒå±€æ¨¡å—1ä¿®æ”¹ S */
.mode1&gt;div{
	margin-bottom: 22px;
}
.mode1&gt;div:nth-of-type(n + 4){
  margin-bottom: 22px;
}
.mode1&gt;div&gt;div&gt;p{
  display: block;
}
.mode1&gt;div&gt;div&gt;p:first-of-type{
  font-weight: bold;
  margin-bottom: 6px;
  text-align: center;
}
.mode1&gt;div:hover&gt;div&gt;p:first-of-type{color:#196bc0;}
.mode1&gt;div&gt;div&gt;p:nth-of-type(2){
  /* font-size: 20px; */
  font-size: 16px;
  color: #999;
}
.mode1&gt;div:nth-of-type(n + 4){
  padding: 29px 19px;
}
.mode1&gt;div:nth-of-type(n + 4)&gt;div&gt;p:first-of-type{
  text-align: left;
}
/** å¸ƒå±€æ¨¡å—1ä¿®æ”¹ E */

/** å¸ƒå±€æ¨¡å—5ä¿®æ”¹ S */
.mode5&gt;.notes{
  display: flex;
  align-items: center;
}
.mode5&gt;.notes&gt;div{
  width: calc((100% - 44px) / 3);
  margin-right: 22px;
  margin-bottom: 22px;
  border-radius: 12px;
  padding: 23px 27px;
}
.mode5&gt;.notes&gt;div .tit{
  /* font-size: 28px; */
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  /* margin-bottom: 24px; */
  margin-bottom: 18px;
  text-align: center;
}
.mode5&gt;.notes&gt;div .salary{
	display: flex;
	justify-content: space-between;
}
.mode5&gt;.notes&gt;div .salary&gt;div{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mode5&gt;.notes&gt;div .salary&gt;div:first-of-type{
	margin-right: 10px;
}
.mode5&gt;.notes&gt;div .salary&gt;div p{
  /* font-size: 20px; */
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.mode5&gt;.notes&gt;div:first-of-type{
  background: linear-gradient(-45deg, #4FACFE 0%, #00F2FE 100%);
}
.mode5&gt;.notes&gt;div:nth-of-type(2){
  background: linear-gradient(-45deg, #FEB135 0%, #FBD12F 100%);
}
.mode5&gt;.notes&gt;div:last-of-type{
  background: linear-gradient(-45deg, #FF849C 0%, #FFCE9F 100%);
  margin-right: 0;
}
/** å¸ƒå±€æ¨¡å—5ä¿®æ”¹ E */

/** å¸ƒå±€æ¨¡å—7ä¿®æ”¹ S */
.mode7 .syllabus .syContent{
	padding-left: 0;
}
.mode7 .syllabus .syCItemBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mode7 .syllabus .syCItemBox .left,
.mode7 .syllabus .syCItemBox ul{
	width: 50%;
	flex-grow: 0;
	flex-shrink: 1;
}
.mode7 .syllabus .syCItemBox .left{
	padding-right: 22px;
}
.mode7 .syllabus .syCItemBox .left&gt;div{
	background: #EEEEEE;
	border-radius: 12px;
	padding: 4px 30px;
	display: inline-block;
}
.mode7 .syllabus .syCItemBox .left&gt;div&gt;p{
	font-size: 20px;
	font-weight: bold;
	color: #666;
	line-height: 40px;
}
/* .mode7 .syllabus .syContent li{
	padding-left: 1em;
}
.mode7 .syllabus .syContent li::before{
	content: '';
	display: block;
	width: ;
} */
/** å¸ƒå±€æ¨¡å—7ä¿®æ”¹ E */


/** ***** å“åº”å¼ ***** */
@media (max-width: 1200px) {
	.mode5&gt;.notes&gt;div{
		padding: 23px 26px;
	}
}

@media (max-width: 1100px) {
	.mode5&gt;.notes&gt;div{
		padding: 23px 19px;
	}
}

@media (max-width: 980px) {
	.mode5&gt;.notes&gt;div{
		padding: 23px 19px;
	}
	.mode5&gt;.notes&gt;div .salary{
	  display: block;
	}
}

@media (min-width: 751px) {
	/** å¸ƒå±€æ¨¡å—1 S */
	.mode1&gt;div{
		width: calc((100% - 66px) / 4);
	}
	.mode1&gt;div:nth-of-type(4){
		width: calc((100% - 66px) / 4);
		margin-right: 0;
	}
	.mode1&gt;div:nth-last-of-type(-n + 3){
		margin-bottom: 0;
	}
	.mode1&gt;div:nth-of-type(n + 4)&gt;div&gt;p:first-of-type{
		text-align: center;
	}
	.mode1&gt;div:nth-of-type(n + 5){
		width: calc((100% - 44px) / 3);
		flex-direction: column;
	}
	.mode1&gt;div:nth-of-type(n + 4) img{
		margin-right: 0;
		margin-bottom: 35px;
	}
	.mode1&gt;div:nth-of-type(2n + 5){
		margin-right: 22px;
	}
	.mode1&gt;div:nth-of-type(2n + 7){
		margin-right: 0;
	}
	/** å¸ƒå±€æ¨¡å—1 E */
}
@media (max-width: 750px) {
	/** å¸ƒå±€æ¨¡å—3ä¿®æ”¹ S */
	.mode3&gt;div&gt;p{
	  width: 5em;
	}
	/** å¸ƒå±€æ¨¡å—3ä¿®æ”¹ E */
	
	/** å¸ƒå±€æ¨¡å—1ä¿®æ”¹ S */
	.mode1&gt;div{
		margin-bottom: .22rem;
	}
	.mode1&gt;div:nth-of-type(n + 4){
	  margin-bottom: .22rem;
	}
	.mode1&gt;div:nth-last-of-type(-n + 2){
		margin-bottom: 0;
	}
	.mode1&gt;div&gt;div&gt;p{
	  display: block;
	}
	.mode1&gt;div&gt;div&gt;p:first-of-type{
	  font-weight: bold;
	  margin-bottom: .06rem;
	  text-align: center;
	}
	.mode1&gt;div&gt;div&gt;p:nth-of-type(2){
	  font-size: .20rem;
	  color: #999;
	}
	.mode1&gt;div:nth-of-type(n + 4){
	  padding: .29rem .19rem;
	}
	.mode1&gt;div:nth-of-type(n + 4)&gt;div&gt;p:first-of-type{
	  text-align: left;
	}
	/** å¸ƒå±€æ¨¡å—1ä¿®æ”¹ E */
	
	/** å¸ƒå±€æ¨¡å—5ä¿®æ”¹ S */
	.mode5&gt;.notes{
	  display: flex;
	  align-items: center;
	}
	.mode5&gt;.notes&gt;div{
	  width: calc((100% - .44rem) / 3);
	  margin-right: .22rem;
	  margin-bottom: .22rem;
	  border-radius: .12rem;
	  /* padding: .23rem .27rem; */
	  padding: .23rem .10rem;
	}
	.mode5&gt;.notes&gt;div .tit{
	  font-size: .28rem;
	  color: #fff;
	  font-weight: bold;
	  /* margin-bottom: .24rem; */
	  margin-bottom: .18rem;
	  text-align: center;
	}
	.mode5&gt;.notes&gt;div .salary&gt;div{
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	}
	.mode5&gt;.notes&gt;div .salary&gt;div p{
	  font-size: .20rem;
	  color: #fff;
	  font-weight: bold;
	}
	.mode5&gt;.notes&gt;div:first-of-type{
	  background: linear-gradient(-45deg, #4FACFE 0%, #00F2FE 100%);
	}
	.mode5&gt;.notes&gt;div:nth-of-type(2){
	  background: linear-gradient(-45deg, #FEB135 0%, #FBD12F 100%);
	}
	.mode5&gt;.notes&gt;div:last-of-type{
	  background: linear-gradient(-45deg, #FF849C 0%, #FFCE9F 100%);
	  margin-right: 0;
	}
	/** å¸ƒå±€æ¨¡å—5ä¿®æ”¹ E */
	
	/** å¸ƒå±€æ¨¡å—7ä¿®æ”¹ S */
	.mode7 .syllabus .syContent{
		padding-left: 0;
	}
	.mode7 .syllabus .syCItemBox{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mode7 .syllabus .syCItemBox .left,
	.mode7 .syllabus .syCItemBox ul{
		width: 50%;
		flex-grow: 0;
		flex-shrink: 1;
	}
	.mode7 .syllabus .syCItemBox .left{
		padding-right: .22rem;
	}
	.mode7 .syllabus .syCItemBox .left&gt;div{
		background: #EEEEEE;
		border-radius: .12rem;
		padding: .04rem .30rem;
		display: inline-block;
	}
	.mode7 .syllabus .syCItemBox .left&gt;div&gt;p{
		font-size: .20rem;
		font-weight: bold;
		color: #666;
		line-height: .40rem;
	}
	/* .mode7 .syllabus .syContent li{
		padding-left: 1em;
	}
	.mode7 .syllabus .syContent li::before{
		content: '';
		display: block;
		width: ;
	} */
	/** å¸ƒå±€æ¨¡å—7ä¿®æ”¹ E */
}</pre></body></html>