dou_applet/common/css/rank.scss

.searchView{
	width: 710rpx;
	margin: 20rpx auto;
	height: 70rpx;
	background: #F2F2F2;
	box-shadow: 0px 4px 6px 0px rgba(238, 238, 238, 0.5);
	border-radius: 35px;
	display: flex;
	align-items: center;
	padding: 12rpx;
	.iconfont{
		color: #444444;
		font-size: 30rpx;
		margin: 0 14rpx;
	}
	input{
		font-size: 26rpx;
		flex: 1;
	}
	button{
		width: 104rpx;
		height: 52rpx;
		line-height: 52rpx;
		background: #FE9400;
		border-radius: 35rpx;
		color: #FFFFFF;
		padding: 0;
		font-size: 26rpx;
	}
}
// tab
.rankTabBox{
	width: 710rpx;
	height: 64rpx;
	margin: auto;
	white-space: nowrap;
	padding-left: 20rpx;
	margin-top: 28rpx;
	.rankTab{
		display: inline-block;
		margin-right: 56rpx;
		.text{
			color: #212122;
			font-size: 28rpx;
			line-height: 40rpx;
			position: relative;
		}
		.img{
			width: 26rpx;
			height: 26rpx;
			margin-left: 10rpx;
		}
		&.tab_active{
			.text{
				font-weight: bold;
				&::after{
					content: '';
					display: inlin-block;
					width: 28rpx;
					height: 14rpx;
					background: url('https://kx-bigdata.oss-cn-beijing.aliyuncs.com/shop_live/icon2.png') no-repeat;
					background-size:100% ;
					position: absolute;
					left: 0;
					right: 0;
					bottom: -18rpx;
					margin: auto;
				}
			}
		}
	}
}
.screenBox{
	display: flex;
	align-items: center;
	width: 710rpx;
	margin: 22rpx auto;
	.screenItem{
		line-height: 60rpx;
		border-radius: 30rpx;
		background: #F4F6F6;
		color: #5F656F;
		font-size: 24rpx;
		display: flex;
		align-items: center;
		padding: 0 26rpx;
		margin-right: 36rpx;
		i{
			font-size: 20rpx;
			transform: scale(0.6);
		}
	}
}
.rank_container{
	background: #F2F2F2;
}