html {
	font-size: 100px;
	font-family: Helvetica,sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	font-size: .13rem;
	line-height: .13rem
}
    .rank-flower-content { 
    overflow: hidden; 
    width: 100%;
}
.rank-flower-content .list { 
    z-index: 1;
    padding-top: .13rem;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rank-flower-content .list.complete {
	border-bottom: 1px solid rgba(60,65,75,.6);
	padding-bottom: .13rem
}

.rank-flower-content .list.hide {
	display: none
}

.rank-flower-content .list .list-item { 
	padding: .13rem 0;
	height: .54rem;
	*zoom: 1
}

.rank-flower-content .list .list-item:after {
	content: '\0020';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.rank-flower-content .list .list-item.highlight .rank {
	color: #ff5f83
}

.rank-flower-content .list .list-item.highlight .pic img {
	border: .02rem solid #ff5f83
}

.rank-flower-content .list .list-item.active {
	background: rgba(59,140,251,.3)
}

.rank-flower-content .list .rank {
	position: absolute;
	left: .17rem;
	font-size: .19rem;
	line-height: .54rem;
	color: #99A5BA;
	width: .46rem;
	text-align: center
}

.rank-flower-content .list .pic {
	float: left;
	margin-left: .76rem;
	width: .54rem;
	height: .54rem
}

.rank-flower-content .list .pic .lazy-img {
	height: 100%;
	border-radius: 50%;
	background: rgba(153,165,186,.2)
}

.rank-flower-content .list .pic img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #99A5BA;
	box-sizing: border-box
}

.rank-flower-content .list .info {
	float: left;
	margin-left: .1rem;
	width: 1rem; 
	line-height: .54rem;
	color: #ff5f83;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.rank-flower-content .list .data {
	float: left;
	margin-left: .08rem; 
	line-height: .54rem;
	color: #ff5f83
}

.rank-flower-content .list .send-flower { 
	float: right;
	margin-right: .17rem;
	margin-top: .08rem;
	width: .62rem;
	height: .36rem;
	border-radius: .36rem;
	border: 1px solid rgba(153,165,186,.5);
	/**/background: url(/images/send_91a868c.svg) no-repeat left;
	background-size: .16rem;
    line-height: .36rem;
    text-align: center;
    font-size: 14px;
    color: #ff5f83;
}

.rank-flower-content .list .send-flower .circle {
	width: .03rem;
	height: .03rem;
	background: #eea22c;
	border-radius: 50%;
	position: absolute
}

.rank-flower-content .list .send-flower .dot1 {
	top: .05rem;
	left: 50%;
	margin-left: -.015rem;
	opacity: 0
}

.rank-flower-content .list .send-flower .ani-dot1 {
	animation: forwards;
	animation-duration: .5s;
	animation-name: dot1
}
.J-title{
    width:100%;
    font-size:14px;
    color:#ff5f83;
    margin: 10px;
} 
.J-title span{
  display:block;
  line-height:25px; 
  float: left;
} 
.J-title  .tJ-title-s1{    
    width: .46rem;
    position: absolute;
    left: .17rem;
}
.J-title  .tJ-title-s2{    
    width: 1.54rem;
    margin-left: .76rem;
}
.J-title  .tJ-title-s3{    
    width: .46rem;
    margin-left: .08rem;
}
.J-title  .tJ-title-s4{    
    width: .62rem;
    float: right;
    margin-right: .17rem;
}
.ul_ranks{
    width: 100%;
    height: 35px;
    margin-top: 10px;
    border-bottom: 1px solid #ff5f83;
    display: block;
}
.ul_ranks li{
    width:25%;
    line-height:35px;
    display:block;
    float:left;
    font-size: 14px; 
    text-align: center;
    overflow: hidden;
    height: 35px;
}
.ul_ranks li.active a{
    color: #ff5f83;
}