.roles_up {
    display: none;
    position: fixed;
    bottom: 0;
	left:auto;
	max-width: 750px;
	width:100%;
	border-top-left-radius:15px;
	border-top-right-radius: 15px;
    background-color: #F9F9FB;
	text-align:center;
	z-index: 9999;
	padding-bottom: 50px;
}
.role_title {
	font-size:18px;
	padding:15px 20px;
	border-bottom:1px solid black;
}
.role_close_btn {
	position:relative;
	float:right;
	margin-right:0px;
	font-size:25px;
	margin-top: -5px;
}
.role_show {
	font-size:16px;
	padding:15px 25px;
	margin:10px;
	background-color: #F3F3F4;	
	display: flex;
	align-items: center;
}
.role_name {
	font-size:16px;
	/* float:left; */
	font-weight: bold;
}
.role_area {
	font-size:15px;
	/* float:left; */
	margin-left:5px;
	flex: 1;
	text-align: left;
}
.role_select {
	width:24px;
	/* float:right; */
}
.role_btn {
	/* position:absolute; */
	margin: 0 20%;
	margin-top: 50px;
	width:60%;
	height:40px;
	background-color:#FB4F4F;
	color:#F9F9FB;
	border-radius:10px;
	font-size: 16px;
}




/* .purchase_role {
	height:12%;
	margin:2%;
	padding:10px;
	background-color: #F3F3F4;
	border-radius: 10px;
}

.purchase_role p{
	margin:10px;
}
.purchase_role span{
	font-size:15px;
	color:#DADADB;
	margin-left:20px;
	
} */
.purchase_type {
	margin:2%;
	padding:10px;
	background-color: #F3F3F4;
	font-size:20px;
	border-radius: 10px;
}

.purchase_img {
	width:25px;
	height:25px;
}

.select_1_img {
	float:right;
	
}
.select_2_img {
	float:right;
}
/* .purchase_exec {
	height:15%;
	border-top:1px solid black;
	padding-top:40px;
	padding-left:30px;
	padding-right:30px;
	
}
.purchase_exec {
	font-size:25px;
}
.rmb {
	color:#FF1F1F;
}
.price {
	color:#FF1F1F;
	font-size:35px;
}
.purchase_exec button{
	height:50%;
	width:35%;
	background-color:#FB4F4F;
	border-radius: 5px;
	float:right;
	color:#F9F9FB;
	
} */