﻿.content {
}

.content_search {
	position: relative;
}

	.content_search img {
		width: 100%;
	}

	.content_search div {
		width: 530px;
		margin: 0 auto;
		background: #fff;
		border-radius: 50px;
		padding: 0 18px;
		position: absolute;
		top: 36%;
		left: 0;
		right: 0;
		display: flex;
	}

		.content_search div input {
			background: none;
			border: none;
			line-height: 46px;
			color: #666;
			font-size: 12px;
			flex: 1;
		}

		.content_search div span {
			width: 20px;
			height: 44px;
			background-image: url(../img/Course/sousuo.png);
			background-size: 100% auto;
			background-position: center center;
			background-repeat: no-repeat;
		}

.content_Commonproblem {
	background: #f2f2f2;
	padding-bottom: 34px;
}

	.content_Commonproblem > p {
		width: 1200px;
		margin: 0 auto;
		color: #333;
		font-size: 16px;
		line-height: 70px;
		font-weight: 600;
	}

	.content_Commonproblem > div {
		width: 1200px;
		margin: 0 auto;
	}

		.content_Commonproblem > div div {
			background: #fff;
			border-radius: 5px;
			padding: 20px;
			width: calc(30% - 40px);
			min-height: 250px;
		}

			.content_Commonproblem > div div:nth-child(2) {
				margin: 0 5%;
			}

			.content_Commonproblem > div div p {
				background-image: url(../img/Course/02.png);
				padding-left: 10px;
				background-size: 4px 20px;
				background-repeat: no-repeat;
				line-height: 40px;
				background-position: center left;
				margin-bottom: 10px;
				color: #333;
			}

			.content_Commonproblem > div div ul {
			}

				.content_Commonproblem > div div ul li {
					background-image: url(../img/Course/03.png);
					padding-left: 10px;
					background-size: 6px 6px;
					background-repeat: no-repeat;
					background-position: center left;
					line-height: 40px;
					color: #333;
					cursor:pointer;
				}

.content_Answer {
	width: 1200px;
	margin: 0 auto;
	display: flex;
}

	.content_Answer .content_Answer_problem {
		width: 358px;
		overflow: hidden;
		overflow-y: auto;
		height: 100%;
	}

		.content_Answer .content_Answer_problem div {
		}

			.content_Answer .content_Answer_problem div name {
				line-height: 40px;
				/*background-image: url(../img/Course/04.png);*/
				padding-left: 20px;
				background-size: 14px 8px;
				background-repeat: no-repeat;
				background-position: center left;
				color: #333;
				font-size: 16px;
				width: calc(100% - 20px);
				display: inline-block;
				cursor: pointer;
			}
			.content_Answer .content_Answer_problem div .listopen {
				background-image: url(../img/Course/04.png);
			}
			.content_Answer .content_Answer_problem div .listclose {
				background-image: url(../img/Course/06.png);
			}
				.content_Answer .content_Answer_problem div ul {
				margin-left: 30px;
				margin-bottom: 25px;
			}

					.content_Answer .content_Answer_problem div ul li {
						padding: 13px 0;
						color: #333;
						font-size: 14px;
						cursor: pointer;
						padding-left: 10px;
					}
						.content_Answer .content_Answer_problem div ul li:hover {
							color: #fff;
							background: #1aa39d;
							border-radius: 4px;
						}
					.content_Answer .content_Answer_problem div ul .select_bak {
						color: #fff;
						background: #1aa39d;
						border-radius: 4px;
					}
					.content_Answer .content_Answer_content {
						flex: 1;
						margin: 0 15px;
						overflow: hidden;
						overflow-y: auto;
						height: 100%;
						border-left: 1px solid #ddd;
						padding-left: 15px;
					}

		.content_Answer .content_Answer_content h2 {
			color: #333;
			font-size: 18px;
			line-height: 50px;
			font-weight: 600;
		}

		.content_Answer .content_Answer_content p {
			color: #333;
			line-height: 28px;
		}

		.content_Answer .content_Answer_content img {
			width: 100%;
			margin: 14px 0;
		}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.content_Answer_problem::-webkit-scrollbar {
	width: 8px;
	background-color: #fff;
	margin-right: 10px;
}
/*定义滑块 内阴影+圆角*/
.content_Answer_problem::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0BA29A;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.content_Answer_content::-webkit-scrollbar {
	width: 8px;
	background-color: #fff;
	margin-right: 10px;
}
/*定义滑块 内阴影+圆角*/
.content_Answer_content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0BA29A;
}
/*定义滚动条轨道 内阴影+圆角*/
/*::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: lightgray;
}*/


/*定义最上方和最下方的按钮*/
/*::-webkit-scrollbar-button {
	background-color: #000;
	border: 1px solid yellow;
}*/
