/* user/sharingCourtesy/sharingCourtesy.wxss */
page{
    height: 100%;
    background-color: #faca50 !important;
}
.sharingCourtesy{
    height: 100%;
    width: 100%;
    position: relative;
}
.bac_img{
    height: 100%;
    width: 100%;
}
.bac_img image{
    height: 100%;
    width: 100%;
}
.sha_Cou_rule{
    position: absolute;
    top: 22rpx;
    right: 0;
    height: 50rpx;
    text-align: right;
}
.sha_Cou_rule span{
    text-align: center;
    display: inline-block;
    width: 141rpx;
    height: 50rpx;
    line-height: 50rpx;
    font-size: 26rpx;
    color: #ffffff;
	background-color: #ff4938;
	border-radius: 25rpx 0px 0px 25rpx;
}
.sha_Cou_cen{
    position: absolute;
    top: 224rpx;
    padding: 0 30rpx;
    width: 100%;
}
.sha_Cou_z{
	height: 746rpx;
	background-color: #ffffff;
    border-radius: 15rpx;
    padding:  50rpx 54rpx 0;
}
.sha_Cou_reward{
    height: 497rpx;
    width: 100%;
    position: relative;
}
.sha_Cou_reward .images{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.sha_Cou_reward_cen{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0 36rpx;
}
.reward_title{
    margin: 40rpx 0;
    font-size: 60rpx;
    color: #ffffff;
    text-align: center;
}
.reward_img{
    height: 110rpx;
    width: 100%;
    display: flex;
}
.reward_img_l{
    display: inline-block;
    width: 182rpx;
    height: 110rpx;
    position: relative;
}
.reward_img_l image{
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}
.reward_img_lp{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    line-height: 110rpx;
    text-align: center;
    font-weight: 500;
}
.reward_img_r{
    display: inline-block;
    flex: 1;
    position: relative;
}
.reward_img_r image{
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.lp_c{
    font-size: 32rpx;
	color: #ffffff;
}
.lp_m{
    font-size: 36rpx;
	color: #9a7555;
}
.lp_m span{
    font-size: 36rpx;
	color: #ef7f0a;
}

.sha_rule{
	font-size: 24rpx;
	line-height: 36rpx;
	color: #9c9c9c;
}
.sha_Cou_sub{
	height: 100rpx;
	background-color: #fc541e;
	box-shadow: 0px 10rpx 30rpx 0px 
		rgba(240, 52, 33, 0.5);
    border-radius: 50rpx;
    font-size: 38rpx;
    color: #ffffff;
    line-height: 100rpx;
    text-align: center;
}

.share_img{
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .75);
    padding:  0 100rpx;
}
.share_img_con{
    margin-top: 145rpx;
}
.share_img_con_b{
	height: 712rpx;
	box-shadow: -7rpx 4rpx 56rpx 3rpx 
		rgba(16, 142, 239, 0.08);
    border-radius: 10rpx;
    position: relative;
}
.testCanvas{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.share_flex{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column;
    padding: 0 48rpx;
}
.share_flex1{
    flex: 1;
    text-align: center;
}
.share_img1{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.share_img1 image{
    height: 100%;
    width: 100%;
}
.share_flex1_img{
    width: 100%;
    height: 46rpx;
    margin-top: 70rpx;
    text-align: center;
}
.share_flex1_img image{
    width: 384rpx;
	height: 46rpx;
}
.share_flex1_p{
    margin-top: 20rpx;
	font-size: 30rpx;
	line-height: 45rpx;
    color: #333333;
    text-align: center;
}
.share_flex1_span{
    text-align: center;
	font-size: 25rpx;
	color: #999999;
}
.qr_code{
    width: 309rpx;
	height: 309rpx;
}
.tips{
    font-size: 26rpx;
	line-height: 52rpx;
    color: #ffffff;
    text-align: center;
}
.tips_colse{
    text-align: center;
}
.tips_colse image{
    width: 69rpx;
	height: 69rpx;
}
.sha_Cou_sub{
    -webkit-animation: Cou_sub 2s linear infinite;
}


@keyframes Cou_sub {
    0%{
        transform: scale(0.9);
    }
    50%{
        transform: scale(1);  
    }
    100%{
        transform: scale(0.9);
    }
}