body{
	font-size: 13px !important;
line-height: 1.4em !important;
color: #333 !important;
font-family: tahoma,"Microsoft YaHei UI",arial,'Hiragino Sans GB','宋体b8b\4f53',sans-serif !important;
}
.hwrap h2 {
font-family: "JosefinSlab";
font-size: 20px;
color: orangered;
margin: 4px 0 6.5px;
display:inline-block;
}
.hwrap hr{
	height:4px;
	background-color:#d13636;
	background-color:rgba(221,60,77,.95);
	background-image:-webkit-gradient(linear,0 50%,100% 50%,color-stop(0,#e75239),color-stop(12.5%,#e75239),color-stop(12.5%,#ff961c),color-stop(25%,#ff961c),color-stop(25%,#ffcc27),color-stop(37.5%,#ffcc27),color-stop(37.5%,#fce62f),color-stop(50%,#fce62f),color-stop(50%,#cde35b),color-stop(62.5%,#cde35b),color-stop(62.5%,#82cc33),color-stop(75%,#82cc33),color-stop(75%,#41bece),color-stop(87.5%,#41bece),color-stop(87.5%,#049cdb),color-stop(100%,#049cdb));
	background-image:-webkit-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
	background-image:-moz-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
	background-image:-o-linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
	background-image:linear-gradient(left,#e75239 0,#e75239 12.5%,#ff961c 12.5%,#ff961c 25%,#ffcc27 25%,#ffcc27 37.5%,#fce62f 37.5%,#fce62f 50%,#cde35b 50%,#cde35b 62.5%,#82cc33 62.5%,#82cc33 75%,#41bece 75%,#41bece 87.5%,#049cdb 87.5%,#049cdb 100%);
	background-position:50% 0;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.0625) inset;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.0625) inset;
	box-shadow:0 1px 2px rgba(0,0,0,.0625) inset;
	margin:0 0 10px;
	border:none;
}
.coca {
	margin-top:1px;
	position:relative;
}
.coca:after{
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}


.coca .pos {
	font-weight: bold;
	float: left;
	text-align: center;
			clear:left;
		margin-left: 0.75em;
	color:#fff;
	padding: 0 1.5px;
color: #fff;
text-align: center;
white-space: nowrap;
border-radius: 2.5px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.36);
background:#35a3ff;
margin: 1px 0.75em 1px 0 ;
font-size: 12px;
}
	.mobile.coca .title{
		font-size:0.8rem;
		padding:0.3em 0.5em;
	}
.mobile .total{
	
}
.coca .pos:after {
	content: ".";
	margin-right: 0.3em;
}

.rank {
	color: orangered;
	font-weight: bold;
	float: left;
	width:118px;
	position:relative;
}

.rank:before {
	content: "RANK";
	font-weight: normal;
	
	font-size: 0.9em;
	margin-right: 0.3em;
	color:#333;
}

.rank:after {
	content: "FREQ";
	font-weight: normal;
	color:#333;
	font-size: 0.9em;
	margin-right: 0.3em;
	position:absolute;
	right:0;
}

.total {
	float: left;
	position: relative;
font-size: .9em;
line-height: 1.7em;
color: orangered;
width:50px !important;
}

.total:hover, .total-active {
	text-decoration: underline;
	cursor: pointer;
}

.title {
	border-bottom: 1px dotted rgba(220, 220, 220, 1);
	padding: 0.3em 0.68em;
	font-size: 1em;
	background:#fff;
}

.percent {
	height: 3em;
	border-bottom: 1px dotted rgba(220, 220, 220, 1);
	position: relative;
}

.percent-post {
	width: 0.6em;
	border: 1px solid rgba(0, 0, 0, .2);
	background-color: #ccc;
	position: absolute;
	left: 50%;
	margin-left: -0.3em;
}

.freq {
	font-size: 0.94em;
	padding: 0.3em 0.8em;
}

.pos-percent {
	float: left;
	font-size: 0.8em;
	margin-left: 0.4em;
	position: relative;
}

.pos-percent-block {
	float: left;
	height: 1em;
	background-color: #99CCFF;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
	position: relative;
	bottom: -0.4em;
}

.pos-percent-text {
	float: left;
	font-weight: bold;
	color: orangered;
	margin-left: 0.2em;
	line-height:1.8em;
}