@charset "utf-8";

/* 头部的第一个盒子 */
.top-box {
	width: 7.5rem;
	height: 6.08rem;
	position: relative;
	box-sizing: border-box;
}

.top-box-bg-img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.why-study-img {
	width: 3rem;
	height: 0.92rem;
	display: block;
	position: absolute;
	left: 0.21rem;
	bottom: 1.35rem;
	box-sizing: border-box;
}

.answer-box-1 {
	width: 6.05rem;
	height: 0.65rem;
	position: absolute;
	left: 0.21rem;
	bottom: 0.42rem;
	font-size: 0.28rem;
	box-sizing: border-box;
	padding: 0px 0.16rem;
	background-image: url(../img/testCourse/04.png);
}

.answer-box-1-leftimg {
	width: 0.35rem;
	height: 0.26rem;
}

/* 第二个盒子 */
.answer-box-2 {
	margin: 0.21rem;
}

.answer-box-2-list {
	box-sizing: border-box;
	padding: 0.21rem;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.answer-box-2-item {
	line-height: 1.8;
}

.answer-box-2-item-img {
	width: 1.25rem;
	height: 1.25rem;
}

.answer-box-2-item-name {
	font-size: 0.28rem;
	color: #333333;
	font-weight: bold;
}

.answer-box-2-item-text {
	font-size: 0.22rem;
	color: #666666;
}

.answer-box-2-last-item {
	grid-column-start: 1;
	grid-column-end: 3;
}

.answer-box-2-bottom {
	height: 0.49rem;
	background-image: url(../img/testCourse/12.png);
	background-color: #60c3e1;
	font-size: 0.28rem;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	margin-top: 0.44rem;
}


/* 软件测试应用领域 */
.test-application {
	margin-top: 0.22rem;
	box-sizing: border-box;
	padding: 0.21rem;
}

.test-img-box-title {
	width: 7.08rem;
	height: 0.92rem;
	display: block;
}

.test-application-text {
	margintop: 0.14rem;
	font-size: 0.22rem;
	line-height: 1.7;
}

.test-application-com-img {
	width: 100%;
	height: 2.14rem;
	margin-top: 0.28rem;
}

.salary-box {
	box-sizing: border-box;
	padding: 0.21rem;
	margin-top: 0.42rem;
}

.salary-box-inner {
	background-image: url(../img/testCourse/17.png);
	background-position: right;
	background-size: 100% 100%;
}

.salary-box-pie-img {
	width: 100%;
	height: 5.29rem;
	display: block;
	margin-top: 0.28rem;
}

.salary-box-answer {
	background-image: url(../img/testCourse/04.png);
	box-sizing: border-box;
	padding: 0.21rem;
	align-items: flex-start;
	margin-top: 0.49rem;
}

.salary-box-answer-leftimg {
	width: 0.43rem;
	height: 0.32rem;
	position: relative;
	top: 0.1rem;
}

.salary-box-answer>.right-text-box {
	color: #333333;
	font-size: 0.32rem;
	line-height: 1.7;
}

/* 职业发展 */
.career-box {
	margin-top: 0.42rem;
	box-sizing: border-box;
	padding: 0.21rem;
}

.career-img-1 {
	height: 4.39rem;
	box-sizing: border-box;
	width: 100%;
	display: block;
	margin-top: 0.28rem;
}

.career-img-2 {
	display: block;
	height: 2.18rem;
	box-sizing: border-box;
	width: 100%;
}

.career-img-3 {
	display: block;
	height: 1.67rem;
	box-sizing: border-box;
	width: 100%;
}


/* 测试工具 */
.test-tools {
	margin-top: 0.16rem;
}

.test-tools-img {
	width: 100%;
	height: 8.35rem;
	display: block;
	box-sizing: border-box;
}

.test-tools-link {
	margin: 0.41rem 0.14rem;
}

.test-tools-link>img {
	width: 100%;
	display: block;
	height: 0.64rem;
}


/* 课程大纲 */
.course-outline {
	margin-top: 0.28rem;
	box-sizing: border-box;
	padding: 0.21rem;
}


.course-outline-desc {
	height: 6.17rem;
	margin-top: 0.28rem;
}

.course-step-ul {
	height: 100%;

}

.course-step-ul>li {
	width: 1.52rem;
	height: 0.85rem;
	background-color: #7B74FE;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 0.03rem;
}

.course-step-name {
	font-size: 0.22rem;
	font-weight: bold;
}

.course-step-text {
	font-size: 0.21rem;
	transform: scale(0.8);
	transform-origin: left top;
}

.course-step-ul>li.active {
	background-color: #3FC5D7;
}
.course-table-box{
	box-sizing: border-box;
	padding-left: 0.19rem;
}
.course-table-box>img{
	width: 100%;
	height: 100%;
	display: block;
	
}



/* 底部的申请试学 */
.bottom-welfare {
	box-sizing: border-box;
	background-image: linear-gradient(to right,#7c71fc,#b39dfe);
	padding: 0.67rem 0.24rem;
	background-size: 100% 100%;
}

.form-box {
	/* background-image: linear-gradient(to right, #FD6A3A, #F9A21D); */
	box-sizing: border-box;
	padding: 0.2rem 0.6rem;
	border-radius: 0.1rem;
	overflow: hidden;
}
.form-box-title{
	font-weight: bold;
	color: #FFFFFF;
	margin:0.2rem 0;
	font-size: 0.24rem;
	display: flex;
	justify-content: center;
}
.form-item {
	background-color: #FFFFFF;
	box-sizing: border-box;
	padding: 0.16rem;
	border-radius: 0.1rem;
	margin-top: 0.2rem;
}

.form-item-label {
	font-size: 0.24rem;
}

.form-item-input {
	color: #B7B7B7;
	outline: none;
	border: none;
	box-sizing: border-box;
	width: 100%;
	font-size: 0.24rem;
}
.welfare-box{
	margin-top: 0.2rem;
}
.welfare-box>a{
	text-decoration: none;
	padding: 0.1rem 0.15rem;
	font-weight: bold;
	color: white;
	font-weight: bold;
	background-image: linear-gradient(to right,#3ED0FE,#708DFF);
	font-size: 0.24rem;
}