.sort-list{
    width: 100%;
    bottom: 0;
    max-height: 40vh;
    overflow-y:auto;
    font-size: 16px;
    background: #fff;
    padding-left: .12rem;
}
.sort-item{
	position: relative;
	min-height:.5rem;
	display:flex;
	.sort-title{
		font-size:14px;
		color:#3a4247;
		&.active{
			color:#1e80c7;
		}
		flex:auto;
		padding:.15rem 0;
		box-sizing: border-box;
	}
	.sort-button{
		padding:.1rem 0 0 0;
		position: relative;
        right: 5px;
	}
	.sort-moren {
		height: .32rem;
	    display: inline-block;
	    font-size: .14rem;
	    color: #6b7175;
	    padding: .16rem .35rem 0 0;
	}
	.sort-group{
		height: .32rem;
		width: 2rem;
		position:relative;
		display: flex;
		font-size: .14rem;
		color: #6b7175;
		span{
			flex:1;
			padding: .08rem 0;
			line-height: .16rem;
			text-align: center;
			position:relative;
		}

		.active{
			color: #1e80c7;
		}
		.sort-asc{
			position: relative;
			&:after{
				content: ' ';
				height: .16rem;
				width: 1px;
				content: "";
			    width: 200%;
			    height: 100%;
			    position: absolute;
			    left: 0;
			    border-right: 1px solid #acb7bf;
			    transform: scale(0.5);
			    transform-origin: 0 0;
			    -webkit-box-sizing: border-box;
			    pointer-events: none;
			}
		}

	}
}