/* .head { height: 806px; background: url(//game.gtimg.cn/images/fo4/cp/a20230523sszx/hd.jpg) no-repeat 50% 0;position: relative; } */
.head { height: 806px; position: relative;overflow: hidden; }
/* .pmd-box{width: 100%; position: absolute;left: 0;bottom: 46px;overflow: hidden; } */

.pmd-box{width: 100%;height: 113px;background: url(../png/pmd-bg.png) no-repeat 50% 0;position: absolute;left: 0;bottom: 0;overflow: hidden;box-sizing: border-box;padding-top: 38px; }


.pmd-box li{ width:420px ; display: flex; align-items: center; justify-content:center; margin-right: 60px; }
.pmd-box li .icon-logo{ background-position:-396px -40px; width: 166px; height: 23px; margin-right: 60px; }
.pmd-box li p{ font-size: 18px; color: #000000; font-family: "font";font-weight: bold; }


/* .content { background: url(//game.gtimg.cn/images/fo4/cp/a20230523sszx/bg.jpg) no-repeat 50% 0; padding-bottom: 80px; } */
.ct1-bg{ background: url(../jpg/bg1-2.jpg) no-repeat 50% 0;height: 994px; }
.ct2-bg{ background:#0f0f14;padding-top: 60px; }
.ct3-bg{ background: url(../jpg/bg2.jpg) no-repeat 50% 0;padding-top: 180px;padding-bottom: 80px; }

/* ct1 */
.ct1{ padding-top: 60px; }
.ct1-tit1{ background: url(../png/ct1-tit1.png) no-repeat; width: 1200px; height: 50px; margin: 0 auto;position: relative;z-index: 1; }
.ct1-tit1 .xl-box{
  /* width: 30px; */
  /* position: relative; */
}
.ct1-tit1 .xl-box .xl-show{ width: 260px; height: 50px; line-height: 24px; display: flex; align-items: center; font-size: 18px; color: #0c0c10; position: relative; box-sizing: border-box; padding:0 20px; cursor: pointer; }
.ct1-tit1 .xl-box .xl-show .icon-xjt{ display: block; background-position: -816px -115px; width: 16px; height: 13px; position: absolute; right: 0; top: 20px; }
.ct1-tit1 .xl-box .xl-menu{display: none; width: 260px; background-color: #ffffff; border: 1px solid #bfbfbf; border-top: 0;position: relative; z-index: 10;position: absolute;left: 0;top: 50px; }
.ct1-tit1 .xl-box .xl-menu .menu-btn{ font-size: 18px; color:#4d4d4d; box-sizing: border-box; padding: 0 20px; height:38px; display: flex; align-items: center; cursor: pointer; }
.ct1-tit1 .xl-box .xl-menu .menu-btn:hover{ background-color: #e6e6e6; }

.ct1-box1{ margin: 30px auto 0; }
.ct1-box1 .match-box{position: relative;}
.ct1-box1 .match-swi{ width: 1200px; margin:0 auto; }

.match-info{ width: 280px; height: 216px; }
.match-info.zt-yjs{ background: url(../png/matchbox_dis.png) no-repeat;background-size: 100%; }
.match-info.zt-jxz{ background: url(../png/matchbox_on.png) no-repeat;background-size: 100%; }
.match-info.zt-wks{ background: url(../png/matchbox.png) no-repeat;background-size: 100%; }

.info-top{ height: 40px; line-height: 40px;box-sizing: border-box;padding: 0 10px; }
.info-top span{ font-size: 16px; color: #ffffff;}
.zt-jxz .info-top span{color: #000000;}
.info-top .state{ float: left;}
.info-top .date{ float: right;margin-right: 10px;}
.info-top .time{ float: right;}

.info-con{ box-sizing: border-box; padding-top: 10px; }
.info-tips{ text-align: center; font-size: 16px; color: #4c4c4c; font-family: "font"; }
.info-tips span{ margin: 0 2px; }
.info-team{ display: flex; justify-content: center; margin: 10px auto 0; }
.info-team .team-box1,.info-team .team-box2{ width: 80px; }
.info-team .team-box1 img,.info-team .team-box2 img{width: 80px;margin: 0 auto;}
.info-team .team-name{ text-align: center; font-size: 12px; color: #4c4c4c;margin: 10px auto 0;line-height: 16px; }

.info-team .score-box{ width: 88px; }
.info-team .score-box p{line-height: 80px; height: 80px; text-align: center; font-size: 30px; color: #1d1d1d; font-family: "font1"; margin: 0 auto; }
.info-team .score-box .icon-score{ display:inline-block; background-position:-271px -106px; width: 32px; height: 47px; text-align: center; line-height: 47px; }

.info-team .info-btnbox{ margin: 10px auto 0; }
.info-team .info-btnbox>div{ display: none;margin: 0 auto 0; }
.info-team .info-btnbox .btn-shuju{display: block; background-position: -386px -109px; width: 40px; height: 22px;float: left;}
.info-team .info-btnbox .btn-shipin{display: block; background-position:-433px -109px; width: 40px; height: 22px;float: right;}
.info-team .info-btnbox .btn-zhibo{display: block; background-position:-516px -109px; width: 82px; height: 22px;}
.info-team .info-btnbox .btn-wks{background-position:-653px -109px; width: 82px; height: 22px; }

.match-info.zt-yjs .btn-yjs{ display: block; }
.match-info.zt-jxz .btn-jxz{ display: block; }
.match-info.zt-wks .btn-wks{ display: block; }

.match-box .swiper-next{ background-position:-158px -166px; width: 18px; height: 40px;right: 0; }
.match-box .swiper-prev{ background-position:-76px -166px; width: 18px; height: 40px;left: 0; }



.info-team{ display: flex; justify-content: center; margin: 10px auto 0; }
.info-team .team-box1,.info-team .team-box2{ width: 80px; }
.info-team .team-box1 img,.info-team .team-box2 img{width: 80px;margin: 0 auto;}
.info-team .team-name{ text-align: center; font-size: 12px; color: #4c4c4c;margin: 10px auto 0; }

.info-team .score-box{ width: 88px; }
.info-team .score-box p{line-height: 80px; height: 80px; text-align: center; font-size: 30px; color: #1d1d1d; font-family: "font1"; margin: 0 auto; }
.info-team .score-box .icon-score{ display:inline-block; background-position:-271px -106px; width: 32px; height: 47px; text-align: center; line-height: 47px; }

/* ct1-box2 */
.ct1-box2{ width: 1200px; display: flex; justify-content: space-between; margin: 40px auto 0; }
.match-live{ width: 750px; }
/* .match-live .live-tit{ width: 750px; height: 50px; line-height: 50px; background: url(//game.gtimg.cn/images/fo4/cp/a20230523sszx/ct1-tit2.png) no-repeat; box-sizing: border-box; padding-left: 270px; font-size: 22px; color: #4c4c4c; font-family: "font1"; } */
.match-live .live-tit{ width: 750px; height: 50px; line-height: 50px; background: url(../png/ct1-tit2_1.png) no-repeat; box-sizing: border-box; padding-left: 270px; font-size: 22px; color: #4c4c4c; font-family: "font1"; }
.match-live .live-pic{ width: 750px; height: 421px; margin: 30px auto 0;background-color:#000000; }


.match-course{ width: 390px; }
.course-tit{ width: 390px; height: 50px; background: url(../png/course-tit.png) no-repeat; }
.course-box{ width: 390px;height: 453px; box-sizing: border-box; border: 1px solid #d6d6d6; margin: 30px auto 0;background-color: #ffffff; }
.course-box .match-name{ text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #d6d6d6; font-size: 18px; color: #0c0c10; font-family: "font"; }
.course-box .course-tips{ height: 40px; line-height: 40px;box-sizing: border-box;padding: 0 40px; }

.course-box .course-tips span{ font-size: 18px; color: #4c4c4c;}
.course-box .course-tips .course-define{ float: left;}
.course-box .course-tips .course-date{ float: right;margin-right: 10px;}
.course-box .course-tips .course-time{ float: right;}

.course-teambox{ background-color: #f1f1f1; padding:10px 0; }
.course-zt{ text-align: center; font-size: 18px; color: #4c4c4c; font-family: "font1"; }
.course-team{ display: flex; justify-content: center; margin: 0px auto 0; }
.course-team .team-box1,.course-team .team-box2{width: 100px;}
.course-team .team-box1 img,.course-team .team-box2 img{width: 80px;margin: 0 auto;}
.course-team .team-name{width: 100%; text-align: center; font-size: 14px; color: #4c4c4c;margin: 10px auto 0; }

.course-team .score-box{ width: 88px;margin: 0 24px; }
.course-team .score-box p{line-height: 80px; height: 80px; text-align: center; font-size: 30px; color: #1d1d1d; font-family: "font1"; margin: 0 auto; }
.course-team .score-box .icon-score{ display:inline-block; background-position:-271px -106px; width: 32px; height: 47px; text-align: center; line-height: 47px; }

.score-lineup{ padding: 10px 0; }
.score-lineup .lineup-tips{ text-align: center; font-size: 18px; color: #4c4c4c; }
.score-lineup .lineup-box{ height:80px; display: flex; justify-content: center; align-items: center; margin: 0 auto; border-bottom: 1px solid #d6d6d6; }
.score-lineup .lineup-box:last-of-type{ border-bottom: none; }
.score-lineup .lineup-box>div{margin: 0 2px;}
.score-lineup .lineup-box .team-logo{ width: 64px; }
.score-lineup .lineup-box .team-logo img{ width: 64px; }
.score-lineup .lineup-box .peo-portrait{ width: 40px; border-radius: 50%; border: 1px solid #f2f2f2;overflow: hidden;display: flex;justify-content: center;align-items: center; }
.score-lineup .lineup-box .peo-portrait img{ width: 100%; }

/* ct2 */
.ct2{
  /* margin-top: 60px; */
}
/* .ct2-topbox{ display: flex; justify-content: space-between;align-items: center; margin: 0 auto 0;padding-left: 40px; } */
.ct2-topbox{background: url(../png/ct2-tit.png) no-repeat;width: 1200px;height: 50px; display: flex; justify-content: space-between;align-items: center; margin: 0 auto 0;box-sizing: border-box;padding-left: 270px;}

.ct2-tit{ background-position: -1174px -21px; width: 176px; height: 32px; }
.jdss-tab{
}
.ct2-tab{ display: inline-block; width: 174px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #b2b2b2; font-family: "font"; box-sizing: border-box; }
.ct2-tab:hover{ border-bottom: 2px solid #07f468; color: #07f468; font-family: "font1"; }
.ct2-tab.on{ border-bottom: 2px solid #07f468; color: #07f468; font-family: "font1"; }
.btn-more{ background-position: -1038px -25px; width: 48px; height: 17px; }

.ct2-box{ margin: 30px auto 0; }
.ct2-con{display: none;position: relative;}
.ct2-con.on{display: block;}
.ct2-con img{display: block; max-width: 1240px;margin: 0 auto;}

.ct2-con_tab{ display: flex; justify-content: left; position: relative; width: 1200px; margin: 30px auto 30px; box-sizing: border-box;}
.ct2-con_tab .btn-jdss{ width: 160px;height: 34px; box-sizing: border-box;background-color: #1c8145; text-align: center; line-height: 34px; font-size: 16px; color: #ffffff; font-family: "font";margin-right: 4px; }
.ct2-con_tab .btn-jdss:hover{ color: #000000; background-color: #ffffff;}
.ct2-con_tab .btn-jdss.on{ color: #000000; background-color: #ffffff;}


/* ct3 */
.ct3{
  /* margin-top: 60px; */
}
.ct3-topbox{background: url(../png/ct3-tit.png) no-repeat;width: 1200px;height: 50px; display: flex; justify-content: space-between;align-items: center; margin: 0 auto 0;box-sizing: border-box;padding-left: 270px;}
.ct3-tab{ display: inline-block; 
/* width: 120px; */
 height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #4c4c4c; font-family: "font"; box-sizing: border-box;padding: 0 10px; }
.ct3-tab:hover{ border-bottom: 2px solid #000000; color: #000000; font-family: "font1"; }
.ct3-tab.on{ border-bottom: 2px solid #000000; color: #000000; font-family: "font1"; }
.ct3 .btn-more{ background-position:-1458px -31px; width: 48px; height: 17px;}

.vid-btnbox{ position: relative; width: 1200px; margin: 30px auto 0; box-sizing: border-box; padding-right: 50px; }
.vid-tab{ display: flex; justify-content: left; }
.vid-tab .btn-vid{ width: 160px;height: 34px; box-sizing: border-box;background-color: #1c8145; text-align: center; line-height: 34px; font-size: 16px; color: #ffffff; font-family: "font";margin-right: 4px; }
.vid-tab .btn-vid:hover{ color: #000000; background-color: #ffffff;}
.vid-tab .btn-vid.on{ color: #000000; background-color: #ffffff;}
.btn-more1{ background-position: -1753px -28px; width: 39px; height: 34px; position: absolute; right: 0; top: 0; }

.list-vid{ width: 1200px; margin: 30px auto 0; display: flex; flex-wrap:wrap; justify-content:left; }
.list-vid .vid-box{ width: 280px; height: 257px;position: relative;box-sizing: border-box;padding: 158px 0 0;margin-bottom: 30px;margin-right: 26px;}
.list-vid .vid-box:nth-of-type(4n){margin-right:0;}
.list-vid .vid-box .vid-link{display: block;}
.list-vid .vid-box .vid-bg{position: absolute;left: 0;top:0;width: 280px;display: block;}
.list-vid .vid-box .icon-play{ background-position:-1642px -142px; width: 52px; height: 60px; position: absolute;left: 50%; transform: translateX(-50%); top: 50px; }
.list-vid .vid-box .vid-txtbox{ width: 280px; height: 100px; background-color: #ffffff; box-sizing: border-box; padding: 10px; }

.vid-txt{ font-size: 16px; color: #4d4d4d; font-family: "font"; position: relative;z-index: 1;}
.vid-time{ font-size: 12px; color: #999999; position: absolute; bottom: 10px; right: 10px; }
.vid-views{font-size: 12px;color: #999999;position: absolute;bottom: 10px;left: 10px;}

.list-vid .vid-box:hover .icon-play{ background-position:-1752px -142px; }
.list-vid .vid-box:hover .vid-txt{color: #0f0f14;font-weight: bold; }



@-webkit-keyframes fadeInUp{
	0%{opacity:0;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
	0%{opacity:0;
	-moz-transform:translateY(-20px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-webkit-keyframes fadeInBottom{
	0%{opacity:0;
	-webkit-transform:translateY(20px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInBottom{
	0%{opacity:0;
	-moz-transform:translateY(20px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;
	-webkit-transform:translateX(-40px)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
	0%{opacity:0;
	-moz-transform:translateX(-40px)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;
	-webkit-transform:translateX(40px)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
	0%{opacity:0;
	-moz-transform:translateX(40px)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
.ct1-tit1.animate{-webkit-animation:fadeInUp 1s .5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}


.ct1-box1.animate{-webkit-animation:fadeInBottom 1s .5s ease both;-moz-animation:fadeInBottom 1s .5s ease both;}
.match-live.animate{-webkit-animation:fadeInLeft 1s .5s ease both;-moz-animation:fadeInLeft 1s .5s ease both;}
.match-course.animate{-webkit-animation:fadeInRight 1s .5s  ease both;-moz-animation:fadeInRight 1s .5s ease both;}
.ct2-topbox.animate{-webkit-animation:fadeInUp 1s .5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.ct2-box.animate{-webkit-animation:fadeInBottom 1s .5s ease both;-moz-animation:fadeInBottom 1s .5s ease both;}
.ct3-topbox.animate{-webkit-animation:fadeInUp 1s .5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.vid-btnbox.animate{-webkit-animation:fadeInUp 1s .5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.list-vid.animate{-webkit-animation:fadeInBottom 1s .5s ease both;-moz-animation:fadeInBottom 1s .5s ease both;}


.swiper-slide-active .fadeInUp{-webkit-animation:fadeInUp 1s .5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.swiper-slide-active .fadeInLeft{-webkit-animation:fadeInLeft 1s .5s ease both;-moz-animation:fadeInLeft 1s .5s ease both;}
.swiper-slide-active .fadeInRight{-webkit-animation:fadeInRight 1s .5s  ease both;-moz-animation:fadeInRight 1s .5s ease both;}
.swiper-slide-active .fadeInBottom{-webkit-animation:fadeInBottom 1s .5s ease both;-moz-animation:fadeInBottom 1s .5s ease both;}

.sp-tab-prve,.sp-tab-next{
	display: block;
	width: 80px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	color: #4d4d4d;
	margin: 0 30px;
	background-color: #ffffff;
	border: 1px solid #07f468;
	font-family: "font";
}