@charset 'UTF-8';

.wrapper {
	width: 100%; border-bottom: 1px solid #d4d4d4; box-shadow: 0 1px 1px #e5e5e5; color: #404040;
}

.fixtopbar::-webkit-scrollbar {
	width: 4px; height: 4px;
}

.centerbox {
	width: 960px; margin: 0 auto; padding: 0 30px; font-size: 16px; padding-bottom: 6px; overflow: hidden; height: 64px; vertical-align: middle;
}

.index-searchAuto {
	width: 300px; height: 30px; margin: 0 auto; margin-top: 14px;
}

.index-searchAuto {
	margin-left: 0;
}

.index-searchAuto {
	width: 460px; float: right;
}

.inpuArea {
	width: 396px; height: 36px; border-radius: 3px 0 0 3px; border: 1px solid #1460a0; background: rgba(51, 51, 51, 0); float: left;
}

searchAuto input {
	float: left; padding-left: 10px; color: #404040;
}

.index-searchAuto span, .index-searchAuto input {
	float: left; padding-left: 10px; color: #404040;
}

.index-searchAuto span {
	display: block; width: 60px; height: 36px; border-radius: 0 3px 3px 0; background: #1460a0 url(https://hsoss.runnar.com/runnar/webImg/fangdajing.png) no-repeat center; float: left;
}

.allcount {
	float: left; font-size: 24px; line-height: 64px;
}

.redTxt {
	color: #d11b3c;
}

.listwrapper {
	width: 100%; background: #eee; min-height: 100%; overflow: hidden; min-height: 500px;
}

.listcenterbox {
	width: 960px; height: 100%; margin: 0 auto; position: relative; padding-top: 23px; overflow: hidden;
}

.leftSearchBox {
	width: 300px; box-sizing: border-box; border: 1px solid #d4d4d4; box-shadow: 0 1px 2px #d4d4d4; background: #fff; overflow: hidden;
}

.toptitle {
	height: 60px; font-size: 20px; padding-left: 10px; line-height: 60px; border-bottom: 1px solid #d4d4d4;
}

.clearbtn {
	width: 114px; height: 21px; line-height: 21px; background: #d11b3c url("https://hsoss.runnar.com/runnar/webImg/newclear.png") no-repeat; color: #fff; display: block; float: right; font-size: 12px;
	border-radius: 4px; padding-left: 30px; background-position: 8px 3px; margin-top: 22px; margin-right: 24px;
}

.choiceBox {
	padding: 16px 0 0; padding-left: 10px; overflow: hidden;
}

.choicetxt {
	font-size: 16px; font-weight: bold;
}

.allradio {
	width: 15px; height: 15px; background: #d4d4d4; border-radius: 50%; position: relative; float: left; margin-top: 8px;
}

.radioon label {
	margin-top: 0; height: 100%; background: url(https://hsoss.runnar.com/runnar/webImg/radioon.png) center center no-repeat; background-size: 100% auto;
}

.radiobox, .checkbox {
	width: 33%; float: left; height: 30px; line-height: 30px;
}

.radiobox span {
	float: left; 
	padding-left: 5px;
	padding-right: 10px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    width: 82%;
}

.labelcheckbox {
	width: 14px; height: 14px; float: left; background: #d4d4d4; border-radius: 4px; margin-top: 8px;
}

.checkboxon label {
	margin-top: 0; height: 100%; background: url(https://hsoss.runnar.com/runnar/webImg/checked.png) center center no-repeat; background-size: 100% auto;
}

.leftSearchBox {
	float: left;
}

.rightSearchBox {
	float: right; width: 652px;
}

.tabdiv {
	width: 240px; height: 37px; background: #fff; padding: 0 14px; border-radius: 20px; color: #d11b3c; text-align: center; line-height: 23px; position: relative;
	margin: 0 auto; box-shadow: 0 1px 1px #e5e5e5;
}

.abovebox {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;
}

.abovebox div {
	width: 50%; height: 100%; float: left; padding: 6px 14px; border-radius: 20px; overflow: auto; max-height: 100%;
}

.tapon {
	background: #d11b3c; color: #fff;
}

.recommEventLi {
	width: 100%; box-sizing: border-box; margin-top: 20px; position: relative; border-radius: 8px; border: 1px solid #d4d4d4; box-shadow: 0 1px 2px #d4d4d4; border-top: none;
	display: block; background: #fff;
}

.dateLIcon {
	width: auto; height: 24px; position: absolute; left: 0; right: 0; top: -10px; display: block; margin: 0 auto;
}


.recommEventList {
	display: block;
	overflow: hidden;
	padding: 0.15rem 0.1rem;
    border-top: 1px solid #d4d4d4;
}

.matchTimeMonth {
	margin: 0; padding-left: 20px; height: 60px; font-size: 22px; line-height: 60px; position: relative; z-index: 0;
}

.recommEventList .recommEventListLeft {
	float: left;
	width: 80%;
	display: block;
	box-flex: 1; -webkit-box-flex: 1; -webkit-box-orient: horizontal; -webkit-box-pack: initial; height: 156px;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	 box-flex:1;
     -moz-box-flex:1;
     -webkit-box-flex:1;
    -ms-box-flex:1;
	
    
}

.recommEventList>div, .recommEventList>div aside {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    
	-webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -o-box-pack: center;
    box-pack: center;
    
	-webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -o-box-orient: vertical;
    box-orient: vertical;
	
	font-size: 22px;
}

.recommEventListLeft .LeftAside {
	width: 120px; color: #fff; background: url(https://hsoss.runnar.com/runnar/webImg/date.png) center center no-repeat; background-size: 75px auto; text-align: center;
	display: block;
	float: left;
	width: 24%;
	height:156px;
}

.rightAside {
	text-align: left; box-flex: 1; -webkit-box-flex: 1;
	display: block;
    float: left;
    width: 70%;
    height: 156px;
}

.recommEventListRight {
	-webkit-box-align: center;
	float: left;
    display: block;
    height: 156px;
    width: 20%;
    vertical-align: middle;
}

.recommEventListLeft .LeftAside p:nth-of-type(1) {
	color: #fff; height: 24px; line-height: 24px; margin-top: 42px; margin-bottom: 0;
}

.recommEventListLeft .LeftAside p:nth-of-type(2) {
	font-size: 22px; color: #1460a0; line-height: 22px; margin-bottom: 0; margin-top: 4px;
}

.recommEventListLeft .LeftAside p:nth-of-type(3) {
	color: #1460a0; height: 14px; line-height: 14px; margin-top:; margin-bottom: 0; margin-top: 4px;
}

.rightAside p {
	margin-bottom: 0; font-size: 16px;
}

.recommEventName {
	font-size: 16px; color: #404040; width: 100%; cursor: pointer; height: 32px; font-weight: bold; text-align: left; line-height: 1; white-space: normal;
	word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box;
	-webkit-box-pack: center;
}

.collectIcon em {
	font-style: normal;
}

.collectIcon span {
	width: 80px; margin: 0 auto; display: inline-block; color: #d11b3c; font-size: 14px; margin-left: 20x; text-align: center;
}

.collectIcon {
	color: #1460a0; display: inline-block; text-align: center; font-size: 12px; margin: 0 10px;
}

.collectIcon .collectIconImg, .collectIcon .addScoreIconImg {
	width: 30px; height: 30px; margin-bottom: 10px; display: block; vertical-align: middle; margin: 0 auto;
}

.proCollList {
	height: 16px; 
	font-weight: bold; 
	text-align: left; 
	line-height: 1;	
	word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proCollList, .matchAddr {
	color: #909090;
}

.rightFlagbox {
	width: 116px;
}

.heart {
	width: 25px; height: 26px; display: block; margin: 0 auto;
}

.flag {
	display: block; margin: 12px auto; margin-top: 48px;
}

.falgtxt {
	font-size: 16px; color: #909090;
}

.bottomBtn2 {
	background: #d11b3c; font-size: 12px; line-height: 11px; color: #fff; height: 28px; border-radius: 20px; padding: 8px; display: inline-block;
}

.newdrop {
	width: 16px; height: 10px; position: absolute; right: 20px; top: 30px;
}

.eventLabelIcon {
	width: auto; height: 26px; display: inline-block; margin-top: 5px;
}

.nosearchbox p {
	font-size: 20px; color: #909090; text-align: center;
}

.nosearchbox {
	overflow: hidden; text-align: center; margin-top: 50px;
}

.nosearchicon {
	width: 83px; height: 83px; display: block; margin: 0 auto; margin-top: 50px;
}

.loadMore, .loadnoMore {
	font-size: 16px; text-align: center; margin: 25px auto;
}

.loadMore {
	cursor: pointer;
}

.yellowbtn {
	background: #fecd44;
}

.bluebtn {
	background: #1460a0;
}

.huibtn {
	background: #909090;
}

.newdrop {
	width: 16px; height: 10px; position: absolute; right: 20px; top: 26px; cursor: pointer; transform: rotate(180deg);
}

.rotate {
	transform: rotate(0);
}

.collectIcon, .radiobox label, .labelcheckbox, #clearbtn {
	cursor: pointer;
}

.eventMonth {
	font-size: 15px;
}

.eventWeek {
	font-size: 15px;
}

.recommEventListLeft .LeftAside p.eventDate {
	font-size: 26px;
}

.fixtopbar {
	position: fixed; top: 0px; background: #fff; z-index: 99; width: 299px; border: 1px solid #d4d4d4; overflow: auto; max-height: 100%;
}

.topbardiv {
	width: 100%; height: 60px; display: none;
}

.loadingwrapper {
	width: 100%; height: 100%; position: fixed; top: 0; display: none;
}

.loadMore, .loadnoMore {
	display: none;
}

.loadimg {
	width: 83px; height: 83px; display: block; position: absolute; right: 284px; top: 50%;
}

.loadingwrapper .centerbox {
	height: 100%; position: relative;
}

.eventFooterBox {
	
}