body,html{
	width: 100%;
	background: #f3f3f3;
}
.match_content{
	width: 100%;
}

/* 
 选择省份  比赛状态  级别
 */
.math_choice_box{
	width: 100%;
	background: #fff;
}
 @media (min-width:500px){
	 .math_choice{
	 	padding: 32px 0 10px 82px;
	 	margin: 0 auto;
	 	width: 1118px;
	 }
	 .math_choice .choice_area{
	 	margin-bottom: 24px;
	 	display: flex;
	 	align-items: center;
	 }
	 .math_choice .choice_area:last-child{
	 	margin:0;
	 }
	 .math_choice .choice_area .select_province{
	 	margin-right: 16px;
	 	width: 90px;
	 	font-size: 16px;
	 	color: #666;
	 	text-align: right;
	 }
	 .math_choice .choice_area .province_box{
	 	position: relative;
	 }
	 
	 .math_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;
	 }
	 .math_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;
	 }
	 
	 .choice_area .competition_state,.choice_area .selection_level{
	 	display: flex;
	 }
	 .choice_area .competition_state .li_state,.choice_area .selection_level .li_level{
	 	margin-right: 14px;
	 	width: 122px;
	 	height: 32px;
	 	line-height: 32px;
	 	font-size: 12px;
	 	color: #666666;
	 	border: 1px solid #d5d5d5;
	 	text-align: center;
	 }
	 .choice_area .competition_state .li_state.active,.choice_area .selection_level .li_level.active{
	 	background: #fca113;
	 	border-color: #fca113;
	 	color: #fff;
	 }
	 
	 .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;
	 }
	 /* 
	  赛事列表
	  */
	 
	 .match_tournament_box{
	 	margin: 0 auto;
	 	width: 1200px;
	 	display: flex;
	 	justify-content: space-between;
	 }
	 
	 /* 左边 */
	 .tournament_box_left{
	 	width: 969px;
	 }
	 .tournament_box_left .tournament_title{
	 	padding: 0 0 8px 20px;
	 	height: 52px;
	 	line-height: 52px;
	 	color: #000;
	 	font-size: 16px;
	 	font-weight: bold;
	 }
	 .tournament_box_left .tournament_sort{
	 	
	 	padding:0 0 10px 20px;
	 	display: flex;
	 }
	 .tournament_box_left .tournament_sort .sort_marg{
	 	margin-right: 90px;
	 }
	 .tournament_box_left .tournament_sort .sort_li{
	 	padding: 0 4px;
	 	height: 28px;
	 	line-height: 28px;
	 	font-size: 16px;
	 	color: #000000;
	 }
	 .tournament_box_left .tournament_sort .sort_li.sele{
	 	font-weight: bold;
	 	color: #fbaa2c;
	 	border-bottom: 3px solid #f8bb5a;
	 }
	 
	 .tournament_list_box{
	 	width: 100%;
	 }
	 .tournament_list_box .tournament_list{
	 	margin-bottom: 110px;
	 	width: 100%;
	 	background: #fff;
	 }
	 .tournament_list .match_line_li{
	 	width: 100%;
	 }
	 .tournament_list .match_line{
	 	padding: 14px 28px 10px 14px;
	 	border-bottom: 1px solid #f0f0f0;
	 	overflow: hidden;
	 	cursor: pointer;
	 }
	 .tournament_list .match_line .line_img{
	 	float: left;
	 	width: 178px;
	 	height: 178px;
	 }
	 
	 .tournament_list .match_line .line_img img{
	 	width: 100%;
	 	height: 100%;
	 }
	 .tournament_list .match_line  .line_info{
	 	float: left;
	 	margin-left: 16px;
		max-width: 650px;
	 }
	 .match_line .line_info .info_title{
	 	padding: 18px 0  24px 0;
	 	display: flex;
	 	align-items: center;
		flex-wrap: wrap;
	 }
	 .match_line .line_info .info_title .text{
	 	line-height: 40px;
	 	font-weight: bold;
	 	font-size: 20px;
	 }
	 .match_line .line_info .info_title .male{
	 	margin: 0 6px 0 15px;
	 	padding: 0 8px;
	 	height: 18px;
	 	line-height: 18px;
	 	font-size: 12px;
	 	color: #0091ff;
	 	border: 1px solid #0091ff;
	 	border-radius: 10px;
	 }
	 .match_line .line_info .info_title .female{
	 	margin: 0;
	 	color: #fd1c78;
	 	border-color: #fd1c78;
	 }
	 .match_line .line_info .line_time{
	 	margin-bottom: 16px;
	 	font-size: 18px;
	 
	 	font-weight: bold;
	 	line-height: 18px;
	 }
	 .match_line .line_info .line_location{
	 	margin-bottom: 12px;
	 	line-height: 14px;
	 	font-size: 14px;
	 	color: #707070;
	 }
	 .match_line .line_info .line_location:last-child{
	 	margin: 0;
	 }
	 .match_line .line_info .line_location span{
	 	color: #424141;
	 }
	 .tournament_list .match_line .line_state{
	 	float: right;
	 	padding-top: 60px;
	 	font-size: 16px;
	 }
	 .line_state .line_state p{
	 	line-height: 16px;
	 	font-size: 16px;
	 	color: #666666;
	 	text-align: right;
	 }
	 .match_line .line_state .distance{
	 	line-height: 14px;
	 	font-size: 14px;
	 	color: #a7a7a7;
	 }
	 .match_line .line_state .number{
	 	margin: 16px 0;
	 }
	 .match_line .line_state .state1{
	 	color: #0dbe35; //正在比赛
	 }
	 .match_line .line_state .state2{
	 	color: #f8be1e;//正在报名
	 }
	 .match_line .line_state .state3{
	 	color: #e61422;//已报满
	 }
	 .match_line .line_state .state4{
	 	color: #f6811f;//比赛结束
	 }
	 
	 /*选择页数 
	  */
	 .tournament_box_left .select_page{
	 	height: 32px;
	 	display: flex;
	 	align-items: center;
	 	justify-content: flex-end;
	 }
	 .tournament_box_left .select_page a{
	 	padding: 0 14px;
	 	height: 100%;
	 	line-height: 32px;
	 	font-size: 16px;
	 	color: #666666;
	 }
	 .tournament_box_left .select_page .color{
	 	color: #f47001;
	 }
	 
	 .tournament_box_left .select_page a .prve {
	 	margin: 12px auto;
	 	width: 0;
	 	height: 0;
	 	border-width: 5px;
	 	border-style: solid;
	 	border-color: transparent #666666 transparent transparent;
	 }
	 .tournament_box_left .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:100px;
	 /* 	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){
	 .math_choice{
	 	padding: .32rem 0 .20rem .32rem;
	 	margin: 0 auto;
	 }
	 .math_choice .choice_area{
	 	margin-bottom: .24rem;
	 	display: flex;
	 	align-items: center;
	 }
	 .math_choice .choice_area:last-child{
	 	margin:0;
	 }
	 .math_choice .choice_area .select_province{
	 	margin-right: .16rem;
	 	width: 1.70rem;
	 	font-size: .22rem;
	 	color: #000;
	 	text-align: right;
	 }
	 .math_choice .choice_area .province_box{
	 	position: relative;
	 }
	 
	 .math_choice .choice_area .province_box .corner{
	 	padding: 0 .06rem 0 .14rem;
	 	width: 1.3rem;
	 	height: .32rem;
	 	border: .01rem solid #d5d5d5;
	 	display: flex;
	 	justify-content: space-between;
	 	align-items: center;
	 }
	 .math_choice .choice_area div:nth-child(2){
	 	margin-right: .14rem;
	 }
	 .choice_area .province_box .province_title{
	 	font-size: .2rem;
	 	color: #000;
	 }
	 .choice_area .province_box .corner_marker{
	 	margin-top: .06rem;
	 	width: 0;
	 	height: 0;
	 	border-width: .06rem;
	 	border-style: solid;
	 	border-color: #666666 transparent transparent transparent;
	 }
	 
	 .choice_area .competition_state,.choice_area .selection_level{
	 	display: flex;
	 }
	 .choice_area .competition_state .li_state,.choice_area .selection_level .li_level{
	 	margin-right: .14rem;
	 	width: 1.22rem;
	 	height: .32rem;
	 	line-height: .32rem;
	 	font-size: .2rem;
	 	color: #000;
	 	border: .01rem solid #d5d5d5;
	 	text-align: center;
	 }
	 .choice_area .competition_state .li_state.active,.choice_area .selection_level .li_level.active{
	 	background: #fca113;
	 	border-color: #fca113;
	 	color: #fff;
	 }
	 
	 .province_box .select_province_box,.province_box .select_city_box{
	 	position: absolute;
	 	left: 0;
	 	top: .44rem;
	 	background: #fff;
	 	border: .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: .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.12rem;
	 }
	 .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;
	 }
	 
	 /* 
	  赛事列表
	  */
	 
	 .match_tournament_box{
	 	width: 100%;
	 	display: flex;
	 	justify-content: space-between;
	 }
	 
	 /* 左边 */
	 .tournament_box_left{
	 	width: 100%;
	 }
	 .tournament_box_left .tournament_title{
	 	padding: 0 0 .08rem .20rem;
	 	height: .52rem;
	 	line-height: .52rem;
	 	color: #000;
	 	font-size: .24rem;
	 	font-weight: bold;
	 }
	 .tournament_box_left .tournament_sort{
	 	
	 	padding:0 0 .10rem .20rem;
	 	display: flex;
	 }
	 .tournament_box_left .tournament_sort .sort_marg{
	 	margin-right: .90rem;
	 }
	 .tournament_box_left .tournament_sort .sort_li{
	 	padding: 0 .04rem;
	 	height: .32rem;
	 	line-height: .32rem;
	 	font-size: .24rem;
	 	color: #000000;
	 }
	 .tournament_box_left .tournament_sort .sort_li.sele{
	 	font-weight: bold;
	 	color: #fbaa2c;
	 	border-bottom: .03rem solid #f8bb5a;
	 }
	 
	 .tournament_list_box{
	 	width: 100%;
	 }
	 .tournament_list_box .tournament_list{
	 	margin-bottom: 1.10rem;
	 	width: 100%;
	 	background: #fff;
	 }
	 .tournament_list .match_line_li{
	 	width: 100%;
	 }
	 .tournament_list .match_line{
	 	position: relative;
	 	padding: .14rem 0rem .14rem .14rem;
	 	border-bottom: .01rem solid #f0f0f0;
	 	overflow: hidden;
	 	cursor: pointer;
	 }
	 .tournament_list .match_line .line_img{
	 	float: left;
	 	width: 1.78rem;
	 	height: 1.78rem;
	 }
	 
	 .tournament_list .match_line .line_img img{
	 	width: 100%;
	 	height: 100%;
	 }
	 .tournament_list .match_line  .line_info{
	 	float: left;
	 	margin-left: .16rem;
	 	width: 4.2rem;
	 }
	 .match_line .line_info .info_title{
	 	padding-bottom: .10rem;
	 	display: flex;
	 	align-items: center;
	 	flex-wrap: wrap;
	 }
	 .match_line .line_info .info_title span{
	 	display: block;
	 	font-size: .20rem;
	 }
	 .match_line .line_info .info_title .text{
	 	margin-bottom: .1rem;
	 	line-height: .34rem;
	 	font-weight: bold;
	 	font-size: .26rem;
	 	width: 100%;
	 }
	 .match_line .line_info .info_title .male{
	 	margin-right:.06rem ;
	 	padding: 0 .1rem;
	 	height: .24rem;
	 	line-height: .24rem;
	 	font-size: .16rem;
	 	color: #0091ff;
	 	border: 1px solid #0091ff;
	 	border-radius: .10rem;
	 }
	 .match_line .line_info .info_title .female{
	 	margin: 0;
	 	color: #fd1c78;
	 	border-color: #fd1c78;
	 }
	 .match_line .line_info .line_time{
	     margin-bottom: .1rem;
	     font-size: .22rem;
	     font-weight: bold;
	     line-height: .32rem;
	 }
	 .match_line .line_info .line_location{
	 	margin-bottom: .06rem;
	 	line-height: .3rem;
	 	font-size: .2rem;
	 	color: #707070;
	 }
	 .match_line .line_info .line_location:last-child{
	 	margin: 0;
	 }
	 .match_line .line_info .line_location span{
	 	color: #424141;
	 }
	 .tournament_list .match_line .line_state{
	 	position: absolute;
	 	right: .2rem;
	 	bottom: .1rem;
	 	font-size: .2rem;
	 }
	 .line_state .line_state p{
	 	line-height: .16rem;
	 	font-size: .16rem;
	 	color: #666666;
	 	text-align: right;
	 }
	 .match_line .line_state .distance{
	 	color: #a7a7a7;
	 }
	 .match_line .line_state .number{
	 	margin: .13rem 0;
	 }
	 .match_line .line_state .state1{
	 	color: #0dbe35; //正在比赛
	 }
	 .match_line .line_state .state2{
	 	color: #f8be1e;//正在报名
	 }
	 .match_line .line_state .state3{
	 	color: #e61422;//已报满
	 }
	 .match_line .line_state .state4{
	 	color: #f6811f;//比赛结束
	 }
	 
	 /*选择页数 
	  */
	 .tournament_box_left .select_page{
	 	margin-bottom: .3rem;
	 	height: 0.36rem;
	 	display: flex;
	 	align-items: center;
	 	justify-content: center;
	 }
	 .tournament_box_left .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;
	 }
	 
	 .tournament_box_left .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;
	 }
	 .tournament_box_left .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;
	 }
	 
 }