@charset "UTF-8";
/* CSS Document */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{font-size:14px;}
body{min-width:320px;font-size:14px;font-family: Microsoft YaHei, Arial;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:#f6f6f6;color:#666;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img,button {border:0;}
li{list-style:none;}
a{text-decoration:none;color:#666;outline:none;}
img{vertical-align:middle;}
h1,h2,h3,h4,h5,h6,input,textarea,select,button{font-size:100%;}
em,i,u{font-style:normal;}
.hide{display:none;}
.red{color:#e13218;}
.black{color:#333;}
.green{ color:#5ac44d !important;}
.blue{ color:#2480c6;}
.grey{ color:#ccc;}
.wrap{width:100%;}
.line0{width:100%; height:0px;  clear:both;}
.line1{width:100%; height:1px;  clear:both;  background-color: #ddd;}
/*头部*/
.top-header{width:100%; height:30px; line-height:30px; text-align:center; background-color:#f6f6f6;border-bottom:1px solid #ddd; position:relative; z-index:10;}
.top-header h1{color:#666; font-size:12px; font-weight:normal;}
.back{ position:absolute; left:3%; top:0px;  display:block;}
.back img{ width:56%;}
.gaptop{ width:100%; height:0px; clear:both;}
.h45{ height:45px}
@media only screen and (min-width:415px) {
body, html {
	font-size: 112px
}
}

/*@media only screen and (max-width:480px), only screen and (max-device-width:480px) {
    body, html {
        font-size: 128px
    }
}*/
@media only screen and (max-width:414px), only screen and (max-device-width:414px) {
body, html {
	font-size: 110.4px
}
}

@media only screen and (max-width:400px), only screen and (max-device-width:400px) {
body, html {
	font-size: 106.67px
}
}

@media only screen and (max-width:375px), only screen and (max-device-width:375px) {
body, html {
	font-size: 100px
}
}

@media only screen and (max-width:360px), only screen and (max-device-width:360px) {
body, html {
	font-size: 96px
}
}

@media only screen and (max-width:320px), only screen and (max-device-width:320px) {
body, html {
	font-size: 85.33px
}
}

@media only screen and (max-width:240px), only screen and (max-device-width:240px) {
body, html {
	font-size: 64px
}
}
/* 比赛信息 */
.s-msg {
	margin-top: 0;
	padding: 0 5%;
	background-color: #FFF;
	overflow: hidden;
}
.s-msg li {
	border: 1px solid #ccc;
	border-radius: 0.09rem;
	padding: 0.12rem;
	margin-bottom: 0.16rem;
	font-size: 0.15rem
}
.s-msg li .tit {
	position: relative;
	text-align: right;
	font-size: 0.12rem;
	overflow: hidden;
	color: #333
}
.s-msg li .tit h3 {
	max-height: 0.4rem;
	overflow: hidden;
	font-size: 0.15rem;
	line-height: 0.2rem;
	font-weight: normal;
	font-style: normal;
	width: 100%;
	text-align: left;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-indent: 0.49rem;
}
.s-msg li .tit span {
	position: absolute;
	top: -0.05rem;
	left: -0.19rem;
	width: 0.8rem;
	line-height: 0.24rem;
	padding-top: 0.03rem;
	padding-bottom: 0.03rem;
	background: #d0241f;
	color: #fff;
	font-size: 0.24rem;
	text-align: center;
	border-radius: 0.06rem;
	display: inline-block;
	-moz-box-transform: scale(0.5);
	-webkit-box-transform: scale(0.5);
	transform: scale(0.5);
}
.s-msg li p {
	width: 100%;
	height: 0.72rem;
	margin-top: 0.14rem;
	overflow: hidden;
}
.pic-l {
	float: left;
	width: 0.82rem;
	height: 0.72rem;
	margin-right: 0.16rem;
}
.s-msg li p span {
	font-size: 0.13rem;
	color: #666;
	line-height: 0.18rem;
	height: 0.72rem;
	text-align: left;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	letter-spacing: 0.01rem;
	overflow: hidden;
}
.s-msg li.g-date {
	font-size: 0.2rem;
	color: #222;
	margin: 0.26rem 0 0.17rem 0;
	border: none;
	padding: 0;
}
.g-sx {/*position:absolute;right:5%;top:0.3rem;font-size:0.14rem;*/
	position: absolute;
	right: 5%;
	top: 0;
	font-size: 0.14rem;
}
.g-sx .u-zy, .g-sx .u-fenlei {/*height:0.14rem;line-height: 0.14rem;padding: 0.04rem 0;font-size:0.14rem;font-weight:bold;color:#666;*/
	height: 0.28rem;
	line-height: 0.28rem;
	padding: 0.08rem 0;
	font-size: 0.28rem;
	font-weight: bold;
	color: #666;
	-moz-box-transform: scale(0.5);
	-webkit-box-transform: scale(0.5);
	transform: scale(0.5);
	position: absolute;
	top: 0.18rem;
}
.g-sx .u-zy {/*background: url("../images/open.png") no-repeat right center;background-size:0.34rem;padding-right:0.4rem;float: right;*/
	background: url("../images/zixunApp/open.png") no-repeat right center;
	width: 1.4rem;
	right: -0.34rem;
	background-size: 0.7rem;
}
.g-sx .u-zy1 {
	background: url("../images/zixunApp/close.png") no-repeat right center;
	background-size: 0.7rem;
}
.g-sx .u-fenlei {
	background: url(../images/zixunApp/fenlei.png) no-repeat left center;
	padding-left: 0.4rem;
	right: -0.38rem;
	background-size: 0.28rem;
	white-space: nowrap;
	background-size: 0.28rem;
}
.m-from {
	font-size: 0.12rem;
	color: #999;
	margin-top: 0.14rem;
}
.u-from {
	width: 0.98rem;
	display: inline-block;
}
.u-see img {
	width: 0.13rem;
	height: 0.12rem;
	vertical-align: top;
	margin-top: 0.02rem;
	margin-right: 0.04rem;
}
.s-msg li:hover {
	-moz-box-shadow: 0 0 0.04rem #999;
	-webkit-box-shadow: 0 0 0.04rem #999;
	box-shadow: 0 0 0.04rem #999;
}
.s-msg li.g-date:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.g-mask-con li:hover {
	background: #eee;
	color: #d0241f;
	cursor: pointer;
}
/* 比赛信息详情页 */
.c-infor {
	background-color: #FFF;
	height: 100%;
	padding-bottom: 0.2rem
}
.c-infor .head {
	height: 0.48rem;
	line-height: 0.24rem;
	text-align: center;
	padding: 0.05rem 0 0 0
}
.c-infor .head h2 {
	max-height: 0.4rem;
	overflow: hidden;
	padding: 0.16rem 0;
	margin: 0 5.6%;
	border-bottom: 1px solid #ddd;
}
.c-infor .head h2 span {
	max-height: 0.4rem;
	overflow: hidden;
	font-size: 0.16rem;
	line-height: 0.20rem;
	font-weight: normal;
	color: #222;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	letter-spacing: 1px;
}
.c-infor .head .time {
	margin-top: 0.12rem;
	font-size: 0.12rem;
	color: #999999;
	padding: 0 5.6%;
	overflow: hidden;
}
.time .u-see1 {
	float: left;
}
.time .f-fl {
	float: left;
	padding-right: 0.3rem;
}
.time .f-fr {
	float: right;
}
.c-text {
	font-size: 0.14rem;
	width: 80%;
	margin: 0.15rem 5.6%;
	padding: 0.3rem 4.4% 0.1rem 4.4%;
	background: url("../images/zixunApp/bg.png") repeat;
	background-size: 64px;
	text-align: justify;
	position: relative;
}
.c-text .u-sj {
	width: 0.4rem;
	height: 0.32rem;
	position: absolute;
	top: 0;
	left: 0;
}
.c-text .img {
	text-align: center;
}
.c-text .img img {
	width: 60%
}
.c-text p {
	line-height: 0.28rem;
	font-size: 0.14rem;
	padding-bottom: 0.15rem;
	color: #505050;
}
.c-text p img {
	width: auto;
	height: auto;
    max-width: 100%;
}
.c-text .write {
	color: #FFF;
}
.c-text .blue a {
	color: #2480c6;
	text-decoration: underline;
	margin-left: 0.03rem
}
.c-text .m-tab {
	text-align: center;
	margin: 0.05rem 0;
	background-color: #f2f2f2;
	font-size: 0.12rem;
}
#load_info {
	width: 100%;
	height: 0.2rem;
	text-align: center;
	font-size: 0.13rem;
	color: #999;
}
#load_info img {
	width: 0.13rem;
	vertical-align: top;
	margin-top: 0.03rem;
	margin-right: 0.03rem;
}
.g-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
	display: none;
	z-index: 998;
}
.g-mask-con {
	width: 74%;
	border-radius: 0.09rem;
	background: #fff;
	position: fixed;
	top: 50%;
	margin-top: -1.61rem;
	left: 13%;
	text-align: center;
	font-size: 0.14rem;
	display: none;
	z-index: 999;
}
.m-mask-tit {
	height: 0.46rem;
	line-height: 0.46rem;
	border-top-left-radius: 0.09rem;
	border-top-right-radius: 0.09rem;
	background: #ddd;
	color: #333;
	font-weight: bold;
}
.g-mask-con li {
	width: 84%;
	height: 0.46rem;
	line-height: 0.46rem;
	margin: 0 auto;
	color: #666;
	border-bottom: 1px solid #ddd;
}
.g-mask-con li:last-child {
	border-bottom: none;
}
.g-mask-con li.on {
	color: #d0241f;
}
/*返回顶部样式*/
#topImg {
	width: 0.36rem;
	height: 0.36rem;
	position: fixed;
	bottom: 0.15rem;
	right: 5%;
	background: url(../images/zixunApp/topImg.png) no-repeat center center;
	background-size: 100%;
	display: none;
	z-index: 997;
}