/* pages/leaveMessage/leaveMessage.wxss */
.body {
	width: 90%;
	margin: auto;
}
button::after{
    border-radius: 0;    
    border: 0;  
    padding: 0;
}
textarea,button{
	resize: none;
	padding: 0 !important;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
}

.list li {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 400;
	color: #333333;
	height: 60px;
	margin-top: 10px;
}

.list li .name {
	width: 162rpx;
	height: 50px;
	display: flex;
	align-items: center;
}

.list li .name .star {
	color: #A91919;
}

.list li .cont {
	width: calc(100% - 142rpx);
	border-bottom: 1px solid rgb(102 102 102 / 12%);
	height: 100rpx;
	display: flex;
	align-items: center;
}

.list li .cont input {
	width: 100%;
	height: 50px;
}

.list li .cont input::placeholder {
	color: #D2D2D2;
}

.list .open {
	width: 124rpx;
	height: 21px;
	line-height: 21px;
	background: #53A766;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	font-size: 13px;
	color: #FFFFFF;
}

.list .open .text {
	width: 80rpx;
	text-align: center;
}

.list .open .dot {
	width: 36rpx;
	height: 18px;
	background: #FFFFFF;
	border-radius: 50%;
}



.list .map {
	width: 170rpx;
	font-size: 13px;
	color: #508FF4;
	height: 50px;
	display: flex;
	align-items: center;
}
.list .map image{
	width: 36rpx;
	height: 20px;
}
.btn {
	display: flex;
	justify-content: space-around;
	margin-top: 40px;
}

.btn button {
	width: 318rpx !important;
	height: 47px;
	border-radius: 5px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 47px;
}