@CHARSET "UTF-8";

.cmpt-item {
	background: #fff;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
}

.main-cmpt-more, .main-record-more {
	cursor: pointer;
}

.cmpt-img-container img {
	height: 100%;
	width: 100%;
}

.cmpt-status {
	position: absolute;
    width: 0.74rem;
    left: 0.1rem;
    top: 0.3rem;
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.14rem;
    text-align: center;
    border-radius: 0 0.15rem 0.15rem 0;
}

.cmpt-img-container {
	position: relative;
}

span.item-name {
	max-height: .4rem;
	overflow: hidden;
	margin-bottom: .08rem !important;
}

.discount-group {
	position: absolute;
	left: .1rem;
	bottom: .2rem;
}

span.discount-type {
	display: inline-block;
	min-width: .88rem;
	height: .34rem;
	text-align: center;
	line-height: .34rem;
	color: #fff;
	font-size: .16rem;
	border-radius: 5px;
	padding: 0 0.1rem;
}

span.discount-type1 {
	background: -ms-linear-gradient(left, #ff7e28, #ff453d) !important;
	background: -moz-linear-gradient(left, #ff7e28, #ff453d) !important;
	background: -webkit-linear-gradient(left, #ff7e28, #ff453d) !important;
	background: -o-linear-gradient(left, #ff7e28, #ff453d) !important;
}

span.discount-type2 {
	background: -ms-linear-gradient(left, #ffc528, #ff8916) !important;
	background: -moz-linear-gradient(left, #ffc528, #ff8916) !important;
	background: -webkit-linear-gradient(left, #ffc528, #ff8916) !important;
	background: -o-linear-gradient(left, #ffc528, #ff8916) !important;
}

span.discount-type {
	display: inline-block;
	min-width: .88rem;
	padding: 0rem 0.1rem;
	height: .34rem;
}

.cmpt-item:hover {
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.3)
}
.no-content-text {
    margin: 0 auto;
    width: 100%;
    font-size: .2rem;
    display: inline-block;
}
.no-content{
	text-align:center;
}
/*赛事状态*/
	.cmpt-status-not-started{
	    background: #E97282;
    	color: #fff;
	}
	.cmpt-status-close {
	    background: #fff;
	    color: #636262;
	}
	.cmpt-status-going {
	    background: #64D2A7;
	    color: #fff;
	}
@media ( max-width : 767px) {
	.swiper-container {
		width: 100%;
	}
	.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white
		{
		display: none;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		display: none;
	}
	.cmptlist_section {
		background: url('../../resources/images/img_back_1_wx.png') no-repeat
			left top/100%;
	}
	.record-section {
		background: url('../../resources/images/img_back_2_wx.png') no-repeat
			left top/100%;
	}
	.comment-right-part {
		background: url('../../resources/images/img_back_3_wx.png') no-repeat
			left top/100%;
	}
	.cmpt-item {
		overflow: hidden;
		margin-bottom: .2rem;
		box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, 0.2);
	}
	.cmpt-item:before {
		right: 0;
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border-top: transparent .4rem solid;
		border-bottom: #f9f9f9 .4rem solid;
		border-left: transparent .57rem solid;
		border-right: #f9f9f9 .57rem solid;
		bottom: 0;
	}
	.cmpt-city-time-container span {
		font-size: .18rem;
		display: block;
		color: #666;
		margin-bottom: 0rem;
	}
	span.item-name {
		max-height: .6rem;
		font-size: .16rem;
	}
	h3.cmpt-title {
		overflow: hidden;
		height: .5rem;
		margin-top: .15rem;
		margin-bottom: .13rem;
		font-size: .22rem;
	}
	.cmpt-info-container {
		padding: 0;
	}
	.cmpt-base-info-container {
		padding: 0 0 0 .15rem;
	}
	span.discount-type {
		margin: .1rem 0;
		min-width: 1.2rem;
		height: .4rem;
		line-height: .4rem;
		padding: 0rem 0.1rem;
	}
	.cmpt-status {
	    width: 1.2rem;
	    height: 0.34rem;
	    line-height: 0.34rem;
	    font-size: 0.2rem;
	}
	/*首页title*/
	.main-cmpt-title, .main-record-title, .main-comment-title {
		text-shadow: 2px 2px 1px rgba(27, 135, 185, 0.3);
		font-size: .26rem;
		color: #1b87b9;
		margin-top: .22rem;
		padding-left: .7rem;
		background: url(../../resources/images/icon_recommended_events_wx.png)
			no-repeat .25rem top/.5rem .5rem;
	}
	.main-record-title {
		background: url(../../resources/images/icon_hot_record_wx.png) no-repeat
			.25rem top/.5rem .5rem;
	}
	.main-comment-title {
		background: url(../../resources/images/icon_events_comments_wx.png)
			no-repeat .25rem top/.5rem .5rem;
	}
	.main-short-line {
		width: .3rem;
		height: .06rem;
		background: #87b6d6;
	}
	.main-long-line {
		width: 2rem;
		height: .06rem;
		background: #1b87b9;
		margin-top: .02rem;
	}
	.main-cmpt-more, .main-record-more {
		margin-top: -.2rem;
		float: right;
		color: #1b87b9;
		font-size: .2rem;
		padding-right: .5rem;
		background: url(../../resources/images/button_more.png) no-repeat right
			-.03rem/.4rem .4rem;
	}
	.record-userImg {
		width: 15%;
		float: left;
	}
	.record-content-imgs {
		margin-bottom: .2rem;
		margin-top: .2rem;
	}
	.record-userImg img {
		width: 0.6rem;
		height: 0.6rem;
		border-radius: 50%;
		margin-right: .27rem;
	}
	.record-list-item {
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: .27rem;
		padding-bottom: .4rem;
		min-height: 4.97rem;
		padding-top: .4rem;
		cursor: pointer;
	}
	.record-list-item-title {
		margin-bottom: .12rem;
		font-size: .2rem;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		width: 97%;
		text-overflow: ellipsis
	}
	.record-content {
		height: .7rem;
		margin-top: .1rem;
		word-wrap: break-word;
	}
	.record-main-content {
		float: left;
		width: 85%;
	}
	span.create-date {
		float: left;
	}
	/*跑记*/
	img.record-item-img {
		height: 1.06rem;
		width: 1.06rem;
		margin-right: .1rem;
	}
	.main-common-record-title {
		padding: 0 15px;
	}
	.record-userImg img {
		width: 100%;
		height: 100%;
	}
	.record-content-imgs {
		margin-bottom: .2rem;
		margin-top: .1rem;
	}
	.record-userImg {
		width: 0.62rem;
		height: 0.62rem;
		border-radius: 50%;
		overflow: hidden;
		float: left;
		margin-right: .26rem;
	}
	.record-list-item {
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: .27rem;
		padding-right: .3rem;
		padding-bottom: .4rem;
		min-height: 4.3rem;
		padding-top: .36rem;
		cursor: pointer;
	}
	.record-list-item-title {
		text-overflow: ellipsis;
		margin-top: .12rem;
		margin-bottom: .12rem;
		font-size: .24rem;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		width: 97%;
	}
	.record-content {
		font-size: .24rem;
		height: .7rem;
		margin-top: .25rem;
		overflow: hidden;
		color: #999;
	}
	.record-main-content {
		float: right;
		width: 85%;
	}
	span.create-date {
		float: left;
	}
	span.auther {
		margin-right: .3rem;
		clear: left;
		float: left;
		max-width: 50%;
		color: #2d8be1;
	}
	.record-cmptName {
		padding: 0.05rem 0.2rem;
		border: 1px solid #ffa225;
		border-radius: 5px;
		color: #ffa225;
	}
	.record-praise-num, .record-comments-num {
		position: absolute;
		bottom: 0.4rem;
		right: 0.3rem;
	}
	.record-comments-num {
		right: 1.2rem;
	}
	.record-section {
		min-height: 3rem;
		overflow: hidden;
	}
	.record-info-bottom>div {
		float: left;
	}
	.record-info-bottom {
		position: absolute;
		bottom: .35rem;
	}
	#recordList {
		background: #fff;
		margin-top: 1.2rem;
	}
	.record-list-item:hover, .comment-list-item:hover {
		box-shadow: 2px 2px 50px 0px rgba(0, 0, 0, 0.3);
	}
	.main-common-record-title {
		padding: 0;
	}
	/*评论列表*/
	#commentList {
		background: #fff;
	}
	.list-two-type {
		margin: 0 auto;
		font-size: .16rem;
		height: .6rem;
		border-radius: .5rem;
		background: #fff;
		overflow: hidden;
		line-height: .6rem;
		color: #999;
		box-shadow: 2px 2px 10px 0px rgba(27, 135, 185, 0.3);
		width: 90%;
	}
	.list-type {
		background: #fff;
	}
	.list-two-type>div {
		float: left;
		width: 50%;
		display: inline-block;
		text-align: center;
		cursor: pointer;
	}
	.list-two-type>div:hover, .list-type-active {
		color: #fff;
		background: -ms-linear-gradient(left, #1b87b9, #87b6d6) !important;
		background: -moz-linear-gradient(left, #1b87b9, #87b6d6) !important;
		background: -webkit-linear-gradient(left, #1b87b9, #87b6d6) !important;
		background: -o-linear-gradient(left, #1b87b9, #87b6d6) !important;
	}
	.record-comName {
		color: #2d8be1;
	}
	.comment-list-item {
		padding: .32rem .12rem .24rem .12rem;
		min-height: 1.55rem;
		border-bottom: 1px solid #f6f6f6;
	}
	.comment-main-content {
		float: left;
		width: 85%;
	}
	.comment-userImg {
		overflow: hidden;
		float: left;
		margin-right: .1rem;
		height: .62rem;
		width: .62rem;
		border-radius: 50%;
	}
	.comment-content {
		margin-top: .15rem;
		max-height: .6rem;
	}
	.comment-info-bottom {
		margin-top: .18rem;
	}
	.list-type {
		margin-top: 1.2rem;
		height: 1rem;
		padding-top: .2rem;
	}
	.main-common-record-title {
		padding: 0 15px;
	}
}

@media ( max-width : 320px) {
	.record-main-content {
		float: right;
		width: 84%;
	}
}

@media ( min-width : 375px) {
}

@media ( min-width : 768px) {
	html {
		font-size: 80px;
	}
	.swiper-container {
		width: 80%;
		margin-left: 0;
		position: relative;
		float: left;
	}
	.main-content {
		background: url(../../resources/images/img_home_bg_pc.png) no-repeat
			left bottom/100%;
		padding-bottom: .94rem;
	}
	.org-swiper-right.hidden-xs {
		width: 20%;
		float: right;
	}
	.swiper-pagination.swiper-pagination-bullets.swiper-pagination-clickable
		{
		text-align: right;
		padding-right: 10%;
	}
	.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white
		{
		text-align: right;
		padding-right: 10%;
		bottom: 13%;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		right: 18%;
		bottom: 13%;
		display: none！;
	}
	.swiper-slide img {
		width: 100%;
		height: 100%;
	}
	.org-swiper-right-item {
		height: 33.3333%;
		background: #fff;
		box-shadow: 0px 2px 0px #c1d9ea inset;
		overflow: hidden;
		cursor: pointer;
	}
	.org-swiper-right-item>div {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.org-blue {
		top: 0;
		background: #ccc;
	}
	.org-white {
		opacity: 1;
		background: #fff;
		box-shadow: 0px 2px 0px #c1d9ea inset;
	}
	.org-swiper-right-item:hover>.org-blue {
		top: -100%;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		transition-duration: 0.3s;
		background: -ms-linear-gradient(left, #228abb, #81b3d4) !important;
		background: -moz-linear-gradient(left, #228abb, #81b3d4) !important;
		background: -webkit-linear-gradient(left, #228abb, #81b3d4) !important;
		background: -o-linear-gradient(left, #228abb, #81b3d4) !important;
	}
	.org-swiper-right-item .org-blue span {
		color: #fff;
	}
	.org-swiper-right-item:hover>.org-white {
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.org-color-inner {
		height: 1rem;
		width: 100%;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		padding-left: .3rem;
	}
	.org-main-icon {
		vertical-align: top;
	}
	span.org-span {
		display: inline-block;
		margin-left: .2rem;
	}
	span.org-right-title {
		font-size: .3rem;
		display: block;
		color: #1b5d8c;
	}
	span.org-right-subtitle {
		font-size: .14rem;
		color: #1b5d8c;
	}
	/*5个跳转部分*/
	.five-item {
		vertical-align: middle;
	    height: 100%;
	    width: 20%;
	    float: none;
	    display: table-cell;
	    position: relative;
	    text-align: center;
	    cursor: pointer;
	}
	.five-wrapper {
	    display: table;
		width: 100%;
		border-bottom: 6px solid #1b87b9;
	}
	.org-five-mark {
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, .8);
		display: none;
		position: relative;
		z-index: 0;
	}
	.five-item:hover .org-five-mark {
		display: block;
		position: absolute;
		top: 0;
	}
	.five-item:hover .org-five-text {
		color: #1b87b9;
	}
	.five-item:hover .org-five-mark-before {
		display: block;
	}
	.five-item:hover .org-five-add-text {
		color: #1b87b9;
		transform: translate(-50%);
		left: 50%;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-ms-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	.org-five-text {
		color: #fff;
		text-align: center;
		margin-top: .1rem;
		font-size: 1rem;
		font-family: myNumberFont;
		position: relative;
		z-index: 1;
	}
	.org-five-mark-before {
		position: absolute;
		width: .7rem;
		height: .7rem;
		transform: translateX(-50%);
		left: 50%;
		bottom: -0.7rem;
		display: none;
	    background: url(../../resources/images/icon_choose.png) no-repeat center top/100% auto;
	}
	.org-five-add-text {
		position: absolute;
		font-size: .3rem;
		bottom: 0;
		right: .1rem;
		color: #fff;
		z-index: 2;
	}
	.org-main-icon {
	    height: .56rem;
	}
	/*賽事部份*/
	.cmpt-img-container {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		overflow: hidden;
	}
	.cmpt-item:before {
		right: 0;
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border-top: transparent 1.02rem solid;
		border-bottom: #f9f9f9 1.02rem solid;
		border-left: transparent .63rem solid;
		border-right: #f9f9f9 .63rem solid;
		bottom: 0;
		border-radius: 5px;
	}
	.goto-cmptdetail.goto-detail-text {
		margin: 0 auto;
		text-align: center;
		width: 2rem;
		font-size: .16rem;
		height: .5rem;
		border-radius: .5rem;
		background: -ms-linear-gradient(left, #1b87b9, #87b6d6) !important;
		background: -moz-linear-gradient(left, #1b87b9, #87b6d6) !important;
		background: -webkit-linear-gradient(left, #1b87b9, #87b6d6) !important;
		background: -o-linear-gradient(left, #1b87b9, #87b6d6) !important;
		line-height: .5rem;
		color: #fff;
		box-shadow: 2px 2px 2px 0px rgba(27, 135, 185, 0.2);
		left: 50%;
		transform: translateX(-50%);
		bottom: .28rem;
		position: absolute;
	}
	h3.cmpt-title {
		height: .5rem;
		font-size: .22rem;
		margin-bottom: .19rem;
	}
	.cmpt-city-time-container span {
		font-size: .14rem;
		display: block;
		color: #666;
	}
	.cmpt-info-container {
		padding: 0 .15rem;
		position: relative;
	}
	span.cmpt-time {
		margin-top: .02rem;
	}
	.cmpt-img-container {
		padding: 0;
	}
	.container {
		width: 12.3rem;
	}
	.cmpt-item {
		border-radius: 5px;
	}
	
	/*首页title*/
	.main-common-title {
		margin-top: .94rem;
	}
	.main-cmpt-title, .main-record-title, .main-comment-title {
		text-shadow: 2px 2px 1px rgba(27, 135, 185, 0.3);
		font-size: .24rem;
		color: #1b87b9;
		padding-left: .8rem;
		background: url(../../resources/images/icon_recommended_events.png)
			no-repeat .4rem top/0.4rem 0.4rem;
		letter-spacing: .2em;
	}
	.main-record-title {
		background: url(../../resources/images/icon_hot_record.png) no-repeat
			.4rem top/0.4rem 0.4rem;
	}
	.main-comment-title {
		background: url(../../resources/images/icon_events_comments.png)
			no-repeat .4rem top/0.4rem 0.4rem;
	}
	.main-short-line {
		width: .3rem;
		height: .06rem;
		background: #87b6d6;
	}
	.main-long-line {
		width: 2rem;
		height: .06rem;
		background: #1b87b9;
		margin-top: .02rem;
	}
	.main-cmpt-more, .main-record-more {
		float: right;
		margin-top: -0.25rem;
		color: #1b87b9;
		font-size: .2rem;
		padding-right: .5rem;
		background: url(../../resources/images/button_more.png) no-repeat right
			-.03rem/.4rem .4rem;
	}
	/*跑记*/
	img.record-item-img {
		height: .62rem;
		width: .62rem;
		margin-right: .12rem;
	}
	.record-userImg img {
		width: 100%;
		height: 100%;
	}
	.record-content-imgs {
		margin-bottom: .2rem;
		margin-top: .1rem;
	}
	.record-userImg {
		width: 0.6rem;
		height: 0.6rem;
		border-radius: 50%;
		overflow: hidden;
		float: left;
		margin-right: .26rem;
		margin-top: 4px;
		margin-left: 4px;
		box-shadow: 0.1rem 0.08rem 8px 0px rgba(28, 135, 185, 0.1);
	}
	.record-list-item {
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: .27rem;
		padding-right: .3rem;
		padding-bottom: .4rem;
		height: 3.29rem;
		padding-top: .36rem;
		cursor: pointer;
	}
	.record-list-item-title {
		text-overflow: ellipsis;
		margin-top: .12rem;
		margin-bottom: .12rem;
		font-size: .2rem;
		float: left;
		white-space: nowrap;
		overflow: hidden;
		width: 97%;
	}
	.record-content {
		font-size: .14rem;
		height: .4rem;
		margin-top: .25rem;
		color: #999;
	}
	.record-main-content {
		float: right;
		width: 86%;
	}
	span.create-date {
		float: left;
		color: #999;
	}
	span.auther {
		margin-right: .3rem;
		clear: left;
		float: left;
		max-width: 50%;
		color: #2d8be1;
	}
	.record-cmptName {
		padding: 0.05rem 0.2rem;
		border: 1px solid #ffa225;
		border-radius: 5px;
		color: #ffa225;
	}
	.record-praise-num, .record-comments-num {
		position: absolute;
		bottom: 0.4rem;
		right: 0.3rem;
	}
	.record-praise-num img, .record-comments-num img {
		width:.24rem;
		height:.24rem;
	}
	.record-comments-num {
		right: 0.85rem;
	}
	.record-section {
		margin-top: .5rem;
		min-height: 3rem;
		overflow: hidden;
	}
	.record-info-bottom>div {
		float: left;
	}
	.record-info-bottom {
		position: absolute;
		bottom: .35rem;
	}
	#recordList {
		background: #fff;
		margin-top: 1.86rem;
	}
	.record-list-item:hover, .comment-list-item:hover {
		box-shadow: 2px 2px 50px 0px rgba(0, 0, 0, 0.3);
	}
	.main-common-record-title {
		padding: 0;
	}
	/*评论列表*/
	#commentList {
		background: #fff;
	}
	.list-two-type {
		margin: 0 auto;
		width: 2rem;
		font-size: .16rem;
		height: .5rem;
		border-radius: .5rem;
		background: #fff;
		overflow: hidden;
		line-height: .5rem;
		color: #999;
		box-shadow: 2px 2px 10px 0px rgba(27, 135, 185, 0.3);
		max-width: 3.25rem;
		width: 80%;
	}
	.list-type {
		background: #fff;
	}
	.list-two-type>div {
		float: left;
		width: 50%;
		display: inline-block;
		text-align: center;
		cursor: pointer;
	}
	.list-two-type>div:hover, .list-type-active {
		color: #fff;
		background: -ms-linear-gradient(left, #1b87b9, #87b6d6) !important;
		background: -moz-linear-gradient(left, #1b87b9, #87b6d6) !important;
		background: -webkit-linear-gradient(left, #1b87b9, #87b6d6) !important;
		background: -o-linear-gradient(left, #1b87b9, #87b6d6) !important;
	}
	.record-comName {
		color: #2d8be1;
	}
	.comment-list-item {
		padding: .32rem .12rem .24rem .12rem;
		min-height: 1.55rem;
		border-bottom: 1px solid #f6f6f6;
	}
	.comment-main-content {
		float: left;
		width: 85%;
	}
	.comment-userImg {
		overflow: hidden;
		float: left;
		margin-right: .1rem;
		height: .4rem;
		width: .4rem;
		border-radius: 50%;
	    box-shadow: 2px 2px 8px 1px rgba(28, 135, 185, 0.2);
	}
	.comment-content {
		max-height: .4rem;
	}
	.comment-info-bottom {
		margin-top: .18rem;
	}
	.list-type {
		margin-top: 1.86rem;
		height: 1rem;
		padding-top: .2rem;
	}
}

@media ( min-width : 1500px) {
	/* html {
		font-size: 100px;
	}*/
	span.org-right-title {
		font-size: .24rem;
	}
	span.org-right-subtitle {
		font-size: .11rem;
	}
	.org-main-icon{
    	height: .56rem;
	} 
	
	/* 5个跳转部分 */
	.five-item{
	    padding-top: .3rem;
	}
	/* .org-five-text {
		font-size: .8rem;
	} */
	.org-five-add-text {
		font-size: .24rem;
		bottom:.08rem;
	}
}
@media ( min-width : 1700px) {
	/* html {
		font-size: 100px;
	}*/
	span.org-right-title {
		font-size: .24rem;
	}
	span.org-right-subtitle {
		font-size: .11rem;
	}
	.org-main-icon{
    	height: .56rem;
	} 
	
	/* 5个跳转部分 */
	.five-item{
	    padding-top: .3rem;
	}
	/* .org-five-text {
		font-size: .8rem;
	} */
	.org-five-add-text {
		font-size: .24rem;
		bottom:.08rem;
	}
}
@media ( min-width : 1920px) {
	html {
		font-size: 100px;
	}
	span.org-right-title {
		font-size: .3rem;
	}
	span.org-right-subtitle {
		font-size: .14rem;
	}
	.org-main-icon{
    	height: .56rem;
	}
	.org-color-inner{
		padding-left: .7rem;
	}
	
	/*5个跳转部分*/
	.five-item{
	    padding-top: 0.35rem;
	}
	.org-five-text {
		font-size: 1rem;
	}
	.org-five-add-text {
		font-size: .3rem;
		bottom:.1rem;
	}
}

@media ( max-width : 320px) {
}
@media ( max-width : 1500px) {
	h3.cmpt-title{
		margin-top:.2rem;
		margin-bottom:.1rem;
	}
}