.rank-list{
		margin: 0 15px;
		margin-bottom: 10px;
		&-title{
			height: 25px;
			line-height: 25px;
			@include styleFont(#343434,16);
			font-weight: bold;
		}
		&-intro{
			height: 20px;
			line-height: 20px;
			@include styleFont(#999999,12);
		}
		&-center{
			margin-top: 10px;
			@include  flexRowCenter;
			&-text{
				@include styleFont(#FFFFFF,15);
				height: 22px;
				line-height: 22px;
				font-weight: bold;
				padding: 0 8px;
				border-radius: 30px;
				background-image: linear-gradient(to right, #FF5050, #FE6E3C);
				margin-right: 20px;
				&-act{
					opacity: 0.7;
				}
			}
		}
		&-bottom{
			margin-top: 30px;
			margin-bottom: 10px;
			@include flexRowSpaceBetween;
			&-list{
				width: 60px;
				height: 70px;
				justify-content: space-between;
				align-items: center;
				&-image{
					width: 30px;
					height: 30px;
					border-radius: 50%;
				}
				&-title{
					align-items: center;
				}
				&-text {
					@include styleFont(#999999,11);
				}
				&-rank{
					@include styleFont(#FFFFFF,11);
					width: 45px;
					height: 16px;
					border-radius: 30px;
					line-height: 16px;
					text-align: center;
					background-image: linear-gradient(to right, #FF5050, #FE6E3C);
				}
			}
		}
		&-cont {
			background-color: #FFFFFF;
			border-radius: 5px;
			padding: 10px;
			// box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.1);
		}
	}