body{
	width: 100%;
	min-width: 1200px;
}
/*<!--banner 轮播图-->*/
.sn-banner-contianer{
	width: 100%;
	min-width: 1200px;
}
.swiper-active-switch{
	background: #77cc32 !important;
}
span.swiper-pagination-switch{
	background: #FFFFFF;
	opacity: 1;
}
/*<!--内容-->*/
#sn-content{
	width: 1200px;
	margin: 0 auto;
	padding-top: 15px;
}
/*<!--左侧-->*/
.sn-left-content{
	width: 866px;
}
/*<!--筛选分类-->*/
.sn-screening-container{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
}
.sn-screening-item{
	width: 100%;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	padding: 13px 110px 9px 170px;	
}
.sn-more-showlist{
	display: none;
}
.sn-iconClass{
	width: 96px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	padding-left: 40px;
	position: absolute;
	top: 13px;
	left: 0px;
	font-size: 18px;
	color: #3b3b3b;
}
.sn-btn-placeOption,
.sn-btn-typeOption,
.sn-btn-timeOption,
.sn-btn-priceOption,
.sn-btn-signUpOption{
	display: block;
	height: 30px;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 15px;
	border-radius: 15px;
	padding: 0px 20px;
	border: 1px solid transparent;
	color: #373737;
	position: absolute;
	top: 13px;
	left: 100px;
}
/*地点*/
.sn-btn-placeOption.active,
.sn-place-option.active,
.sn-btn-placeOption:hover,
.sn-place-option:hover,
/*类型*/
.sn-btn-typeOption.active,
.sn-type-option.active,
.sn-btn-typeOption:hover,
.sn-type-option:hover,
/*时间*/
.sn-btn-timeOption.active,
.sn-time-option.active,
.sn-btn-timeOption:hover,
.sn-time-option:hover,
/*费用*/
.sn-btn-priceOption.active,
.sn-price-option.active,
.sn-btn-priceOption:hover,
.sn-price-option:hover,
/*报名*/
.sn-btn-signUpOption.active,
.sn-signUp-option.active,
.sn-btn-signUpOption:hover,
.sn-signUp-option:hover
{
	border: 1px solid #77cc32;
	/*color: #77cc32;*/
	color: white;
	background-color: #77cc32;
}
.sn-place{
	background: url(/img/index/icon/sn-headpc-icon_01.png) no-repeat 10px -2px;
}
.sn-type{
	background: url(/img/index/icon/sn-headpc-icon_01.png) no-repeat 10px -30px;
}
.sn-time{
	background: url(/img/index/icon/sn-headpc-icon_01.png) no-repeat 10px -60px;
}
.sn-price{
	background: url(/img/index/icon/sn-headpc-icon_01.png) no-repeat 10px -150px;
}
.sn-signUp{
	background: url(/img/index/icon/sn-headpc-icon_01.png) no-repeat 10px -120px;
}

/*<!--地点列表-->*/
.sn-place-content,
.sn-type-content,
.sn-time-content,
.sn-price-content{
	width: 100%;
	height: 36px;
	overflow: hidden;
	box-sizing: border-box;
	transition: all 0.3s;
}
.sn-place-content.sn-show,
.sn-type-content.sn-show,
.sn-time-content.sn-show,
.sn-price-content.sn-show{
	height: auto;
}
.sn-place-option,
.sn-type-option,
.sn-time-option,
.sn-price-option,
.sn-signUp-option{
	display: block;
	float: left;
	height: 30px;
	box-sizing: border-box;
	line-height: 30px;
	border-radius: 15px;
	padding: 0px 20px;
	border: 1px solid transparent;
	color: #373737;
	font-size: 15px;
	margin-left: 6px;
	margin-bottom: 6px;
}



/*<!--更多-->*/
.sn-showMore{
	position: absolute;
	top: 10px;
	right: 0px;
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	color: #7d7d7d;
	cursor: pointer;
	background: url(/img/index/icon/sn-headpc-icon_01.png) no-repeat 46px -86px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.sn-showMore:hover{
	color: #77cc32;
}
.sn-showMore.active{
	background: url(/img/index/icon/sn-headpc-icon_01.png) no-repeat 46px -220px;
}
.sn-showMoreItem{
	width: 100%;
	height: 30px;
	text-align: center;
}
.sn-showMoreItem>span:hover{
	color: #77cc32;
}
.sn-showMoreItem>span{
	line-height: 30px;
	font-size: 14px;
	color: #7d7d7d;
	padding-right: 30px;
	cursor: pointer;
	background: url(/img/index/icon/sn-headpc-icon_01.png) no-repeat right -97px;
}
.sn-showMoreItem>span.active{
	background: url(/img/index/icon/sn-headpc-icon_01.png) no-repeat right -230px;
}
/*<!--二级导航栏-->*/
.sn-nav-container{
	width: 100%;
	padding: 20px 0px;
}
.sn-nav-item{
	display: block;
	margin: 0 24px 0 20px;
	float: left;
	height: 30px;
	line-height: 30px;
	/*padding: 0px 20px;*/
	/*border: 1px solid transparent;*/
	/*border-radius: 15px;*/
	font-size: 15px;
	color: #373737;
	/*margin-right: 4px;*/
}
.sn-nav-item.active{
	border-bottom: 3px solid #77cc32;
}
.sn-nav-item:hover{
	/*color: #77cc32;;
	border-color: #77cc32;*/
	color: #77cc32;
	border-bottom: 3px solid #77cc32;
}
/*<!--筛选结果-->*/
.sn-screeningR-content{
	width: 100%;
	font-size: 0px;
}
.sn-event-item{
	float: left;
	width: 420px;
	box-sizing: border-box;
	padding: 12px;
	position: relative;
	box-shadow: 0px 1px 10px rgba(44,44,44,0.1);
	margin-bottom: 26px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.sn-event-item:hover{
	box-shadow: 0px 1px 10px rgba(44,44,44,0.3);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
}
.sn-event-item:nth-child(odd){
	margin-right: 26px;
}
.sn-eventImg{
	width: 138px;
	height: 106px;
	overflow: hidden;
	font-size: 0px;
}
.sn-eventImg>img{
	width: 100%;
}
.sn-event-info{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 12px;
	padding-left: 162px;
	padding-right: 12px;
}
.sn-eventName{
	width: 100%;
	font-size: 15px;
	color: #2e2e2e;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;/*文字显示省略符号来代表被修剪的文本。*/
	white-space: nowrap;/*文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/
}
.sn-event-price{
	width: 100%;
	font-size: 14px;
	color: #6a6a6a;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;/*文字显示省略符号来代表被修剪的文本。*/
	white-space: nowrap;/*文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/
}
.sn-eventIcon{
	width: 100%;
	line-height: 20px;
	padding-top: 6px;
	padding-bottom: 4px;
}
.sn-toSignUp,.sn-ys-straightTo{
  font-size: 12px;
  color: #3fa831;
  border: 1px solid #3fa831;
  border-radius: 2px;
  padding: 2px 4px;
  margin-right: 4px;
}
.sn-registration{
	font-size: 12px;
  /*color: #ffad4f;
  border: 1px solid #ffad4f;*/
	color: #fb7f35;
	border: 1px solid  #fb7f35;
  border-radius: 2px;
  padding: 2px 4px;
  margin-right: 4px;
}
.sn-end-signUp{
	font-size: 12px;
  color: #8f8f8f;
  border: 1px solid #8f8f8f;
  border-radius: 2px;
  padding: 2px 4px;
  margin-right: 4px;
}
.sn-started{
	font-size: 12px;
  color: #ffad4f;
  border: 1px solid #ffad4f;
  border-radius: 2px;
  padding: 2px 4px;
  margin-right: 4px;
}
.sn-event-other{
	width: 100%;
	height: 20px;
	line-height: 20px;
	box-sizing: border-box;
	font-size: 14px;
	color: #6a6a6a;
	padding-left: 26px;
	background: url(/img/index/icon/sn-woyaosai-icon_13.png) no-repeat 0px center;
	background-size: 25px;
}
.sn-distanceMy{
	float: right;
}
/*<!--右侧-->*/
.sn-right-content{
	width: 260px;
}
/*<!--地图、赛事日历-->*/
.sn-mc-container{
	width: 260px;
	height: 260px;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
	position: relative;
}
.sn-mc-nav{
	width: 30px;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -30px;
	z-index: 10;
	font-size: 0px;
}
.sn-btn-mcNav{
	display: block;
	width: 100%;
	font-size: 13px;
	color: #4e4e4e;
	text-align: center;
	padding: 10px 0px;
	background: #e2e2e2;
	border-radius: 5px 0px 0px 5px;
	margin-bottom: 5px;
	transition: all 0.2s;
}
.sn-btn-mcNav:hover{
	box-shadow: -2px 1px 5px rgba(0,0,0,0.15);
}
.sn-btn-mcNav.active{
	background: #8bd94c;
	color: #FFFFFF;
}
.sn-mc-item{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.sn-mc-item.active{
	display: block;
}
.sn-map-container{
	width: 100%;
	height: 100%;
}
.sn-map-title{
	text-align: center;
	width: 100%;
	height: 38px;
	line-height: 38px;
	background: #4e4e4e;
}
.sn-map-title>a{
	font-size: 12px;
	color: #FFFFFF;
}
.sn-map-content{
	width: 100%;
	height: 220px;
	background: url(/img/index/icon/sn-webmap-icon_06.png) no-repeat center center;
	position: relative;
}
.sn-map-event{
	font-size: 13px;
	color: #4e4e4e;
	position: absolute;
	top: 110px;
	left: 140px;
}
.sn-map-event:hover{
	color: #77cc32;
}
/*<!--更多海外赛事-->*/
.sn-overseas-event{
	width: 100%;
	padding-top: 20px;
}
.sn-overseas-title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #373737;
}
.sn-overseas-item{
	width: 100%;
}
.sn-overseasImg{
	width: 100%;
	overflow: hidden;
}
.sn-overseasImg img{
	width: 100%;
}
.sn-overseas-info{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #E2E2E2;
	border-top: none;
}
.sn-overseas-name,.sn-overseas-time{
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #373737;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;/*文字显示省略符号来代表被修剪的文本。*/
	white-space: nowrap;/*文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/
}
.sn-overseas-time{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #808080;
}
/*<!--海外赛事列表-->*/
.sn-overseas-lists{
	width: 100%;
	font-size: 0px;
	padding-top: 20px;
	padding-bottom: 30px;
}
.sn-overseas-option{
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	position: relative;
	box-sizing: border-box;
	padding-right: 70px;
	font-size: 15px;
	color: #373737;
	margin-bottom: 10px;	
	overflow: hidden;
	text-overflow: ellipsis;/*文字显示省略符号来代表被修剪的文本。*/
	white-space: nowrap;/*文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。*/
}
.sn-start-time{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
	font-size: 13px;
	color: #8b8b8b;
}
.sn-overseas-option:hover{
	color: #77cc32;
}

/*<!--合作伙伴-->*/
.sn-partners-container,.sn-link-container{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.sn-partners-title,.sn-link-title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #0c0c0c;
}
.partners-content{
	width: 100%;
	padding-top: 20px;
}
.sn-partners-item{
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0px 16px 20px 0px;
	float: left;
}
.sn-partners-item>img{
	width: 100%;
}
/*<!--友情链接-->*/
.sn-link-content{
	width: 100%;
	padding-top: 20px;
}
.sn-link-item{
	display: block;
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #0c0c0c;
	margin: 0px 20px 10px 0px;
}
.sn-link-item:hover{
	color: #77cc32;
}
/*new*/
#start_time,#end_time,#start_price,#end_price{
	width: 200px;
	height: 30px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	outline: none;
	border: 1px solid #77cc32;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 0px 10px;
}
.sn-btn-selectTime,.sn-btn-selectPrice{
	width: 60px;
	height: 30px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: #ffffff;
	outline: none;
	border: 1px solid #77cc32;
	font-size: 14px;
	color: #77cc32;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
	top: 1px;
}
/*<!--没有赛事-->*/
.sn-noEvent{
	display: none;
	width: 100%;
	text-align: center;
	padding: 30px 0px;
}
.sn-pages-container{
	text-align: center;
	padding: 20px 0px;
	font-size: 14px;
	color: #4e4e4e;
}
.sn-pages-container>a{
	color: #4e4e4e;
	font-size: 14px;
	padding: 6px;
	border: 1px solid #dddedc;
	background: #ffffff;
	margin-right: 5px ;
}
.sn-pages-container>a:hover{
	color: #ffffff;
	border-color: #77cc32;
	background: #77cc32;
}
.sn-pages-container>span.current{
	color: #ffffff;
	background: #77cc32;
	padding: 6px 10px;
	border: 1px solid #77cc32;
	margin-right: 5px ;
}
/*修改的日历*/
div#title{
	width: 100%;
	height: 40px;
	background: #4e4e4e;
	text-align: center;
	position: relative;
}
a.sn-prev{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 40px;
	height: 40px;
	padding: 0px;
	background: url(/img/index/icon/sn-webfx-icon_03.png) no-repeat center 9px;
}
a.sn-next{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	width: 40px;
	height: 40px;
	padding: 0px;
	background: url(/img/index/icon/sn-webfx-icon_03.png) no-repeat center -31px;
}
a.sn-prev:hover,a.sn-next:hover{
	background-color: #77cc32;
}
a.sn-selectMonth:hover,a.sn-selectYear:hover,a.sn-currentDay:hover{
	background-color: transparent;
}
a.sn-selectMonth,a.sn-selectYear,a.sn-currentDay{
	float: none;
	padding: 0px;
	line-height: 40px;
	font-size: 14px;
	padding: 0px 4px;
	font-weight: 300;
}
div.item em{
	width: 4px;
	height: 4px;
	border-radius: 50%;
	top: 6px;
	right: 6px;
	background: #e86868;
}
div.item.lastItem>a{
	color: #cccccc;
}
div.item>a{
	color: #515151;
}
div.item:hover>a{
	background-color: #77cc32;
  	width: 25px;
  	line-height: 25px;
  	border-radius: 50%;
  	float: left;
  	margin-left: 6px;
  	margin-top: 1px;
}
div.item:hover{
	background-color: transparent !important;
}
div.item.currentItem>a{
	color: #ffffff;
	background: #77cc32;
}