body,
html {
	width: 100%;
	background: #f3f3f3;
}

.club_content {
	width: 100%;
}

/* 
	 选择省份  城市  日期
	 */
.club_choice_box {
	width: 100%;
	background: #fff;
}

@media (min-width:500px) {
	.club_choice {
		padding: 32px 0px 10px 0;
		margin: 0 auto;
		width: 1200px;
		display: flex;
		justify-content: space-between;
	}

	.club_choice .choice_area {
		margin-bottom: 24px;
		display: flex;
		align-items: center;
	}

	.club_choice .choice_area:last-child {
		margin: 0;
	}

	.club_choice .choice_area .select_province {
		margin-right: 16px;
		width: 88px;
		font-size: 16px;
		color: #666;
		text-align: right;
	}

	.club_choice .choice_area .province_box {
		position: relative;
	}

	.club_choice .choice_area .province_box .corner {
		padding: 0 6px 0 14px;
		width: 102px;
		height: 32px;
		border: 1px solid #d5d5d5;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.club_choice .choice_area div:nth-child(2) {
		margin-right: 14px;
	}

	.choice_area .province_box .province_title {
		font-size: 12px;
		color: #666;
	}

	.choice_area .province_box .corner_marker {
		margin-top: 6px;
		width: 0;
		height: 0;
		border-width: 6px;
		border-style: solid;
		border-color: #666666 transparent transparent transparent;
	}

	.province_box .select_province_box,
	.province_box .select_city_box {
		position: absolute;
		left: 0;
		top: 44px;
		width: 222px;
		background: #fff;
		border: 1px solid #d5d5d5;
	}

	.province_box .select_province_box .province_box_title,
	.province_box .select_city_box .city_box_title {
		padding: 0 10px;
		height: 31px;
		line-height: 31px;
	}

	.province_box .select_province_box .province_box_title p,
	.province_box .select_city_box .city_box_title p {
		font-size: 16px;
		color: #666;
		border-bottom: 1px solid #e3e3e3;
	}

	.province_box .select_province_box .province_box_list,
	.province_box .select_city_box .city_box_list {
		width: 100%;
		overflow: hidden;
	}

	.select_province_box .province_box_list li,
	.select_city_box .city_box_list li {
		padding-left: 10px;
		float: left;
		width: 62px;
	}

	.select_province_box .province_box_list li .prov,
	.select_city_box .city_box_list li .prov {
		line-height: 28px;
		height: 28px;
		font-size: 14px;
		color: #424242;
		text-align: left;
	}

	/* 搜索框 */
	.club_choice .club_search {
		margin-right: 116px;
		height: 34px;
		display: flex;
		align-items: center;
	}

	.club_choice .club_search .direct_search {
		width: 88px;
		font-size: 16px;
		color: #666;
		text-align: right;
	}

	.club_choice .club_search .search_inp {
		margin: 0 10px 0 16px;
		padding-left: 10px;
		width: 245px;
		height: 32px;
		line-height: 32px;
		font-size: 16px;
		border: 1px solid #d5d5d5;
	}

	::-webkit-input-placeholder {
		/* WebKit, Blink, Edge */
		color: #838383;
		font-size: 14px;
	}

	:-moz-placeholder {
		/* Mozilla Firefox 4 to 18 */
		color: #838383;
		font-size: 14px;
	}

	::-moz-placeholder {
		/* Mozilla Firefox 19+ */
		color: #838383;
		font-size: 14px;
	}

	:-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #838383;
		font-size: 14px;
	}

	.club_choice .club_search .search {
		width: 105px;
		height: 32px;
		line-height: 32px;
		font-size: 16px;
		color: #fff;
		background: #f47001;
		text-align: center;
	}


	/* 
	 俱乐部列表
	 */
	.club_content .club_box {
		margin: 0 auto;
		width: 1200px;
		display: flex;
		justify-content: space-between;
	}

	.club_box .club_box_list {
		width: 969px;
	}

	.club_box .club_box_list .club_title {
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		font-weight: bold;
	}

	.club_list_con {
		width: 100%;
	}

	.club_list_con .club_list {
		margin-bottom: 110px;
		width: 100%;
		background: #fff;
	}

	.club_list .club_line_li {
		width: 100%;
	}

	.club_list .club_line {
		padding: 14px 14px 6px 14px;
		border-bottom: 1px solid #f0f0f0;
		overflow: hidden;
		cursor: pointer;
	}

	.club_list .club_line .line_img {
		float: left;
		width: 178px;
		height: 178px;
	}

	.club_list .club_line .line_img img {
		width: 100%;
		height: 100%;
	}

	.club_list .club_line .line_info {
		float: left;
		margin-left: 16px;
		width: 420px;
	}

	.club_line .line_info .info_title {
		margin: 14px 0 26px 0;
		line-height: 20px;
		display: flex;
		align-items: center;
	}

	.club_line .line_info .info_title span {
		display: block;
		font-size: 20px;
		color: #f47001;
	}

	.club_line .line_info .info_title .text {
		font-weight: bold;
		font-size: 20px;
	}

	.club_line .line_info .line_location {
		margin-bottom: 25px;
		line-height: 18px;
		font-size: 18px;
		color: #080101;
	}

	.club_line .line_info .line_location span {
		color: #242323;
	}

	.club_line .line_info .line_location:last-child {
		margin: 0;
	}

	/*选择页数 
	 */
	.club_box_list .select_page {
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.club_box_list .select_page a {
		padding: 0 14px;
		height: 100%;
		line-height: 32px;
		font-size: 16px;
		color: #666666;
	}

	.club_box_list .select_page .color {
		color: #f47001;
	}

	.club_box_list .select_page a .prve {
		margin: 12px auto;
		width: 0;
		height: 0;
		border-width: 5px;
		border-style: solid;
		border-color: transparent #666666 transparent transparent;
	}

	.club_box_list .select_page a .next {
		margin: 12px auto;
		width: 0;
		height: 0;
		border-width: 5px;
		border-style: solid;
		border-color: transparent transparent transparent #666666;
	}

	/* 
	 右边二维码
	 
	 */
	.qr_code_right {
		margin-top: 40px;
		/* 	padding:  0 38px; */
		width: 230px;
		height: 246px;

	}

	.qr_code_right img {
		width: 100%;
		height: 100%;
	}

	.qr_code_right p {
		margin: 0 auto;
		line-height: 30px;
		font-size: 14px;
		color: #727272;
	}
}

 @media (max-width:500px){
	 .club_choice{
	 	padding: .32rem 0rem .30rem 0;
	 	width: 100%;
	 }
	 .club_choice .choice_area{
	 	margin-bottom: .4rem;
	 	display: flex;
	 	align-items: center;
	 }
	 .club_choice .choice_area:last-child{
	 	margin:0;
	 }
	 .club_choice .choice_area .select_province{
	 	margin-right: .16rem;
	 	width: 1.7rem;
	 	font-size: .22rem;
	 	color: #000;
	 	text-align: right;
	 }
	 .club_choice .choice_area .province_box{
	 	position: relative;
	 }
	 
	 .club_choice .choice_area .province_box .corner{
	 	padding: 0 0.1rem 0 0.16rem;
	 	width: 1.3rem;
	 	height: .36rem;
	 	border: 0.01rem solid #d5d5d5;
	 	display: flex;
	 	justify-content: space-between;
	 	align-items: center;
	 }
	 .club_choice .choice_area div:nth-child(2){
	 	margin-right: .3rem;
	 }
	 .choice_area .province_box .province_title{
	 	font-size: .2rem;
	 	color: #000;
	 }
	 .choice_area .province_box .corner_marker{
	 	margin-top: 0.06rem;
	 	width: 0;
	 	height: 0;
	 	border-width:0.06rem;
	 	border-style: solid;
	 	border-color: #666666 transparent transparent transparent;
	 }
	 
	 .province_box .select_province_box,.province_box .select_city_box{
	 	position: absolute;
	 	left: 0;
	 	top: .44rem;
	 	background: #fff;
	 	border: 0.01rem solid #d5d5d5;
	 }
	 .province_box .select_province_box .province_box_title,.province_box .select_city_box .city_box_title{
	 	padding: 0 .10rem;
	 	height: .31rem;
	 	line-height: .31rem;
	 }
	 .province_box .select_province_box .province_box_title p,.province_box .select_city_box .city_box_title p{
	 	font-size: .2rem;
	 	color: #000;
	 	border-bottom: 0.01rem solid #e3e3e3;
	 }
	 .province_box .select_province_box .province_box_list,.province_box .select_city_box .city_box_list{
	 	width: 100%;
	 	overflow: hidden;
	 }
	 .select_province_box .province_box_list li,.select_city_box .city_box_list li{
	 	padding-left: .10rem;
	 	float: left;
	 	width: 1.2rem;
	 }
	 .select_province_box .province_box_list li .prov,.select_city_box .city_box_list li .prov{
	 	line-height: .32rem;
	 	height: .32rem;
	 	font-size: .2rem;
	 	color: #000;
	 	text-align: left;
	 }
	 /* 搜索框 */
	 .club_choice .club_search{
	 	height: .6rem;
	 	display: flex;
	 	align-items: center;
	 }
	 .club_choice .club_search .direct_search{
	 	width: 1.7rem;
	 	font-size: .22rem;
	 	color: #000;
	 	text-align: right;
	 }
	 .club_choice .club_search .search_inp{
	 	margin: 0 .20rem 0 .16rem;
	 	padding-left: .10rem;
	 	width: 4rem;
	 	height: .5rem;
	 	line-height: .4rem;
	 	font-size: .2rem;
	 	border: 0.01rem solid #d5d5d5;
	 }
	 input{
	 	outline-style: none;
	 }
	 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	     color: #838383;
	 	font-size: .18rem;
	 }
	 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color: #838383;
	    font-size: .18rem;
	 }
	 ::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color: #838383;
	   font-size: .18rem;
	 }
	 :-ms-input-placeholder { /* Internet Explorer 10-11 */
	    color: #838383;
	   font-size: .18rem;
	 }
	 .club_choice .club_search .search{
	 	width: 1.05rem;
	 	height: .4rem;
	 	line-height: .4rem;
	 	font-size: .2rem;
	 	color: #fff;
	 	background: #f47001;
	 	text-align: center;
	 }
	 
	 /* 
	  俱乐部列表
	  */
	 .club_content .club_box{
	 	margin: 0 auto;
	 	width: 100%;
	 	display: flex;
	 	justify-content: space-between;
	 }
	 .club_box .club_box_list{
	 	width: 100%;
	 }
	 .club_box .club_box_list .club_title{
	 	padding-left: .20rem;
	 	height: .50rem;
	 	line-height: .50rem;
	 	font-size: .24rem;
	 	font-weight: bold;
	 }
	 
	 .club_list_con{
	 	width: 100%;
	 }
	 .club_list_con .club_list{
	 	margin-bottom: 1.10rem;
	 	width: 100%;
	 	background: #fff;
	 }
	 .club_list .club_line_li{
	 	width: 100%;
	 }
	 .club_list .club_line{
	 	padding: .18rem .18rem 0.1rem .18rem;
	 	border-bottom: 0.01rem solid #f0f0f0;
	 	overflow: hidden;
	 	cursor: pointer;
	 }
	 .club_list .club_line .line_img{
	 	float: left;
	 	width: 1.78rem;
	 	height: 1.78rem;
	 }
	 
	 .club_list .club_line .line_img img{
	 	width: 100%;
	 	height: 100%;
	 }
	 .club_list .club_line  .line_info{
	 	float: left;
	 	margin-left: .16rem;
	 	width: 4.20rem;
	 }
	 .club_line .line_info .info_title{
	 	margin: .14rem 0 .26rem 0;
	 	line-height: .20rem;
	 	display: flex;
	 	align-items: center;
	 }
	 .club_line .line_info .info_title span{
	 	display: block;
	 	font-size: .20rem;
	 	color: #f47001;
	 }
	 .club_line .line_info .info_title .text{
	 	font-weight: bold;
	 	font-size: .28rem;
	 }
	 
	 .club_line .line_info .line_location{
	 	margin-bottom: .25rem;
	 	line-height: .22rem;
	 	font-size: .22rem;
	 	color: #080101;
	 }
	 .club_line .line_info .line_location span{
	 	color: #242323;
	 }
	 .club_line .line_info .line_location:last-child{
	 	margin: 0;
	 }
	 
	 /*选择页数 
	  */
	 .club_box_list .select_page{
	 	margin-bottom: .3rem;
	 	height: 0.36rem;
	 	display: flex;
	 	align-items: center;
	 	justify-content: center;
	 }
	 .club_box_list .select_page a{
	 	margin-right: .3rem;
	 	padding: 0 .2rem;
	 	height: 100%;
	 	line-height: .5rem;
	 	font-size: .26rem;
	 	color: #666666;
	 	display: flex;
	 	align-items: center;
	 }
	 .tournament_box_left .select_page .color{
	 	color: #f47001;
	 }
	 
	 .club_box_list .select_page a .prve {
	 	margin: 0.12rem auto;
	 	width: 0;
	 	height: 0;
	 	border-width: 0.16rem;
	 	border-style: solid;
	 	border-color: transparent #666666 transparent transparent;
	 }
	 .club_box_list .select_page a .next{
	 	margin: 0.12rem auto;
	 	width: 0;
	 	height: 0;
	 	border-width: 0.16rem;
	 	border-style: solid;
	 	border-color: transparent transparent transparent #666666;
	 }
	 
	 
	 /* 
	  右边二维码
	  
	  */
	 .qr_code_right{
	 	display: none;
	 }

 }
