|
|
.box {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background: #190f65;
|
|
|
background: rgba(241, 243, 247, 1);
|
|
|
/* 活动人员弹框区域 */
|
|
|
/* 活动规则弹框区域 */
|
|
|
}
|
|
|
.box .banner,.b-swiper,.b-swiper-item,.b-swiper-item-img {
|
|
|
|
|
|
.box .banner,
|
|
|
.b-swiper,
|
|
|
.b-swiper-item,
|
|
|
.b-swiper-item-img {
|
|
|
width: 100%;
|
|
|
height: 400rpx;
|
|
|
}
|
...
|
...
|
@@ -16,6 +20,7 @@ |
|
|
padding: 0 50rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.box .inner .video {
|
|
|
width: 100%;
|
|
|
height: 360rpx;
|
...
|
...
|
@@ -26,6 +31,7 @@ |
|
|
margin: 40rpx 0;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.box .inner .video .preview {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
...
|
...
|
@@ -33,6 +39,7 @@ |
|
|
box-shadow: 0rpx 8rpx 216rpx 0rpx rgba(255, 182, 122, 0.35);
|
|
|
border: 5rpx solid #8f83a2;
|
|
|
}
|
|
|
|
|
|
.box .inner .video .back {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
...
|
...
|
@@ -42,6 +49,7 @@ |
|
|
top: 0;
|
|
|
border-radius: 32rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .video .video-play {
|
|
|
width: 76rpx;
|
|
|
height: 76rpx;
|
...
|
...
|
@@ -51,6 +59,7 @@ |
|
|
transform: translate(-32rpx, -32rpx);
|
|
|
z-index: 2;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw {
|
|
|
width: 100%;
|
|
|
height: 800rpx;
|
...
|
...
|
@@ -59,6 +68,7 @@ |
|
|
justify-content: center;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .rule {
|
|
|
width: 100%;
|
|
|
height: 40rpx;
|
...
|
...
|
@@ -67,12 +77,14 @@ |
|
|
position: absolute;
|
|
|
top: 50rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .rule .rule-in text:nth-of-type(1) {
|
|
|
font-size: 24rpx;
|
|
|
font-weight: 500;
|
|
|
color: #edecf2;
|
|
|
color: #2471E4;
|
|
|
line-height: 40rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .container-in {
|
|
|
width: 600rpx;
|
|
|
height: 610rpx;
|
...
|
...
|
@@ -84,12 +96,14 @@ |
|
|
bottom: 0;
|
|
|
margin: auto;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .container-in .itemBg {
|
|
|
background: url(https://car.goorcar.com/assets/static/img/Rectangle2622@2x.png) no-repeat;
|
|
|
background-size: 100%;
|
|
|
height: 130rpx;
|
|
|
width: 140rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .container-in .content-out {
|
|
|
position: absolute;
|
|
|
top: 0;
|
...
|
...
|
@@ -99,35 +113,40 @@ |
|
|
border-radius: 15rpx;
|
|
|
background-size: 100%;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .container-in .content-out .img {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
padding-top: 8rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .container-in .content-out .img .award-image {
|
|
|
height: 72rpx;
|
|
|
width: 72rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .container-in .content-out .drawName {
|
|
|
text-align: center;
|
|
|
font-size: 24rpx;
|
|
|
color: #aa3a0c;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .container-in .content-out .dyqName {
|
|
|
text-align: center;
|
|
|
font-size: 20rpx;
|
|
|
color: #fff;
|
|
|
color: #2471E4;
|
|
|
line-height: 22rpx;
|
|
|
padding: 3rpx 5rpx 0 5rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .draw .startDraw {
|
|
|
width: 280rpx;
|
|
|
height: 300rpx;
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
top: 47%;
|
|
|
transform: translateY(-112rpx);
|
|
|
}
|
|
|
|
|
|
.box .inner .countDown {
|
|
|
height: 320rpx;
|
|
|
position: relative;
|
...
|
...
|
@@ -136,6 +155,15 @@ |
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: space-around;
|
|
|
border-radius: 32rpx;
|
|
|
opacity: 1;
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
box-shadow: 0 8rpx 36rpx 0 rgb(55, 58, 78);
|
|
|
}
|
|
|
.box .inner .pic{
|
|
|
width: 328rpx;
|
|
|
height: 140rpx;
|
|
|
|
|
|
}
|
|
|
.box .inner .countDown .progress {
|
|
|
position: relative;
|
...
|
...
|
@@ -144,6 +172,7 @@ |
|
|
border-radius: 16rpx;
|
|
|
box-shadow: 0rpx 0rpx 10rpx 10rpx rgba(171, 171, 208, 0.2) inset, 0rpx 0rpx 5rpx 5rpx rgba(253, 202, 136, 0.3) inset;
|
|
|
}
|
|
|
|
|
|
.box .inner .countDown .progress .progressCom {
|
|
|
height: 24rpx;
|
|
|
position: absolute;
|
...
|
...
|
@@ -151,32 +180,42 @@ |
|
|
border-radius: 16rpx;
|
|
|
background: linear-gradient(to right, #6a5bdb, #fff);
|
|
|
}
|
|
|
|
|
|
.box .inner .countDown .attend {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: flex-end;
|
|
|
}
|
|
|
|
|
|
.box .inner .countDown .attend .listnum {
|
|
|
font-size: 28rpx;
|
|
|
color: #c7bfff;
|
|
|
}
|
|
|
|
|
|
.box .inner .countDown .attend .listnum text:nth-of-type(1) {
|
|
|
font-size: 28rpx;
|
|
|
color: #fea145;
|
|
|
}
|
|
|
|
|
|
.box .inner .countDown .attend .listhed {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.box .inner .countDown .attend .listhed .listhed_in image:nth-of-type(1) {
|
|
|
width: 50rpx;
|
|
|
height: 50rpx;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
.box .inner .countDown .attend .listhed .arrow {
|
|
|
width: 25rpx;
|
|
|
height: 32rpx;
|
|
|
width: 50rpx;
|
|
|
height: 50rpx;
|
|
|
position: absolute;
|
|
|
right: 13px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.box .inner .win {
|
|
|
width: 100%;
|
|
|
height: 500rpx;
|
...
|
...
|
@@ -185,22 +224,27 @@ |
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
.box .inner .win .pic {
|
|
|
width: 328rpx;
|
|
|
height: 40rpx;
|
|
|
height: 140rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .win .swiper {
|
|
|
width: 100%;
|
|
|
width: 90%;
|
|
|
height: 340rpx;
|
|
|
padding: 0 50rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.box .inner .win .swiper .list {
|
|
|
width: 100%;
|
|
|
width: 101%;
|
|
|
height: 250rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .win .swiper .list .list-in {
|
|
|
height: 80rpx;
|
|
|
line-height: 80rpx;
|
...
|
...
|
@@ -209,16 +253,20 @@ |
|
|
justify-content: space-around;
|
|
|
border-bottom: 2rpx dashed gainsboro;
|
|
|
}
|
|
|
|
|
|
.box .inner .win .swiper .list .list-in .l {
|
|
|
margin-left: 20rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .win .swiper .list .list-in .l_i_i {
|
|
|
margin-left: 50rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .win .swiper .list .list-in .l_i_i text:nth-of-type(2) {
|
|
|
color: #F99E46;
|
|
|
font-size: 28rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .detail {
|
|
|
width: 100%;
|
|
|
height: auto;
|
...
|
...
|
@@ -227,10 +275,12 @@ |
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
.box .inner .detail .d-pic {
|
|
|
width: 340rpx;
|
|
|
height: 40px;
|
|
|
height: 140rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .detail .actInfo {
|
|
|
width: 100%;
|
|
|
/* height: 1180rpx; */
|
...
|
...
|
@@ -238,11 +288,13 @@ |
|
|
line-height: 44rpx;
|
|
|
font-size: 28rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .consult {
|
|
|
width: 100%;
|
|
|
height: 160rpx;
|
|
|
margin-top: 50rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .adviser {
|
|
|
width: 100%;
|
|
|
height: 325rpx;
|
...
|
...
|
@@ -252,10 +304,12 @@ |
|
|
box-sizing: border-box;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.box .inner .adviser .ad-pic {
|
|
|
width: 180rpx;
|
|
|
height: 180rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .adviser .ad-det {
|
|
|
width: 65%;
|
|
|
height: 180rpx;
|
...
|
...
|
@@ -263,10 +317,12 @@ |
|
|
flex-direction: column;
|
|
|
justify-content: space-around;
|
|
|
}
|
|
|
|
|
|
.box .inner .adviser .ad-det .ad_det_t {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
}
|
|
|
|
|
|
.box .inner .adviser .ad-det .ad_det_t text:nth-of-type(1) {
|
|
|
font-size: 40rpx;
|
|
|
font-weight: 500;
|
...
|
...
|
@@ -274,19 +330,23 @@ |
|
|
display: block;
|
|
|
margin-right: 10rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .adviser .ad-det .ad_det_c {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.box .inner .adviser .ad-det .ad_det_b {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.box .inner .adviser .ad-det .ad_det_b view:nth-of-type(1) {
|
|
|
width: 114rpx;
|
|
|
height: 44rpx;
|
|
|
margin-left: 30rpx;
|
|
|
}
|
|
|
|
|
|
.box .inner .recom {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
...
|
...
|
@@ -295,22 +355,27 @@ |
|
|
height: 460rpx;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
.box .inner .recom .d-pic {
|
|
|
width: 340rpx;
|
|
|
height: 25px;
|
|
|
}
|
|
|
|
|
|
.box .inner .recom .swiper {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.box .inner .recom .swiper .swiper-item {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.box .inner .recom .swiper .swiper-item image:nth-of-type(1) {
|
|
|
width: 100%;
|
|
|
height: 80%;
|
|
|
}
|
|
|
|
|
|
.box .inner .views {
|
|
|
width: 100%;
|
|
|
height: 136rpx;
|
...
|
...
|
@@ -318,11 +383,13 @@ |
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
}
|
|
|
|
|
|
.box .inner .views .txt {
|
|
|
font-size: 24rpx;
|
|
|
font-weight: 400;
|
|
|
color: #ffffff;
|
|
|
color: rgba(33, 66, 115, 1);
|
|
|
}
|
|
|
|
|
|
.box .inner .mark {
|
|
|
width: 100%;
|
|
|
height: 140rpx;
|
...
|
...
|
@@ -331,24 +398,29 @@ |
|
|
align-items: center;
|
|
|
justify-content: space-around;
|
|
|
margin-bottom: 50rpx;
|
|
|
color:#7C8DA6;
|
|
|
}
|
|
|
|
|
|
.box .inner .mark .mark-v {
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
width: 90%;
|
|
|
}
|
|
|
|
|
|
.box .inner .mark .mark-v text:nth-of-type(1) {
|
|
|
font-size: 22rpx;
|
|
|
font-weight: 400;
|
|
|
color: #ffffff;
|
|
|
color: #7C8DA6;
|
|
|
}
|
|
|
|
|
|
.box .returnTop {
|
|
|
width: 100%;
|
|
|
height: 80rpx;
|
|
|
line-height: 80rpx;
|
|
|
text-align: center;
|
|
|
background: #0a0052;
|
|
|
background: #182840;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap {
|
|
|
position: fixed;
|
|
|
top: 0;
|
...
|
...
|
@@ -359,12 +431,14 @@ |
|
|
z-index: 3;
|
|
|
padding: 162rpx 74rpx 0 74rpx;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap .actPeople {
|
|
|
height: 844rpx;
|
|
|
background: #6b6aa8;
|
|
|
border: 8rpx solid #322d74;
|
|
|
border-radius: 16rpx;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap .actPeople .actTitle {
|
|
|
font-size: 32rpx;
|
|
|
color: #fff;
|
...
|
...
|
@@ -373,31 +447,37 @@ |
|
|
text-align: center;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap .actPeople .actPeopleScroll {
|
|
|
height: 670rpx;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap .actPeople .actPeopleScroll .actPeopleList {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
padding: 0 10rpx;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap .actPeople .actPeopleScroll .actPeopleList .actItemWrap {
|
|
|
width: 20%;
|
|
|
height: 112rpx;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap .actPeople .actPeopleScroll .actPeopleList .actItemWrap .actPeopleItem {
|
|
|
width: 88rpx;
|
|
|
height: 88rpx;
|
|
|
background: rgba(0, 0, 0, 0);
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap .actPeople .actPeopleScroll .actPeopleList .actItemWrap .actPeopleItem image:nth-of-type(1) {
|
|
|
width: 88rpx;
|
|
|
height: 88rpx;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap .closeBtn {
|
|
|
position: fixed;
|
|
|
width: 100%;
|
...
|
...
|
@@ -407,10 +487,12 @@ |
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
.box .actPeopleWrap .closeBtn image:nth-of-type(1) {
|
|
|
width: 48rpx;
|
|
|
height: 48rpx;
|
|
|
}
|
|
|
|
|
|
.box .actRuleAlert {
|
|
|
position: fixed;
|
|
|
top: 0;
|
...
|
...
|
@@ -423,29 +505,33 @@ |
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.box .actRuleAlert .actRule {
|
|
|
width: 70%;
|
|
|
width: 80%;
|
|
|
height: 60%;
|
|
|
background: #7676b2;
|
|
|
border: 8rpx solid #383481;
|
|
|
border-radius: 40rpx;
|
|
|
padding: 0 34rpx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: space-around;
|
|
|
background: linear-gradient(180.00deg, #eaeff5 0%, #fff 100%);
|
|
|
}
|
|
|
|
|
|
.box .actRuleAlert .actRule .title {
|
|
|
height: 122rpx;
|
|
|
text-align: center;
|
|
|
line-height: 122rpx;
|
|
|
font-size: 32rpx;
|
|
|
font-weight: 600;
|
|
|
color: #fff;
|
|
|
color: #29313D;
|
|
|
}
|
|
|
|
|
|
.box .actRuleAlert .actRule .content {
|
|
|
height: 474rpx;
|
|
|
color: #fff;
|
|
|
color: #40444A;
|
|
|
}
|
|
|
|
|
|
.box .actRuleAlert .actRule .bottomBtn {
|
|
|
width: 424rpx;
|
|
|
height: 68rpx;
|
...
|
...
|
@@ -458,21 +544,25 @@ |
|
|
font-weight: 600;
|
|
|
margin-top: 22rpx;
|
|
|
}
|
|
|
|
|
|
.box .b {
|
|
|
background-size: contain;
|
|
|
background-repeat: no-repeat;
|
|
|
}
|
|
|
|
|
|
.box .t {
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 400;
|
|
|
color: #ffffff;
|
|
|
color: #2471E4;
|
|
|
}
|
|
|
|
|
|
.box .mark-t {
|
|
|
font-size: 22rpx;
|
|
|
font-weight: 400;
|
|
|
color: #c7bfff;
|
|
|
}
|
|
|
|
|
|
.box .litpic {
|
|
|
width: 30rpx;
|
|
|
height: 30rpx;
|
|
|
} |
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|