.wrapper{background:url(../img/bg.jpg) no-repeat;background-size:100% auto;position: relative;padding-bottom:114px;}
.contents{margin:auto;width:100%;}
.head{display:block;margin:10px auto 10px;}
.midBox{position: relative;padding:0px 57px;margin:auto;width:1280px;}
.midBox:before{content: "";width: 100%;background: url(../img/tit.png) no-repeat;background-size: auto;background-size: 100% auto;position: absolute;left: 0;top: 0;height:166px;z-index: 0;}
.midBox:after{content: "";width:205px;background: url(../img/leaf.png) no-repeat;background-size: auto;background-size: 100% auto;position: absolute;left:-87px;top:190px;height:265px;z-index:0;}
.midBox>div{background:#fff;padding:140px 40px 2px;box-shadow:0px 0px 11px 0px #c5ddec;}
.group{overflow:hidden;margin-bottom:50px;}
.group img{float: left;width:136px;height:61px;margin:0 31px;opacity:0.6;cursor:pointer;}
.group img.act{opacity:1}
.listBox{background:#fff;overflow:hidden;padding:30px 0 0;}
.listBox li{float:left;margin:0 44px 75px;border-radius:10px;}
.listBox li div{position: relative;box-shadow:0px 10px 12px 2px #c5ddec;width:150px;height:210px;border-radius:10px;}
.listBox li div img{width:100%;height:100%;cursor:pointer;border-radius:0 0 10px 10px;}
.listBox li div span b{background: linear-gradient(45deg,#fbecdb,#f6ce84,#f0be4b);-webkit-background-clip: text;color: transparent;}
.listBox li div span:nth-of-type(1){position:absolute;left:-9px;top:-30px;width:36px;height:34px;background:url(../img/index.png);background-size:100% 100%;text-align:center;line-height:34px;z-index:1;color:#fff;}
.listBox li div span:nth-of-type(2){position:absolute;left:0;top:-16px;width:100%;height:36px;background:url(../img/bg_top.png) no-repeat;background-size:100% 100%;line-height:30px;text-align:center;color:#fff;}
.listBox li div span:nth-of-type(3){position:absolute;left:6px;bottom:6px;width:26px;height:26px;background:url(../img/playBtn.png);background-size:100% 100%;pointer-events: none;}
.listBox li div span:nth-of-type(4){position:absolute;right:0;bottom:0;width:75px;height:22px;background: linear-gradient(45deg,#a17434,#c6a268,#daba86);line-height:22px;text-align:center;border-radius: 10px 0 10px 0;color:#fff;}
.listBox p{line-height:50px;font-size:18px;text-align:center;}
.listBox .btn{width:120px;height:49px;display:block;background:url(../img/btn1.png);background-size:100% 100%;margin:auto;}
.listBox .btn:hover{background:url(../img/btn2.png);background-size:100% 100%;}
.bottom{width:100%;height:124px;position:absolute;bottom:0;left:0}
.bottom img{width:100%;height:144px;top:-20px;position:relative;object-fit:contain;object-fit: cover;}
.bottom .txt{margin:auto;position: absolute;left:0;right:0;margin:auto;height:auto;width:auto;top:45px;max-width:80%;}
/* 分页 */
.pageBox{padding:0px 40px 30px;}
.pager {width: 100%;height: 70px;background-color: #edf8fe; margin: 0px auto 40px;text-align: center;padding-top: 18px;box-sizing: border-box;}
.pager a,.pager span {display: inline-block;width: 34px;height: 34px;font-size: 16px;color: #7da4e1;text-align: center; text-decoration: none;margin: 0 8px;background-color: #fff;line-height: 34px;border-radius: 6px;cursor: pointer;}
.pager span.current{background-color: #7da4e1;  color: #fff;}
.pager .pg-prev,.pager .pg-next{ width: 66px; }.pager .pg-prev[disabled=true]:hover,.pager .pg-next[disabled=true]:hover { cursor: default;}
.videoBox,.voteBox{position: fixed;width:100%;height:100%;left:0;top:0;display:none;background:rgba(0,0,0,0.6);z-index:19;}
.videoBox video{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:80%;max-height:80%;}
.code2.fix {position: fixed;right: 50%;top: 425px;margin-right: -738px;z-index: 9;}
.code2 {width: 144px;height: 168px;}
.voteBox img{position: absolute;left:50%;top:50%;margin:auto;transform:translate(-50%,-50%)}
.videoBox i,.voteBox i{position:absolute;right:50%;top:50%;}

.tcplayer{width:auto;height:auto;position:absolute;left:50%;top:50%;margin:auto;transform:translate(-50%,-50%);background:transparent;}
.tcplayer>i{content:"";right:-36px;top:0px;width: 27px;height:27px;position: absolute;background:url(../img/close.png);background-size:100% 100%;cursor:pointer;}
.video-js .vjs-tech{position:static;max-width:80vw;max-height:80vh;margin:auto;width:auto;height:auto;}
.video-js:fullscreen video,.video-js.vjs-fullscreen video{width:100%;height:100%;object-fit: contain;max-width:100%;max-height:100%;}