/* TopActivity */
.TopActivity-list > a:before, .TopActivity-list > a:after {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.TopActivity-list, .MR-title { line-height: 20px; }
.TopActivity-list-global { width:calc(100% + 30px); }
.TopActivity-list-global > div { width:calc(100% / 2 - 15px); margin-right:15px; padding-right:15px; }
.TopActivity-list-global > div:first-child { border-right:1px solid #ccc; }
.TopActivity-list-h1 { color:#fff; font-weight:bold; background:#000; height:35px; padding:8px 15px; margin-bottom:1px; }
.TopActivity-list-h1 > i { float:right; }
.TopActivity-list > a { position:relative; display:block; background:#f0f0f0; overflow:hidden; margin-bottom:1px; height: 31px; }
.TopActivity-list > a > span, .TopActivity-list > a > b, .TopActivity-list > a > i {
	position:relative; 
	display:inline-block; 
	vertical-align:top; 
	padding:7px 15px; 
	text-align:right;
	height: 31px;
}
.TopActivity-list > a > span { width:95px; border-right:1px solid #fff; color:#fff; text-align:center; z-index:2; white-space:nowrap; }
.TopActivity-list > a > b { width:250px; border-right:1px solid #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index: 3; color:#fff; }
.TopActivity-list > a:hover > b { text-decoration:underline; }
.TopActivity-list > a > i { width:calc(100% - 345px - 1px); }
.TopActivity-list > a:nth-child(n+4) > b { font-weight:normal; }
.TopActivity-list > a > i > b { 
	position:absolute; 
	top:0;  
	left:-345px; 
	height:100%; 
	
	background: rgb(64,150,238);
	background: -moz-linear-gradient(left,  rgba(64,150,238,1) 0%, rgba(96,171,248,1) 56%, rgba(122,188,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%);
	background: linear-gradient(to right,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#7abcff',GradientType=1 );
	
	z-index:1;
}
.TopActivity-list > a:nth-child(1) > i > b {
	background: rgb(207,4,4);
	background: -moz-linear-gradient(left,  rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
	background: linear-gradient(to right,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=1 );
}
.TopActivity-list > a:nth-child(2) > i > b {
	background: rgb(168,73,163);
	background: -moz-linear-gradient(left,  rgba(168,73,163,1) 0%, rgba(200,94,199,1) 53%, rgba(229,112,231,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(168,73,163,1) 0%,rgba(200,94,199,1) 53%,rgba(229,112,231,1) 100%);
	background: linear-gradient(to right,  rgba(168,73,163,1) 0%,rgba(200,94,199,1) 53%,rgba(229,112,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a849a3', endColorstr='#e570e7',GradientType=1 );
}
.TopActivity-list > a:nth-child(3) > i > b {
	background: rgb(255,123,13);
	background: -moz-linear-gradient(left,  rgba(255,123,13,1) 0%, rgba(255,168,76,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%);
	background: linear-gradient(to right,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=1 );
}
.TopActivity-list.only20 > a:nth-child(n + 21) { opacity:0; visibility:hidden; overflow:hidden; max-height:0; margin-bottom:0; }
.TopActivity-list.only20.act > a:nth-child(n + 21) { opacity:1; visibility:visible; max-height:40px; margin-bottom:1px; }
.TopActivity-list > a > i > div { position:relative; z-index:2; }
.TopActivity-list.only20 .only20-show { padding:15px 0 0 15px; }
.TopActivity-list.only20 .only20-show span { cursor:pointer; font-size:16px; font-weight:300; }
.TopActivity-list.only20 .only20-show span:hover { color:#ef0000; }
.TopActivity-list.only20.act .only20-show { opacity:0; visibility:hidden; overflow:hidden; max-height:0; }
.TopActivity-list > a:nth-child(1) > i > div { color:#fff; }
.TopActivity-list > a:before, .TopActivity-list > a:after { content:''; position:absolute; width:0; height:0; background:rgba(255, 255, 255, 0.15); z-index: 2; }
.TopActivity-list > a:before { top:0; left:0; }
.TopActivity-list > a:hover:before { width:100%; height:100%; }
.TopActivity-list > a:after { bottom:0; right:0; }
.TopActivity-list > a:hover:after { width:100%; height:100%; }
.TopActivity-list-month { width:calc(100% + 20px); }
.TopActivity-list-month > div { display:inline-block; vertical-align:top; width:calc(100% / 2 - 20px); margin-right:20px; margin-bottom:5px; }
.TopActivity-list-month .TopActivity-list > a { font-size:12px; }
.TopActivity-list-month .TopActivity-list > a > * { padding:7px 10px; }
.TopActivity-list-month .TopActivity-list > a > b { width: 145px; }
.TopActivity-list-month .TopActivity-list > a > span { width:45px; line-height: 12px; padding: 2px; white-space: normal; }
.TopActivity-list-month .TopActivity-list > a > i { width: calc(100% - 190px - 1px); }
.TopActivity-list-activity > div { position:relative; background:#f0f0f0; overflow:hidden; text-align:right; margin-bottom:1px; height:33px; }
.TopActivity-list-activity > div > b, .TopActivity-list-activity > div > i { position:relative; display:inline-block; vertical-align:top; padding:7px 15px; }
.TopActivity-list-activity > div > b { width:200px; border-right:1px solid #fff; white-space:nowrap; z-index:3; color:#fff; text-align:right; }
.TopActivity-list-activity > div > i { width:calc(100% - 200px - 1px); }
.TopActivity-list-activity > div > i > span {
	position:absolute; 
	top:0; 
	left:-200px; 
	height:100%;
	display:block;
	
	background: rgb(64,150,238);
	background: -moz-linear-gradient(left,  rgba(64,150,238,1) 0%, rgba(96,171,248,1) 56%, rgba(122,188,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%);
	background: linear-gradient(to right,  rgba(64,150,238,1) 0%,rgba(96,171,248,1) 56%,rgba(122,188,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#7abcff',GradientType=1 );
	
	z-index:1;
}
.TopActivity-list-activity > div.max-11111 > i > span {
	background: rgb(255,123,13);
	background: -moz-linear-gradient(left,  rgba(255,123,13,1) 0%, rgba(255,168,76,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%);
	background: linear-gradient(to right,  rgba(255,123,13,1) 0%,rgba(255,168,76,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=1 );
}
.TopActivity-list-activity > div.max-1 > i > div { color:#fff; }
.TopActivity-list-activity > div > i > div { position:relative; z-index:3; }
.TopActivity-list-activity > div:before, .TopActivity-list-activity > div:after { content:''; position:absolute; width:0; height:0; background:rgba(255,255,255,0.15); z-index:2; }
.TopActivity-list-activity > div:before { top:0; left:0; }
.TopActivity-list-activity > div:hover:before { width:100%; height:100%; }
.TopActivity-list-activity > div:after { bottom:0; right:0; }
.TopActivity-list-activity > div:hover:after { width:100%; height:100%; }

.MR-title { text-align:left; padding:10px 0; background:rgba(25,25,255,0.05); }
.MR-title > span { display:inline-block; width:365px; text-align: left; font-size:20px; font-weight:bold; padding: 0 15px 6px 15px; }
.MR-title.MR-footer > span { padding: 0 15px 0 15px; vertical-align: top; }
.MR-title > span > b { display:inline-block; float: right; }
.MR-title > b { display:inline-block; width:30px; }
.MR-title > div { display:inline-block; width:calc(1200px - 410px); overflow: hidden; text-align: left; position: relative; top: 6px; white-space: nowrap; }
.MR-title.MR-footer > div { top: 0; }
.MR-title > div > div { display:inline-block; width:171px; text-align:center; font-size:20px; font-weight:bold; }
.MR-title.MR-footer > div > div { font-size:13px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.MR-title.MR-footer > div > div > b { padding-left: 8px; font-weight: normal; color: #008000; }
.MR-title.MR-footer > div > div > b.down { color: #ef0000; }
.MR-title > div > div > a, .MR-title > span > a { color:rgb(89, 105, 200); text-decoration: none; border-bottom:1px dashed rgb(89, 105, 200); display: inline-block; } 
.MR-title > div > div > a:hover, .MR-title > div > div > a.cur, .MR-title > span > a:hover, .MR-title > span > a.cur  { color: #ef0000; border-bottom:1px solid #ef0000; }
.MR.TopActivity-list > a { overflow: visible; }
.MR.TopActivity-list > a, .MR.TopActivity-list > a > span, .MR.TopActivity-list > a > b, .MR.TopActivity-list > a > i { height: 41px; }
.MR.TopActivity-list > a > span { line-height: 28px; width:30px; padding: 7px 5px; font-size: 14px; color: #252d39; }
.MR.TopActivity-list > a > b { width:335px; text-align: left; color: #252d39; }
.MR.TopActivity-list > a > b > div { font-size: 12px; font-weight: normal; line-height: 12px; }
.MR.TopActivity-list > a > center { 
	position:relative;
	display:inline-block; 
	line-height: 40px; 
	width: 30px; 
	font-size: 14px; 
	color: #252d39; 
	border-right: 1px solid #fff;
	z-index:3;
}
.MR.TopActivity-list > a > center > div {
	position:absolute;
	z-index: 5;
	left:-330px;
	bottom:55px;
	padding:20px;
	border-radius:3px;
	background:#fff;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.35);
	box-shadow: 0 5px 10px rgba(0,0,0,0.35);
	width:800px;		
	max-height:0;
	overflow:hidden;

	display:block;
	opacity:0;
	visibility: hidden;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.MR.TopActivity-list > a > center:hover > div {
	opacity:1;
	max-height:400px;
	visibility: visible;
}
.MR.TopActivity-list > a > i { padding-left:0; padding-right:0; font-style: normal; width:calc(1200px - 410px - 1px); }
.MR.TopActivity-list > a > i > div { margin-top: -7px; height:41px; line-height:41px; color: #252d39; text-align: left; overflow: hidden; white-space: nowrap; }
.MR.TopActivity-list > a > i > div > div { 
	font-family: "Open Sans", sans-serif; 
	font-size:13px; 
	width:171px; 
	display:inline-block; 
	vertical-align:top; 
	border-left:1px solid #fff;
	text-align: center; 
	white-space: nowrap;
}
.MR.TopActivity-list > a > i > div > div:first-child { border-left:none; }
.MR.TopActivity-list > a > i > div > div.cur { background: rgba(25,25,255,0.05); }
.MR.TopActivity-list > a > i > div > div > b { 
	border-left: 1px solid #000;  
	display: inline-block; 
	float:right; 
	margin-left: 4px; 
	padding-left:4px; 
	width: 68px; 
	font-weight:normal; 
	text-align:left; 
	line-height: 31px;
	margin-top: 5px;
}
.MR.TopActivity-list > a > i > div > div > b.up { color:#008000; }
.MR.TopActivity-list > a > i > div > div > b.down { color:#ef0000; }
.MR.TopActivity-list > a > i > div > div > i { font-style: normal; }
.MR.TopActivity-list > a > i > b { background: #dcdcdc; left: -395px; }
.MR.TopActivity-list > a > div { display: none; }
.MR-city, .MR-prne { width:50%; display: inline-block; vertical-align: top; margin-bottom: 10px; }
.prevnext { text-align: right; }
.prevnext.act { display: inline-block; }
.prevnext > i { cursor:default; color:#ccc; font-size:20px; line-height:30px; }
.prevnext > i.act { cursor:pointer; color:#000; }
.prevnext > i.act:hover { color:#ef0000; }
.prevnext > i:first-child { margin-right: 25px; }

@media (max-width: 1270px) {
	.MR-title > div {
		width: calc(1000px - 410px);
	}
	.MR.TopActivity-list > a > i {
		width: calc(1000px - 410px - 1px);
	}
}
@media (max-width: 768px) {
	.TopActivity-list-global, .TopActivity-list-month { width: 100% !important; }
	.TopActivity-list-global > div, .TopActivity-list-month > div { width: 100% !important; margin: 0 0 17px 0; padding: 0; border: none !important; }
	
	.TopActivity-list > a { white-space: nowrap; } 
	.TopActivity-list > a > span, .TopActivity-list > a > b, .TopActivity-list > a > i { padding: 7px; font-size: 12px; }
	.TopActivity-list > a > b { width: 200px; }
	.TopActivity-list > a > span { width: 65px; }
	.TopActivity-list > a > i { width: calc(100% - 265px - 1px); }
}
/* END TopActivity */