body,html{
	width: 100%;
	background: #f3f3f3;
}
.match_detalis_match_content{
	width: 100%;
}
.match_box{
	width: 100%;
	background: #fff;
}
 @media (min-width:500px){
	 .match_box .match_title{
	 	margin: 0 auto 12px;
	 	width: 1200px;
	 	height: 42px;
	 	font-size: 16px;
	 	line-height: 42px;
	 	display: flex;
	 }
	 .detalis_box{
	 	margin: 0 auto;
	 	width: 1200px;
	 }
	 .detalis_box .event_info_box{
	 	margin-bottom: 20px;
	 	padding: 0 180px 23px 30px;
	 	background: #fff;
	 }
	 .detalis_box .event_info_box .info_title{
	 	margin-bottom: 28px;
	 	height: 88px;
	 	display: flex;
	 	align-items: center;
		flex-wrap : wrap;
	 }
	 .detalis_box .event_info_box .info_title .name{
	 	display: block;
	 	line-height: 42px;
	 	font-size: 28px;
	 	font-weight: bold;
	 }
	 .detalis_box .event_info_box .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;
	 }
	 .detalis_box .event_info_box .info_title .female{
	 	margin: 0;
	 	color: #fd1c78;
	 	border-color: #fd1c78;
	 }
	 
	 /* 
	  赛事信息
	  */
	 .event_info{
	 	display: flex;
	 	justify-content: space-between;
	 }
	 .event_info .event_info_left .event_time{
	 	display: flex;
	 	align-items: center;
	 	margin-bottom: 26px;
	 }
	 .event_info .event_info_left .event_time span{
	 	display: block;
	 	line-height: 18px;
	 	font-size: 18px;
	 	color: #666666;
	 }
	 .event_info .event_info_left .event_time .time_num{
		 font-size: 18px;
	 	margin-left: 15px;
	 }
	 .event_info .event_info_left .event_time .field{
	 	margin-left: 15px;
	 	color: #f57408;
	 }
	 .event_info .event_info_left .event_time .name{
	 	margin: 0 15px;
	 }
	 .event_info .event_info_left .event_time .headImg{
	 	width: 50px;
	 	height: 50px;
	 	border-radius: 50%;
	 }
	 .event_info .event_info_left .sign_up a{
	 	width: 160px;
	 	height: 50px;
	 	line-height: 50px;
	 	font-size: 18px;
	 	color: #fff;
	 	text-align: center;
	 	background: #f47001;
	 	border-radius: 10px;
	 }
	 
	 .banner{
	 	width: 400px;
	 	height: 400px;
	 }
	 .banner img{
	 	width: 100%;
	 	height: 100%;
	 }
	 
	 /*
	  比赛费用及说明
	  
	  */
	 .event_description_box{
	 	margin-bottom: 20px;
	 	padding: 20px 0 22px 32px;
	 	background: #fff;
		font-size: .18px;
		color: #666666;
	 }
	 .event_description_box .event_desc_title{
	 	margin-bottom: 40px;
	 	line-height: 19px;
	 	font-size: 19px;
	 	font-weight: bold;
	 }
	 .event_description_box .event_desc{
	 	margin-bottom: 13px;
	 	line-height: 18px;
	 	font-size: 18px;
	 	color: #696969;
	 }
	 .event_description_box .event_anking{
	 	margin-bottom: 26px;
	 	line-height: 18px;
	 	font-size: 18px;
	 	color: #696969;
	 }
	 .event_description_box .event_anking .anking_mar{
	 	margin-left: 14px;
	 }
	 .event_description_box .event_tips{
	 	display: flex;
	 }
	 .event_description_box .event_tips p{
	 	width: 880px;
	 	line-height: 18px;
	 	font-size: 18px;
	 	color: #696969;
	 }
	 .event_description_box .event_tips .open{
	 	margin-left: 15px;
	 	line-height: 18px;
	 	font-size: 18px;
	 	color: #f89848;
	 	display: flex;
	 	align-items: center;
	 }
	 .event_description_box .event_tips .open img{
	 	width: 18px;
	 	height: 13px;
	 }
	 
	 /* 
	  报名人数
	  */
	 .event_application_status{
	 	margin-bottom: 100px;
	 	padding: 20px 0 22px 32px;
	 	background: #fff;
	 }
	 .event_application_status .event_desc_title{
	 	margin-bottom: 35px;
	 	line-height: 19px;
	 	font-size: 19px;
	 	font-weight: bold;
	 }
	 .event_application_status .enrolment{
	 	margin-bottom: 30px;
	 	font-size: 18px;
	 	color: #666666;
	 }
	 .event_application_status .enrolment .enrolment_num{
	 	margin-left: 14px;
	 }
	 .event_application_status .enrolment_list{
	 	display: flex;
	 	flex-wrap: wrap;
	 } 
	 .event_application_status .enrolment_list .enrolment_li{
	 	margin-right: 30px;
	 	margin-bottom: 30px;
	 }
	 .event_application_status .enrolment_list .enrolment_li .headImg{
	 	margin: 0 auto;
	 	width: 76px;
	 	height: 76px;
	 	border-radius: 50%;
	 }
	 .enrolment_list .enrolment_li .headImg img{;
	 	width: 100%;
	 	height: 100%;
	 	border-radius: 50%;
	 }
	 .enrolment_list .enrolment_li .nick_name{
	 	height: 34px;
	 	line-height: 34px;
	 	font-size: 16px;
	 	color: #757575;
	 	text-align: center;
	 }
	 .enrolment_list .enrolment_li .series{
	 	margin: 0 auto;
	 	width: 48px;
	 	height: 18px;
	 	line-height: 18px;
	 	font-size: 12px;
	 	color: #0091ff;
	 	border: 1px solid #0091ff;
	 	border-radius: 10px;
	 	text-align: center;
	 }
	 .enrolment_list .enrolment_li .series{
	 	margin: 0 auto;
	 	width: 48px;
	 	height: 18px;
	 	line-height: 18px;
	 	font-size: 12px;
	 	color: #0091ff;
	 	border: 1px solid #0091ff;
	 	border-radius: 10px;
	 	text-align: center;
	 }
	 .enrolment_list .enrolment_li .female{
	 	color: #fd2d82;
	 	border-color: #fd2d82;
	 }
 }

 @media (max-width:500px){
	 .match_box .match_title{
	 	padding-left: 0.3rem;
	     margin-bottom: 0.12rem;
	     height: 0.42rem;
	     font-size: 0.22rem;
	     line-height: 0.42rem;
	     display: flex
	 }
	 .detalis_box{
	 	margin: 0 auto;
	 	width: 100%;
	 }
	 .detalis_box .event_info_box{
	 	margin-bottom: .20rem;
	 	padding: 0.1rem 0.3rem .23rem .30rem;
	 	background: #fff;
	 }
	 .detalis_box .event_info_box .info_title{
	 	margin-bottom: .15rem;
	 	display: flex;
	 	align-items: center;
	 	flex-wrap: wrap;
	 }
	 .detalis_box .event_info_box .info_title .name{
	 	margin-bottom: .1rem;
	 	font-weight: bold;
	 	font-size: .28rem;
	 	line-height: .36rem;
	 	width: 100%;
	 }
	 .detalis_box .event_info_box .info_title span{
	 	display: block;
	 }
	 .detalis_box .event_info_box .info_title .male{
	 	margin-right: .15rem;
	 	padding: 0 .1rem;
	 	height: .26rem;
	 	line-height: .26rem;
	 	font-size: .18rem;
	 	color: #0091ff;
	 	border: 1px solid #0091ff;
	 	border-radius: .10rem;
	 }
	 .detalis_box .event_info_box .info_title .female{
	 	margin: 0;
	 	color: #fd1c78;
	 	border-color: #fd1c78;
	 }
	 /* 
	  赛事信息
	  */
	 .event_info{
	 	overflow: hidden;
	 }
	 .event_info .event_info_left{
	 	padding-bottom: .3rem;
	 }
	 .event_info .event_info_left .event_time{
	 	display: flex;
	 	align-items: center;
	 	margin-bottom: .26rem;
	 }
	 .event_info .event_info_left .event_time span,.event_info .event_info_left .event_time a{
	 	display: block;
	 	line-height: .22rem;
	 	font-size: .22rem;
	 	color: #666666;
	 }
	 .event_info .event_info_left .event_time .time_num{
		 
	 	margin-left: .15rem;
	 }
	 .event_info .event_info_left .event_time .field{
	 	margin-left: .15rem;
	 	color: #f57408;
	 }
	 .event_info .event_info_left .event_time .name{
	 	margin: 0 .15rem;
	 }
	 .event_info .event_info_left .event_time .headImg{
	 	width: .50rem;
	 	height: .50rem;
	 	border-radius: 50%;
	 }
	 .event_info .event_info_left .sign_up a{
	 	width: 1.60rem;
	 	height: .50rem;
	 	line-height: .50rem;
	 	font-size: .18rem;
	 	color: #fff;
	 	text-align: center;
	 	background: #f47001;
	 	border-radius: .10rem;
	 }
	 
	 .banner{
	 	width: 100%;
	 	height: 4rem;
	 }
	 .banner img{
	 	width: 100%;
	 	height: 100%;
	 }
	 /*
	  比赛费用及说明
	  
	  */
	 .event_description_box{
	 	margin-bottom: .20rem;
	 	padding: .20rem 0 .22rem .32rem;
	 	background: #fff;
	 	font-size: .24rem;
	 }
	 .event_description_box .event_desc_title{
	 	margin-bottom: .40rem;
	 	line-height: .26rem;
	 	font-size: .26rem;
	 	font-weight: bold;
	 }
	 .event_description_box .event_desc{
	 	margin-bottom: .13rem;
	 	line-height: .18rem;
	 	font-size: .18rem;
	 	color: #696969;
	 }
	 .event_description_box .event_anking{
	 	margin-bottom: .26rem;
	 	line-height: .22rem;
	 	font-size: .22rem;
	 	color: #696969;
	 }
	 .event_description_box .event_anking .anking_mar{
	 	margin-left: .14rem;
	 }
	 .event_description_box .event_tips{
	 	display: flex;
	 }
	 .event_description_box .event_tips p{
	 	width: 5.80rem;
	 	line-height: .18rem;
	 	font-size: .18rem;
	 	color: #696969;
	 }
	 .event_description_box .event_tips .open{
	 	margin-left: .15rem;
	 	line-height: .18rem;
	 	font-size: .18rem;
	 	color: #f89848;
	 	display: flex;
	 	align-items: center;
	 }
	 .event_description_box .event_tips .open img{
	 	width: .18rem;
	 	height: .13rem;
	 }
	 
	 /* 
	  报名人数
	  */
	 .event_application_status{
	 	margin-bottom: 1.00rem;
	 	padding: .20rem 0 .22rem .32rem;
	 	background: #fff;
	 }
	 .event_application_status .event_desc_title{
	 	margin-bottom: .35rem;
	 	line-height: .26rem;
	 	font-size: .26rem;
	 	font-weight: bold;
	 }
	 .event_application_status .enrolment{
	 	margin-bottom: .30rem;
	 	font-size: .22rem;
	 	color: #666666;
	 }
	 .event_application_status .enrolment .enrolment_num{
	 	margin-left: .14rem;
	 }
	 .event_application_status .enrolment_list{
	 	display: flex;
	 	flex-wrap: wrap;
	 } 
	 .event_application_status .enrolment_list .enrolment_li{
	 	margin-right: .3rem;
	 	margin-bottom: .3rem;
	 }
	 .event_application_status .enrolment_list .enrolment_li .headImg{
	 	margin:  0 auto;
	 	width: .76rem;
	 	height: .76rem;
	 	border-radius: 50%;
	 }
	 .enrolment_list .enrolment_li .headImg img{;
	 	width: 100%;
	 	height: 100%;
	 	border-radius: 50%;
	 }
	 .enrolment_list .enrolment_li .nick_name{
	 	height: .34rem;
	 	line-height: .34rem;
	 	font-size: .2rem;
	 	color: #757575;
	 	text-align: center;
	 }
	 .enrolment_list .enrolment_li .series{
	 	margin: 0 auto;
	 	width: .48rem;
	 	height: .18rem;
	 	line-height: .18rem;
	 	font-size: .12rem;
	 	color: #0091ff;
	 	border: .01rem solid #0091ff;
	 	border-radius: .10rem;
	 	text-align: center;
	 }
	 .enrolment_list .enrolment_li .series{
	 	margin: 0 auto;
	 	width: .68rem;
	 	height: .24rem;
	 	line-height: .24rem;
	 	font-size: .12rem;
	 	color: #0091ff;
	 	border: .01rem solid #0091ff;
	 	border-radius: .10rem;
	 	text-align: center;
	 }
	 .enrolment_list .enrolment_li .female{
	 	color: #fd2d82;
	 	border-color: #fd2d82;
	 }
 }