﻿.pcVideo_Wrap
{
	padding: 8px 20px 20px;
}
/*——*/
.pcVideo_Bar
{
	display: flex;
	align-items: center;
	border-bottom: dotted 1px #ddd;
}
.pcVideo_Bar .con1
{
}
.pcVideo_Bar .con1 ul
{
	display: flex;
}
.pcVideo_Bar .con1 ul li
{
	position: relative;
}
.pcVideo_Bar .con1 ul li.on:after
{
	display: block;
	content: ' ';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #999;
	bottom: -1px;
	width: 20%;
	margin-left: 40%;
}
.pcVideo_Bar .con1 ul li a
{
	display: block;
	padding: 14px 15px 13px;
	font-size: 16px;
	color: #06c;
}
.pcVideo_Bar .con1 ul li.on a
{
	color: #666;
}
.pcVideo_Bar .con1 ul li a:hover
{
	color: #09f;
}
.pcVideo_Bar .con1 ul li.on a:hover
{
	color: #666;
}
.pcVideo_Bar .con2
{
	margin-left: auto;
}
.pcVideo_Bar .con2 ul
{
	display: flex;
}
.pcVideo_Bar .con2 ul li
{
}
.pcVideo_Bar .con2 ul li.li1
{
	flex-grow: 1;
	padding-right: 8px;
}
.pcVideo_Bar .con2 ul li.li1 input
{
	height: 32px;
	border-radius: 40px;
	padding: 0 12px;
	width: 200px;
}
.pcVideo_Bar .con2 ul li.li1 input::-webkit-input-placeholder
{
	color: #ccc;
}
.pcVideo_Bar .con2 ul li.li2
{
	background: #09f url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjg3NDE3NDIwMzAxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0ODYiIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48cGF0aCBkPSJNOTIxLjMgODc0TDczOC4xIDY5MC44YzUxLjMtNjIuNiA4Mi4xLTE0Mi41IDgyLjEtMjI5LjYgMC0yMDAuMS0xNjIuOC0zNjMtMzYzLTM2My0yMDAuMSAwLTM2MyAxNjIuOC0zNjMgMzYzczE2Mi44IDM2MyAzNjMgMzYzYzg3IDAgMTY3LTMwLjggMjI5LjYtODIuMUw4NzAgOTI1LjNjNy4xIDcuMSAxNi40IDEwLjYgMjUuNyAxMC42czE4LjYtMy41IDI1LjctMTAuNmMxNC4xLTE0LjIgMTQuMS0zNy4yLTAuMS01MS4zek0xNjYuOCA0NjEuMmMwLTE2MC4xIDEzMC4zLTI5MC40IDI5MC40LTI5MC40czI5MC40IDEzMC4zIDI5MC40IDI5MC40LTEzMC4zIDI5MC40LTI5MC40IDI5MC40LTI5MC40LTEzMC4zLTI5MC40LTI5MC40eiIgcC1pZD0iMjQ4NyIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==) no-repeat center;
	background-size: auto 18px;
	width: 60px;
	border-radius: 40px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pcVideo_Bar .con2 ul li.li2:hover
{
	background-color: #06c;
}
/*——*/
.pcVideo_Banner
{
	padding-top: 18px;
}
.pcVideo_Banner img
{
	display: block;
	width: 100%;
}
/*——*/
.pcVideo_Col_Parent
{
}
.pcVideo_Col_Parent .pcVideo_Col
{
}
.pcVideo_Col_Parent .pcVideo_Col .con1
{
	padding: 18px 0 14px;
}
.pcVideo_Col_Parent .pcVideo_Col .con1 ul
{
	display: flex;
	align-items: center;
	border-radius: 80px;
	background: -webkit-linear-gradient(left,#DCECFD,rgba(0,0,0,0));
	padding-left: 20px;
}
.pcVideo_Col_Parent .pcVideo_Col .con1 ul li
{
}
.pcVideo_Col_Parent .pcVideo_Col .con1 ul li.li1
{
	font-size: 18px;
	line-height: 1.4;
	padding: 14px 0;
	position: relative;
	color: #06c;
}
.pcVideo_Col_Parent .pcVideo_Col .con1 ul li.li1:after
{
	display: block;
	content: ' ';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #06c;
	bottom: 0;
	left: 0;
	width: 40%;
	margin-left: 30%;
}
.pcVideo_Col_Parent .pcVideo_Col .con1 ul li.li2
{
	margin-left: auto;
}
.pcVideo_Col_Parent .pcVideo_Col .con1 ul li.li2 a
{
	color: #06c;
}
.pcVideo_Col_Parent .pcVideo_Col .con1 ul li.li2 a:hover
{
	color: #09f;
}
.pcVideo_Col_Parent .pcVideo_Col .con2
{
	display: flex;
}
.pcVideo_Col_Parent .pcVideo_Col:nth-child(odd) .con2
{
	flex-direction: row-reverse;
}
.pcVideo_Col_Parent .pcVideo_Col .con2 .son1
{
	flex-grow: 1;
}
.pcVideo_Col_Parent .pcVideo_Col .con2 .son2
{
	width: 551px;
	flex-shrink: 0;
}
.pcVideo_Col_Parent .pcVideo_Col:nth-child(odd) .con2 .son2
{
	padding-right: 18px;
}
.pcVideo_Col_Parent .pcVideo_Col:nth-child(even) .con2 .son2
{
	padding-left: 18px;
}
.pcVideo_Col_Parent .pcVideo_Col .con2 .son2 .div1
{
	position: relative;
	cursor: pointer;
	overflow: hidden;
	border-radius: 10px;
}
.pcVideo_Col_Parent .pcVideo_Col .con2 .son2 .div1:hover:after
{
	display: block;
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.2) url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjg3Mzg2ODQ2OTA0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MjAiIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48cGF0aCBkPSJNNTA3LjQ1NiA2NEMyNjIuNTI4IDY0IDY0IDI2Mi43NTIgNjQgNTA3LjkwNGMwIDI0NS4xMiAxOTguNTI4IDQ0My44NzIgNDQzLjQ1NiA0NDMuODcyIDI0NC44OTYgMCA0NDMuNDU2LTE5OC43NTIgNDQzLjQ1Ni00NDMuODcyQzk1MC45MTIgMjYyLjc1MiA3NTIuMzUyIDY0IDUwNy40NTYgNjR6IG0wIDg0My40MDhjLTIyMC40MzIgMC0zOTkuMTM2LTE3OC44OC0zOTkuMTM2LTM5OS41MDRDMTA4LjMyIDI4Ny4yIDI4Ny4wNCAxMDguMzY4IDUwNy40NTYgMTA4LjM2OGMyMjAuNDMyIDAgMzk5LjEzNiAxNzguODggMzk5LjEzNiAzOTkuNTM2IDAgMjIwLjYyNC0xNzguNzA0IDM5OS41MDQtMzk5LjEzNiAzOTkuNTA0eiBtMjAxLjI4LTQzMC45NkM2MzkuNzYgNDI5LjQ0IDUxNC42NTYgMzU5LjA3MiA0NDMuMzYgMzE1LjUyYy0yOS4yMzItMTguNDk2LTUzLjc3Ni0xMS4wODgtNTYuMTQ0IDIxLjUwNC0xLjcyOCA4Ny4yNDggMCAyNTUuNTIgMCAzNDQuMzIgMS40NCAzMy4wNCAzMC41OTIgMzcuNDA4IDU1LjkyIDI0LjA4TDcwOC4xNiA1NDQuNzM2Yy0wLjQ5Ni0wLjI3MiA1NC4yNzItMzAuNDY0IDAuNTkyLTY4LjI4OHoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjM2MjEiPjwvcGF0aD48L3N2Zz4=) no-repeat center;
	background-size: auto 80px;
}
.pcVideo_Col_Parent .pcVideo_Col .con2 .son2 .div1 span
{
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	padding: 15px 10px;
	text-align: center;
	background: rgba(0,0,0,.5);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.pcVideo_Col_Parent .pcVideo_Col .con2 .son2 .div1 span a
{
	color: #fff;
}
.pcVideo_Col_Parent .pcVideo_Col .con2 .son2 .div1 span a:hover
{
	color: #fff;
}
.pcVideo_Col_Parent .pcVideo_Col .con2 .son2 .div1 img
{
	display: block;
	width: 100%;
}
/*——*/
.pcVideoList
{
}
.pcVideoList .pcVideoList_con
{
	padding: 20px;
}
.pcVideoList .pcVideoList_con ul
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 14px;
}
.pcVideoList .pcVideoList_con ul li
{
	cursor: pointer;
}
.pcVideoList .pcVideoList_con ul li .pcVideoList_son1
{
}
.pcVideoList .pcVideoList_con ul li .pcVideoList_son1 .pcVideoList_div1
{
	position: relative;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.pcVideoList .pcVideoList_con ul li .pcVideoList_son1 .pcVideoList_div1:after
{
	display: block;
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.2) url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjg3Mzg2ODQ2OTA0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MjAiIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48cGF0aCBkPSJNNTA3LjQ1NiA2NEMyNjIuNTI4IDY0IDY0IDI2Mi43NTIgNjQgNTA3LjkwNGMwIDI0NS4xMiAxOTguNTI4IDQ0My44NzIgNDQzLjQ1NiA0NDMuODcyIDI0NC44OTYgMCA0NDMuNDU2LTE5OC43NTIgNDQzLjQ1Ni00NDMuODcyQzk1MC45MTIgMjYyLjc1MiA3NTIuMzUyIDY0IDUwNy40NTYgNjR6IG0wIDg0My40MDhjLTIyMC40MzIgMC0zOTkuMTM2LTE3OC44OC0zOTkuMTM2LTM5OS41MDRDMTA4LjMyIDI4Ny4yIDI4Ny4wNCAxMDguMzY4IDUwNy40NTYgMTA4LjM2OGMyMjAuNDMyIDAgMzk5LjEzNiAxNzguODggMzk5LjEzNiAzOTkuNTM2IDAgMjIwLjYyNC0xNzguNzA0IDM5OS41MDQtMzk5LjEzNiAzOTkuNTA0eiBtMjAxLjI4LTQzMC45NkM2MzkuNzYgNDI5LjQ0IDUxNC42NTYgMzU5LjA3MiA0NDMuMzYgMzE1LjUyYy0yOS4yMzItMTguNDk2LTUzLjc3Ni0xMS4wODgtNTYuMTQ0IDIxLjUwNC0xLjcyOCA4Ny4yNDggMCAyNTUuNTIgMCAzNDQuMzIgMS40NCAzMy4wNCAzMC41OTIgMzcuNDA4IDU1LjkyIDI0LjA4TDcwOC4xNiA1NDQuNzM2Yy0wLjQ5Ni0wLjI3MiA1NC4yNzItMzAuNDY0IDAuNTkyLTY4LjI4OHoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjM2MjEiPjwvcGF0aD48L3N2Zz4=) no-repeat center;
	background-size: auto 60px;
	pointer-events: none;
}
.pcVideoList .pcVideoList_con ul li:hover .pcVideoList_son1 .pcVideoList_div1:after
{
	background-color: rgba(0,0,0,.3);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB0PSIxNjg3Mzg2ODQ2OTA0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2MjAiIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48cGF0aCBkPSJNNTA3LjQ1NiA2NEMyNjIuNTI4IDY0IDY0IDI2Mi43NTIgNjQgNTA3LjkwNGMwIDI0NS4xMiAxOTguNTI4IDQ0My44NzIgNDQzLjQ1NiA0NDMuODcyIDI0NC44OTYgMCA0NDMuNDU2LTE5OC43NTIgNDQzLjQ1Ni00NDMuODcyQzk1MC45MTIgMjYyLjc1MiA3NTIuMzUyIDY0IDUwNy40NTYgNjR6IG0wIDg0My40MDhjLTIyMC40MzIgMC0zOTkuMTM2LTE3OC44OC0zOTkuMTM2LTM5OS41MDRDMTA4LjMyIDI4Ny4yIDI4Ny4wNCAxMDguMzY4IDUwNy40NTYgMTA4LjM2OGMyMjAuNDMyIDAgMzk5LjEzNiAxNzguODggMzk5LjEzNiAzOTkuNTM2IDAgMjIwLjYyNC0xNzguNzA0IDM5OS41MDQtMzk5LjEzNiAzOTkuNTA0eiBtMjAxLjI4LTQzMC45NkM2MzkuNzYgNDI5LjQ0IDUxNC42NTYgMzU5LjA3MiA0NDMuMzYgMzE1LjUyYy0yOS4yMzItMTguNDk2LTUzLjc3Ni0xMS4wODgtNTYuMTQ0IDIxLjUwNC0xLjcyOCA4Ny4yNDggMCAyNTUuNTIgMCAzNDQuMzIgMS40NCAzMy4wNCAzMC41OTIgMzcuNDA4IDU1LjkyIDI0LjA4TDcwOC4xNiA1NDQuNzM2Yy0wLjQ5Ni0wLjI3MiA1NC4yNzItMzAuNDY0IDAuNTkyLTY4LjI4OHoiIGZpbGw9IiMzQkQzOTUiIHAtaWQ9IjM2MjEiPjwvcGF0aD48L3N2Zz4=);
}
.pcVideoList .pcVideoList_con ul li .pcVideoList_son1 .pcVideoList_div1 img
{
	display: block;
	width: 100%;
}
.pcVideoList .pcVideoList_con ul li .pcVideoList_son1 .pcVideoList_div2
{
	text-align: center;
	padding: 12px;
	border: solid 1px #eee;
	border-top-width: 0;
	border-radius: 0 0 10px 10px;
}
.pcVideoList .pcVideoList_con ul li:hover .pcVideoList_son1 .pcVideoList_div2
{
	border-color: #ddd;
	box-shadow: 0 0 10px #eee;
}
.pcVideoList .pcVideoList_con ul li .pcVideoList_son1 .pcVideoList_div2 div
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
/*——*/
.pcVideoClassBar
{
	padding: 12px 10px 0 20px;
}
.pcVideoClassBar .con1
{
}
.pcVideoClassBar .con1 ul
{
	display: flex;
	flex-wrap: wrap;
}
.pcVideoClassBar .con1 ul li
{
	padding: 10px 10px 0 0;
}
.pcVideoClassBar .con1 ul li div
{
	white-space: nowrap;
}
.pcVideoClassBar .con1 ul li div a
{
	display: block;
	padding: 14px 30px;
	background: #F2FAFF;
	border: solid 1px #A5D8FA;
	border-radius: 80px;
	font-size: 15px;
	color: #06c;
}
.pcVideoClassBar .con1 ul li.on div a
{
	background: #06c;
	color: #fff;
	border-color: #06c;
}
.pcVideoClassBar .con1 ul li div a:hover
{
	background: #09f;
	color: #fff;
	border-color: #09f;
}
/*——*/
.pcVideoSearchBar
{
	padding: 22px 300px 0;
}
.pcVideoSearchBar .con1
{
	display: flex;
}
.pcVideoSearchBar .con1 .son1
{
	flex-grow: 1;
}
.pcVideoSearchBar .con1 .son1 input
{
	height: 50px;
	border-radius: 80px;
	border-width: 2px;
	padding: 0 18px;
}
.pcVideoSearchBar .con1 .son1 input:focus
{
	border-color: #09f;
}
.pcVideoSearchBar .con1 .son2
{
	background: #09f;
	color: #fff;
	border-radius: 80px;
	padding: 0 30px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 15px;
	margin-left: 12px;
}
.pcVideoSearchBar .con1 .son2:hover
{
	background: #06c;
}
/*——*/