@charset "utf-8";
/* CSS Document */
.fancybox-skin{ background:none;}
.fancybox-opened .fancybox-skin{box-shadow:none;}
.index-wrap{background:url(../images/index_bg.jpg) center top no-repeat #000;width:100%; position:relative; height:1750px;}
.content{width:1100px; margin:0 auto; position:relative; padding-top:389px;}
.fs_index{display:block;position:absolute;width:180px;height:87px;left:43px;top:33px;}
.index-wrap .content{padding-top: 446px;}
.live-btn{display: block;background:url(../images/live_btn.png) center top no-repeat;width: 251px;height: 59px;margin: 0 auto;}
.match-date{margin: 22px auto 72px;width: 456px;height: 26px;line-height: 26px;text-align: center;font-size: 16px;color: white;background: black;}
.match-date span{color: #ffff00;padding-right: 5px;}
.nav-wrap{background:url(../images/nav_bg.png) center top no-repeat;width: 1046px;height: 55px;margin: 0 auto 20px;display: flex;justify-content: center;align-items: center;padding-top: 14px;}
.nav-wrap li{width: 192px;height: 31px;position: relative;border-right: 2px solid black;}
.nav-wrap li:last-child{border: none;}
.nav-wrap li a{display: block;width: 123px;height: 31px;line-height: 31px;text-align: center;margin: 0 auto;background:url(../images/nav_sel.png) center -31px no-repeat;font-size: 16px;color: black;font-weight: bold;}
.nav-wrap li:first-child a{color: #ffff00;}
.nav-wrap li a:hover{background-position: 0 0;color: #ffff00;text-decoration: none;}
.team-wrap{background:url(../images/team_intro.png) center top no-repeat;width: 485px;height: 250px;margin-bottom: 35px;padding-top: 73px;}
.team-wrap a{display: block;width: 160px;height: 230px;margin: 0 40px;}
.award-wrap{background:url(../images/index_award.png) center top no-repeat;width: 489px;height: 229px;}
.events-wrap{width: 500px;height: 587px;background:url(../images/events_bottom.png) left bottom no-repeat;position: relative;}
.events-char{display: block;position: absolute;right: 0;bottom: 33px;z-index: 2;}
.events-wrap h2{width: 266px;height: 45px;background:url(../images/events_title.png) 0 9px no-repeat;margin-bottom: 18px;}
.events-list{position: relative;z-index: 3;}
.events-list li{margin-bottom: 23px;position: relative;padding-left: 32px;}
.events-list li a{display: block;background:url(../images/events_menu.png) no-repeat;width: 206px;height: 40px;padding-top: 11px;font-weight: bold; line-height: 40px;text-align: center;font-size: 18px;color: #53597b;}
.events-list li a:hover{text-decoration: none;}
.events-list li.cur a{background-position: 0 -51px;color: #2a2d40;}
.events-list li.cur::before{content: "";position: absolute;background:url(../images/arrow.png) no-repeat;display: block;width: 12px;height: 15px;left: 0;top: 18px;}
.my-medal{z-index: 3; width: 195px;height: 52px;position: relative;margin-left: 35px;background: black;padding-left: 15px;font-size: 17px;color: #ffd200;font-weight: bold;line-height: 52px;margin-top: 60px;}
.my-medal span{display: inline-block;width: 39px;height: 36px;vertical-align: middle;text-align: center;line-height: 36px;text-align: center;background: #ffd200;color: black;margin-left: 20px;}
.my-medal::before{content: "";position: absolute;background:url(../images/medal_icon.png) no-repeat;display: block;width: 33px;height: 31px;left: -35px;top: 10.5px;}
.media-wrap{background:url(../images/media.png) no-repeat;width: 1006px;height: 172px;margin: 113px auto 0;}

.inner-wrap{background:url(../images/inner_bg.jpg) center top no-repeat #2a2d40;width:100%; position:relative;padding-bottom: 100px;}
.inner-wrap .match-date{margin: 22px auto 25px;}
.inner-content{background: #10142f;margin: 75px auto 0;width: 922px;padding-bottom: 50px;position: relative;}
.team-nav{height: 220px;width: 852px;position: relative;left: 35px;top: -35px;}
.team-nav a{display: block;width: 317px;height: 228px;}
.team-gc{background:url(../images/team_btn_1.png) no-repeat;}
.team-xh{background:url(../images/team_btn_2.png) no-repeat;}
.team-nav a:hover,.team-nav a.cur{background-position: 0 -228px;}
.team-captain{width: 100%;height: 396px;background-color: #323a6c;padding-top: 21px;margin-bottom: 15px;}
.team-captain h3{margin: 0 auto 10px;width: 180px;height: 30px;text-align: center;line-height: 30px;border: 5px solid black;background: #ffe400;font-size: 16px;color: #2a2d40;}
.team-captain img{display: block;width: 187px;height: 258px;margin: 0 auto;border: 5px solid #565f9e;border-radius: 15px;}
.team-captain p{text-align: center;font-size: 16px;font-weight: bold;color: #ffff00;line-height: 70px;}
.team-captain p span{color: white;}
.teams-list{width: 900px;margin: 0 auto;}
.teams{margin-bottom: 15px;}
.teams h3{width: 193px; padding-right: 706px;height: 37px;line-height: 37px;background:url(../images/teams_title.png) no-repeat;font-size: 16px;color: #565f9e;text-align: center;margin-bottom: 30px;}
.teams ul{width: 891px;margin: 0 auto;}
.teams ul li{width: 197px;margin: 0 50px;}
.teams ul li img{display: block;width: 187px;height: 258px;margin: 0 auto;border: 5px solid #565f9e;border-radius: 15px;}
.teams ul li p{text-align: center;font-size: 16px;font-weight: bold;color: #ffff00;line-height: 70px;}
.teams ul li  p span{color: white;}
.inner-title{height: 60px;line-height: 60px;text-align: center;background: #323a6c;font-size: 22px;color: #ffff00;margin-bottom: 40px;}
.inner-event p{width: 822px;margin: 0 auto 22px;font-size: 14px;color: white;line-height: 26px;}
.inner-event p a{color: white;text-decoration: underline;}
.inner-event p span{color: #ffff00;}
.award-img{display: block;margin: 0 auto 30px;}
.rule-img{display: block;margin: 0 0 30px 53px;}