.pro-head{
	text-align: center;
	color: #fff;
	line-height: 158rpx;
	font-size: 36rpx;
	text-transform: capitalize;
	background-color: #34026B;
	position: relative;
	padding: 0 36rpx;
	padding-top: 20rpx;
}
.pro-hea-rig{
position: absolute;
right: 36rpx;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
}

.pro-hea-rig .img1{
	width: 36rpx;
	height: 36rpx;
	margin-right: 48rpx;
}
.pro-hea-rig .img2{
	width: 28rpx;
	height: 24rpx;
}
.pro-body{
	padding: 0 36rpx;
	padding-bottom: 200rpx;
}
.pro-body-p1{
	display: flex;
	    justify-content: center;
	    align-items: center;
	font-size: 44rpx;
	color: #303133;
	text-align: center;
	padding: 60rpx 0;
	text-transform: capitalize;
}
.pro-body-p1 .s1{
font-family: 'din';
    padding-left: 8rpx;
    vertical-align: bottom;
}
.category-sigh{
	font-size: 36rpx;
	padding-left: 16rpx;
}
.pro-body-btn1{
	text-align: center;
    color: #fff;
	text-transform: capitalize;
	line-height: 96rpx;
	background: #34026B;
	border-radius: 16rpx;
	
}
.pro-body-lea{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.lea-item{
	width: 28%;
	text-align: center;
	padding-bottom: 30rpx;
}
.lea-item .p1{
	color: #909399;
	line-height: 96rpx;
	font-size: 32rpx;
}
.lea-item .p2{
	color: #909399;
	margin-top: 36rpx;
	font-size: 28rpx;
}
.lea-item .p3{
	color: #303133;
	margin-top: 20rpx;
	font-size: 36rpx;
}
.lea-item .p1.on{
	color: #34026B;
	border-bottom: 4rpx solid #34026B;
}
.pro-body-code{
	background: url(../../../static/promo/bg_promotion@2x.png)no-repeat;
	background-size: contain;
	padding: 36rpx;
}
.code-item1 .p1{
	font-size: 28rpx;
	color: rgba(255,255,255,.4);
}
.code-item1 .p2{
	font-size: 32rpx;
	margin-top: 16rpx;
	color: rgba(255,255,255,1);
	word-wrap:break-word;
}
	
.code-item1:nth-child(2){
	margin-top: 36rpx;
}
.code-btn{
	text-align: center;
	line-height: 96rpx;
	color: #fff;
	border-radius: 16rpx;
	margin-top: 36rpx;
	background-color: #954DE3;
}

.invite-more{
	width: 750rpx;
height: 480rpx;
background: #FFFFFF;
border-radius: 48rpx 48rpx 0px 0px;
position: fixed;
bottom: 0;
z-index: 9999;
}
.more-a{
	text-transform: capitalize;
	font-size: 32rpx;
	color: #303133;
	text-align: center;
	line-height: 108rpx;
}
.invite-con{
	padding: 24rpx 0;
}
.invite-con2{
	background-color: #F5F7FA;
	padding-bottom: 68rpx;
}
.msg-box-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
 background-color: rgba(0,0,0,.5);
}

.appl_Ba{
	width: 600rpx;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 24rpx;
	z-index: 9999;
}
.appl_Ba .top{
	padding: 48rpx 48rpx 0 48rpx;
}
.appl_Ba .title{
	color: #303133;
	font-size: 36rpx;
	text-align: center;

	text-transform: capitalize;
}
.appl_Ba .input{
	margin-top: 48rpx;
	line-height: 96rpx;
	height: 96rpx;
}
.appl_Ba .input input{
	height: 100%;
	border-bottom: 2rpx solid #EDEFF2;
}
.appl_Ba .all{
	line-height: 96rpx;
	background-color: #34026B;
	border-radius: 16rpx;
	text-align: center;
	color: #fff;
	margin-top: 48rpx;
}
.appl_Ba .btn_con{
	margin-top: 48rpx;
	border-top: 2rpx solid #F7F9FC;
    display: flex;
	justify-content: space-between;
	text-transform: capitalize;
}
.appl_Ba .btn_con .btn1{
	width: 50%;
	text-align: center;
	color: #606266FF;
	font-size: 32rpx;
	line-height: 108rpx;
}
.appl_Ba .btn_con .btn1:nth-child(1){
	border-right: 2rpx solid #F7F9FC;
}
.puple{
	color: #954DE3 !important;
}
.total{
	width: 100%;
	display: flex;
	justify-content: space-around;
	padding-bottom: 60rpx;
}
.Totalpe{
	text-align: center;
}
.Totalpe .p2{
	font-size: 36rpx;
	color: #333;
}
.Totalpe .p3{
	margin-top: 15rpx;
	font-size: 36rpx;
	color: #333;
}