@charset "utf-8";
.competition-list {
	max-width:480px;
	margin:0px auto;
}
.competition-list .top {
	width:100%;
	height:50px;
	line-height:50px;
	background:#1177df;
	text-align:center;
	position:fixed;
	left:0;
	top:0;
	z-index:800!important;
}

	.start_endW{
			width:100%;
			height:25px;
			line-height:25px;
			position:absolute;
			color:#c26c38;
			background:#ffebd8;
			bottom:-25px;
			}

	.start_endW .start_end{
			width:94.4%;

			font-size:12px;
			color:#c26c38;
			margin:0px auto;


			}

	.start_endW .start_end .time_x{
			display:inline-block;
			float:right;
			width:16px;
			height:16px;

			background: url(../images/time_x.png) no-repeat right center;
			background-size:100% 100%;
			margin-top:4px;
			}

.competition-list .top .back {
	width:25%;
	height:50px;
	line-height:50px;
	background:url(../images/back.png) no-repeat;
	background-position:8px center;
	background-size:11px;
}
.competition-list .top .back a {
	font-family:"微软雅黑";
	font-size:16px;
	color:#FFFFFF;
}
.competition-list .top .area {
	display:inline-block;
	width:30%;
}
.competition-list .top .area a {
	font-family:"微软雅黑";
	font-size:16px;
	color:#FFFFFF;
	padding-right:18px;
	background:url(../images/area-icon.png) no-repeat;
	background-position: right center;
	background-size:14px;
}
.competition-list .top .search {
	width:15%;
	height:50px;
	line-height:50px;
	background:url(../images/search-icon.png) no-repeat;
	background-position:center;
	background-size:20px;
}

/**************比赛列表页***********************/
.competition-list .list-selectbox {
	width:100%;	
}
.competition-list .list-selectbox .titlebox {
	width:100%;
	height:42px;
	background:#FFFFFF;
	position:fixed;
	left:0px;
	top:50px;
	z-index:998;
}
.competition-list .list-selectbox .titlebox li {
	width:16.65%;
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
}
.competition-list .list-selectbox .titlebox .new a {
	background:url(../images/newest.png) no-repeat;
	background-size:4px;
	background-position: right top;
	padding-right:5px;
}
.competition-list .list-selectbox .titlebox li a {
	font-family:"微软雅黑";
	font-size:14px;
	color:#585858;
}
.competition-list .list-selectbox .titlebox li.current {
	border-bottom:2px solid #1177df;
}
.competition-list .list-selectbox .titlebox li.current a {
	color:#1177df !important;
}
.competition-list .list-selectbox .tabcon {
	width:100%;
	padding-bottom:70px;
	padding-top:90px;
}
.competition-list .list-selectbox .tabcon .sublist {
	width:100%;
}
.competition-list .list-selectbox .tabcon .sublist li {
	width:100%;
	height:100px;
	background:#FFFFFF;
	margin-top:6px;
	
}
.competition-list .list-selectbox .tabcon .sublist li:hover {
	background:#f9f9f9;
}



.competition-list .list-selectbox .tabcon .sublist li .pic {
	width:80px;
	height:80px;	
	background:#999999;
	margin:10px 0px 0px 10px;
}
.competition-list .list-selectbox .tabcon .sublist li .pic img {
	width:80px;
	height:80px;
}
.competition-list .list-selectbox .tabcon .sublist li .competition-inform {
	width:68%;
	height:80px;
	margin:10px 0px 0px 10px;
	position:relative;
}
.competition-list .list-selectbox .tabcon .sublist li .competition-inform .title {
	position:absolute;
	left:0px;
	top:0px;
	line-height:20px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#4b4b4b;
}
.competition-list .list-selectbox .tabcon .sublist li .competition-inform .competition-time {
	position:absolute;
	left:0px;
	bottom:0px;
	line-height:20px;
	font-family:"微软雅黑";
	font-size:12px;
	color:#a2a2a2;
	text-indent:15px;
	background:url(../images/time-icon.png) no-repeat;
	background-position:left center;
	background-size:12px;
}
.competition-list .list-selectbox .tabcon .sublist li .competition-inform .place {
	position:absolute;
	left:0px;
	bottom:20px;
	line-height:20px;
	font-family:"微软雅黑";
	font-size:12px;
	color:#a2a2a2;
	text-indent:15px;
	background:url(../images/place-icon.png) no-repeat;
	background-position:left center;
	background-size:12px;
}
.competition-list .list-selectbox .tabcon .sublist li .competition-inform .state-01 {
	position:absolute;
	right:0px;
	bottom:20px;
	line-height:20px;
	font-family:"微软雅黑";
	font-size:12px;
	color:#fff;
	background:#47c038;
	padding:1px 4px;
	border-radius:4px;
}
.competition-list .list-selectbox .tabcon .sublist li .competition-inform .state-02 {
	position:absolute;
	right:0px;
	bottom:20px;
	line-height:20px;
	font-family:"微软雅黑";
	font-size:12px;
	color:#fff;
	background:#cfcfcf;
	padding:1px 4px;
	border-radius:4px;
	display:none;
}
.competition-list .list-selectbox .tabcon .sublist li .competition-inform .state-03 {
	position:absolute;
	right:0px;
	bottom:20px;
	line-height:20px;
	font-family:"微软雅黑";
	font-size:12px;
	color:#fff;
	background:#ee3636;
	padding:1px 4px;
	border-radius:4px;
	display:none;
}

/*****************比赛详情***************************/

.competition-detail {
	max-width:480px;
	margin:0px auto;
}
.competition-detail .top {
	width:100%;
	height:50px;
	line-height:50px;
	background:#1177df;
	text-align:center;
	position:fixed;
	max-width: 480px;
	top:0;
	z-index:800;
}
.competition-detail .top .back {
	display:inline-block;
	width:10%;
	height:50px;
	background:url(../images/back.png) no-repeat;
	background-position:10px center;
	background-size:11px;	
}
.competition-detail .top .title {
	width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
}
.competition-detail .top .title a {
	line-height:50px;
	font-family:"微软雅黑";
	font-size:16px;
	color:#FFFFFF;
}

.competition-detail .banner {
	width:100%;
	height:168px;
	background:#CCCCCC;
	padding-top:75px;
	position:relative;
}
.competition-detail .banner .pic {
	width:100%;
	height:193px;
	position:absolute;
	left:0;
	top:50px;
}
.competition-detail .banner .pic img {
	width:100%;
	height:193px;
}
.competition-detail .banner .com-title {
	display:block;
	width:100%;
	line-height:25px;
	background:url(../images/banner-bg.png) repeat;
	position:absolute;
	left:0px;
	bottom:0px;
	padding: 4px 0;
}
.competition-detail .banner .com-title a {
	line-height:25px;
	font-family:"微软雅黑";
	font-size:15px;
	color:#FFFFFF;
}
.competition-detail .banner .com-title .hot {
	display:inline-block;
	width:10%;
	height:25px;
	float:left;
	background:url(../images/hot-icon.png) no-repeat;
	background-size:22px;
	background-position:center;

}
.competition-detail .banner .com-title .txt {
	float:left;
	width:86%;
}

.competition-detail .detail-main {
	width:100%;
	background:#fff;
	
}
.competition-detail .detail-main .list {
	width:90%;
	margin:0px auto;
	border-bottom:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
}
.competition-detail .detail-main .titlebox {
	width:100%;
	height:20px;
	padding-top:20px;	
	font-family:"微软雅黑";
}
.competition-detail .detail-main .titlebox .title {
	height:20px;
	line-height:20px;
	color:#9e9e9e;
	padding-left:25px;
	margin-left:-8px;
	font-size:14px;
	background:url(../images/inform-point.png) no-repeat;
	background-position:left center;
	background-size:16px;

}
.competition-detail .detail-main .titlebox .browse {
	color:#48a2ff;
	line-height:20px;
	margin-right:5px;
	padding-left:20px;
	font-size:12px;
	background:url(../images/browse.png) no-repeat;
	background-position:left center;
	background-size:14px;	
}
.competition-detail .detail-main .titlebox .sharenum {
	color:#48a2ff;
	font-size:12px;
	line-height:20px;
	padding-left:20px;
	background:url(../images/share-icon.png) no-repeat;
	background-position:left center;
	background-size:14px;	
}
.competition-detail .detail-main .informbox {
	width:95%;
	margin-left:17px;
	margin-top:15px;
	padding-bottom:15px;
}
.competition-detail .detail-main .informbox .time {
	font-family:"微软雅黑";
	font-size:14px;
	line-height:22px;
	color:#9e9e9e;
	background:url(../images/time-01.png) no-repeat;
	background-position:left center;
	background-size:14px;
	padding-left:20px;
	margin-bottom: 5px;
}
.competition-detail .detail-main .informbox .time a {
	font-family:"微软雅黑";
	font-size:14px;
	color:#414141;
}
.competition-detail .detail-main .informbox .sponsor {
	font-family:"微软雅黑";
	font-size:14px;
	line-height:18px;
	color:#9e9e9e;
	background:url(../images/sponsor-01.png) no-repeat;
	background-position:left 3px;
	background-size:14px;
	padding-left:20px;
	margin-bottom: 5px;
}
.competition-detail .detail-main .informbox .sponsor i {
	display: inline-block;
	width: 56px;
	float: left;
}
.competition-detail .detail-main .informbox .sponsor a {
	display: inline-block;
	width: 70%;
	float: left;
	font-family:"微软雅黑";
	font-size:14px;
	color:#1e87f3;
}
.competition-detail .detail-main .informbox .award {
	font-family:"微软雅黑";
	font-size:14px;
	line-height:22px;
}
.competition-detail .detail-main .informbox .award span {
	padding:1px 8px;
}
.competition-detail .detail-main .informbox .award span.status-01 {
	border: 1px solid #7cce2c;
	color: #7cce2c;
	border-radius: 100px;
}
.competition-detail .detail-main .informbox .award span.status-02 {
	border: 1px solid #48a2ff;
	color: #48a2ff;
	border-radius: 100px;
}
.competition-detail .detail-main .informbox .award span.status-03 {
	border: 1px solid #ff7d7d;
	color: #ff7d7d;
	border-radius: 100px;
}
.competition-detail .detail-main .informbox .award span.status-04 {
	border: 1px solid #bfbfbf;
	color: #bfbfbf;
	border-radius: 100px;
}
/*.competition-detail .detail-main .titlebox-02 {
	width:100%;
	height:20px;
	padding-top:20px;
	padding-bottom:15px;	
	font-family:"微软雅黑";
}
.competition-detail .detail-main .titlebox-02 .title {
	height:20px;
	line-height:20px;
	color:#9e9e9e;
	padding-left:25px;
	margin-left:-8px;
	font-size:14px;
	background:url(../images/point-red.png) no-repeat;
	background-position:left center;
	background-size:16px;

}*/
.competition-detail .detail-main .com-detail {
	width:95%;
	overflow: hidden;
	margin-left:17px;
	line-height:22px;
	padding-bottom:15px;
	font-family:"微软雅黑";
	font-size:14px;
	color:#6b6b6b;
}

.competition-detail .detail-main .contactbox {
	width:95%;
	margin-left:17px;
	margin-bottom:15px;

	overflow:hidden;
}

.competition-detail .detail-main .contactbox .more_dox{
	width:100%;
	text-align:center;
	color:#888888;
	font-size:14px;
	font-family:"微软雅黑";
}

.competition-detail .detail-main .contactbox .download{
	position:relative;
	margin-bottom:13px;
	background:#f4f4f4;
}

.competition-detail .detail-main .contactbox .download .download_title{
	color:#555555;
	font-size:14px;
	padding-top:20px;
	padding-left:10px;
	width:65%;
	font-family:"微软雅黑";
}

.competition-detail .detail-main .contactbox .download .download_time{
	color:#9e9e9e;
	font-size:12px;
	margin-top:10px;
	margin-left:10px;
	padding-left:16px;
	background:url(../images/li_box_left_time.png) no-repeat 0px center;
	background-size:12px 12px;
	width:60%;
}

.competition-detail .detail-main .contactbox .download .download_btn{

	position:absolute;
	top:38px;
	right:10px;
	color:#888888;
	font-size:12px;
	font-family:"微软雅黑";
	padding-left:18px;
	background:url(../images/download_btn.png) no-repeat 0px center;
	background-size:14px 14px;
}

.competition-detail .detail-main .contactbox span {
	display:block;
	text-indent:20px;
	width:100%;
	height:30px;
	line-height:30px;
	font-family:"微软雅黑";
	font-size:12px;
	color:#9e9e9e;
	border-bottom:1px solid #e4e4e4;
}
.competition-detail .detail-main .contactbox span a {
	color:#4b4b4b;
}
.competition-detail .detail-main .contactbox .linkman {
	background:url(../images/linkman-icon.png) no-repeat;
	background-position:14px center;
	background-size:13px;
	padding-left:17px;
}
.competition-detail .detail-main .contactbox .phone {
	background:url(../images/phone-icon.png) no-repeat;
	background-position:14px center;
	background-size:13px;
	padding-left:17px;
}
.competition-detail .detail-main .contactbox .qq {
	background:url(../images/qq-icon.png) no-repeat;
	background-position:14px center;
	background-size:13px;
	padding-left:17px;
}
.competition-detail .detail-main .contactbox .mail {
	background:url(../images/mail-icon.png) no-repeat;
	background-position:14px center;
	background-size:13px;
	padding-left:17px;
}
.competition-detail .detail-main .contactbox .address {
	background:url(../images/address-icon.png) no-repeat;
	background-position:14px center;
	background-size:13px;
	padding-left:17px;
}
.competition-detail .detail-main .list .signlist {
	width:95%;
	margin-left:17px;
	overflow:hidden;
}
.competition-detail .detail-main .list .signlist .signbox {
	width:32%;
	float:left;
	margin-right:2px;
	margin-bottom:7px;
}
.competition-detail .detail-main .list .signlist .signbox .head-pic {
	width:35px;
	height:35px;
}
.competition-detail .detail-main .list .signlist .signbox .head-pic img {
	width:35px;
	height:35px;
}
.competition-detail .detail-main .list .signlist .signbox .namebox {
	width:55%;
	font-family:"微软雅黑";
	font-size:12px;
	overflow:hidden;
}
.competition-detail .detail-main .list .signlist .signbox .namebox .name {
	height:17.5px;
	overflow:hidden;
}
.competition-detail .detail-main .list .signlist .signbox .namebox .time {
	height:17.5px;
	overflow:hidden;
}
.competition-detail .detail-main .list .signlist .more {
	display:block;
	width:100%;
	height:26px;
	line-height:26px;
	background-color:#f4f4f4;
	text-align:center;	
	margin:10px 0px;
}
.competition-detail .detail-main .list .signlist .more a {
	color:#9e9e9e;
	font-family:"微软雅黑";
	font-size:14px;
	background:url(../images/more-icon.png) no-repeat;
	background-position:right center;
	background-size:13px;
	padding-right:19px;
}
.competition-detail .footer-logo {
	width:100%;
	padding-bottom:50px;
}
.competition-detail .footer-logo img {
	width:100%;
}



.competition-detail .de_notice {
	width: 100%;
	background: #fff;
	margin-top: 8px;
}
.competition-detail .de_notice .de_no_title {
	display: block;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	line-height: 45px;
	height: 45px;
	margin: 0px auto;
	font-family:"微软雅黑";
	font-size:16px;
	color:#5e5e5e;
	text-indent: 4%;
}
.competition-detail .de_notice .de_no_title i {
	float: right;
	background: url(../images/icon_right.png) no-repeat right center;
	background-size:10px ;
	padding-right: 16px;
	margin-right: 4%;
	font-size:14px;
}
.competition-detail .de_notice .de_no_title em {
	color: #ff6b6b;	
}
.competition-detail .de_notice .de_no_list {
	width: 100%;
	
}
.competition-detail .de_notice .de_no_list li {
	width: 92%;
	height: 40px;
	line-height: 40px;
	margin: 0px auto;
	background: url(../images/icon_quan.png) no-repeat left center;
	background-size:6px;
	text-indent: 15px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
}
.competition-detail .de_notice .de_no_list a {
	font-family:"微软雅黑";
	font-size:14px;
	color: #666;
}

/**************详情底部******************/
.competition-detail .footer-menu {
	width:100%;
	max-width: 480px;
	height:49px;
	border-top: 1px solid #e2e2e2;
	position:fixed;
	bottom:0px;
	z-index:995;
	overflow:hidden;
	background:#fff;
}
.competition-detail .footer-menu span {
	display:inline-block;
	text-align:center;
	line-height:49px;
}
.competition-detail .footer-menu span a {
	font-family:"微软雅黑";
	font-size:14px;
	color:#54606a;
}
.competition-detail .footer-menu .register {
	width:40%;
	background:#fff;
	position:relative;
}

.competition-detail .footer-menu .register:before{
	content:"";
	width:1px;
	height:49px;
	background:#e2e2e2;
	display:block;
	position:absolute;
	right:0;
}

.competition-detail .footer-menu .register a {
	background:url(../images/register_icon.png) no-repeat;
	background-size:16px;
	height:49px;
	display:inline-block;
	background-position:left center;
	padding-left:24px;
}
.competition-detail .footer-menu .share {
	width:29.17%;
	height:49px;
	display:inline-block;
	background:#fff;
	position:relative;
}

.competition-detail .footer-menu .share:before {
	content:"";
	width:1px;
	height:49px;
	background:#e2e2e2;
	display:block;
	position:absolute;
	right:0;
}
.competition-detail .footer-menu .share a {
	background:url(../images/share.png) no-repeat;
	background-size:16px;
	background-position:left center;
	padding-left:24px;
	height:49px;
	display:inline-block;
}
.competition-detail .footer-menu .signup {
	display:inline-blcok;
	width:60%;
	background:#1e87f3;
}

.competition-detail .footer-menu .signup a {
	font-size:14px;
	color:#fff;
	background:url(../images/signup-icon.png) no-repeat;
	background-size:16px;
	background-position:left center;
	padding-left:24px;
	display:inline-block;
	height:49px;
}

.competition-detail .footer-menu .gameover {
	display:inline-block;
	width:60%;
	background:#bcbcbc;
}

.competition-detail .footer-menu .gameover a {
	font-size:14px;
	color:#e2e2e2;
	background:url(../images/sign_over.png) no-repeat;
	background-size:16px;
	background-position:left center;
	padding-left:24px;
	display:inline-block;
	height:49px;
}

.competition-detail .footer-menu .manage {
	display:inline-block;
	width:60%;
	background:#1e87f3;
}

.competition-detail .footer-menu .manage a {
	font-size:14px;
	color:#fff;
	background:url(../images/manage.png) no-repeat;
	background-size:16px;
	background-position:left center;
	padding-left:24px;
	display:inline-block;
	height:49px;
}







/**************返回顶部************/
.competition-detail .backToTop {
	width:40px;
	position:fixed;
	right:7px;
	bottom:85px;
}
.backToTop:hover{background-position: 0 -43px;
	-webkit-transition:background 0.8s ease 0s;
	-moz-transition:background 0.8s ease 0s;
	-o-transition:background 0.8s ease 0s;
	-ms-transition:background 0.8s ease 0s;
	transition:background 0.8s ease 0s;}
.competition-detail .backToTop img {
	width:100%;
}
/***************************************/
.shade {
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:1000;
	display:none;
}
.shade.on {
	display:block;
}
.shade.hidden {
	display:none;
}

.shade .shade-share {
	width:100%;
	height:100%;
	margin:0px auto;
	background:rgba(0,0,0,0.5);
	text-align:center;
	display:none;
}
.shade .shade-share img {
	width:90%;
}
.shade .shade-share.on {
	display:block;
}
.shade .shade-share.hidden {
	display:none;
}
/*********下载app*********/
.loadapp {
	max-width: 480px;
	margin: 0px auto;
	font-family: "微软雅黑";
	
}
.loadapp .app_top {
	width: 100%;
	background: url(../images/icon_appbg.png) no-repeat;
	background-size:100% 100%;
	text-align: center;
}
.loadapp .app_top img {
	width:55%;
	padding: 20px 0px 10px 0px;
}
.loadapp .app_top p {
	width: 98%;
	line-height: 20px;
	margin:0px auto;
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding-bottom: 20px;
}
.loadapp .app_btn {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
.loadapp .app_btn a {
	display: inline-block;
	width: 37%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	margin: 0px 5%;
	border-radius: 3px;
}
.loadapp .app_btn a.ios {
	background:#282d31;
}
.loadapp .app_btn a.android {
	background:#87be20;
	
}
.loadapp .app_btn a.ios i{
	padding: 9.5px 0px;
	background: url(../images/icon_ios.png) no-repeat;
	background-size: 20px;
	background-position: left center;
	padding-left: 30px;
}
.loadapp .app_btn a.android i {
	padding: 9.5px 0px;
	background: url(../images/icon_android.png) no-repeat;
	background-size: 20px;
	background-position: left center;
	padding-left: 30px;	
}
.loadapp .bottom_logo {
	width: 100%;
	padding: 25px 0px;
	text-align: center;
}

.loadapp .bottom_logo img {
	width: 34%;
}
.loadapp .app_shade {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	display: none;
}
.loadapp .app_shade .load_tip {
	width: 100%;
	background: rgba(0,0,0,.5);
	padding: 10px 0px;
}
.loadapp .app_shade .load_tip span {
	display: block;
	width: 91%;
	margin: 0px auto;
	font-size: 14px;
	color: #fff;
	background: url(../images/icon_shade.png) no-repeat right top;
	background-size:60px;
	padding: 30px 0px 10px 0px;
}

.body_bg{
		position:fixed;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.5);
		z-index:998;
		}
		
.match_mes_box{
		width:83.3%;
		position:fixed;
		top:100px;
		height:200px;
		background:#fff;
		z-index:999;
		border-radius:5px;
		left:0px;
		right:0px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		font-family:Microsoft YaHei;
		}
		
.match_mes_box img{
		margin-top:35px;
		margin-bottom:15px;
		}
		
.match_mes_box .match_mes{
		text-indent:-10px;
		}
		
.match_mes_box .know{
		position:absolute;
		bottom:0px;
		width:100%;
		text-align:center;
		height:35px;
		line-height:35px;
		border-top:1px solid #e6e6e6;
		color:#9e9e9e;
		}
		
.match_mes_box .del_mes{
		position:absolute;
		top:-40px;
		right:0px;
		display:inline-block;
		width:25px;
		height:40px;
		background:url(../images/del_icon.png) no-repeat;
		background-size:100% 100%;
		}