@charset "utf-8";
/* CSS Document */
.fancybox-skin{ background:none;}
.fancybox-opened .fancybox-skin{box-shadow:none;}
body{width:100%;overflow-x:hidden;font-family: "Noto Sans SC", sans-serif;}
a:hover{text-decoration: none;}
.wrap{background:url(../images/bg.jpg) center top no-repeat #000;width:100%; position:relative; padding-bottom: 100px;}
.content{width:1200px; margin:0 auto; position:relative; padding-top:593px;}


.nav-wrap{width: 100%;height: 80px;display: flex;justify-content: center;padding:87px 0 32px;background: url(../images/topNavi_bg.png) center 0 no-repeat;position: relative;z-index: 3;}
.nav-wrap li{width: 200px;height: 80px;position: relative;}
.nav-wrap li a{display: block;width: 200px;height: 80px;line-height: 80px;text-align: center;margin: 0 auto;font-size: 28px;color: white;font-weight: bold;background: linear-gradient(to bottom, #9ab1bb, #ffdbe0);-webkit-background-clip: text;background-clip: text;color: transparent;}
.nav-wrap li a:hover{text-decoration: none;background: linear-gradient(to bottom, #f996b7, #fff);-webkit-background-clip: text;background-clip: text;color: transparent;}
.index-content{background: url(../images/indexContent_bg.png) no-repeat;position: relative;z-index: 2;width: 970px;height: 907px;margin: -55px auto 55px;}
.inner-content{background: url(../images/innerContent_bg.png) no-repeat;position: relative;z-index: 2;width: 970px;height: 957px;margin: -55px auto 55px;}
.time-wrap{display: flex;width: 830px;margin: 0 auto 20px;justify-content: space-between;padding-top: 65px;}
.online-wrap,.offline-wrap{background: url(../images/time_bg.png) no-repeat;width: 400px;height: 305px;padding-top: 26px;}
.online-wrap h2{display: block;margin: 0 auto 30px;background: url(../images/online_title.png) no-repeat;width: 160px;height: 28px;text-indent: -9999px;}
.offline-wrap h2{display: block;margin: 0 auto 32px;background: url(../images/Offline_title.png) no-repeat;width: 160px;height: 28px;text-indent: -9999px;}
.time-wrap p{text-align: center;font-size: 14px;color: white;line-height: 25px;}
.time-wrap p b{font-size: 16px;color: #f996b7;}
.online-wrap img{display: block;margin: 0 auto 5px;}
.online-wrap a{display: flex;background: url(../images/liveBtn_bg.png) no-repeat;width: 164px;height: 45px;margin: 0 auto;align-items: center;}
.online-wrap a span{display: block;width: 130px;height: 37px;text-align: center;line-height: 37px;margin: 0 auto;background: #29181f;color: #f996b7;font-size: 16px;font-weight: bold;}
.offline-wrap a{display: block;line-height: 30px;padding-top: 112px;width: 180px;margin: 25px auto 0;background: url(../images/map_s.jpg) center top no-repeat;color: #f996b7;font-size: 12px;font-weight: bold;text-align: center;}

.award-wrap{margin: 0 auto 20px;background: url(../images/award_bg.png) no-repeat;width: 828px;height: 200px;padding: 0 25px;box-sizing: border-box;}
.award-list{padding-left: 93px;display: flex;background: url(../images/award_title.png) left center no-repeat;align-items: center;height: 200px;}
.award-list div{width: 180px;}
.award-list div img{display: block;margin: 0 auto 12px;}
.award-list div p{text-align: center;line-height: 20px;font-size: 12px;font-weight: bold;color: #f996b7;}
.award-list div p span{color: white;font-size: 16px;}

.gift-wrap{margin: 0 auto;background: url(../images/award_bg.png) no-repeat;width: 828px;height: 200px;padding-left: 25px;box-sizing: border-box;overflow: hidden;position: relative;}
.gift-list{padding-left: 93px;display: flex;align-items: center;height: 200px;width: 100%;box-sizing: border-box;background-color: #29181f;}
#gift01{background: url(../images/gift_title1.png) left center no-repeat;}
#gift02{background: url(../images/gift_title2.png) left center no-repeat;}
#gift03{background: url(../images/gift_title3.png) left center no-repeat;}
.gift-list div{width: 180px;}
.gift-list div img{display: block;margin: 0 auto;}
.gift-list div p{text-align: center;line-height: 20px;font-size: 12px;font-weight: bold;color: #fff;}
.gift-list div span{display: flex;width: 56px;height: 56px;margin: 0 auto;text-align: center;align-items: center;}
.swiper-button-next{display: block;width: 18px;height: 22px;background: url(../images/arrow_R.png) no-repeat;right: -30px;}
.swiper-button-prev{display: block;width: 18px;height: 22px;background: url(../images/arrow_L.png) no-repeat;left: -30px;}
.swiper-pagination{position: absolute;width: 100%;height: 15px;text-align: center;left: 0;bottom: -30px;}
.swiper-pagination-bullet{width: 15px;height: 15px;background: #2a1920;margin: 0 5px;}
.swiper-pagination-bullet-active{background: #f996b7;}

.media-wrap{width: 1020px;margin: 0 auto 40px;}
.media-wrap h2{height: 60px;line-height: 60px;width: 100%;text-align: center;font-size: 14px;color: white;margin-bottom: 40px;}
.sponsor-list,.media-list{display: flex;padding: 0 10px;box-sizing: border-box;flex-wrap: wrap;}
.sponsor-list{justify-content: center;}
.sponsor-list span{display: flex;width: 180px;height: 80px;align-items: center;background: #725b65;margin: 0 10px;}
.media-list span{display: flex;width: 180px;height: 80px;align-items: center;background: #fff;border: 2px solid #725b65;box-sizing: border-box;margin: 0 10px 10px;}
.sponsor-list span img,.media-list span img{display: block;margin: 0 auto;}
.media-title{background: url(../images/media_title.png) center no-repeat;}
.sponsor-title{background: url(../images/sponsor_title.png) center no-repeat;}



.teams-navi{display: flex;justify-content: center;flex-wrap: wrap;padding-top: 65px;}
.teams-navi a{display: block;text-align: center;background: url(../images/teamNavi_bg.png) no-repeat;width: 160px;height: 41px;line-height: 41px;margin: 0 30px 20px;font-size: 16px;color: white;font-weight: bold;cursor: pointer;}
.teams-navi a.active{color: #f996b7;}
.teams-photo{display: flex;margin: 0 auto;background: url(../images/team_bg.png) no-repeat;width: 828px;height: 500px;align-items: center;}
.teams-photo img{display: block;margin: 0 auto;}

.rule-navi{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 65px 45px 0;height: 110px;}
.rule-navi a{display: block;width: 276px;height: 60px;line-height: 60px;text-align: center;font-size: 14px;color: white;font-weight: bold;cursor: pointer;}
.rule-navi a.day01{background: url(../images/naviDay01.png) no-repeat;}
.rule-navi a.day02{background: url(../images/naviDay02.png) no-repeat;}
.rule-navi a.day03{background: url(../images/naviDay03.png) no-repeat;}
.rule-navi a.active,.rule-navi a:hover{color: #f996b7;background-position: 0 -60px;}
#day01Rule div{background: url(../images/day01_bg.png) no-repeat;width: 828px;height: 400px;margin: 0 auto;}
#day02Rule div{background: url(../images/day02_bg.png) no-repeat;width: 828px;height: 240px;margin: 0 auto;}
#day03Rule div{background: url(../images/day03_bg.png) no-repeat;width: 828px;height: 200px;margin: 0 auto;}
#day02Rule,#day03Rule{display: none;}
.rule-content h2{text-align: center;padding-top: 20px;line-height: 65px;font-size: 28px;color: #f996b7;}
.rule-content p{width: 738px;margin: 0 auto;font-size: 14px;color: white;line-height: 30px;}
.rule-content img{display: block;margin: 20px auto 0;}

.events-list{display: flex;justify-content: center;flex-wrap: wrap;padding-top: 200px;}
.events-list a{display: block;background: url(../images/eventBtn_bg.png) no-repeat;width: 315px;height: 154px;margin: 0 52px 80px;position: relative;font-size: 28px;color: white;font-weight: bold;line-height: 37px;padding: 40px 0 40px 150px;box-sizing: border-box;}
.events-list a:hover{text-decoration: none;color: #f996b7;}
.event01::after{display: block;background: url(../images/event1_icon.png) no-repeat;width: 93px;height: 179px;content: "";left: 30px;top: -40px;position: absolute;}
.event02::after{display: block;background: url(../images/event2_icon.png) no-repeat;width: 98px;height: 180px;content: "";left: 30px;top: -40px;position: absolute;}
.event03::after{display: block;background: url(../images/event3_icon.png) no-repeat;width: 110px;height: 177px;content: "";left: 30px;top: -40px;position: absolute;}
.events-wrap{width: 800px;height: 600px;position: absolute;left: 85px;top: 120px;background: #29181f;border:10px solid #402330;box-sizing: border-box;display: none;}
.close{display: block;position: absolute;background: url(../images/close.png) no-repeat;width: 35px;height: 35px;top: 10px;right: 10px;}
.event{display: none;width: 630px;margin: 0 auto;}
.event h2{font-size: 28px;color: #f996b7;font-weight: bold;text-align: center;line-height: 140px;}
.event p{font-size: 14px;color: white;line-height: 32px;}
.event p b{font-size: 16px;}
.event img{display: block;margin-top: 20px;}

.float-liveBtn{display: block;position: absolute;background: url(../images/liveFloatBtn.png) no-repeat;width: 164px;height: 204px;text-indent: -9999px;top: 70px;right: -170px;}