guosen-ldt-mall/components/mp-tree/css/style.scss

.flex_between_center {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.checkbox {
		position: relative;
		height: 36rpx;
		margin-left: 10rpx;
		margin-right: 0px;
		width: 36rpx;
		.color {
			color: #00aaff;
			background-color: #00aaff;
		}
		.txt {
			font-size: 44rpx;
			line-height: 36rpx;
			width: 100%;
			height: 100%;
			display: flex;
		}
	}
	.checkBorder {
		border: 1px solid #ecdee4;
	}
	.header {
		width: 100%;
		position: fixed;
		background-color: #fff;
		z-index: 9999;
		.title {
			height: 90rpx;
			padding: 0 32rpx;
			line-height: 90rpx;
			font-size: 30rpx;
			background-color: #f5f5f5;
			color: #606064;
			.iconclass {
				display: inline-block;
				margin: 0 12rpx;
				color: #D0D4DB;
				font-size: 28rpx;
			}
		}
	}
	.container-list {
		overflow-y: scroll;
		overflow-x: hidden;
		padding-bottom: 160rpx;
		padding-top: 200rpx;
		.common {
			background-color: #fff;
			border-bottom: 1rpx solid #f4f4f4;
			padding-left: 10rpx;
			.content {
				display: flex;
				align-items: center;
				min-height: 60rpx;
				width: 100%;
				padding: 15rpx 0;
				position: relative;
				font-size: 32rpx;
				
				.right {
					position: absolute;
					right: 30rpx;
					color: #babdc3;
					font-size: 32rpx;
				}
			}
		}
	}
	.active {
		color: #4297ED !important;
	}
	.none {
		color: #666666;
	}
	.icon-selected{
		color: #0095F2!important;
		font-size: 40rpx!important;
	}
	.icons{
		color: #0095F2!important;
		font-size: 40rpx!important;
	}
	.inline-item {
		display: inline-block
	}
	
	.content-item{
		display: flex;
		position: relative;
		align-items: center;
	}
	
	.box_sizing {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.btn {
		position: fixed;
		bottom: 0;
		padding: 10px;
		background-color: #fff;
		width: 100%;
	
		.sureBtn {
			background-color: #0095F2;
			color: #fff;
		}
	}