page {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	        flex-direction: column;
	box-sizing: border-box;
	background-color: #fff
}
view {
	font-size: 28rpx;
	line-height: inherit
}
.example {
	padding: 0 30rpx 30rpx
}
.example-title {
	font-size: 32rpx;
	line-height: 32rpx;
	color: #777;
	margin: 40rpx 25rpx;
	position: relative
}
.example .example-title {
	margin: 40rpx 0
}
.example-body {
	padding: 0 40rpx
}
.uni-padding-wrap {
	padding: 0 30rpx;
}
button {
	margin: 20rpx 0;
}
.uni-helllo-text {
	height: 100rpx;
	line-height: 100rpx;
	text-align: center;
}
.center-box {
	width: 700rpx;
	height: 700rpx;
}
.uni-list-item {
	text-align: left;
	line-height: 80rpx;
	border-bottom: 1px #f5f5f5 solid;
}
.uni-list-item:last-child {
	border: none;
}
.center-box .image {
	width: 100%;
	height: 100%;
}
.bottom-title {
	line-height: 60rpx;
	font-size: 24rpx;
	padding: 15rpx 0;
}
.bottom-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding: 0 35rpx;
}
.bottom-content-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	margin-bottom: 15rpx;
	width: 25%;
	box-sizing: border-box;
}
.bottom-content-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	width: 90rpx;
	height: 90rpx;
	overflow: hidden;
	background: #007aff;
	border-radius: 10rpx;
}
.bottom-content-text {
	font-size: 26rpx;
	color: #333;
	margin-top: 10rpx;
}
.bottom-btn {
	height: 90rpx;
	line-height: 90rpx;
	border-top: 1px #f5f5f5 solid;
}
.bottom-content-image.wx {
	background: #00ce47;
}
.bottom-content-image.qq {
	background: #00b6f6;
}
.bottom-content-image.sina {
	background: #ff766a;
}
.bottom-content-image.copy {
	background: #07ccd0;
}
@font-face {
	font-family: 'iconfont';
	/* project id 1028200 */
	src: url('https://at.alicdn.com/t/font_1028200_47ewtwy4t04.ttf') format('truetype');
}
.icon {
	font-family: 'iconfont';
	font-size: 40rpx;
	color: #fff;
}