.mask{

    width: 100%;

    position: fixed;

    top: 0;

    bottom: 0;

    background-color: rgba(255,255,255,0.6);

	display: flex;

	flex-direction: column;

}

.mask .dialog{

	width: 280px;

	height: auto;

	background: #FFFFFF;

	box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.14);

	border-radius: 10px;

	margin: auto;

	text-align: center;

}

.mask .dialog>.success{

	margin: 25px 0 20px;

}

.mask .dialog>.title{

	font-size: 18px;

	font-family: Microsoft YaHei;

	color: #000000;

	line-height: 17px;

	margin: 16px 0;

}

.mask .dialog .layui-btn{

	width: 250px;

	border: 1px solid #999999;

	margin-top: 30px;

	margin-bottom: 30px;

}



.mask .dialog-share .top li{

	font-size: 16px;

	font-family: Microsoft YaHei;

	color: #000000;

	line-height: 17px;

	padding: 20px;

	border-bottom: 1px solid #E9E9E9;

	overflow: hidden;

}

.mask .dialog-share .top li>.left{

	float: left;

	margin-top: 4px;

}

.mask .dialog-share >.list{

	display: flex;

	justify-content: space-between;

	padding: 0 16px;

	margin-bottom: 20px;

	margin-top: 5px;

	

}



.mask .dialog-share >.list .icon{

	width: 56px;

	height: 56px;

}