@charset "utf-8";
//通用雪碧图路径
$font-family-H:'Helvetica Neue',Tahoma,'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeitiSC, sans-serif;
$font-family-A:"Helvetica Neue",Tahoma,"PingFang SC","Hiragino Sans GB",SimSun,STHeitiSC,sans-serif;

//主色
	$C1:#004170;
	$C2:#005999;
	$C3:#1687d9;
	$C3Hover:#1E7BC0;
	$C4:#8CCCF8;
	$C5:#084E82;
//中性色
	$M1:#36434D;
	$M2:#667580;
	$M3:#ACB7BF;
	$M4:#E4EBF0;
	$M5:#F5F8FA;
	$M6:#ffffff;
	
	$Ease:cubic-bezier(.25,.1,.25,1);
	$Spring:cubic-bezier(.66,1.65,.23,.87);
	$Spring2:cubic-bezier(.44,1.53,.32,.92);
	$Linear:linear;

.multi-wrap{
	position: absolute;
	display: inline-block;
	vertical-align: bottom;
	font-family: $font-family-H;
	color: $M1;
	font-size: 12px;
	border-radius: 2px;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
	padding:0 0 0 1px;
	overflow: hidden;
	.level{
		width: 170px;
		height: 100%;
		max-height: 300px;
		display: inline-flex;
		border-left: 1px solid $M4; 
		border-right: 1px solid $M4; 
		margin-left: -1px;
		position: relative;
		overflow: auto;
		margin-bottom: -99999px;
		padding-bottom: 99999px;
		&:last-child{
			border-right: 0;
		}
		&:first-child{
			border-left: 0;
		}
		ul{
			width: 100%;
			max-height: 400px;
			overflow: auto;
			li{
				margin-left: -1px;
				display: block;
				padding: 0 15px;
				line-height: 20px;
				position: relative;
				.selecText{
					display: block;
					padding: 5px 0;
				}
				.level-icon{
					width: 5px;
					height: 10px;
					position: relative;
					position: absolute;
					right: 15px;
					top: 10px;
				}
				&:hover{
					background-color: $M5;
				}
			}
		}
	}
}