#pageContainer { padding-top: 103px; } /*瀵艰埅鏍?/ .NavBar { width: 1200px; margin: 50px auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .NavBar a { width: 130px; font-size: 14px; line-height: 31px; text-align: center; border: 2px #989898 solid; margin: 5px 10px; } .NavBar a.active { color: #fff; background-color: #dc5310; border: 2px #dc5310 solid; } .videoSeries { position: relative; z-index: 10; margin-top: -20px; } .videoSeries .pageBreak { width: 100%; height: 40px; background-color: #f6f6f6; border-bottom: 1px solid #eeeeee; /*background: url('http://gonkg.oss-cn-shanghai.aliyuncs.com/BoLang/PC/bg-pagebreak.png') no-repeat center; background-size:100% 100%;*/ } .videoSeries .pageBreak .Breadcrumb { width: 1200px; height: 100%; line-height: 40px; margin: 0 auto; text-indent: 10px; } .videoSeries .videoList { width: 1200px; margin: 0 auto; padding: 35px 0; } .videoSeries .videoList ul { display: flex; align-items: center; flex-wrap: wrap; overflow: hidden; } .videoSeries .videoList ul li { width: 33.3%; margin: 5px 0; } .videoSeries .videoList ul li .videoBox { position: relative; width: 90%; border: 1px solid rgba(237, 237, 237, 0); overflow: hidden; margin: 10px auto; text-align: center; transition: all 1s; } .videoSeries .videoList ul li .videoBox:hover { /* box-shadow: 0 0 1px 1px #ddd; */ transform: scale(1.05); } .videoSeries .videoList ul li .videoBox video { width: 100%; height: 100%; } .videoSeries .videoList ul li .videoBox img { position: absolute; width: 45px; top: calc(50% - 22px); left: calc(50% - 22px); cursor: pointer; z-index: 99; } .videoSeries .videoList ul li .videoBox .videoPhoto { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 98; background-color: #fff; border: 1px solid #ddd; } .videoSeries .videoList ul li .videoTitle { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #434343; }