@charset "utf-8";

/* 顶部状态栏 */
.searchList {
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 5px #F4F4F4;
	/*line-height: 6.5vh;*/
	background-color: white;
	z-index: 99;
}

.searchList .logo span {
	width: 148px;
	padding: 16px 53px;
	border-radius: 10px;
	color: #fff;
	background-color: #3d81f5;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.searchList .search {
	margin-left: 226px;
}

.searchList .search input {
	width: 500px;
	height: 60px;
	padding: 0 20px;
	border-radius: 45px;
	background: #f4f4f4 url('../img/sousuo-2.png') no-repeat;
	background-position: 460px;
}

.ksqy {
	width: 1200px;
	margin: 0 auto;

	/* border: 1px solid blue; */
}


/* 顶部展示索引标签 */
.tags {

	width: 100%;
	height: 70px;
	background-color: #00A0E9;
	align-items: center;
	justify-content: center;
}

.tagsContent {
	width: 70px;
	/* min-width: 50px; */
	max-width: 120px;
	height: 27px;
	border-radius: 30px;
	background-color: #E1E1E1;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 27px;
	margin: 0 15px;
}

/* 头部面包屑导航*/
header {
	width: 100%;
	height: 204px;
	background-color: #00A0E9;
	text-align: center;
	color: white;
	position: relative;
}

header h1 {
	margin: 15px 0 20px 0;
}
.selectionAreaLeft{
	width: 275px;
	/*height: 200px;*/
}
.selectionArea {
	width: 1200px;
	padding: 50px 10px;
	/* height: 50.1vh; */
	/* min-height: 50.1vh; */
	margin: 0 auto;
	border-radius: 20px;
	background-color: white;
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	box-shadow: 0 20px 10px -20px #4a585f;
	justify-content: space-between;
}

.selectedss {
	width: 100%;
	margin-bottom: 3%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	background-color: #ffffff;
	border-radius: 3px;
	/*margin: 20px;*/
	padding: 15px;

	/* height: 25%; */
	/* background-color: hotpink; */
	/*justify-content: space-around;*/
	/*align-items: center;*/
}

.selectedIndex {}

/*.redioChoose{*/
/*	!*width: 100%;*!*/
/*	height: 75%;*/
/*}*/

.redioChooseLeft {
	width: 100%;
	height: 100%;
}

.redioChooseRight div:first-of-type {
	text-align: center;
}

.redioChooseRight {
	width: 30%;
	height: 100%;
	/* background-color: pink; */
	display: flex;
	flex-direction: column;
	padding-left: 60px;
	box-sizing: border-box;
	/* justify-content: space-around; */
}

.RightList {
	width: 90%;
	height: 15%;
	margin: 0 auto 5%;
	/* background-color: #E1E1E1; */
	align-items: center;
	justify-content: space-between;
}

.RightList>a>span:nth-child(1) {
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.RightList>a>span:nth-child(2) {
	width: 92%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000000;
	/* font-weight: 600; */
	font-size: 14px;
}

.pageChange {
	width: 100%;
	height: 60px;
	position: relative;
}

.pageChange>div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* margin:  auto; */
	/* height: ; */

}

.type {
	width: 100%;
	height: 40px;
	/* background-color: #DD6161; */
	align-items: center;
	justify-content: space-around;
}

.typeContents {
	width: 80%;
	justify-content: space-around;
}

.typeContentsMore {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-around; */
}

.typeContentsList {
	width: 10%;
	margin-bottom: 5px;
	cursor: pointer;
	text-align: center;
}
.typeContentsList:hover{
	color: white!important;
	background-color:#00A0E9;
	border-radius: 5px;
}
/* .typeContentsList:visited{
	color: white!important;
	background-color:#00A0E9;
	border-radius: 5px;
} */
.lastType {
	width: 100%;
	height: 10%;
	align-items: center;
	justify-content: space-around;
}

.searchInput {
	width: 80%;
}

.el-input__inner {
	height: 35px !important;
}

.more {
	color:#00A0E9;
	/* font-weight: 500; */
	line-break: 16px;
	cursor: pointer;
}

.yearsListMore {
	width: 100%;
	min-height: 40px;
	max-height: 80px;
	overflow: hidden;
	align-items: center;
	justify-content: space-around;
}

/* 底部分页 */
.el-pagination.is-background .el-pager li {
	background: white;
}
.el-pagination button {
	background-color: white;
}
.el-pagination button,
.el-pagination span:not([class*=suffix]) {
	color: #00A0E9;
	font-weight: 550;
}
.el-pagination.is-background .el-pager li {
	background-color: white;
	color: #00A0E9!important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
	color: #FFF!important;
}



/* input输入框 */
.selectedss .el-input__inner {
	border: 1px solid #e6e6e6;
	background-color: #F0F0F0;
}

.selectedss .el-input__inner::placeholder{
	color:#585c89;
}

.selectedss .el-input__inner:hover {
	border: 1px solid #DCDFE6;
}

.selectedss .el-select {
	width: 245px;
	margin-bottom: 15px!important;
}

/* 底部 */
footer {
	width: 100%;
	height: 13vh;
	background-color: #343537;
	/* padding: 1px; */

}

footer>div:nth-child(1) {
	width: 80px;
	height: 50px;
	margin: 0 auto;
	line-height: 50px;

}

footer>div:nth-child(2) {
	text-align: center;

}



/* 视频集合 */
.videoClassContent {
	width: 100%;
	margin-top: 4.1vh;
	flex-wrap: wrap;
	margin: 0 auto;
	/* justify-content: space-between; */
}

.videoItem {
	width: 19.9%;
	/* width: 12.38vw; */
	height: 26.9vh;
	/* background-color: coral; */
	padding: 1px;
	margin-bottom: 10px;
}

.videoItem>div {
	margin: 4% auto;
	width: 9.1vw;
}

.videoItemImg {
	width: 11.1vw;
	height: 16.67vh;
	border-radius: 10px;
	background-color: #00A0E9;
}

.videoItemText {
	height: 16.5%;
	/* background-color: rosybrown; */
	font-size: 16px;
	font-weight: 600;
}

.videoItemIcon {
	height: 20px;
	/* background-color: yellowgreen; */
}

.videoItemIcon>div:nth-child(1) {
	min-width: 15%;
	max-width: 40%;
	height: 100%;
	font-size: 16px;
	color: #888888;
	/* background-color: pink; */
	line-height: 20px;
}

.videoItemIcon>div:nth-child(2) {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	/* background-color: skyblue; */
}

.videoItemIcon>div {
	float: right;
	margin: 0 3px;
}
.btn1{
	border: none;
	background-color: #00A0E9;
	border-radius: 5px;
	width: 40px;
	height: 30px;
	color: white;
	cursor:pointer;
	padding: 0 6px;
	box-sizing: content-box;
}
.btn2{
	border: none;
	background-color: white;
	border-radius: 5px;
	color: #000000!important;
	border: 1px solid #777777;
	width: 40px;
	height: 35px;
	color: white;
}
.typeContentsList2{
	color: white!important;
	background-color:#00A0E9;
	border-radius: 5px;
}


.txtInfo .contentList {
	height: 174px;
	border-radius: 20px;
	padding: 29px 52px 0 29px;
	background-color: #fff;
	margin-top: 35px;
	margin-bottom: 20px;
	box-shadow: 0 20px 10px -20px #4a585f;
	position: relative;
}

.txtInfo .contentList h2 {
	overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	font-size: 20px;
	margin-bottom: 32px;
}

.txtInfo .contentList p {
	margin-bottom: 28px;
}

.txtInfo .contentList p span {
	margin-left: 28px;
}

.txtInfo .contentList p:nth-child(2) span {
	color: #00a0e9;
}

.txtInfo .contentList p:nth-child(2) span:nth-child(n+6) {
	color: #f6bf64;
}

.txtInfo .contentList .btn {
	position: absolute;
	top: 57%;
	right: 30px;
	transform: translate(0, -50%);
}

.txtInfo .contentList .btn a {
	display: block;
	padding: 10px;
	float: left;
	border-radius: 10px;
	color: #fff;
	background-color: #4dbd56;
}

.txtInfo .contentList .btn a:nth-child(1) {
	margin-right: 12px;
	background-color: #00a0e9;
}




.page-body {
	display: flex;
	justify-content: space-between;
	min-height: 630px;
}

.page-body .page-body-left {
	/*width: 290px;*/
}

.page-body .page-body-right {
	width: 910px;
}


.redioChooseLeft .type>div:first-child {
	margin-left: 30px;
}

.selectedss .el-icon-arrow-right:before {
	content: "";
}
/*color:#585c89;*/

.selectedss .el-collapse {
	color: #585c89;
	/*padding-left: 15px;*/
}
.selectedss .el-collapse-item__header {
	color: #585c89;
	font-size: 16px;
}

.selectedss .el-collapse-item__content {
	color: #585c89;
	font-size: 14px;
	padding-bottom: 5px;
	padding-left: 15px;
	cursor: pointer;
}

.selectedss .el-collapse-item__content>div {
	padding-bottom: 3px;
}

.selectedss .point {
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #00a0e9;
	border-radius: 50%;
	margin-right: 5px;
	margin-bottom: 1px;
}

.selectedss .jia,
.selectedss .jian {
	width: 10px;
	height: 10px;
	position: absolute;
	left: -20px;
	top: 18px;
	background-size: cover;
	background-repeat: no-repeat;
	cursor:pointer;
}

.selectedss .jia{
	background-image: url("../img/jia.png");
}

.selectedss .jian {
	background-image: url("../img/jian.png");
}

.selectedss .tree-item {
	position: relative;
}

#jia{
	background-image: url("../img/jia.png");
}

#jian {
	background-image: url("../img/jian.png");
}
.chapterColor{
	color: dodgerblue;
}