/*幻灯广告区*/
.VideoSlideBox { background:url(../ad/2407040915.jpg) no-repeat center; height:505px; background-size: cover;}
.VideoSlide { display:flex;}
.VideoSlide .bd { width:900px;}
.VideoSlide .bd li { position:relative;}
.VideoSlide .bd li img { width:900px; height:505px;}
.VideoSlide .hd { width:300px; background:rgb(0 0 0/.3);}
.VideoSlideTit { display:flex; height:54px; align-items: center; padding-left:20px;}
.VideoSlideTit i { color:#fbc917; margin-right:10px; font-size:24px;}
.VideoSlideTit strong { font-size:18px; color:#fff;}
.VideoSlide .hd li { position:relative; cursor:pointer; padding:18px 16px; border-top:1px solid rgb(255 255 255/.4);}
.VideoSlide .hd li.on { background:rgb(0 0 0/.3);}
.VideoSlide .hd li a { display:flex;}
.VideoSlide .hd li .image { width:50%; margin-right:16px;}
.VideoSlide .hd li .image img { width:100%;}
.VideoSlide .hd li .text { flex:1; overflow:hidden; color:#fff;}
.VideoSlide .hd li .text h3 { font-size:16px; font-weight:400; line-height:24px;}
.VideoSlide .hd li .text span { display:block; font-size:14px; margin-top:10px;}

/*首页标题*/
.VideoTitle { display:flex; height:50px; align-items:center; background:url(../img/2407040916.png) no-repeat left center; margin:40px 0 20px;}
.VideoTitle strong { font-size:32px; color:#000; font-weight:400;}
.VideoTitle span { margin-left:auto;}
.VideoTitle span a { background:#e8e8e8; display:block; font-size:14px; color:#666; line-height:34px; border-radius:34px; padding:0 30px;}

/*视频推荐*/
.VideoRecList { }
.VideoRecList ul { display:flex; flex-wrap:wrap;}
.VideoRecList ul li { width:32.66666666666667%; margin-right:1%; transition: all .5s;}
.VideoRecList ul li:hover { box-shadow: 0 0 15px rgb(0 0 0/.1);}
.VideoRecList ul li:nth-child(3n+3) { margin-right:0;}
.VideoRecList ul li:nth-child(1n+4) { margin-top:1%;}
.VideoRecList ul li .image { width:100%; border-radius:4px; overflow:hidden; position:relative;}
.VideoRecList ul li .image img { width:100%;}
.VideoRecList ul li .image a:before { content:'\e991'; display:flex; align-items:center; font-family: 'iconfont'; font-size:100px; transition: all .3s;justify-content: center; color:rgb(255 255 255/0);position: absolute; top:0; left:0; right:0; bottom: 0; background: rgb(0 0 0/0);}
.VideoRecList ul li .image:hover a:before { font-size:70px; background: rgb(0 0 0/.4); color:rgb(255 255 255/1);}
.VideoRecList ul li .text { background:#fff; padding:10px 12px; border-radius:0 0 4px 4px;}
.VideoRecList ul li .text h3 { line-height:34px; font-size:14px; color:#000; display:block; font-weight:400;}
.VideoRecList ul li .text .Intro { height:34px; display:flex; align-items:center;}
.VideoRecList ul li .text .Intro img { height:20px; margin-right:8px;}
.VideoRecList ul li .text .Intro span { font-size:14px; color:#333; line-height:16px;}
.VideoRecList ul li .text .Intro .Back { margin-left:auto; padding:0 20px; line-height:28px; background:#2cb967; color:#fff; font-size:14px; border-radius:4px;}

/*楼层遍历*/
.VideoFloorList { }
.VideoFloorList ul { display:flex; flex-wrap:wrap;}
.VideoFloorList ul li { width:24.25%; margin-right:1%; transition: all .5s;}
.VideoFloorList ul li:hover { box-shadow: 0 0 15px rgb(0 0 0/.1);}
.VideoFloorList ul li:nth-child(4n+4) { margin-right:0;}
.VideoFloorList ul li:nth-child(1n+5) { margin-top:1%;}
.VideoFloorList ul li .image { width:100%; border-radius:4px; overflow:hidden; position:relative;}
.VideoFloorList ul li .image img { width:100%;}
.VideoFloorList ul li .image a:before { content:'\e991'; display:flex; align-items:center; font-family: 'iconfont'; font-size:100px; transition: all .3s;justify-content: center; color:rgb(255 255 255/0);position: absolute; top:0; left:0; right:0; bottom: 0; background: rgb(0 0 0/0);}
.VideoFloorList ul li .image:hover a:before { font-size:60px; background: rgb(0 0 0/.4); color:rgb(255 255 255/1);}
.VideoFloorList ul li .text { background:#fff; padding:10px 12px; border-radius:0 0 4px 4px;}
.VideoFloorList ul li .text .Intro { height:34px; display:flex; align-items:center;}
.VideoFloorList ul li .text .Intro img { height:20px; margin-right:8px;}
.VideoFloorList ul li .text .Intro span { font-size:14px; color:#333;line-height:16px; display: block;max-width: 70%;}
.VideoFloorList ul li .text .Intro .Back { margin-left:auto; padding:0 20px; line-height:28px; background:#2cb967; color:#fff; font-size:14px; border-radius:4px;}

/*列表样式*/
.VideoListBox { display:flex; flex-wrap:wrap;}
.VideoList { width:31.33333333333333%; margin-right:3%; transition: all .5s;}
.VideoList:hover { box-shadow: 0 0 15px rgb(0 0 0/.1);}
.VideoList:nth-child(3n+3) { margin-right:0;}
.VideoList:nth-child(1n+4) { margin-top:3%;}
.VideoList .image { width:100%; border-radius:4px; overflow:hidden; position:relative;}
.VideoList .image img { width:100%;}
.VideoList .image:before { content:'\e991'; display:flex; align-items:center; font-family: 'iconfont'; font-size:100px; transition: all .3s;justify-content: center; color:rgb(255 255 255/0);position: absolute; top:0; left:0; right:0; bottom: 0; background: rgb(0 0 0/0);}
.VideoList .image:hover:before { font-size:70px; background: rgb(0 0 0/.4); color:rgb(255 255 255/1);}
.VideoList .text { background:#fff; padding:10px 12px; border-radius:0 0 4px 4px;}
.VideoList .text h3 { line-height:34px; font-size:14px; color:#000; display:block; font-weight:400;}
.VideoList .text span { font-size:12px; color:#999; display:flex; align-items:center;}
.VideoList .text span:before { content:'\e6fc'; font-family:'iconfont'; font-size:18px; margin-right:6px;}


/*内容页 THE*/
.VideShowPlaye { background:#111;}
.VideShowPlaye .w1200 { display:flex;}
.VideShowPlayeL { width:900px; background:#000; display:flex; align-items:center}
.VideShowPlayeL video {height: 100%!important;}
.VideShowPlayeR { width:300px; background:#333;}
.VideShowPlayeRTit { display:flex; height:54px; align-items: center; padding-left:20px;}
.VideShowPlayeRTit i { color:#fbc917; margin-right:10px; font-size:24px;}
.VideShowPlayeRTit strong { font-size:18px; color:#fff;}


.VideShowPlayeR ul li { position:relative; cursor:pointer; padding:18px 16px; border-top:1px solid rgb(255 255 255/.4);}
.VideShowPlayeR ul li.on { background:rgb(255 255 255/.1);}
.VideShowPlayeR ul a { display:flex;}
.VideShowPlayeR ul .image { width:50%; margin-right:16px;}
.VideShowPlayeR ul .image img { width:100%;}
.VideShowPlayeR ul .text { flex:1; overflow:hidden; color:#fff;}
.VideShowPlayeR ul .text h3 { font-size:16px; font-weight:400;}
.VideShowPlayeR ul .text p { font-size:14px; margin-top:10px;}


.VideShowTitle { background:#fff; margin-top:10px; border-radius:4px; padding:20px;}
.VideShowTitle h1 { font-size:22px; color:#333; display:block; font-weight:400;}
.VideShowTitle p { font-size:14px; color:#666; margin-top:10px;}

.VideShowContentTit { margin-bottom:15px;}
.VideShowContentTit strong { font-size:18px; font-weight:400; color:#333; }
.VideShowContent { background:#fff; margin-top:10px; border-radius:4px; padding:20px;}














.VideShowHotList { }
.VideShowHotList ul { display:flex; flex-wrap:wrap;}
.VideShowHotList ul li { width:24.25%; margin-right:1%; transition: all .5s;}
.VideShowHotList ul li:hover { box-shadow: 0 0 15px rgb(0 0 0/.1);}
.VideShowHotList ul li:nth-child(4n+4) { margin-right:0;}
.VideShowHotList ul li:nth-child(1n+5) { margin-top:1%;}
.VideShowHotList ul li .image { width:100%; border-radius:4px; overflow:hidden; position:relative;}
.VideShowHotList ul li .image img { width:100%;}
.VideShowHotList ul li .image a:before { content:'\e991'; display:flex; align-items:center; font-family: 'iconfont'; font-size:100px; transition: all .3s;justify-content: center; color:rgb(255 255 255/0);position: absolute; top:0; left:0; right:0; bottom: 0; background: rgb(0 0 0/0);}
.VideShowHotList ul li .image:hover a:before { font-size:60px; background: rgb(0 0 0/.4); color:rgb(255 255 255/1);}
.VideShowHotList ul li .text { background:#fff; padding:10px 12px; border-radius:0 0 4px 4px;}
.VideShowHotList ul li .text .Intro { height:34px; display:flex; align-items:center;}
.VideShowHotList ul li .text .Intro img { height:20px; margin-right:8px;}
.VideShowHotList ul li .text .Intro span { font-size:14px; color:#333;line-height:16px;}
.VideShowHotList ul li .text .Intro .Back { margin-left:auto; padding:0 20px; line-height:28px; background:#2cb967; color:#fff; font-size:14px; border-radius:4px;}

/*内容页 END*/