H5_module/other/contact/index.css

/* contact.css */
page{background: #f5f5f5;}
.bg{width: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.con{position: relative;z-index: 2;padding: 0 45rpx 150rpx;}
.name{font-size: 30rpx;color: #252A3B;font-weight: bold;padding: 38rpx 0;}
.name image{width: 64rpx;height: 64rpx;border-radius: 50%;margin-right: 14rpx;}
.box1{background: #fff;border-radius: 10rpx;margin-bottom: 20rpx;position: relative;padding: 40rpx 32rpx 70rpx;}
.box1::before{content: '';display: block;width: 0;height: 0;border: 10rpx solid transparent;border-top: none;border-bottom-color: #fff;position: absolute;left: 22rpx;top: -10rpx;}
.text{font-size: 26rpx;line-height: 40rpx;color: #666;margin-bottom: 40rpx;}
.spe{color: #1A83FF;}
.code{align-items: flex-end;}
.code image{width: 148rpx;height: 148rpx;margin-right: 27rpx;}
.btn{width: 165rpx;height: 46rpx;border: 2rpx solid #D8D8D8;border-radius: 32rpx;font-size: 24rpx;color: #999;text-align: center;line-height: 46rpx;margin-bottom: 20rpx;}
.code .btn:first-child{margin-top: 0;}
.box{background: #fff;border-radius: 10rpx;margin-bottom: 20rpx;position: relative;padding: 40rpx 32rpx 70rpx;}
.tit{font-size: 30rpx;color: #252A3B;position: relative;margin-bottom: 20rpx;}
.tit view{position: relative;z-index: 2;}
.tit image{width: 171rpx;height: 6rpx;position: absolute;bottom: 5rpx;left: 0;z-index: 1;}
.codes{margin-top: 46rpx;padding-top: 45rpx;border-top: 1rpx solid #E4E4E4;}
.bot{position: fixed;left: 0;right: 0;bottom: 0;background: var(--main);height: 110rpx;z-index: 50;}
.b-btn{width: 50% !important;font-size: 28rpx;color: #fff;justify-content: center;}
.b-btn image{width: 30rpx;height: 30rpx;margin-right: 14rpx;}
/* .bot .b-btn:last-child::after{content: '';display: block;width: 1rpx;height: 49rpx;background: #E9E9E9;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} */


.gw-topbox{
	background-color: #fff;
	border-radius: 20rpx 20rpx 0 0;
	margin: 30rpx 30rpx 0;
	padding: 30rpx;
}
.gw-title{
	font-size: 48rpx;
	font-weight: 400;
	color: #000000;
	line-height: 67rpx;
}
.gw-subtitle{
	line-height: 40rpx;
	font-size: 28rpx;
	font-weight: 400;
	margin-top: 4rpx;
	color: #999999;
}
.gw-header{
	width: 140rpx;
	height: 140rpx;
	background: #FFFFFF;
	opacity: 1;
	border: 3rpx solid #f6f6f6;
	border-radius: 100%;
	overflow: hidden;
	margin: 19rpx auto 0;
}
.gw-header image{
	width: 100%;
	height: 100%;
}
.gw-name{
	line-height: 45rpx;
	font-size: 32rpx;
	font-weight: bold;
	color: #333333;
	margin-top: 4rpx;
	text-align: center;
}
.gw-tag{
	padding: 0 6rpx;
	line-height: 29rpx;
	background: #009AFF;
	border-radius: 5rpx 5rpx 5rpx 5rpx;
	opacity: 1;
	font-size: 20rpx;
	color: #FFFFFF;
	margin-top: 4rpx;
	margin-right: 6rpx;
}
.gw-tag:last-child{
	margin-right: 0;
}
.gw-add{
	line-height: 33rpx;
	font-size: 24rpx;
	font-weight: 500;
	color: #999999;
	margin-top: 7rpx;
	text-align: center;
}
.gw-text{
	line-height: 35rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: #666666;
	text-align: center;
	margin-top: 35rpx;
}
.gw-line{
	border: 1rpx dashed #e8e8e8;
	margin: 0 80rpx;
	position: relative;
}
.gw-line::before{
	position: absolute;
	content: '';
	width: 46rpx;
	height: 46rpx;
	background-color: #f5f5f5;
	top:-22rpx;
	left:-73rpx;
	border-radius: 100%;
}
.gw-line::after{
	position: absolute;
	content: '';
	width: 46rpx;
	height: 46rpx;
	background-color: #f5f5f5;
	top:-22rpx;
	right:-73rpx;
	border-radius: 100%;
}
.gw-bottombox{
	background-color: #fff;
	border-radius: 0rpx 0rpx 20rpx 20rpx;
	margin: 0rpx 30rpx 30rpx;
	padding: 30rpx 30rpx 70rpx;
}
.gw-wx{
	width: 356rpx;
	height:356rpx;
	margin: 75rpx auto 20rpx;
}
.gw-sm{
	height: 36rpx;
	font-size: 24rpx;
	font-weight: normal;
	color: #999999;
	text-align: center;
}