page {
		/* height: 100vh; */
		background-color: #F9F9FB;
		/* width: 100vh; */
		overflow: hidden;
		/* background-color: #23459D; */
}
#shareImage{
		background-color: #F9F9FB;
	position: absolute;
	z-index: -10;
	width: 100%;
	overflow: hidden;
}
#boxImage{
	position: absolute;
	top:0;
	left: 0;
	z-index:99; 
	height: 100%;
}
.toast {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		height: 100vh;
		z-index: 999999;
}
.toast-content {
		mine-height: 50%;
		margin: 0 60rpx;
		margin-top: 20%;
		padding-top: 30rpx;
		background-color: #FFFFFF;
		padding-bottom: 50rpx;
		border-radius: 12rpx;
}
.toast-title {
		text-align: center;
		height: 100rpx;
		font-size: 30rpx;
		font-weight: bold;
		line-height: 100rpx;
}
.input-list {
		padding: 30rpx;
		font-size: 28rpx;
}
.tips {
		font-size: 24rpx;
		color: red;
		margin-left: 30%;
		margin-top: 10rpx;
}
.toast-bt {
		width: 100%;
		margin-top: 50rpx;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		/* margin-bottom: 50upx; */
}
.toast-left {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		        flex: 1;
		text-align: center;
}
.toast-left view {
		width: 150rpx;
		height: 70rpx;
		line-height: 70rpx;
		background-color: #007AFF;
		border-radius: 12rpx;
		color: #FFFFFF;
		font-size: 26rpx;
		text-align: center;
		display: inline-block;
}
.input-name {
		font-weight: 500;
		display: inline-block;
		vertical-align: middle;
}
input {
		display: inline-block;
		height: 70rpx;
		line-height: 70rpx;
		vertical-align: middle;
		background-color: #F7F7F7;
		padding-left: 20rpx;
		width:62%;
}
textarea{
		display: inline-block;
		line-height: 70rpx;
		vertical-align: top;
		background-color: #F7F7F7;
		width:62%;
		padding-left: 20rpx;
}
.border {
		padding-bottom: 600rpx;
		/* background-color: #b8c1fb; */
}
.top-border {
		position: relative;
}
.top {
		width: 100%;
		height: 768rpx;
}
.top-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-left: 20rpx;
		color: #FFFFFF;
		font-family: YouSheBiaoTiHei;
		/* z-index: 888; */
}
.text {
		margin-top: 100rpx;
		font-size: 52rpx;
		font-family: YouSheBiaoTiHei;
}
.name {
		font-size: 92rpx;
		color: #FFC86A;
		margin-right: 30rpx;
		font-family: YouSheBiaoTiHei;
}
.text1 {
		font-size: 66rpx;
		margin-left: 20rpx;
}
.diqu {
		color: #FFC86A;
		font-family: YouSheBiaoTiHei;
}
.line {
		height: 21rpx;
		width: 67%;
		margin-bottom: 10rpx;
		margin-top: 10rpx;
		margin-left: 20rpx;
}
.text2 {
		font-size: 32rpx;
		margin-bottom: 20rpx;
		margin-left: 20rpx;
}
.text3 {
		width: 70%;
		background-color: #FFFFFF;
		height: 60rpx;
		line-height: 60rpx;
		color: #0158E5;
		font-size: 36rpx;
		margin-left: 10rpx;
		padding-left: 20rpx;
		font-family: YouSheBiaoTiHei;
		font-weight: 400;
}
.card {
		position: relative;
		/* z-index: 10; */
		background-color: #FFFFFF;
		margin: 0 30rpx;
		background-color: #FFFFFF;
		margin-top: -250rpx;
		border-radius: 15rpx;
		padding: 30rpx;
}
.card-title {
		height: 70rpx;
		line-height: 70rpx;
		font-size: 28rpx;
		padding-bottom: 30rpx;
}
.card-content {
		border-bottom: solid 2rpx #EEEEEE;
		border-top: solid 2rpx #EEEEEE;
}
.con-top {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
}
.con-left {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		        flex: 1;
		text-align: center;
}
.nums {
		height: 100rpx;
		line-height: 100rpx;
		font-size: 36rpx;
}
.num1 {
		font-size: 48rpx;
		color: #FE0000;
		margin-right: 5rpx;
}
.num2 {
		font-size: 48rpx;
		color: #FF9100;
		margin-right: 5rpx;
}
.text_1 {
		font-size: 28rpx;
		/* height: 50upx;
		line-height: 50upx; */
}
.dian1 {
		height: 24rpx;
		width: 24rpx;
		border-radius: 50%;
		background: #FE2400;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10rpx;
}
.dian2 {
		height: 24rpx;
		width: 24rpx;
		border-radius: 50%;
		background: #FFB300;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10rpx;
}
.card-tip {
		height: 100rpx;
		font-size: 28rpx;
		line-height: 100rpx;
		text-align: center;
}
.bt-tip {
		text-align: center;
		font-size: 24rpx;
		height: 80rpx;
		line-height: 100rpx;
		color: #999999;
}
.heigh_city {
		margin: 0 30rpx;
		margin-top: 30rpx;
		background-color: #FFFFFF;
		border-radius: 15rpx;
		padding: 0 30rpx;
		padding-bottom: 30rpx;
		position: relative;
		/* z-index: 1; */
}
.city_title {
		height: 100rpx;
		line-height: 100rpx;
		font-size: 36rpx;
		/* font-weight: bold; */
}
.time {
		font-size: 28rpx;
		color: #999999;
		height: 40rpx;
	margin-left: 50rpx;
		line-height: 40rpx;
}
.list {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		margin-top: 40rpx;
}
.list-left {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40rpx;
		        flex: 0 0 40rpx;
		font-size: 40rpx;
		font-weight: bold;
		padding: 10rpx 0;
		line-height: 50rpx;
		border-radius: 12rpx;
		margin-right: 30rpx;
		min-height: 250rpx;
		padding-left: 16rpx;
		padding-right: 16rpx;
		/*文字居中*/
		text-align: center;
		line-height: 50rpx;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
}
.list-left text {
		/*文字竖排*/
		/* background-color: #00BFFF; */
		/* height: 100%; */
		-webkit-writing-mode: vertical-lr;
		        writing-mode: vertical-lr;
		/*从左向右 从右向左是 writing-mode: vertical-rl;*/
		-webkit-writing-mode: tb-lr;
		        writing-mode: tb-lr;
		/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
		letter-spacing: 20rpx;
		/*单词之间的距离*/
		/* word-spacing: 10px; */
}
.list-right {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		        flex: 1;
		font-size: 28rpx;
}
.right-text {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		min-height: 70rpx;
		line-height:60rpx;
		width: 100%;
}
.text-left {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		        flex: 1;
}
.text-left view {}
.text-right {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 110rpx;
		        flex: 0 0 110rpx;
		/* background-color: #007AFF; */
		text-align: center;
}
.bt {
		min-height: 820rpx;
		position: absolute;
		margin-top: -200rpx;
		width: 100%;
		z-index: -20;
		text-align: center;
		background: -webkit-linear-gradient(top, #FFFFFF 0%, #0158E5 54%, #0158E5 100%);
		background: linear-gradient(180deg, #FFFFFF 0%, #0158E5 54%, #0158E5 100%);
		color: #FFFFFF;
		padding-bottom:50rpx;
}
.bt-border{
		position: absolute;
		bottom: 100rpx;
		width: 100%;
}
.bt image {
		margin: 0 auto;
		margin-top: 300rpx;
		height: 300rpx;
		width: 300rpx;
}
.save {

		font-size: 36rpx;
		margin-top: 50rpx;
		height: 50rpx;
		line-height: 50rpx;
		font-weight: bold;
}
.source {
		font-size: 28rpx;
		height: 100rpx;
		line-height: 100rpx;
		font-weight: 500;
}
.icon {
		display: inline-block;
		/* vertical-align: middle; */
		height: 36rpx;
		margin-right: 10rpx;
		width: 40rpx;
}
.dian {
		height: 24rpx;
		width: 24rpx;
		display: inline-block;
		margin-right: 20rpx;
}
.configure {
		position: fixed;
		height: 80rpx;
		width: 80rpx;
		bottom: 200rpx;
		right: 30rpx;
		/* background-color: #23459D; */
		z-index: 89;
		border-radius: 50%;
		overflow: hidden;
}
.configure image {
		height: 80rpx;
		width: 80rpx;
}
.shengcheng{
		position: fixed;
		 width:30%;
		 font-size: 30rpx;
		 height: 70rpx;
		 line-height: 70rpx;
		 border-radius: 15rpx;
		 background-color: #ffaa7f;
		 z-index: 89;
		left: 35%;
		 text-align: center;
		 color: #FFFFFF;
		 margin: 0 auto;
		 bottom:70rpx;
}