@charset "utf-8";

/* CSS Document */
body {width: 100%;overflow-x: hidden;font-family: "Noto Sans SC", sans-serif;}

.fancybox-skin {background: none;}

.fancybox-opened .fancybox-skin {box-shadow: none;}

.bg {background: url(../images/bg2.jpg) center top no-repeat #000;width: 100%; position: relative;padding-bottom: 100px;}

.content {width: 1000px;    margin: 0 auto;    position: relative;    padding-top: 750px;}
.nav-link-wrap{background: url(../images/navLink_bg2.png) no-repeat;margin: 0 auto 90px;width: 780px;height: 130px;padding-top: 90px;display: flex;}
.nav-link-wrap a{display: block;width: 50%;height: 130px;}
.date{text-align: center;padding-top: 10px;line-height: 40px;height: 133px;font-size: 24px;color: #00ffff;}
.city-wrap{position: relative;}
.city-nav{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 30px;}
.city-list{display: flex;}
.city-list a{display: block;background: url(../images/nav-bg.jpg) no-repeat;width: 300px;height: 100px;margin-right: 20px;cursor: pointer;flex: 0 0  auto;float: none;}
.city-list a p{text-align: center;width: 100%;line-height: 35px;padding-top: 15px;font-size: 28px;font-weight: bold;color: white;}
.city-list a p span{font-size: 18px;}
.city-list a:hover{text-decoration: none;}
.city-list a.active{background-position: 0 -100px;}
.match-more{display: block;background: url(../images/match_more.jpg) no-repeat;width: 100px;height: 100px;}
.match-more:hover{background-position: 0 -100px;}

.city-info{font-size: 48px;color: white;line-height: 50px;text-align: center;}
.city-info span{font-size: 18px;}
.date-nav{display: flex;width: 750px;justify-content: space-between;height: 108px;margin: 0 auto;}
.date-nav a{display: block;width: 172px;height: 52px;text-align: center;border: 4px solid #483e32;border-radius: 15px;font-weight: bold;cursor: pointer;background: #483e32;}
.date-nav a.cur{border: 4px solid #958066;}
.date-nav a.cur p{color: #fff;}
.date-nav a p{color: #806e58;font-size: 22px;line-height: 22px;padding-top: 4px;}
.date-nav a p span{font-size: 16px;}
.date-nav a:hover{text-decoration: none;}
.mySwiper{width: 680px;margin: 0 auto;overflow: hidden;}
.swiper-wrapper{display: flex;justify-content: left;flex-wrap: wrap;}
.swiper-slide{width: 300px;height: 450px;border-radius: 10px;background: #483e32;margin: 0 20px 20px; padding-top: 20px;box-sizing: border-box;}
.online-wrap{border: 3px solid #ff9300;}
.offline-wrap{border: 3px solid #da9fff;}
.swiper-button-next{background: url(../images/arrow_right.png) no-repeat;width: 41px;height: 76px;top: 300px;}
.swiper-button-prev{background: url(../images/arrow_left.png) no-repeat;width: 41px;height: 76px;top: 300px;}
.swiper-slide img{display: block;width: 100px;height: 100px;margin: 0 auto;border-radius: 100px;position: relative;}
.anchor-name{text-align: center;font-size: 22px;font-weight: bold;color: #fff;line-height: 65px;overflow: hidden;}
.status{width: 64px;margin: 0 auto 20px;font-size: 12px;text-align: right;font-weight: bold;line-height: 20px;position: relative;}
.status p{position: absolute;height: 20px;width: 100px;top: 18px;text-align: center;left: -18px;color: #333;}
.status-1{color: #e82dd6;}
.status-1::after{display: block;content: "";position: absolute;width: 10px;height: 11px;left:0;top: 4.5px;background: #e82dd6;border-radius: 100px;}
.status-2{color: #477ed8;}
.status-2::after{display: block;content: "";position: absolute;width: 10px;height: 11px;left:0;top: 4.5px;background: #477ed8;border-radius: 100px;}
.swiper-slide .intro{width: 92%;margin: 0 auto 20px;font-size: 12px;color: #fff;font-weight: bold;line-height: 24px;height: 144px;overflow: hidden;}
.swiper-slide a{display: block;margin: 0 auto;width: 140px;height: 40px;line-height: 40px;text-align: center;border-radius: 10px;font-weight: bold; background: #483e32;font-size: 16px;color: #958066;border: 3px solid #958066;}
.swiper-slide a:hover{text-decoration: none;color: white;}
.event-intro,.award-intro{width: 750px;margin: 0 auto 50px;background: #262320;padding-bottom: 50px;}
.event-intro h2,.award-intro h2{text-align: center;line-height: 80px;font-size: 30px;color: #826f59;background: #483e32;}
.event-intro p,.award-intro p{text-align: center;color: #fff;font-size: 18px;line-height: 36px;padding: 30px 0;}
.event-intro p span,.award-intro p span{color: white;}
.award-intro img{display: block;margin: 30px auto;}
.swiper-pagination{width: 100%;text-align: center;bottom: -30px;}
.swiper-pagination-bullet{background: white;margin: 0 2px;width: 10px;height: 10px;}
.swiper-pagination-bullet-active{background: #007aff;}