input{outline: none;border: none;}
._flex-box{display: flex;}
._justify-center{justify-content: center;}
._align-center{align-items: center;}
.position-fixed{position: fixed;}
.position-absolute{position: absolute;}
.position-relative{position: relative;}
.position-fixed-w100-h100{width:100vw;height:100vh;background:rgba(0,0,0,0.3);left:0px;top:0px;z-index:999;position: fixed;}
.width100{width:100%}
.flex-shrink0{flex-shrink: 0;}
.flex-direction-column{flex-direction: column;}
.box-sizing{box-sizing: border-box;}

.scrocss::-webkit-scrollbar{
	width:0px;
}
.hoverbg:hover{
	background-color: #eee;
}

.flex-grow1{flex-grow: 1;}
.cursor-pointer{cursor: pointer;}
.reduce{position: relative;width: 26px;height: 26px;background-color: #eee;}
.reduce::before{
	content: '';
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #333;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.add{position: relative;width: 26px;height: 26px;background-color: #eee;}
.add::before{
	content: '';
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #333;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.add::after{
	content: '';
	position: absolute;
	width: 2px;
	height: 10px;
	background-color: #333;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.triangle-black{
	width: 12px;height:12px;position: relative;
	overflow: hidden;
}
.triangle-black::before{
	content: '';
	position: absolute;
    left: 7px;
	top: 0px;
	width: 12px;
	height: 12px;
	background-color: #666;
	transform: rotate(45deg); 
	border-radius: 2px;
}

.delbutton{
	width: 12px;height:12px;position: relative;
	overflow: hidden;
	background-color: rgba(0,0,0,0.2);
	border-radius: 50%;
	transform: rotate(45deg);
}

.delbutton::before{
	content: '';
	position: absolute;
	width:6px;
	height:2px;
	background-color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.delbutton::after{
	content: '';
	position: absolute;
	width:2px;
	height:6px;
	background-color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);	
}




.selectDiv{
	border:1px solid #ddd;
	font-size: 14px;
	border-radius:2px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	max-width: 550px;

	
}
.selectDiv>.tddiy{
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 2px 8px;
	font-size:14px;
}

.selectitem{
	position: absolute;
	box-sizing: border-box;
	flex-direction: column;
	left:50%;
	top:40px;
	transform: translate(-50%,0);
	padding:10px 0px;
	border:1px solid #ddd;
	border-radius:5px;
	background-color: #fff;
	z-index: 999;
}

.selectitem>.triangle{
	width: 10px;height:10px;border-left:1px solid #ddd;border-top:1px solid #ddd;;position:absolute;top:-2px;
	left:50%;transform:rotate(45deg) translate(-50%,0);background:#fff
}

.selectitem>.triangle2{
	width: 10px;height:10px;border-left:1px solid #ddd;border-top:1px solid #ddd;;position:absolute;top:-2px;
	left:50%;transform:rotate(45deg) translate(-50%,0);background:#fff
}

.selectitem>.content{
	max-height:550px;
	min-height: 200px;
	min-width:270px;
	box-sizing: border-box;
	overflow-y: scroll;
	display: flex;
    /* flex-wrap: wrap; */
	flex-direction: column;
}

.selectitem>.content .item{
	display: flex;
	box-sizing: border-box;
    cursor: pointer;
	justify-content: flex-start;
	align-items: center;
	padding:10px 20px;
}
.selectitem>.content .item>span{
	font-size:14px;
	white-space:nowrap;
}

.selectedRadio{
	
	width: 26rpx;
	height: 26rpx;
	box-sizing: border-box;
	position: relative;

	border-radius: 10rpx;
	
	
}

.selectedRadio::before{
	content: '';
	position: absolute;
    width:3px;
	height:7px;
	background-color: #3C49C0;
	left: 36%;
	top: 57%;
	transform: translate(-50%,-50%) rotate(-45deg);
}
.selectedRadio::after{
	content: '';
	position: absolute;
    width:3px;
	height:10px;
	background-color: #3C49C0;
	left: 59%;
	top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}