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.
132 lines
2.6 KiB
132 lines
2.6 KiB
.head{
|
|
width: 750rpx;
|
|
height: 1386rpx;
|
|
background-color: rgb(22, 28, 30);
|
|
position: relative;
|
|
.head-img{
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgb(22, 28, 30);
|
|
position: absolute;
|
|
top: 20rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
.card{
|
|
width: 690rpx;
|
|
height: 286rpx;
|
|
background: linear-gradient(128deg, #FFE9CD 0%, #F6C687 100%);
|
|
border-radius: 24rpx 24rpx 0 0;
|
|
margin: 0 auto;
|
|
z-index: 12;
|
|
image{
|
|
width: 192rpx;
|
|
height: 68rpx;
|
|
margin: 56rpx 0 20rpx 64rpx;
|
|
}
|
|
div{
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #B4722E;
|
|
line-height: 34rpx;
|
|
margin-left: 70rpx;
|
|
}
|
|
.crown{
|
|
image{
|
|
width: 210rpx;
|
|
height: 170rpx;
|
|
margin: 38rpx;
|
|
margin-right: 64rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
.vip-crown{
|
|
width: 750rpx;
|
|
height: 1334rpx;
|
|
background: #FFFFFF;
|
|
z-index: 15;
|
|
border-top-left-radius: 40rpx;
|
|
border-top-right-radius: 40rpx;
|
|
position: absolute;
|
|
top: 290rpx;
|
|
.triangle{
|
|
border-top: 40rpx dashed rgb(250, 214, 167);
|
|
border-left: 40rpx dashed #fff;
|
|
border-right: 40rpx dashed #fff;
|
|
border-bottom: 40rpx dashed #fff;
|
|
}
|
|
.vip-exclusive{
|
|
.vip{
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Semibold, PingFang SC;
|
|
font-weight: 600;
|
|
color: #AF5901;
|
|
line-height: 44rpx;
|
|
margin: 0 18rpx;
|
|
}
|
|
.bos{
|
|
width: 48rpx;
|
|
height: 6rpx;
|
|
background: linear-gradient(270deg, #F7D8B0 0%, #F8F4F0 100%);
|
|
}
|
|
}
|
|
|
|
}
|
|
.img-one{
|
|
width: 654rpx;
|
|
height: 104rpx;
|
|
background: #FDF8F3;
|
|
border-radius: 16rpx;
|
|
margin: 0 auto;
|
|
margin-top: 40rpx;
|
|
image{
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin: 0 24rpx 0 32rpx;
|
|
}
|
|
div{
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #AF5901;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
.img-two{
|
|
width: 654rpx;
|
|
height: 104rpx;
|
|
background: #FDF8F3;
|
|
border-radius: 16rpx;
|
|
margin: 0 auto;
|
|
margin-top: 40rpx;
|
|
image{
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin: 0 24rpx 0 32rpx;
|
|
}
|
|
div{
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #AF5901;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
.vip-rule{
|
|
width: 654rpx;
|
|
height: 80rpx;
|
|
background: #FDF8F3;
|
|
border-radius: 40rpx;
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #AF5901;
|
|
line-height: 44rpx;
|
|
position: absolute;
|
|
bottom: 20rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|