@charset "utf-8";

/* CSS Document */
body,html {width: 100%;overflow-x: hidden;}

.fancybox-skin {background: none;}

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

.bg {background: url(../images/m_bg2.jpg) center top no-repeat #000;width: 100%; position: relative;padding-bottom: 100px;background-size: 100%;}
.nav-link-wrap{background: url(../images/navLink_bg2.png) no-repeat;margin: 0 auto .70rem;width: 100%;height: 1.30rem;padding-top: .90rem;display: flex;background-size: 100%;}
.nav-link-wrap a{display: block;width: 50%;height: 1.3rem;}
#bottom{display: none;}
.content {width: 98%;    margin: 0 auto;    position: relative;    padding-top: 7.3rem;}
.date{text-align: center;padding-top: .15rem;line-height: .40rem;height: 1.83rem;font-size: .2rem;color: #00ffff;}
.city-wrap{position: relative;}
.city-nav{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: .30rem;}
.city-list{display: flex;}
.city-list a{display: block;background: url(../images/nav-bg.jpg) no-repeat;width: 3rem;height: 1rem;margin-right: .20rem;cursor: pointer;flex: 0 0  auto;float: none;background-size: 100%;}
.city-list a p{text-align: center;width: 100%;line-height: .35rem;padding-top: .15rem;font-size: .28rem;font-weight: bold;color: white;}
.city-list a p span{font-size: .18rem;}
.city-list a:hover{text-decoration: none;}
.city-list a.active{background-position: 0 -1rem;}
.match-more{display: block;background: url(../images/match_more.jpg) no-repeat;width: 1rem;height: 1rem;background-size: 100%;}
.match-more:hover{background-position: 0 -1rem;}



.city-info{font-size: .48rem;color: white;line-height: .50rem;text-align: center;}
.city-info span{font-size: .2rem;}
.date-nav{display: flex;width: 100%;justify-content: space-between;height: 1.08rem;margin: 0 auto;}
.date-nav a{display: block;width: 22%;height: .52rem;text-align: center;border: .04rem solid #483e32;border-radius: .15rem;font-weight: bold;cursor: pointer;background: #483e32;}
.date-nav a.cur{border: .04rem solid #958066;}
.date-nav a.cur p{color: #fff;}
.date-nav a p{color: #806e58;font-size: .18rem;line-height: .22rem;padding-top: .04rem;}
.date-nav a p span{font-size: .2rem;}
.date-nav a:hover{text-decoration: none;}
.mySwiper{width: 96%;margin: 0 auto;overflow: hidden;}
.swiper-slide{width: 100%;border-radius: 10px;background: #483e32;margin: 0 0 20px; padding: 20px 0;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: .41rem;height: .76rem;background-size: 100%; top: 300px;display: none;}
.swiper-button-prev{background: url(../images/arrow_left.png) no-repeat;width: .41rem;height: .76rem;background-size: 100%;top: 300px;display: none;}
.swiper-slide img{display: block;width: 100px;height: 100px;margin: 0 auto;border-radius: 100px;}
.anchor-name{text-align: center;font-size: .3rem;font-weight: bold;color: #fff;line-height: .65rem;}
.status{width: 64px;margin: 0 auto;font-size: 12px;text-align: right;font-weight: bold;line-height: 20px;position: relative;height: 40px;}
.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 .20rem;font-size: .22rem;color: #fff;font-weight: bold;line-height: .36rem;height: 1.44rem;}
.swiper-slide a{display: block;margin: 0 auto;width: 1.40rem;height: .40rem;line-height: .40rem;text-align: center;border-radius: .10rem;font-weight: bold; background: #483e32;font-size: .2rem;color: #958066;border: .03rem solid #958066;}
.swiper-slide a:hover{text-decoration: none;color: white;}
.event-intro,.award-intro{width: 96%;margin: 0 auto .50rem;background: #262320;padding-bottom: .50rem;}
.event-intro h2,.award-intro h2{text-align: center;line-height: .8rem;font-size: .30rem;color: #826f59;background: #483e32;}
.event-intro p,.award-intro p{text-align: center;color: #fff;font-size: .2rem;line-height: .36rem;padding: 30px 0;}
.event-intro p span,.award-intro p span{color: white;}
.award-intro img{display: block;margin: 30px auto;width: 80%;}
.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;}