.ybContainer {
width: 1200px;
margin: 0 auto;
}
.ybContainer_in {
width: 100%;
padding: 0;
}
.ybvideoList .item {
width: 380px;
padding: 0;
display: none;
margin-right: 30px;
height: 314px;
margin-bottom: 8px;
border-radius: 8px 8px 0px 0px;
}
.ybvideoList .xd-video-pic{
width: 100%;
height: 214px;
overflow: hidden;
}
.ybvideoList .title-info-wrap{
width: 100%;
height: 100px;
background: #F7F8FA;
border-radius: 0px 0px 8px 8px;
}
.ybvideoList .title-info {
font-family: MicrosoftYaHei, MicrosoftYaHei;
font-weight: bold;
font-size: 20px;
color: #333333;
line-height: 100px;
text-align: center;
font-style: normal;
margin-top: 0;
}
.ybvideoList .item:nth-child(3n) {
margin-right: 0;
}
.ybvideoList .item:last-child, .ybvideoList .item:nth-child(-n+9) {
display: block;
}
.ybvideoList .item .imgs {
/* padding-bottom: 56.25%; */
padding-bottom: 0;
width: 100%;
height: 228px;
}
.ybvideoList .videoBtn {
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(249,157,53,0.4);
opacity: 0;
border-radius: 8px;
}
.ybvideoList .item .item_in:hover .vName {
color: #F99D35;
}
.ybvideoList .videoBtn .videoBtn_in .iconPlay{
width: 52px;
height: 52px;
}
.ybvideoList .videoBtn .videoBtn_in .iconPlay img{
width: 100%;
}
.ybvideoList .item .imgs .imgs_in {
border-radius: 0;
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.ybvideoList .item .vName {
padding-top: 24px;
padding-bottom: 40px;
}
.ybvideoList .moreVideo {
width: 1200px;
margin: 0 auto;
position: relative;
text-align: center;
padding: 20px 0 80px 0;
}
.ybvideoList .moreVideo .show-more-text{
width: 380px;
height: 60px;
background: #F99D35;
border-radius: 30px;
text-align: center;
line-height: 60px;
display: inline-block;
cursor: pointer;
}
.ybvideoList .moreVideo .show-more-text span{
font-size: 18px;
font-family: MicrosoftYaHei;
color: #F8F8F8;
line-height: 36px;
}
/*之间过滤样式区间 */
@media screen and (max-width: 1024px) {
.videopage .title-info {
font-family: MicrosoftYaHei, MicrosoftYaHei;
font-weight: bold;
color: #333333;
line-height: 48px;
font-style: normal;
text-align: center;
margin-top: 120px;
margin-bottom: 64px;
font-size: 40px;
color: #333333;
}
.videopage .ybvideoList .title-info-wrap .title-info{
margin-top: 0;
line-height: 160px;
}
.videopage .ybContainer {
width: 100%;
margin: 0 auto;
}
.videopage .ybvideoList{
flex-wrap: wrap;
}
.ybvideoList .item {
width: 100%;
padding: 0;
display: none;
margin-right: 0;
height: 546px;
/* min-height: 386px; */
margin-bottom: 40px;
border-radius: 16px 16px 0px 0px;
}
.ybvideoList .xd-video-pic {
width: 100%;
height: 386px;
overflow: hidden;
}
.ybvideoList .title-info-wrap{
width: 100%;
height: 160px;
background: #F7F8FA;
border-radius: 0px 0px 16px 16px;
}
.videopage .ybvideoList .title-info-wrap .title-info{
font-size: 32px;
}
}
/*移动端样式 */
@media screen and (max-width: 750px){
.videopage .title-info {
font-family: MicrosoftYaHei, MicrosoftYaHei;
font-weight: bold;
color: #333333;
line-height:.48rem;
font-style: normal;
text-align: center;
margin-top: 1.2rem;
margin-bottom: .64rem;
font-size: .4rem;
color: #333333;
}
.videopage .ybContainer {
width: 100%;
margin: 0 auto;
}
.videopage .ybvideoList{
flex-wrap: wrap;
}
.ybvideoList .item {
width: 100%;
padding: 0;
display: none;
margin-right: 0;
height: 5.46rem;
margin-bottom: .4rem;
border-radius: .16rem .16rem 0px 0px;
}
.ybvideoList .xd-video-pic {
width: 100%;
height: 3.86rem;
overflow: hidden;
}
.ybvideoList .title-info-wrap {
width: 100%;
height: 1.6rem;
background: #F7F8FA;
border-radius: 0px 0px .16rem .16rem;
margin-top: 0;
}
.videopage .ybvideoList .title-info-wrap .title-info{
margin-top: 0;
line-height: 1.6rem;
font-size: 0.32rem;
}
/* 播放器 */
.jp-video-open {
top: 60px;
padding: 0 16px;
width: 100% !important;
margin: 0 !important;
left: 0;
overflow: hidden;
}
.jp-video .jp-close {
display: block;
top: -50px;
right: 12px;
width: 42px;
height: 45px;
}
.jp-video .jp-jplayer,
.jp-video .jp-jplayer img,
.jp-video .jp-jplayer video {
width: 100% !important;
height: 56.25vw !important;
}
.jp-video-mob .jp-video-play-icon{
margin-left: -32px;
}
}