仿ios弹出层提示框

html:

 

<div class="point_pop pf">
			<div class="pop_box pf">
				<div class="msg">
					<h3></h3>
					<p class="tc f140pct">点言成功！</p>
				</div>
				<div class="msgbtn">
					<p class="tc f140pct">确定</p>
				</div>
			</div>
		</div>

css:

 

 

#yuanfangpoint .point_pop{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
#yuanfangpoint .pop_box{
	left: 50%;
	top: 50%;
	width: 250px;
	height: 120px;
	background-color: white;
	margin-top: -60px;
	margin-left: -125px;
	border-radius: 5px;
}
#yuanfangpoint .pop_box .msg{
	height: 79px;
	line-height: 79px;
	border-bottom: 1px solid #9C99A2;
}
#yuanfangpoint .pop_box .msgbtn{
	height: 40px;
	line-height: 40px;
	color: #3465A4;
}