.cover-screen, .video-header, .video-play, .video-target-mobile, .video-target-pc {
	display:none
}
.video-container {
	background:#f7f7f7
}
@media screen and (max-width:768px) {
.video-container {
padding-top:45px;
background:#f7f7f7
}
.video-list-title {
margin-top:5px;
font-size:16px;
line-height:24px;
padding:10px 15px
}
.video-list {
overflow:hidden
}
.close-video {
right:0
}
.video-target-mobile {
display:block
}
.video-target-wrap {
overflow-x:auto
}
.video-list-target {
padding-left:15px;
color:#999;
width:500px;
padding-top:5px;
padding-bottom:5px;
overflow:hidden
}
.video-list-target .video-list-div {
display:inline-block;
padding:3px 15px;
height:26px;
font-size:13px;
border-radius:13px;
margin-right:4px;
float:left
}
.video-target-active {
background-color:#ed1b25;
color:#fff
}
.video-content {
padding:0 15px;
overflow:hidden
}
.video-content>li {
width:calc((100% - 15px)/ 2);
float:left;
margin-top:15px;
position:relative
}
.video-content li:nth-child(2n+1) {
margin-right:15px
}
.video-content-main {
padding:10px 15px;
background-color:#fff;
min-height:58px
}
.video-content-title {
font-size:13px;
line-height:20px
}
.video-content-description {
font-size:10px;
line-height:18px;
color:#999
}
.video-time {
position:relative;
padding-top:66.66%
}
.video-time>img {
display:block;
position:absolute;
top:0;
width:100%;
height:100%
}
.video-time-box {
position:absolute;
bottom:5px;
right:5px;
color:#fff;
font-size:10px;
background-color:rgba(0, 0, 0, .65);
padding:2px;
border-radius:2px
}
.video-more {
padding-top:15px;
padding-bottom:40px
}
.video-more div {
width:94px;
line-height:30px;
text-align:center;
margin:0 auto;
background-color:#fff;
border-radius:5px;
font-size:13px
}
.video-more div>i {
position:relative;
left:2px;
top:2px
}
}
@media screen and (min-width:769px) {
.video-container {
padding-bottom:60px
}
.video-header {
padding-top:30.20833%;
display:block;
background-color:rgba(0, 0, 0, .85)
}
.video-header-content {
left:0;
right:0;
width:1200px;
margin:auto;
top:42.75862%;
color:#fff;
position:absolute
}
.video-header-title {
font-size:44px;
line-height:64px
}
.video-header-description {
font-size:20px;
line-height:40px
}
.video-header-btn {
width:124px;
line-height:36px;
background-color:#ed1b25;
text-align:center;
border-radius:5px;
margin-top:30px
}
.video-play, .video-time-box {
background-color:rgba(0, 0, 0, .65)
}
.video-header-btn>i {
margin-right:8px;
position:relative;
top:1px
}
.video-target-pc {
display:block;
width:1200px;
margin:0 auto;
overflow:hidden;
padding-top:40px;
padding-bottom:20px
}
.video-list-title {
font-size:30px;
line-height:30px;
float:left;
margin-right:60px
}
.video-list-series {
float:left;
font-size:16px;
line-height:24px;
padding:3px 20px;
position:relative;
top:7px;
color:#999
}
.video-series-target-active {
color:#ed1b25;
padding-bottom:4px;
border-bottom:2px solid #ed1b25
}
.video-list-option {
margin-top:10px;
clear:left;
font-size:14px;
line-height:56px;
color:#999;
overflow:hidden
}
.video-content-description, .video-content-title {
line-height:24px;
overflow:hidden;
text-overflow:ellipsis
}
.video-list-option>div {
margin-right:20px;
float:left;
cursor:pointer
}
.video-series-option-active {
color:#ed1b25
}
.video-content {
width:1200px;
margin:0 auto
}
.video-content .video-content-li {
width:285px;
float:left;
margin-left:20px;
margin-bottom:20px
}
.video-content li:nth-child(4n+1) {
margin-left:0
}
.video-content li:hover {
transform:scale(1.02);
box-shadow:0 49.5px 70px -24.5px rgba(0, 0, 0, .3)
}
.video-content li:hover .video-play {
display:block
}
.video-time {
position:relative;
height:190px
}
.video-time>img {
width:100%;
height:100%;
display:block
}
.video-time-box {
position:absolute;
bottom:5px;
right:5px;
color:#fff;
font-size:12px;
padding:5px;
border-radius:2px
}
.video-play {
position:absolute;
width:100%;
height:inherit;
top:0;
left:0
}
.video-play>div {
position:absolute;
top:75px;
font-size:40px;
color:#fff;
z-index:100;
left:120px
}
.video-content-main {
padding:15px 10px;
background-color:#fff
}
.video-content-title {
font-size:16px;
height:48px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2
}
.video-content-description {
font-size:12px;
color:#999;
height:24px;
white-space:nowrap
}
.video-more {
padding-top:20px;
padding-bottom:20px
}
.video-more div {
width:140px;
line-height:40px;
text-align:center;
margin:0 auto;
background-color:#fff;
border-radius:5px;
font-size:14px
}
.video-more div>i {
position:relative;
left:2px;
top:2px;
font-size:20px
}
}