.bbs { margin: 0 0.2rem; }

.ProHeadNav { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f2f2f2; }

.ProHeadNav a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 0.22rem; color: #666; font-weight: bold; height: 0.6rem; line-height: 0.6rem; }

.ProHeadNav .on { color: #333; }

.footer { background: #fff; position: relative; z-index: 2; padding: 0 0.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.main { width: 100%; min-height: 100vh; max-width: 7.5rem; margin: auto; overflow: hidden; background: #f2f2f2; }

.ProBanner { width: 100%; position: relative; height: auto; border-bottom: 0.1rem solid #fff; }

.ProBanner .banner { width: 100%; display: block; }

.MainTitle { margin-bottom: .1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 0.1rem; }

.MainTitle img { display: block; width: 100%; margin: 0 auto; height: 0.6rem; width: auto; }

.MainBox { position: relative; padding: 0.1rem 0; background: url(../images/pagebg.jpg) repeat-y top; background-size: 100%  auto; border-radius: 0.06rem; margin-bottom: 0.1rem; }

.MainBox > div { position: relative; z-index: 2; }

.MainBox::after { content: ""; display: block; width: 100%; max-width: 760px; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); background: url(../images/pagebg.png) no-repeat bottom; background-size: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.6; z-index: 0; }

.TabHd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0.12rem 0; }

.TabHd span { width: 1.2rem; height: 0.34rem; border-radius: 0.2rem; text-align: center; line-height: 0.34rem; font-size: 0.16rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#dcba7a), color-stop(96%, #f5e6c7)); background-image: linear-gradient(180deg, #dcba7a 0%, #f5e6c7 96%); color: #333; display: block; }

.TabHd .on { color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(#d83e39), to(#992926)); background-image: linear-gradient(to right, #d83e39, #992926); }

.TabBody .item + .item { display: none; }

.TabBody .lista { width: 7.3rem; height: 4rem; border-radius: 0.02rem; overflow: hidden; display: block; margin: 0.1rem; position: relative; }

.TabBody .lista img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.TabBody .lista p { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; background: rgba(100, 100, 100, 0.6); color: #fff; font-size: 0.18rem; height: 0.48rem; line-height: 0.48rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding: 0 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.TabBody .morebtn { display: block; margin: 0.12rem auto 0; width: 1.6rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; background: #fff; font-size: 0.16rem; color: #333; text-align: center; -webkit-box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1); }

.TabBody .morebtn::after { display: inline-block; content: ""; width: 0.2rem; height: 0.16rem; background: url(../images/ic_eye.png) no-repeat; background-size: 100%; margin: 0 0 -0.02rem 0.1rem; }

.Newslist { padding: 0 .1rem; margin: 0 .1rem; -webkit-box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.07); box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.07); }

.Newslist li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 0.48rem; line-height: 0.48rem; border-bottom: 1px dashed rgba(255, 255, 255, 0.4); }

.Newslist li a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.12rem; font-size: 0.16rem; color: #fff; height: 0.48rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.Newslist li span { font-size: 0.14rem; color: #fff; }

.PicItems { margin: .1rem .12rem 0; border-radius: 0.06rem; position: relative; height: 3rem; }

.PicItems .swiper-slide { position: relative; height: 3rem; }

.PicItems .swiper-slide .img { width: 100%; overflow: hidden; height: 100%; -o-object-fit: cover; object-fit: cover; }

.PicItems .swiper-slide .bt { position: relative; display: block; width: 100%; height: 100%; }

.PicItems .swiper-pagination { bottom: 0.1rem; }

.PicItems .swiper-pagination .swiper-pagination-bullet { background: #fff; width: 0.14rem; height: 0.14rem; opacity: 1; border-radius: 0.08rem; }

.PicItems .swiper-pagination .swiper-pagination-bullet-active { width: 0.3rem; background: #d7d7d7; }

.GamePicWrap .GamePic { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.GamePicWrap .GamePic .swiper-slide { width: 6rem; height: 4rem; position: relative; opacity: 0.9 !important; }

.GamePicWrap .GamePic .swiper-slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0.1rem; }

.GamePicWrap .GamePic .swiper-slide-active { -webkit-transform: scale(1); transform: scale(1); opacity: 1 !important; }

.VdTabHd { margin: 0 0 0.1rem; overflow: hidden; width: 100%; display: block; }

.VdTabHd span { margin: 0 0.4rem 0 0.12rem; float: left; }

.VdTabBody .PicItems { height: 4rem; }

.VdTabBody .PicItems .swiper-slide { width: 6rem; height: 4rem; position: relative; }

.VdTabBody .PicItems .swiper-slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0.1rem; position: relative; z-index: 1; }

.VdTabBody .PicItems .swiper-slide .videoBtn { width: 0.5rem; height: 0.5rem; position: absolute; z-index: 3; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; left: 50%; top: 50%; margin-top: -0.2rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/video.png) no-repeat; background-size: 100%; }

.VdTabBody .PicItems .swiper-slide p { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 2; background: rgba(100, 100, 100, 0.6); color: #fff; font-size: 0.18rem; height: 0.48rem; line-height: 0.48rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding: 0 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.VdTabBody .swiper-pagination { bottom: 0.6rem; }

.VdTabBody .swiper-pagination .swiper-pagination-bullet { background: #fff; width: 0.14rem; height: 0.14rem; opacity: 1; border-radius: 0.08rem; }

.VdTabBody .swiper-pagination .swiper-pagination-bullet-active { width: 0.3rem; background: #d7d7d7; }

.JobTab { background-image: linear-gradient(172.27351deg, #f2f2f2 43%, #d7d7d7 64%); margin: 0.1rem; border-radius: 0.06rem; height: 0.4rem; }

.JobTab .swiper-slide { text-align: center; }

.JobTab .swiper-slide span { margin: 0.05rem; border-radius: .04rem; font-size: 0.16rem; display: block; height: 0.3rem; line-height: 0.3rem; overflow: hidden; }

.JobTab .swiper-slide + .swiper-slide { position: relative; }

.JobTab .swiper-slide + .swiper-slide::before { display: block; content: ''; position: absolute; left: 0; top: .1rem; background: #992926; width: 1px; height: .2rem; }

.JobTab .on span { background-image: -webkit-gradient(linear, left top, right top, from(#d83e39), to(#992926)); background-image: linear-gradient(to right, #d83e39, #992926); color: #fff; }

.JobList { width: 100%; overflow: hidden; margin-top: .2rem; }

.JobList ul + ul { display: none; }

.JobList ul { margin: 0 0.2rem; overflow: hidden; }

.JobList ul li { width: 33.33%; float: left; margin: .05rem 0; }

.JobList ul li a { display: block; width: 1.8rem; }

.JobList ul li a img { width: 100%; height: 1.8rem; display: block; border-radius: .2rem; -o-object-fit: cover; object-fit: cover; }

.JobList ul li a p { text-align: center; height: .24rem; line-height: .24rem; font-size: 0.18rem; color: #fff; margin: 0.12rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.JobList ul li:nth-child(3n + 2) a { margin: 0 auto; }

.JobList ul li:nth-child(3n + 3) a { float: right; }