@media screen and (min-width:640px){
	.modal{
		top: 100px;
	}
	.content{
		width:100%;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.cont-item h3{
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 20px;
	}
	.cont-item span{
		color:#ababab;
		float:left;
	}
	.cont-item{
		border-bottom: #ececec solid 1px;
		padding-bottom: 30px;
		margin-top: 20px;
	}
	.context{
		line-height: 30px;
		margin: 20px auto;
		font-size: 16px;
	}
	.money{
		text-align:center;
		color:#333;
		cursor:pointer;
		float:right;
		margin:0;
		padding:0;
		border:0;
		background:#fff;
	}
	.money:hover{
		color:#3e3eff;
	}
}

@media screen and (max-width:640px){
	.modal{
		top: 2rem;
	}
	.content{
		width:100%;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.cont-item h3{
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 20px;
	}
	.cont-item span{
		color:#ababab;
		float:left;
	}
	.cont-item{
		border-bottom: #ececec solid 1px;
		padding-bottom: 30px;
		margin-top: 20px;
	}
	.context{
		line-height: 30px;
		margin: 20px auto;
		font-size: 14px;
	}
	.money{
		text-align:center;
		color:#333;
		cursor:pointer;
		float:right;
		margin:0;
		padding:0;
		border:0;
		background:#fff;
	}
	.money:hover{
		color:#3e3eff;
	}
}