* {margin: 0; padding: 0; box-sizing: border-box; -webkit-overflow-scrolling: touch;}

html {font-size: calc(100vw/7.8);}
body {}
img,button {display: block;}

.flex {display: -webkit-flex; display: flex;}

.page {min-height: 100vh; position: relative; padding-bottom: .5rem;}

.page .banner-box {position: relative;}
.page .banner-box > h1 {position: absolute; left: .48rem; bottom: .3rem; font-size: .56rem; color: #fff; font-weight: normal; line-height: 120%;}
.page .content {padding: 0 .4rem;}
.page .content .events-info-box {padding: 0; border-radius: .15rem; margin-top: .38rem;}
.page .content .events-info-box > p {color: #333; font-size: .28rem;}
.page .content .events-detail-box {margin-top: .28rem; justify-content: space-between; flex-wrap: wrap;}
.page .content .events-detail-box .events-detail-item {background-color: #FCF4F4; border-radius: .15rem; padding: .2rem 0 .14rem; width: 3.42rem; margin-bottom: .15rem; min-height: 1.2rem;}
.page .content .events-detail-box .events-detail-item .events-detail-item-title {margin-bottom: .1rem; align-items: center; padding-left: .4rem;}
.page .content .events-detail-box .events-detail-item .events-detail-item-title > img {width: .44rem; margin-right: .32rem;}
.page .content .events-detail-box .events-detail-item .events-detail-item-title > p {font-size: .28rem; color: #B18072;}
.page .content .events-detail-box .events-detail-item > p {font-size: .24rem; line-height: .36rem; text-align: center;}
.page .content .events-detail-box .events-detail-item:last-child > p {text-align: left; padding-left: .22rem;}
.page .content .events-detail-box .events-detail-item:last-child {width: 7rem;}

.page .swiper-box {margin-bottom: .64rem; position: relative; padding-top: 1.3rem;}
.page .swiper-box:before {content: ''; position: absolute; width: 1.9rem; height: 3.46rem; opacity: 0.3; background: rgba(227, 182, 164, 1); filter: blur(80px); left: 0; top: .94rem;}
.page .swiper-box .swiper-box-title {margin: 0 0 .8rem;}
.page .swiper-box .swiper-box-title > img {width: .42rem; margin: 0 auto .08rem;}
.page .swiper-box .swiper-box-title > h1 {font-size: .48rem; color: rgb(177, 128, 114); text-align: center;}
.page .swiper-box .flower-left {position: absolute; width: 2.37rem; left: 0; top: 1.2rem; z-index: 2;}
.page .swiper-box .flower-small {position: absolute; width: .78rem; right: 1.2rem; top: .6rem; z-index: 2;}
.page .swiper-box .flower-smaller {position: absolute; width: .39rem; right: .96rem; top: 1.46rem; z-index: 2;}
.page .swiper-box .swiper-icon-box {margin-top: .3rem;}
.page .swiper-box .swiper-icon-box > img {width: .6rem; margin: 0 auto;}
.page .swiper-box .swiper-icon-box > p {font-size: .28rem; color: rgba(0,0,0,.2); text-align: center;}

.swiper {height: 11.6rem;}
.swiper .swiper-slide {width: 6.84rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/swiper_box_bg.png"); background-size: 100%; background-repeat: no-repeat; -webkit-transform: scale3d(.92,.92,1); transform: scale3d(.92,.92,1); border-radius: .15rem; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; position: relative;}
/*.swiper .swiper-slide:before {content: ''; position: absolute; width: 1.68rem; height: 1.39rem; right: 0; bottom: 0; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/swiper_item_icon_bg.png"); background-repeat: no-repeat; background-size: 100%;}*/
.swiper .swiper-slide.swiper-slide-active {-webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
.swiper .swiper-wrapper .swiper-slide .swiper-title {height: 1.84rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/swiper_title_bg1.png"); background-size: 100%; background-repeat: no-repeat; display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.swiper .swiper-wrapper .swiper-slide:nth-child(2) .swiper-title {background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/swiper_title_bg2.png"); background-size: 100%; background-repeat: no-repeat;}
.swiper .swiper-wrapper .swiper-slide:nth-child(3) .swiper-title {background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/swiper_title_bg3.png"); background-size: 100%; background-repeat: no-repeat;}
.swiper .swiper-wrapper .swiper-slide:nth-child(4) .swiper-title {background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/swiper_title_bg4.png"); background-size: 100%; background-repeat: no-repeat;}
.swiper .swiper-wrapper .swiper-slide:nth-child(5) .swiper-title {background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/swiper_title_bg5.png"); background-size: 100%; background-repeat: no-repeat;}
.swiper .swiper-slide .swiper-title > h1 {background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(227, 182, 164, 1) 100%); font-size: .4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.swiper-pagination {position: absolute; bottom: .36rem !important; display: -webkit-flex; display: flex; justify-content: center;}
.swiper-pagination .swiper-pagination-bullet {width: .2rem; height: .06rem; margin: 0 .08rem; background-color: rgb(177, 128, 114); opacity: .3; border-radius: .06rem;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
.swiper-content-box {padding: .18rem .3rem;}
.swiper-content-box .swiper-content-box-title {text-align: center; font-size: .28rem; line-height: .42rem; padding-bottom: .3rem; border-bottom: 1px dashed #DAC2B8;}
.swiper-content-box .swiper-content-box-title > h1 {font-size: .3rem;}
.swiper-content-box .swiper-title-box {margin: .38rem auto 0; width: 2rem; height: .4rem; background: linear-gradient(271.29deg, #D29A6C 1.1%, #FDE9C6 188.58%); border-radius: .4rem; font-size: .28rem; color: #fff; font-weight: bold; text-align: center;}
.swiper-content-box > p {font-size: .28rem; line-height: .42rem; color: #B18072; margin-top: .22rem; text-align: center;}
.swiper-content-box .swiper-number-box {align-items: flex-end; justify-content: center; margin-top: .3rem;}
.swiper-content-box .swiper-number-box > img {margin-right: .04rem;}
.swiper-content-box .swiper-number-box > img.icon-third {width: 2.18rem;}
.swiper-content-box .swiper-number-box > img.icon-fourth {width: 2.61rem;}
.swiper-content-box .swiper-number-box > p {font-size: .24rem; color: #808491; margin-left: .1rem; padding-bottom: .04rem;}

.page .content .events-gift-box {padding: .28rem .2rem .1rem; background-color: rgba(218, 194, 184,.1); border-radius: .15rem;}
.page .content .events-gift-box .gift-box-title {width: 2.88rem; margin: 0 auto .15rem;}
.page .content .events-gift-box .events-gift-box-content {flex-wrap: wrap; justify-content: space-between;}
.page .content .events-gift-box .events-gift-box-content .events-gift-content-item {margin-bottom: .3rem;}
.page .content .events-gift-box .events-gift-box-content .events-gift-content-item .events-gift-item-box {width: 2.1rem; height: 2.4rem; margin-bottom: .14rem; background-color: #fff; border-radius: .1rem; overflow: hidden; position: relative;}
.page .content .events-gift-box .events-gift-box-content .events-gift-content-item .events-gift-item-box > p {position: absolute; width: 100%; text-align: center; left: 0; bottom: .18rem; font-size: .18rem;}
.page .content .events-gift-box .events-gift-box-content .events-gift-content-item > p {margin-top: .14rem; text-align: center; font-size: .18rem; color: #B18072;}
.page .content .submit {display: block; margin: .32rem auto; width: 2rem; height: .7rem; background: linear-gradient(92.26deg, #DAC2B8 -28.38%, #B18072 121.65%); border-radius: .7rem; border: none; font-size: .32rem; color: #fff; font-weight: bold;}
.page .content .events-rule-box {margin-top: .32rem;}
.page .content .events-rule-box > h1 {font-size: .2rem; margin-bottom: .06rem;}
.page .content .events-rule-box p {font-size: .16rem; line-height: .36rem; position: relative; padding-left: .4rem;}
.page .content .events-rule-box p > span {position: absolute; left: 0;}
.page .content .events-rule-box .rule-open-box {display: none;}
.page .content .events-rule-box .rule-open-btn {text-align: center; margin-top: .2rem; position: relative; padding-bottom: .4rem; font-size: .16rem; color: #B18072;}
.page .content .events-rule-box .rule-open-btn:after {content: ''; position: absolute; width: .4rem; height: .4rem; bottom: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/down_arr.png"); background-size: 100%;}
.page .content .links-box {margin-bottom: .35rem; justify-content: space-between;}
.page .content .links-box .links-box-item {width: 3.43rem; position: relative;}
.page .content .links-box .links-box-item > button {position: absolute; width: 1rem; height: .36rem; background-color: rgba(255,255,255,.3); font-size: .2rem; color: #fff; border: none; border-radius: .36rem; left: .3rem; bottom: .2rem;}

.page .content .enroll {width: 100%; height: 1rem; border-radius: 1rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/button.png"); background-size: 100%; background-repeat: no-repeat; border: none; position: relative; margin: .64rem 0;}
.page .content .enroll:after {content: ''; width: .8rem; height: .8rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/click_icon.png"); background-size: 100%; background-repeat: no-repeat; position: absolute; top: .15rem; right: .5rem; -webkit-animation: shake 3s infinite; animation: shake 3s infinite;}

.page .new-gift-box {padding: 0 .4rem; position: relative;}
.page .new-gift-box:before {content: ''; position: absolute; width: 1.9rem; height: 2.9rem; top: 0; right: 0; opacity: 0.3; background: rgba(227, 182, 164, 1); filter: blur(80px);}
.page .new-gift-box:after {content: ''; position: absolute; width: .74rem; height: 1.44rem; top: .34rem; left: 0; opacity: 0.3; background: rgba(227, 182, 164, 1); filter: blur(80px);}
.page .new-gift-box .flower-small {width: .7rem; position: absolute; top: .96rem; left: 1.3rem;}
.page .new-gift-box .flower-right {width: 2.18rem; position: absolute; top: .74rem; right: 0;}
.page .new-gift-box .new-gift-box-title {padding: 1.2rem 0 .8rem;}
.page .new-gift-box .new-gift-box-title > img {width: .42rem; margin: 0 auto .08rem;}
.page .new-gift-box .new-gift-box-title > h1 {font-size: .48rem; color: #B18072; text-align: center;}
.page .new-gift-box .new-gift-box-content {border-radius: .4rem; overflow: hidden; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/new_gift_content_bg.png"); background-size: 100%; background-repeat: no-repeat;}
.page .new-gift-box .new-gift-box-content .new-gift-box-content-title {background-color: rgba(177, 128, 114,.6); padding: .32rem .14rem .22rem;}
.page .new-gift-box .new-gift-box-content .new-gift-box-content-title > h1 {font-size: .28rem; color: #fff; text-align: center; margin-bottom: .08rem;}
.page .new-gift-box .new-gift-box-content .new-gift-box-content-title > p {font-size: .28rem; color: #fff; text-align: center;}
.page .new-gift-box .new-gift-box-content .new-gift-content-box {padding: .54rem .24rem .48rem; justify-content: center;}
.page .new-gift-box .new-gift-box-content .new-gift-content-box .new-gift-content-box-item {width: 2.06rem; margin: 0 .3rem;}
.page .new-gift-box .new-gift-box-content .new-gift-content-box .new-gift-content-box-item > img {width: 2.06rem; margin: 0 auto;}
.page .new-gift-box .new-gift-box-content .new-gift-content-box .new-gift-content-box-item > p {font-size: .2rem; color: rgb(177, 128, 114); margin-top: .18rem; text-align: center;}

.page .content .event-point-box {margin-bottom: .64rem;}
.page .content .event-point-box .event-point-title {justify-content: center; align-items: center; color: #A78072; font-size: .34rem;}
.page .content .event-point-box .event-point-title:before {content: ''; width: .4rem; height: .27rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/title_left.png"); background-size: 100%; background-repeat: no-repeat; margin-right: -.2rem;}
.page .content .event-point-box .event-point-title:after {content: ''; width: .3rem; height: .24rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/title_right.png"); background-size: 100%; background-repeat: no-repeat; margin-left: -.1rem;}
.page .content .event-point-box .event-point-title > span {position: relative;}
.page .content .event-point-box > p {font-size: .2rem; text-align: center;}
.page .content .event-point-box .event-point-box-content {margin-top: .34rem; justify-content: space-between; flex-wrap: wrap;}
.page .content .event-point-box .event-point-box-content .event-point-box-content-item {width: 2.28rem; height: 2rem; background-color: rgba(246, 218, 217, .3); border-radius: .06rem; padding: .28rem 0 0 .24rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-gift-h5-2/images/event_box_star.png"); background-size: 1.73rem .35rem; background-repeat: no-repeat; background-position: .16rem .12rem; margin-bottom: .1rem;}
.page .content .event-point-box .event-point-box-content .event-point-box-content-item > h1 {font-size: .24rem; color: #A78072; margin-bottom: .2rem;}
.page .content .event-point-box .event-point-box-content .event-point-box-content-item .event-point-item-number {align-items: center;}
.page .content .event-point-box .event-point-box-content .event-point-box-content-item .event-point-item-number > img {width: 1.25rem; height: .5rem; margin-right: -.2rem;}
.page .content .event-point-box .event-point-box-content .event-point-box-content-item:nth-child(5) .event-point-item-number > img,.page .content .event-point-box .event-point-box-content .event-point-box-content-item:nth-child(6) .event-point-item-number > img {margin-right: .1rem;}
.page .content .event-point-box .event-point-box-content .event-point-box-content-item .event-point-item-number > p {font-size: .26rem; width: .26rem; color: #A78072;}
.page .content .event-point-box .event-point-box-tips {margin-top: .1rem;}
.page .content .event-point-box .event-point-box-tips > p {font-size: .14rem; line-height: 168%;}
.page .content .logo-bottom {margin-top: .56rem;}



@-webkit-keyframes shake {
    0% {transform: scale(1) rotate(-30deg);}
    50% {transform: scale(1.2) rotate(-30deg);}
    100% {transform: scale(1) rotate(-30deg);}
}

@keyframes shake {
    0% {transform: scale(1) rotate(-30deg);}
    50% {transform: scale(1.2) rotate(-30deg);}
    100% {transform: scale(1) rotate(-30deg);}
}