红绿项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

229 lines
3.7 KiB

.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/[email protected])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;
}