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

@font-face {font-family: '思源黑体 Medium';  src: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/font/SourceHanSansCN-Medium.otf");}
@font-face {font-family: '思源黑体 Bold';  src: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/font/SourceHanSansCN-Bold.otf");}
@font-face {font-family: '思源黑体';  src: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/font/SourceHanSansCN-Regular.otf");}
@font-face {font-family: 'Hero New';  src: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/font/Hero New Regular.otf"); unicode-range: U+30-39, U+61-7a, U+41-5a, U+002D;}
@font-face {font-family: 'Hero New Medium';  src: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/font/Hero New Medium.otf"); unicode-range: U+30-39, U+61-7a, U+41-5a, U+002D;}
@font-face {font-family: 'Hero New Light';  src: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/font/Hero New Light.otf"); unicode-range: U+30-39, U+61-7a, U+41-5a, U+002D;}

html {font-size: calc(100vw/10.8);}
body {font-family: 'Hero New','思源黑体';}
img,button {display: block;}

h1,h2,h3 {font-weight: normal;}

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

.video {position: fixed; width: 100%; height: 100vh; z-index: 99; object-fit: cover; -webkit-transition: all 1s; transition: all 1s;}
.video.hide {opacity: 0;}

.swiper#loveSelfNav {position: absolute; top: 5.88rem; width: 100%; left: 0;}
.swiper#loveSelfNav .swiper-slide {width: 5.52rem; height: 1.72rem; background-color: rgba(167, 128, 114, .5); border-radius: .2rem; display: -webkit-flex; display: flex; padding: .24rem .28rem; align-items: center; margin: 0 .12rem;}
.swiper#loveSelfNav .swiper-slide.swiper-slide-active {border: #fff 1px solid;}
.swiper#loveSelfNav .swiper-slide img {width: 1.24rem; height: 1.24rem; margin-right: .29rem;}
.swiper#loveSelfNav .swiper-slide p {font-size: .36rem; color: #fff; line-height: .6rem;}

.page {min-height: 100vh; position: relative; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/bg.jpg"); background-size: cover; background-repeat: no-repeat;}
.page.index {padding: .53rem 0 .73rem;}
.page.health {padding: 1.9rem .46rem .1rem;}
.page.content {padding: .46rem;}
.page .logo-box {justify-content: center; align-items: center; margin-bottom: .53rem;}
.page .logo-box > img {margin: 0 .2rem;}
.page .index-logo {width: 4.6rem; height: 1.2rem;}
.page .index-title {width: 2.44rem;}
.page .index-item {width: 8.6rem; display: block; margin: 0 auto .58rem;}
.page .index-bottom-box {margin-left: 1.23rem; margin-top: .7rem;}
.page .index-bottom-box > a {display: block; width: 4.42rem;}
.page .index-bottom-box .index-phone {align-items: center;}
.page .index-bottom-box .index-phone > img {width: .46rem; margin-right: .18rem;}
.page .index-bottom-box .index-phone > h1 {font-size: .48rem; background: linear-gradient(180deg, #D2BAAD 0%, #A78072 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-family: 'Hero New Medium'; font-weight: bold; letter-spacing: 0.02em;}
.page .index-bottom-box > p {font-size: .25rem; line-height: .36rem; color: #D2BAAD; text-indent: -.14rem; margin-top: .1rem;}
.page .index-flower {position: absolute; width: 2.64rem; right: 0; bottom: 0;}

.page .health-nav-box {justify-content: space-between; margin-bottom: .45rem; position: fixed; top: .45rem; left: .46rem; right: .46rem; z-index: 99; background-color: #000;}
.page .health-nav-box .health-nav-item {width: 2.35rem; height: 1rem; font-size: .4rem; color: #A78072; text-align: center; line-height: 1rem; background-color: rgba(255,255,255,.2); border-radius: .2rem;}
.page .health-nav-box .health-nav-item.onthis {background-color: rgba(193, 165, 153, .6); color: #fff;}
.page .health-item-box {border-radius: .2rem; overflow: hidden; margin-bottom: .2rem;}
.swiper#loveSelfCont {margin-top: -.8rem; }
.swiper-button-next, .swiper-button-prev {color: #A78072;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: .6rem;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: -.1rem;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: -.1rem;;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {width: 1rem; height: 1rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/arrow.png?12"); background-size: 100%; background-repeat: no-repeat; content: ''; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {width: 1rem; height: 1rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/arrow.png?12"); background-size: 100%; background-repeat: no-repeat; content: ''; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.page .health-item-box .health-item-content {position: relative; padding: .93rem .2rem 0 .8rem;}
.page .health-item-box .health-item-content.one {background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/health_item1_text_bg.png"); background-size: 100%; background-repeat: no-repeat; height: 7.01rem;}
.page .health-item-box .health-item-content.two {background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/health_item3_text_bg.png"); background-size: 100%; background-repeat: no-repeat; height: 5.8rem;}
.page .health-item-box .health-item-content.three {background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/health_item3_text_bg.png"); background-size: 100%; background-repeat: no-repeat; height: 6.54rem;}
.page .health-item-box .health-item-content.four {background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/health_item4_text_bg.png"); background-size: 100%; background-repeat: no-repeat; height: 5.8rem;}
.page .health-item-box .health-item-content > h1 {font-size: .4rem; color: #fff; margin-bottom: .3rem;}
.page .health-item-box .health-item-content > ul > li {color: #A78072; font-size: .4rem; margin-left: 0.4rem; margin-bottom: .26rem;}
.page .health-item-box .health-item-content > ul > li::marker {margin-left: .2rem;}
.page .health-item-box .health-item-content > ul > li > h2 {color: #A78072; font-size: .32rem; line-height: .46rem;}
.page .health-item-box .health-item-content > ul > li > p {font-size: .28rem; line-height: .42rem; color: #fff; font-weight: 300;}
.page .health-item-box .health-item-content > p {font-size: .2rem; line-height: .3rem; color: #fff; margin-top: .6rem;}

.page .wealth-item-box {display: block; position: relative; margin-bottom: .2rem;}
.page .wealth-item-box .wealth-item-content {position: absolute; left: .6rem; bottom: .4rem; width: 8.42rem;}
.page .wealth-item-box .wealth-item-content > h1 {font-size: .64rem; line-height: .96rem; color: #fff; margin-bottom: .12rem;}
.page .wealth-item-box .wealth-item-content > p {font-size: .32rem; line-height: .48rem; color: #fff;}

.page .live-item-box {position: relative; width: 100%; height: 5.8rem; margin-bottom: .05rem; justify-content: center; align-items: center; text-decoration: none;}
.page .live-item-box > img {position: absolute; left: 0; top: 0;}
.page .live-item-box > p {font-size: .56rem; line-height: .84rem; color: #fff; position: relative; text-align: center; text-shadow: 0 0 .6rem rgba(29, 28, 28, 0.7);}
.page .notice-box {position: fixed; top: 9.16rem; right: 0; width: 1.16rem; height: 5rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/live_notice_title_bg.png"); background-size: 100%; background-repeat: no-repeat;}
.page .notice-box .notice-box-title {width: 1.16rem; height: 5rem; position: absolute; left: 0; top: 0;}
.page .notice-box .notice-box-title > h1 {font-size: .48rem; line-height: .58rem; color: #fff; padding: 1.03rem 0 0 .33rem;}
.page .notice-box .notice-box-title .notice-box-title-icon {width: .46rem; height: .36rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/live_notice_title_icon.png"); background-size: 100%; background-repeat: no-repeat; margin-left: .41rem; margin-top: .3rem;}
.page .notice-box.open {width: 8.82rem; background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/live_notice_title_bg_open.png"); background-size: 100%; background-repeat: no-repeat;}
.page .notice-box.open .notice-box-title > h1 {padding: 1.03rem 0 0 .38rem;}
.page .notice-box.open .notice-box-title .notice-box-title-icon {background-image: url("https://we-ui.oss-cn-hangzhou.aliyuncs.com/uob/uob-2023/uob-act/images/live_notice_title_open_icon.png"); background-size: 100%; background-repeat: no-repeat; width: .48rem; height: .48rem; margin-left: .38rem; margin-top: .18rem;}
.page .notice-box .notice-box-content {display: none; padding-top: 1.02rem; padding-left: 1.46rem;}
.page .notice-box.open .notice-box-content {display: block;}
.page .notice-box .notice-box-content .notice-box-content-title {}
.page .notice-box .notice-box-content .notice-box-content-title > img {width: .94rem; height: 1.03rem; margin-right: .45rem;}
.page .notice-box .notice-box-content .notice-box-content-title > div {padding-top: .14rem;}
.page .notice-box .notice-box-content .notice-box-content-title > div > h1 {font-size: .48rem; color: #fff;}
.page .notice-box .notice-box-content .notice-box-content-title > div > p {font-size: .36rem; color: rgba(255,255,255,.7);}
.page .notice-box .notice-box-content .notice-box-content-title > div > p:last-child {font-size: .28rem; margin-top: .92rem;}

.pop-bg {position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.5); justify-content: center; align-items: center; z-index: 99; display: none;}
.pop-bg.show {display: -webkit-flex; display: flex;}
.pop-bg .pop-box {width: 9.15rem; background-color: #fff; padding: .78rem .32rem .67rem .62rem; position: relative;}
.pop-bg .pop-box > img {width: 3.86rem; margin-bottom: .9rem;}
.pop-bg .pop-box > img.close {width: .6rem; height: .6rem; position: absolute; right: .2rem;}
.pop-bg .pop-box .pop-box-content {height: 11.3rem; overflow: auto; padding-right: .5rem;}
.pop-bg .pop-box .pop-box-content::-webkit-scrollbar {width: .1rem;}
.pop-bg .pop-box .pop-box-content::-webkit-scrollbar-thumb {background-color: #dcdad9; border-radius: .1rem;}
.pop-bg .pop-box .pop-box-content p {font-size: .36rem; line-height: .63rem; position: relative; padding-left: .55rem; margin-bottom: .2rem;}
.pop-bg .pop-box .pop-box-content p span {position: absolute; left: 0;}
.page .rule-btn {text-align: center; color: #e1c099; font-size: .4rem; margin-bottom: .2rem;}